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

@keyframes spectra-spin { to { transform: rotate(360deg); } }
@keyframes spectra-ping { 75%, 100% { transform: scale(2); opacity: 0; } }
@keyframes spectra-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
@keyframes spectra-bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }
@keyframes spectra-fade-up { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes spectra-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes spectra-fade-down { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes spectra-slide-left { 0% { opacity: 0; transform: translateX(30px); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes spectra-slide-right { 0% { opacity: 0; transform: translateX(-30px); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes spectra-scale-in { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } }
@keyframes spectra-ring-in { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } }
@keyframes spectra-ring-dash { 0% { stroke-dashoffset: 100; } 100% { stroke-dashoffset: 0; } }
@keyframes spectra-drift { 0% { transform: translate(0, 0); opacity: 0.4; } 50% { transform: translate(10px, -20px); opacity: 0.8; } 100% { transform: translate(0, 0); opacity: 0.4; } }
@keyframes spectra-pulse-dot { 0%, 100% { box-shadow: 0 0 0 0 currentColor; } 50% { box-shadow: 0 0 0 8px transparent; } }
@keyframes spectra-wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-3deg); } 75% { transform: rotate(3deg); } }
@keyframes spectra-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }
@keyframes spectra-reveal { 0% { clip-path: inset(0 100% 0 0); } 100% { clip-path: inset(0 0 0 0); } }
@keyframes spectra-fade-up-m { 0% { opacity: 0; transform: translateY(12px); } 100% { opacity: 1; transform: translateY(0); } }
:root .block { display: block; }
:root .contents { display: contents; }
:root .flex { display: flex; }
:root .grid { display: grid; }
:root .inline { display: inline; }
:root .inline-block { display: inline-block; }
:root .inline-flex { display: inline-flex; }
:root .inline-grid { display: inline-grid; }
:root .hidden { display: none; }
:root .border-0 { border-width: 0; border-style: none; }
:root .border { border-width: 1px; border-style: solid; }
:root .border-2 { border-width: 2px; border-style: solid; }
:root .border-4 { border-width: 4px; border-style: solid; }
:root .border-8 { border-width: 8px; border-style: solid; }
:root .border-t-0 { border-top-width: 0px; }
:root .border-t { border-top-width: 1px; border-top-style: solid; }
:root .border-t-2 { border-top-width: 2px; border-top-style: solid; }
:root .border-t-4 { border-top-width: 4px; border-top-style: solid; }
:root .border-t-8 { border-top-width: 8px; border-top-style: solid; }
:root .border-r-0 { border-right-width: 0px; }
:root .border-r { border-right-width: 1px; border-right-style: solid; }
:root .border-r-2 { border-right-width: 2px; border-right-style: solid; }
:root .border-r-4 { border-right-width: 4px; border-right-style: solid; }
:root .border-r-8 { border-right-width: 8px; border-right-style: solid; }
:root .border-b-0 { border-bottom-width: 0px; }
:root .border-b { border-bottom-width: 1px; border-bottom-style: solid; }
:root .border-b-2 { border-bottom-width: 2px; border-bottom-style: solid; }
:root .border-b-4 { border-bottom-width: 4px; border-bottom-style: solid; }
:root .border-b-8 { border-bottom-width: 8px; border-bottom-style: solid; }
:root .border-l-0 { border-left-width: 0px; }
:root .border-l { border-left-width: 1px; border-left-style: solid; }
:root .border-l-2 { border-left-width: 2px; border-left-style: solid; }
:root .border-l-4 { border-left-width: 4px; border-left-style: solid; }
:root .border-l-8 { border-left-width: 8px; border-left-style: solid; }
:root .border-x-0 { border-left-width: 0px; border-right-width: 0px; }
:root .border-x { border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; }
:root .border-x-2 { border-left-width: 2px; border-right-width: 2px; border-left-style: solid; border-right-style: solid; }
:root .border-x-4 { border-left-width: 4px; border-right-width: 4px; border-left-style: solid; border-right-style: solid; }
:root .border-x-8 { border-left-width: 8px; border-right-width: 8px; border-left-style: solid; border-right-style: solid; }
:root .border-y-0 { border-top-width: 0px; border-bottom-width: 0px; }
:root .border-y { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; }
:root .border-y-2 { border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; }
:root .border-y-4 { border-top-width: 4px; border-bottom-width: 4px; border-top-style: solid; border-bottom-style: solid; }
:root .border-y-8 { border-top-width: 8px; border-bottom-width: 8px; border-top-style: solid; border-bottom-style: solid; }
:root .border-solid { border-style: solid; }
:root .border-dashed { border-style: dashed; }
:root .border-dotted { border-style: dotted; }
:root .border-double { border-style: double; }
:root .border-groove { border-style: groove; }
:root .border-ridge { border-style: ridge; }
:root .border-inset { border-style: inset; }
:root .border-outset { border-style: outset; }
:root .border-t-none { border-block-start-style: none; }
:root .border-t-solid { border-block-start-style: solid; }
:root .border-t-dashed { border-block-start-style: dashed; }
:root .border-t-dotted { border-block-start-style: dotted; }
:root .border-t-double { border-block-start-style: double; }
:root .border-t-groove { border-block-start-style: groove; }
:root .border-t-ridge { border-block-start-style: ridge; }
:root .border-t-inset { border-block-start-style: inset; }
:root .border-t-outset { border-block-start-style: outset; }
:root .border-b-none { border-block-end-style: none; }
:root .border-b-solid { border-block-end-style: solid; }
:root .border-b-dashed { border-block-end-style: dashed; }
:root .border-b-dotted { border-block-end-style: dotted; }
:root .border-b-double { border-block-end-style: double; }
:root .border-b-groove { border-block-end-style: groove; }
:root .border-b-ridge { border-block-end-style: ridge; }
:root .border-b-inset { border-block-end-style: inset; }
:root .border-b-outset { border-block-end-style: outset; }
:root .border-l-none { border-inline-start-style: none; }
:root .border-l-solid { border-inline-start-style: solid; }
:root .border-l-dashed { border-inline-start-style: dashed; }
:root .border-l-dotted { border-inline-start-style: dotted; }
:root .border-l-double { border-inline-start-style: double; }
:root .border-l-groove { border-inline-start-style: groove; }
:root .border-l-ridge { border-inline-start-style: ridge; }
:root .border-l-inset { border-inline-start-style: inset; }
:root .border-l-outset { border-inline-start-style: outset; }
:root .border-r-none { border-inline-end-style: none; }
:root .border-r-solid { border-inline-end-style: solid; }
:root .border-r-dashed { border-inline-end-style: dashed; }
:root .border-r-dotted { border-inline-end-style: dotted; }
:root .border-r-double { border-inline-end-style: double; }
:root .border-r-groove { border-inline-end-style: groove; }
:root .border-r-ridge { border-inline-end-style: ridge; }
:root .border-r-inset { border-inline-end-style: inset; }
:root .border-r-outset { border-inline-end-style: outset; }
:root .rounded-none { border-radius: 0; }
:root .rounded-xs { border-radius: 0.125rem; }
:root .rounded-sm { border-radius: 0.25rem; }
:root .rounded { border-radius: 0.25rem; }
:root .rounded-md { border-radius: 0.375rem; }
:root .rounded-lg { border-radius: 0.5rem; }
:root .rounded-xl { border-radius: 0.75rem; }
:root .rounded-2xl { border-radius: 1rem; }
:root .rounded-3xl { border-radius: 1.5rem; }
:root .rounded-4xl { border-radius: 2rem; }
:root .rounded-full { border-radius: 9999px; }
:root .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; }
:root .rounded-t-xs { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
:root .rounded-t-sm { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
:root .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
:root .rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
:root .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
:root .rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }
:root .rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
:root .rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; }
:root .rounded-t-4xl { border-top-left-radius: 2rem; border-top-right-radius: 2rem; }
:root .rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; }
:root .rounded-b-none { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
:root .rounded-b-xs { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
:root .rounded-b-sm { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
:root .rounded-b { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
:root .rounded-b-md { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
:root .rounded-b-lg { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
:root .rounded-b-xl { border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
:root .rounded-b-2xl { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
:root .rounded-b-3xl { border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
:root .rounded-b-4xl { border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
:root .rounded-b-full { border-bottom-left-radius: 9999px; border-bottom-right-radius: 9999px; }
:root .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }
:root .rounded-l-xs { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }
:root .rounded-l-sm { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
:root .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
:root .rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
:root .rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }
:root .rounded-l-xl { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }
:root .rounded-l-2xl { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }
:root .rounded-l-3xl { border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }
:root .rounded-l-4xl { border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; }
:root .rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }
:root .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; }
:root .rounded-r-xs { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
:root .rounded-r-sm { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
:root .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
:root .rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
:root .rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
:root .rounded-r-xl { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
:root .rounded-r-2xl { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
:root .rounded-r-3xl { border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
:root .rounded-r-4xl { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; }
:root .rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }
:root .rounded-tl-none { border-top-left-radius: 0; }
:root .rounded-tl-xs { border-top-left-radius: 0.125rem; }
:root .rounded-tl-sm { border-top-left-radius: 0.25rem; }
:root .rounded-tl { border-top-left-radius: 0.25rem; }
:root .rounded-tl-md { border-top-left-radius: 0.375rem; }
:root .rounded-tl-lg { border-top-left-radius: 0.5rem; }
:root .rounded-tl-xl { border-top-left-radius: 0.75rem; }
:root .rounded-tl-2xl { border-top-left-radius: 1rem; }
:root .rounded-tl-3xl { border-top-left-radius: 1.5rem; }
:root .rounded-tl-4xl { border-top-left-radius: 2rem; }
:root .rounded-tl-full { border-top-left-radius: 9999px; }
:root .rounded-tr-none { border-top-right-radius: 0; }
:root .rounded-tr-xs { border-top-right-radius: 0.125rem; }
:root .rounded-tr-sm { border-top-right-radius: 0.25rem; }
:root .rounded-tr { border-top-right-radius: 0.25rem; }
:root .rounded-tr-md { border-top-right-radius: 0.375rem; }
:root .rounded-tr-lg { border-top-right-radius: 0.5rem; }
:root .rounded-tr-xl { border-top-right-radius: 0.75rem; }
:root .rounded-tr-2xl { border-top-right-radius: 1rem; }
:root .rounded-tr-3xl { border-top-right-radius: 1.5rem; }
:root .rounded-tr-4xl { border-top-right-radius: 2rem; }
:root .rounded-tr-full { border-top-right-radius: 9999px; }
:root .rounded-bl-none { border-bottom-left-radius: 0; }
:root .rounded-bl-xs { border-bottom-left-radius: 0.125rem; }
:root .rounded-bl-sm { border-bottom-left-radius: 0.25rem; }
:root .rounded-bl { border-bottom-left-radius: 0.25rem; }
:root .rounded-bl-md { border-bottom-left-radius: 0.375rem; }
:root .rounded-bl-lg { border-bottom-left-radius: 0.5rem; }
:root .rounded-bl-xl { border-bottom-left-radius: 0.75rem; }
:root .rounded-bl-2xl { border-bottom-left-radius: 1rem; }
:root .rounded-bl-3xl { border-bottom-left-radius: 1.5rem; }
:root .rounded-bl-4xl { border-bottom-left-radius: 2rem; }
:root .rounded-bl-full { border-bottom-left-radius: 9999px; }
:root .rounded-br-none { border-bottom-right-radius: 0; }
:root .rounded-br-xs { border-bottom-right-radius: 0.125rem; }
:root .rounded-br-sm { border-bottom-right-radius: 0.25rem; }
:root .rounded-br { border-bottom-right-radius: 0.25rem; }
:root .rounded-br-md { border-bottom-right-radius: 0.375rem; }
:root .rounded-br-lg { border-bottom-right-radius: 0.5rem; }
:root .rounded-br-xl { border-bottom-right-radius: 0.75rem; }
:root .rounded-br-2xl { border-bottom-right-radius: 1rem; }
:root .rounded-br-3xl { border-bottom-right-radius: 1.5rem; }
:root .rounded-br-4xl { border-bottom-right-radius: 2rem; }
:root .rounded-br-full { border-bottom-right-radius: 9999px; }
:root .outline-none { outline: 2px solid transparent; outline-offset: 2px; }
:root .outline-solid { outline-style: solid; }
:root .outline-dashed { outline-style: dashed; }
:root .outline-dotted { outline-style: dotted; }
:root .outline-double { outline-style: double; }
:root .outline-0 { outline-width: 0px; }
:root .outline-offset-0 { outline-offset: 0px; }
:root .outline-1 { outline-width: 1px; }
:root .outline-offset-1 { outline-offset: 1px; }
:root .outline-2 { outline-width: 2px; }
:root .outline-offset-2 { outline-offset: 2px; }
:root .outline-4 { outline-width: 4px; }
:root .outline-offset-4 { outline-offset: 4px; }
:root .outline-8 { outline-width: 8px; }
:root .outline-offset-8 { outline-offset: 8px; }
:root .outline-inherit { outline-color: inherit; }
:root .outline-current { outline-color: currentColor; }
:root .w-auto { width: auto; }
:root .w-fit { inline-size: fit-content; }
:root .w-full { inline-size: 100%; }
:root .w-screen { inline-size: 100vw; }
:root .w-1\/2 { width: 50%; }
:root .w-1\/3 { width: 33.333333%; }
:root .w-2\/3 { width: 66.666667%; }
:root .w-1\/4 { width: 25%; }
:root .w-2\/4 { width: 50%; }
:root .w-3\/4 { width: 75%; }
:root .w-1\/5 { width: 20%; }
:root .w-2\/5 { width: 40%; }
:root .w-3\/5 { width: 60%; }
:root .w-4\/5 { width: 80%; }
:root .w-1\/6 { width: 16.666667%; }
:root .w-5\/6 { width: 83.333333%; }
:root .min-w-0 { min-inline-size: 0; }
:root .min-w-full { min-inline-size: 100%; }
:root .min-w-fit { min-inline-size: fit-content; }
:root .max-w-none { max-inline-size: none; }
:root .max-w-full { max-inline-size: 100%; }
:root .max-w-screen { max-inline-size: 100vw; }
:root .w-0 { inline-size: 0; }
:root .w-px { inline-size: 1px; }
:root .w-0\.5 { inline-size: 0.125rem; }
:root .w-1 { inline-size: 0.25rem; }
:root .w-1\.5 { inline-size: 0.375rem; }
:root .w-2 { inline-size: 0.5rem; }
:root .w-2\.5 { inline-size: 0.625rem; }
:root .w-3 { inline-size: 0.75rem; }
:root .w-3\.5 { inline-size: 0.875rem; }
:root .w-4 { inline-size: 1rem; }
:root .w-5 { inline-size: 1.25rem; }
:root .w-6 { inline-size: 1.5rem; }
:root .w-7 { inline-size: 1.75rem; }
:root .w-8 { inline-size: 2rem; }
:root .w-9 { inline-size: 2.25rem; }
:root .w-10 { inline-size: 2.5rem; }
:root .w-11 { inline-size: 2.75rem; }
:root .w-12 { inline-size: 3rem; }
:root .w-14 { inline-size: 3.5rem; }
:root .w-16 { inline-size: 4rem; }
:root .w-20 { inline-size: 5rem; }
:root .w-24 { inline-size: 6rem; }
:root .w-28 { inline-size: 7rem; }
:root .w-32 { inline-size: 8rem; }
:root .w-36 { inline-size: 9rem; }
:root .w-40 { inline-size: 10rem; }
:root .w-44 { inline-size: 11rem; }
:root .w-48 { inline-size: 12rem; }
:root .w-52 { inline-size: 13rem; }
:root .w-56 { inline-size: 14rem; }
:root .w-60 { inline-size: 15rem; }
:root .w-64 { inline-size: 16rem; }
:root .w-72 { inline-size: 18rem; }
:root .w-80 { inline-size: 20rem; }
:root .w-96 { inline-size: 24rem; }
:root .max-w-xs { max-inline-size: 20rem; }
:root .max-w-sm { max-inline-size: 24rem; }
:root .max-w-md { max-inline-size: 28rem; }
:root .max-w-lg { max-inline-size: 32rem; }
:root .max-w-xl { max-inline-size: 36rem; }
:root .max-w-2xl { max-inline-size: 42rem; }
:root .max-w-3xl { max-inline-size: 48rem; }
:root .max-w-4xl { max-inline-size: 56rem; }
:root .max-w-5xl { max-inline-size: 64rem; }
:root .max-w-6xl { max-inline-size: 72rem; }
:root .max-w-7xl { max-inline-size: 80rem; }
:root .max-w-prose { max-inline-size: 65ch; }
:root .h-auto { block-size: auto; }
:root .h-full { block-size: 100%; }
:root .h-screen { block-size: 100vh; }
:root .h-1\/2 { block-size: 50%; }
:root .h-1\/3 { block-size: 33.333333%; }
:root .h-2\/3 { block-size: 66.666667%; }
:root .h-1\/4 { block-size: 25%; }
:root .h-2\/4 { block-size: 50%; }
:root .h-3\/4 { block-size: 75%; }
:root .h-1\/5 { block-size: 20%; }
:root .h-2\/5 { block-size: 40%; }
:root .h-3\/5 { block-size: 60%; }
:root .h-4\/5 { block-size: 80%; }
:root .h-1\/6 { block-size: 16.666667%; }
:root .h-5\/6 { block-size: 83.333333%; }
:root .min-h-0 { min-block-size: 0; }
:root .min-h-full { min-block-size: 100%; }
:root .min-h-screen { min-block-size: 100vh; }
:root .min-h-fit { min-block-size: fit-content; }
:root .max-h-none { max-block-size: none; }
:root .max-h-full { max-block-size: 100%; }
:root .max-h-screen { max-block-size: 100vh; }
:root .h-0 { block-size: 0; }
:root .h-px { block-size: 1px; }
:root .h-0\.5 { block-size: 0.125rem; }
:root .h-1 { block-size: 0.25rem; }
:root .h-1\.5 { block-size: 0.375rem; }
:root .h-2 { block-size: 0.5rem; }
:root .h-2\.5 { block-size: 0.625rem; }
:root .h-3 { block-size: 0.75rem; }
:root .h-3\.5 { block-size: 0.875rem; }
:root .h-4 { block-size: 1rem; }
:root .h-5 { block-size: 1.25rem; }
:root .h-6 { block-size: 1.5rem; }
:root .h-7 { block-size: 1.75rem; }
:root .h-8 { block-size: 2rem; }
:root .h-9 { block-size: 2.25rem; }
:root .h-10 { block-size: 2.5rem; }
:root .h-11 { block-size: 2.75rem; }
:root .h-12 { block-size: 3rem; }
:root .h-14 { block-size: 3.5rem; }
:root .h-16 { block-size: 4rem; }
:root .h-20 { block-size: 5rem; }
:root .h-24 { block-size: 6rem; }
:root .h-28 { block-size: 7rem; }
:root .h-32 { block-size: 8rem; }
:root .h-36 { block-size: 9rem; }
:root .h-40 { block-size: 10rem; }
:root .h-44 { block-size: 11rem; }
:root .h-48 { block-size: 12rem; }
:root .h-52 { block-size: 13rem; }
:root .h-56 { block-size: 14rem; }
:root .h-60 { block-size: 15rem; }
:root .h-64 { block-size: 16rem; }
:root .h-72 { block-size: 18rem; }
:root .h-80 { block-size: 20rem; }
:root .h-96 { block-size: 24rem; }
:root .size-auto { width: auto; height: auto; }
:root .size-fit { width: fit-content; height: fit-content; }
:root .size-min { width: min-content; height: min-content; }
:root .size-max { width: max-content; height: max-content; }
:root .size-0 { width: 0; height: 0; }
:root .size-px { width: 1px; height: 1px; }
:root .size-0\.5 { width: 0.125rem; height: 0.125rem; }
:root .size-1 { width: 0.25rem; height: 0.25rem; }
:root .size-1\.5 { width: 0.375rem; height: 0.375rem; }
:root .size-2 { width: 0.5rem; height: 0.5rem; }
:root .size-2\.5 { width: 0.625rem; height: 0.625rem; }
:root .size-3 { width: 0.75rem; height: 0.75rem; }
:root .size-3\.5 { width: 0.875rem; height: 0.875rem; }
:root .size-4 { width: 1rem; height: 1rem; }
:root .size-5 { width: 1.25rem; height: 1.25rem; }
:root .size-6 { width: 1.5rem; height: 1.5rem; }
:root .size-7 { width: 1.75rem; height: 1.75rem; }
:root .size-8 { width: 2rem; height: 2rem; }
:root .size-9 { width: 2.25rem; height: 2.25rem; }
:root .size-10 { width: 2.5rem; height: 2.5rem; }
:root .size-11 { width: 2.75rem; height: 2.75rem; }
:root .size-12 { width: 3rem; height: 3rem; }
:root .size-14 { width: 3.5rem; height: 3.5rem; }
:root .size-16 { width: 4rem; height: 4rem; }
:root .size-20 { width: 5rem; height: 5rem; }
:root .size-24 { width: 6rem; height: 6rem; }
:root .size-28 { width: 7rem; height: 7rem; }
:root .size-32 { width: 8rem; height: 8rem; }
:root .size-36 { width: 9rem; height: 9rem; }
:root .size-40 { width: 10rem; height: 10rem; }
:root .size-44 { width: 11rem; height: 11rem; }
:root .size-48 { width: 12rem; height: 12rem; }
:root .size-52 { width: 13rem; height: 13rem; }
:root .size-56 { width: 14rem; height: 14rem; }
:root .size-60 { width: 15rem; height: 15rem; }
:root .size-64 { width: 16rem; height: 16rem; }
:root .size-72 { width: 18rem; height: 18rem; }
:root .size-80 { width: 20rem; height: 20rem; }
:root .size-96 { width: 24rem; height: 24rem; }
:root .aspect-auto { aspect-ratio: auto; }
:root .aspect-square { aspect-ratio: 1 / 1; }
:root .aspect-video { aspect-ratio: 16 / 9; }
:root .aspect-1\/2 { aspect-ratio: 1/2; }
:root .aspect-2\/1 { aspect-ratio: 2/1; }
:root .aspect-2\/3 { aspect-ratio: 2/3; }
:root .aspect-3\/2 { aspect-ratio: 3/2; }
:root .aspect-3\/4 { aspect-ratio: 3/4; }
:root .aspect-4\/3 { aspect-ratio: 4/3; }
:root .aspect-9\/16 { aspect-ratio: 9/16; }
:root .object-contain { object-fit: contain; }
:root .object-cover { object-fit: cover; }
:root .object-fill { object-fit: fill; }
:root .object-none { object-fit: none; }
:root .object-scale-down { object-fit: scale-down; }
:root .object-left-top { object-position: top left; }
:root .object-top { object-position: top; }
:root .object-right-top { object-position: top right; }
:root .object-left { object-position: left; }
:root .object-center { object-position: center; }
:root .object-right { object-position: right; }
:root .object-left-bottom { object-position: bottom left; }
:root .object-bottom { object-position: bottom; }
:root .object-right-bottom { object-position: bottom right; }
:root .flex-row { flex-direction: row; }
:root .flex-row-reverse { flex-direction: row-reverse; }
:root .flex-col { flex-direction: column; }
:root .flex-col-reverse { flex-direction: column-reverse; }
:root .flex-nowrap { flex-wrap: nowrap; }
:root .flex-wrap { flex-wrap: wrap; }
:root .flex-wrap-reverse { flex-wrap: wrap-reverse; }
:root .flex-1 { flex: 1 1 0%; }
:root .flex-auto { flex: 1 1 auto; }
:root .flex-initial { flex: 0 1 auto; }
:root .flex-none { flex: none; }
:root .grow { flex-grow: 1; }
:root .grow-0 { flex-grow: 0; }
:root .shrink { flex-shrink: 1; }
:root .shrink-0 { flex-shrink: 0; }
:root .content-start { align-content: flex-start; }
:root .content-end { align-content: flex-end; }
:root .content-center { align-content: center; }
:root .content-between { align-content: space-between; }
:root .content-around { align-content: space-around; }
:root .content-evenly { align-content: space-evenly; }
:root .content-stretch { align-content: stretch; }
:root .items-stretch { align-items: stretch; }
:root .items-start { align-items: flex-start; }
:root .items-end { align-items: flex-end; }
:root .items-center { align-items: center; }
:root .items-baseline { align-items: baseline; }
:root .self-start { align-self: flex-start; }
:root .self-end { align-self: flex-end; }
:root .self-center { align-self: center; }
:root .self-stretch { align-self: stretch; }
:root .self-baseline { align-self: baseline; }
:root .justify-start { justify-content: flex-start; }
:root .justify-end { justify-content: flex-end; }
:root .justify-center { justify-content: center; }
:root .justify-between { justify-content: space-between; }
:root .justify-around { justify-content: space-around; }
:root .justify-evenly { justify-content: space-evenly; }
:root .justify-items-start { justify-items: start; }
:root .justify-items-end { justify-items: end; }
:root .justify-items-center { justify-items: center; }
:root .justify-items-stretch { justify-items: stretch; }
:root .justify-self-start { justify-self: start; }
:root .justify-self-end { justify-self: end; }
:root .justify-self-center { justify-self: center; }
:root .justify-self-stretch { justify-self: stretch; }
:root .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
:root .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
:root .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
:root .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
:root .grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
:root .grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
:root .grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); }
:root .grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); }
:root .grid-cols-9 { grid-template-columns: repeat(9, minmax(0px, 1fr)); }
:root .grid-cols-10 { grid-template-columns: repeat(10, minmax(0px, 1fr)); }
:root .grid-cols-11 { grid-template-columns: repeat(11, minmax(0px, 1fr)); }
:root .grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); }
:root .grid-cols-1\/2 { grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); }
:root .grid-cols-1\/3 { grid-template-columns: minmax(0px, 1fr) minmax(0px, 3fr); }
:root .grid-cols-2\/1 { grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr); }
:root .grid-cols-2\/3 { grid-template-columns: minmax(0px, 2fr) minmax(0px, 3fr); }
:root .grid-cols-3\/1 { grid-template-columns: minmax(0px, 3fr) minmax(0px, 1fr); }
:root .grid-cols-3\/2 { grid-template-columns: minmax(0px, 3fr) minmax(0px, 2fr); }
:root .grid-cols-subgrid { grid-template-columns: subgrid; }
:root .grid-rows-subgrid { grid-template-rows: subgrid; }
:root .col-start-1 { grid-column-start: 1; }
:root .col-end-1 { grid-column-end: 1; }
:root .col-start-2 { grid-column-start: 2; }
:root .col-end-2 { grid-column-end: 2; }
:root .col-start-3 { grid-column-start: 3; }
:root .col-end-3 { grid-column-end: 3; }
:root .col-start-4 { grid-column-start: 4; }
:root .col-end-4 { grid-column-end: 4; }
:root .col-start-5 { grid-column-start: 5; }
:root .col-end-5 { grid-column-end: 5; }
:root .col-start-6 { grid-column-start: 6; }
:root .col-end-6 { grid-column-end: 6; }
:root .col-start-7 { grid-column-start: 7; }
:root .col-end-7 { grid-column-end: 7; }
:root .col-start-8 { grid-column-start: 8; }
:root .col-end-8 { grid-column-end: 8; }
:root .col-start-9 { grid-column-start: 9; }
:root .col-end-9 { grid-column-end: 9; }
:root .col-start-10 { grid-column-start: 10; }
:root .col-end-10 { grid-column-end: 10; }
:root .col-start-11 { grid-column-start: 11; }
:root .col-end-11 { grid-column-end: 11; }
:root .col-start-12 { grid-column-start: 12; }
:root .col-end-12 { grid-column-end: 12; }
:root .col-start-13 { grid-column-start: 13; }
:root .col-end-13 { grid-column-end: 13; }
:root .col-end-last { grid-column-end: -1; }
:root .col-span-1 { grid-column: span 1 / span 1; }
:root .col-span-2 { grid-column: span 2 / span 2; }
:root .col-span-3 { grid-column: span 3 / span 3; }
:root .col-span-4 { grid-column: span 4 / span 4; }
:root .col-span-5 { grid-column: span 5 / span 5; }
:root .col-span-6 { grid-column: span 6 / span 6; }
:root .col-span-7 { grid-column: span 7 / span 7; }
:root .col-span-8 { grid-column: span 8 / span 8; }
:root .col-span-9 { grid-column: span 9 / span 9; }
:root .col-span-10 { grid-column: span 10 / span 10; }
:root .col-span-11 { grid-column: span 11 / span 11; }
:root .col-span-12 { grid-column: span 12 / span 12; }
:root .col-span-full { grid-column: 1 / -1; }
:root .row-start-1 { grid-row-start: 1; }
:root .row-end-1 { grid-row-end: 1; }
:root .row-start-2 { grid-row-start: 2; }
:root .row-end-2 { grid-row-end: 2; }
:root .row-start-3 { grid-row-start: 3; }
:root .row-end-3 { grid-row-end: 3; }
:root .row-start-4 { grid-row-start: 4; }
:root .row-end-4 { grid-row-end: 4; }
:root .row-start-5 { grid-row-start: 5; }
:root .row-end-5 { grid-row-end: 5; }
:root .row-start-6 { grid-row-start: 6; }
:root .row-end-6 { grid-row-end: 6; }
:root .row-start-7 { grid-row-start: 7; }
:root .row-end-7 { grid-row-end: 7; }
:root .row-end-last { grid-row-end: -1; }
:root .row-span-1 { grid-row: span 1 / span 1; }
:root .row-span-2 { grid-row: span 2 / span 2; }
:root .row-span-3 { grid-row: span 3 / span 3; }
:root .row-span-4 { grid-row: span 4 / span 4; }
:root .row-span-5 { grid-row: span 5 / span 5; }
:root .row-span-6 { grid-row: span 6 / span 6; }
:root .row-span-full { grid-row: 1 / -1; }
:root .order-first { order: -9999; }
:root .order-last { order: 9999; }
:root .order-none { order: 0; }
:root .order-1 { order: 1; }
:root .order-2 { order: 2; }
:root .order-3 { order: 3; }
:root .order-4 { order: 4; }
:root .order-5 { order: 5; }
:root .order-6 { order: 6; }
:root .order-7 { order: 7; }
:root .order-8 { order: 8; }
:root .order-9 { order: 9; }
:root .order-10 { order: 10; }
:root .order-11 { order: 11; }
:root .order-12 { order: 12; }
:root .isolate { isolation: isolate; }
:root .isolation-auto { isolation: auto; }
:root .z-0 { z-index: 0; }
:root .z-10 { z-index: 10; }
:root .z-20 { z-index: 20; }
:root .z-30 { z-index: 30; }
:root .z-40 { z-index: 40; }
:root .z-50 { z-index: 50; }
:root .z-auto { z-index: auto; }
:root .z-back { z-index: -1; }
:root .z-front { z-index: 99999; }
:root .-z-10 { z-index: -10; }
:root .-z-20 { z-index: -20; }
:root .-z-30 { z-index: -30; }
:root .-z-40 { z-index: -40; }
:root .-z-50 { z-index: -50; }
:root .backdrop-blur-xs { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
:root .backdrop-blur-sm { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
:root .backdrop-blur { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
:root .backdrop-blur-md { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
:root .backdrop-blur-lg { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
:root .backdrop-blur-xl { -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); }
:root .backdrop-blur-2xl { -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); }
:root .backdrop-blur-3xl { -webkit-backdrop-filter: blur(64px); backdrop-filter: blur(64px); }
:root .leading-none { line-height: 1; }
:root .leading-tight { line-height: 1.25; }
:root .leading-snug { line-height: 1.375; }
:root .leading-normal { line-height: 1.5; }
:root .leading-relaxed { line-height: 1.625; }
:root .leading-loose { line-height: 2; }
:root .leading-3 { line-height: 0.75rem; }
:root .leading-4 { line-height: 1rem; }
:root .leading-5 { line-height: 1.25rem; }
:root .leading-6 { line-height: 1.5rem; }
:root .leading-7 { line-height: 1.75rem; }
:root .leading-8 { line-height: 2rem; }
:root .leading-9 { line-height: 2.25rem; }
:root .leading-10 { line-height: 2.5rem; }
:root .font-thin { font-weight: 100; }
:root .font-extralight { font-weight: 200; }
:root .font-light { font-weight: 300; }
:root .font-normal { font-weight: 400; }
:root .font-medium { font-weight: 500; }
:root .font-semibold { font-weight: 600; }
:root .font-bold { font-weight: 700; }
:root .font-extrabold { font-weight: 800; }
:root .font-black { font-weight: 900; }
:root .italic { font-style: italic; }
:root .not-italic { font-style: normal; }
:root .text-left { text-align: left; }
:root .text-center { text-align: center; }
:root .text-right { text-align: right; }
:root .text-justify { text-align: justify; }
:root .text-start { text-align: start; }
:root .text-end { text-align: end; }
:root .uppercase { text-transform: uppercase; }
:root .lowercase { text-transform: lowercase; }
:root .capitalize { text-transform: capitalize; }
:root .normal-case { text-transform: none; }
:root .underline { text-decoration-line: underline; }
:root .overline { text-decoration-line: overline; }
:root .line-through { text-decoration-line: line-through; }
:root .no-underline { text-decoration-line: none; }
:root .text-wrap { text-wrap: wrap; }
:root .text-nowrap { text-wrap: nowrap; }
:root .text-balance { text-wrap: balance; }
:root .text-pretty { text-wrap: pretty; }
:root .whitespace-normal { white-space: normal; }
:root .whitespace-nowrap { white-space: nowrap; }
:root .whitespace-pre { white-space: pre; }
:root .whitespace-pre-line { white-space: pre-line; }
:root .whitespace-pre-wrap { white-space: pre-wrap; }
:root .whitespace-break-spaces { white-space: break-spaces; }
:root .tracking-tighter { letter-spacing: -0.05em; }
:root .tracking-tight { letter-spacing: -0.025em; }
:root .tracking-normal { letter-spacing: 0em; }
:root .tracking-wide { letter-spacing: 0.025em; }
:root .tracking-wider { letter-spacing: 0.05em; }
:root .tracking-widest { letter-spacing: 0.1em; }
:root .shadow-2xs { --tw-shadow: 0 1px rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-xs { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-sm { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-inner { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-2xs { --tw-shadow: inset 0 1px rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-xs { --tw-shadow: inset 0 1px 1px rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-sm { --tw-shadow: inset 0 2px 4px rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow { --tw-shadow: inset 0 2px 4px rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-md { --tw-shadow: inset 0 4px 6px rgb(0 0 0 / 0.10); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-lg { --tw-shadow: inset 0 6px 10px rgb(0 0 0 / 0.10); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-xl { --tw-shadow: inset 0 8px 16px rgb(0 0 0 / 0.10); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-2xl { --tw-shadow: inset 0 12px 24px rgb(0 0 0 / 0.10); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .inset-shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000); }
:root .opacity-0 { opacity: 0; }
:root .opacity-5 { opacity: 0.05; }
:root .opacity-10 { opacity: 0.1; }
:root .opacity-15 { opacity: 0.15; }
:root .opacity-20 { opacity: 0.2; }
:root .opacity-25 { opacity: 0.25; }
:root .opacity-30 { opacity: 0.3; }
:root .opacity-35 { opacity: 0.35; }
:root .opacity-40 { opacity: 0.4; }
:root .opacity-45 { opacity: 0.45; }
:root .opacity-50 { opacity: 0.5; }
:root .opacity-55 { opacity: 0.55; }
:root .opacity-60 { opacity: 0.6; }
:root .opacity-65 { opacity: 0.65; }
:root .opacity-70 { opacity: 0.7; }
:root .opacity-75 { opacity: 0.75; }
:root .opacity-80 { opacity: 0.8; }
:root .opacity-85 { opacity: 0.85; }
:root .opacity-90 { opacity: 0.9; }
:root .opacity-95 { opacity: 0.95; }
:root .opacity-100 { opacity: 1; }
:root .overflow-auto { overflow: auto; }
:root .overflow-x-auto { overflow-x: auto; }
:root .overflow-y-auto { overflow-y: auto; }
:root .overflow-hidden { overflow: hidden; }
:root .overflow-x-hidden { overflow-x: hidden; }
:root .overflow-y-hidden { overflow-y: hidden; }
:root .overflow-clip { overflow: clip; }
:root .overflow-x-clip { overflow-x: clip; }
:root .overflow-y-clip { overflow-y: clip; }
:root .overflow-visible { overflow: visible; }
:root .overflow-x-visible { overflow-x: visible; }
:root .overflow-y-visible { overflow-y: visible; }
:root .overflow-scroll { overflow: scroll; }
:root .overflow-x-scroll { overflow-x: scroll; }
:root .overflow-y-scroll { overflow-y: scroll; }
:root .static { position: static; }
:root .relative { position: relative; }
:root .absolute { position: absolute; width: auto; }
:root .fixed { position: fixed; width: auto; }
:root .sticky { position: sticky; }
:root .inset-0 { inset: 0; }
:root .inset-x-0 { right: 0; left: 0; }
:root .inset-y-0 { top: 0; bottom: 0; }
:root .inset-auto { inset: auto; }
:root .inset-x-auto { right: auto; left: auto; }
:root .inset-y-auto { top: auto; bottom: auto; }
:root .top-0 { top: 0; }
:root .top-px { top: 1px; }
:root .top-0\.5 { top: 0.125rem; }
:root .top-1 { top: 0.25rem; }
:root .top-1\.5 { top: 0.375rem; }
:root .top-2 { top: 0.5rem; }
:root .top-3 { top: 0.75rem; }
:root .top-4 { top: 1rem; }
:root .top-auto { top: auto; }
:root .top-full { top: 100%; }
:root .top-1\/2 { top: 50%; }
:root .right-0 { right: 0; }
:root .right-px { right: 1px; }
:root .right-0\.5 { right: 0.125rem; }
:root .right-1 { right: 0.25rem; }
:root .right-1\.5 { right: 0.375rem; }
:root .right-2 { right: 0.5rem; }
:root .right-3 { right: 0.75rem; }
:root .right-4 { right: 1rem; }
:root .right-auto { right: auto; }
:root .right-full { right: 100%; }
:root .right-1\/2 { right: 50%; }
:root .bottom-0 { bottom: 0; }
:root .bottom-px { bottom: 1px; }
:root .bottom-0\.5 { bottom: 0.125rem; }
:root .bottom-1 { bottom: 0.25rem; }
:root .bottom-1\.5 { bottom: 0.375rem; }
:root .bottom-2 { bottom: 0.5rem; }
:root .bottom-3 { bottom: 0.75rem; }
:root .bottom-4 { bottom: 1rem; }
:root .bottom-auto { bottom: auto; }
:root .bottom-full { bottom: 100%; }
:root .bottom-1\/2 { bottom: 50%; }
:root .left-0 { left: 0; }
:root .left-px { left: 1px; }
:root .left-0\.5 { left: 0.125rem; }
:root .left-1 { left: 0.25rem; }
:root .left-1\.5 { left: 0.375rem; }
:root .left-2 { left: 0.5rem; }
:root .left-3 { left: 0.75rem; }
:root .left-4 { left: 1rem; }
:root .left-auto { left: auto; }
:root .left-full { left: 100%; }
:root .left-1\/2 { left: 50%; }
:root .visible { visibility: visible; }
:root .invisible { visibility: hidden; }
:root .collapse { visibility: collapse; }
:root .cursor-auto { cursor: auto; }
:root .cursor-default { cursor: default; }
:root .cursor-pointer { cursor: pointer; }
:root .cursor-wait { cursor: wait; }
:root .cursor-text { cursor: text; }
:root .cursor-move { cursor: move; }
:root .cursor-not-allowed { cursor: not-allowed; }
:root .cursor-grab { cursor: grab; }
:root .cursor-grabbing { cursor: grabbing; }
:root .list-none { list-style-type: none; }
:root .list-disc { list-style-type: disc; }
:root .list-decimal { list-style-type: decimal; }
:root .list-inside { list-style-position: inside; }
:root .list-outside { list-style-position: outside; }
:root .-m-px { margin: -1px; }
:root .-m-0\.5 { margin: -0.125rem; }
:root .-m-1 { margin: -0.25rem; }
:root .-m-1\.5 { margin: -0.375rem; }
:root .-m-2 { margin: -0.5rem; }
:root .-m-2\.5 { margin: -0.625rem; }
:root .-m-3 { margin: -0.75rem; }
:root .-m-3\.5 { margin: -0.875rem; }
:root .-m-4 { margin: -1rem; }
:root .-m-5 { margin: -1.25rem; }
:root .-m-6 { margin: -1.5rem; }
:root .-m-8 { margin: -2rem; }
:root .-m-10 { margin: -2.5rem; }
:root .-m-12 { margin: -3rem; }
:root .-m-16 { margin: -4rem; }
:root .-m-20 { margin: -5rem; }
:root .-m-24 { margin: -6rem; }
:root .-m-32 { margin: -8rem; }
:root .-m-40 { margin: -10rem; }
:root .-m-48 { margin: -12rem; }
:root .-m-56 { margin: -14rem; }
:root .-m-64 { margin: -16rem; }
:root .-mt-px { margin-top: -1px; }
:root .-mt-0\.5 { margin-top: -0.125rem; }
:root .-mt-1 { margin-top: -0.25rem; }
:root .-mt-1\.5 { margin-top: -0.375rem; }
:root .-mt-2 { margin-top: -0.5rem; }
:root .-mt-2\.5 { margin-top: -0.625rem; }
:root .-mt-3 { margin-top: -0.75rem; }
:root .-mt-3\.5 { margin-top: -0.875rem; }
:root .-mt-4 { margin-top: -1rem; }
:root .-mt-5 { margin-top: -1.25rem; }
:root .-mt-6 { margin-top: -1.5rem; }
:root .-mt-8 { margin-top: -2rem; }
:root .-mt-10 { margin-top: -2.5rem; }
:root .-mt-12 { margin-top: -3rem; }
:root .-mt-16 { margin-top: -4rem; }
:root .-mt-20 { margin-top: -5rem; }
:root .-mt-24 { margin-top: -6rem; }
:root .-mt-32 { margin-top: -8rem; }
:root .-mt-40 { margin-top: -10rem; }
:root .-mt-48 { margin-top: -12rem; }
:root .-mt-56 { margin-top: -14rem; }
:root .-mt-64 { margin-top: -16rem; }
:root .-mr-px { margin-right: -1px; }
:root .-mr-0\.5 { margin-right: -0.125rem; }
:root .-mr-1 { margin-right: -0.25rem; }
:root .-mr-1\.5 { margin-right: -0.375rem; }
:root .-mr-2 { margin-right: -0.5rem; }
:root .-mr-2\.5 { margin-right: -0.625rem; }
:root .-mr-3 { margin-right: -0.75rem; }
:root .-mr-3\.5 { margin-right: -0.875rem; }
:root .-mr-4 { margin-right: -1rem; }
:root .-mr-5 { margin-right: -1.25rem; }
:root .-mr-6 { margin-right: -1.5rem; }
:root .-mr-8 { margin-right: -2rem; }
:root .-mr-10 { margin-right: -2.5rem; }
:root .-mr-12 { margin-right: -3rem; }
:root .-mr-16 { margin-right: -4rem; }
:root .-mr-20 { margin-right: -5rem; }
:root .-mr-24 { margin-right: -6rem; }
:root .-mr-32 { margin-right: -8rem; }
:root .-mr-40 { margin-right: -10rem; }
:root .-mr-48 { margin-right: -12rem; }
:root .-mr-56 { margin-right: -14rem; }
:root .-mr-64 { margin-right: -16rem; }
:root .-mb-px { margin-bottom: -1px; }
:root .-mb-0\.5 { margin-bottom: -0.125rem; }
:root .-mb-1 { margin-bottom: -0.25rem; }
:root .-mb-1\.5 { margin-bottom: -0.375rem; }
:root .-mb-2 { margin-bottom: -0.5rem; }
:root .-mb-2\.5 { margin-bottom: -0.625rem; }
:root .-mb-3 { margin-bottom: -0.75rem; }
:root .-mb-3\.5 { margin-bottom: -0.875rem; }
:root .-mb-4 { margin-bottom: -1rem; }
:root .-mb-5 { margin-bottom: -1.25rem; }
:root .-mb-6 { margin-bottom: -1.5rem; }
:root .-mb-8 { margin-bottom: -2rem; }
:root .-mb-10 { margin-bottom: -2.5rem; }
:root .-mb-12 { margin-bottom: -3rem; }
:root .-mb-16 { margin-bottom: -4rem; }
:root .-mb-20 { margin-bottom: -5rem; }
:root .-mb-24 { margin-bottom: -6rem; }
:root .-mb-32 { margin-bottom: -8rem; }
:root .-mb-40 { margin-bottom: -10rem; }
:root .-mb-48 { margin-bottom: -12rem; }
:root .-mb-56 { margin-bottom: -14rem; }
:root .-mb-64 { margin-bottom: -16rem; }
:root .-ml-px { margin-left: -1px; }
:root .-ml-0\.5 { margin-left: -0.125rem; }
:root .-ml-1 { margin-left: -0.25rem; }
:root .-ml-1\.5 { margin-left: -0.375rem; }
:root .-ml-2 { margin-left: -0.5rem; }
:root .-ml-2\.5 { margin-left: -0.625rem; }
:root .-ml-3 { margin-left: -0.75rem; }
:root .-ml-3\.5 { margin-left: -0.875rem; }
:root .-ml-4 { margin-left: -1rem; }
:root .-ml-5 { margin-left: -1.25rem; }
:root .-ml-6 { margin-left: -1.5rem; }
:root .-ml-8 { margin-left: -2rem; }
:root .-ml-10 { margin-left: -2.5rem; }
:root .-ml-12 { margin-left: -3rem; }
:root .-ml-16 { margin-left: -4rem; }
:root .-ml-20 { margin-left: -5rem; }
:root .-ml-24 { margin-left: -6rem; }
:root .-ml-32 { margin-left: -8rem; }
:root .-ml-40 { margin-left: -10rem; }
:root .-ml-48 { margin-left: -12rem; }
:root .-ml-56 { margin-left: -14rem; }
:root .-ml-64 { margin-left: -16rem; }
:root .-mx-px { margin-right: -1px; margin-left: -1px; }
:root .-mx-0\.5 { margin-right: -0.125rem; margin-left: -0.125rem; }
:root .-mx-1 { margin-right: -0.25rem; margin-left: -0.25rem; }
:root .-mx-1\.5 { margin-right: -0.375rem; margin-left: -0.375rem; }
:root .-mx-2 { margin-right: -0.5rem; margin-left: -0.5rem; }
:root .-mx-2\.5 { margin-right: -0.625rem; margin-left: -0.625rem; }
:root .-mx-3 { margin-right: -0.75rem; margin-left: -0.75rem; }
:root .-mx-3\.5 { margin-right: -0.875rem; margin-left: -0.875rem; }
:root .-mx-4 { margin-right: -1rem; margin-left: -1rem; }
:root .-mx-5 { margin-right: -1.25rem; margin-left: -1.25rem; }
:root .-mx-6 { margin-right: -1.5rem; margin-left: -1.5rem; }
:root .-mx-8 { margin-right: -2rem; margin-left: -2rem; }
:root .-mx-10 { margin-right: -2.5rem; margin-left: -2.5rem; }
:root .-mx-12 { margin-right: -3rem; margin-left: -3rem; }
:root .-mx-16 { margin-right: -4rem; margin-left: -4rem; }
:root .-mx-20 { margin-right: -5rem; margin-left: -5rem; }
:root .-mx-24 { margin-right: -6rem; margin-left: -6rem; }
:root .-mx-32 { margin-right: -8rem; margin-left: -8rem; }
:root .-mx-40 { margin-right: -10rem; margin-left: -10rem; }
:root .-mx-48 { margin-right: -12rem; margin-left: -12rem; }
:root .-mx-56 { margin-right: -14rem; margin-left: -14rem; }
:root .-mx-64 { margin-right: -16rem; margin-left: -16rem; }
:root .-my-px { margin-top: -1px; margin-bottom: -1px; }
:root .-my-0\.5 { margin-top: -0.125rem; margin-bottom: -0.125rem; }
:root .-my-1 { margin-top: -0.25rem; margin-bottom: -0.25rem; }
:root .-my-1\.5 { margin-top: -0.375rem; margin-bottom: -0.375rem; }
:root .-my-2 { margin-top: -0.5rem; margin-bottom: -0.5rem; }
:root .-my-2\.5 { margin-top: -0.625rem; margin-bottom: -0.625rem; }
:root .-my-3 { margin-top: -0.75rem; margin-bottom: -0.75rem; }
:root .-my-3\.5 { margin-top: -0.875rem; margin-bottom: -0.875rem; }
:root .-my-4 { margin-top: -1rem; margin-bottom: -1rem; }
:root .-my-5 { margin-top: -1.25rem; margin-bottom: -1.25rem; }
:root .-my-6 { margin-top: -1.5rem; margin-bottom: -1.5rem; }
:root .-my-8 { margin-top: -2rem; margin-bottom: -2rem; }
:root .-my-10 { margin-top: -2.5rem; margin-bottom: -2.5rem; }
:root .-my-12 { margin-top: -3rem; margin-bottom: -3rem; }
:root .-my-16 { margin-top: -4rem; margin-bottom: -4rem; }
:root .-my-20 { margin-top: -5rem; margin-bottom: -5rem; }
:root .-my-24 { margin-top: -6rem; margin-bottom: -6rem; }
:root .-my-32 { margin-top: -8rem; margin-bottom: -8rem; }
:root .-my-40 { margin-top: -10rem; margin-bottom: -10rem; }
:root .-my-48 { margin-top: -12rem; margin-bottom: -12rem; }
:root .-my-56 { margin-top: -14rem; margin-bottom: -14rem; }
:root .-my-64 { margin-top: -16rem; margin-bottom: -16rem; }
:root .space-x-0 > :not([hidden]) ~ :not([hidden]) { margin-left: 0; }
:root .space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-top: 0; }
:root .space-x-px > :not([hidden]) ~ :not([hidden]) { margin-left: 1px; }
:root .space-y-px > :not([hidden]) ~ :not([hidden]) { margin-top: 1px; }
:root .space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.125rem; }
:root .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.125rem; }
:root .space-x-1 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.25rem; }
:root .space-y-1 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.25rem; }
:root .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.375rem; }
:root .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.375rem; }
:root .space-x-2 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.5rem; }
:root .space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.5rem; }
:root .space-x-2\.5 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.625rem; }
:root .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.625rem; }
:root .space-x-3 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.75rem; }
:root .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.75rem; }
:root .space-x-4 > :not([hidden]) ~ :not([hidden]) { margin-left: 1rem; }
:root .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 1rem; }
:root .space-x-5 > :not([hidden]) ~ :not([hidden]) { margin-left: 1.25rem; }
:root .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.25rem; }
:root .space-x-6 > :not([hidden]) ~ :not([hidden]) { margin-left: 1.5rem; }
:root .space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.5rem; }
:root .space-x-8 > :not([hidden]) ~ :not([hidden]) { margin-left: 2rem; }
:root .space-y-8 > :not([hidden]) ~ :not([hidden]) { margin-top: 2rem; }
:root .space-x-10 > :not([hidden]) ~ :not([hidden]) { margin-left: 2.5rem; }
:root .space-y-10 > :not([hidden]) ~ :not([hidden]) { margin-top: 2.5rem; }
:root .space-x-12 > :not([hidden]) ~ :not([hidden]) { margin-left: 3rem; }
:root .space-y-12 > :not([hidden]) ~ :not([hidden]) { margin-top: 3rem; }
:root .space-x-16 > :not([hidden]) ~ :not([hidden]) { margin-left: 4rem; }
:root .space-y-16 > :not([hidden]) ~ :not([hidden]) { margin-top: 4rem; }
:root .space-x-20 > :not([hidden]) ~ :not([hidden]) { margin-left: 5rem; }
:root .space-y-20 > :not([hidden]) ~ :not([hidden]) { margin-top: 5rem; }
:root .space-x-24 > :not([hidden]) ~ :not([hidden]) { margin-left: 6rem; }
:root .space-y-24 > :not([hidden]) ~ :not([hidden]) { margin-top: 6rem; }
:root .-space-x-0 > :not([hidden]) ~ :not([hidden]) { margin-left: -0; }
:root .-space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-top: -0; }
:root .-space-x-px > :not([hidden]) ~ :not([hidden]) { margin-left: -1px; }
:root .-space-y-px > :not([hidden]) ~ :not([hidden]) { margin-top: -1px; }
:root .-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { margin-left: -0.125rem; }
:root .-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: -0.125rem; }
:root .-space-x-1 > :not([hidden]) ~ :not([hidden]) { margin-left: -0.25rem; }
:root .-space-y-1 > :not([hidden]) ~ :not([hidden]) { margin-top: -0.25rem; }
:root .-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-left: -0.375rem; }
:root .-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: -0.375rem; }
:root .-space-x-2 > :not([hidden]) ~ :not([hidden]) { margin-left: -0.5rem; }
:root .-space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: -0.5rem; }
:root .-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) { margin-left: -0.625rem; }
:root .-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: -0.625rem; }
:root .-space-x-3 > :not([hidden]) ~ :not([hidden]) { margin-left: -0.75rem; }
:root .-space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: -0.75rem; }
:root .-space-x-4 > :not([hidden]) ~ :not([hidden]) { margin-left: -1rem; }
:root .-space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: -1rem; }
:root .-space-x-5 > :not([hidden]) ~ :not([hidden]) { margin-left: -1.25rem; }
:root .-space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: -1.25rem; }
:root .-space-x-6 > :not([hidden]) ~ :not([hidden]) { margin-left: -1.5rem; }
:root .-space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: -1.5rem; }
:root .-space-x-8 > :not([hidden]) ~ :not([hidden]) { margin-left: -2rem; }
:root .-space-y-8 > :not([hidden]) ~ :not([hidden]) { margin-top: -2rem; }
:root .-space-x-10 > :not([hidden]) ~ :not([hidden]) { margin-left: -2.5rem; }
:root .-space-y-10 > :not([hidden]) ~ :not([hidden]) { margin-top: -2.5rem; }
:root .-space-x-12 > :not([hidden]) ~ :not([hidden]) { margin-left: -3rem; }
:root .-space-y-12 > :not([hidden]) ~ :not([hidden]) { margin-top: -3rem; }
:root .-space-x-16 > :not([hidden]) ~ :not([hidden]) { margin-left: -4rem; }
:root .-space-y-16 > :not([hidden]) ~ :not([hidden]) { margin-top: -4rem; }
:root .-space-x-20 > :not([hidden]) ~ :not([hidden]) { margin-left: -5rem; }
:root .-space-y-20 > :not([hidden]) ~ :not([hidden]) { margin-top: -5rem; }
:root .-space-x-24 > :not([hidden]) ~ :not([hidden]) { margin-left: -6rem; }
:root .-space-y-24 > :not([hidden]) ~ :not([hidden]) { margin-top: -6rem; }
:root .divide-x-0 > :not([hidden]) ~ :not([hidden]) { border-left-width: 0px; }
:root .divide-y-0 > :not([hidden]) ~ :not([hidden]) { border-top-width: 0px; }
:root .divide-x-2 > :not([hidden]) ~ :not([hidden]) { border-left-width: 2px; }
:root .divide-y-2 > :not([hidden]) ~ :not([hidden]) { border-top-width: 2px; }
:root .divide-x-4 > :not([hidden]) ~ :not([hidden]) { border-left-width: 4px; }
:root .divide-y-4 > :not([hidden]) ~ :not([hidden]) { border-top-width: 4px; }
:root .divide-x-8 > :not([hidden]) ~ :not([hidden]) { border-left-width: 8px; }
:root .divide-y-8 > :not([hidden]) ~ :not([hidden]) { border-top-width: 8px; }
:root .divide-x > :not([hidden]) ~ :not([hidden]) { border-left-width: 1px; }
:root .divide-y > :not([hidden]) ~ :not([hidden]) { border-top-width: 1px; }
:root .basis-auto { flex-basis: auto; }
:root .basis-full { flex-basis: 100%; }
:root .basis-0 { flex-basis: 0%; }
:root .basis-1\/2 { flex-basis: 50%; }
:root .basis-1\/3 { flex-basis: 33.333333%; }
:root .basis-2\/3 { flex-basis: 66.666667%; }
:root .basis-1\/4 { flex-basis: 25%; }
:root .basis-2\/4 { flex-basis: 50%; }
:root .basis-3\/4 { flex-basis: 75%; }
:root .basis-1\/5 { flex-basis: 20%; }
:root .basis-2\/5 { flex-basis: 40%; }
:root .basis-3\/5 { flex-basis: 60%; }
:root .basis-4\/5 { flex-basis: 80%; }
:root .basis-1\/6 { flex-basis: 16.666667%; }
:root .basis-5\/6 { flex-basis: 83.333333%; }
:root .basis-1\/12 { flex-basis: 8.333333%; }
:root .text-3xl { font-size: var(--spectra-text-3xl, 1.875rem); line-height: 2.25rem; }
:root .text-4xl { font-size: var(--spectra-text-4xl, 2.25rem); line-height: 2.5rem; }
:root .text-5xl { font-size: var(--spectra-text-5xl, 3rem); line-height: 1; }
:root .text-6xl { font-size: var(--spectra-text-6xl, 3.75rem); line-height: 1; }
:root .text-7xl { font-size: var(--spectra-text-7xl, 4.5rem); line-height: 1; }
:root .text-8xl { font-size: var(--spectra-text-8xl, 6rem); line-height: 1; }
:root .text-9xl { font-size: var(--spectra-text-9xl, 8rem); line-height: 1; }
:root .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:root .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; }
:root .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
:root .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; }
:root .line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; }
:root .line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-clamp: 5; }
:root .line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; }
:root .line-clamp-none { overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; line-clamp: none; }
:root .rotate-0 { transform: rotate(0deg); }
:root .-rotate-0 { transform: rotate(-0deg); }
:root .rotate-1 { transform: rotate(1deg); }
:root .-rotate-1 { transform: rotate(-1deg); }
:root .rotate-2 { transform: rotate(2deg); }
:root .-rotate-2 { transform: rotate(-2deg); }
:root .rotate-3 { transform: rotate(3deg); }
:root .-rotate-3 { transform: rotate(-3deg); }
:root .rotate-6 { transform: rotate(6deg); }
:root .-rotate-6 { transform: rotate(-6deg); }
:root .rotate-12 { transform: rotate(12deg); }
:root .-rotate-12 { transform: rotate(-12deg); }
:root .rotate-45 { transform: rotate(45deg); }
:root .-rotate-45 { transform: rotate(-45deg); }
:root .rotate-90 { transform: rotate(90deg); }
:root .-rotate-90 { transform: rotate(-90deg); }
:root .rotate-180 { transform: rotate(180deg); }
:root .-rotate-180 { transform: rotate(-180deg); }
:root .scale-0 { transform: scale(0.00); }
:root .scale-x-0 { transform: scaleX(0.00); }
:root .scale-y-0 { transform: scaleY(0.00); }
:root .scale-50 { transform: scale(0.50); }
:root .scale-x-50 { transform: scaleX(0.50); }
:root .scale-y-50 { transform: scaleY(0.50); }
:root .scale-75 { transform: scale(0.75); }
:root .scale-x-75 { transform: scaleX(0.75); }
:root .scale-y-75 { transform: scaleY(0.75); }
:root .scale-90 { transform: scale(0.90); }
:root .scale-x-90 { transform: scaleX(0.90); }
:root .scale-y-90 { transform: scaleY(0.90); }
:root .scale-95 { transform: scale(0.95); }
:root .scale-x-95 { transform: scaleX(0.95); }
:root .scale-y-95 { transform: scaleY(0.95); }
:root .scale-100 { transform: scale(1.00); }
:root .scale-x-100 { transform: scaleX(1.00); }
:root .scale-y-100 { transform: scaleY(1.00); }
:root .scale-105 { transform: scale(1.05); }
:root .scale-x-105 { transform: scaleX(1.05); }
:root .scale-y-105 { transform: scaleY(1.05); }
:root .scale-110 { transform: scale(1.10); }
:root .scale-x-110 { transform: scaleX(1.10); }
:root .scale-y-110 { transform: scaleY(1.10); }
:root .scale-125 { transform: scale(1.25); }
:root .scale-x-125 { transform: scaleX(1.25); }
:root .scale-y-125 { transform: scaleY(1.25); }
:root .scale-150 { transform: scale(1.50); }
:root .scale-x-150 { transform: scaleX(1.50); }
:root .scale-y-150 { transform: scaleY(1.50); }
:root .skew-x-0 { transform: skewX(0deg); }
:root .skew-y-0 { transform: skewY(0deg); }
:root .-skew-x-0 { transform: skewX(-0deg); }
:root .-skew-y-0 { transform: skewY(-0deg); }
:root .skew-x-1 { transform: skewX(1deg); }
:root .skew-y-1 { transform: skewY(1deg); }
:root .-skew-x-1 { transform: skewX(-1deg); }
:root .-skew-y-1 { transform: skewY(-1deg); }
:root .skew-x-2 { transform: skewX(2deg); }
:root .skew-y-2 { transform: skewY(2deg); }
:root .-skew-x-2 { transform: skewX(-2deg); }
:root .-skew-y-2 { transform: skewY(-2deg); }
:root .skew-x-3 { transform: skewX(3deg); }
:root .skew-y-3 { transform: skewY(3deg); }
:root .-skew-x-3 { transform: skewX(-3deg); }
:root .-skew-y-3 { transform: skewY(-3deg); }
:root .skew-x-6 { transform: skewX(6deg); }
:root .skew-y-6 { transform: skewY(6deg); }
:root .-skew-x-6 { transform: skewX(-6deg); }
:root .-skew-y-6 { transform: skewY(-6deg); }
:root .skew-x-12 { transform: skewX(12deg); }
:root .skew-y-12 { transform: skewY(12deg); }
:root .-skew-x-12 { transform: skewX(-12deg); }
:root .-skew-y-12 { transform: skewY(-12deg); }
:root .origin-center { transform-origin: center; }
:root .origin-top { transform-origin: top; }
:root .origin-top-right { transform-origin: top right; }
:root .origin-right { transform-origin: right; }
:root .origin-bottom-right { transform-origin: bottom right; }
:root .origin-bottom { transform-origin: bottom; }
:root .origin-bottom-left { transform-origin: bottom left; }
:root .origin-left { transform-origin: left; }
:root .origin-top-left { transform-origin: top left; }
:root .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root .transition-none { transition-property: none; }
:root .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root .transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root .duration-0 { transition-duration: 0ms; }
:root .delay-0 { transition-delay: 0ms; }
:root .duration-75 { transition-duration: 75ms; }
:root .delay-75 { transition-delay: 75ms; }
:root .duration-100 { transition-duration: 100ms; }
:root .delay-100 { transition-delay: 100ms; }
:root .duration-150 { transition-duration: 150ms; }
:root .delay-150 { transition-delay: 150ms; }
:root .duration-200 { transition-duration: 200ms; }
:root .delay-200 { transition-delay: 200ms; }
:root .duration-300 { transition-duration: 300ms; }
:root .delay-300 { transition-delay: 300ms; }
:root .duration-500 { transition-duration: 500ms; }
:root .delay-500 { transition-delay: 500ms; }
:root .duration-700 { transition-duration: 700ms; }
:root .delay-700 { transition-delay: 700ms; }
:root .duration-1000 { transition-duration: 1000ms; }
:root .delay-1000 { transition-delay: 1000ms; }
:root .ease-linear { transition-timing-function: linear; }
:root .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
:root .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
:root .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
:root .animate-none { animation: none; }
:root .animate-spin { animation: spectra-spin 1s linear infinite; }
:root .animate-ping { animation: spectra-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }
:root .animate-pulse { animation: spectra-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
:root .animate-bounce { animation: spectra-bounce 1s infinite; }
:root .animate-fade-up { animation: spectra-fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .animate-fade-in { animation: spectra-fade-in 0.5s ease-out both; }
:root .animate-fade-down { animation: spectra-fade-down 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .animate-slide-left { animation: spectra-slide-left 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .animate-slide-right { animation: spectra-slide-right 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .animate-scale-in { animation: spectra-scale-in 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .animate-ring-in { animation: spectra-ring-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .animate-ring-dash { animation: spectra-ring-dash 1.2s ease-out both; }
:root .animate-drift { animation: spectra-drift 18s ease-in-out infinite; }
:root .animate-pulse-dot { animation: spectra-pulse-dot 2s ease-in-out infinite; }
:root .animate-wiggle { animation: spectra-wiggle 0.8s ease-in-out; }
:root .animate-shake { animation: spectra-shake 0.4s ease-in-out; }
:root .animate-reveal { animation: spectra-reveal 0.8s cubic-bezier(0.77, 0, 0.18, 1) both; }
:root .animate-fade-up-m { animation: spectra-fade-up-m 0.4s cubic-bezier(0.16, 1, 0.3, 1) both; }
:root .blur-xs { filter: blur(4px); }
:root .blur-sm { filter: blur(8px); }
:root .blur { filter: blur(8px); }
:root .blur-md { filter: blur(12px); }
:root .blur-lg { filter: blur(16px); }
:root .blur-xl { filter: blur(24px); }
:root .blur-2xl { filter: blur(40px); }
:root .blur-3xl { filter: blur(64px); }
:root .brightness-0 { filter: brightness(0.00); }
:root .brightness-50 { filter: brightness(0.50); }
:root .brightness-75 { filter: brightness(0.75); }
:root .brightness-90 { filter: brightness(0.90); }
:root .brightness-95 { filter: brightness(0.95); }
:root .brightness-100 { filter: brightness(1.00); }
:root .brightness-105 { filter: brightness(1.05); }
:root .brightness-110 { filter: brightness(1.10); }
:root .brightness-125 { filter: brightness(1.25); }
:root .brightness-150 { filter: brightness(1.50); }
:root .brightness-200 { filter: brightness(2.00); }
:root .contrast-0 { filter: contrast(0.00); }
:root .contrast-50 { filter: contrast(0.50); }
:root .contrast-75 { filter: contrast(0.75); }
:root .contrast-100 { filter: contrast(1.00); }
:root .contrast-125 { filter: contrast(1.25); }
:root .contrast-150 { filter: contrast(1.50); }
:root .contrast-200 { filter: contrast(2.00); }
:root .saturate-0 { filter: saturate(0.00); }
:root .saturate-50 { filter: saturate(0.50); }
:root .saturate-100 { filter: saturate(1.00); }
:root .saturate-150 { filter: saturate(1.50); }
:root .saturate-200 { filter: saturate(2.00); }
:root .grayscale { filter: grayscale(100%); }
:root .grayscale-0 { filter: grayscale(0); }
:root .invert { filter: invert(100%); }
:root .invert-0 { filter: invert(0); }
:root .sepia { filter: sepia(100%); }
:root .sepia-0 { filter: sepia(0); }
:root .hue-rotate-0 { filter: hue-rotate(0deg); }
:root .-hue-rotate-0 { filter: hue-rotate(-0deg); }
:root .hue-rotate-15 { filter: hue-rotate(15deg); }
:root .-hue-rotate-15 { filter: hue-rotate(-15deg); }
:root .hue-rotate-30 { filter: hue-rotate(30deg); }
:root .-hue-rotate-30 { filter: hue-rotate(-30deg); }
:root .hue-rotate-60 { filter: hue-rotate(60deg); }
:root .-hue-rotate-60 { filter: hue-rotate(-60deg); }
:root .hue-rotate-90 { filter: hue-rotate(90deg); }
:root .-hue-rotate-90 { filter: hue-rotate(-90deg); }
:root .hue-rotate-180 { filter: hue-rotate(180deg); }
:root .-hue-rotate-180 { filter: hue-rotate(-180deg); }
:root .drop-shadow-none { filter: drop-shadow(0 0 #0000); }
:root .drop-shadow-sm { filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); }
:root .drop-shadow { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1)) drop-shadow(0 1px 1px rgba(0,0,0,0.06)); }
:root .drop-shadow-md { filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06)); }
:root .drop-shadow-lg { filter: drop-shadow(0 10px 8px rgba(0,0,0,0.04)) drop-shadow(0 4px 3px rgba(0,0,0,0.1)); }
:root .drop-shadow-xl { filter: drop-shadow(0 20px 13px rgba(0,0,0,0.03)) drop-shadow(0 8px 5px rgba(0,0,0,0.08)); }
:root .drop-shadow-2xl { filter: drop-shadow(0 25px 25px rgba(0,0,0,0.15)); }
:root .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-tr { background-image: linear-gradient(to top right, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-bl { background-image: linear-gradient(to bottom left, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .bg-gradient-to-tl { background-image: linear-gradient(to top left, var(--tw-gradient-stops, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))); }
:root .underline-offset-0 { text-underline-offset: 0px; }
:root .underline-offset-1 { text-underline-offset: 1px; }
:root .underline-offset-2 { text-underline-offset: 2px; }
:root .underline-offset-4 { text-underline-offset: 4px; }
:root .underline-offset-8 { text-underline-offset: 8px; }
:root .underline-offset-auto { text-underline-offset: auto; }
:root .decoration-solid { text-decoration-style: solid; }
:root .decoration-double { text-decoration-style: double; }
:root .decoration-dotted { text-decoration-style: dotted; }
:root .decoration-dashed { text-decoration-style: dashed; }
:root .decoration-wavy { text-decoration-style: wavy; }
:root .decoration-0 { text-decoration-thickness: 0px; }
:root .decoration-1 { text-decoration-thickness: 1px; }
:root .decoration-2 { text-decoration-thickness: 2px; }
:root .decoration-4 { text-decoration-thickness: 4px; }
:root .decoration-8 { text-decoration-thickness: 8px; }
:root .decoration-auto { text-decoration-thickness: auto; }
:root .decoration-from-font { text-decoration-thickness: from-font; }
:root .align-baseline { vertical-align: baseline; }
:root .align-top { vertical-align: top; }
:root .align-middle { vertical-align: middle; }
:root .align-bottom { vertical-align: bottom; }
:root .align-text-top { vertical-align: text-top; }
:root .align-text-bottom { vertical-align: text-bottom; }
:root .align-sub { vertical-align: sub; }
:root .align-super { vertical-align: super; }
:root .table-auto { table-layout: auto; }
:root .table-fixed { table-layout: fixed; }
:root .border-collapse { border-collapse: collapse; }
:root .border-separate { border-collapse: separate; }
:root .caption-top { caption-side: top; }
:root .caption-bottom { caption-side: bottom; }
:root .border-spacing-0 { border-spacing: 0; }
:root .border-spacing-px { border-spacing: 1px; }
:root .border-spacing-0\.5 { border-spacing: 0.125rem; }
:root .border-spacing-1 { border-spacing: 0.25rem; }
:root .border-spacing-1\.5 { border-spacing: 0.375rem; }
:root .border-spacing-2 { border-spacing: 0.5rem; }
:root .border-spacing-2\.5 { border-spacing: 0.625rem; }
:root .border-spacing-3 { border-spacing: 0.75rem; }
:root .border-spacing-4 { border-spacing: 1rem; }
:root .border-spacing-5 { border-spacing: 1.25rem; }
:root .border-spacing-6 { border-spacing: 1.5rem; }
:root .border-spacing-8 { border-spacing: 2rem; }
:root .border-spacing-10 { border-spacing: 2.5rem; }
:root .border-spacing-12 { border-spacing: 3rem; }
:root .border-spacing-16 { border-spacing: 4rem; }
:root .border-spacing-20 { border-spacing: 5rem; }
:root .border-spacing-24 { border-spacing: 6rem; }
:root .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
:root .not-sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; }
:root .appearance-none { appearance: none; -webkit-appearance: none; }
:root .appearance-auto { appearance: auto; }
:root .resize-none { resize: none; }
:root .resize-y { resize: vertical; }
:root .resize-x { resize: horizontal; }
:root .resize { resize: both; }
:root .scroll-auto { scroll-behavior: auto; }
:root .scroll-smooth { scroll-behavior: smooth; }
:root .snap-none { scroll-snap-type: none; }
:root .snap-x { scroll-snap-type: x mandatory; }
:root .snap-y { scroll-snap-type: y mandatory; }
:root .snap-both { scroll-snap-type: both mandatory; }
:root .snap-mandatory { --tw-scroll-snap-strictness: mandatory; }
:root .snap-proximity { --tw-scroll-snap-strictness: proximity; }
:root .snap-start { scroll-snap-align: start; }
:root .snap-end { scroll-snap-align: end; }
:root .snap-center { scroll-snap-align: center; }
:root .snap-align-none { scroll-snap-align: none; }
:root .snap-normal { scroll-snap-stop: normal; }
:root .snap-always { scroll-snap-stop: always; }
:root .scroll-m-0 { scroll-margin: 0; }
:root .scroll-m-px { scroll-margin: 1px; }
:root .scroll-m-0\.5 { scroll-margin: 0.125rem; }
:root .scroll-m-1 { scroll-margin: 0.25rem; }
:root .scroll-m-1\.5 { scroll-margin: 0.375rem; }
:root .scroll-m-2 { scroll-margin: 0.5rem; }
:root .scroll-m-2\.5 { scroll-margin: 0.625rem; }
:root .scroll-m-3 { scroll-margin: 0.75rem; }
:root .scroll-m-3\.5 { scroll-margin: 0.875rem; }
:root .scroll-m-4 { scroll-margin: 1rem; }
:root .scroll-m-5 { scroll-margin: 1.25rem; }
:root .scroll-m-6 { scroll-margin: 1.5rem; }
:root .scroll-m-8 { scroll-margin: 2rem; }
:root .scroll-m-10 { scroll-margin: 2.5rem; }
:root .scroll-m-12 { scroll-margin: 3rem; }
:root .scroll-m-16 { scroll-margin: 4rem; }
:root .scroll-m-20 { scroll-margin: 5rem; }
:root .scroll-m-24 { scroll-margin: 6rem; }
:root .scroll-mt-0 { scroll-margin-top: 0; }
:root .scroll-mt-px { scroll-margin-top: 1px; }
:root .scroll-mt-0\.5 { scroll-margin-top: 0.125rem; }
:root .scroll-mt-1 { scroll-margin-top: 0.25rem; }
:root .scroll-mt-1\.5 { scroll-margin-top: 0.375rem; }
:root .scroll-mt-2 { scroll-margin-top: 0.5rem; }
:root .scroll-mt-2\.5 { scroll-margin-top: 0.625rem; }
:root .scroll-mt-3 { scroll-margin-top: 0.75rem; }
:root .scroll-mt-3\.5 { scroll-margin-top: 0.875rem; }
:root .scroll-mt-4 { scroll-margin-top: 1rem; }
:root .scroll-mt-5 { scroll-margin-top: 1.25rem; }
:root .scroll-mt-6 { scroll-margin-top: 1.5rem; }
:root .scroll-mt-8 { scroll-margin-top: 2rem; }
:root .scroll-mt-10 { scroll-margin-top: 2.5rem; }
:root .scroll-mt-12 { scroll-margin-top: 3rem; }
:root .scroll-mt-16 { scroll-margin-top: 4rem; }
:root .scroll-mt-20 { scroll-margin-top: 5rem; }
:root .scroll-mt-24 { scroll-margin-top: 6rem; }
:root .scroll-mr-0 { scroll-margin-right: 0; }
:root .scroll-mr-px { scroll-margin-right: 1px; }
:root .scroll-mr-0\.5 { scroll-margin-right: 0.125rem; }
:root .scroll-mr-1 { scroll-margin-right: 0.25rem; }
:root .scroll-mr-1\.5 { scroll-margin-right: 0.375rem; }
:root .scroll-mr-2 { scroll-margin-right: 0.5rem; }
:root .scroll-mr-2\.5 { scroll-margin-right: 0.625rem; }
:root .scroll-mr-3 { scroll-margin-right: 0.75rem; }
:root .scroll-mr-3\.5 { scroll-margin-right: 0.875rem; }
:root .scroll-mr-4 { scroll-margin-right: 1rem; }
:root .scroll-mr-5 { scroll-margin-right: 1.25rem; }
:root .scroll-mr-6 { scroll-margin-right: 1.5rem; }
:root .scroll-mr-8 { scroll-margin-right: 2rem; }
:root .scroll-mr-10 { scroll-margin-right: 2.5rem; }
:root .scroll-mr-12 { scroll-margin-right: 3rem; }
:root .scroll-mr-16 { scroll-margin-right: 4rem; }
:root .scroll-mr-20 { scroll-margin-right: 5rem; }
:root .scroll-mr-24 { scroll-margin-right: 6rem; }
:root .scroll-mb-0 { scroll-margin-bottom: 0; }
:root .scroll-mb-px { scroll-margin-bottom: 1px; }
:root .scroll-mb-0\.5 { scroll-margin-bottom: 0.125rem; }
:root .scroll-mb-1 { scroll-margin-bottom: 0.25rem; }
:root .scroll-mb-1\.5 { scroll-margin-bottom: 0.375rem; }
:root .scroll-mb-2 { scroll-margin-bottom: 0.5rem; }
:root .scroll-mb-2\.5 { scroll-margin-bottom: 0.625rem; }
:root .scroll-mb-3 { scroll-margin-bottom: 0.75rem; }
:root .scroll-mb-3\.5 { scroll-margin-bottom: 0.875rem; }
:root .scroll-mb-4 { scroll-margin-bottom: 1rem; }
:root .scroll-mb-5 { scroll-margin-bottom: 1.25rem; }
:root .scroll-mb-6 { scroll-margin-bottom: 1.5rem; }
:root .scroll-mb-8 { scroll-margin-bottom: 2rem; }
:root .scroll-mb-10 { scroll-margin-bottom: 2.5rem; }
:root .scroll-mb-12 { scroll-margin-bottom: 3rem; }
:root .scroll-mb-16 { scroll-margin-bottom: 4rem; }
:root .scroll-mb-20 { scroll-margin-bottom: 5rem; }
:root .scroll-mb-24 { scroll-margin-bottom: 6rem; }
:root .scroll-ml-0 { scroll-margin-left: 0; }
:root .scroll-ml-px { scroll-margin-left: 1px; }
:root .scroll-ml-0\.5 { scroll-margin-left: 0.125rem; }
:root .scroll-ml-1 { scroll-margin-left: 0.25rem; }
:root .scroll-ml-1\.5 { scroll-margin-left: 0.375rem; }
:root .scroll-ml-2 { scroll-margin-left: 0.5rem; }
:root .scroll-ml-2\.5 { scroll-margin-left: 0.625rem; }
:root .scroll-ml-3 { scroll-margin-left: 0.75rem; }
:root .scroll-ml-3\.5 { scroll-margin-left: 0.875rem; }
:root .scroll-ml-4 { scroll-margin-left: 1rem; }
:root .scroll-ml-5 { scroll-margin-left: 1.25rem; }
:root .scroll-ml-6 { scroll-margin-left: 1.5rem; }
:root .scroll-ml-8 { scroll-margin-left: 2rem; }
:root .scroll-ml-10 { scroll-margin-left: 2.5rem; }
:root .scroll-ml-12 { scroll-margin-left: 3rem; }
:root .scroll-ml-16 { scroll-margin-left: 4rem; }
:root .scroll-ml-20 { scroll-margin-left: 5rem; }
:root .scroll-ml-24 { scroll-margin-left: 6rem; }
:root .scroll-mx-0 { scroll-margin-right: 0; scroll-margin-left: 0; }
:root .scroll-mx-px { scroll-margin-right: 1px; scroll-margin-left: 1px; }
:root .scroll-mx-0\.5 { scroll-margin-right: 0.125rem; scroll-margin-left: 0.125rem; }
:root .scroll-mx-1 { scroll-margin-right: 0.25rem; scroll-margin-left: 0.25rem; }
:root .scroll-mx-1\.5 { scroll-margin-right: 0.375rem; scroll-margin-left: 0.375rem; }
:root .scroll-mx-2 { scroll-margin-right: 0.5rem; scroll-margin-left: 0.5rem; }
:root .scroll-mx-2\.5 { scroll-margin-right: 0.625rem; scroll-margin-left: 0.625rem; }
:root .scroll-mx-3 { scroll-margin-right: 0.75rem; scroll-margin-left: 0.75rem; }
:root .scroll-mx-3\.5 { scroll-margin-right: 0.875rem; scroll-margin-left: 0.875rem; }
:root .scroll-mx-4 { scroll-margin-right: 1rem; scroll-margin-left: 1rem; }
:root .scroll-mx-5 { scroll-margin-right: 1.25rem; scroll-margin-left: 1.25rem; }
:root .scroll-mx-6 { scroll-margin-right: 1.5rem; scroll-margin-left: 1.5rem; }
:root .scroll-mx-8 { scroll-margin-right: 2rem; scroll-margin-left: 2rem; }
:root .scroll-mx-10 { scroll-margin-right: 2.5rem; scroll-margin-left: 2.5rem; }
:root .scroll-mx-12 { scroll-margin-right: 3rem; scroll-margin-left: 3rem; }
:root .scroll-mx-16 { scroll-margin-right: 4rem; scroll-margin-left: 4rem; }
:root .scroll-mx-20 { scroll-margin-right: 5rem; scroll-margin-left: 5rem; }
:root .scroll-mx-24 { scroll-margin-right: 6rem; scroll-margin-left: 6rem; }
:root .scroll-my-0 { scroll-margin-top: 0; scroll-margin-bottom: 0; }
:root .scroll-my-px { scroll-margin-top: 1px; scroll-margin-bottom: 1px; }
:root .scroll-my-0\.5 { scroll-margin-top: 0.125rem; scroll-margin-bottom: 0.125rem; }
:root .scroll-my-1 { scroll-margin-top: 0.25rem; scroll-margin-bottom: 0.25rem; }
:root .scroll-my-1\.5 { scroll-margin-top: 0.375rem; scroll-margin-bottom: 0.375rem; }
:root .scroll-my-2 { scroll-margin-top: 0.5rem; scroll-margin-bottom: 0.5rem; }
:root .scroll-my-2\.5 { scroll-margin-top: 0.625rem; scroll-margin-bottom: 0.625rem; }
:root .scroll-my-3 { scroll-margin-top: 0.75rem; scroll-margin-bottom: 0.75rem; }
:root .scroll-my-3\.5 { scroll-margin-top: 0.875rem; scroll-margin-bottom: 0.875rem; }
:root .scroll-my-4 { scroll-margin-top: 1rem; scroll-margin-bottom: 1rem; }
:root .scroll-my-5 { scroll-margin-top: 1.25rem; scroll-margin-bottom: 1.25rem; }
:root .scroll-my-6 { scroll-margin-top: 1.5rem; scroll-margin-bottom: 1.5rem; }
:root .scroll-my-8 { scroll-margin-top: 2rem; scroll-margin-bottom: 2rem; }
:root .scroll-my-10 { scroll-margin-top: 2.5rem; scroll-margin-bottom: 2.5rem; }
:root .scroll-my-12 { scroll-margin-top: 3rem; scroll-margin-bottom: 3rem; }
:root .scroll-my-16 { scroll-margin-top: 4rem; scroll-margin-bottom: 4rem; }
:root .scroll-my-20 { scroll-margin-top: 5rem; scroll-margin-bottom: 5rem; }
:root .scroll-my-24 { scroll-margin-top: 6rem; scroll-margin-bottom: 6rem; }
:root .scroll-p-0 { scroll-padding: 0; }
:root .scroll-p-px { scroll-padding: 1px; }
:root .scroll-p-0\.5 { scroll-padding: 0.125rem; }
:root .scroll-p-1 { scroll-padding: 0.25rem; }
:root .scroll-p-1\.5 { scroll-padding: 0.375rem; }
:root .scroll-p-2 { scroll-padding: 0.5rem; }
:root .scroll-p-2\.5 { scroll-padding: 0.625rem; }
:root .scroll-p-3 { scroll-padding: 0.75rem; }
:root .scroll-p-3\.5 { scroll-padding: 0.875rem; }
:root .scroll-p-4 { scroll-padding: 1rem; }
:root .scroll-p-5 { scroll-padding: 1.25rem; }
:root .scroll-p-6 { scroll-padding: 1.5rem; }
:root .scroll-p-8 { scroll-padding: 2rem; }
:root .scroll-p-10 { scroll-padding: 2.5rem; }
:root .scroll-p-12 { scroll-padding: 3rem; }
:root .scroll-p-16 { scroll-padding: 4rem; }
:root .scroll-p-20 { scroll-padding: 5rem; }
:root .scroll-p-24 { scroll-padding: 6rem; }
:root .scroll-pt-0 { scroll-padding-top: 0; }
:root .scroll-pt-px { scroll-padding-top: 1px; }
:root .scroll-pt-0\.5 { scroll-padding-top: 0.125rem; }
:root .scroll-pt-1 { scroll-padding-top: 0.25rem; }
:root .scroll-pt-1\.5 { scroll-padding-top: 0.375rem; }
:root .scroll-pt-2 { scroll-padding-top: 0.5rem; }
:root .scroll-pt-2\.5 { scroll-padding-top: 0.625rem; }
:root .scroll-pt-3 { scroll-padding-top: 0.75rem; }
:root .scroll-pt-3\.5 { scroll-padding-top: 0.875rem; }
:root .scroll-pt-4 { scroll-padding-top: 1rem; }
:root .scroll-pt-5 { scroll-padding-top: 1.25rem; }
:root .scroll-pt-6 { scroll-padding-top: 1.5rem; }
:root .scroll-pt-8 { scroll-padding-top: 2rem; }
:root .scroll-pt-10 { scroll-padding-top: 2.5rem; }
:root .scroll-pt-12 { scroll-padding-top: 3rem; }
:root .scroll-pt-16 { scroll-padding-top: 4rem; }
:root .scroll-pt-20 { scroll-padding-top: 5rem; }
:root .scroll-pt-24 { scroll-padding-top: 6rem; }
:root .scroll-pr-0 { scroll-padding-right: 0; }
:root .scroll-pr-px { scroll-padding-right: 1px; }
:root .scroll-pr-0\.5 { scroll-padding-right: 0.125rem; }
:root .scroll-pr-1 { scroll-padding-right: 0.25rem; }
:root .scroll-pr-1\.5 { scroll-padding-right: 0.375rem; }
:root .scroll-pr-2 { scroll-padding-right: 0.5rem; }
:root .scroll-pr-2\.5 { scroll-padding-right: 0.625rem; }
:root .scroll-pr-3 { scroll-padding-right: 0.75rem; }
:root .scroll-pr-3\.5 { scroll-padding-right: 0.875rem; }
:root .scroll-pr-4 { scroll-padding-right: 1rem; }
:root .scroll-pr-5 { scroll-padding-right: 1.25rem; }
:root .scroll-pr-6 { scroll-padding-right: 1.5rem; }
:root .scroll-pr-8 { scroll-padding-right: 2rem; }
:root .scroll-pr-10 { scroll-padding-right: 2.5rem; }
:root .scroll-pr-12 { scroll-padding-right: 3rem; }
:root .scroll-pr-16 { scroll-padding-right: 4rem; }
:root .scroll-pr-20 { scroll-padding-right: 5rem; }
:root .scroll-pr-24 { scroll-padding-right: 6rem; }
:root .scroll-pb-0 { scroll-padding-bottom: 0; }
:root .scroll-pb-px { scroll-padding-bottom: 1px; }
:root .scroll-pb-0\.5 { scroll-padding-bottom: 0.125rem; }
:root .scroll-pb-1 { scroll-padding-bottom: 0.25rem; }
:root .scroll-pb-1\.5 { scroll-padding-bottom: 0.375rem; }
:root .scroll-pb-2 { scroll-padding-bottom: 0.5rem; }
:root .scroll-pb-2\.5 { scroll-padding-bottom: 0.625rem; }
:root .scroll-pb-3 { scroll-padding-bottom: 0.75rem; }
:root .scroll-pb-3\.5 { scroll-padding-bottom: 0.875rem; }
:root .scroll-pb-4 { scroll-padding-bottom: 1rem; }
:root .scroll-pb-5 { scroll-padding-bottom: 1.25rem; }
:root .scroll-pb-6 { scroll-padding-bottom: 1.5rem; }
:root .scroll-pb-8 { scroll-padding-bottom: 2rem; }
:root .scroll-pb-10 { scroll-padding-bottom: 2.5rem; }
:root .scroll-pb-12 { scroll-padding-bottom: 3rem; }
:root .scroll-pb-16 { scroll-padding-bottom: 4rem; }
:root .scroll-pb-20 { scroll-padding-bottom: 5rem; }
:root .scroll-pb-24 { scroll-padding-bottom: 6rem; }
:root .scroll-pl-0 { scroll-padding-left: 0; }
:root .scroll-pl-px { scroll-padding-left: 1px; }
:root .scroll-pl-0\.5 { scroll-padding-left: 0.125rem; }
:root .scroll-pl-1 { scroll-padding-left: 0.25rem; }
:root .scroll-pl-1\.5 { scroll-padding-left: 0.375rem; }
:root .scroll-pl-2 { scroll-padding-left: 0.5rem; }
:root .scroll-pl-2\.5 { scroll-padding-left: 0.625rem; }
:root .scroll-pl-3 { scroll-padding-left: 0.75rem; }
:root .scroll-pl-3\.5 { scroll-padding-left: 0.875rem; }
:root .scroll-pl-4 { scroll-padding-left: 1rem; }
:root .scroll-pl-5 { scroll-padding-left: 1.25rem; }
:root .scroll-pl-6 { scroll-padding-left: 1.5rem; }
:root .scroll-pl-8 { scroll-padding-left: 2rem; }
:root .scroll-pl-10 { scroll-padding-left: 2.5rem; }
:root .scroll-pl-12 { scroll-padding-left: 3rem; }
:root .scroll-pl-16 { scroll-padding-left: 4rem; }
:root .scroll-pl-20 { scroll-padding-left: 5rem; }
:root .scroll-pl-24 { scroll-padding-left: 6rem; }
:root .scroll-px-0 { scroll-padding-right: 0; scroll-padding-left: 0; }
:root .scroll-px-px { scroll-padding-right: 1px; scroll-padding-left: 1px; }
:root .scroll-px-0\.5 { scroll-padding-right: 0.125rem; scroll-padding-left: 0.125rem; }
:root .scroll-px-1 { scroll-padding-right: 0.25rem; scroll-padding-left: 0.25rem; }
:root .scroll-px-1\.5 { scroll-padding-right: 0.375rem; scroll-padding-left: 0.375rem; }
:root .scroll-px-2 { scroll-padding-right: 0.5rem; scroll-padding-left: 0.5rem; }
:root .scroll-px-2\.5 { scroll-padding-right: 0.625rem; scroll-padding-left: 0.625rem; }
:root .scroll-px-3 { scroll-padding-right: 0.75rem; scroll-padding-left: 0.75rem; }
:root .scroll-px-3\.5 { scroll-padding-right: 0.875rem; scroll-padding-left: 0.875rem; }
:root .scroll-px-4 { scroll-padding-right: 1rem; scroll-padding-left: 1rem; }
:root .scroll-px-5 { scroll-padding-right: 1.25rem; scroll-padding-left: 1.25rem; }
:root .scroll-px-6 { scroll-padding-right: 1.5rem; scroll-padding-left: 1.5rem; }
:root .scroll-px-8 { scroll-padding-right: 2rem; scroll-padding-left: 2rem; }
:root .scroll-px-10 { scroll-padding-right: 2.5rem; scroll-padding-left: 2.5rem; }
:root .scroll-px-12 { scroll-padding-right: 3rem; scroll-padding-left: 3rem; }
:root .scroll-px-16 { scroll-padding-right: 4rem; scroll-padding-left: 4rem; }
:root .scroll-px-20 { scroll-padding-right: 5rem; scroll-padding-left: 5rem; }
:root .scroll-px-24 { scroll-padding-right: 6rem; scroll-padding-left: 6rem; }
:root .scroll-py-0 { scroll-padding-top: 0; scroll-padding-bottom: 0; }
:root .scroll-py-px { scroll-padding-top: 1px; scroll-padding-bottom: 1px; }
:root .scroll-py-0\.5 { scroll-padding-top: 0.125rem; scroll-padding-bottom: 0.125rem; }
:root .scroll-py-1 { scroll-padding-top: 0.25rem; scroll-padding-bottom: 0.25rem; }
:root .scroll-py-1\.5 { scroll-padding-top: 0.375rem; scroll-padding-bottom: 0.375rem; }
:root .scroll-py-2 { scroll-padding-top: 0.5rem; scroll-padding-bottom: 0.5rem; }
:root .scroll-py-2\.5 { scroll-padding-top: 0.625rem; scroll-padding-bottom: 0.625rem; }
:root .scroll-py-3 { scroll-padding-top: 0.75rem; scroll-padding-bottom: 0.75rem; }
:root .scroll-py-3\.5 { scroll-padding-top: 0.875rem; scroll-padding-bottom: 0.875rem; }
:root .scroll-py-4 { scroll-padding-top: 1rem; scroll-padding-bottom: 1rem; }
:root .scroll-py-5 { scroll-padding-top: 1.25rem; scroll-padding-bottom: 1.25rem; }
:root .scroll-py-6 { scroll-padding-top: 1.5rem; scroll-padding-bottom: 1.5rem; }
:root .scroll-py-8 { scroll-padding-top: 2rem; scroll-padding-bottom: 2rem; }
:root .scroll-py-10 { scroll-padding-top: 2.5rem; scroll-padding-bottom: 2.5rem; }
:root .scroll-py-12 { scroll-padding-top: 3rem; scroll-padding-bottom: 3rem; }
:root .scroll-py-16 { scroll-padding-top: 4rem; scroll-padding-bottom: 4rem; }
:root .scroll-py-20 { scroll-padding-top: 5rem; scroll-padding-bottom: 5rem; }
:root .scroll-py-24 { scroll-padding-top: 6rem; scroll-padding-bottom: 6rem; }
:root .overscroll-auto { overscroll-behavior: auto; }
:root .overscroll-x-auto { overscroll-behavior-x: auto; }
:root .overscroll-y-auto { overscroll-behavior-y: auto; }
:root .overscroll-contain { overscroll-behavior: contain; }
:root .overscroll-x-contain { overscroll-behavior-x: contain; }
:root .overscroll-y-contain { overscroll-behavior-y: contain; }
:root .overscroll-none { overscroll-behavior: none; }
:root .overscroll-x-none { overscroll-behavior-x: none; }
:root .overscroll-y-none { overscroll-behavior-y: none; }
:root .touch-auto { touch-action: auto; }
:root .touch-none { touch-action: none; }
:root .touch-pan-x { touch-action: pan-x; }
:root .touch-pan-left { touch-action: pan-left; }
:root .touch-pan-right { touch-action: pan-right; }
:root .touch-pan-y { touch-action: pan-y; }
:root .touch-pan-up { touch-action: pan-up; }
:root .touch-pan-down { touch-action: pan-down; }
:root .touch-pinch-zoom { touch-action: pinch-zoom; }
:root .touch-manipulation { touch-action: manipulation; }
:root .select-none { user-select: none; }
:root .select-text { user-select: text; }
:root .select-all { user-select: all; }
:root .select-auto { user-select: auto; }
:root .pointer-events-none { pointer-events: none; }
:root .pointer-events-auto { pointer-events: auto; }
:root .will-change-auto { will-change: auto; }
:root .will-change-scroll { will-change: scroll-position; }
:root .will-change-contents { will-change: contents; }
:root .will-change-transform { will-change: transform; }
:root .text-ellipsis { text-overflow: ellipsis; }
:root .text-clip { text-overflow: clip; }
:root .break-normal { overflow-wrap: normal; word-break: normal; }
:root .break-words { overflow-wrap: break-word; }
:root .break-all { word-break: break-all; }
:root .break-keep { word-break: keep-all; }
:root .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
:root .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; }
:root .normal-nums { font-variant-numeric: normal; }
:root .ordinal { font-variant-numeric: ordinal; }
:root .slashed-zero { font-variant-numeric: slashed-zero; }
:root .lining-nums { font-variant-numeric: lining-nums; }
:root .oldstyle-nums { font-variant-numeric: oldstyle-nums; }
:root .proportional-nums { font-variant-numeric: proportional-nums; }
:root .tabular-nums { font-variant-numeric: tabular-nums; }
:root .diagonal-fractions { font-variant-numeric: diagonal-fractions; }
:root .stacked-fractions { font-variant-numeric: stacked-fractions; }
:root .backdrop-brightness-0 { backdrop-filter: brightness(0%); -webkit-backdrop-filter: brightness(0%); }
:root .backdrop-brightness-50 { backdrop-filter: brightness(50%); -webkit-backdrop-filter: brightness(50%); }
:root .backdrop-brightness-75 { backdrop-filter: brightness(75%); -webkit-backdrop-filter: brightness(75%); }
:root .backdrop-brightness-90 { backdrop-filter: brightness(90%); -webkit-backdrop-filter: brightness(90%); }
:root .backdrop-brightness-95 { backdrop-filter: brightness(95%); -webkit-backdrop-filter: brightness(95%); }
:root .backdrop-brightness-100 { backdrop-filter: brightness(100%); -webkit-backdrop-filter: brightness(100%); }
:root .backdrop-brightness-105 { backdrop-filter: brightness(105%); -webkit-backdrop-filter: brightness(105%); }
:root .backdrop-brightness-110 { backdrop-filter: brightness(110%); -webkit-backdrop-filter: brightness(110%); }
:root .backdrop-brightness-125 { backdrop-filter: brightness(125%); -webkit-backdrop-filter: brightness(125%); }
:root .backdrop-brightness-150 { backdrop-filter: brightness(150%); -webkit-backdrop-filter: brightness(150%); }
:root .backdrop-brightness-200 { backdrop-filter: brightness(200%); -webkit-backdrop-filter: brightness(200%); }
:root .backdrop-contrast-0 { backdrop-filter: contrast(0%); -webkit-backdrop-filter: contrast(0%); }
:root .backdrop-contrast-50 { backdrop-filter: contrast(50%); -webkit-backdrop-filter: contrast(50%); }
:root .backdrop-contrast-75 { backdrop-filter: contrast(75%); -webkit-backdrop-filter: contrast(75%); }
:root .backdrop-contrast-100 { backdrop-filter: contrast(100%); -webkit-backdrop-filter: contrast(100%); }
:root .backdrop-contrast-125 { backdrop-filter: contrast(125%); -webkit-backdrop-filter: contrast(125%); }
:root .backdrop-contrast-150 { backdrop-filter: contrast(150%); -webkit-backdrop-filter: contrast(150%); }
:root .backdrop-contrast-200 { backdrop-filter: contrast(200%); -webkit-backdrop-filter: contrast(200%); }
:root .backdrop-grayscale-0 { backdrop-filter: grayscale(0); -webkit-backdrop-filter: grayscale(0); }
:root .backdrop-grayscale { backdrop-filter: grayscale(100%); -webkit-backdrop-filter: grayscale(100%); }
:root .backdrop-hue-rotate-0 { backdrop-filter: hue-rotate(0deg); -webkit-backdrop-filter: hue-rotate(0deg); }
:root .backdrop-hue-rotate-15 { backdrop-filter: hue-rotate(15deg); -webkit-backdrop-filter: hue-rotate(15deg); }
:root .-backdrop-hue-rotate-15 { backdrop-filter: hue-rotate(-15deg); -webkit-backdrop-filter: hue-rotate(-15deg); }
:root .backdrop-hue-rotate-30 { backdrop-filter: hue-rotate(30deg); -webkit-backdrop-filter: hue-rotate(30deg); }
:root .-backdrop-hue-rotate-30 { backdrop-filter: hue-rotate(-30deg); -webkit-backdrop-filter: hue-rotate(-30deg); }
:root .backdrop-hue-rotate-60 { backdrop-filter: hue-rotate(60deg); -webkit-backdrop-filter: hue-rotate(60deg); }
:root .-backdrop-hue-rotate-60 { backdrop-filter: hue-rotate(-60deg); -webkit-backdrop-filter: hue-rotate(-60deg); }
:root .backdrop-hue-rotate-90 { backdrop-filter: hue-rotate(90deg); -webkit-backdrop-filter: hue-rotate(90deg); }
:root .-backdrop-hue-rotate-90 { backdrop-filter: hue-rotate(-90deg); -webkit-backdrop-filter: hue-rotate(-90deg); }
:root .backdrop-hue-rotate-180 { backdrop-filter: hue-rotate(180deg); -webkit-backdrop-filter: hue-rotate(180deg); }
:root .-backdrop-hue-rotate-180 { backdrop-filter: hue-rotate(-180deg); -webkit-backdrop-filter: hue-rotate(-180deg); }
:root .backdrop-invert-0 { backdrop-filter: invert(0); -webkit-backdrop-filter: invert(0); }
:root .backdrop-invert { backdrop-filter: invert(100%); -webkit-backdrop-filter: invert(100%); }
:root .backdrop-opacity-0 { backdrop-filter: opacity(0%); -webkit-backdrop-filter: opacity(0%); }
:root .backdrop-opacity-5 { backdrop-filter: opacity(5%); -webkit-backdrop-filter: opacity(5%); }
:root .backdrop-opacity-10 { backdrop-filter: opacity(10%); -webkit-backdrop-filter: opacity(10%); }
:root .backdrop-opacity-20 { backdrop-filter: opacity(20%); -webkit-backdrop-filter: opacity(20%); }
:root .backdrop-opacity-25 { backdrop-filter: opacity(25%); -webkit-backdrop-filter: opacity(25%); }
:root .backdrop-opacity-30 { backdrop-filter: opacity(30%); -webkit-backdrop-filter: opacity(30%); }
:root .backdrop-opacity-40 { backdrop-filter: opacity(40%); -webkit-backdrop-filter: opacity(40%); }
:root .backdrop-opacity-50 { backdrop-filter: opacity(50%); -webkit-backdrop-filter: opacity(50%); }
:root .backdrop-opacity-60 { backdrop-filter: opacity(60%); -webkit-backdrop-filter: opacity(60%); }
:root .backdrop-opacity-70 { backdrop-filter: opacity(70%); -webkit-backdrop-filter: opacity(70%); }
:root .backdrop-opacity-75 { backdrop-filter: opacity(75%); -webkit-backdrop-filter: opacity(75%); }
:root .backdrop-opacity-80 { backdrop-filter: opacity(80%); -webkit-backdrop-filter: opacity(80%); }
:root .backdrop-opacity-90 { backdrop-filter: opacity(90%); -webkit-backdrop-filter: opacity(90%); }
:root .backdrop-opacity-95 { backdrop-filter: opacity(95%); -webkit-backdrop-filter: opacity(95%); }
:root .backdrop-opacity-100 { backdrop-filter: opacity(100%); -webkit-backdrop-filter: opacity(100%); }
:root .backdrop-saturate-0 { backdrop-filter: saturate(0%); -webkit-backdrop-filter: saturate(0%); }
:root .backdrop-saturate-50 { backdrop-filter: saturate(50%); -webkit-backdrop-filter: saturate(50%); }
:root .backdrop-saturate-100 { backdrop-filter: saturate(100%); -webkit-backdrop-filter: saturate(100%); }
:root .backdrop-saturate-150 { backdrop-filter: saturate(150%); -webkit-backdrop-filter: saturate(150%); }
:root .backdrop-saturate-200 { backdrop-filter: saturate(200%); -webkit-backdrop-filter: saturate(200%); }
:root .backdrop-sepia-0 { backdrop-filter: sepia(0); -webkit-backdrop-filter: sepia(0); }
:root .backdrop-sepia { backdrop-filter: sepia(100%); -webkit-backdrop-filter: sepia(100%); }
:root .break-before-auto { break-before: auto; }
:root .break-after-auto { break-after: auto; }
:root .break-before-avoid { break-before: avoid; }
:root .break-after-avoid { break-after: avoid; }
:root .break-before-all { break-before: all; }
:root .break-after-all { break-after: all; }
:root .break-before-avoid-page { break-before: avoid-page; }
:root .break-after-avoid-page { break-after: avoid-page; }
:root .break-before-page { break-before: page; }
:root .break-after-page { break-after: page; }
:root .break-before-left { break-before: left; }
:root .break-after-left { break-after: left; }
:root .break-before-right { break-before: right; }
:root .break-after-right { break-after: right; }
:root .break-before-column { break-before: column; }
:root .break-after-column { break-after: column; }
:root .break-inside-auto { break-inside: auto; }
:root .break-inside-avoid { break-inside: avoid; }
:root .break-inside-avoid-page { break-inside: avoid-page; }
:root .break-inside-avoid-column { break-inside: avoid-column; }
:root .grid-flow-row { grid-auto-flow: row; }
:root .grid-flow-col { grid-auto-flow: column; }
:root .grid-flow-row-dense { grid-auto-flow: row dense; }
:root .grid-flow-col-dense { grid-auto-flow: column dense; }
:root .grid-flow-dense { grid-auto-flow: dense; }
:root .auto-cols-auto { grid-auto-columns: auto; }
:root .auto-rows-auto { grid-auto-rows: auto; }
:root .auto-cols-min { grid-auto-columns: min-content; }
:root .auto-rows-min { grid-auto-rows: min-content; }
:root .auto-cols-max { grid-auto-columns: max-content; }
:root .auto-rows-max { grid-auto-rows: max-content; }
:root .auto-cols-fr { grid-auto-columns: minmax(0, 1fr); }
:root .auto-rows-fr { grid-auto-rows: minmax(0, 1fr); }
:root .justify-self-auto { justify-self: auto; }
:root .place-items-start { place-items: start; }
:root .place-items-end { place-items: end; }
:root .place-items-center { place-items: center; }
:root .place-items-stretch { place-items: stretch; }
:root .place-items-baseline { place-items: baseline; }
:root .place-content-start { place-content: start; }
:root .place-content-end { place-content: end; }
:root .place-content-center { place-content: center; }
:root .place-content-between { place-content: space-between; }
:root .place-content-around { place-content: space-around; }
:root .place-content-evenly { place-content: space-evenly; }
:root .place-content-stretch { place-content: stretch; }
:root .place-content-baseline { place-content: baseline; }
:root .place-self-auto { place-self: auto; }
:root .place-self-start { place-self: start; }
:root .place-self-end { place-self: end; }
:root .place-self-center { place-self: center; }
:root .place-self-stretch { place-self: stretch; }
:root .divide-solid > :not([hidden]) ~ :not([hidden]) { border-style: solid; }
:root .divide-dashed > :not([hidden]) ~ :not([hidden]) { border-style: dashed; }
:root .divide-dotted > :not([hidden]) ~ :not([hidden]) { border-style: dotted; }
:root .divide-double > :not([hidden]) ~ :not([hidden]) { border-style: double; }
:root .divide-none > :not([hidden]) ~ :not([hidden]) { border-style: none; }
:root .ps-0 { padding-inline-start: 0; }
:root .ps-px { padding-inline-start: 1px; }
:root .ps-0\.5 { padding-inline-start: 0.125rem; }
:root .ps-1 { padding-inline-start: 0.25rem; }
:root .ps-1\.5 { padding-inline-start: 0.375rem; }
:root .ps-2 { padding-inline-start: 0.5rem; }
:root .ps-2\.5 { padding-inline-start: 0.625rem; }
:root .ps-3 { padding-inline-start: 0.75rem; }
:root .ps-3\.5 { padding-inline-start: 0.875rem; }
:root .ps-4 { padding-inline-start: 1rem; }
:root .ps-5 { padding-inline-start: 1.25rem; }
:root .ps-6 { padding-inline-start: 1.5rem; }
:root .ps-7 { padding-inline-start: 1.75rem; }
:root .ps-8 { padding-inline-start: 2rem; }
:root .ps-9 { padding-inline-start: 2.25rem; }
:root .ps-10 { padding-inline-start: 2.5rem; }
:root .ps-11 { padding-inline-start: 2.75rem; }
:root .ps-12 { padding-inline-start: 3rem; }
:root .ps-14 { padding-inline-start: 3.5rem; }
:root .ps-16 { padding-inline-start: 4rem; }
:root .ps-20 { padding-inline-start: 5rem; }
:root .ps-24 { padding-inline-start: 6rem; }
:root .ps-28 { padding-inline-start: 7rem; }
:root .ps-32 { padding-inline-start: 8rem; }
:root .ps-36 { padding-inline-start: 9rem; }
:root .ps-40 { padding-inline-start: 10rem; }
:root .ps-44 { padding-inline-start: 11rem; }
:root .ps-48 { padding-inline-start: 12rem; }
:root .ps-52 { padding-inline-start: 13rem; }
:root .ps-56 { padding-inline-start: 14rem; }
:root .ps-60 { padding-inline-start: 15rem; }
:root .ps-64 { padding-inline-start: 16rem; }
:root .ps-72 { padding-inline-start: 18rem; }
:root .ps-80 { padding-inline-start: 20rem; }
:root .ps-96 { padding-inline-start: 24rem; }
:root .pe-0 { padding-inline-end: 0; }
:root .pe-px { padding-inline-end: 1px; }
:root .pe-0\.5 { padding-inline-end: 0.125rem; }
:root .pe-1 { padding-inline-end: 0.25rem; }
:root .pe-1\.5 { padding-inline-end: 0.375rem; }
:root .pe-2 { padding-inline-end: 0.5rem; }
:root .pe-2\.5 { padding-inline-end: 0.625rem; }
:root .pe-3 { padding-inline-end: 0.75rem; }
:root .pe-3\.5 { padding-inline-end: 0.875rem; }
:root .pe-4 { padding-inline-end: 1rem; }
:root .pe-5 { padding-inline-end: 1.25rem; }
:root .pe-6 { padding-inline-end: 1.5rem; }
:root .pe-7 { padding-inline-end: 1.75rem; }
:root .pe-8 { padding-inline-end: 2rem; }
:root .pe-9 { padding-inline-end: 2.25rem; }
:root .pe-10 { padding-inline-end: 2.5rem; }
:root .pe-11 { padding-inline-end: 2.75rem; }
:root .pe-12 { padding-inline-end: 3rem; }
:root .pe-14 { padding-inline-end: 3.5rem; }
:root .pe-16 { padding-inline-end: 4rem; }
:root .pe-20 { padding-inline-end: 5rem; }
:root .pe-24 { padding-inline-end: 6rem; }
:root .pe-28 { padding-inline-end: 7rem; }
:root .pe-32 { padding-inline-end: 8rem; }
:root .pe-36 { padding-inline-end: 9rem; }
:root .pe-40 { padding-inline-end: 10rem; }
:root .pe-44 { padding-inline-end: 11rem; }
:root .pe-48 { padding-inline-end: 12rem; }
:root .pe-52 { padding-inline-end: 13rem; }
:root .pe-56 { padding-inline-end: 14rem; }
:root .pe-60 { padding-inline-end: 15rem; }
:root .pe-64 { padding-inline-end: 16rem; }
:root .pe-72 { padding-inline-end: 18rem; }
:root .pe-80 { padding-inline-end: 20rem; }
:root .pe-96 { padding-inline-end: 24rem; }
:root .ms-0 { margin-inline-start: 0; }
:root .ms-px { margin-inline-start: 1px; }
:root .ms-0\.5 { margin-inline-start: 0.125rem; }
:root .ms-1 { margin-inline-start: 0.25rem; }
:root .ms-1\.5 { margin-inline-start: 0.375rem; }
:root .ms-2 { margin-inline-start: 0.5rem; }
:root .ms-2\.5 { margin-inline-start: 0.625rem; }
:root .ms-3 { margin-inline-start: 0.75rem; }
:root .ms-3\.5 { margin-inline-start: 0.875rem; }
:root .ms-4 { margin-inline-start: 1rem; }
:root .ms-5 { margin-inline-start: 1.25rem; }
:root .ms-6 { margin-inline-start: 1.5rem; }
:root .ms-7 { margin-inline-start: 1.75rem; }
:root .ms-8 { margin-inline-start: 2rem; }
:root .ms-9 { margin-inline-start: 2.25rem; }
:root .ms-10 { margin-inline-start: 2.5rem; }
:root .ms-11 { margin-inline-start: 2.75rem; }
:root .ms-12 { margin-inline-start: 3rem; }
:root .ms-14 { margin-inline-start: 3.5rem; }
:root .ms-16 { margin-inline-start: 4rem; }
:root .ms-20 { margin-inline-start: 5rem; }
:root .ms-24 { margin-inline-start: 6rem; }
:root .ms-28 { margin-inline-start: 7rem; }
:root .ms-32 { margin-inline-start: 8rem; }
:root .ms-36 { margin-inline-start: 9rem; }
:root .ms-40 { margin-inline-start: 10rem; }
:root .ms-44 { margin-inline-start: 11rem; }
:root .ms-48 { margin-inline-start: 12rem; }
:root .ms-52 { margin-inline-start: 13rem; }
:root .ms-56 { margin-inline-start: 14rem; }
:root .ms-60 { margin-inline-start: 15rem; }
:root .ms-64 { margin-inline-start: 16rem; }
:root .ms-72 { margin-inline-start: 18rem; }
:root .ms-80 { margin-inline-start: 20rem; }
:root .ms-96 { margin-inline-start: 24rem; }
:root .me-0 { margin-inline-end: 0; }
:root .me-px { margin-inline-end: 1px; }
:root .me-0\.5 { margin-inline-end: 0.125rem; }
:root .me-1 { margin-inline-end: 0.25rem; }
:root .me-1\.5 { margin-inline-end: 0.375rem; }
:root .me-2 { margin-inline-end: 0.5rem; }
:root .me-2\.5 { margin-inline-end: 0.625rem; }
:root .me-3 { margin-inline-end: 0.75rem; }
:root .me-3\.5 { margin-inline-end: 0.875rem; }
:root .me-4 { margin-inline-end: 1rem; }
:root .me-5 { margin-inline-end: 1.25rem; }
:root .me-6 { margin-inline-end: 1.5rem; }
:root .me-7 { margin-inline-end: 1.75rem; }
:root .me-8 { margin-inline-end: 2rem; }
:root .me-9 { margin-inline-end: 2.25rem; }
:root .me-10 { margin-inline-end: 2.5rem; }
:root .me-11 { margin-inline-end: 2.75rem; }
:root .me-12 { margin-inline-end: 3rem; }
:root .me-14 { margin-inline-end: 3.5rem; }
:root .me-16 { margin-inline-end: 4rem; }
:root .me-20 { margin-inline-end: 5rem; }
:root .me-24 { margin-inline-end: 6rem; }
:root .me-28 { margin-inline-end: 7rem; }
:root .me-32 { margin-inline-end: 8rem; }
:root .me-36 { margin-inline-end: 9rem; }
:root .me-40 { margin-inline-end: 10rem; }
:root .me-44 { margin-inline-end: 11rem; }
:root .me-48 { margin-inline-end: 12rem; }
:root .me-52 { margin-inline-end: 13rem; }
:root .me-56 { margin-inline-end: 14rem; }
:root .me-60 { margin-inline-end: 15rem; }
:root .me-64 { margin-inline-end: 16rem; }
:root .me-72 { margin-inline-end: 18rem; }
:root .me-80 { margin-inline-end: 20rem; }
:root .me-96 { margin-inline-end: 24rem; }
:root .start-0 { inset-inline-start: 0; }
:root .start-px { inset-inline-start: 1px; }
:root .start-0\.5 { inset-inline-start: 0.125rem; }
:root .start-1 { inset-inline-start: 0.25rem; }
:root .start-1\.5 { inset-inline-start: 0.375rem; }
:root .start-2 { inset-inline-start: 0.5rem; }
:root .start-2\.5 { inset-inline-start: 0.625rem; }
:root .start-3 { inset-inline-start: 0.75rem; }
:root .start-3\.5 { inset-inline-start: 0.875rem; }
:root .start-4 { inset-inline-start: 1rem; }
:root .start-5 { inset-inline-start: 1.25rem; }
:root .start-6 { inset-inline-start: 1.5rem; }
:root .start-7 { inset-inline-start: 1.75rem; }
:root .start-8 { inset-inline-start: 2rem; }
:root .start-9 { inset-inline-start: 2.25rem; }
:root .start-10 { inset-inline-start: 2.5rem; }
:root .start-11 { inset-inline-start: 2.75rem; }
:root .start-12 { inset-inline-start: 3rem; }
:root .start-14 { inset-inline-start: 3.5rem; }
:root .start-16 { inset-inline-start: 4rem; }
:root .start-20 { inset-inline-start: 5rem; }
:root .start-24 { inset-inline-start: 6rem; }
:root .start-28 { inset-inline-start: 7rem; }
:root .start-32 { inset-inline-start: 8rem; }
:root .start-36 { inset-inline-start: 9rem; }
:root .start-40 { inset-inline-start: 10rem; }
:root .start-44 { inset-inline-start: 11rem; }
:root .start-48 { inset-inline-start: 12rem; }
:root .start-52 { inset-inline-start: 13rem; }
:root .start-56 { inset-inline-start: 14rem; }
:root .start-60 { inset-inline-start: 15rem; }
:root .start-64 { inset-inline-start: 16rem; }
:root .start-72 { inset-inline-start: 18rem; }
:root .start-80 { inset-inline-start: 20rem; }
:root .start-96 { inset-inline-start: 24rem; }
:root .start-auto { inset-inline-start: auto; }
:root .start-full { inset-inline-start: 100%; }
:root .end-0 { inset-inline-end: 0; }
:root .end-px { inset-inline-end: 1px; }
:root .end-0\.5 { inset-inline-end: 0.125rem; }
:root .end-1 { inset-inline-end: 0.25rem; }
:root .end-1\.5 { inset-inline-end: 0.375rem; }
:root .end-2 { inset-inline-end: 0.5rem; }
:root .end-2\.5 { inset-inline-end: 0.625rem; }
:root .end-3 { inset-inline-end: 0.75rem; }
:root .end-3\.5 { inset-inline-end: 0.875rem; }
:root .end-4 { inset-inline-end: 1rem; }
:root .end-5 { inset-inline-end: 1.25rem; }
:root .end-6 { inset-inline-end: 1.5rem; }
:root .end-7 { inset-inline-end: 1.75rem; }
:root .end-8 { inset-inline-end: 2rem; }
:root .end-9 { inset-inline-end: 2.25rem; }
:root .end-10 { inset-inline-end: 2.5rem; }
:root .end-11 { inset-inline-end: 2.75rem; }
:root .end-12 { inset-inline-end: 3rem; }
:root .end-14 { inset-inline-end: 3.5rem; }
:root .end-16 { inset-inline-end: 4rem; }
:root .end-20 { inset-inline-end: 5rem; }
:root .end-24 { inset-inline-end: 6rem; }
:root .end-28 { inset-inline-end: 7rem; }
:root .end-32 { inset-inline-end: 8rem; }
:root .end-36 { inset-inline-end: 9rem; }
:root .end-40 { inset-inline-end: 10rem; }
:root .end-44 { inset-inline-end: 11rem; }
:root .end-48 { inset-inline-end: 12rem; }
:root .end-52 { inset-inline-end: 13rem; }
:root .end-56 { inset-inline-end: 14rem; }
:root .end-60 { inset-inline-end: 15rem; }
:root .end-64 { inset-inline-end: 16rem; }
:root .end-72 { inset-inline-end: 18rem; }
:root .end-80 { inset-inline-end: 20rem; }
:root .end-96 { inset-inline-end: 24rem; }
:root .end-auto { inset-inline-end: auto; }
:root .end-full { inset-inline-end: 100%; }
:root .border-s-0 { border-inline-start-width: 0; }
:root .border-s-2 { border-inline-start-width: 2px; }
:root .border-s-4 { border-inline-start-width: 4px; }
:root .border-s-8 { border-inline-start-width: 8px; }
:root .border-s { border-inline-start-width: 1px; }
:root .border-e-0 { border-inline-end-width: 0; }
:root .border-e-2 { border-inline-end-width: 2px; }
:root .border-e-4 { border-inline-end-width: 4px; }
:root .border-e-8 { border-inline-end-width: 8px; }
:root .border-e { border-inline-end-width: 1px; }
:root .rounded-s-none { border-start-start-radius: 0; border-end-start-radius: 0; }
:root .rounded-s-xs { border-start-start-radius: 0.125rem; border-end-start-radius: 0.125rem; }
:root .rounded-s-sm { border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; }
:root .rounded-s { border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; }
:root .rounded-s-md { border-start-start-radius: 0.375rem; border-end-start-radius: 0.375rem; }
:root .rounded-s-lg { border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; }
:root .rounded-s-xl { border-start-start-radius: 0.75rem; border-end-start-radius: 0.75rem; }
:root .rounded-s-2xl { border-start-start-radius: 1rem; border-end-start-radius: 1rem; }
:root .rounded-s-3xl { border-start-start-radius: 1.5rem; border-end-start-radius: 1.5rem; }
:root .rounded-s-4xl { border-start-start-radius: 2rem; border-end-start-radius: 2rem; }
:root .rounded-s-full { border-start-start-radius: 9999px; border-end-start-radius: 9999px; }
:root .rounded-e-none { border-start-end-radius: 0; border-end-end-radius: 0; }
:root .rounded-e-xs { border-start-end-radius: 0.125rem; border-end-end-radius: 0.125rem; }
:root .rounded-e-sm { border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; }
:root .rounded-e { border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; }
:root .rounded-e-md { border-start-end-radius: 0.375rem; border-end-end-radius: 0.375rem; }
:root .rounded-e-lg { border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; }
:root .rounded-e-xl { border-start-end-radius: 0.75rem; border-end-end-radius: 0.75rem; }
:root .rounded-e-2xl { border-start-end-radius: 1rem; border-end-end-radius: 1rem; }
:root .rounded-e-3xl { border-start-end-radius: 1.5rem; border-end-end-radius: 1.5rem; }
:root .rounded-e-4xl { border-start-end-radius: 2rem; border-end-end-radius: 2rem; }
:root .rounded-e-full { border-start-end-radius: 9999px; border-end-end-radius: 9999px; }
:root .rounded-ss-none { border-start-start-radius: 0; }
:root .rounded-ss-xs { border-start-start-radius: 0.125rem; }
:root .rounded-ss-sm { border-start-start-radius: 0.25rem; }
:root .rounded-ss { border-start-start-radius: 0.25rem; }
:root .rounded-ss-md { border-start-start-radius: 0.375rem; }
:root .rounded-ss-lg { border-start-start-radius: 0.5rem; }
:root .rounded-ss-xl { border-start-start-radius: 0.75rem; }
:root .rounded-ss-2xl { border-start-start-radius: 1rem; }
:root .rounded-ss-3xl { border-start-start-radius: 1.5rem; }
:root .rounded-ss-4xl { border-start-start-radius: 2rem; }
:root .rounded-ss-full { border-start-start-radius: 9999px; }
:root .rounded-se-none { border-start-end-radius: 0; }
:root .rounded-se-xs { border-start-end-radius: 0.125rem; }
:root .rounded-se-sm { border-start-end-radius: 0.25rem; }
:root .rounded-se { border-start-end-radius: 0.25rem; }
:root .rounded-se-md { border-start-end-radius: 0.375rem; }
:root .rounded-se-lg { border-start-end-radius: 0.5rem; }
:root .rounded-se-xl { border-start-end-radius: 0.75rem; }
:root .rounded-se-2xl { border-start-end-radius: 1rem; }
:root .rounded-se-3xl { border-start-end-radius: 1.5rem; }
:root .rounded-se-4xl { border-start-end-radius: 2rem; }
:root .rounded-se-full { border-start-end-radius: 9999px; }
:root .rounded-es-none { border-end-start-radius: 0; }
:root .rounded-es-xs { border-end-start-radius: 0.125rem; }
:root .rounded-es-sm { border-end-start-radius: 0.25rem; }
:root .rounded-es { border-end-start-radius: 0.25rem; }
:root .rounded-es-md { border-end-start-radius: 0.375rem; }
:root .rounded-es-lg { border-end-start-radius: 0.5rem; }
:root .rounded-es-xl { border-end-start-radius: 0.75rem; }
:root .rounded-es-2xl { border-end-start-radius: 1rem; }
:root .rounded-es-3xl { border-end-start-radius: 1.5rem; }
:root .rounded-es-4xl { border-end-start-radius: 2rem; }
:root .rounded-es-full { border-end-start-radius: 9999px; }
:root .rounded-ee-none { border-end-end-radius: 0; }
:root .rounded-ee-xs { border-end-end-radius: 0.125rem; }
:root .rounded-ee-sm { border-end-end-radius: 0.25rem; }
:root .rounded-ee { border-end-end-radius: 0.25rem; }
:root .rounded-ee-md { border-end-end-radius: 0.375rem; }
:root .rounded-ee-lg { border-end-end-radius: 0.5rem; }
:root .rounded-ee-xl { border-end-end-radius: 0.75rem; }
:root .rounded-ee-2xl { border-end-end-radius: 1rem; }
:root .rounded-ee-3xl { border-end-end-radius: 1.5rem; }
:root .rounded-ee-4xl { border-end-end-radius: 2rem; }
:root .rounded-ee-full { border-end-end-radius: 9999px; }
:root .h-dvh { height: 100dvh; }
:root .h-svh { height: 100svh; }
:root .h-lvh { height: 100lvh; }
:root .h-dvw { height: 100dvw; }
:root .h-svw { height: 100svw; }
:root .h-lvw { height: 100lvw; }
:root .min-h-dvh { min-height: 100dvh; }
:root .min-h-svh { min-height: 100svh; }
:root .min-h-lvh { min-height: 100lvh; }
:root .min-h-dvw { min-height: 100dvw; }
:root .min-h-svw { min-height: 100svw; }
:root .min-h-lvw { min-height: 100lvw; }
:root .max-h-dvh { max-height: 100dvh; }
:root .max-h-svh { max-height: 100svh; }
:root .max-h-lvh { max-height: 100lvh; }
:root .max-h-dvw { max-height: 100dvw; }
:root .max-h-svw { max-height: 100svw; }
:root .max-h-lvw { max-height: 100lvw; }
:root .w-dvh { width: 100dvh; }
:root .w-svh { width: 100svh; }
:root .w-lvh { width: 100lvh; }
:root .w-dvw { width: 100dvw; }
:root .w-svw { width: 100svw; }
:root .w-lvw { width: 100lvw; }
:root .min-w-dvh { min-width: 100dvh; }
:root .min-w-svh { min-width: 100svh; }
:root .min-w-lvh { min-width: 100lvh; }
:root .min-w-dvw { min-width: 100dvw; }
:root .min-w-svw { min-width: 100svw; }
:root .min-w-lvw { min-width: 100lvw; }
:root .max-w-dvh { max-width: 100dvh; }
:root .max-w-svh { max-width: 100svh; }
:root .max-w-lvh { max-width: 100lvh; }
:root .max-w-dvw { max-width: 100dvw; }
:root .max-w-svw { max-width: 100svw; }
:root .max-w-lvw { max-width: 100lvw; }
:root .size-dvh { width: 100dvh; height: 100dvh; }
:root .size-svh { width: 100svh; height: 100svh; }
:root .size-lvh { width: 100lvh; height: 100lvh; }
:root .size-dvw { width: 100dvw; height: 100dvw; }
:root .size-svw { width: 100svw; height: 100svw; }
:root .size-lvw { width: 100lvw; height: 100lvw; }
:root .text-shadow-2xs { text-shadow: 0 1px 0 rgb(0 0 0 / 0.15); }
:root .text-shadow-xs { text-shadow: 0 1px 1px rgb(0 0 0 / 0.2); }
:root .text-shadow-sm { text-shadow: 0 1px 2px rgb(0 0 0 / 0.25); }
:root .text-shadow-md { text-shadow: 0 2px 4px rgb(0 0 0 / 0.25); }
:root .text-shadow-lg { text-shadow: 0 4px 6px rgb(0 0 0 / 0.25); }
:root .text-shadow-xl { text-shadow: 0 4px 12px rgb(0 0 0 / 0.3); }
:root .text-shadow-2xl { text-shadow: 0 6px 16px rgb(0 0 0 / 0.35); }
:root .text-shadow-none { text-shadow: none; }
:root .size-1\/2 { width: 50%; height: 50%; }
:root .size-1\/3 { width: 33.333333%; height: 33.333333%; }
:root .size-2\/3 { width: 66.666667%; height: 66.666667%; }
:root .size-1\/4 { width: 25%; height: 25%; }
:root .size-3\/4 { width: 75%; height: 75%; }
:root .size-1\/5 { width: 20%; height: 20%; }
:root .size-2\/5 { width: 40%; height: 40%; }
:root .size-3\/5 { width: 60%; height: 60%; }
:root .size-4\/5 { width: 80%; height: 80%; }
:root .inset-ring-0 { box-shadow: none; }
:root .inset-ring-1 { box-shadow: inset 0 0 0 1px currentColor; }
:root .inset-ring-2 { box-shadow: inset 0 0 0 2px currentColor; }
:root .inset-ring-4 { box-shadow: inset 0 0 0 4px currentColor; }
:root .inset-ring-8 { box-shadow: inset 0 0 0 8px currentColor; }
:root .inset-ring { box-shadow: inset 0 0 0 1px currentColor; }
:root .field-sizing-content { field-sizing: content; }
:root .field-sizing-fixed { field-sizing: fixed; }
:root .perspective-none { perspective: none; }
:root .perspective-250 { perspective: 250px; }
:root .perspective-500 { perspective: 500px; }
:root .perspective-750 { perspective: 750px; }
:root .perspective-1000 { perspective: 1000px; }
:root .perspective-1500 { perspective: 1500px; }
:root .perspective-origin-center { perspective-origin: center; }
:root .perspective-origin-top { perspective-origin: top; }
:root .perspective-origin-top-right { perspective-origin: top right; }
:root .perspective-origin-right { perspective-origin: right; }
:root .perspective-origin-bottom-right { perspective-origin: bottom right; }
:root .perspective-origin-bottom { perspective-origin: bottom; }
:root .perspective-origin-bottom-left { perspective-origin: bottom left; }
:root .perspective-origin-left { perspective-origin: left; }
:root .perspective-origin-top-left { perspective-origin: top left; }
:root .transform-3d { transform-style: preserve-3d; }
:root .transform-flat { transform-style: flat; }
:root .backface-visible { backface-visibility: visible; }
:root .backface-hidden { backface-visibility: hidden; }
:root .bg-linear-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); }
:root .bg-linear-to-tr { background-image: linear-gradient(to top right, var(--tw-gradient-stops)); }
:root .bg-linear-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
:root .bg-linear-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
:root .bg-linear-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); }
:root .bg-linear-to-bl { background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); }
:root .bg-linear-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)); }
:root .bg-linear-to-tl { background-image: linear-gradient(to top left, var(--tw-gradient-stops)); }
:root .bg-linear-0 { background-image: linear-gradient(0deg, var(--tw-gradient-stops)); }
:root .bg-linear-45 { background-image: linear-gradient(45deg, var(--tw-gradient-stops)); }
:root .bg-linear-90 { background-image: linear-gradient(90deg, var(--tw-gradient-stops)); }
:root .bg-linear-135 { background-image: linear-gradient(135deg, var(--tw-gradient-stops)); }
:root .bg-linear-180 { background-image: linear-gradient(180deg, var(--tw-gradient-stops)); }
:root .bg-linear-225 { background-image: linear-gradient(225deg, var(--tw-gradient-stops)); }
:root .bg-linear-270 { background-image: linear-gradient(270deg, var(--tw-gradient-stops)); }
:root .bg-linear-315 { background-image: linear-gradient(315deg, var(--tw-gradient-stops)); }
:root .bg-radial { background-image: radial-gradient(var(--tw-gradient-stops)); }
:root .bg-conic { background-image: conic-gradient(var(--tw-gradient-stops)); }
:root .scheme-normal { color-scheme: normal; }
:root .scheme-dark { color-scheme: dark; }
:root .scheme-light { color-scheme: light; }
:root .scheme-light-dark { color-scheme: light dark; }
:root .scheme-only-dark { color-scheme: only dark; }
:root .scheme-only-light { color-scheme: only light; }
:root .transition-discrete { transition-behavior: allow-discrete; }
:root .transition-normal { transition-behavior: normal; }
:root .interpolate-size-allow-keywords { interpolate-size: allow-keywords; }
:root .interpolate-size-numeric-only { interpolate-size: numeric-only; }
:root .\@container { container-type: inline-size; }
:root .\@container-normal { container-type: normal; }
:root .container-type-size { container-type: size; }
:root .container-type-inline-size { container-type: inline-size; }
:root .container-type-normal { container-type: normal; }
:root .bg-primary-50 { background: var(--spectra-chromatic1-1); }
:root .bg-primary-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .bg-primary-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .bg-primary-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .bg-primary-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .bg-primary-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .bg-primary-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .bg-primary-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .bg-primary-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .bg-primary-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .text-primary-50 { color: var(--spectra-chromatic1-1); -webkit-text-fill-color: var(--spectra-chromatic1-1); }
:root .text-primary-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .text-primary-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .text-primary-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .text-primary-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .text-primary-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .text-primary-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .text-primary-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .text-primary-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .text-primary-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-primary-50 { border-color: var(--spectra-chromatic1-1); }
:root .border-primary-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-primary-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-primary-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-primary-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-primary-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-primary-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-primary-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-primary-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-primary-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .outline-primary-50 { outline-color: var(--spectra-chromatic1-1); }
:root .outline-primary-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .outline-primary-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .outline-primary-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .outline-primary-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .outline-primary-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .outline-primary-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .outline-primary-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .outline-primary-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .outline-primary-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .overlay-primary-50 { background: var(--spectra-chromatic1-1); }
:root .overlay-primary-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .overlay-primary-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .overlay-primary-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .overlay-primary-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .overlay-primary-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .overlay-primary-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .overlay-primary-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .overlay-primary-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .overlay-primary-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .fill-primary-50 { fill: var(--spectra-chromatic1-1); }
:root .fill-primary-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .fill-primary-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .fill-primary-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .fill-primary-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .fill-primary-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .fill-primary-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .fill-primary-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .fill-primary-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .fill-primary-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .stroke-primary-50 { stroke: var(--spectra-chromatic1-1); }
:root .stroke-primary-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .stroke-primary-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .stroke-primary-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .stroke-primary-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .stroke-primary-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .stroke-primary-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .stroke-primary-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .stroke-primary-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .stroke-primary-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-t-primary-50 { border-top-color: var(--spectra-chromatic1-1); }
:root .border-t-primary-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-t-primary-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-t-primary-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-t-primary-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-t-primary-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-t-primary-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-t-primary-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-t-primary-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-t-primary-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-r-primary-50 { border-right-color: var(--spectra-chromatic1-1); }
:root .border-r-primary-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-r-primary-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-r-primary-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-r-primary-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-r-primary-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-r-primary-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-r-primary-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-r-primary-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-r-primary-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-b-primary-50 { border-bottom-color: var(--spectra-chromatic1-1); }
:root .border-b-primary-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-b-primary-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-b-primary-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-b-primary-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-b-primary-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-b-primary-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-b-primary-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-b-primary-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-b-primary-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-l-primary-50 { border-left-color: var(--spectra-chromatic1-1); }
:root .border-l-primary-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-l-primary-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-l-primary-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-l-primary-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-l-primary-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-l-primary-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-l-primary-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-l-primary-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-l-primary-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-x-primary-50 { border-left-color: var(--spectra-chromatic1-1); border-right-color: var(--spectra-chromatic1-1); }
:root .border-x-primary-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-x-primary-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-x-primary-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-x-primary-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-x-primary-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-x-primary-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-x-primary-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-x-primary-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-x-primary-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .border-y-primary-50 { border-top-color: var(--spectra-chromatic1-1); border-bottom-color: var(--spectra-chromatic1-1); }
:root .border-y-primary-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 10%, transparent); }
:root .border-y-primary-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 20%, transparent); }
:root .border-y-primary-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 30%, transparent); }
:root .border-y-primary-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 40%, transparent); }
:root .border-y-primary-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 50%, transparent); }
:root .border-y-primary-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 60%, transparent); }
:root .border-y-primary-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 70%, transparent); }
:root .border-y-primary-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 80%, transparent); }
:root .border-y-primary-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-1) 90%, transparent); }
:root .ring-primary-50 { --tw-ring-color: var(--spectra-chromatic1-1); }
:root .ring-offset-primary-50 { --tw-ring-offset-color: var(--spectra-chromatic1-1); }
:root .bg-primary-100 { background: var(--spectra-chromatic1-2); }
:root .bg-primary-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .bg-primary-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .bg-primary-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .bg-primary-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .bg-primary-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .bg-primary-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .bg-primary-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .bg-primary-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .bg-primary-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .text-primary-100 { color: var(--spectra-chromatic1-2); -webkit-text-fill-color: var(--spectra-chromatic1-2); }
:root .text-primary-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .text-primary-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .text-primary-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .text-primary-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .text-primary-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .text-primary-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .text-primary-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .text-primary-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .text-primary-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-primary-100 { border-color: var(--spectra-chromatic1-2); }
:root .border-primary-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-primary-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-primary-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-primary-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-primary-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-primary-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-primary-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-primary-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-primary-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .outline-primary-100 { outline-color: var(--spectra-chromatic1-2); }
:root .outline-primary-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .outline-primary-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .outline-primary-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .outline-primary-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .outline-primary-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .outline-primary-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .outline-primary-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .outline-primary-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .outline-primary-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .overlay-primary-100 { background: var(--spectra-chromatic1-2); }
:root .overlay-primary-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .overlay-primary-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .overlay-primary-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .overlay-primary-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .overlay-primary-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .overlay-primary-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .overlay-primary-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .overlay-primary-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .overlay-primary-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .fill-primary-100 { fill: var(--spectra-chromatic1-2); }
:root .fill-primary-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .fill-primary-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .fill-primary-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .fill-primary-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .fill-primary-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .fill-primary-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .fill-primary-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .fill-primary-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .fill-primary-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .stroke-primary-100 { stroke: var(--spectra-chromatic1-2); }
:root .stroke-primary-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .stroke-primary-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .stroke-primary-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .stroke-primary-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .stroke-primary-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .stroke-primary-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .stroke-primary-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .stroke-primary-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .stroke-primary-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-t-primary-100 { border-top-color: var(--spectra-chromatic1-2); }
:root .border-t-primary-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-t-primary-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-t-primary-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-t-primary-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-t-primary-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-t-primary-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-t-primary-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-t-primary-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-t-primary-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-r-primary-100 { border-right-color: var(--spectra-chromatic1-2); }
:root .border-r-primary-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-r-primary-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-r-primary-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-r-primary-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-r-primary-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-r-primary-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-r-primary-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-r-primary-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-r-primary-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-b-primary-100 { border-bottom-color: var(--spectra-chromatic1-2); }
:root .border-b-primary-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-b-primary-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-b-primary-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-b-primary-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-b-primary-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-b-primary-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-b-primary-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-b-primary-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-b-primary-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-l-primary-100 { border-left-color: var(--spectra-chromatic1-2); }
:root .border-l-primary-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-l-primary-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-l-primary-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-l-primary-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-l-primary-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-l-primary-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-l-primary-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-l-primary-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-l-primary-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-x-primary-100 { border-left-color: var(--spectra-chromatic1-2); border-right-color: var(--spectra-chromatic1-2); }
:root .border-x-primary-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-x-primary-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-x-primary-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-x-primary-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-x-primary-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-x-primary-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-x-primary-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-x-primary-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-x-primary-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .border-y-primary-100 { border-top-color: var(--spectra-chromatic1-2); border-bottom-color: var(--spectra-chromatic1-2); }
:root .border-y-primary-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 10%, transparent); }
:root .border-y-primary-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 20%, transparent); }
:root .border-y-primary-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 30%, transparent); }
:root .border-y-primary-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 40%, transparent); }
:root .border-y-primary-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 50%, transparent); }
:root .border-y-primary-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 60%, transparent); }
:root .border-y-primary-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 70%, transparent); }
:root .border-y-primary-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 80%, transparent); }
:root .border-y-primary-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-2) 90%, transparent); }
:root .ring-primary-100 { --tw-ring-color: var(--spectra-chromatic1-2); }
:root .ring-offset-primary-100 { --tw-ring-offset-color: var(--spectra-chromatic1-2); }
:root .bg-primary-200 { background: var(--spectra-chromatic1-3); }
:root .bg-primary-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .bg-primary-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .bg-primary-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .bg-primary-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .bg-primary-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .bg-primary-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .bg-primary-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .bg-primary-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .bg-primary-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .text-primary-200 { color: var(--spectra-chromatic1-3); -webkit-text-fill-color: var(--spectra-chromatic1-3); }
:root .text-primary-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .text-primary-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .text-primary-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .text-primary-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .text-primary-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .text-primary-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .text-primary-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .text-primary-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .text-primary-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-primary-200 { border-color: var(--spectra-chromatic1-3); }
:root .border-primary-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-primary-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-primary-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-primary-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-primary-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-primary-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-primary-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-primary-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-primary-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .outline-primary-200 { outline-color: var(--spectra-chromatic1-3); }
:root .outline-primary-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .outline-primary-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .outline-primary-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .outline-primary-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .outline-primary-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .outline-primary-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .outline-primary-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .outline-primary-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .outline-primary-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .overlay-primary-200 { background: var(--spectra-chromatic1-3); }
:root .overlay-primary-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .overlay-primary-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .overlay-primary-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .overlay-primary-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .overlay-primary-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .overlay-primary-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .overlay-primary-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .overlay-primary-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .overlay-primary-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .fill-primary-200 { fill: var(--spectra-chromatic1-3); }
:root .fill-primary-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .fill-primary-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .fill-primary-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .fill-primary-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .fill-primary-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .fill-primary-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .fill-primary-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .fill-primary-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .fill-primary-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .stroke-primary-200 { stroke: var(--spectra-chromatic1-3); }
:root .stroke-primary-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .stroke-primary-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .stroke-primary-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .stroke-primary-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .stroke-primary-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .stroke-primary-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .stroke-primary-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .stroke-primary-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .stroke-primary-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-t-primary-200 { border-top-color: var(--spectra-chromatic1-3); }
:root .border-t-primary-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-t-primary-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-t-primary-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-t-primary-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-t-primary-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-t-primary-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-t-primary-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-t-primary-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-t-primary-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-r-primary-200 { border-right-color: var(--spectra-chromatic1-3); }
:root .border-r-primary-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-r-primary-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-r-primary-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-r-primary-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-r-primary-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-r-primary-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-r-primary-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-r-primary-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-r-primary-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-b-primary-200 { border-bottom-color: var(--spectra-chromatic1-3); }
:root .border-b-primary-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-b-primary-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-b-primary-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-b-primary-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-b-primary-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-b-primary-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-b-primary-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-b-primary-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-b-primary-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-l-primary-200 { border-left-color: var(--spectra-chromatic1-3); }
:root .border-l-primary-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-l-primary-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-l-primary-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-l-primary-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-l-primary-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-l-primary-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-l-primary-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-l-primary-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-l-primary-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-x-primary-200 { border-left-color: var(--spectra-chromatic1-3); border-right-color: var(--spectra-chromatic1-3); }
:root .border-x-primary-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-x-primary-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-x-primary-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-x-primary-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-x-primary-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-x-primary-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-x-primary-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-x-primary-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-x-primary-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .border-y-primary-200 { border-top-color: var(--spectra-chromatic1-3); border-bottom-color: var(--spectra-chromatic1-3); }
:root .border-y-primary-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 10%, transparent); }
:root .border-y-primary-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 20%, transparent); }
:root .border-y-primary-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 30%, transparent); }
:root .border-y-primary-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 40%, transparent); }
:root .border-y-primary-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 50%, transparent); }
:root .border-y-primary-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 60%, transparent); }
:root .border-y-primary-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 70%, transparent); }
:root .border-y-primary-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 80%, transparent); }
:root .border-y-primary-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-3) 90%, transparent); }
:root .ring-primary-200 { --tw-ring-color: var(--spectra-chromatic1-3); }
:root .ring-offset-primary-200 { --tw-ring-offset-color: var(--spectra-chromatic1-3); }
:root .bg-primary-300 { background: var(--spectra-chromatic1-4); }
:root .bg-primary-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .bg-primary-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .bg-primary-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .bg-primary-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .bg-primary-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .bg-primary-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .bg-primary-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .bg-primary-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .bg-primary-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .text-primary-300 { color: var(--spectra-chromatic1-4); -webkit-text-fill-color: var(--spectra-chromatic1-4); }
:root .text-primary-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .text-primary-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .text-primary-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .text-primary-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .text-primary-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .text-primary-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .text-primary-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .text-primary-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .text-primary-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-primary-300 { border-color: var(--spectra-chromatic1-4); }
:root .border-primary-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-primary-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-primary-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-primary-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-primary-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-primary-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-primary-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-primary-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-primary-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .outline-primary-300 { outline-color: var(--spectra-chromatic1-4); }
:root .outline-primary-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .outline-primary-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .outline-primary-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .outline-primary-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .outline-primary-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .outline-primary-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .outline-primary-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .outline-primary-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .outline-primary-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .overlay-primary-300 { background: var(--spectra-chromatic1-4); }
:root .overlay-primary-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .overlay-primary-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .overlay-primary-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .overlay-primary-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .overlay-primary-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .overlay-primary-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .overlay-primary-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .overlay-primary-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .overlay-primary-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .fill-primary-300 { fill: var(--spectra-chromatic1-4); }
:root .fill-primary-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .fill-primary-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .fill-primary-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .fill-primary-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .fill-primary-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .fill-primary-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .fill-primary-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .fill-primary-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .fill-primary-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .stroke-primary-300 { stroke: var(--spectra-chromatic1-4); }
:root .stroke-primary-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .stroke-primary-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .stroke-primary-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .stroke-primary-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .stroke-primary-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .stroke-primary-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .stroke-primary-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .stroke-primary-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .stroke-primary-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-t-primary-300 { border-top-color: var(--spectra-chromatic1-4); }
:root .border-t-primary-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-t-primary-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-t-primary-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-t-primary-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-t-primary-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-t-primary-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-t-primary-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-t-primary-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-t-primary-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-r-primary-300 { border-right-color: var(--spectra-chromatic1-4); }
:root .border-r-primary-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-r-primary-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-r-primary-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-r-primary-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-r-primary-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-r-primary-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-r-primary-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-r-primary-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-r-primary-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-b-primary-300 { border-bottom-color: var(--spectra-chromatic1-4); }
:root .border-b-primary-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-b-primary-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-b-primary-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-b-primary-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-b-primary-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-b-primary-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-b-primary-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-b-primary-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-b-primary-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-l-primary-300 { border-left-color: var(--spectra-chromatic1-4); }
:root .border-l-primary-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-l-primary-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-l-primary-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-l-primary-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-l-primary-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-l-primary-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-l-primary-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-l-primary-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-l-primary-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-x-primary-300 { border-left-color: var(--spectra-chromatic1-4); border-right-color: var(--spectra-chromatic1-4); }
:root .border-x-primary-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-x-primary-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-x-primary-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-x-primary-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-x-primary-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-x-primary-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-x-primary-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-x-primary-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-x-primary-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .border-y-primary-300 { border-top-color: var(--spectra-chromatic1-4); border-bottom-color: var(--spectra-chromatic1-4); }
:root .border-y-primary-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 10%, transparent); }
:root .border-y-primary-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 20%, transparent); }
:root .border-y-primary-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 30%, transparent); }
:root .border-y-primary-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 40%, transparent); }
:root .border-y-primary-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 50%, transparent); }
:root .border-y-primary-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 60%, transparent); }
:root .border-y-primary-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 70%, transparent); }
:root .border-y-primary-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 80%, transparent); }
:root .border-y-primary-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-4) 90%, transparent); }
:root .ring-primary-300 { --tw-ring-color: var(--spectra-chromatic1-4); }
:root .ring-offset-primary-300 { --tw-ring-offset-color: var(--spectra-chromatic1-4); }
:root .bg-primary-400 { background: var(--spectra-chromatic1-5); }
:root .bg-primary-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .bg-primary-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .bg-primary-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .bg-primary-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .bg-primary-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .bg-primary-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .bg-primary-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .bg-primary-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .bg-primary-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .text-primary-400 { color: var(--spectra-chromatic1-5); -webkit-text-fill-color: var(--spectra-chromatic1-5); }
:root .text-primary-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .text-primary-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .text-primary-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .text-primary-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .text-primary-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .text-primary-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .text-primary-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .text-primary-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .text-primary-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-primary-400 { border-color: var(--spectra-chromatic1-5); }
:root .border-primary-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-primary-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-primary-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-primary-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-primary-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-primary-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-primary-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-primary-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-primary-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .outline-primary-400 { outline-color: var(--spectra-chromatic1-5); }
:root .outline-primary-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .outline-primary-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .outline-primary-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .outline-primary-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .outline-primary-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .outline-primary-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .outline-primary-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .outline-primary-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .outline-primary-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .overlay-primary-400 { background: var(--spectra-chromatic1-5); }
:root .overlay-primary-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .overlay-primary-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .overlay-primary-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .overlay-primary-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .overlay-primary-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .overlay-primary-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .overlay-primary-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .overlay-primary-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .overlay-primary-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .fill-primary-400 { fill: var(--spectra-chromatic1-5); }
:root .fill-primary-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .fill-primary-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .fill-primary-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .fill-primary-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .fill-primary-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .fill-primary-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .fill-primary-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .fill-primary-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .fill-primary-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .stroke-primary-400 { stroke: var(--spectra-chromatic1-5); }
:root .stroke-primary-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .stroke-primary-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .stroke-primary-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .stroke-primary-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .stroke-primary-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .stroke-primary-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .stroke-primary-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .stroke-primary-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .stroke-primary-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-t-primary-400 { border-top-color: var(--spectra-chromatic1-5); }
:root .border-t-primary-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-t-primary-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-t-primary-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-t-primary-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-t-primary-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-t-primary-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-t-primary-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-t-primary-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-t-primary-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-r-primary-400 { border-right-color: var(--spectra-chromatic1-5); }
:root .border-r-primary-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-r-primary-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-r-primary-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-r-primary-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-r-primary-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-r-primary-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-r-primary-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-r-primary-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-r-primary-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-b-primary-400 { border-bottom-color: var(--spectra-chromatic1-5); }
:root .border-b-primary-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-b-primary-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-b-primary-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-b-primary-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-b-primary-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-b-primary-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-b-primary-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-b-primary-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-b-primary-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-l-primary-400 { border-left-color: var(--spectra-chromatic1-5); }
:root .border-l-primary-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-l-primary-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-l-primary-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-l-primary-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-l-primary-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-l-primary-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-l-primary-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-l-primary-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-l-primary-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-x-primary-400 { border-left-color: var(--spectra-chromatic1-5); border-right-color: var(--spectra-chromatic1-5); }
:root .border-x-primary-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-x-primary-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-x-primary-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-x-primary-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-x-primary-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-x-primary-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-x-primary-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-x-primary-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-x-primary-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .border-y-primary-400 { border-top-color: var(--spectra-chromatic1-5); border-bottom-color: var(--spectra-chromatic1-5); }
:root .border-y-primary-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 10%, transparent); }
:root .border-y-primary-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 20%, transparent); }
:root .border-y-primary-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 30%, transparent); }
:root .border-y-primary-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 40%, transparent); }
:root .border-y-primary-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 50%, transparent); }
:root .border-y-primary-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 60%, transparent); }
:root .border-y-primary-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 70%, transparent); }
:root .border-y-primary-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 80%, transparent); }
:root .border-y-primary-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-5) 90%, transparent); }
:root .ring-primary-400 { --tw-ring-color: var(--spectra-chromatic1-5); }
:root .ring-offset-primary-400 { --tw-ring-offset-color: var(--spectra-chromatic1-5); }
:root .bg-primary-500 { background: var(--spectra-chromatic1-6); }
:root .bg-primary-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .bg-primary-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .bg-primary-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .bg-primary-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .bg-primary-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .bg-primary-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .bg-primary-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .bg-primary-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .bg-primary-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .text-primary-500 { color: var(--spectra-chromatic1-6); -webkit-text-fill-color: var(--spectra-chromatic1-6); }
:root .text-primary-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .text-primary-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .text-primary-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .text-primary-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .text-primary-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .text-primary-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .text-primary-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .text-primary-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .text-primary-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-primary-500 { border-color: var(--spectra-chromatic1-6); }
:root .border-primary-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-primary-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-primary-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-primary-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-primary-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-primary-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-primary-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-primary-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-primary-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .outline-primary-500 { outline-color: var(--spectra-chromatic1-6); }
:root .outline-primary-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .outline-primary-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .outline-primary-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .outline-primary-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .outline-primary-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .outline-primary-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .outline-primary-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .outline-primary-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .outline-primary-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .overlay-primary-500 { background: var(--spectra-chromatic1-6); }
:root .overlay-primary-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .overlay-primary-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .overlay-primary-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .overlay-primary-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .overlay-primary-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .overlay-primary-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .overlay-primary-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .overlay-primary-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .overlay-primary-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .fill-primary-500 { fill: var(--spectra-chromatic1-6); }
:root .fill-primary-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .fill-primary-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .fill-primary-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .fill-primary-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .fill-primary-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .fill-primary-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .fill-primary-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .fill-primary-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .fill-primary-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .stroke-primary-500 { stroke: var(--spectra-chromatic1-6); }
:root .stroke-primary-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .stroke-primary-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .stroke-primary-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .stroke-primary-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .stroke-primary-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .stroke-primary-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .stroke-primary-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .stroke-primary-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .stroke-primary-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-t-primary-500 { border-top-color: var(--spectra-chromatic1-6); }
:root .border-t-primary-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-t-primary-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-t-primary-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-t-primary-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-t-primary-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-t-primary-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-t-primary-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-t-primary-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-t-primary-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-r-primary-500 { border-right-color: var(--spectra-chromatic1-6); }
:root .border-r-primary-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-r-primary-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-r-primary-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-r-primary-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-r-primary-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-r-primary-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-r-primary-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-r-primary-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-r-primary-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-b-primary-500 { border-bottom-color: var(--spectra-chromatic1-6); }
:root .border-b-primary-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-b-primary-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-b-primary-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-b-primary-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-b-primary-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-b-primary-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-b-primary-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-b-primary-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-b-primary-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-l-primary-500 { border-left-color: var(--spectra-chromatic1-6); }
:root .border-l-primary-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-l-primary-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-l-primary-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-l-primary-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-l-primary-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-l-primary-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-l-primary-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-l-primary-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-l-primary-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-x-primary-500 { border-left-color: var(--spectra-chromatic1-6); border-right-color: var(--spectra-chromatic1-6); }
:root .border-x-primary-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-x-primary-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-x-primary-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-x-primary-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-x-primary-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-x-primary-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-x-primary-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-x-primary-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-x-primary-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .border-y-primary-500 { border-top-color: var(--spectra-chromatic1-6); border-bottom-color: var(--spectra-chromatic1-6); }
:root .border-y-primary-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 10%, transparent); }
:root .border-y-primary-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 20%, transparent); }
:root .border-y-primary-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 30%, transparent); }
:root .border-y-primary-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 40%, transparent); }
:root .border-y-primary-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 50%, transparent); }
:root .border-y-primary-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 60%, transparent); }
:root .border-y-primary-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 70%, transparent); }
:root .border-y-primary-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 80%, transparent); }
:root .border-y-primary-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-6) 90%, transparent); }
:root .ring-primary-500 { --tw-ring-color: var(--spectra-chromatic1-6); }
:root .ring-offset-primary-500 { --tw-ring-offset-color: var(--spectra-chromatic1-6); }
:root .bg-primary-600 { background: var(--spectra-chromatic1-7); }
:root .bg-primary-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .bg-primary-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .bg-primary-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .bg-primary-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .bg-primary-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .bg-primary-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .bg-primary-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .bg-primary-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .bg-primary-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .text-primary-600 { color: var(--spectra-chromatic1-7); -webkit-text-fill-color: var(--spectra-chromatic1-7); }
:root .text-primary-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .text-primary-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .text-primary-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .text-primary-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .text-primary-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .text-primary-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .text-primary-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .text-primary-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .text-primary-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-primary-600 { border-color: var(--spectra-chromatic1-7); }
:root .border-primary-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-primary-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-primary-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-primary-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-primary-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-primary-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-primary-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-primary-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-primary-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .outline-primary-600 { outline-color: var(--spectra-chromatic1-7); }
:root .outline-primary-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .outline-primary-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .outline-primary-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .outline-primary-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .outline-primary-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .outline-primary-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .outline-primary-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .outline-primary-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .outline-primary-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .overlay-primary-600 { background: var(--spectra-chromatic1-7); }
:root .overlay-primary-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .overlay-primary-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .overlay-primary-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .overlay-primary-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .overlay-primary-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .overlay-primary-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .overlay-primary-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .overlay-primary-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .overlay-primary-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .fill-primary-600 { fill: var(--spectra-chromatic1-7); }
:root .fill-primary-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .fill-primary-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .fill-primary-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .fill-primary-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .fill-primary-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .fill-primary-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .fill-primary-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .fill-primary-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .fill-primary-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .stroke-primary-600 { stroke: var(--spectra-chromatic1-7); }
:root .stroke-primary-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .stroke-primary-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .stroke-primary-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .stroke-primary-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .stroke-primary-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .stroke-primary-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .stroke-primary-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .stroke-primary-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .stroke-primary-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-t-primary-600 { border-top-color: var(--spectra-chromatic1-7); }
:root .border-t-primary-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-t-primary-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-t-primary-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-t-primary-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-t-primary-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-t-primary-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-t-primary-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-t-primary-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-t-primary-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-r-primary-600 { border-right-color: var(--spectra-chromatic1-7); }
:root .border-r-primary-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-r-primary-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-r-primary-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-r-primary-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-r-primary-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-r-primary-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-r-primary-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-r-primary-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-r-primary-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-b-primary-600 { border-bottom-color: var(--spectra-chromatic1-7); }
:root .border-b-primary-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-b-primary-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-b-primary-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-b-primary-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-b-primary-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-b-primary-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-b-primary-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-b-primary-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-b-primary-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-l-primary-600 { border-left-color: var(--spectra-chromatic1-7); }
:root .border-l-primary-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-l-primary-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-l-primary-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-l-primary-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-l-primary-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-l-primary-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-l-primary-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-l-primary-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-l-primary-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-x-primary-600 { border-left-color: var(--spectra-chromatic1-7); border-right-color: var(--spectra-chromatic1-7); }
:root .border-x-primary-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-x-primary-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-x-primary-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-x-primary-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-x-primary-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-x-primary-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-x-primary-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-x-primary-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-x-primary-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .border-y-primary-600 { border-top-color: var(--spectra-chromatic1-7); border-bottom-color: var(--spectra-chromatic1-7); }
:root .border-y-primary-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 10%, transparent); }
:root .border-y-primary-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 20%, transparent); }
:root .border-y-primary-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 30%, transparent); }
:root .border-y-primary-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 40%, transparent); }
:root .border-y-primary-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 50%, transparent); }
:root .border-y-primary-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 60%, transparent); }
:root .border-y-primary-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 70%, transparent); }
:root .border-y-primary-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 80%, transparent); }
:root .border-y-primary-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-7) 90%, transparent); }
:root .ring-primary-600 { --tw-ring-color: var(--spectra-chromatic1-7); }
:root .ring-offset-primary-600 { --tw-ring-offset-color: var(--spectra-chromatic1-7); }
:root .bg-primary-700 { background: var(--spectra-chromatic1-8); }
:root .bg-primary-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .bg-primary-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .bg-primary-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .bg-primary-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .bg-primary-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .bg-primary-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .bg-primary-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .bg-primary-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .bg-primary-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .text-primary-700 { color: var(--spectra-chromatic1-8); -webkit-text-fill-color: var(--spectra-chromatic1-8); }
:root .text-primary-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .text-primary-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .text-primary-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .text-primary-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .text-primary-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .text-primary-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .text-primary-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .text-primary-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .text-primary-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-primary-700 { border-color: var(--spectra-chromatic1-8); }
:root .border-primary-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-primary-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-primary-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-primary-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-primary-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-primary-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-primary-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-primary-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-primary-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .outline-primary-700 { outline-color: var(--spectra-chromatic1-8); }
:root .outline-primary-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .outline-primary-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .outline-primary-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .outline-primary-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .outline-primary-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .outline-primary-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .outline-primary-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .outline-primary-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .outline-primary-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .overlay-primary-700 { background: var(--spectra-chromatic1-8); }
:root .overlay-primary-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .overlay-primary-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .overlay-primary-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .overlay-primary-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .overlay-primary-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .overlay-primary-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .overlay-primary-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .overlay-primary-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .overlay-primary-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .fill-primary-700 { fill: var(--spectra-chromatic1-8); }
:root .fill-primary-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .fill-primary-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .fill-primary-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .fill-primary-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .fill-primary-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .fill-primary-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .fill-primary-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .fill-primary-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .fill-primary-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .stroke-primary-700 { stroke: var(--spectra-chromatic1-8); }
:root .stroke-primary-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .stroke-primary-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .stroke-primary-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .stroke-primary-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .stroke-primary-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .stroke-primary-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .stroke-primary-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .stroke-primary-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .stroke-primary-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-t-primary-700 { border-top-color: var(--spectra-chromatic1-8); }
:root .border-t-primary-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-t-primary-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-t-primary-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-t-primary-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-t-primary-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-t-primary-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-t-primary-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-t-primary-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-t-primary-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-r-primary-700 { border-right-color: var(--spectra-chromatic1-8); }
:root .border-r-primary-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-r-primary-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-r-primary-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-r-primary-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-r-primary-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-r-primary-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-r-primary-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-r-primary-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-r-primary-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-b-primary-700 { border-bottom-color: var(--spectra-chromatic1-8); }
:root .border-b-primary-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-b-primary-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-b-primary-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-b-primary-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-b-primary-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-b-primary-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-b-primary-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-b-primary-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-b-primary-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-l-primary-700 { border-left-color: var(--spectra-chromatic1-8); }
:root .border-l-primary-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-l-primary-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-l-primary-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-l-primary-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-l-primary-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-l-primary-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-l-primary-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-l-primary-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-l-primary-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-x-primary-700 { border-left-color: var(--spectra-chromatic1-8); border-right-color: var(--spectra-chromatic1-8); }
:root .border-x-primary-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-x-primary-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-x-primary-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-x-primary-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-x-primary-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-x-primary-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-x-primary-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-x-primary-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-x-primary-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .border-y-primary-700 { border-top-color: var(--spectra-chromatic1-8); border-bottom-color: var(--spectra-chromatic1-8); }
:root .border-y-primary-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 10%, transparent); }
:root .border-y-primary-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 20%, transparent); }
:root .border-y-primary-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 30%, transparent); }
:root .border-y-primary-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 40%, transparent); }
:root .border-y-primary-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 50%, transparent); }
:root .border-y-primary-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 60%, transparent); }
:root .border-y-primary-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 70%, transparent); }
:root .border-y-primary-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 80%, transparent); }
:root .border-y-primary-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-8) 90%, transparent); }
:root .ring-primary-700 { --tw-ring-color: var(--spectra-chromatic1-8); }
:root .ring-offset-primary-700 { --tw-ring-offset-color: var(--spectra-chromatic1-8); }
:root .bg-primary-800 { background: var(--spectra-chromatic1-9); }
:root .bg-primary-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .bg-primary-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .bg-primary-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .bg-primary-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .bg-primary-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .bg-primary-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .bg-primary-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .bg-primary-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .bg-primary-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .text-primary-800 { color: var(--spectra-chromatic1-9); -webkit-text-fill-color: var(--spectra-chromatic1-9); }
:root .text-primary-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .text-primary-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .text-primary-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .text-primary-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .text-primary-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .text-primary-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .text-primary-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .text-primary-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .text-primary-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-primary-800 { border-color: var(--spectra-chromatic1-9); }
:root .border-primary-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-primary-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-primary-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-primary-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-primary-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-primary-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-primary-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-primary-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-primary-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .outline-primary-800 { outline-color: var(--spectra-chromatic1-9); }
:root .outline-primary-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .outline-primary-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .outline-primary-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .outline-primary-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .outline-primary-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .outline-primary-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .outline-primary-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .outline-primary-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .outline-primary-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .overlay-primary-800 { background: var(--spectra-chromatic1-9); }
:root .overlay-primary-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .overlay-primary-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .overlay-primary-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .overlay-primary-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .overlay-primary-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .overlay-primary-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .overlay-primary-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .overlay-primary-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .overlay-primary-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .fill-primary-800 { fill: var(--spectra-chromatic1-9); }
:root .fill-primary-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .fill-primary-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .fill-primary-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .fill-primary-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .fill-primary-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .fill-primary-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .fill-primary-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .fill-primary-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .fill-primary-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .stroke-primary-800 { stroke: var(--spectra-chromatic1-9); }
:root .stroke-primary-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .stroke-primary-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .stroke-primary-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .stroke-primary-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .stroke-primary-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .stroke-primary-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .stroke-primary-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .stroke-primary-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .stroke-primary-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-t-primary-800 { border-top-color: var(--spectra-chromatic1-9); }
:root .border-t-primary-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-t-primary-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-t-primary-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-t-primary-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-t-primary-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-t-primary-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-t-primary-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-t-primary-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-t-primary-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-r-primary-800 { border-right-color: var(--spectra-chromatic1-9); }
:root .border-r-primary-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-r-primary-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-r-primary-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-r-primary-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-r-primary-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-r-primary-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-r-primary-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-r-primary-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-r-primary-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-b-primary-800 { border-bottom-color: var(--spectra-chromatic1-9); }
:root .border-b-primary-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-b-primary-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-b-primary-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-b-primary-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-b-primary-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-b-primary-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-b-primary-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-b-primary-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-b-primary-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-l-primary-800 { border-left-color: var(--spectra-chromatic1-9); }
:root .border-l-primary-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-l-primary-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-l-primary-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-l-primary-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-l-primary-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-l-primary-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-l-primary-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-l-primary-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-l-primary-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-x-primary-800 { border-left-color: var(--spectra-chromatic1-9); border-right-color: var(--spectra-chromatic1-9); }
:root .border-x-primary-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-x-primary-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-x-primary-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-x-primary-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-x-primary-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-x-primary-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-x-primary-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-x-primary-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-x-primary-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .border-y-primary-800 { border-top-color: var(--spectra-chromatic1-9); border-bottom-color: var(--spectra-chromatic1-9); }
:root .border-y-primary-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 10%, transparent); }
:root .border-y-primary-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 20%, transparent); }
:root .border-y-primary-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 30%, transparent); }
:root .border-y-primary-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 40%, transparent); }
:root .border-y-primary-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 50%, transparent); }
:root .border-y-primary-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 60%, transparent); }
:root .border-y-primary-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 70%, transparent); }
:root .border-y-primary-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 80%, transparent); }
:root .border-y-primary-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-9) 90%, transparent); }
:root .ring-primary-800 { --tw-ring-color: var(--spectra-chromatic1-9); }
:root .ring-offset-primary-800 { --tw-ring-offset-color: var(--spectra-chromatic1-9); }
:root .bg-primary-900 { background: var(--spectra-chromatic1-10); }
:root .bg-primary-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .bg-primary-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .bg-primary-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .bg-primary-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .bg-primary-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .bg-primary-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .bg-primary-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .bg-primary-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .bg-primary-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .text-primary-900 { color: var(--spectra-chromatic1-10); -webkit-text-fill-color: var(--spectra-chromatic1-10); }
:root .text-primary-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .text-primary-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .text-primary-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .text-primary-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .text-primary-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .text-primary-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .text-primary-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .text-primary-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .text-primary-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-primary-900 { border-color: var(--spectra-chromatic1-10); }
:root .border-primary-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-primary-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-primary-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-primary-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-primary-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-primary-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-primary-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-primary-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-primary-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .outline-primary-900 { outline-color: var(--spectra-chromatic1-10); }
:root .outline-primary-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .outline-primary-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .outline-primary-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .outline-primary-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .outline-primary-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .outline-primary-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .outline-primary-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .outline-primary-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .outline-primary-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .overlay-primary-900 { background: var(--spectra-chromatic1-10); }
:root .overlay-primary-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .overlay-primary-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .overlay-primary-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .overlay-primary-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .overlay-primary-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .overlay-primary-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .overlay-primary-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .overlay-primary-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .overlay-primary-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .fill-primary-900 { fill: var(--spectra-chromatic1-10); }
:root .fill-primary-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .fill-primary-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .fill-primary-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .fill-primary-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .fill-primary-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .fill-primary-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .fill-primary-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .fill-primary-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .fill-primary-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .stroke-primary-900 { stroke: var(--spectra-chromatic1-10); }
:root .stroke-primary-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .stroke-primary-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .stroke-primary-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .stroke-primary-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .stroke-primary-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .stroke-primary-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .stroke-primary-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .stroke-primary-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .stroke-primary-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-t-primary-900 { border-top-color: var(--spectra-chromatic1-10); }
:root .border-t-primary-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-t-primary-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-t-primary-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-t-primary-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-t-primary-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-t-primary-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-t-primary-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-t-primary-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-t-primary-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-r-primary-900 { border-right-color: var(--spectra-chromatic1-10); }
:root .border-r-primary-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-r-primary-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-r-primary-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-r-primary-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-r-primary-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-r-primary-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-r-primary-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-r-primary-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-r-primary-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-b-primary-900 { border-bottom-color: var(--spectra-chromatic1-10); }
:root .border-b-primary-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-b-primary-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-b-primary-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-b-primary-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-b-primary-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-b-primary-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-b-primary-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-b-primary-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-b-primary-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-l-primary-900 { border-left-color: var(--spectra-chromatic1-10); }
:root .border-l-primary-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-l-primary-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-l-primary-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-l-primary-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-l-primary-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-l-primary-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-l-primary-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-l-primary-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-l-primary-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-x-primary-900 { border-left-color: var(--spectra-chromatic1-10); border-right-color: var(--spectra-chromatic1-10); }
:root .border-x-primary-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-x-primary-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-x-primary-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-x-primary-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-x-primary-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-x-primary-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-x-primary-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-x-primary-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-x-primary-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .border-y-primary-900 { border-top-color: var(--spectra-chromatic1-10); border-bottom-color: var(--spectra-chromatic1-10); }
:root .border-y-primary-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 10%, transparent); }
:root .border-y-primary-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 20%, transparent); }
:root .border-y-primary-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 30%, transparent); }
:root .border-y-primary-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 40%, transparent); }
:root .border-y-primary-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 50%, transparent); }
:root .border-y-primary-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 60%, transparent); }
:root .border-y-primary-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 70%, transparent); }
:root .border-y-primary-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 80%, transparent); }
:root .border-y-primary-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-10) 90%, transparent); }
:root .ring-primary-900 { --tw-ring-color: var(--spectra-chromatic1-10); }
:root .ring-offset-primary-900 { --tw-ring-offset-color: var(--spectra-chromatic1-10); }
:root .bg-primary-950 { background: var(--spectra-chromatic1-11); }
:root .bg-primary-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .bg-primary-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .bg-primary-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .bg-primary-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .bg-primary-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .bg-primary-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .bg-primary-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .bg-primary-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .bg-primary-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .text-primary-950 { color: var(--spectra-chromatic1-11); -webkit-text-fill-color: var(--spectra-chromatic1-11); }
:root .text-primary-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .text-primary-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .text-primary-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .text-primary-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .text-primary-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .text-primary-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .text-primary-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .text-primary-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .text-primary-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-primary-950 { border-color: var(--spectra-chromatic1-11); }
:root .border-primary-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-primary-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-primary-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-primary-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-primary-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-primary-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-primary-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-primary-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-primary-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .outline-primary-950 { outline-color: var(--spectra-chromatic1-11); }
:root .outline-primary-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .outline-primary-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .outline-primary-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .outline-primary-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .outline-primary-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .outline-primary-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .outline-primary-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .outline-primary-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .outline-primary-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .overlay-primary-950 { background: var(--spectra-chromatic1-11); }
:root .overlay-primary-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .overlay-primary-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .overlay-primary-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .overlay-primary-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .overlay-primary-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .overlay-primary-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .overlay-primary-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .overlay-primary-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .overlay-primary-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .fill-primary-950 { fill: var(--spectra-chromatic1-11); }
:root .fill-primary-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .fill-primary-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .fill-primary-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .fill-primary-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .fill-primary-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .fill-primary-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .fill-primary-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .fill-primary-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .fill-primary-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .stroke-primary-950 { stroke: var(--spectra-chromatic1-11); }
:root .stroke-primary-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .stroke-primary-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .stroke-primary-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .stroke-primary-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .stroke-primary-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .stroke-primary-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .stroke-primary-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .stroke-primary-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .stroke-primary-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-t-primary-950 { border-top-color: var(--spectra-chromatic1-11); }
:root .border-t-primary-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-t-primary-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-t-primary-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-t-primary-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-t-primary-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-t-primary-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-t-primary-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-t-primary-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-t-primary-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-r-primary-950 { border-right-color: var(--spectra-chromatic1-11); }
:root .border-r-primary-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-r-primary-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-r-primary-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-r-primary-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-r-primary-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-r-primary-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-r-primary-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-r-primary-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-r-primary-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-b-primary-950 { border-bottom-color: var(--spectra-chromatic1-11); }
:root .border-b-primary-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-b-primary-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-b-primary-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-b-primary-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-b-primary-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-b-primary-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-b-primary-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-b-primary-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-b-primary-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-l-primary-950 { border-left-color: var(--spectra-chromatic1-11); }
:root .border-l-primary-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-l-primary-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-l-primary-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-l-primary-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-l-primary-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-l-primary-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-l-primary-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-l-primary-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-l-primary-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-x-primary-950 { border-left-color: var(--spectra-chromatic1-11); border-right-color: var(--spectra-chromatic1-11); }
:root .border-x-primary-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-x-primary-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-x-primary-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-x-primary-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-x-primary-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-x-primary-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-x-primary-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-x-primary-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-x-primary-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .border-y-primary-950 { border-top-color: var(--spectra-chromatic1-11); border-bottom-color: var(--spectra-chromatic1-11); }
:root .border-y-primary-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 10%, transparent); }
:root .border-y-primary-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 20%, transparent); }
:root .border-y-primary-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 30%, transparent); }
:root .border-y-primary-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 40%, transparent); }
:root .border-y-primary-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 50%, transparent); }
:root .border-y-primary-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 60%, transparent); }
:root .border-y-primary-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 70%, transparent); }
:root .border-y-primary-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 80%, transparent); }
:root .border-y-primary-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic1-11) 90%, transparent); }
:root .ring-primary-950 { --tw-ring-color: var(--spectra-chromatic1-11); }
:root .ring-offset-primary-950 { --tw-ring-offset-color: var(--spectra-chromatic1-11); }
:root .bg-secondary-50 { background: var(--spectra-chromatic2-1); }
:root .bg-secondary-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .bg-secondary-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .bg-secondary-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .bg-secondary-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .bg-secondary-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .bg-secondary-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .bg-secondary-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .bg-secondary-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .bg-secondary-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .text-secondary-50 { color: var(--spectra-chromatic2-1); -webkit-text-fill-color: var(--spectra-chromatic2-1); }
:root .text-secondary-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .text-secondary-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .text-secondary-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .text-secondary-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .text-secondary-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .text-secondary-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .text-secondary-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .text-secondary-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .text-secondary-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-secondary-50 { border-color: var(--spectra-chromatic2-1); }
:root .border-secondary-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-secondary-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-secondary-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-secondary-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-secondary-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-secondary-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-secondary-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-secondary-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-secondary-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .outline-secondary-50 { outline-color: var(--spectra-chromatic2-1); }
:root .outline-secondary-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .outline-secondary-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .outline-secondary-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .outline-secondary-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .outline-secondary-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .outline-secondary-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .outline-secondary-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .outline-secondary-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .outline-secondary-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .overlay-secondary-50 { background: var(--spectra-chromatic2-1); }
:root .overlay-secondary-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .overlay-secondary-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .overlay-secondary-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .overlay-secondary-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .overlay-secondary-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .overlay-secondary-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .overlay-secondary-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .overlay-secondary-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .overlay-secondary-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .fill-secondary-50 { fill: var(--spectra-chromatic2-1); }
:root .fill-secondary-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .fill-secondary-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .fill-secondary-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .fill-secondary-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .fill-secondary-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .fill-secondary-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .fill-secondary-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .fill-secondary-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .fill-secondary-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .stroke-secondary-50 { stroke: var(--spectra-chromatic2-1); }
:root .stroke-secondary-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .stroke-secondary-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .stroke-secondary-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .stroke-secondary-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .stroke-secondary-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .stroke-secondary-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .stroke-secondary-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .stroke-secondary-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .stroke-secondary-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-t-secondary-50 { border-top-color: var(--spectra-chromatic2-1); }
:root .border-t-secondary-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-t-secondary-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-t-secondary-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-t-secondary-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-t-secondary-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-t-secondary-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-t-secondary-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-t-secondary-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-t-secondary-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-r-secondary-50 { border-right-color: var(--spectra-chromatic2-1); }
:root .border-r-secondary-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-r-secondary-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-r-secondary-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-r-secondary-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-r-secondary-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-r-secondary-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-r-secondary-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-r-secondary-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-r-secondary-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-b-secondary-50 { border-bottom-color: var(--spectra-chromatic2-1); }
:root .border-b-secondary-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-b-secondary-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-b-secondary-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-b-secondary-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-b-secondary-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-b-secondary-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-b-secondary-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-b-secondary-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-b-secondary-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-l-secondary-50 { border-left-color: var(--spectra-chromatic2-1); }
:root .border-l-secondary-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-l-secondary-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-l-secondary-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-l-secondary-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-l-secondary-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-l-secondary-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-l-secondary-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-l-secondary-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-l-secondary-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-x-secondary-50 { border-left-color: var(--spectra-chromatic2-1); border-right-color: var(--spectra-chromatic2-1); }
:root .border-x-secondary-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-x-secondary-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-x-secondary-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-x-secondary-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-x-secondary-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-x-secondary-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-x-secondary-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-x-secondary-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-x-secondary-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .border-y-secondary-50 { border-top-color: var(--spectra-chromatic2-1); border-bottom-color: var(--spectra-chromatic2-1); }
:root .border-y-secondary-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 10%, transparent); }
:root .border-y-secondary-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 20%, transparent); }
:root .border-y-secondary-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 30%, transparent); }
:root .border-y-secondary-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 40%, transparent); }
:root .border-y-secondary-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 50%, transparent); }
:root .border-y-secondary-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 60%, transparent); }
:root .border-y-secondary-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 70%, transparent); }
:root .border-y-secondary-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 80%, transparent); }
:root .border-y-secondary-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-1) 90%, transparent); }
:root .ring-secondary-50 { --tw-ring-color: var(--spectra-chromatic2-1); }
:root .ring-offset-secondary-50 { --tw-ring-offset-color: var(--spectra-chromatic2-1); }
:root .bg-secondary-100 { background: var(--spectra-chromatic2-2); }
:root .bg-secondary-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .bg-secondary-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .bg-secondary-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .bg-secondary-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .bg-secondary-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .bg-secondary-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .bg-secondary-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .bg-secondary-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .bg-secondary-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .text-secondary-100 { color: var(--spectra-chromatic2-2); -webkit-text-fill-color: var(--spectra-chromatic2-2); }
:root .text-secondary-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .text-secondary-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .text-secondary-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .text-secondary-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .text-secondary-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .text-secondary-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .text-secondary-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .text-secondary-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .text-secondary-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-secondary-100 { border-color: var(--spectra-chromatic2-2); }
:root .border-secondary-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-secondary-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-secondary-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-secondary-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-secondary-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-secondary-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-secondary-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-secondary-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-secondary-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .outline-secondary-100 { outline-color: var(--spectra-chromatic2-2); }
:root .outline-secondary-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .outline-secondary-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .outline-secondary-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .outline-secondary-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .outline-secondary-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .outline-secondary-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .outline-secondary-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .outline-secondary-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .outline-secondary-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .overlay-secondary-100 { background: var(--spectra-chromatic2-2); }
:root .overlay-secondary-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .overlay-secondary-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .overlay-secondary-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .overlay-secondary-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .overlay-secondary-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .overlay-secondary-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .overlay-secondary-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .overlay-secondary-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .overlay-secondary-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .fill-secondary-100 { fill: var(--spectra-chromatic2-2); }
:root .fill-secondary-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .fill-secondary-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .fill-secondary-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .fill-secondary-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .fill-secondary-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .fill-secondary-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .fill-secondary-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .fill-secondary-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .fill-secondary-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .stroke-secondary-100 { stroke: var(--spectra-chromatic2-2); }
:root .stroke-secondary-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .stroke-secondary-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .stroke-secondary-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .stroke-secondary-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .stroke-secondary-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .stroke-secondary-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .stroke-secondary-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .stroke-secondary-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .stroke-secondary-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-t-secondary-100 { border-top-color: var(--spectra-chromatic2-2); }
:root .border-t-secondary-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-t-secondary-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-t-secondary-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-t-secondary-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-t-secondary-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-t-secondary-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-t-secondary-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-t-secondary-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-t-secondary-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-r-secondary-100 { border-right-color: var(--spectra-chromatic2-2); }
:root .border-r-secondary-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-r-secondary-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-r-secondary-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-r-secondary-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-r-secondary-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-r-secondary-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-r-secondary-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-r-secondary-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-r-secondary-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-b-secondary-100 { border-bottom-color: var(--spectra-chromatic2-2); }
:root .border-b-secondary-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-b-secondary-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-b-secondary-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-b-secondary-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-b-secondary-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-b-secondary-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-b-secondary-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-b-secondary-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-b-secondary-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-l-secondary-100 { border-left-color: var(--spectra-chromatic2-2); }
:root .border-l-secondary-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-l-secondary-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-l-secondary-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-l-secondary-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-l-secondary-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-l-secondary-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-l-secondary-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-l-secondary-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-l-secondary-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-x-secondary-100 { border-left-color: var(--spectra-chromatic2-2); border-right-color: var(--spectra-chromatic2-2); }
:root .border-x-secondary-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-x-secondary-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-x-secondary-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-x-secondary-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-x-secondary-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-x-secondary-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-x-secondary-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-x-secondary-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-x-secondary-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .border-y-secondary-100 { border-top-color: var(--spectra-chromatic2-2); border-bottom-color: var(--spectra-chromatic2-2); }
:root .border-y-secondary-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 10%, transparent); }
:root .border-y-secondary-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 20%, transparent); }
:root .border-y-secondary-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 30%, transparent); }
:root .border-y-secondary-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 40%, transparent); }
:root .border-y-secondary-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 50%, transparent); }
:root .border-y-secondary-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 60%, transparent); }
:root .border-y-secondary-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 70%, transparent); }
:root .border-y-secondary-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 80%, transparent); }
:root .border-y-secondary-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-2) 90%, transparent); }
:root .ring-secondary-100 { --tw-ring-color: var(--spectra-chromatic2-2); }
:root .ring-offset-secondary-100 { --tw-ring-offset-color: var(--spectra-chromatic2-2); }
:root .bg-secondary-200 { background: var(--spectra-chromatic2-3); }
:root .bg-secondary-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .bg-secondary-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .bg-secondary-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .bg-secondary-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .bg-secondary-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .bg-secondary-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .bg-secondary-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .bg-secondary-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .bg-secondary-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .text-secondary-200 { color: var(--spectra-chromatic2-3); -webkit-text-fill-color: var(--spectra-chromatic2-3); }
:root .text-secondary-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .text-secondary-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .text-secondary-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .text-secondary-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .text-secondary-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .text-secondary-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .text-secondary-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .text-secondary-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .text-secondary-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-secondary-200 { border-color: var(--spectra-chromatic2-3); }
:root .border-secondary-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-secondary-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-secondary-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-secondary-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-secondary-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-secondary-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-secondary-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-secondary-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-secondary-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .outline-secondary-200 { outline-color: var(--spectra-chromatic2-3); }
:root .outline-secondary-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .outline-secondary-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .outline-secondary-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .outline-secondary-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .outline-secondary-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .outline-secondary-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .outline-secondary-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .outline-secondary-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .outline-secondary-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .overlay-secondary-200 { background: var(--spectra-chromatic2-3); }
:root .overlay-secondary-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .overlay-secondary-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .overlay-secondary-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .overlay-secondary-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .overlay-secondary-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .overlay-secondary-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .overlay-secondary-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .overlay-secondary-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .overlay-secondary-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .fill-secondary-200 { fill: var(--spectra-chromatic2-3); }
:root .fill-secondary-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .fill-secondary-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .fill-secondary-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .fill-secondary-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .fill-secondary-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .fill-secondary-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .fill-secondary-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .fill-secondary-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .fill-secondary-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .stroke-secondary-200 { stroke: var(--spectra-chromatic2-3); }
:root .stroke-secondary-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .stroke-secondary-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .stroke-secondary-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .stroke-secondary-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .stroke-secondary-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .stroke-secondary-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .stroke-secondary-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .stroke-secondary-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .stroke-secondary-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-t-secondary-200 { border-top-color: var(--spectra-chromatic2-3); }
:root .border-t-secondary-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-t-secondary-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-t-secondary-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-t-secondary-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-t-secondary-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-t-secondary-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-t-secondary-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-t-secondary-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-t-secondary-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-r-secondary-200 { border-right-color: var(--spectra-chromatic2-3); }
:root .border-r-secondary-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-r-secondary-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-r-secondary-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-r-secondary-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-r-secondary-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-r-secondary-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-r-secondary-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-r-secondary-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-r-secondary-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-b-secondary-200 { border-bottom-color: var(--spectra-chromatic2-3); }
:root .border-b-secondary-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-b-secondary-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-b-secondary-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-b-secondary-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-b-secondary-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-b-secondary-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-b-secondary-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-b-secondary-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-b-secondary-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-l-secondary-200 { border-left-color: var(--spectra-chromatic2-3); }
:root .border-l-secondary-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-l-secondary-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-l-secondary-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-l-secondary-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-l-secondary-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-l-secondary-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-l-secondary-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-l-secondary-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-l-secondary-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-x-secondary-200 { border-left-color: var(--spectra-chromatic2-3); border-right-color: var(--spectra-chromatic2-3); }
:root .border-x-secondary-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-x-secondary-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-x-secondary-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-x-secondary-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-x-secondary-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-x-secondary-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-x-secondary-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-x-secondary-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-x-secondary-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .border-y-secondary-200 { border-top-color: var(--spectra-chromatic2-3); border-bottom-color: var(--spectra-chromatic2-3); }
:root .border-y-secondary-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 10%, transparent); }
:root .border-y-secondary-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 20%, transparent); }
:root .border-y-secondary-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 30%, transparent); }
:root .border-y-secondary-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 40%, transparent); }
:root .border-y-secondary-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 50%, transparent); }
:root .border-y-secondary-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 60%, transparent); }
:root .border-y-secondary-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 70%, transparent); }
:root .border-y-secondary-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 80%, transparent); }
:root .border-y-secondary-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-3) 90%, transparent); }
:root .ring-secondary-200 { --tw-ring-color: var(--spectra-chromatic2-3); }
:root .ring-offset-secondary-200 { --tw-ring-offset-color: var(--spectra-chromatic2-3); }
:root .bg-secondary-300 { background: var(--spectra-chromatic2-4); }
:root .bg-secondary-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .bg-secondary-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .bg-secondary-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .bg-secondary-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .bg-secondary-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .bg-secondary-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .bg-secondary-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .bg-secondary-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .bg-secondary-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .text-secondary-300 { color: var(--spectra-chromatic2-4); -webkit-text-fill-color: var(--spectra-chromatic2-4); }
:root .text-secondary-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .text-secondary-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .text-secondary-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .text-secondary-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .text-secondary-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .text-secondary-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .text-secondary-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .text-secondary-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .text-secondary-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-secondary-300 { border-color: var(--spectra-chromatic2-4); }
:root .border-secondary-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-secondary-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-secondary-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-secondary-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-secondary-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-secondary-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-secondary-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-secondary-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-secondary-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .outline-secondary-300 { outline-color: var(--spectra-chromatic2-4); }
:root .outline-secondary-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .outline-secondary-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .outline-secondary-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .outline-secondary-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .outline-secondary-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .outline-secondary-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .outline-secondary-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .outline-secondary-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .outline-secondary-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .overlay-secondary-300 { background: var(--spectra-chromatic2-4); }
:root .overlay-secondary-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .overlay-secondary-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .overlay-secondary-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .overlay-secondary-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .overlay-secondary-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .overlay-secondary-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .overlay-secondary-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .overlay-secondary-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .overlay-secondary-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .fill-secondary-300 { fill: var(--spectra-chromatic2-4); }
:root .fill-secondary-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .fill-secondary-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .fill-secondary-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .fill-secondary-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .fill-secondary-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .fill-secondary-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .fill-secondary-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .fill-secondary-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .fill-secondary-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .stroke-secondary-300 { stroke: var(--spectra-chromatic2-4); }
:root .stroke-secondary-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .stroke-secondary-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .stroke-secondary-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .stroke-secondary-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .stroke-secondary-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .stroke-secondary-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .stroke-secondary-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .stroke-secondary-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .stroke-secondary-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-t-secondary-300 { border-top-color: var(--spectra-chromatic2-4); }
:root .border-t-secondary-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-t-secondary-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-t-secondary-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-t-secondary-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-t-secondary-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-t-secondary-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-t-secondary-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-t-secondary-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-t-secondary-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-r-secondary-300 { border-right-color: var(--spectra-chromatic2-4); }
:root .border-r-secondary-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-r-secondary-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-r-secondary-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-r-secondary-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-r-secondary-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-r-secondary-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-r-secondary-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-r-secondary-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-r-secondary-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-b-secondary-300 { border-bottom-color: var(--spectra-chromatic2-4); }
:root .border-b-secondary-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-b-secondary-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-b-secondary-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-b-secondary-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-b-secondary-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-b-secondary-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-b-secondary-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-b-secondary-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-b-secondary-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-l-secondary-300 { border-left-color: var(--spectra-chromatic2-4); }
:root .border-l-secondary-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-l-secondary-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-l-secondary-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-l-secondary-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-l-secondary-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-l-secondary-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-l-secondary-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-l-secondary-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-l-secondary-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-x-secondary-300 { border-left-color: var(--spectra-chromatic2-4); border-right-color: var(--spectra-chromatic2-4); }
:root .border-x-secondary-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-x-secondary-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-x-secondary-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-x-secondary-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-x-secondary-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-x-secondary-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-x-secondary-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-x-secondary-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-x-secondary-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .border-y-secondary-300 { border-top-color: var(--spectra-chromatic2-4); border-bottom-color: var(--spectra-chromatic2-4); }
:root .border-y-secondary-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 10%, transparent); }
:root .border-y-secondary-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 20%, transparent); }
:root .border-y-secondary-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 30%, transparent); }
:root .border-y-secondary-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 40%, transparent); }
:root .border-y-secondary-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 50%, transparent); }
:root .border-y-secondary-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 60%, transparent); }
:root .border-y-secondary-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 70%, transparent); }
:root .border-y-secondary-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 80%, transparent); }
:root .border-y-secondary-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-4) 90%, transparent); }
:root .ring-secondary-300 { --tw-ring-color: var(--spectra-chromatic2-4); }
:root .ring-offset-secondary-300 { --tw-ring-offset-color: var(--spectra-chromatic2-4); }
:root .bg-secondary-400 { background: var(--spectra-chromatic2-5); }
:root .bg-secondary-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .bg-secondary-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .bg-secondary-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .bg-secondary-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .bg-secondary-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .bg-secondary-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .bg-secondary-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .bg-secondary-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .bg-secondary-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .text-secondary-400 { color: var(--spectra-chromatic2-5); -webkit-text-fill-color: var(--spectra-chromatic2-5); }
:root .text-secondary-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .text-secondary-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .text-secondary-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .text-secondary-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .text-secondary-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .text-secondary-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .text-secondary-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .text-secondary-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .text-secondary-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-secondary-400 { border-color: var(--spectra-chromatic2-5); }
:root .border-secondary-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-secondary-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-secondary-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-secondary-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-secondary-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-secondary-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-secondary-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-secondary-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-secondary-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .outline-secondary-400 { outline-color: var(--spectra-chromatic2-5); }
:root .outline-secondary-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .outline-secondary-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .outline-secondary-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .outline-secondary-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .outline-secondary-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .outline-secondary-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .outline-secondary-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .outline-secondary-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .outline-secondary-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .overlay-secondary-400 { background: var(--spectra-chromatic2-5); }
:root .overlay-secondary-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .overlay-secondary-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .overlay-secondary-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .overlay-secondary-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .overlay-secondary-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .overlay-secondary-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .overlay-secondary-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .overlay-secondary-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .overlay-secondary-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .fill-secondary-400 { fill: var(--spectra-chromatic2-5); }
:root .fill-secondary-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .fill-secondary-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .fill-secondary-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .fill-secondary-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .fill-secondary-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .fill-secondary-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .fill-secondary-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .fill-secondary-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .fill-secondary-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .stroke-secondary-400 { stroke: var(--spectra-chromatic2-5); }
:root .stroke-secondary-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .stroke-secondary-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .stroke-secondary-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .stroke-secondary-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .stroke-secondary-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .stroke-secondary-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .stroke-secondary-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .stroke-secondary-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .stroke-secondary-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-t-secondary-400 { border-top-color: var(--spectra-chromatic2-5); }
:root .border-t-secondary-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-t-secondary-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-t-secondary-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-t-secondary-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-t-secondary-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-t-secondary-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-t-secondary-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-t-secondary-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-t-secondary-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-r-secondary-400 { border-right-color: var(--spectra-chromatic2-5); }
:root .border-r-secondary-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-r-secondary-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-r-secondary-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-r-secondary-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-r-secondary-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-r-secondary-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-r-secondary-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-r-secondary-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-r-secondary-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-b-secondary-400 { border-bottom-color: var(--spectra-chromatic2-5); }
:root .border-b-secondary-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-b-secondary-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-b-secondary-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-b-secondary-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-b-secondary-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-b-secondary-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-b-secondary-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-b-secondary-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-b-secondary-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-l-secondary-400 { border-left-color: var(--spectra-chromatic2-5); }
:root .border-l-secondary-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-l-secondary-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-l-secondary-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-l-secondary-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-l-secondary-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-l-secondary-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-l-secondary-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-l-secondary-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-l-secondary-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-x-secondary-400 { border-left-color: var(--spectra-chromatic2-5); border-right-color: var(--spectra-chromatic2-5); }
:root .border-x-secondary-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-x-secondary-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-x-secondary-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-x-secondary-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-x-secondary-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-x-secondary-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-x-secondary-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-x-secondary-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-x-secondary-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .border-y-secondary-400 { border-top-color: var(--spectra-chromatic2-5); border-bottom-color: var(--spectra-chromatic2-5); }
:root .border-y-secondary-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 10%, transparent); }
:root .border-y-secondary-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 20%, transparent); }
:root .border-y-secondary-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 30%, transparent); }
:root .border-y-secondary-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 40%, transparent); }
:root .border-y-secondary-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 50%, transparent); }
:root .border-y-secondary-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 60%, transparent); }
:root .border-y-secondary-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 70%, transparent); }
:root .border-y-secondary-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 80%, transparent); }
:root .border-y-secondary-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-5) 90%, transparent); }
:root .ring-secondary-400 { --tw-ring-color: var(--spectra-chromatic2-5); }
:root .ring-offset-secondary-400 { --tw-ring-offset-color: var(--spectra-chromatic2-5); }
:root .bg-secondary-500 { background: var(--spectra-chromatic2-6); }
:root .bg-secondary-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .bg-secondary-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .bg-secondary-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .bg-secondary-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .bg-secondary-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .bg-secondary-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .bg-secondary-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .bg-secondary-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .bg-secondary-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .text-secondary-500 { color: var(--spectra-chromatic2-6); -webkit-text-fill-color: var(--spectra-chromatic2-6); }
:root .text-secondary-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .text-secondary-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .text-secondary-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .text-secondary-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .text-secondary-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .text-secondary-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .text-secondary-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .text-secondary-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .text-secondary-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-secondary-500 { border-color: var(--spectra-chromatic2-6); }
:root .border-secondary-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-secondary-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-secondary-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-secondary-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-secondary-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-secondary-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-secondary-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-secondary-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-secondary-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .outline-secondary-500 { outline-color: var(--spectra-chromatic2-6); }
:root .outline-secondary-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .outline-secondary-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .outline-secondary-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .outline-secondary-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .outline-secondary-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .outline-secondary-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .outline-secondary-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .outline-secondary-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .outline-secondary-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .overlay-secondary-500 { background: var(--spectra-chromatic2-6); }
:root .overlay-secondary-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .overlay-secondary-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .overlay-secondary-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .overlay-secondary-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .overlay-secondary-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .overlay-secondary-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .overlay-secondary-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .overlay-secondary-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .overlay-secondary-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .fill-secondary-500 { fill: var(--spectra-chromatic2-6); }
:root .fill-secondary-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .fill-secondary-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .fill-secondary-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .fill-secondary-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .fill-secondary-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .fill-secondary-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .fill-secondary-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .fill-secondary-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .fill-secondary-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .stroke-secondary-500 { stroke: var(--spectra-chromatic2-6); }
:root .stroke-secondary-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .stroke-secondary-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .stroke-secondary-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .stroke-secondary-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .stroke-secondary-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .stroke-secondary-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .stroke-secondary-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .stroke-secondary-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .stroke-secondary-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-t-secondary-500 { border-top-color: var(--spectra-chromatic2-6); }
:root .border-t-secondary-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-t-secondary-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-t-secondary-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-t-secondary-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-t-secondary-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-t-secondary-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-t-secondary-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-t-secondary-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-t-secondary-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-r-secondary-500 { border-right-color: var(--spectra-chromatic2-6); }
:root .border-r-secondary-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-r-secondary-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-r-secondary-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-r-secondary-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-r-secondary-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-r-secondary-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-r-secondary-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-r-secondary-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-r-secondary-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-b-secondary-500 { border-bottom-color: var(--spectra-chromatic2-6); }
:root .border-b-secondary-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-b-secondary-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-b-secondary-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-b-secondary-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-b-secondary-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-b-secondary-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-b-secondary-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-b-secondary-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-b-secondary-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-l-secondary-500 { border-left-color: var(--spectra-chromatic2-6); }
:root .border-l-secondary-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-l-secondary-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-l-secondary-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-l-secondary-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-l-secondary-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-l-secondary-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-l-secondary-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-l-secondary-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-l-secondary-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-x-secondary-500 { border-left-color: var(--spectra-chromatic2-6); border-right-color: var(--spectra-chromatic2-6); }
:root .border-x-secondary-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-x-secondary-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-x-secondary-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-x-secondary-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-x-secondary-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-x-secondary-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-x-secondary-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-x-secondary-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-x-secondary-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .border-y-secondary-500 { border-top-color: var(--spectra-chromatic2-6); border-bottom-color: var(--spectra-chromatic2-6); }
:root .border-y-secondary-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 10%, transparent); }
:root .border-y-secondary-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 20%, transparent); }
:root .border-y-secondary-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 30%, transparent); }
:root .border-y-secondary-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 40%, transparent); }
:root .border-y-secondary-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 50%, transparent); }
:root .border-y-secondary-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 60%, transparent); }
:root .border-y-secondary-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 70%, transparent); }
:root .border-y-secondary-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 80%, transparent); }
:root .border-y-secondary-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-6) 90%, transparent); }
:root .ring-secondary-500 { --tw-ring-color: var(--spectra-chromatic2-6); }
:root .ring-offset-secondary-500 { --tw-ring-offset-color: var(--spectra-chromatic2-6); }
:root .bg-secondary-600 { background: var(--spectra-chromatic2-7); }
:root .bg-secondary-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .bg-secondary-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .bg-secondary-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .bg-secondary-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .bg-secondary-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .bg-secondary-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .bg-secondary-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .bg-secondary-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .bg-secondary-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .text-secondary-600 { color: var(--spectra-chromatic2-7); -webkit-text-fill-color: var(--spectra-chromatic2-7); }
:root .text-secondary-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .text-secondary-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .text-secondary-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .text-secondary-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .text-secondary-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .text-secondary-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .text-secondary-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .text-secondary-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .text-secondary-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-secondary-600 { border-color: var(--spectra-chromatic2-7); }
:root .border-secondary-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-secondary-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-secondary-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-secondary-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-secondary-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-secondary-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-secondary-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-secondary-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-secondary-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .outline-secondary-600 { outline-color: var(--spectra-chromatic2-7); }
:root .outline-secondary-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .outline-secondary-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .outline-secondary-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .outline-secondary-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .outline-secondary-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .outline-secondary-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .outline-secondary-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .outline-secondary-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .outline-secondary-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .overlay-secondary-600 { background: var(--spectra-chromatic2-7); }
:root .overlay-secondary-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .overlay-secondary-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .overlay-secondary-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .overlay-secondary-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .overlay-secondary-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .overlay-secondary-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .overlay-secondary-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .overlay-secondary-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .overlay-secondary-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .fill-secondary-600 { fill: var(--spectra-chromatic2-7); }
:root .fill-secondary-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .fill-secondary-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .fill-secondary-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .fill-secondary-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .fill-secondary-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .fill-secondary-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .fill-secondary-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .fill-secondary-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .fill-secondary-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .stroke-secondary-600 { stroke: var(--spectra-chromatic2-7); }
:root .stroke-secondary-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .stroke-secondary-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .stroke-secondary-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .stroke-secondary-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .stroke-secondary-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .stroke-secondary-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .stroke-secondary-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .stroke-secondary-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .stroke-secondary-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-t-secondary-600 { border-top-color: var(--spectra-chromatic2-7); }
:root .border-t-secondary-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-t-secondary-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-t-secondary-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-t-secondary-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-t-secondary-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-t-secondary-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-t-secondary-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-t-secondary-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-t-secondary-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-r-secondary-600 { border-right-color: var(--spectra-chromatic2-7); }
:root .border-r-secondary-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-r-secondary-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-r-secondary-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-r-secondary-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-r-secondary-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-r-secondary-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-r-secondary-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-r-secondary-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-r-secondary-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-b-secondary-600 { border-bottom-color: var(--spectra-chromatic2-7); }
:root .border-b-secondary-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-b-secondary-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-b-secondary-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-b-secondary-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-b-secondary-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-b-secondary-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-b-secondary-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-b-secondary-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-b-secondary-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-l-secondary-600 { border-left-color: var(--spectra-chromatic2-7); }
:root .border-l-secondary-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-l-secondary-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-l-secondary-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-l-secondary-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-l-secondary-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-l-secondary-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-l-secondary-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-l-secondary-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-l-secondary-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-x-secondary-600 { border-left-color: var(--spectra-chromatic2-7); border-right-color: var(--spectra-chromatic2-7); }
:root .border-x-secondary-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-x-secondary-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-x-secondary-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-x-secondary-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-x-secondary-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-x-secondary-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-x-secondary-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-x-secondary-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-x-secondary-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .border-y-secondary-600 { border-top-color: var(--spectra-chromatic2-7); border-bottom-color: var(--spectra-chromatic2-7); }
:root .border-y-secondary-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 10%, transparent); }
:root .border-y-secondary-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 20%, transparent); }
:root .border-y-secondary-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 30%, transparent); }
:root .border-y-secondary-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 40%, transparent); }
:root .border-y-secondary-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 50%, transparent); }
:root .border-y-secondary-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 60%, transparent); }
:root .border-y-secondary-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 70%, transparent); }
:root .border-y-secondary-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 80%, transparent); }
:root .border-y-secondary-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-7) 90%, transparent); }
:root .ring-secondary-600 { --tw-ring-color: var(--spectra-chromatic2-7); }
:root .ring-offset-secondary-600 { --tw-ring-offset-color: var(--spectra-chromatic2-7); }
:root .bg-secondary-700 { background: var(--spectra-chromatic2-8); }
:root .bg-secondary-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .bg-secondary-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .bg-secondary-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .bg-secondary-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .bg-secondary-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .bg-secondary-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .bg-secondary-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .bg-secondary-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .bg-secondary-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .text-secondary-700 { color: var(--spectra-chromatic2-8); -webkit-text-fill-color: var(--spectra-chromatic2-8); }
:root .text-secondary-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .text-secondary-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .text-secondary-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .text-secondary-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .text-secondary-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .text-secondary-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .text-secondary-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .text-secondary-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .text-secondary-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-secondary-700 { border-color: var(--spectra-chromatic2-8); }
:root .border-secondary-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-secondary-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-secondary-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-secondary-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-secondary-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-secondary-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-secondary-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-secondary-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-secondary-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .outline-secondary-700 { outline-color: var(--spectra-chromatic2-8); }
:root .outline-secondary-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .outline-secondary-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .outline-secondary-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .outline-secondary-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .outline-secondary-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .outline-secondary-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .outline-secondary-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .outline-secondary-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .outline-secondary-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .overlay-secondary-700 { background: var(--spectra-chromatic2-8); }
:root .overlay-secondary-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .overlay-secondary-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .overlay-secondary-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .overlay-secondary-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .overlay-secondary-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .overlay-secondary-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .overlay-secondary-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .overlay-secondary-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .overlay-secondary-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .fill-secondary-700 { fill: var(--spectra-chromatic2-8); }
:root .fill-secondary-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .fill-secondary-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .fill-secondary-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .fill-secondary-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .fill-secondary-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .fill-secondary-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .fill-secondary-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .fill-secondary-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .fill-secondary-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .stroke-secondary-700 { stroke: var(--spectra-chromatic2-8); }
:root .stroke-secondary-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .stroke-secondary-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .stroke-secondary-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .stroke-secondary-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .stroke-secondary-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .stroke-secondary-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .stroke-secondary-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .stroke-secondary-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .stroke-secondary-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-t-secondary-700 { border-top-color: var(--spectra-chromatic2-8); }
:root .border-t-secondary-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-t-secondary-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-t-secondary-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-t-secondary-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-t-secondary-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-t-secondary-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-t-secondary-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-t-secondary-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-t-secondary-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-r-secondary-700 { border-right-color: var(--spectra-chromatic2-8); }
:root .border-r-secondary-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-r-secondary-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-r-secondary-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-r-secondary-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-r-secondary-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-r-secondary-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-r-secondary-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-r-secondary-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-r-secondary-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-b-secondary-700 { border-bottom-color: var(--spectra-chromatic2-8); }
:root .border-b-secondary-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-b-secondary-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-b-secondary-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-b-secondary-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-b-secondary-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-b-secondary-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-b-secondary-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-b-secondary-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-b-secondary-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-l-secondary-700 { border-left-color: var(--spectra-chromatic2-8); }
:root .border-l-secondary-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-l-secondary-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-l-secondary-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-l-secondary-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-l-secondary-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-l-secondary-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-l-secondary-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-l-secondary-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-l-secondary-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-x-secondary-700 { border-left-color: var(--spectra-chromatic2-8); border-right-color: var(--spectra-chromatic2-8); }
:root .border-x-secondary-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-x-secondary-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-x-secondary-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-x-secondary-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-x-secondary-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-x-secondary-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-x-secondary-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-x-secondary-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-x-secondary-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .border-y-secondary-700 { border-top-color: var(--spectra-chromatic2-8); border-bottom-color: var(--spectra-chromatic2-8); }
:root .border-y-secondary-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 10%, transparent); }
:root .border-y-secondary-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 20%, transparent); }
:root .border-y-secondary-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 30%, transparent); }
:root .border-y-secondary-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 40%, transparent); }
:root .border-y-secondary-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 50%, transparent); }
:root .border-y-secondary-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 60%, transparent); }
:root .border-y-secondary-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 70%, transparent); }
:root .border-y-secondary-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 80%, transparent); }
:root .border-y-secondary-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-8) 90%, transparent); }
:root .ring-secondary-700 { --tw-ring-color: var(--spectra-chromatic2-8); }
:root .ring-offset-secondary-700 { --tw-ring-offset-color: var(--spectra-chromatic2-8); }
:root .bg-secondary-800 { background: var(--spectra-chromatic2-9); }
:root .bg-secondary-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .bg-secondary-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .bg-secondary-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .bg-secondary-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .bg-secondary-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .bg-secondary-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .bg-secondary-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .bg-secondary-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .bg-secondary-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .text-secondary-800 { color: var(--spectra-chromatic2-9); -webkit-text-fill-color: var(--spectra-chromatic2-9); }
:root .text-secondary-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .text-secondary-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .text-secondary-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .text-secondary-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .text-secondary-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .text-secondary-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .text-secondary-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .text-secondary-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .text-secondary-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-secondary-800 { border-color: var(--spectra-chromatic2-9); }
:root .border-secondary-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-secondary-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-secondary-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-secondary-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-secondary-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-secondary-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-secondary-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-secondary-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-secondary-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .outline-secondary-800 { outline-color: var(--spectra-chromatic2-9); }
:root .outline-secondary-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .outline-secondary-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .outline-secondary-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .outline-secondary-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .outline-secondary-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .outline-secondary-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .outline-secondary-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .outline-secondary-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .outline-secondary-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .overlay-secondary-800 { background: var(--spectra-chromatic2-9); }
:root .overlay-secondary-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .overlay-secondary-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .overlay-secondary-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .overlay-secondary-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .overlay-secondary-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .overlay-secondary-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .overlay-secondary-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .overlay-secondary-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .overlay-secondary-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .fill-secondary-800 { fill: var(--spectra-chromatic2-9); }
:root .fill-secondary-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .fill-secondary-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .fill-secondary-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .fill-secondary-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .fill-secondary-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .fill-secondary-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .fill-secondary-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .fill-secondary-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .fill-secondary-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .stroke-secondary-800 { stroke: var(--spectra-chromatic2-9); }
:root .stroke-secondary-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .stroke-secondary-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .stroke-secondary-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .stroke-secondary-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .stroke-secondary-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .stroke-secondary-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .stroke-secondary-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .stroke-secondary-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .stroke-secondary-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-t-secondary-800 { border-top-color: var(--spectra-chromatic2-9); }
:root .border-t-secondary-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-t-secondary-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-t-secondary-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-t-secondary-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-t-secondary-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-t-secondary-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-t-secondary-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-t-secondary-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-t-secondary-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-r-secondary-800 { border-right-color: var(--spectra-chromatic2-9); }
:root .border-r-secondary-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-r-secondary-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-r-secondary-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-r-secondary-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-r-secondary-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-r-secondary-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-r-secondary-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-r-secondary-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-r-secondary-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-b-secondary-800 { border-bottom-color: var(--spectra-chromatic2-9); }
:root .border-b-secondary-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-b-secondary-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-b-secondary-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-b-secondary-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-b-secondary-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-b-secondary-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-b-secondary-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-b-secondary-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-b-secondary-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-l-secondary-800 { border-left-color: var(--spectra-chromatic2-9); }
:root .border-l-secondary-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-l-secondary-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-l-secondary-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-l-secondary-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-l-secondary-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-l-secondary-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-l-secondary-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-l-secondary-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-l-secondary-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-x-secondary-800 { border-left-color: var(--spectra-chromatic2-9); border-right-color: var(--spectra-chromatic2-9); }
:root .border-x-secondary-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-x-secondary-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-x-secondary-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-x-secondary-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-x-secondary-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-x-secondary-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-x-secondary-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-x-secondary-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-x-secondary-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .border-y-secondary-800 { border-top-color: var(--spectra-chromatic2-9); border-bottom-color: var(--spectra-chromatic2-9); }
:root .border-y-secondary-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 10%, transparent); }
:root .border-y-secondary-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 20%, transparent); }
:root .border-y-secondary-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 30%, transparent); }
:root .border-y-secondary-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 40%, transparent); }
:root .border-y-secondary-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 50%, transparent); }
:root .border-y-secondary-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 60%, transparent); }
:root .border-y-secondary-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 70%, transparent); }
:root .border-y-secondary-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 80%, transparent); }
:root .border-y-secondary-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-9) 90%, transparent); }
:root .ring-secondary-800 { --tw-ring-color: var(--spectra-chromatic2-9); }
:root .ring-offset-secondary-800 { --tw-ring-offset-color: var(--spectra-chromatic2-9); }
:root .bg-secondary-900 { background: var(--spectra-chromatic2-10); }
:root .bg-secondary-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .bg-secondary-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .bg-secondary-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .bg-secondary-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .bg-secondary-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .bg-secondary-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .bg-secondary-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .bg-secondary-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .bg-secondary-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .text-secondary-900 { color: var(--spectra-chromatic2-10); -webkit-text-fill-color: var(--spectra-chromatic2-10); }
:root .text-secondary-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .text-secondary-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .text-secondary-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .text-secondary-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .text-secondary-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .text-secondary-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .text-secondary-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .text-secondary-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .text-secondary-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-secondary-900 { border-color: var(--spectra-chromatic2-10); }
:root .border-secondary-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-secondary-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-secondary-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-secondary-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-secondary-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-secondary-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-secondary-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-secondary-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-secondary-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .outline-secondary-900 { outline-color: var(--spectra-chromatic2-10); }
:root .outline-secondary-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .outline-secondary-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .outline-secondary-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .outline-secondary-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .outline-secondary-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .outline-secondary-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .outline-secondary-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .outline-secondary-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .outline-secondary-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .overlay-secondary-900 { background: var(--spectra-chromatic2-10); }
:root .overlay-secondary-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .overlay-secondary-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .overlay-secondary-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .overlay-secondary-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .overlay-secondary-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .overlay-secondary-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .overlay-secondary-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .overlay-secondary-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .overlay-secondary-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .fill-secondary-900 { fill: var(--spectra-chromatic2-10); }
:root .fill-secondary-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .fill-secondary-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .fill-secondary-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .fill-secondary-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .fill-secondary-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .fill-secondary-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .fill-secondary-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .fill-secondary-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .fill-secondary-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .stroke-secondary-900 { stroke: var(--spectra-chromatic2-10); }
:root .stroke-secondary-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .stroke-secondary-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .stroke-secondary-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .stroke-secondary-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .stroke-secondary-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .stroke-secondary-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .stroke-secondary-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .stroke-secondary-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .stroke-secondary-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-t-secondary-900 { border-top-color: var(--spectra-chromatic2-10); }
:root .border-t-secondary-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-t-secondary-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-t-secondary-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-t-secondary-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-t-secondary-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-t-secondary-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-t-secondary-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-t-secondary-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-t-secondary-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-r-secondary-900 { border-right-color: var(--spectra-chromatic2-10); }
:root .border-r-secondary-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-r-secondary-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-r-secondary-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-r-secondary-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-r-secondary-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-r-secondary-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-r-secondary-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-r-secondary-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-r-secondary-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-b-secondary-900 { border-bottom-color: var(--spectra-chromatic2-10); }
:root .border-b-secondary-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-b-secondary-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-b-secondary-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-b-secondary-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-b-secondary-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-b-secondary-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-b-secondary-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-b-secondary-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-b-secondary-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-l-secondary-900 { border-left-color: var(--spectra-chromatic2-10); }
:root .border-l-secondary-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-l-secondary-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-l-secondary-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-l-secondary-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-l-secondary-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-l-secondary-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-l-secondary-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-l-secondary-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-l-secondary-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-x-secondary-900 { border-left-color: var(--spectra-chromatic2-10); border-right-color: var(--spectra-chromatic2-10); }
:root .border-x-secondary-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-x-secondary-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-x-secondary-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-x-secondary-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-x-secondary-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-x-secondary-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-x-secondary-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-x-secondary-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-x-secondary-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .border-y-secondary-900 { border-top-color: var(--spectra-chromatic2-10); border-bottom-color: var(--spectra-chromatic2-10); }
:root .border-y-secondary-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 10%, transparent); }
:root .border-y-secondary-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 20%, transparent); }
:root .border-y-secondary-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 30%, transparent); }
:root .border-y-secondary-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 40%, transparent); }
:root .border-y-secondary-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 50%, transparent); }
:root .border-y-secondary-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 60%, transparent); }
:root .border-y-secondary-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 70%, transparent); }
:root .border-y-secondary-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 80%, transparent); }
:root .border-y-secondary-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-10) 90%, transparent); }
:root .ring-secondary-900 { --tw-ring-color: var(--spectra-chromatic2-10); }
:root .ring-offset-secondary-900 { --tw-ring-offset-color: var(--spectra-chromatic2-10); }
:root .bg-secondary-950 { background: var(--spectra-chromatic2-11); }
:root .bg-secondary-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .bg-secondary-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .bg-secondary-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .bg-secondary-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .bg-secondary-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .bg-secondary-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .bg-secondary-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .bg-secondary-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .bg-secondary-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .text-secondary-950 { color: var(--spectra-chromatic2-11); -webkit-text-fill-color: var(--spectra-chromatic2-11); }
:root .text-secondary-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .text-secondary-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .text-secondary-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .text-secondary-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .text-secondary-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .text-secondary-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .text-secondary-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .text-secondary-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .text-secondary-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-secondary-950 { border-color: var(--spectra-chromatic2-11); }
:root .border-secondary-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-secondary-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-secondary-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-secondary-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-secondary-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-secondary-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-secondary-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-secondary-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-secondary-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .outline-secondary-950 { outline-color: var(--spectra-chromatic2-11); }
:root .outline-secondary-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .outline-secondary-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .outline-secondary-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .outline-secondary-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .outline-secondary-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .outline-secondary-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .outline-secondary-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .outline-secondary-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .outline-secondary-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .overlay-secondary-950 { background: var(--spectra-chromatic2-11); }
:root .overlay-secondary-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .overlay-secondary-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .overlay-secondary-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .overlay-secondary-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .overlay-secondary-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .overlay-secondary-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .overlay-secondary-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .overlay-secondary-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .overlay-secondary-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .fill-secondary-950 { fill: var(--spectra-chromatic2-11); }
:root .fill-secondary-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .fill-secondary-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .fill-secondary-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .fill-secondary-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .fill-secondary-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .fill-secondary-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .fill-secondary-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .fill-secondary-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .fill-secondary-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .stroke-secondary-950 { stroke: var(--spectra-chromatic2-11); }
:root .stroke-secondary-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .stroke-secondary-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .stroke-secondary-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .stroke-secondary-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .stroke-secondary-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .stroke-secondary-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .stroke-secondary-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .stroke-secondary-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .stroke-secondary-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-t-secondary-950 { border-top-color: var(--spectra-chromatic2-11); }
:root .border-t-secondary-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-t-secondary-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-t-secondary-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-t-secondary-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-t-secondary-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-t-secondary-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-t-secondary-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-t-secondary-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-t-secondary-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-r-secondary-950 { border-right-color: var(--spectra-chromatic2-11); }
:root .border-r-secondary-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-r-secondary-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-r-secondary-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-r-secondary-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-r-secondary-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-r-secondary-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-r-secondary-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-r-secondary-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-r-secondary-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-b-secondary-950 { border-bottom-color: var(--spectra-chromatic2-11); }
:root .border-b-secondary-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-b-secondary-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-b-secondary-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-b-secondary-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-b-secondary-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-b-secondary-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-b-secondary-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-b-secondary-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-b-secondary-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-l-secondary-950 { border-left-color: var(--spectra-chromatic2-11); }
:root .border-l-secondary-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-l-secondary-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-l-secondary-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-l-secondary-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-l-secondary-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-l-secondary-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-l-secondary-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-l-secondary-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-l-secondary-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-x-secondary-950 { border-left-color: var(--spectra-chromatic2-11); border-right-color: var(--spectra-chromatic2-11); }
:root .border-x-secondary-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-x-secondary-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-x-secondary-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-x-secondary-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-x-secondary-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-x-secondary-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-x-secondary-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-x-secondary-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-x-secondary-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .border-y-secondary-950 { border-top-color: var(--spectra-chromatic2-11); border-bottom-color: var(--spectra-chromatic2-11); }
:root .border-y-secondary-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 10%, transparent); }
:root .border-y-secondary-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 20%, transparent); }
:root .border-y-secondary-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 30%, transparent); }
:root .border-y-secondary-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 40%, transparent); }
:root .border-y-secondary-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 50%, transparent); }
:root .border-y-secondary-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 60%, transparent); }
:root .border-y-secondary-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 70%, transparent); }
:root .border-y-secondary-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 80%, transparent); }
:root .border-y-secondary-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic2-11) 90%, transparent); }
:root .ring-secondary-950 { --tw-ring-color: var(--spectra-chromatic2-11); }
:root .ring-offset-secondary-950 { --tw-ring-offset-color: var(--spectra-chromatic2-11); }
:root .bg-accent-50 { background: var(--spectra-chromatic3-1); }
:root .bg-accent-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .bg-accent-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .bg-accent-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .bg-accent-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .bg-accent-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .bg-accent-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .bg-accent-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .bg-accent-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .bg-accent-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .text-accent-50 { color: var(--spectra-chromatic3-1); -webkit-text-fill-color: var(--spectra-chromatic3-1); }
:root .text-accent-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .text-accent-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .text-accent-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .text-accent-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .text-accent-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .text-accent-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .text-accent-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .text-accent-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .text-accent-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-accent-50 { border-color: var(--spectra-chromatic3-1); }
:root .border-accent-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-accent-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-accent-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-accent-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-accent-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-accent-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-accent-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-accent-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-accent-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .outline-accent-50 { outline-color: var(--spectra-chromatic3-1); }
:root .outline-accent-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .outline-accent-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .outline-accent-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .outline-accent-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .outline-accent-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .outline-accent-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .outline-accent-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .outline-accent-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .outline-accent-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .overlay-accent-50 { background: var(--spectra-chromatic3-1); }
:root .overlay-accent-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .overlay-accent-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .overlay-accent-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .overlay-accent-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .overlay-accent-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .overlay-accent-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .overlay-accent-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .overlay-accent-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .overlay-accent-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .fill-accent-50 { fill: var(--spectra-chromatic3-1); }
:root .fill-accent-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .fill-accent-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .fill-accent-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .fill-accent-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .fill-accent-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .fill-accent-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .fill-accent-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .fill-accent-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .fill-accent-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .stroke-accent-50 { stroke: var(--spectra-chromatic3-1); }
:root .stroke-accent-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .stroke-accent-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .stroke-accent-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .stroke-accent-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .stroke-accent-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .stroke-accent-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .stroke-accent-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .stroke-accent-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .stroke-accent-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-t-accent-50 { border-top-color: var(--spectra-chromatic3-1); }
:root .border-t-accent-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-t-accent-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-t-accent-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-t-accent-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-t-accent-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-t-accent-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-t-accent-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-t-accent-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-t-accent-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-r-accent-50 { border-right-color: var(--spectra-chromatic3-1); }
:root .border-r-accent-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-r-accent-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-r-accent-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-r-accent-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-r-accent-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-r-accent-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-r-accent-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-r-accent-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-r-accent-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-b-accent-50 { border-bottom-color: var(--spectra-chromatic3-1); }
:root .border-b-accent-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-b-accent-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-b-accent-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-b-accent-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-b-accent-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-b-accent-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-b-accent-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-b-accent-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-b-accent-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-l-accent-50 { border-left-color: var(--spectra-chromatic3-1); }
:root .border-l-accent-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-l-accent-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-l-accent-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-l-accent-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-l-accent-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-l-accent-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-l-accent-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-l-accent-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-l-accent-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-x-accent-50 { border-left-color: var(--spectra-chromatic3-1); border-right-color: var(--spectra-chromatic3-1); }
:root .border-x-accent-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-x-accent-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-x-accent-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-x-accent-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-x-accent-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-x-accent-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-x-accent-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-x-accent-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-x-accent-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .border-y-accent-50 { border-top-color: var(--spectra-chromatic3-1); border-bottom-color: var(--spectra-chromatic3-1); }
:root .border-y-accent-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 10%, transparent); }
:root .border-y-accent-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 20%, transparent); }
:root .border-y-accent-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 30%, transparent); }
:root .border-y-accent-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 40%, transparent); }
:root .border-y-accent-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 50%, transparent); }
:root .border-y-accent-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 60%, transparent); }
:root .border-y-accent-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 70%, transparent); }
:root .border-y-accent-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 80%, transparent); }
:root .border-y-accent-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-1) 90%, transparent); }
:root .ring-accent-50 { --tw-ring-color: var(--spectra-chromatic3-1); }
:root .ring-offset-accent-50 { --tw-ring-offset-color: var(--spectra-chromatic3-1); }
:root .bg-accent-100 { background: var(--spectra-chromatic3-2); }
:root .bg-accent-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .bg-accent-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .bg-accent-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .bg-accent-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .bg-accent-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .bg-accent-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .bg-accent-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .bg-accent-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .bg-accent-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .text-accent-100 { color: var(--spectra-chromatic3-2); -webkit-text-fill-color: var(--spectra-chromatic3-2); }
:root .text-accent-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .text-accent-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .text-accent-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .text-accent-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .text-accent-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .text-accent-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .text-accent-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .text-accent-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .text-accent-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-accent-100 { border-color: var(--spectra-chromatic3-2); }
:root .border-accent-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-accent-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-accent-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-accent-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-accent-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-accent-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-accent-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-accent-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-accent-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .outline-accent-100 { outline-color: var(--spectra-chromatic3-2); }
:root .outline-accent-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .outline-accent-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .outline-accent-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .outline-accent-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .outline-accent-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .outline-accent-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .outline-accent-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .outline-accent-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .outline-accent-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .overlay-accent-100 { background: var(--spectra-chromatic3-2); }
:root .overlay-accent-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .overlay-accent-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .overlay-accent-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .overlay-accent-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .overlay-accent-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .overlay-accent-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .overlay-accent-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .overlay-accent-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .overlay-accent-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .fill-accent-100 { fill: var(--spectra-chromatic3-2); }
:root .fill-accent-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .fill-accent-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .fill-accent-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .fill-accent-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .fill-accent-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .fill-accent-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .fill-accent-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .fill-accent-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .fill-accent-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .stroke-accent-100 { stroke: var(--spectra-chromatic3-2); }
:root .stroke-accent-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .stroke-accent-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .stroke-accent-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .stroke-accent-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .stroke-accent-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .stroke-accent-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .stroke-accent-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .stroke-accent-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .stroke-accent-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-t-accent-100 { border-top-color: var(--spectra-chromatic3-2); }
:root .border-t-accent-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-t-accent-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-t-accent-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-t-accent-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-t-accent-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-t-accent-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-t-accent-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-t-accent-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-t-accent-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-r-accent-100 { border-right-color: var(--spectra-chromatic3-2); }
:root .border-r-accent-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-r-accent-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-r-accent-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-r-accent-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-r-accent-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-r-accent-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-r-accent-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-r-accent-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-r-accent-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-b-accent-100 { border-bottom-color: var(--spectra-chromatic3-2); }
:root .border-b-accent-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-b-accent-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-b-accent-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-b-accent-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-b-accent-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-b-accent-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-b-accent-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-b-accent-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-b-accent-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-l-accent-100 { border-left-color: var(--spectra-chromatic3-2); }
:root .border-l-accent-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-l-accent-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-l-accent-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-l-accent-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-l-accent-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-l-accent-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-l-accent-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-l-accent-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-l-accent-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-x-accent-100 { border-left-color: var(--spectra-chromatic3-2); border-right-color: var(--spectra-chromatic3-2); }
:root .border-x-accent-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-x-accent-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-x-accent-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-x-accent-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-x-accent-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-x-accent-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-x-accent-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-x-accent-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-x-accent-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .border-y-accent-100 { border-top-color: var(--spectra-chromatic3-2); border-bottom-color: var(--spectra-chromatic3-2); }
:root .border-y-accent-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 10%, transparent); }
:root .border-y-accent-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 20%, transparent); }
:root .border-y-accent-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 30%, transparent); }
:root .border-y-accent-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 40%, transparent); }
:root .border-y-accent-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 50%, transparent); }
:root .border-y-accent-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 60%, transparent); }
:root .border-y-accent-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 70%, transparent); }
:root .border-y-accent-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 80%, transparent); }
:root .border-y-accent-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-2) 90%, transparent); }
:root .ring-accent-100 { --tw-ring-color: var(--spectra-chromatic3-2); }
:root .ring-offset-accent-100 { --tw-ring-offset-color: var(--spectra-chromatic3-2); }
:root .bg-accent-200 { background: var(--spectra-chromatic3-3); }
:root .bg-accent-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .bg-accent-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .bg-accent-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .bg-accent-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .bg-accent-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .bg-accent-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .bg-accent-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .bg-accent-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .bg-accent-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .text-accent-200 { color: var(--spectra-chromatic3-3); -webkit-text-fill-color: var(--spectra-chromatic3-3); }
:root .text-accent-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .text-accent-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .text-accent-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .text-accent-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .text-accent-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .text-accent-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .text-accent-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .text-accent-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .text-accent-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-accent-200 { border-color: var(--spectra-chromatic3-3); }
:root .border-accent-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-accent-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-accent-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-accent-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-accent-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-accent-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-accent-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-accent-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-accent-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .outline-accent-200 { outline-color: var(--spectra-chromatic3-3); }
:root .outline-accent-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .outline-accent-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .outline-accent-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .outline-accent-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .outline-accent-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .outline-accent-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .outline-accent-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .outline-accent-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .outline-accent-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .overlay-accent-200 { background: var(--spectra-chromatic3-3); }
:root .overlay-accent-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .overlay-accent-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .overlay-accent-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .overlay-accent-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .overlay-accent-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .overlay-accent-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .overlay-accent-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .overlay-accent-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .overlay-accent-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .fill-accent-200 { fill: var(--spectra-chromatic3-3); }
:root .fill-accent-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .fill-accent-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .fill-accent-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .fill-accent-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .fill-accent-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .fill-accent-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .fill-accent-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .fill-accent-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .fill-accent-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .stroke-accent-200 { stroke: var(--spectra-chromatic3-3); }
:root .stroke-accent-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .stroke-accent-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .stroke-accent-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .stroke-accent-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .stroke-accent-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .stroke-accent-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .stroke-accent-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .stroke-accent-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .stroke-accent-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-t-accent-200 { border-top-color: var(--spectra-chromatic3-3); }
:root .border-t-accent-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-t-accent-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-t-accent-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-t-accent-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-t-accent-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-t-accent-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-t-accent-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-t-accent-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-t-accent-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-r-accent-200 { border-right-color: var(--spectra-chromatic3-3); }
:root .border-r-accent-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-r-accent-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-r-accent-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-r-accent-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-r-accent-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-r-accent-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-r-accent-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-r-accent-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-r-accent-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-b-accent-200 { border-bottom-color: var(--spectra-chromatic3-3); }
:root .border-b-accent-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-b-accent-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-b-accent-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-b-accent-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-b-accent-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-b-accent-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-b-accent-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-b-accent-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-b-accent-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-l-accent-200 { border-left-color: var(--spectra-chromatic3-3); }
:root .border-l-accent-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-l-accent-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-l-accent-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-l-accent-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-l-accent-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-l-accent-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-l-accent-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-l-accent-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-l-accent-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-x-accent-200 { border-left-color: var(--spectra-chromatic3-3); border-right-color: var(--spectra-chromatic3-3); }
:root .border-x-accent-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-x-accent-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-x-accent-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-x-accent-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-x-accent-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-x-accent-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-x-accent-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-x-accent-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-x-accent-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .border-y-accent-200 { border-top-color: var(--spectra-chromatic3-3); border-bottom-color: var(--spectra-chromatic3-3); }
:root .border-y-accent-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 10%, transparent); }
:root .border-y-accent-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 20%, transparent); }
:root .border-y-accent-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 30%, transparent); }
:root .border-y-accent-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 40%, transparent); }
:root .border-y-accent-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 50%, transparent); }
:root .border-y-accent-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 60%, transparent); }
:root .border-y-accent-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 70%, transparent); }
:root .border-y-accent-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 80%, transparent); }
:root .border-y-accent-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-3) 90%, transparent); }
:root .ring-accent-200 { --tw-ring-color: var(--spectra-chromatic3-3); }
:root .ring-offset-accent-200 { --tw-ring-offset-color: var(--spectra-chromatic3-3); }
:root .bg-accent-300 { background: var(--spectra-chromatic3-4); }
:root .bg-accent-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .bg-accent-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .bg-accent-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .bg-accent-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .bg-accent-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .bg-accent-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .bg-accent-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .bg-accent-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .bg-accent-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .text-accent-300 { color: var(--spectra-chromatic3-4); -webkit-text-fill-color: var(--spectra-chromatic3-4); }
:root .text-accent-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .text-accent-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .text-accent-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .text-accent-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .text-accent-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .text-accent-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .text-accent-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .text-accent-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .text-accent-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-accent-300 { border-color: var(--spectra-chromatic3-4); }
:root .border-accent-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-accent-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-accent-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-accent-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-accent-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-accent-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-accent-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-accent-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-accent-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .outline-accent-300 { outline-color: var(--spectra-chromatic3-4); }
:root .outline-accent-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .outline-accent-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .outline-accent-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .outline-accent-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .outline-accent-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .outline-accent-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .outline-accent-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .outline-accent-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .outline-accent-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .overlay-accent-300 { background: var(--spectra-chromatic3-4); }
:root .overlay-accent-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .overlay-accent-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .overlay-accent-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .overlay-accent-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .overlay-accent-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .overlay-accent-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .overlay-accent-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .overlay-accent-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .overlay-accent-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .fill-accent-300 { fill: var(--spectra-chromatic3-4); }
:root .fill-accent-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .fill-accent-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .fill-accent-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .fill-accent-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .fill-accent-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .fill-accent-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .fill-accent-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .fill-accent-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .fill-accent-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .stroke-accent-300 { stroke: var(--spectra-chromatic3-4); }
:root .stroke-accent-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .stroke-accent-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .stroke-accent-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .stroke-accent-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .stroke-accent-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .stroke-accent-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .stroke-accent-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .stroke-accent-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .stroke-accent-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-t-accent-300 { border-top-color: var(--spectra-chromatic3-4); }
:root .border-t-accent-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-t-accent-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-t-accent-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-t-accent-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-t-accent-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-t-accent-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-t-accent-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-t-accent-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-t-accent-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-r-accent-300 { border-right-color: var(--spectra-chromatic3-4); }
:root .border-r-accent-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-r-accent-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-r-accent-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-r-accent-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-r-accent-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-r-accent-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-r-accent-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-r-accent-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-r-accent-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-b-accent-300 { border-bottom-color: var(--spectra-chromatic3-4); }
:root .border-b-accent-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-b-accent-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-b-accent-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-b-accent-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-b-accent-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-b-accent-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-b-accent-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-b-accent-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-b-accent-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-l-accent-300 { border-left-color: var(--spectra-chromatic3-4); }
:root .border-l-accent-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-l-accent-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-l-accent-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-l-accent-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-l-accent-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-l-accent-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-l-accent-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-l-accent-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-l-accent-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-x-accent-300 { border-left-color: var(--spectra-chromatic3-4); border-right-color: var(--spectra-chromatic3-4); }
:root .border-x-accent-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-x-accent-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-x-accent-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-x-accent-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-x-accent-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-x-accent-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-x-accent-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-x-accent-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-x-accent-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .border-y-accent-300 { border-top-color: var(--spectra-chromatic3-4); border-bottom-color: var(--spectra-chromatic3-4); }
:root .border-y-accent-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 10%, transparent); }
:root .border-y-accent-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 20%, transparent); }
:root .border-y-accent-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 30%, transparent); }
:root .border-y-accent-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 40%, transparent); }
:root .border-y-accent-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 50%, transparent); }
:root .border-y-accent-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 60%, transparent); }
:root .border-y-accent-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 70%, transparent); }
:root .border-y-accent-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 80%, transparent); }
:root .border-y-accent-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-4) 90%, transparent); }
:root .ring-accent-300 { --tw-ring-color: var(--spectra-chromatic3-4); }
:root .ring-offset-accent-300 { --tw-ring-offset-color: var(--spectra-chromatic3-4); }
:root .bg-accent-400 { background: var(--spectra-chromatic3-5); }
:root .bg-accent-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .bg-accent-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .bg-accent-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .bg-accent-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .bg-accent-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .bg-accent-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .bg-accent-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .bg-accent-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .bg-accent-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .text-accent-400 { color: var(--spectra-chromatic3-5); -webkit-text-fill-color: var(--spectra-chromatic3-5); }
:root .text-accent-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .text-accent-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .text-accent-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .text-accent-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .text-accent-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .text-accent-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .text-accent-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .text-accent-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .text-accent-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-accent-400 { border-color: var(--spectra-chromatic3-5); }
:root .border-accent-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-accent-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-accent-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-accent-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-accent-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-accent-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-accent-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-accent-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-accent-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .outline-accent-400 { outline-color: var(--spectra-chromatic3-5); }
:root .outline-accent-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .outline-accent-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .outline-accent-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .outline-accent-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .outline-accent-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .outline-accent-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .outline-accent-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .outline-accent-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .outline-accent-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .overlay-accent-400 { background: var(--spectra-chromatic3-5); }
:root .overlay-accent-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .overlay-accent-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .overlay-accent-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .overlay-accent-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .overlay-accent-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .overlay-accent-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .overlay-accent-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .overlay-accent-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .overlay-accent-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .fill-accent-400 { fill: var(--spectra-chromatic3-5); }
:root .fill-accent-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .fill-accent-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .fill-accent-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .fill-accent-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .fill-accent-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .fill-accent-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .fill-accent-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .fill-accent-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .fill-accent-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .stroke-accent-400 { stroke: var(--spectra-chromatic3-5); }
:root .stroke-accent-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .stroke-accent-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .stroke-accent-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .stroke-accent-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .stroke-accent-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .stroke-accent-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .stroke-accent-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .stroke-accent-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .stroke-accent-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-t-accent-400 { border-top-color: var(--spectra-chromatic3-5); }
:root .border-t-accent-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-t-accent-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-t-accent-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-t-accent-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-t-accent-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-t-accent-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-t-accent-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-t-accent-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-t-accent-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-r-accent-400 { border-right-color: var(--spectra-chromatic3-5); }
:root .border-r-accent-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-r-accent-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-r-accent-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-r-accent-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-r-accent-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-r-accent-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-r-accent-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-r-accent-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-r-accent-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-b-accent-400 { border-bottom-color: var(--spectra-chromatic3-5); }
:root .border-b-accent-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-b-accent-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-b-accent-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-b-accent-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-b-accent-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-b-accent-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-b-accent-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-b-accent-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-b-accent-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-l-accent-400 { border-left-color: var(--spectra-chromatic3-5); }
:root .border-l-accent-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-l-accent-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-l-accent-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-l-accent-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-l-accent-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-l-accent-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-l-accent-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-l-accent-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-l-accent-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-x-accent-400 { border-left-color: var(--spectra-chromatic3-5); border-right-color: var(--spectra-chromatic3-5); }
:root .border-x-accent-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-x-accent-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-x-accent-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-x-accent-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-x-accent-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-x-accent-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-x-accent-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-x-accent-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-x-accent-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .border-y-accent-400 { border-top-color: var(--spectra-chromatic3-5); border-bottom-color: var(--spectra-chromatic3-5); }
:root .border-y-accent-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 10%, transparent); }
:root .border-y-accent-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 20%, transparent); }
:root .border-y-accent-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 30%, transparent); }
:root .border-y-accent-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 40%, transparent); }
:root .border-y-accent-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 50%, transparent); }
:root .border-y-accent-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 60%, transparent); }
:root .border-y-accent-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 70%, transparent); }
:root .border-y-accent-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 80%, transparent); }
:root .border-y-accent-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-5) 90%, transparent); }
:root .ring-accent-400 { --tw-ring-color: var(--spectra-chromatic3-5); }
:root .ring-offset-accent-400 { --tw-ring-offset-color: var(--spectra-chromatic3-5); }
:root .bg-accent-500 { background: var(--spectra-chromatic3-6); }
:root .bg-accent-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .bg-accent-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .bg-accent-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .bg-accent-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .bg-accent-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .bg-accent-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .bg-accent-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .bg-accent-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .bg-accent-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .text-accent-500 { color: var(--spectra-chromatic3-6); -webkit-text-fill-color: var(--spectra-chromatic3-6); }
:root .text-accent-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .text-accent-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .text-accent-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .text-accent-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .text-accent-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .text-accent-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .text-accent-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .text-accent-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .text-accent-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-accent-500 { border-color: var(--spectra-chromatic3-6); }
:root .border-accent-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-accent-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-accent-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-accent-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-accent-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-accent-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-accent-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-accent-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-accent-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .outline-accent-500 { outline-color: var(--spectra-chromatic3-6); }
:root .outline-accent-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .outline-accent-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .outline-accent-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .outline-accent-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .outline-accent-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .outline-accent-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .outline-accent-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .outline-accent-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .outline-accent-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .overlay-accent-500 { background: var(--spectra-chromatic3-6); }
:root .overlay-accent-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .overlay-accent-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .overlay-accent-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .overlay-accent-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .overlay-accent-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .overlay-accent-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .overlay-accent-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .overlay-accent-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .overlay-accent-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .fill-accent-500 { fill: var(--spectra-chromatic3-6); }
:root .fill-accent-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .fill-accent-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .fill-accent-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .fill-accent-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .fill-accent-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .fill-accent-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .fill-accent-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .fill-accent-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .fill-accent-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .stroke-accent-500 { stroke: var(--spectra-chromatic3-6); }
:root .stroke-accent-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .stroke-accent-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .stroke-accent-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .stroke-accent-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .stroke-accent-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .stroke-accent-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .stroke-accent-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .stroke-accent-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .stroke-accent-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-t-accent-500 { border-top-color: var(--spectra-chromatic3-6); }
:root .border-t-accent-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-t-accent-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-t-accent-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-t-accent-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-t-accent-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-t-accent-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-t-accent-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-t-accent-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-t-accent-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-r-accent-500 { border-right-color: var(--spectra-chromatic3-6); }
:root .border-r-accent-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-r-accent-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-r-accent-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-r-accent-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-r-accent-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-r-accent-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-r-accent-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-r-accent-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-r-accent-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-b-accent-500 { border-bottom-color: var(--spectra-chromatic3-6); }
:root .border-b-accent-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-b-accent-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-b-accent-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-b-accent-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-b-accent-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-b-accent-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-b-accent-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-b-accent-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-b-accent-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-l-accent-500 { border-left-color: var(--spectra-chromatic3-6); }
:root .border-l-accent-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-l-accent-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-l-accent-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-l-accent-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-l-accent-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-l-accent-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-l-accent-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-l-accent-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-l-accent-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-x-accent-500 { border-left-color: var(--spectra-chromatic3-6); border-right-color: var(--spectra-chromatic3-6); }
:root .border-x-accent-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-x-accent-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-x-accent-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-x-accent-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-x-accent-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-x-accent-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-x-accent-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-x-accent-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-x-accent-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .border-y-accent-500 { border-top-color: var(--spectra-chromatic3-6); border-bottom-color: var(--spectra-chromatic3-6); }
:root .border-y-accent-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 10%, transparent); }
:root .border-y-accent-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 20%, transparent); }
:root .border-y-accent-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 30%, transparent); }
:root .border-y-accent-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 40%, transparent); }
:root .border-y-accent-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 50%, transparent); }
:root .border-y-accent-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 60%, transparent); }
:root .border-y-accent-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 70%, transparent); }
:root .border-y-accent-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 80%, transparent); }
:root .border-y-accent-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-6) 90%, transparent); }
:root .ring-accent-500 { --tw-ring-color: var(--spectra-chromatic3-6); }
:root .ring-offset-accent-500 { --tw-ring-offset-color: var(--spectra-chromatic3-6); }
:root .bg-accent-600 { background: var(--spectra-chromatic3-7); }
:root .bg-accent-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .bg-accent-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .bg-accent-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .bg-accent-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .bg-accent-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .bg-accent-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .bg-accent-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .bg-accent-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .bg-accent-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .text-accent-600 { color: var(--spectra-chromatic3-7); -webkit-text-fill-color: var(--spectra-chromatic3-7); }
:root .text-accent-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .text-accent-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .text-accent-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .text-accent-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .text-accent-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .text-accent-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .text-accent-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .text-accent-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .text-accent-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-accent-600 { border-color: var(--spectra-chromatic3-7); }
:root .border-accent-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-accent-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-accent-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-accent-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-accent-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-accent-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-accent-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-accent-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-accent-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .outline-accent-600 { outline-color: var(--spectra-chromatic3-7); }
:root .outline-accent-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .outline-accent-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .outline-accent-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .outline-accent-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .outline-accent-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .outline-accent-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .outline-accent-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .outline-accent-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .outline-accent-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .overlay-accent-600 { background: var(--spectra-chromatic3-7); }
:root .overlay-accent-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .overlay-accent-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .overlay-accent-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .overlay-accent-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .overlay-accent-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .overlay-accent-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .overlay-accent-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .overlay-accent-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .overlay-accent-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .fill-accent-600 { fill: var(--spectra-chromatic3-7); }
:root .fill-accent-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .fill-accent-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .fill-accent-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .fill-accent-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .fill-accent-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .fill-accent-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .fill-accent-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .fill-accent-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .fill-accent-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .stroke-accent-600 { stroke: var(--spectra-chromatic3-7); }
:root .stroke-accent-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .stroke-accent-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .stroke-accent-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .stroke-accent-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .stroke-accent-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .stroke-accent-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .stroke-accent-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .stroke-accent-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .stroke-accent-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-t-accent-600 { border-top-color: var(--spectra-chromatic3-7); }
:root .border-t-accent-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-t-accent-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-t-accent-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-t-accent-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-t-accent-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-t-accent-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-t-accent-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-t-accent-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-t-accent-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-r-accent-600 { border-right-color: var(--spectra-chromatic3-7); }
:root .border-r-accent-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-r-accent-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-r-accent-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-r-accent-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-r-accent-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-r-accent-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-r-accent-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-r-accent-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-r-accent-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-b-accent-600 { border-bottom-color: var(--spectra-chromatic3-7); }
:root .border-b-accent-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-b-accent-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-b-accent-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-b-accent-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-b-accent-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-b-accent-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-b-accent-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-b-accent-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-b-accent-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-l-accent-600 { border-left-color: var(--spectra-chromatic3-7); }
:root .border-l-accent-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-l-accent-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-l-accent-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-l-accent-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-l-accent-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-l-accent-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-l-accent-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-l-accent-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-l-accent-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-x-accent-600 { border-left-color: var(--spectra-chromatic3-7); border-right-color: var(--spectra-chromatic3-7); }
:root .border-x-accent-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-x-accent-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-x-accent-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-x-accent-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-x-accent-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-x-accent-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-x-accent-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-x-accent-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-x-accent-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .border-y-accent-600 { border-top-color: var(--spectra-chromatic3-7); border-bottom-color: var(--spectra-chromatic3-7); }
:root .border-y-accent-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 10%, transparent); }
:root .border-y-accent-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 20%, transparent); }
:root .border-y-accent-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 30%, transparent); }
:root .border-y-accent-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 40%, transparent); }
:root .border-y-accent-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 50%, transparent); }
:root .border-y-accent-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 60%, transparent); }
:root .border-y-accent-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 70%, transparent); }
:root .border-y-accent-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 80%, transparent); }
:root .border-y-accent-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-7) 90%, transparent); }
:root .ring-accent-600 { --tw-ring-color: var(--spectra-chromatic3-7); }
:root .ring-offset-accent-600 { --tw-ring-offset-color: var(--spectra-chromatic3-7); }
:root .bg-accent-700 { background: var(--spectra-chromatic3-8); }
:root .bg-accent-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .bg-accent-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .bg-accent-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .bg-accent-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .bg-accent-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .bg-accent-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .bg-accent-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .bg-accent-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .bg-accent-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .text-accent-700 { color: var(--spectra-chromatic3-8); -webkit-text-fill-color: var(--spectra-chromatic3-8); }
:root .text-accent-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .text-accent-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .text-accent-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .text-accent-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .text-accent-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .text-accent-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .text-accent-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .text-accent-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .text-accent-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-accent-700 { border-color: var(--spectra-chromatic3-8); }
:root .border-accent-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-accent-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-accent-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-accent-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-accent-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-accent-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-accent-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-accent-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-accent-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .outline-accent-700 { outline-color: var(--spectra-chromatic3-8); }
:root .outline-accent-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .outline-accent-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .outline-accent-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .outline-accent-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .outline-accent-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .outline-accent-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .outline-accent-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .outline-accent-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .outline-accent-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .overlay-accent-700 { background: var(--spectra-chromatic3-8); }
:root .overlay-accent-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .overlay-accent-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .overlay-accent-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .overlay-accent-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .overlay-accent-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .overlay-accent-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .overlay-accent-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .overlay-accent-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .overlay-accent-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .fill-accent-700 { fill: var(--spectra-chromatic3-8); }
:root .fill-accent-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .fill-accent-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .fill-accent-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .fill-accent-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .fill-accent-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .fill-accent-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .fill-accent-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .fill-accent-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .fill-accent-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .stroke-accent-700 { stroke: var(--spectra-chromatic3-8); }
:root .stroke-accent-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .stroke-accent-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .stroke-accent-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .stroke-accent-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .stroke-accent-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .stroke-accent-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .stroke-accent-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .stroke-accent-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .stroke-accent-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-t-accent-700 { border-top-color: var(--spectra-chromatic3-8); }
:root .border-t-accent-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-t-accent-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-t-accent-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-t-accent-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-t-accent-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-t-accent-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-t-accent-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-t-accent-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-t-accent-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-r-accent-700 { border-right-color: var(--spectra-chromatic3-8); }
:root .border-r-accent-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-r-accent-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-r-accent-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-r-accent-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-r-accent-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-r-accent-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-r-accent-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-r-accent-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-r-accent-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-b-accent-700 { border-bottom-color: var(--spectra-chromatic3-8); }
:root .border-b-accent-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-b-accent-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-b-accent-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-b-accent-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-b-accent-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-b-accent-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-b-accent-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-b-accent-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-b-accent-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-l-accent-700 { border-left-color: var(--spectra-chromatic3-8); }
:root .border-l-accent-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-l-accent-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-l-accent-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-l-accent-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-l-accent-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-l-accent-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-l-accent-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-l-accent-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-l-accent-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-x-accent-700 { border-left-color: var(--spectra-chromatic3-8); border-right-color: var(--spectra-chromatic3-8); }
:root .border-x-accent-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-x-accent-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-x-accent-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-x-accent-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-x-accent-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-x-accent-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-x-accent-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-x-accent-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-x-accent-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .border-y-accent-700 { border-top-color: var(--spectra-chromatic3-8); border-bottom-color: var(--spectra-chromatic3-8); }
:root .border-y-accent-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 10%, transparent); }
:root .border-y-accent-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 20%, transparent); }
:root .border-y-accent-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 30%, transparent); }
:root .border-y-accent-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 40%, transparent); }
:root .border-y-accent-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 50%, transparent); }
:root .border-y-accent-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 60%, transparent); }
:root .border-y-accent-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 70%, transparent); }
:root .border-y-accent-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 80%, transparent); }
:root .border-y-accent-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-8) 90%, transparent); }
:root .ring-accent-700 { --tw-ring-color: var(--spectra-chromatic3-8); }
:root .ring-offset-accent-700 { --tw-ring-offset-color: var(--spectra-chromatic3-8); }
:root .bg-accent-800 { background: var(--spectra-chromatic3-9); }
:root .bg-accent-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .bg-accent-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .bg-accent-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .bg-accent-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .bg-accent-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .bg-accent-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .bg-accent-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .bg-accent-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .bg-accent-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .text-accent-800 { color: var(--spectra-chromatic3-9); -webkit-text-fill-color: var(--spectra-chromatic3-9); }
:root .text-accent-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .text-accent-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .text-accent-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .text-accent-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .text-accent-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .text-accent-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .text-accent-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .text-accent-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .text-accent-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-accent-800 { border-color: var(--spectra-chromatic3-9); }
:root .border-accent-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-accent-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-accent-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-accent-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-accent-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-accent-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-accent-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-accent-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-accent-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .outline-accent-800 { outline-color: var(--spectra-chromatic3-9); }
:root .outline-accent-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .outline-accent-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .outline-accent-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .outline-accent-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .outline-accent-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .outline-accent-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .outline-accent-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .outline-accent-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .outline-accent-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .overlay-accent-800 { background: var(--spectra-chromatic3-9); }
:root .overlay-accent-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .overlay-accent-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .overlay-accent-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .overlay-accent-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .overlay-accent-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .overlay-accent-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .overlay-accent-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .overlay-accent-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .overlay-accent-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .fill-accent-800 { fill: var(--spectra-chromatic3-9); }
:root .fill-accent-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .fill-accent-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .fill-accent-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .fill-accent-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .fill-accent-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .fill-accent-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .fill-accent-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .fill-accent-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .fill-accent-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .stroke-accent-800 { stroke: var(--spectra-chromatic3-9); }
:root .stroke-accent-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .stroke-accent-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .stroke-accent-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .stroke-accent-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .stroke-accent-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .stroke-accent-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .stroke-accent-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .stroke-accent-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .stroke-accent-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-t-accent-800 { border-top-color: var(--spectra-chromatic3-9); }
:root .border-t-accent-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-t-accent-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-t-accent-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-t-accent-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-t-accent-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-t-accent-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-t-accent-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-t-accent-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-t-accent-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-r-accent-800 { border-right-color: var(--spectra-chromatic3-9); }
:root .border-r-accent-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-r-accent-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-r-accent-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-r-accent-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-r-accent-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-r-accent-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-r-accent-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-r-accent-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-r-accent-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-b-accent-800 { border-bottom-color: var(--spectra-chromatic3-9); }
:root .border-b-accent-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-b-accent-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-b-accent-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-b-accent-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-b-accent-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-b-accent-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-b-accent-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-b-accent-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-b-accent-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-l-accent-800 { border-left-color: var(--spectra-chromatic3-9); }
:root .border-l-accent-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-l-accent-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-l-accent-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-l-accent-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-l-accent-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-l-accent-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-l-accent-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-l-accent-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-l-accent-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-x-accent-800 { border-left-color: var(--spectra-chromatic3-9); border-right-color: var(--spectra-chromatic3-9); }
:root .border-x-accent-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-x-accent-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-x-accent-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-x-accent-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-x-accent-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-x-accent-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-x-accent-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-x-accent-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-x-accent-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .border-y-accent-800 { border-top-color: var(--spectra-chromatic3-9); border-bottom-color: var(--spectra-chromatic3-9); }
:root .border-y-accent-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 10%, transparent); }
:root .border-y-accent-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 20%, transparent); }
:root .border-y-accent-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 30%, transparent); }
:root .border-y-accent-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 40%, transparent); }
:root .border-y-accent-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 50%, transparent); }
:root .border-y-accent-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 60%, transparent); }
:root .border-y-accent-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 70%, transparent); }
:root .border-y-accent-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 80%, transparent); }
:root .border-y-accent-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-9) 90%, transparent); }
:root .ring-accent-800 { --tw-ring-color: var(--spectra-chromatic3-9); }
:root .ring-offset-accent-800 { --tw-ring-offset-color: var(--spectra-chromatic3-9); }
:root .bg-accent-900 { background: var(--spectra-chromatic3-10); }
:root .bg-accent-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .bg-accent-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .bg-accent-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .bg-accent-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .bg-accent-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .bg-accent-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .bg-accent-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .bg-accent-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .bg-accent-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .text-accent-900 { color: var(--spectra-chromatic3-10); -webkit-text-fill-color: var(--spectra-chromatic3-10); }
:root .text-accent-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .text-accent-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .text-accent-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .text-accent-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .text-accent-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .text-accent-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .text-accent-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .text-accent-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .text-accent-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-accent-900 { border-color: var(--spectra-chromatic3-10); }
:root .border-accent-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-accent-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-accent-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-accent-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-accent-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-accent-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-accent-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-accent-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-accent-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .outline-accent-900 { outline-color: var(--spectra-chromatic3-10); }
:root .outline-accent-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .outline-accent-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .outline-accent-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .outline-accent-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .outline-accent-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .outline-accent-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .outline-accent-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .outline-accent-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .outline-accent-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .overlay-accent-900 { background: var(--spectra-chromatic3-10); }
:root .overlay-accent-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .overlay-accent-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .overlay-accent-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .overlay-accent-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .overlay-accent-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .overlay-accent-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .overlay-accent-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .overlay-accent-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .overlay-accent-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .fill-accent-900 { fill: var(--spectra-chromatic3-10); }
:root .fill-accent-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .fill-accent-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .fill-accent-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .fill-accent-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .fill-accent-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .fill-accent-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .fill-accent-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .fill-accent-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .fill-accent-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .stroke-accent-900 { stroke: var(--spectra-chromatic3-10); }
:root .stroke-accent-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .stroke-accent-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .stroke-accent-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .stroke-accent-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .stroke-accent-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .stroke-accent-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .stroke-accent-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .stroke-accent-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .stroke-accent-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-t-accent-900 { border-top-color: var(--spectra-chromatic3-10); }
:root .border-t-accent-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-t-accent-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-t-accent-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-t-accent-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-t-accent-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-t-accent-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-t-accent-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-t-accent-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-t-accent-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-r-accent-900 { border-right-color: var(--spectra-chromatic3-10); }
:root .border-r-accent-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-r-accent-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-r-accent-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-r-accent-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-r-accent-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-r-accent-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-r-accent-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-r-accent-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-r-accent-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-b-accent-900 { border-bottom-color: var(--spectra-chromatic3-10); }
:root .border-b-accent-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-b-accent-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-b-accent-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-b-accent-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-b-accent-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-b-accent-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-b-accent-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-b-accent-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-b-accent-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-l-accent-900 { border-left-color: var(--spectra-chromatic3-10); }
:root .border-l-accent-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-l-accent-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-l-accent-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-l-accent-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-l-accent-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-l-accent-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-l-accent-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-l-accent-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-l-accent-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-x-accent-900 { border-left-color: var(--spectra-chromatic3-10); border-right-color: var(--spectra-chromatic3-10); }
:root .border-x-accent-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-x-accent-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-x-accent-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-x-accent-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-x-accent-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-x-accent-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-x-accent-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-x-accent-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-x-accent-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .border-y-accent-900 { border-top-color: var(--spectra-chromatic3-10); border-bottom-color: var(--spectra-chromatic3-10); }
:root .border-y-accent-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 10%, transparent); }
:root .border-y-accent-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 20%, transparent); }
:root .border-y-accent-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 30%, transparent); }
:root .border-y-accent-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 40%, transparent); }
:root .border-y-accent-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 50%, transparent); }
:root .border-y-accent-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 60%, transparent); }
:root .border-y-accent-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 70%, transparent); }
:root .border-y-accent-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 80%, transparent); }
:root .border-y-accent-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-10) 90%, transparent); }
:root .ring-accent-900 { --tw-ring-color: var(--spectra-chromatic3-10); }
:root .ring-offset-accent-900 { --tw-ring-offset-color: var(--spectra-chromatic3-10); }
:root .bg-accent-950 { background: var(--spectra-chromatic3-11); }
:root .bg-accent-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .bg-accent-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .bg-accent-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .bg-accent-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .bg-accent-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .bg-accent-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .bg-accent-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .bg-accent-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .bg-accent-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .text-accent-950 { color: var(--spectra-chromatic3-11); -webkit-text-fill-color: var(--spectra-chromatic3-11); }
:root .text-accent-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .text-accent-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .text-accent-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .text-accent-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .text-accent-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .text-accent-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .text-accent-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .text-accent-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .text-accent-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-accent-950 { border-color: var(--spectra-chromatic3-11); }
:root .border-accent-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-accent-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-accent-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-accent-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-accent-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-accent-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-accent-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-accent-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-accent-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .outline-accent-950 { outline-color: var(--spectra-chromatic3-11); }
:root .outline-accent-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .outline-accent-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .outline-accent-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .outline-accent-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .outline-accent-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .outline-accent-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .outline-accent-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .outline-accent-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .outline-accent-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .overlay-accent-950 { background: var(--spectra-chromatic3-11); }
:root .overlay-accent-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .overlay-accent-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .overlay-accent-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .overlay-accent-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .overlay-accent-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .overlay-accent-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .overlay-accent-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .overlay-accent-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .overlay-accent-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .fill-accent-950 { fill: var(--spectra-chromatic3-11); }
:root .fill-accent-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .fill-accent-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .fill-accent-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .fill-accent-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .fill-accent-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .fill-accent-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .fill-accent-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .fill-accent-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .fill-accent-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .stroke-accent-950 { stroke: var(--spectra-chromatic3-11); }
:root .stroke-accent-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .stroke-accent-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .stroke-accent-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .stroke-accent-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .stroke-accent-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .stroke-accent-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .stroke-accent-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .stroke-accent-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .stroke-accent-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-t-accent-950 { border-top-color: var(--spectra-chromatic3-11); }
:root .border-t-accent-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-t-accent-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-t-accent-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-t-accent-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-t-accent-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-t-accent-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-t-accent-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-t-accent-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-t-accent-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-r-accent-950 { border-right-color: var(--spectra-chromatic3-11); }
:root .border-r-accent-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-r-accent-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-r-accent-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-r-accent-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-r-accent-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-r-accent-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-r-accent-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-r-accent-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-r-accent-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-b-accent-950 { border-bottom-color: var(--spectra-chromatic3-11); }
:root .border-b-accent-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-b-accent-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-b-accent-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-b-accent-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-b-accent-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-b-accent-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-b-accent-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-b-accent-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-b-accent-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-l-accent-950 { border-left-color: var(--spectra-chromatic3-11); }
:root .border-l-accent-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-l-accent-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-l-accent-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-l-accent-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-l-accent-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-l-accent-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-l-accent-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-l-accent-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-l-accent-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-x-accent-950 { border-left-color: var(--spectra-chromatic3-11); border-right-color: var(--spectra-chromatic3-11); }
:root .border-x-accent-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-x-accent-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-x-accent-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-x-accent-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-x-accent-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-x-accent-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-x-accent-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-x-accent-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-x-accent-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .border-y-accent-950 { border-top-color: var(--spectra-chromatic3-11); border-bottom-color: var(--spectra-chromatic3-11); }
:root .border-y-accent-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 10%, transparent); }
:root .border-y-accent-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 20%, transparent); }
:root .border-y-accent-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 30%, transparent); }
:root .border-y-accent-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 40%, transparent); }
:root .border-y-accent-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 50%, transparent); }
:root .border-y-accent-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 60%, transparent); }
:root .border-y-accent-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 70%, transparent); }
:root .border-y-accent-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 80%, transparent); }
:root .border-y-accent-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic3-11) 90%, transparent); }
:root .ring-accent-950 { --tw-ring-color: var(--spectra-chromatic3-11); }
:root .ring-offset-accent-950 { --tw-ring-offset-color: var(--spectra-chromatic3-11); }
:root .bg-success-50 { background: var(--spectra-chromatic4-1); }
:root .bg-success-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .bg-success-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .bg-success-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .bg-success-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .bg-success-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .bg-success-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .bg-success-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .bg-success-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .bg-success-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .text-success-50 { color: var(--spectra-chromatic4-1); -webkit-text-fill-color: var(--spectra-chromatic4-1); }
:root .text-success-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .text-success-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .text-success-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .text-success-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .text-success-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .text-success-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .text-success-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .text-success-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .text-success-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-success-50 { border-color: var(--spectra-chromatic4-1); }
:root .border-success-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-success-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-success-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-success-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-success-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-success-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-success-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-success-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-success-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .outline-success-50 { outline-color: var(--spectra-chromatic4-1); }
:root .outline-success-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .outline-success-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .outline-success-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .outline-success-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .outline-success-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .outline-success-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .outline-success-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .outline-success-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .outline-success-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .overlay-success-50 { background: var(--spectra-chromatic4-1); }
:root .overlay-success-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .overlay-success-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .overlay-success-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .overlay-success-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .overlay-success-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .overlay-success-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .overlay-success-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .overlay-success-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .overlay-success-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .fill-success-50 { fill: var(--spectra-chromatic4-1); }
:root .fill-success-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .fill-success-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .fill-success-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .fill-success-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .fill-success-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .fill-success-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .fill-success-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .fill-success-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .fill-success-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .stroke-success-50 { stroke: var(--spectra-chromatic4-1); }
:root .stroke-success-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .stroke-success-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .stroke-success-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .stroke-success-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .stroke-success-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .stroke-success-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .stroke-success-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .stroke-success-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .stroke-success-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-t-success-50 { border-top-color: var(--spectra-chromatic4-1); }
:root .border-t-success-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-t-success-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-t-success-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-t-success-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-t-success-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-t-success-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-t-success-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-t-success-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-t-success-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-r-success-50 { border-right-color: var(--spectra-chromatic4-1); }
:root .border-r-success-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-r-success-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-r-success-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-r-success-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-r-success-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-r-success-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-r-success-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-r-success-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-r-success-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-b-success-50 { border-bottom-color: var(--spectra-chromatic4-1); }
:root .border-b-success-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-b-success-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-b-success-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-b-success-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-b-success-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-b-success-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-b-success-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-b-success-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-b-success-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-l-success-50 { border-left-color: var(--spectra-chromatic4-1); }
:root .border-l-success-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-l-success-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-l-success-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-l-success-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-l-success-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-l-success-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-l-success-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-l-success-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-l-success-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-x-success-50 { border-left-color: var(--spectra-chromatic4-1); border-right-color: var(--spectra-chromatic4-1); }
:root .border-x-success-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-x-success-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-x-success-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-x-success-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-x-success-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-x-success-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-x-success-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-x-success-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-x-success-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .border-y-success-50 { border-top-color: var(--spectra-chromatic4-1); border-bottom-color: var(--spectra-chromatic4-1); }
:root .border-y-success-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 10%, transparent); }
:root .border-y-success-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 20%, transparent); }
:root .border-y-success-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 30%, transparent); }
:root .border-y-success-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 40%, transparent); }
:root .border-y-success-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 50%, transparent); }
:root .border-y-success-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 60%, transparent); }
:root .border-y-success-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 70%, transparent); }
:root .border-y-success-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 80%, transparent); }
:root .border-y-success-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-1) 90%, transparent); }
:root .ring-success-50 { --tw-ring-color: var(--spectra-chromatic4-1); }
:root .ring-offset-success-50 { --tw-ring-offset-color: var(--spectra-chromatic4-1); }
:root .bg-success-100 { background: var(--spectra-chromatic4-2); }
:root .bg-success-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .bg-success-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .bg-success-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .bg-success-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .bg-success-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .bg-success-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .bg-success-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .bg-success-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .bg-success-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .text-success-100 { color: var(--spectra-chromatic4-2); -webkit-text-fill-color: var(--spectra-chromatic4-2); }
:root .text-success-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .text-success-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .text-success-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .text-success-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .text-success-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .text-success-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .text-success-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .text-success-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .text-success-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-success-100 { border-color: var(--spectra-chromatic4-2); }
:root .border-success-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-success-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-success-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-success-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-success-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-success-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-success-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-success-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-success-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .outline-success-100 { outline-color: var(--spectra-chromatic4-2); }
:root .outline-success-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .outline-success-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .outline-success-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .outline-success-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .outline-success-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .outline-success-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .outline-success-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .outline-success-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .outline-success-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .overlay-success-100 { background: var(--spectra-chromatic4-2); }
:root .overlay-success-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .overlay-success-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .overlay-success-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .overlay-success-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .overlay-success-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .overlay-success-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .overlay-success-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .overlay-success-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .overlay-success-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .fill-success-100 { fill: var(--spectra-chromatic4-2); }
:root .fill-success-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .fill-success-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .fill-success-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .fill-success-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .fill-success-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .fill-success-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .fill-success-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .fill-success-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .fill-success-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .stroke-success-100 { stroke: var(--spectra-chromatic4-2); }
:root .stroke-success-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .stroke-success-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .stroke-success-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .stroke-success-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .stroke-success-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .stroke-success-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .stroke-success-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .stroke-success-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .stroke-success-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-t-success-100 { border-top-color: var(--spectra-chromatic4-2); }
:root .border-t-success-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-t-success-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-t-success-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-t-success-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-t-success-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-t-success-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-t-success-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-t-success-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-t-success-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-r-success-100 { border-right-color: var(--spectra-chromatic4-2); }
:root .border-r-success-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-r-success-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-r-success-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-r-success-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-r-success-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-r-success-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-r-success-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-r-success-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-r-success-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-b-success-100 { border-bottom-color: var(--spectra-chromatic4-2); }
:root .border-b-success-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-b-success-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-b-success-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-b-success-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-b-success-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-b-success-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-b-success-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-b-success-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-b-success-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-l-success-100 { border-left-color: var(--spectra-chromatic4-2); }
:root .border-l-success-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-l-success-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-l-success-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-l-success-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-l-success-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-l-success-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-l-success-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-l-success-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-l-success-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-x-success-100 { border-left-color: var(--spectra-chromatic4-2); border-right-color: var(--spectra-chromatic4-2); }
:root .border-x-success-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-x-success-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-x-success-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-x-success-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-x-success-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-x-success-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-x-success-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-x-success-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-x-success-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .border-y-success-100 { border-top-color: var(--spectra-chromatic4-2); border-bottom-color: var(--spectra-chromatic4-2); }
:root .border-y-success-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 10%, transparent); }
:root .border-y-success-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 20%, transparent); }
:root .border-y-success-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 30%, transparent); }
:root .border-y-success-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 40%, transparent); }
:root .border-y-success-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 50%, transparent); }
:root .border-y-success-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 60%, transparent); }
:root .border-y-success-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 70%, transparent); }
:root .border-y-success-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 80%, transparent); }
:root .border-y-success-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-2) 90%, transparent); }
:root .ring-success-100 { --tw-ring-color: var(--spectra-chromatic4-2); }
:root .ring-offset-success-100 { --tw-ring-offset-color: var(--spectra-chromatic4-2); }
:root .bg-success-200 { background: var(--spectra-chromatic4-3); }
:root .bg-success-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .bg-success-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .bg-success-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .bg-success-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .bg-success-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .bg-success-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .bg-success-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .bg-success-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .bg-success-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .text-success-200 { color: var(--spectra-chromatic4-3); -webkit-text-fill-color: var(--spectra-chromatic4-3); }
:root .text-success-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .text-success-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .text-success-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .text-success-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .text-success-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .text-success-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .text-success-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .text-success-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .text-success-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-success-200 { border-color: var(--spectra-chromatic4-3); }
:root .border-success-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-success-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-success-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-success-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-success-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-success-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-success-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-success-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-success-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .outline-success-200 { outline-color: var(--spectra-chromatic4-3); }
:root .outline-success-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .outline-success-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .outline-success-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .outline-success-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .outline-success-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .outline-success-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .outline-success-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .outline-success-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .outline-success-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .overlay-success-200 { background: var(--spectra-chromatic4-3); }
:root .overlay-success-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .overlay-success-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .overlay-success-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .overlay-success-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .overlay-success-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .overlay-success-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .overlay-success-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .overlay-success-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .overlay-success-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .fill-success-200 { fill: var(--spectra-chromatic4-3); }
:root .fill-success-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .fill-success-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .fill-success-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .fill-success-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .fill-success-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .fill-success-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .fill-success-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .fill-success-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .fill-success-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .stroke-success-200 { stroke: var(--spectra-chromatic4-3); }
:root .stroke-success-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .stroke-success-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .stroke-success-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .stroke-success-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .stroke-success-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .stroke-success-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .stroke-success-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .stroke-success-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .stroke-success-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-t-success-200 { border-top-color: var(--spectra-chromatic4-3); }
:root .border-t-success-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-t-success-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-t-success-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-t-success-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-t-success-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-t-success-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-t-success-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-t-success-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-t-success-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-r-success-200 { border-right-color: var(--spectra-chromatic4-3); }
:root .border-r-success-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-r-success-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-r-success-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-r-success-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-r-success-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-r-success-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-r-success-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-r-success-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-r-success-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-b-success-200 { border-bottom-color: var(--spectra-chromatic4-3); }
:root .border-b-success-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-b-success-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-b-success-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-b-success-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-b-success-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-b-success-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-b-success-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-b-success-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-b-success-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-l-success-200 { border-left-color: var(--spectra-chromatic4-3); }
:root .border-l-success-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-l-success-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-l-success-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-l-success-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-l-success-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-l-success-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-l-success-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-l-success-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-l-success-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-x-success-200 { border-left-color: var(--spectra-chromatic4-3); border-right-color: var(--spectra-chromatic4-3); }
:root .border-x-success-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-x-success-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-x-success-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-x-success-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-x-success-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-x-success-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-x-success-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-x-success-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-x-success-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .border-y-success-200 { border-top-color: var(--spectra-chromatic4-3); border-bottom-color: var(--spectra-chromatic4-3); }
:root .border-y-success-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 10%, transparent); }
:root .border-y-success-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 20%, transparent); }
:root .border-y-success-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 30%, transparent); }
:root .border-y-success-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 40%, transparent); }
:root .border-y-success-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 50%, transparent); }
:root .border-y-success-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 60%, transparent); }
:root .border-y-success-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 70%, transparent); }
:root .border-y-success-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 80%, transparent); }
:root .border-y-success-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-3) 90%, transparent); }
:root .ring-success-200 { --tw-ring-color: var(--spectra-chromatic4-3); }
:root .ring-offset-success-200 { --tw-ring-offset-color: var(--spectra-chromatic4-3); }
:root .bg-success-300 { background: var(--spectra-chromatic4-4); }
:root .bg-success-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .bg-success-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .bg-success-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .bg-success-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .bg-success-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .bg-success-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .bg-success-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .bg-success-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .bg-success-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .text-success-300 { color: var(--spectra-chromatic4-4); -webkit-text-fill-color: var(--spectra-chromatic4-4); }
:root .text-success-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .text-success-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .text-success-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .text-success-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .text-success-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .text-success-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .text-success-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .text-success-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .text-success-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-success-300 { border-color: var(--spectra-chromatic4-4); }
:root .border-success-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-success-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-success-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-success-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-success-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-success-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-success-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-success-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-success-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .outline-success-300 { outline-color: var(--spectra-chromatic4-4); }
:root .outline-success-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .outline-success-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .outline-success-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .outline-success-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .outline-success-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .outline-success-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .outline-success-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .outline-success-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .outline-success-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .overlay-success-300 { background: var(--spectra-chromatic4-4); }
:root .overlay-success-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .overlay-success-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .overlay-success-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .overlay-success-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .overlay-success-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .overlay-success-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .overlay-success-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .overlay-success-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .overlay-success-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .fill-success-300 { fill: var(--spectra-chromatic4-4); }
:root .fill-success-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .fill-success-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .fill-success-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .fill-success-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .fill-success-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .fill-success-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .fill-success-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .fill-success-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .fill-success-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .stroke-success-300 { stroke: var(--spectra-chromatic4-4); }
:root .stroke-success-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .stroke-success-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .stroke-success-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .stroke-success-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .stroke-success-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .stroke-success-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .stroke-success-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .stroke-success-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .stroke-success-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-t-success-300 { border-top-color: var(--spectra-chromatic4-4); }
:root .border-t-success-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-t-success-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-t-success-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-t-success-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-t-success-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-t-success-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-t-success-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-t-success-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-t-success-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-r-success-300 { border-right-color: var(--spectra-chromatic4-4); }
:root .border-r-success-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-r-success-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-r-success-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-r-success-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-r-success-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-r-success-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-r-success-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-r-success-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-r-success-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-b-success-300 { border-bottom-color: var(--spectra-chromatic4-4); }
:root .border-b-success-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-b-success-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-b-success-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-b-success-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-b-success-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-b-success-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-b-success-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-b-success-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-b-success-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-l-success-300 { border-left-color: var(--spectra-chromatic4-4); }
:root .border-l-success-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-l-success-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-l-success-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-l-success-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-l-success-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-l-success-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-l-success-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-l-success-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-l-success-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-x-success-300 { border-left-color: var(--spectra-chromatic4-4); border-right-color: var(--spectra-chromatic4-4); }
:root .border-x-success-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-x-success-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-x-success-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-x-success-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-x-success-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-x-success-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-x-success-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-x-success-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-x-success-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .border-y-success-300 { border-top-color: var(--spectra-chromatic4-4); border-bottom-color: var(--spectra-chromatic4-4); }
:root .border-y-success-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 10%, transparent); }
:root .border-y-success-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 20%, transparent); }
:root .border-y-success-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 30%, transparent); }
:root .border-y-success-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 40%, transparent); }
:root .border-y-success-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 50%, transparent); }
:root .border-y-success-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 60%, transparent); }
:root .border-y-success-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 70%, transparent); }
:root .border-y-success-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 80%, transparent); }
:root .border-y-success-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-4) 90%, transparent); }
:root .ring-success-300 { --tw-ring-color: var(--spectra-chromatic4-4); }
:root .ring-offset-success-300 { --tw-ring-offset-color: var(--spectra-chromatic4-4); }
:root .bg-success-400 { background: var(--spectra-chromatic4-5); }
:root .bg-success-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .bg-success-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .bg-success-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .bg-success-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .bg-success-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .bg-success-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .bg-success-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .bg-success-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .bg-success-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .text-success-400 { color: var(--spectra-chromatic4-5); -webkit-text-fill-color: var(--spectra-chromatic4-5); }
:root .text-success-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .text-success-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .text-success-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .text-success-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .text-success-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .text-success-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .text-success-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .text-success-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .text-success-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-success-400 { border-color: var(--spectra-chromatic4-5); }
:root .border-success-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-success-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-success-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-success-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-success-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-success-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-success-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-success-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-success-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .outline-success-400 { outline-color: var(--spectra-chromatic4-5); }
:root .outline-success-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .outline-success-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .outline-success-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .outline-success-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .outline-success-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .outline-success-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .outline-success-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .outline-success-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .outline-success-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .overlay-success-400 { background: var(--spectra-chromatic4-5); }
:root .overlay-success-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .overlay-success-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .overlay-success-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .overlay-success-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .overlay-success-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .overlay-success-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .overlay-success-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .overlay-success-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .overlay-success-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .fill-success-400 { fill: var(--spectra-chromatic4-5); }
:root .fill-success-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .fill-success-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .fill-success-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .fill-success-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .fill-success-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .fill-success-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .fill-success-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .fill-success-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .fill-success-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .stroke-success-400 { stroke: var(--spectra-chromatic4-5); }
:root .stroke-success-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .stroke-success-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .stroke-success-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .stroke-success-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .stroke-success-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .stroke-success-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .stroke-success-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .stroke-success-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .stroke-success-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-t-success-400 { border-top-color: var(--spectra-chromatic4-5); }
:root .border-t-success-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-t-success-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-t-success-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-t-success-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-t-success-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-t-success-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-t-success-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-t-success-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-t-success-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-r-success-400 { border-right-color: var(--spectra-chromatic4-5); }
:root .border-r-success-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-r-success-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-r-success-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-r-success-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-r-success-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-r-success-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-r-success-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-r-success-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-r-success-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-b-success-400 { border-bottom-color: var(--spectra-chromatic4-5); }
:root .border-b-success-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-b-success-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-b-success-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-b-success-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-b-success-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-b-success-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-b-success-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-b-success-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-b-success-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-l-success-400 { border-left-color: var(--spectra-chromatic4-5); }
:root .border-l-success-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-l-success-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-l-success-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-l-success-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-l-success-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-l-success-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-l-success-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-l-success-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-l-success-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-x-success-400 { border-left-color: var(--spectra-chromatic4-5); border-right-color: var(--spectra-chromatic4-5); }
:root .border-x-success-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-x-success-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-x-success-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-x-success-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-x-success-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-x-success-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-x-success-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-x-success-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-x-success-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .border-y-success-400 { border-top-color: var(--spectra-chromatic4-5); border-bottom-color: var(--spectra-chromatic4-5); }
:root .border-y-success-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 10%, transparent); }
:root .border-y-success-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 20%, transparent); }
:root .border-y-success-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 30%, transparent); }
:root .border-y-success-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 40%, transparent); }
:root .border-y-success-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 50%, transparent); }
:root .border-y-success-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 60%, transparent); }
:root .border-y-success-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 70%, transparent); }
:root .border-y-success-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 80%, transparent); }
:root .border-y-success-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-5) 90%, transparent); }
:root .ring-success-400 { --tw-ring-color: var(--spectra-chromatic4-5); }
:root .ring-offset-success-400 { --tw-ring-offset-color: var(--spectra-chromatic4-5); }
:root .bg-success-500 { background: var(--spectra-chromatic4-6); }
:root .bg-success-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .bg-success-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .bg-success-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .bg-success-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .bg-success-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .bg-success-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .bg-success-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .bg-success-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .bg-success-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .text-success-500 { color: var(--spectra-chromatic4-6); -webkit-text-fill-color: var(--spectra-chromatic4-6); }
:root .text-success-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .text-success-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .text-success-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .text-success-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .text-success-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .text-success-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .text-success-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .text-success-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .text-success-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-success-500 { border-color: var(--spectra-chromatic4-6); }
:root .border-success-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-success-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-success-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-success-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-success-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-success-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-success-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-success-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-success-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .outline-success-500 { outline-color: var(--spectra-chromatic4-6); }
:root .outline-success-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .outline-success-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .outline-success-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .outline-success-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .outline-success-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .outline-success-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .outline-success-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .outline-success-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .outline-success-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .overlay-success-500 { background: var(--spectra-chromatic4-6); }
:root .overlay-success-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .overlay-success-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .overlay-success-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .overlay-success-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .overlay-success-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .overlay-success-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .overlay-success-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .overlay-success-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .overlay-success-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .fill-success-500 { fill: var(--spectra-chromatic4-6); }
:root .fill-success-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .fill-success-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .fill-success-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .fill-success-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .fill-success-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .fill-success-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .fill-success-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .fill-success-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .fill-success-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .stroke-success-500 { stroke: var(--spectra-chromatic4-6); }
:root .stroke-success-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .stroke-success-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .stroke-success-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .stroke-success-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .stroke-success-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .stroke-success-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .stroke-success-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .stroke-success-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .stroke-success-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-t-success-500 { border-top-color: var(--spectra-chromatic4-6); }
:root .border-t-success-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-t-success-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-t-success-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-t-success-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-t-success-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-t-success-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-t-success-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-t-success-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-t-success-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-r-success-500 { border-right-color: var(--spectra-chromatic4-6); }
:root .border-r-success-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-r-success-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-r-success-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-r-success-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-r-success-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-r-success-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-r-success-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-r-success-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-r-success-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-b-success-500 { border-bottom-color: var(--spectra-chromatic4-6); }
:root .border-b-success-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-b-success-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-b-success-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-b-success-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-b-success-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-b-success-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-b-success-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-b-success-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-b-success-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-l-success-500 { border-left-color: var(--spectra-chromatic4-6); }
:root .border-l-success-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-l-success-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-l-success-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-l-success-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-l-success-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-l-success-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-l-success-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-l-success-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-l-success-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-x-success-500 { border-left-color: var(--spectra-chromatic4-6); border-right-color: var(--spectra-chromatic4-6); }
:root .border-x-success-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-x-success-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-x-success-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-x-success-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-x-success-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-x-success-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-x-success-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-x-success-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-x-success-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .border-y-success-500 { border-top-color: var(--spectra-chromatic4-6); border-bottom-color: var(--spectra-chromatic4-6); }
:root .border-y-success-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 10%, transparent); }
:root .border-y-success-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 20%, transparent); }
:root .border-y-success-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 30%, transparent); }
:root .border-y-success-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 40%, transparent); }
:root .border-y-success-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 50%, transparent); }
:root .border-y-success-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 60%, transparent); }
:root .border-y-success-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 70%, transparent); }
:root .border-y-success-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 80%, transparent); }
:root .border-y-success-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-6) 90%, transparent); }
:root .ring-success-500 { --tw-ring-color: var(--spectra-chromatic4-6); }
:root .ring-offset-success-500 { --tw-ring-offset-color: var(--spectra-chromatic4-6); }
:root .bg-success-600 { background: var(--spectra-chromatic4-7); }
:root .bg-success-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .bg-success-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .bg-success-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .bg-success-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .bg-success-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .bg-success-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .bg-success-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .bg-success-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .bg-success-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .text-success-600 { color: var(--spectra-chromatic4-7); -webkit-text-fill-color: var(--spectra-chromatic4-7); }
:root .text-success-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .text-success-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .text-success-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .text-success-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .text-success-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .text-success-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .text-success-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .text-success-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .text-success-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-success-600 { border-color: var(--spectra-chromatic4-7); }
:root .border-success-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-success-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-success-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-success-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-success-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-success-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-success-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-success-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-success-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .outline-success-600 { outline-color: var(--spectra-chromatic4-7); }
:root .outline-success-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .outline-success-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .outline-success-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .outline-success-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .outline-success-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .outline-success-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .outline-success-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .outline-success-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .outline-success-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .overlay-success-600 { background: var(--spectra-chromatic4-7); }
:root .overlay-success-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .overlay-success-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .overlay-success-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .overlay-success-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .overlay-success-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .overlay-success-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .overlay-success-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .overlay-success-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .overlay-success-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .fill-success-600 { fill: var(--spectra-chromatic4-7); }
:root .fill-success-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .fill-success-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .fill-success-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .fill-success-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .fill-success-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .fill-success-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .fill-success-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .fill-success-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .fill-success-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .stroke-success-600 { stroke: var(--spectra-chromatic4-7); }
:root .stroke-success-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .stroke-success-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .stroke-success-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .stroke-success-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .stroke-success-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .stroke-success-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .stroke-success-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .stroke-success-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .stroke-success-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-t-success-600 { border-top-color: var(--spectra-chromatic4-7); }
:root .border-t-success-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-t-success-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-t-success-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-t-success-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-t-success-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-t-success-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-t-success-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-t-success-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-t-success-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-r-success-600 { border-right-color: var(--spectra-chromatic4-7); }
:root .border-r-success-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-r-success-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-r-success-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-r-success-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-r-success-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-r-success-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-r-success-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-r-success-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-r-success-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-b-success-600 { border-bottom-color: var(--spectra-chromatic4-7); }
:root .border-b-success-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-b-success-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-b-success-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-b-success-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-b-success-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-b-success-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-b-success-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-b-success-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-b-success-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-l-success-600 { border-left-color: var(--spectra-chromatic4-7); }
:root .border-l-success-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-l-success-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-l-success-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-l-success-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-l-success-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-l-success-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-l-success-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-l-success-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-l-success-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-x-success-600 { border-left-color: var(--spectra-chromatic4-7); border-right-color: var(--spectra-chromatic4-7); }
:root .border-x-success-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-x-success-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-x-success-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-x-success-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-x-success-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-x-success-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-x-success-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-x-success-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-x-success-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .border-y-success-600 { border-top-color: var(--spectra-chromatic4-7); border-bottom-color: var(--spectra-chromatic4-7); }
:root .border-y-success-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 10%, transparent); }
:root .border-y-success-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 20%, transparent); }
:root .border-y-success-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 30%, transparent); }
:root .border-y-success-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 40%, transparent); }
:root .border-y-success-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 50%, transparent); }
:root .border-y-success-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 60%, transparent); }
:root .border-y-success-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 70%, transparent); }
:root .border-y-success-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 80%, transparent); }
:root .border-y-success-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-7) 90%, transparent); }
:root .ring-success-600 { --tw-ring-color: var(--spectra-chromatic4-7); }
:root .ring-offset-success-600 { --tw-ring-offset-color: var(--spectra-chromatic4-7); }
:root .bg-success-700 { background: var(--spectra-chromatic4-8); }
:root .bg-success-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .bg-success-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .bg-success-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .bg-success-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .bg-success-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .bg-success-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .bg-success-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .bg-success-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .bg-success-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .text-success-700 { color: var(--spectra-chromatic4-8); -webkit-text-fill-color: var(--spectra-chromatic4-8); }
:root .text-success-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .text-success-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .text-success-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .text-success-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .text-success-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .text-success-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .text-success-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .text-success-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .text-success-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-success-700 { border-color: var(--spectra-chromatic4-8); }
:root .border-success-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-success-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-success-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-success-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-success-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-success-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-success-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-success-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-success-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .outline-success-700 { outline-color: var(--spectra-chromatic4-8); }
:root .outline-success-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .outline-success-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .outline-success-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .outline-success-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .outline-success-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .outline-success-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .outline-success-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .outline-success-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .outline-success-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .overlay-success-700 { background: var(--spectra-chromatic4-8); }
:root .overlay-success-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .overlay-success-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .overlay-success-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .overlay-success-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .overlay-success-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .overlay-success-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .overlay-success-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .overlay-success-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .overlay-success-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .fill-success-700 { fill: var(--spectra-chromatic4-8); }
:root .fill-success-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .fill-success-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .fill-success-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .fill-success-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .fill-success-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .fill-success-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .fill-success-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .fill-success-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .fill-success-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .stroke-success-700 { stroke: var(--spectra-chromatic4-8); }
:root .stroke-success-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .stroke-success-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .stroke-success-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .stroke-success-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .stroke-success-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .stroke-success-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .stroke-success-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .stroke-success-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .stroke-success-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-t-success-700 { border-top-color: var(--spectra-chromatic4-8); }
:root .border-t-success-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-t-success-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-t-success-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-t-success-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-t-success-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-t-success-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-t-success-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-t-success-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-t-success-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-r-success-700 { border-right-color: var(--spectra-chromatic4-8); }
:root .border-r-success-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-r-success-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-r-success-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-r-success-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-r-success-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-r-success-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-r-success-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-r-success-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-r-success-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-b-success-700 { border-bottom-color: var(--spectra-chromatic4-8); }
:root .border-b-success-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-b-success-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-b-success-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-b-success-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-b-success-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-b-success-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-b-success-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-b-success-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-b-success-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-l-success-700 { border-left-color: var(--spectra-chromatic4-8); }
:root .border-l-success-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-l-success-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-l-success-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-l-success-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-l-success-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-l-success-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-l-success-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-l-success-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-l-success-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-x-success-700 { border-left-color: var(--spectra-chromatic4-8); border-right-color: var(--spectra-chromatic4-8); }
:root .border-x-success-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-x-success-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-x-success-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-x-success-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-x-success-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-x-success-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-x-success-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-x-success-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-x-success-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .border-y-success-700 { border-top-color: var(--spectra-chromatic4-8); border-bottom-color: var(--spectra-chromatic4-8); }
:root .border-y-success-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 10%, transparent); }
:root .border-y-success-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 20%, transparent); }
:root .border-y-success-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 30%, transparent); }
:root .border-y-success-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 40%, transparent); }
:root .border-y-success-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 50%, transparent); }
:root .border-y-success-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 60%, transparent); }
:root .border-y-success-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 70%, transparent); }
:root .border-y-success-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 80%, transparent); }
:root .border-y-success-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-8) 90%, transparent); }
:root .ring-success-700 { --tw-ring-color: var(--spectra-chromatic4-8); }
:root .ring-offset-success-700 { --tw-ring-offset-color: var(--spectra-chromatic4-8); }
:root .bg-success-800 { background: var(--spectra-chromatic4-9); }
:root .bg-success-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .bg-success-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .bg-success-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .bg-success-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .bg-success-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .bg-success-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .bg-success-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .bg-success-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .bg-success-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .text-success-800 { color: var(--spectra-chromatic4-9); -webkit-text-fill-color: var(--spectra-chromatic4-9); }
:root .text-success-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .text-success-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .text-success-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .text-success-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .text-success-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .text-success-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .text-success-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .text-success-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .text-success-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-success-800 { border-color: var(--spectra-chromatic4-9); }
:root .border-success-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-success-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-success-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-success-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-success-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-success-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-success-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-success-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-success-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .outline-success-800 { outline-color: var(--spectra-chromatic4-9); }
:root .outline-success-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .outline-success-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .outline-success-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .outline-success-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .outline-success-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .outline-success-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .outline-success-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .outline-success-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .outline-success-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .overlay-success-800 { background: var(--spectra-chromatic4-9); }
:root .overlay-success-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .overlay-success-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .overlay-success-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .overlay-success-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .overlay-success-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .overlay-success-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .overlay-success-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .overlay-success-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .overlay-success-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .fill-success-800 { fill: var(--spectra-chromatic4-9); }
:root .fill-success-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .fill-success-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .fill-success-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .fill-success-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .fill-success-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .fill-success-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .fill-success-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .fill-success-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .fill-success-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .stroke-success-800 { stroke: var(--spectra-chromatic4-9); }
:root .stroke-success-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .stroke-success-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .stroke-success-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .stroke-success-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .stroke-success-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .stroke-success-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .stroke-success-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .stroke-success-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .stroke-success-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-t-success-800 { border-top-color: var(--spectra-chromatic4-9); }
:root .border-t-success-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-t-success-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-t-success-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-t-success-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-t-success-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-t-success-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-t-success-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-t-success-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-t-success-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-r-success-800 { border-right-color: var(--spectra-chromatic4-9); }
:root .border-r-success-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-r-success-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-r-success-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-r-success-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-r-success-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-r-success-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-r-success-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-r-success-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-r-success-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-b-success-800 { border-bottom-color: var(--spectra-chromatic4-9); }
:root .border-b-success-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-b-success-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-b-success-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-b-success-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-b-success-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-b-success-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-b-success-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-b-success-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-b-success-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-l-success-800 { border-left-color: var(--spectra-chromatic4-9); }
:root .border-l-success-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-l-success-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-l-success-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-l-success-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-l-success-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-l-success-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-l-success-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-l-success-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-l-success-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-x-success-800 { border-left-color: var(--spectra-chromatic4-9); border-right-color: var(--spectra-chromatic4-9); }
:root .border-x-success-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-x-success-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-x-success-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-x-success-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-x-success-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-x-success-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-x-success-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-x-success-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-x-success-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .border-y-success-800 { border-top-color: var(--spectra-chromatic4-9); border-bottom-color: var(--spectra-chromatic4-9); }
:root .border-y-success-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 10%, transparent); }
:root .border-y-success-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 20%, transparent); }
:root .border-y-success-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 30%, transparent); }
:root .border-y-success-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 40%, transparent); }
:root .border-y-success-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 50%, transparent); }
:root .border-y-success-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 60%, transparent); }
:root .border-y-success-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 70%, transparent); }
:root .border-y-success-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 80%, transparent); }
:root .border-y-success-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-9) 90%, transparent); }
:root .ring-success-800 { --tw-ring-color: var(--spectra-chromatic4-9); }
:root .ring-offset-success-800 { --tw-ring-offset-color: var(--spectra-chromatic4-9); }
:root .bg-success-900 { background: var(--spectra-chromatic4-10); }
:root .bg-success-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .bg-success-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .bg-success-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .bg-success-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .bg-success-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .bg-success-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .bg-success-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .bg-success-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .bg-success-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .text-success-900 { color: var(--spectra-chromatic4-10); -webkit-text-fill-color: var(--spectra-chromatic4-10); }
:root .text-success-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .text-success-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .text-success-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .text-success-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .text-success-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .text-success-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .text-success-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .text-success-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .text-success-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-success-900 { border-color: var(--spectra-chromatic4-10); }
:root .border-success-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-success-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-success-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-success-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-success-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-success-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-success-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-success-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-success-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .outline-success-900 { outline-color: var(--spectra-chromatic4-10); }
:root .outline-success-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .outline-success-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .outline-success-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .outline-success-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .outline-success-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .outline-success-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .outline-success-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .outline-success-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .outline-success-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .overlay-success-900 { background: var(--spectra-chromatic4-10); }
:root .overlay-success-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .overlay-success-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .overlay-success-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .overlay-success-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .overlay-success-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .overlay-success-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .overlay-success-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .overlay-success-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .overlay-success-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .fill-success-900 { fill: var(--spectra-chromatic4-10); }
:root .fill-success-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .fill-success-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .fill-success-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .fill-success-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .fill-success-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .fill-success-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .fill-success-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .fill-success-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .fill-success-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .stroke-success-900 { stroke: var(--spectra-chromatic4-10); }
:root .stroke-success-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .stroke-success-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .stroke-success-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .stroke-success-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .stroke-success-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .stroke-success-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .stroke-success-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .stroke-success-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .stroke-success-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-t-success-900 { border-top-color: var(--spectra-chromatic4-10); }
:root .border-t-success-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-t-success-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-t-success-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-t-success-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-t-success-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-t-success-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-t-success-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-t-success-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-t-success-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-r-success-900 { border-right-color: var(--spectra-chromatic4-10); }
:root .border-r-success-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-r-success-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-r-success-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-r-success-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-r-success-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-r-success-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-r-success-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-r-success-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-r-success-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-b-success-900 { border-bottom-color: var(--spectra-chromatic4-10); }
:root .border-b-success-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-b-success-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-b-success-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-b-success-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-b-success-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-b-success-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-b-success-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-b-success-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-b-success-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-l-success-900 { border-left-color: var(--spectra-chromatic4-10); }
:root .border-l-success-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-l-success-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-l-success-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-l-success-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-l-success-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-l-success-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-l-success-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-l-success-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-l-success-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-x-success-900 { border-left-color: var(--spectra-chromatic4-10); border-right-color: var(--spectra-chromatic4-10); }
:root .border-x-success-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-x-success-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-x-success-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-x-success-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-x-success-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-x-success-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-x-success-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-x-success-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-x-success-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .border-y-success-900 { border-top-color: var(--spectra-chromatic4-10); border-bottom-color: var(--spectra-chromatic4-10); }
:root .border-y-success-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 10%, transparent); }
:root .border-y-success-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 20%, transparent); }
:root .border-y-success-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 30%, transparent); }
:root .border-y-success-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 40%, transparent); }
:root .border-y-success-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 50%, transparent); }
:root .border-y-success-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 60%, transparent); }
:root .border-y-success-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 70%, transparent); }
:root .border-y-success-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 80%, transparent); }
:root .border-y-success-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-10) 90%, transparent); }
:root .ring-success-900 { --tw-ring-color: var(--spectra-chromatic4-10); }
:root .ring-offset-success-900 { --tw-ring-offset-color: var(--spectra-chromatic4-10); }
:root .bg-success-950 { background: var(--spectra-chromatic4-11); }
:root .bg-success-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .bg-success-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .bg-success-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .bg-success-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .bg-success-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .bg-success-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .bg-success-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .bg-success-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .bg-success-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .text-success-950 { color: var(--spectra-chromatic4-11); -webkit-text-fill-color: var(--spectra-chromatic4-11); }
:root .text-success-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .text-success-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .text-success-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .text-success-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .text-success-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .text-success-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .text-success-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .text-success-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .text-success-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-success-950 { border-color: var(--spectra-chromatic4-11); }
:root .border-success-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-success-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-success-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-success-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-success-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-success-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-success-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-success-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-success-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .outline-success-950 { outline-color: var(--spectra-chromatic4-11); }
:root .outline-success-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .outline-success-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .outline-success-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .outline-success-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .outline-success-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .outline-success-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .outline-success-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .outline-success-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .outline-success-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .overlay-success-950 { background: var(--spectra-chromatic4-11); }
:root .overlay-success-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .overlay-success-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .overlay-success-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .overlay-success-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .overlay-success-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .overlay-success-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .overlay-success-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .overlay-success-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .overlay-success-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .fill-success-950 { fill: var(--spectra-chromatic4-11); }
:root .fill-success-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .fill-success-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .fill-success-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .fill-success-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .fill-success-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .fill-success-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .fill-success-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .fill-success-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .fill-success-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .stroke-success-950 { stroke: var(--spectra-chromatic4-11); }
:root .stroke-success-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .stroke-success-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .stroke-success-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .stroke-success-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .stroke-success-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .stroke-success-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .stroke-success-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .stroke-success-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .stroke-success-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-t-success-950 { border-top-color: var(--spectra-chromatic4-11); }
:root .border-t-success-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-t-success-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-t-success-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-t-success-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-t-success-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-t-success-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-t-success-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-t-success-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-t-success-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-r-success-950 { border-right-color: var(--spectra-chromatic4-11); }
:root .border-r-success-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-r-success-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-r-success-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-r-success-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-r-success-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-r-success-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-r-success-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-r-success-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-r-success-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-b-success-950 { border-bottom-color: var(--spectra-chromatic4-11); }
:root .border-b-success-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-b-success-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-b-success-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-b-success-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-b-success-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-b-success-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-b-success-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-b-success-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-b-success-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-l-success-950 { border-left-color: var(--spectra-chromatic4-11); }
:root .border-l-success-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-l-success-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-l-success-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-l-success-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-l-success-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-l-success-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-l-success-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-l-success-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-l-success-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-x-success-950 { border-left-color: var(--spectra-chromatic4-11); border-right-color: var(--spectra-chromatic4-11); }
:root .border-x-success-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-x-success-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-x-success-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-x-success-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-x-success-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-x-success-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-x-success-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-x-success-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-x-success-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .border-y-success-950 { border-top-color: var(--spectra-chromatic4-11); border-bottom-color: var(--spectra-chromatic4-11); }
:root .border-y-success-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 10%, transparent); }
:root .border-y-success-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 20%, transparent); }
:root .border-y-success-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 30%, transparent); }
:root .border-y-success-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 40%, transparent); }
:root .border-y-success-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 50%, transparent); }
:root .border-y-success-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 60%, transparent); }
:root .border-y-success-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 70%, transparent); }
:root .border-y-success-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 80%, transparent); }
:root .border-y-success-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic4-11) 90%, transparent); }
:root .ring-success-950 { --tw-ring-color: var(--spectra-chromatic4-11); }
:root .ring-offset-success-950 { --tw-ring-offset-color: var(--spectra-chromatic4-11); }
:root .bg-error-50 { background: var(--spectra-chromatic5-1); }
:root .bg-error-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .bg-error-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .bg-error-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .bg-error-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .bg-error-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .bg-error-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .bg-error-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .bg-error-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .bg-error-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .text-error-50 { color: var(--spectra-chromatic5-1); -webkit-text-fill-color: var(--spectra-chromatic5-1); }
:root .text-error-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .text-error-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .text-error-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .text-error-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .text-error-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .text-error-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .text-error-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .text-error-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .text-error-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-error-50 { border-color: var(--spectra-chromatic5-1); }
:root .border-error-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-error-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-error-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-error-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-error-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-error-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-error-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-error-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-error-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .outline-error-50 { outline-color: var(--spectra-chromatic5-1); }
:root .outline-error-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .outline-error-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .outline-error-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .outline-error-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .outline-error-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .outline-error-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .outline-error-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .outline-error-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .outline-error-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .overlay-error-50 { background: var(--spectra-chromatic5-1); }
:root .overlay-error-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .overlay-error-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .overlay-error-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .overlay-error-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .overlay-error-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .overlay-error-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .overlay-error-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .overlay-error-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .overlay-error-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .fill-error-50 { fill: var(--spectra-chromatic5-1); }
:root .fill-error-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .fill-error-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .fill-error-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .fill-error-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .fill-error-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .fill-error-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .fill-error-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .fill-error-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .fill-error-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .stroke-error-50 { stroke: var(--spectra-chromatic5-1); }
:root .stroke-error-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .stroke-error-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .stroke-error-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .stroke-error-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .stroke-error-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .stroke-error-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .stroke-error-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .stroke-error-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .stroke-error-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-t-error-50 { border-top-color: var(--spectra-chromatic5-1); }
:root .border-t-error-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-t-error-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-t-error-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-t-error-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-t-error-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-t-error-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-t-error-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-t-error-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-t-error-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-r-error-50 { border-right-color: var(--spectra-chromatic5-1); }
:root .border-r-error-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-r-error-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-r-error-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-r-error-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-r-error-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-r-error-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-r-error-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-r-error-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-r-error-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-b-error-50 { border-bottom-color: var(--spectra-chromatic5-1); }
:root .border-b-error-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-b-error-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-b-error-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-b-error-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-b-error-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-b-error-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-b-error-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-b-error-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-b-error-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-l-error-50 { border-left-color: var(--spectra-chromatic5-1); }
:root .border-l-error-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-l-error-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-l-error-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-l-error-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-l-error-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-l-error-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-l-error-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-l-error-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-l-error-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-x-error-50 { border-left-color: var(--spectra-chromatic5-1); border-right-color: var(--spectra-chromatic5-1); }
:root .border-x-error-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-x-error-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-x-error-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-x-error-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-x-error-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-x-error-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-x-error-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-x-error-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-x-error-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .border-y-error-50 { border-top-color: var(--spectra-chromatic5-1); border-bottom-color: var(--spectra-chromatic5-1); }
:root .border-y-error-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 10%, transparent); }
:root .border-y-error-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 20%, transparent); }
:root .border-y-error-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 30%, transparent); }
:root .border-y-error-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 40%, transparent); }
:root .border-y-error-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 50%, transparent); }
:root .border-y-error-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 60%, transparent); }
:root .border-y-error-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 70%, transparent); }
:root .border-y-error-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 80%, transparent); }
:root .border-y-error-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-1) 90%, transparent); }
:root .ring-error-50 { --tw-ring-color: var(--spectra-chromatic5-1); }
:root .ring-offset-error-50 { --tw-ring-offset-color: var(--spectra-chromatic5-1); }
:root .bg-error-100 { background: var(--spectra-chromatic5-2); }
:root .bg-error-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .bg-error-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .bg-error-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .bg-error-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .bg-error-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .bg-error-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .bg-error-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .bg-error-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .bg-error-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .text-error-100 { color: var(--spectra-chromatic5-2); -webkit-text-fill-color: var(--spectra-chromatic5-2); }
:root .text-error-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .text-error-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .text-error-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .text-error-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .text-error-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .text-error-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .text-error-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .text-error-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .text-error-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-error-100 { border-color: var(--spectra-chromatic5-2); }
:root .border-error-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-error-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-error-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-error-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-error-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-error-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-error-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-error-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-error-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .outline-error-100 { outline-color: var(--spectra-chromatic5-2); }
:root .outline-error-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .outline-error-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .outline-error-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .outline-error-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .outline-error-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .outline-error-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .outline-error-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .outline-error-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .outline-error-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .overlay-error-100 { background: var(--spectra-chromatic5-2); }
:root .overlay-error-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .overlay-error-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .overlay-error-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .overlay-error-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .overlay-error-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .overlay-error-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .overlay-error-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .overlay-error-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .overlay-error-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .fill-error-100 { fill: var(--spectra-chromatic5-2); }
:root .fill-error-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .fill-error-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .fill-error-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .fill-error-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .fill-error-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .fill-error-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .fill-error-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .fill-error-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .fill-error-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .stroke-error-100 { stroke: var(--spectra-chromatic5-2); }
:root .stroke-error-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .stroke-error-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .stroke-error-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .stroke-error-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .stroke-error-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .stroke-error-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .stroke-error-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .stroke-error-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .stroke-error-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-t-error-100 { border-top-color: var(--spectra-chromatic5-2); }
:root .border-t-error-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-t-error-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-t-error-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-t-error-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-t-error-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-t-error-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-t-error-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-t-error-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-t-error-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-r-error-100 { border-right-color: var(--spectra-chromatic5-2); }
:root .border-r-error-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-r-error-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-r-error-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-r-error-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-r-error-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-r-error-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-r-error-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-r-error-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-r-error-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-b-error-100 { border-bottom-color: var(--spectra-chromatic5-2); }
:root .border-b-error-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-b-error-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-b-error-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-b-error-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-b-error-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-b-error-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-b-error-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-b-error-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-b-error-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-l-error-100 { border-left-color: var(--spectra-chromatic5-2); }
:root .border-l-error-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-l-error-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-l-error-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-l-error-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-l-error-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-l-error-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-l-error-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-l-error-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-l-error-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-x-error-100 { border-left-color: var(--spectra-chromatic5-2); border-right-color: var(--spectra-chromatic5-2); }
:root .border-x-error-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-x-error-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-x-error-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-x-error-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-x-error-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-x-error-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-x-error-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-x-error-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-x-error-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .border-y-error-100 { border-top-color: var(--spectra-chromatic5-2); border-bottom-color: var(--spectra-chromatic5-2); }
:root .border-y-error-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 10%, transparent); }
:root .border-y-error-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 20%, transparent); }
:root .border-y-error-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 30%, transparent); }
:root .border-y-error-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 40%, transparent); }
:root .border-y-error-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 50%, transparent); }
:root .border-y-error-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 60%, transparent); }
:root .border-y-error-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 70%, transparent); }
:root .border-y-error-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 80%, transparent); }
:root .border-y-error-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-2) 90%, transparent); }
:root .ring-error-100 { --tw-ring-color: var(--spectra-chromatic5-2); }
:root .ring-offset-error-100 { --tw-ring-offset-color: var(--spectra-chromatic5-2); }
:root .bg-error-200 { background: var(--spectra-chromatic5-3); }
:root .bg-error-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .bg-error-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .bg-error-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .bg-error-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .bg-error-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .bg-error-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .bg-error-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .bg-error-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .bg-error-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .text-error-200 { color: var(--spectra-chromatic5-3); -webkit-text-fill-color: var(--spectra-chromatic5-3); }
:root .text-error-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .text-error-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .text-error-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .text-error-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .text-error-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .text-error-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .text-error-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .text-error-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .text-error-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-error-200 { border-color: var(--spectra-chromatic5-3); }
:root .border-error-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-error-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-error-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-error-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-error-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-error-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-error-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-error-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-error-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .outline-error-200 { outline-color: var(--spectra-chromatic5-3); }
:root .outline-error-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .outline-error-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .outline-error-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .outline-error-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .outline-error-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .outline-error-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .outline-error-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .outline-error-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .outline-error-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .overlay-error-200 { background: var(--spectra-chromatic5-3); }
:root .overlay-error-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .overlay-error-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .overlay-error-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .overlay-error-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .overlay-error-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .overlay-error-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .overlay-error-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .overlay-error-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .overlay-error-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .fill-error-200 { fill: var(--spectra-chromatic5-3); }
:root .fill-error-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .fill-error-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .fill-error-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .fill-error-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .fill-error-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .fill-error-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .fill-error-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .fill-error-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .fill-error-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .stroke-error-200 { stroke: var(--spectra-chromatic5-3); }
:root .stroke-error-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .stroke-error-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .stroke-error-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .stroke-error-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .stroke-error-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .stroke-error-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .stroke-error-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .stroke-error-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .stroke-error-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-t-error-200 { border-top-color: var(--spectra-chromatic5-3); }
:root .border-t-error-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-t-error-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-t-error-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-t-error-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-t-error-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-t-error-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-t-error-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-t-error-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-t-error-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-r-error-200 { border-right-color: var(--spectra-chromatic5-3); }
:root .border-r-error-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-r-error-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-r-error-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-r-error-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-r-error-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-r-error-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-r-error-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-r-error-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-r-error-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-b-error-200 { border-bottom-color: var(--spectra-chromatic5-3); }
:root .border-b-error-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-b-error-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-b-error-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-b-error-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-b-error-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-b-error-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-b-error-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-b-error-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-b-error-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-l-error-200 { border-left-color: var(--spectra-chromatic5-3); }
:root .border-l-error-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-l-error-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-l-error-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-l-error-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-l-error-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-l-error-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-l-error-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-l-error-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-l-error-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-x-error-200 { border-left-color: var(--spectra-chromatic5-3); border-right-color: var(--spectra-chromatic5-3); }
:root .border-x-error-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-x-error-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-x-error-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-x-error-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-x-error-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-x-error-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-x-error-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-x-error-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-x-error-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .border-y-error-200 { border-top-color: var(--spectra-chromatic5-3); border-bottom-color: var(--spectra-chromatic5-3); }
:root .border-y-error-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 10%, transparent); }
:root .border-y-error-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 20%, transparent); }
:root .border-y-error-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 30%, transparent); }
:root .border-y-error-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 40%, transparent); }
:root .border-y-error-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 50%, transparent); }
:root .border-y-error-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 60%, transparent); }
:root .border-y-error-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 70%, transparent); }
:root .border-y-error-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 80%, transparent); }
:root .border-y-error-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-3) 90%, transparent); }
:root .ring-error-200 { --tw-ring-color: var(--spectra-chromatic5-3); }
:root .ring-offset-error-200 { --tw-ring-offset-color: var(--spectra-chromatic5-3); }
:root .bg-error-300 { background: var(--spectra-chromatic5-4); }
:root .bg-error-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .bg-error-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .bg-error-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .bg-error-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .bg-error-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .bg-error-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .bg-error-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .bg-error-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .bg-error-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .text-error-300 { color: var(--spectra-chromatic5-4); -webkit-text-fill-color: var(--spectra-chromatic5-4); }
:root .text-error-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .text-error-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .text-error-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .text-error-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .text-error-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .text-error-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .text-error-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .text-error-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .text-error-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-error-300 { border-color: var(--spectra-chromatic5-4); }
:root .border-error-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-error-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-error-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-error-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-error-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-error-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-error-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-error-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-error-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .outline-error-300 { outline-color: var(--spectra-chromatic5-4); }
:root .outline-error-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .outline-error-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .outline-error-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .outline-error-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .outline-error-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .outline-error-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .outline-error-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .outline-error-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .outline-error-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .overlay-error-300 { background: var(--spectra-chromatic5-4); }
:root .overlay-error-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .overlay-error-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .overlay-error-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .overlay-error-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .overlay-error-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .overlay-error-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .overlay-error-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .overlay-error-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .overlay-error-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .fill-error-300 { fill: var(--spectra-chromatic5-4); }
:root .fill-error-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .fill-error-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .fill-error-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .fill-error-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .fill-error-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .fill-error-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .fill-error-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .fill-error-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .fill-error-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .stroke-error-300 { stroke: var(--spectra-chromatic5-4); }
:root .stroke-error-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .stroke-error-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .stroke-error-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .stroke-error-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .stroke-error-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .stroke-error-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .stroke-error-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .stroke-error-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .stroke-error-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-t-error-300 { border-top-color: var(--spectra-chromatic5-4); }
:root .border-t-error-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-t-error-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-t-error-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-t-error-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-t-error-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-t-error-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-t-error-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-t-error-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-t-error-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-r-error-300 { border-right-color: var(--spectra-chromatic5-4); }
:root .border-r-error-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-r-error-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-r-error-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-r-error-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-r-error-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-r-error-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-r-error-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-r-error-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-r-error-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-b-error-300 { border-bottom-color: var(--spectra-chromatic5-4); }
:root .border-b-error-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-b-error-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-b-error-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-b-error-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-b-error-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-b-error-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-b-error-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-b-error-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-b-error-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-l-error-300 { border-left-color: var(--spectra-chromatic5-4); }
:root .border-l-error-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-l-error-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-l-error-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-l-error-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-l-error-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-l-error-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-l-error-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-l-error-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-l-error-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-x-error-300 { border-left-color: var(--spectra-chromatic5-4); border-right-color: var(--spectra-chromatic5-4); }
:root .border-x-error-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-x-error-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-x-error-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-x-error-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-x-error-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-x-error-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-x-error-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-x-error-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-x-error-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .border-y-error-300 { border-top-color: var(--spectra-chromatic5-4); border-bottom-color: var(--spectra-chromatic5-4); }
:root .border-y-error-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 10%, transparent); }
:root .border-y-error-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 20%, transparent); }
:root .border-y-error-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 30%, transparent); }
:root .border-y-error-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 40%, transparent); }
:root .border-y-error-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 50%, transparent); }
:root .border-y-error-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 60%, transparent); }
:root .border-y-error-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 70%, transparent); }
:root .border-y-error-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 80%, transparent); }
:root .border-y-error-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-4) 90%, transparent); }
:root .ring-error-300 { --tw-ring-color: var(--spectra-chromatic5-4); }
:root .ring-offset-error-300 { --tw-ring-offset-color: var(--spectra-chromatic5-4); }
:root .bg-error-400 { background: var(--spectra-chromatic5-5); }
:root .bg-error-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .bg-error-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .bg-error-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .bg-error-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .bg-error-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .bg-error-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .bg-error-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .bg-error-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .bg-error-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .text-error-400 { color: var(--spectra-chromatic5-5); -webkit-text-fill-color: var(--spectra-chromatic5-5); }
:root .text-error-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .text-error-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .text-error-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .text-error-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .text-error-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .text-error-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .text-error-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .text-error-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .text-error-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-error-400 { border-color: var(--spectra-chromatic5-5); }
:root .border-error-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-error-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-error-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-error-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-error-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-error-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-error-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-error-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-error-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .outline-error-400 { outline-color: var(--spectra-chromatic5-5); }
:root .outline-error-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .outline-error-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .outline-error-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .outline-error-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .outline-error-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .outline-error-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .outline-error-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .outline-error-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .outline-error-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .overlay-error-400 { background: var(--spectra-chromatic5-5); }
:root .overlay-error-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .overlay-error-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .overlay-error-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .overlay-error-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .overlay-error-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .overlay-error-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .overlay-error-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .overlay-error-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .overlay-error-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .fill-error-400 { fill: var(--spectra-chromatic5-5); }
:root .fill-error-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .fill-error-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .fill-error-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .fill-error-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .fill-error-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .fill-error-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .fill-error-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .fill-error-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .fill-error-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .stroke-error-400 { stroke: var(--spectra-chromatic5-5); }
:root .stroke-error-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .stroke-error-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .stroke-error-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .stroke-error-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .stroke-error-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .stroke-error-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .stroke-error-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .stroke-error-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .stroke-error-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-t-error-400 { border-top-color: var(--spectra-chromatic5-5); }
:root .border-t-error-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-t-error-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-t-error-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-t-error-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-t-error-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-t-error-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-t-error-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-t-error-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-t-error-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-r-error-400 { border-right-color: var(--spectra-chromatic5-5); }
:root .border-r-error-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-r-error-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-r-error-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-r-error-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-r-error-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-r-error-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-r-error-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-r-error-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-r-error-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-b-error-400 { border-bottom-color: var(--spectra-chromatic5-5); }
:root .border-b-error-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-b-error-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-b-error-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-b-error-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-b-error-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-b-error-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-b-error-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-b-error-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-b-error-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-l-error-400 { border-left-color: var(--spectra-chromatic5-5); }
:root .border-l-error-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-l-error-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-l-error-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-l-error-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-l-error-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-l-error-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-l-error-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-l-error-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-l-error-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-x-error-400 { border-left-color: var(--spectra-chromatic5-5); border-right-color: var(--spectra-chromatic5-5); }
:root .border-x-error-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-x-error-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-x-error-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-x-error-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-x-error-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-x-error-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-x-error-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-x-error-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-x-error-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .border-y-error-400 { border-top-color: var(--spectra-chromatic5-5); border-bottom-color: var(--spectra-chromatic5-5); }
:root .border-y-error-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 10%, transparent); }
:root .border-y-error-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 20%, transparent); }
:root .border-y-error-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 30%, transparent); }
:root .border-y-error-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 40%, transparent); }
:root .border-y-error-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 50%, transparent); }
:root .border-y-error-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 60%, transparent); }
:root .border-y-error-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 70%, transparent); }
:root .border-y-error-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 80%, transparent); }
:root .border-y-error-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-5) 90%, transparent); }
:root .ring-error-400 { --tw-ring-color: var(--spectra-chromatic5-5); }
:root .ring-offset-error-400 { --tw-ring-offset-color: var(--spectra-chromatic5-5); }
:root .bg-error-500 { background: var(--spectra-chromatic5-6); }
:root .bg-error-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .bg-error-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .bg-error-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .bg-error-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .bg-error-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .bg-error-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .bg-error-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .bg-error-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .bg-error-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .text-error-500 { color: var(--spectra-chromatic5-6); -webkit-text-fill-color: var(--spectra-chromatic5-6); }
:root .text-error-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .text-error-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .text-error-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .text-error-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .text-error-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .text-error-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .text-error-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .text-error-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .text-error-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-error-500 { border-color: var(--spectra-chromatic5-6); }
:root .border-error-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-error-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-error-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-error-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-error-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-error-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-error-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-error-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-error-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .outline-error-500 { outline-color: var(--spectra-chromatic5-6); }
:root .outline-error-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .outline-error-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .outline-error-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .outline-error-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .outline-error-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .outline-error-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .outline-error-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .outline-error-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .outline-error-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .overlay-error-500 { background: var(--spectra-chromatic5-6); }
:root .overlay-error-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .overlay-error-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .overlay-error-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .overlay-error-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .overlay-error-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .overlay-error-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .overlay-error-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .overlay-error-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .overlay-error-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .fill-error-500 { fill: var(--spectra-chromatic5-6); }
:root .fill-error-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .fill-error-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .fill-error-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .fill-error-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .fill-error-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .fill-error-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .fill-error-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .fill-error-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .fill-error-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .stroke-error-500 { stroke: var(--spectra-chromatic5-6); }
:root .stroke-error-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .stroke-error-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .stroke-error-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .stroke-error-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .stroke-error-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .stroke-error-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .stroke-error-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .stroke-error-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .stroke-error-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-t-error-500 { border-top-color: var(--spectra-chromatic5-6); }
:root .border-t-error-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-t-error-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-t-error-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-t-error-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-t-error-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-t-error-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-t-error-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-t-error-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-t-error-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-r-error-500 { border-right-color: var(--spectra-chromatic5-6); }
:root .border-r-error-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-r-error-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-r-error-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-r-error-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-r-error-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-r-error-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-r-error-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-r-error-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-r-error-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-b-error-500 { border-bottom-color: var(--spectra-chromatic5-6); }
:root .border-b-error-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-b-error-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-b-error-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-b-error-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-b-error-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-b-error-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-b-error-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-b-error-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-b-error-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-l-error-500 { border-left-color: var(--spectra-chromatic5-6); }
:root .border-l-error-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-l-error-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-l-error-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-l-error-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-l-error-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-l-error-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-l-error-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-l-error-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-l-error-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-x-error-500 { border-left-color: var(--spectra-chromatic5-6); border-right-color: var(--spectra-chromatic5-6); }
:root .border-x-error-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-x-error-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-x-error-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-x-error-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-x-error-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-x-error-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-x-error-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-x-error-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-x-error-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .border-y-error-500 { border-top-color: var(--spectra-chromatic5-6); border-bottom-color: var(--spectra-chromatic5-6); }
:root .border-y-error-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 10%, transparent); }
:root .border-y-error-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 20%, transparent); }
:root .border-y-error-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 30%, transparent); }
:root .border-y-error-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 40%, transparent); }
:root .border-y-error-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 50%, transparent); }
:root .border-y-error-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 60%, transparent); }
:root .border-y-error-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 70%, transparent); }
:root .border-y-error-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 80%, transparent); }
:root .border-y-error-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-6) 90%, transparent); }
:root .ring-error-500 { --tw-ring-color: var(--spectra-chromatic5-6); }
:root .ring-offset-error-500 { --tw-ring-offset-color: var(--spectra-chromatic5-6); }
:root .bg-error-600 { background: var(--spectra-chromatic5-7); }
:root .bg-error-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .bg-error-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .bg-error-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .bg-error-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .bg-error-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .bg-error-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .bg-error-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .bg-error-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .bg-error-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .text-error-600 { color: var(--spectra-chromatic5-7); -webkit-text-fill-color: var(--spectra-chromatic5-7); }
:root .text-error-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .text-error-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .text-error-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .text-error-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .text-error-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .text-error-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .text-error-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .text-error-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .text-error-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-error-600 { border-color: var(--spectra-chromatic5-7); }
:root .border-error-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-error-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-error-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-error-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-error-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-error-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-error-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-error-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-error-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .outline-error-600 { outline-color: var(--spectra-chromatic5-7); }
:root .outline-error-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .outline-error-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .outline-error-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .outline-error-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .outline-error-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .outline-error-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .outline-error-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .outline-error-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .outline-error-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .overlay-error-600 { background: var(--spectra-chromatic5-7); }
:root .overlay-error-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .overlay-error-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .overlay-error-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .overlay-error-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .overlay-error-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .overlay-error-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .overlay-error-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .overlay-error-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .overlay-error-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .fill-error-600 { fill: var(--spectra-chromatic5-7); }
:root .fill-error-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .fill-error-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .fill-error-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .fill-error-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .fill-error-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .fill-error-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .fill-error-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .fill-error-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .fill-error-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .stroke-error-600 { stroke: var(--spectra-chromatic5-7); }
:root .stroke-error-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .stroke-error-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .stroke-error-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .stroke-error-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .stroke-error-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .stroke-error-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .stroke-error-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .stroke-error-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .stroke-error-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-t-error-600 { border-top-color: var(--spectra-chromatic5-7); }
:root .border-t-error-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-t-error-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-t-error-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-t-error-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-t-error-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-t-error-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-t-error-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-t-error-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-t-error-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-r-error-600 { border-right-color: var(--spectra-chromatic5-7); }
:root .border-r-error-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-r-error-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-r-error-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-r-error-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-r-error-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-r-error-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-r-error-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-r-error-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-r-error-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-b-error-600 { border-bottom-color: var(--spectra-chromatic5-7); }
:root .border-b-error-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-b-error-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-b-error-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-b-error-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-b-error-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-b-error-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-b-error-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-b-error-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-b-error-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-l-error-600 { border-left-color: var(--spectra-chromatic5-7); }
:root .border-l-error-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-l-error-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-l-error-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-l-error-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-l-error-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-l-error-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-l-error-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-l-error-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-l-error-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-x-error-600 { border-left-color: var(--spectra-chromatic5-7); border-right-color: var(--spectra-chromatic5-7); }
:root .border-x-error-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-x-error-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-x-error-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-x-error-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-x-error-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-x-error-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-x-error-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-x-error-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-x-error-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .border-y-error-600 { border-top-color: var(--spectra-chromatic5-7); border-bottom-color: var(--spectra-chromatic5-7); }
:root .border-y-error-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 10%, transparent); }
:root .border-y-error-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 20%, transparent); }
:root .border-y-error-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 30%, transparent); }
:root .border-y-error-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 40%, transparent); }
:root .border-y-error-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 50%, transparent); }
:root .border-y-error-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 60%, transparent); }
:root .border-y-error-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 70%, transparent); }
:root .border-y-error-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 80%, transparent); }
:root .border-y-error-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-7) 90%, transparent); }
:root .ring-error-600 { --tw-ring-color: var(--spectra-chromatic5-7); }
:root .ring-offset-error-600 { --tw-ring-offset-color: var(--spectra-chromatic5-7); }
:root .bg-error-700 { background: var(--spectra-chromatic5-8); }
:root .bg-error-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .bg-error-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .bg-error-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .bg-error-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .bg-error-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .bg-error-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .bg-error-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .bg-error-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .bg-error-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .text-error-700 { color: var(--spectra-chromatic5-8); -webkit-text-fill-color: var(--spectra-chromatic5-8); }
:root .text-error-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .text-error-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .text-error-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .text-error-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .text-error-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .text-error-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .text-error-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .text-error-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .text-error-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-error-700 { border-color: var(--spectra-chromatic5-8); }
:root .border-error-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-error-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-error-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-error-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-error-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-error-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-error-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-error-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-error-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .outline-error-700 { outline-color: var(--spectra-chromatic5-8); }
:root .outline-error-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .outline-error-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .outline-error-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .outline-error-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .outline-error-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .outline-error-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .outline-error-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .outline-error-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .outline-error-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .overlay-error-700 { background: var(--spectra-chromatic5-8); }
:root .overlay-error-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .overlay-error-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .overlay-error-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .overlay-error-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .overlay-error-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .overlay-error-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .overlay-error-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .overlay-error-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .overlay-error-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .fill-error-700 { fill: var(--spectra-chromatic5-8); }
:root .fill-error-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .fill-error-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .fill-error-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .fill-error-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .fill-error-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .fill-error-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .fill-error-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .fill-error-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .fill-error-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .stroke-error-700 { stroke: var(--spectra-chromatic5-8); }
:root .stroke-error-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .stroke-error-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .stroke-error-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .stroke-error-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .stroke-error-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .stroke-error-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .stroke-error-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .stroke-error-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .stroke-error-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-t-error-700 { border-top-color: var(--spectra-chromatic5-8); }
:root .border-t-error-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-t-error-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-t-error-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-t-error-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-t-error-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-t-error-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-t-error-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-t-error-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-t-error-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-r-error-700 { border-right-color: var(--spectra-chromatic5-8); }
:root .border-r-error-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-r-error-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-r-error-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-r-error-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-r-error-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-r-error-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-r-error-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-r-error-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-r-error-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-b-error-700 { border-bottom-color: var(--spectra-chromatic5-8); }
:root .border-b-error-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-b-error-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-b-error-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-b-error-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-b-error-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-b-error-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-b-error-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-b-error-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-b-error-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-l-error-700 { border-left-color: var(--spectra-chromatic5-8); }
:root .border-l-error-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-l-error-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-l-error-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-l-error-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-l-error-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-l-error-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-l-error-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-l-error-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-l-error-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-x-error-700 { border-left-color: var(--spectra-chromatic5-8); border-right-color: var(--spectra-chromatic5-8); }
:root .border-x-error-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-x-error-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-x-error-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-x-error-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-x-error-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-x-error-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-x-error-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-x-error-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-x-error-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .border-y-error-700 { border-top-color: var(--spectra-chromatic5-8); border-bottom-color: var(--spectra-chromatic5-8); }
:root .border-y-error-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 10%, transparent); }
:root .border-y-error-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 20%, transparent); }
:root .border-y-error-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 30%, transparent); }
:root .border-y-error-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 40%, transparent); }
:root .border-y-error-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 50%, transparent); }
:root .border-y-error-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 60%, transparent); }
:root .border-y-error-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 70%, transparent); }
:root .border-y-error-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 80%, transparent); }
:root .border-y-error-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-8) 90%, transparent); }
:root .ring-error-700 { --tw-ring-color: var(--spectra-chromatic5-8); }
:root .ring-offset-error-700 { --tw-ring-offset-color: var(--spectra-chromatic5-8); }
:root .bg-error-800 { background: var(--spectra-chromatic5-9); }
:root .bg-error-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .bg-error-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .bg-error-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .bg-error-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .bg-error-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .bg-error-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .bg-error-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .bg-error-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .bg-error-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .text-error-800 { color: var(--spectra-chromatic5-9); -webkit-text-fill-color: var(--spectra-chromatic5-9); }
:root .text-error-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .text-error-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .text-error-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .text-error-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .text-error-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .text-error-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .text-error-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .text-error-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .text-error-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-error-800 { border-color: var(--spectra-chromatic5-9); }
:root .border-error-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-error-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-error-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-error-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-error-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-error-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-error-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-error-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-error-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .outline-error-800 { outline-color: var(--spectra-chromatic5-9); }
:root .outline-error-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .outline-error-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .outline-error-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .outline-error-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .outline-error-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .outline-error-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .outline-error-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .outline-error-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .outline-error-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .overlay-error-800 { background: var(--spectra-chromatic5-9); }
:root .overlay-error-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .overlay-error-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .overlay-error-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .overlay-error-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .overlay-error-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .overlay-error-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .overlay-error-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .overlay-error-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .overlay-error-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .fill-error-800 { fill: var(--spectra-chromatic5-9); }
:root .fill-error-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .fill-error-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .fill-error-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .fill-error-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .fill-error-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .fill-error-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .fill-error-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .fill-error-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .fill-error-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .stroke-error-800 { stroke: var(--spectra-chromatic5-9); }
:root .stroke-error-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .stroke-error-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .stroke-error-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .stroke-error-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .stroke-error-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .stroke-error-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .stroke-error-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .stroke-error-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .stroke-error-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-t-error-800 { border-top-color: var(--spectra-chromatic5-9); }
:root .border-t-error-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-t-error-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-t-error-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-t-error-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-t-error-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-t-error-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-t-error-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-t-error-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-t-error-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-r-error-800 { border-right-color: var(--spectra-chromatic5-9); }
:root .border-r-error-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-r-error-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-r-error-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-r-error-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-r-error-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-r-error-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-r-error-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-r-error-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-r-error-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-b-error-800 { border-bottom-color: var(--spectra-chromatic5-9); }
:root .border-b-error-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-b-error-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-b-error-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-b-error-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-b-error-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-b-error-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-b-error-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-b-error-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-b-error-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-l-error-800 { border-left-color: var(--spectra-chromatic5-9); }
:root .border-l-error-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-l-error-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-l-error-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-l-error-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-l-error-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-l-error-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-l-error-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-l-error-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-l-error-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-x-error-800 { border-left-color: var(--spectra-chromatic5-9); border-right-color: var(--spectra-chromatic5-9); }
:root .border-x-error-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-x-error-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-x-error-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-x-error-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-x-error-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-x-error-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-x-error-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-x-error-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-x-error-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .border-y-error-800 { border-top-color: var(--spectra-chromatic5-9); border-bottom-color: var(--spectra-chromatic5-9); }
:root .border-y-error-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 10%, transparent); }
:root .border-y-error-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 20%, transparent); }
:root .border-y-error-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 30%, transparent); }
:root .border-y-error-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 40%, transparent); }
:root .border-y-error-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 50%, transparent); }
:root .border-y-error-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 60%, transparent); }
:root .border-y-error-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 70%, transparent); }
:root .border-y-error-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 80%, transparent); }
:root .border-y-error-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-9) 90%, transparent); }
:root .ring-error-800 { --tw-ring-color: var(--spectra-chromatic5-9); }
:root .ring-offset-error-800 { --tw-ring-offset-color: var(--spectra-chromatic5-9); }
:root .bg-error-900 { background: var(--spectra-chromatic5-10); }
:root .bg-error-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .bg-error-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .bg-error-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .bg-error-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .bg-error-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .bg-error-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .bg-error-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .bg-error-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .bg-error-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .text-error-900 { color: var(--spectra-chromatic5-10); -webkit-text-fill-color: var(--spectra-chromatic5-10); }
:root .text-error-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .text-error-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .text-error-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .text-error-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .text-error-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .text-error-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .text-error-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .text-error-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .text-error-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-error-900 { border-color: var(--spectra-chromatic5-10); }
:root .border-error-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-error-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-error-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-error-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-error-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-error-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-error-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-error-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-error-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .outline-error-900 { outline-color: var(--spectra-chromatic5-10); }
:root .outline-error-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .outline-error-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .outline-error-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .outline-error-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .outline-error-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .outline-error-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .outline-error-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .outline-error-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .outline-error-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .overlay-error-900 { background: var(--spectra-chromatic5-10); }
:root .overlay-error-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .overlay-error-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .overlay-error-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .overlay-error-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .overlay-error-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .overlay-error-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .overlay-error-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .overlay-error-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .overlay-error-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .fill-error-900 { fill: var(--spectra-chromatic5-10); }
:root .fill-error-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .fill-error-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .fill-error-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .fill-error-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .fill-error-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .fill-error-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .fill-error-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .fill-error-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .fill-error-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .stroke-error-900 { stroke: var(--spectra-chromatic5-10); }
:root .stroke-error-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .stroke-error-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .stroke-error-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .stroke-error-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .stroke-error-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .stroke-error-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .stroke-error-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .stroke-error-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .stroke-error-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-t-error-900 { border-top-color: var(--spectra-chromatic5-10); }
:root .border-t-error-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-t-error-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-t-error-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-t-error-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-t-error-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-t-error-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-t-error-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-t-error-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-t-error-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-r-error-900 { border-right-color: var(--spectra-chromatic5-10); }
:root .border-r-error-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-r-error-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-r-error-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-r-error-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-r-error-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-r-error-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-r-error-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-r-error-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-r-error-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-b-error-900 { border-bottom-color: var(--spectra-chromatic5-10); }
:root .border-b-error-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-b-error-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-b-error-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-b-error-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-b-error-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-b-error-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-b-error-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-b-error-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-b-error-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-l-error-900 { border-left-color: var(--spectra-chromatic5-10); }
:root .border-l-error-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-l-error-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-l-error-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-l-error-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-l-error-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-l-error-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-l-error-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-l-error-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-l-error-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-x-error-900 { border-left-color: var(--spectra-chromatic5-10); border-right-color: var(--spectra-chromatic5-10); }
:root .border-x-error-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-x-error-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-x-error-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-x-error-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-x-error-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-x-error-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-x-error-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-x-error-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-x-error-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .border-y-error-900 { border-top-color: var(--spectra-chromatic5-10); border-bottom-color: var(--spectra-chromatic5-10); }
:root .border-y-error-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 10%, transparent); }
:root .border-y-error-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 20%, transparent); }
:root .border-y-error-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 30%, transparent); }
:root .border-y-error-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 40%, transparent); }
:root .border-y-error-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 50%, transparent); }
:root .border-y-error-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 60%, transparent); }
:root .border-y-error-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 70%, transparent); }
:root .border-y-error-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 80%, transparent); }
:root .border-y-error-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-10) 90%, transparent); }
:root .ring-error-900 { --tw-ring-color: var(--spectra-chromatic5-10); }
:root .ring-offset-error-900 { --tw-ring-offset-color: var(--spectra-chromatic5-10); }
:root .bg-error-950 { background: var(--spectra-chromatic5-11); }
:root .bg-error-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .bg-error-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .bg-error-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .bg-error-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .bg-error-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .bg-error-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .bg-error-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .bg-error-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .bg-error-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .text-error-950 { color: var(--spectra-chromatic5-11); -webkit-text-fill-color: var(--spectra-chromatic5-11); }
:root .text-error-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .text-error-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .text-error-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .text-error-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .text-error-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .text-error-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .text-error-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .text-error-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .text-error-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-error-950 { border-color: var(--spectra-chromatic5-11); }
:root .border-error-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-error-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-error-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-error-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-error-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-error-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-error-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-error-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-error-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .outline-error-950 { outline-color: var(--spectra-chromatic5-11); }
:root .outline-error-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .outline-error-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .outline-error-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .outline-error-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .outline-error-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .outline-error-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .outline-error-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .outline-error-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .outline-error-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .overlay-error-950 { background: var(--spectra-chromatic5-11); }
:root .overlay-error-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .overlay-error-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .overlay-error-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .overlay-error-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .overlay-error-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .overlay-error-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .overlay-error-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .overlay-error-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .overlay-error-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .fill-error-950 { fill: var(--spectra-chromatic5-11); }
:root .fill-error-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .fill-error-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .fill-error-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .fill-error-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .fill-error-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .fill-error-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .fill-error-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .fill-error-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .fill-error-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .stroke-error-950 { stroke: var(--spectra-chromatic5-11); }
:root .stroke-error-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .stroke-error-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .stroke-error-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .stroke-error-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .stroke-error-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .stroke-error-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .stroke-error-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .stroke-error-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .stroke-error-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-t-error-950 { border-top-color: var(--spectra-chromatic5-11); }
:root .border-t-error-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-t-error-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-t-error-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-t-error-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-t-error-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-t-error-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-t-error-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-t-error-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-t-error-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-r-error-950 { border-right-color: var(--spectra-chromatic5-11); }
:root .border-r-error-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-r-error-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-r-error-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-r-error-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-r-error-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-r-error-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-r-error-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-r-error-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-r-error-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-b-error-950 { border-bottom-color: var(--spectra-chromatic5-11); }
:root .border-b-error-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-b-error-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-b-error-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-b-error-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-b-error-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-b-error-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-b-error-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-b-error-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-b-error-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-l-error-950 { border-left-color: var(--spectra-chromatic5-11); }
:root .border-l-error-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-l-error-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-l-error-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-l-error-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-l-error-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-l-error-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-l-error-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-l-error-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-l-error-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-x-error-950 { border-left-color: var(--spectra-chromatic5-11); border-right-color: var(--spectra-chromatic5-11); }
:root .border-x-error-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-x-error-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-x-error-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-x-error-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-x-error-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-x-error-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-x-error-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-x-error-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-x-error-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .border-y-error-950 { border-top-color: var(--spectra-chromatic5-11); border-bottom-color: var(--spectra-chromatic5-11); }
:root .border-y-error-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 10%, transparent); }
:root .border-y-error-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 20%, transparent); }
:root .border-y-error-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 30%, transparent); }
:root .border-y-error-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 40%, transparent); }
:root .border-y-error-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 50%, transparent); }
:root .border-y-error-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 60%, transparent); }
:root .border-y-error-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 70%, transparent); }
:root .border-y-error-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 80%, transparent); }
:root .border-y-error-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic5-11) 90%, transparent); }
:root .ring-error-950 { --tw-ring-color: var(--spectra-chromatic5-11); }
:root .ring-offset-error-950 { --tw-ring-offset-color: var(--spectra-chromatic5-11); }
:root .bg-info-50 { background: var(--spectra-chromatic6-1); }
:root .bg-info-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .bg-info-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .bg-info-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .bg-info-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .bg-info-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .bg-info-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .bg-info-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .bg-info-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .bg-info-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .text-info-50 { color: var(--spectra-chromatic6-1); -webkit-text-fill-color: var(--spectra-chromatic6-1); }
:root .text-info-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .text-info-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .text-info-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .text-info-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .text-info-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .text-info-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .text-info-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .text-info-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .text-info-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-info-50 { border-color: var(--spectra-chromatic6-1); }
:root .border-info-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-info-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-info-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-info-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-info-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-info-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-info-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-info-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-info-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .outline-info-50 { outline-color: var(--spectra-chromatic6-1); }
:root .outline-info-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .outline-info-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .outline-info-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .outline-info-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .outline-info-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .outline-info-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .outline-info-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .outline-info-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .outline-info-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .overlay-info-50 { background: var(--spectra-chromatic6-1); }
:root .overlay-info-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .overlay-info-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .overlay-info-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .overlay-info-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .overlay-info-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .overlay-info-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .overlay-info-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .overlay-info-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .overlay-info-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .fill-info-50 { fill: var(--spectra-chromatic6-1); }
:root .fill-info-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .fill-info-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .fill-info-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .fill-info-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .fill-info-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .fill-info-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .fill-info-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .fill-info-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .fill-info-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .stroke-info-50 { stroke: var(--spectra-chromatic6-1); }
:root .stroke-info-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .stroke-info-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .stroke-info-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .stroke-info-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .stroke-info-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .stroke-info-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .stroke-info-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .stroke-info-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .stroke-info-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-t-info-50 { border-top-color: var(--spectra-chromatic6-1); }
:root .border-t-info-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-t-info-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-t-info-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-t-info-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-t-info-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-t-info-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-t-info-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-t-info-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-t-info-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-r-info-50 { border-right-color: var(--spectra-chromatic6-1); }
:root .border-r-info-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-r-info-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-r-info-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-r-info-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-r-info-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-r-info-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-r-info-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-r-info-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-r-info-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-b-info-50 { border-bottom-color: var(--spectra-chromatic6-1); }
:root .border-b-info-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-b-info-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-b-info-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-b-info-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-b-info-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-b-info-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-b-info-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-b-info-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-b-info-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-l-info-50 { border-left-color: var(--spectra-chromatic6-1); }
:root .border-l-info-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-l-info-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-l-info-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-l-info-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-l-info-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-l-info-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-l-info-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-l-info-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-l-info-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-x-info-50 { border-left-color: var(--spectra-chromatic6-1); border-right-color: var(--spectra-chromatic6-1); }
:root .border-x-info-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-x-info-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-x-info-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-x-info-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-x-info-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-x-info-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-x-info-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-x-info-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-x-info-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .border-y-info-50 { border-top-color: var(--spectra-chromatic6-1); border-bottom-color: var(--spectra-chromatic6-1); }
:root .border-y-info-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 10%, transparent); }
:root .border-y-info-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 20%, transparent); }
:root .border-y-info-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 30%, transparent); }
:root .border-y-info-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 40%, transparent); }
:root .border-y-info-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 50%, transparent); }
:root .border-y-info-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 60%, transparent); }
:root .border-y-info-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 70%, transparent); }
:root .border-y-info-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 80%, transparent); }
:root .border-y-info-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-1) 90%, transparent); }
:root .ring-info-50 { --tw-ring-color: var(--spectra-chromatic6-1); }
:root .ring-offset-info-50 { --tw-ring-offset-color: var(--spectra-chromatic6-1); }
:root .bg-info-100 { background: var(--spectra-chromatic6-2); }
:root .bg-info-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .bg-info-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .bg-info-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .bg-info-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .bg-info-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .bg-info-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .bg-info-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .bg-info-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .bg-info-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .text-info-100 { color: var(--spectra-chromatic6-2); -webkit-text-fill-color: var(--spectra-chromatic6-2); }
:root .text-info-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .text-info-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .text-info-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .text-info-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .text-info-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .text-info-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .text-info-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .text-info-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .text-info-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-info-100 { border-color: var(--spectra-chromatic6-2); }
:root .border-info-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-info-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-info-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-info-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-info-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-info-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-info-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-info-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-info-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .outline-info-100 { outline-color: var(--spectra-chromatic6-2); }
:root .outline-info-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .outline-info-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .outline-info-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .outline-info-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .outline-info-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .outline-info-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .outline-info-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .outline-info-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .outline-info-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .overlay-info-100 { background: var(--spectra-chromatic6-2); }
:root .overlay-info-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .overlay-info-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .overlay-info-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .overlay-info-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .overlay-info-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .overlay-info-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .overlay-info-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .overlay-info-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .overlay-info-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .fill-info-100 { fill: var(--spectra-chromatic6-2); }
:root .fill-info-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .fill-info-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .fill-info-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .fill-info-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .fill-info-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .fill-info-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .fill-info-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .fill-info-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .fill-info-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .stroke-info-100 { stroke: var(--spectra-chromatic6-2); }
:root .stroke-info-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .stroke-info-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .stroke-info-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .stroke-info-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .stroke-info-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .stroke-info-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .stroke-info-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .stroke-info-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .stroke-info-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-t-info-100 { border-top-color: var(--spectra-chromatic6-2); }
:root .border-t-info-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-t-info-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-t-info-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-t-info-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-t-info-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-t-info-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-t-info-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-t-info-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-t-info-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-r-info-100 { border-right-color: var(--spectra-chromatic6-2); }
:root .border-r-info-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-r-info-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-r-info-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-r-info-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-r-info-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-r-info-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-r-info-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-r-info-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-r-info-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-b-info-100 { border-bottom-color: var(--spectra-chromatic6-2); }
:root .border-b-info-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-b-info-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-b-info-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-b-info-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-b-info-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-b-info-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-b-info-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-b-info-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-b-info-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-l-info-100 { border-left-color: var(--spectra-chromatic6-2); }
:root .border-l-info-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-l-info-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-l-info-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-l-info-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-l-info-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-l-info-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-l-info-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-l-info-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-l-info-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-x-info-100 { border-left-color: var(--spectra-chromatic6-2); border-right-color: var(--spectra-chromatic6-2); }
:root .border-x-info-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-x-info-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-x-info-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-x-info-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-x-info-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-x-info-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-x-info-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-x-info-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-x-info-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .border-y-info-100 { border-top-color: var(--spectra-chromatic6-2); border-bottom-color: var(--spectra-chromatic6-2); }
:root .border-y-info-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 10%, transparent); }
:root .border-y-info-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 20%, transparent); }
:root .border-y-info-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 30%, transparent); }
:root .border-y-info-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 40%, transparent); }
:root .border-y-info-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 50%, transparent); }
:root .border-y-info-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 60%, transparent); }
:root .border-y-info-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 70%, transparent); }
:root .border-y-info-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 80%, transparent); }
:root .border-y-info-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-2) 90%, transparent); }
:root .ring-info-100 { --tw-ring-color: var(--spectra-chromatic6-2); }
:root .ring-offset-info-100 { --tw-ring-offset-color: var(--spectra-chromatic6-2); }
:root .bg-info-200 { background: var(--spectra-chromatic6-3); }
:root .bg-info-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .bg-info-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .bg-info-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .bg-info-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .bg-info-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .bg-info-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .bg-info-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .bg-info-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .bg-info-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .text-info-200 { color: var(--spectra-chromatic6-3); -webkit-text-fill-color: var(--spectra-chromatic6-3); }
:root .text-info-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .text-info-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .text-info-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .text-info-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .text-info-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .text-info-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .text-info-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .text-info-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .text-info-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-info-200 { border-color: var(--spectra-chromatic6-3); }
:root .border-info-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-info-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-info-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-info-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-info-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-info-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-info-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-info-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-info-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .outline-info-200 { outline-color: var(--spectra-chromatic6-3); }
:root .outline-info-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .outline-info-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .outline-info-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .outline-info-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .outline-info-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .outline-info-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .outline-info-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .outline-info-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .outline-info-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .overlay-info-200 { background: var(--spectra-chromatic6-3); }
:root .overlay-info-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .overlay-info-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .overlay-info-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .overlay-info-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .overlay-info-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .overlay-info-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .overlay-info-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .overlay-info-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .overlay-info-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .fill-info-200 { fill: var(--spectra-chromatic6-3); }
:root .fill-info-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .fill-info-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .fill-info-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .fill-info-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .fill-info-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .fill-info-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .fill-info-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .fill-info-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .fill-info-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .stroke-info-200 { stroke: var(--spectra-chromatic6-3); }
:root .stroke-info-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .stroke-info-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .stroke-info-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .stroke-info-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .stroke-info-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .stroke-info-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .stroke-info-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .stroke-info-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .stroke-info-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-t-info-200 { border-top-color: var(--spectra-chromatic6-3); }
:root .border-t-info-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-t-info-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-t-info-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-t-info-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-t-info-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-t-info-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-t-info-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-t-info-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-t-info-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-r-info-200 { border-right-color: var(--spectra-chromatic6-3); }
:root .border-r-info-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-r-info-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-r-info-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-r-info-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-r-info-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-r-info-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-r-info-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-r-info-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-r-info-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-b-info-200 { border-bottom-color: var(--spectra-chromatic6-3); }
:root .border-b-info-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-b-info-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-b-info-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-b-info-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-b-info-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-b-info-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-b-info-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-b-info-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-b-info-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-l-info-200 { border-left-color: var(--spectra-chromatic6-3); }
:root .border-l-info-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-l-info-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-l-info-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-l-info-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-l-info-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-l-info-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-l-info-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-l-info-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-l-info-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-x-info-200 { border-left-color: var(--spectra-chromatic6-3); border-right-color: var(--spectra-chromatic6-3); }
:root .border-x-info-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-x-info-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-x-info-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-x-info-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-x-info-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-x-info-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-x-info-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-x-info-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-x-info-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .border-y-info-200 { border-top-color: var(--spectra-chromatic6-3); border-bottom-color: var(--spectra-chromatic6-3); }
:root .border-y-info-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 10%, transparent); }
:root .border-y-info-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 20%, transparent); }
:root .border-y-info-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 30%, transparent); }
:root .border-y-info-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 40%, transparent); }
:root .border-y-info-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 50%, transparent); }
:root .border-y-info-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 60%, transparent); }
:root .border-y-info-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 70%, transparent); }
:root .border-y-info-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 80%, transparent); }
:root .border-y-info-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-3) 90%, transparent); }
:root .ring-info-200 { --tw-ring-color: var(--spectra-chromatic6-3); }
:root .ring-offset-info-200 { --tw-ring-offset-color: var(--spectra-chromatic6-3); }
:root .bg-info-300 { background: var(--spectra-chromatic6-4); }
:root .bg-info-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .bg-info-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .bg-info-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .bg-info-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .bg-info-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .bg-info-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .bg-info-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .bg-info-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .bg-info-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .text-info-300 { color: var(--spectra-chromatic6-4); -webkit-text-fill-color: var(--spectra-chromatic6-4); }
:root .text-info-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .text-info-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .text-info-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .text-info-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .text-info-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .text-info-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .text-info-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .text-info-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .text-info-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-info-300 { border-color: var(--spectra-chromatic6-4); }
:root .border-info-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-info-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-info-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-info-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-info-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-info-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-info-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-info-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-info-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .outline-info-300 { outline-color: var(--spectra-chromatic6-4); }
:root .outline-info-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .outline-info-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .outline-info-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .outline-info-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .outline-info-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .outline-info-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .outline-info-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .outline-info-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .outline-info-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .overlay-info-300 { background: var(--spectra-chromatic6-4); }
:root .overlay-info-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .overlay-info-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .overlay-info-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .overlay-info-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .overlay-info-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .overlay-info-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .overlay-info-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .overlay-info-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .overlay-info-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .fill-info-300 { fill: var(--spectra-chromatic6-4); }
:root .fill-info-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .fill-info-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .fill-info-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .fill-info-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .fill-info-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .fill-info-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .fill-info-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .fill-info-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .fill-info-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .stroke-info-300 { stroke: var(--spectra-chromatic6-4); }
:root .stroke-info-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .stroke-info-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .stroke-info-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .stroke-info-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .stroke-info-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .stroke-info-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .stroke-info-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .stroke-info-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .stroke-info-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-t-info-300 { border-top-color: var(--spectra-chromatic6-4); }
:root .border-t-info-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-t-info-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-t-info-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-t-info-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-t-info-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-t-info-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-t-info-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-t-info-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-t-info-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-r-info-300 { border-right-color: var(--spectra-chromatic6-4); }
:root .border-r-info-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-r-info-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-r-info-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-r-info-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-r-info-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-r-info-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-r-info-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-r-info-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-r-info-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-b-info-300 { border-bottom-color: var(--spectra-chromatic6-4); }
:root .border-b-info-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-b-info-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-b-info-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-b-info-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-b-info-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-b-info-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-b-info-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-b-info-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-b-info-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-l-info-300 { border-left-color: var(--spectra-chromatic6-4); }
:root .border-l-info-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-l-info-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-l-info-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-l-info-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-l-info-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-l-info-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-l-info-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-l-info-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-l-info-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-x-info-300 { border-left-color: var(--spectra-chromatic6-4); border-right-color: var(--spectra-chromatic6-4); }
:root .border-x-info-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-x-info-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-x-info-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-x-info-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-x-info-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-x-info-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-x-info-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-x-info-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-x-info-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .border-y-info-300 { border-top-color: var(--spectra-chromatic6-4); border-bottom-color: var(--spectra-chromatic6-4); }
:root .border-y-info-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 10%, transparent); }
:root .border-y-info-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 20%, transparent); }
:root .border-y-info-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 30%, transparent); }
:root .border-y-info-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 40%, transparent); }
:root .border-y-info-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 50%, transparent); }
:root .border-y-info-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 60%, transparent); }
:root .border-y-info-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 70%, transparent); }
:root .border-y-info-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 80%, transparent); }
:root .border-y-info-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-4) 90%, transparent); }
:root .ring-info-300 { --tw-ring-color: var(--spectra-chromatic6-4); }
:root .ring-offset-info-300 { --tw-ring-offset-color: var(--spectra-chromatic6-4); }
:root .bg-info-400 { background: var(--spectra-chromatic6-5); }
:root .bg-info-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .bg-info-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .bg-info-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .bg-info-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .bg-info-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .bg-info-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .bg-info-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .bg-info-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .bg-info-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .text-info-400 { color: var(--spectra-chromatic6-5); -webkit-text-fill-color: var(--spectra-chromatic6-5); }
:root .text-info-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .text-info-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .text-info-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .text-info-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .text-info-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .text-info-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .text-info-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .text-info-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .text-info-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-info-400 { border-color: var(--spectra-chromatic6-5); }
:root .border-info-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-info-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-info-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-info-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-info-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-info-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-info-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-info-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-info-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .outline-info-400 { outline-color: var(--spectra-chromatic6-5); }
:root .outline-info-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .outline-info-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .outline-info-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .outline-info-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .outline-info-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .outline-info-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .outline-info-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .outline-info-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .outline-info-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .overlay-info-400 { background: var(--spectra-chromatic6-5); }
:root .overlay-info-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .overlay-info-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .overlay-info-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .overlay-info-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .overlay-info-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .overlay-info-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .overlay-info-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .overlay-info-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .overlay-info-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .fill-info-400 { fill: var(--spectra-chromatic6-5); }
:root .fill-info-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .fill-info-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .fill-info-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .fill-info-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .fill-info-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .fill-info-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .fill-info-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .fill-info-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .fill-info-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .stroke-info-400 { stroke: var(--spectra-chromatic6-5); }
:root .stroke-info-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .stroke-info-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .stroke-info-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .stroke-info-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .stroke-info-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .stroke-info-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .stroke-info-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .stroke-info-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .stroke-info-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-t-info-400 { border-top-color: var(--spectra-chromatic6-5); }
:root .border-t-info-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-t-info-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-t-info-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-t-info-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-t-info-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-t-info-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-t-info-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-t-info-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-t-info-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-r-info-400 { border-right-color: var(--spectra-chromatic6-5); }
:root .border-r-info-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-r-info-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-r-info-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-r-info-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-r-info-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-r-info-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-r-info-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-r-info-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-r-info-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-b-info-400 { border-bottom-color: var(--spectra-chromatic6-5); }
:root .border-b-info-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-b-info-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-b-info-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-b-info-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-b-info-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-b-info-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-b-info-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-b-info-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-b-info-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-l-info-400 { border-left-color: var(--spectra-chromatic6-5); }
:root .border-l-info-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-l-info-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-l-info-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-l-info-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-l-info-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-l-info-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-l-info-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-l-info-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-l-info-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-x-info-400 { border-left-color: var(--spectra-chromatic6-5); border-right-color: var(--spectra-chromatic6-5); }
:root .border-x-info-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-x-info-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-x-info-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-x-info-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-x-info-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-x-info-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-x-info-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-x-info-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-x-info-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .border-y-info-400 { border-top-color: var(--spectra-chromatic6-5); border-bottom-color: var(--spectra-chromatic6-5); }
:root .border-y-info-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 10%, transparent); }
:root .border-y-info-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 20%, transparent); }
:root .border-y-info-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 30%, transparent); }
:root .border-y-info-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 40%, transparent); }
:root .border-y-info-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 50%, transparent); }
:root .border-y-info-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 60%, transparent); }
:root .border-y-info-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 70%, transparent); }
:root .border-y-info-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 80%, transparent); }
:root .border-y-info-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-5) 90%, transparent); }
:root .ring-info-400 { --tw-ring-color: var(--spectra-chromatic6-5); }
:root .ring-offset-info-400 { --tw-ring-offset-color: var(--spectra-chromatic6-5); }
:root .bg-info-500 { background: var(--spectra-chromatic6-6); }
:root .bg-info-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .bg-info-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .bg-info-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .bg-info-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .bg-info-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .bg-info-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .bg-info-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .bg-info-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .bg-info-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .text-info-500 { color: var(--spectra-chromatic6-6); -webkit-text-fill-color: var(--spectra-chromatic6-6); }
:root .text-info-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .text-info-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .text-info-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .text-info-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .text-info-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .text-info-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .text-info-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .text-info-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .text-info-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-info-500 { border-color: var(--spectra-chromatic6-6); }
:root .border-info-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-info-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-info-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-info-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-info-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-info-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-info-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-info-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-info-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .outline-info-500 { outline-color: var(--spectra-chromatic6-6); }
:root .outline-info-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .outline-info-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .outline-info-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .outline-info-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .outline-info-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .outline-info-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .outline-info-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .outline-info-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .outline-info-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .overlay-info-500 { background: var(--spectra-chromatic6-6); }
:root .overlay-info-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .overlay-info-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .overlay-info-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .overlay-info-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .overlay-info-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .overlay-info-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .overlay-info-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .overlay-info-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .overlay-info-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .fill-info-500 { fill: var(--spectra-chromatic6-6); }
:root .fill-info-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .fill-info-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .fill-info-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .fill-info-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .fill-info-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .fill-info-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .fill-info-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .fill-info-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .fill-info-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .stroke-info-500 { stroke: var(--spectra-chromatic6-6); }
:root .stroke-info-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .stroke-info-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .stroke-info-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .stroke-info-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .stroke-info-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .stroke-info-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .stroke-info-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .stroke-info-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .stroke-info-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-t-info-500 { border-top-color: var(--spectra-chromatic6-6); }
:root .border-t-info-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-t-info-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-t-info-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-t-info-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-t-info-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-t-info-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-t-info-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-t-info-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-t-info-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-r-info-500 { border-right-color: var(--spectra-chromatic6-6); }
:root .border-r-info-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-r-info-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-r-info-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-r-info-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-r-info-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-r-info-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-r-info-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-r-info-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-r-info-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-b-info-500 { border-bottom-color: var(--spectra-chromatic6-6); }
:root .border-b-info-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-b-info-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-b-info-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-b-info-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-b-info-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-b-info-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-b-info-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-b-info-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-b-info-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-l-info-500 { border-left-color: var(--spectra-chromatic6-6); }
:root .border-l-info-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-l-info-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-l-info-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-l-info-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-l-info-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-l-info-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-l-info-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-l-info-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-l-info-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-x-info-500 { border-left-color: var(--spectra-chromatic6-6); border-right-color: var(--spectra-chromatic6-6); }
:root .border-x-info-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-x-info-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-x-info-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-x-info-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-x-info-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-x-info-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-x-info-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-x-info-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-x-info-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .border-y-info-500 { border-top-color: var(--spectra-chromatic6-6); border-bottom-color: var(--spectra-chromatic6-6); }
:root .border-y-info-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 10%, transparent); }
:root .border-y-info-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 20%, transparent); }
:root .border-y-info-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 30%, transparent); }
:root .border-y-info-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 40%, transparent); }
:root .border-y-info-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 50%, transparent); }
:root .border-y-info-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 60%, transparent); }
:root .border-y-info-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 70%, transparent); }
:root .border-y-info-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 80%, transparent); }
:root .border-y-info-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-6) 90%, transparent); }
:root .ring-info-500 { --tw-ring-color: var(--spectra-chromatic6-6); }
:root .ring-offset-info-500 { --tw-ring-offset-color: var(--spectra-chromatic6-6); }
:root .bg-info-600 { background: var(--spectra-chromatic6-7); }
:root .bg-info-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .bg-info-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .bg-info-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .bg-info-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .bg-info-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .bg-info-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .bg-info-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .bg-info-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .bg-info-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .text-info-600 { color: var(--spectra-chromatic6-7); -webkit-text-fill-color: var(--spectra-chromatic6-7); }
:root .text-info-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .text-info-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .text-info-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .text-info-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .text-info-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .text-info-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .text-info-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .text-info-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .text-info-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-info-600 { border-color: var(--spectra-chromatic6-7); }
:root .border-info-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-info-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-info-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-info-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-info-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-info-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-info-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-info-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-info-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .outline-info-600 { outline-color: var(--spectra-chromatic6-7); }
:root .outline-info-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .outline-info-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .outline-info-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .outline-info-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .outline-info-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .outline-info-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .outline-info-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .outline-info-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .outline-info-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .overlay-info-600 { background: var(--spectra-chromatic6-7); }
:root .overlay-info-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .overlay-info-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .overlay-info-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .overlay-info-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .overlay-info-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .overlay-info-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .overlay-info-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .overlay-info-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .overlay-info-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .fill-info-600 { fill: var(--spectra-chromatic6-7); }
:root .fill-info-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .fill-info-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .fill-info-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .fill-info-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .fill-info-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .fill-info-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .fill-info-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .fill-info-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .fill-info-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .stroke-info-600 { stroke: var(--spectra-chromatic6-7); }
:root .stroke-info-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .stroke-info-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .stroke-info-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .stroke-info-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .stroke-info-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .stroke-info-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .stroke-info-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .stroke-info-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .stroke-info-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-t-info-600 { border-top-color: var(--spectra-chromatic6-7); }
:root .border-t-info-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-t-info-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-t-info-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-t-info-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-t-info-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-t-info-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-t-info-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-t-info-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-t-info-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-r-info-600 { border-right-color: var(--spectra-chromatic6-7); }
:root .border-r-info-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-r-info-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-r-info-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-r-info-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-r-info-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-r-info-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-r-info-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-r-info-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-r-info-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-b-info-600 { border-bottom-color: var(--spectra-chromatic6-7); }
:root .border-b-info-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-b-info-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-b-info-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-b-info-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-b-info-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-b-info-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-b-info-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-b-info-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-b-info-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-l-info-600 { border-left-color: var(--spectra-chromatic6-7); }
:root .border-l-info-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-l-info-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-l-info-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-l-info-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-l-info-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-l-info-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-l-info-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-l-info-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-l-info-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-x-info-600 { border-left-color: var(--spectra-chromatic6-7); border-right-color: var(--spectra-chromatic6-7); }
:root .border-x-info-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-x-info-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-x-info-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-x-info-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-x-info-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-x-info-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-x-info-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-x-info-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-x-info-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .border-y-info-600 { border-top-color: var(--spectra-chromatic6-7); border-bottom-color: var(--spectra-chromatic6-7); }
:root .border-y-info-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 10%, transparent); }
:root .border-y-info-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 20%, transparent); }
:root .border-y-info-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 30%, transparent); }
:root .border-y-info-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 40%, transparent); }
:root .border-y-info-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 50%, transparent); }
:root .border-y-info-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 60%, transparent); }
:root .border-y-info-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 70%, transparent); }
:root .border-y-info-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 80%, transparent); }
:root .border-y-info-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-7) 90%, transparent); }
:root .ring-info-600 { --tw-ring-color: var(--spectra-chromatic6-7); }
:root .ring-offset-info-600 { --tw-ring-offset-color: var(--spectra-chromatic6-7); }
:root .bg-info-700 { background: var(--spectra-chromatic6-8); }
:root .bg-info-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .bg-info-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .bg-info-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .bg-info-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .bg-info-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .bg-info-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .bg-info-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .bg-info-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .bg-info-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .text-info-700 { color: var(--spectra-chromatic6-8); -webkit-text-fill-color: var(--spectra-chromatic6-8); }
:root .text-info-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .text-info-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .text-info-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .text-info-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .text-info-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .text-info-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .text-info-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .text-info-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .text-info-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-info-700 { border-color: var(--spectra-chromatic6-8); }
:root .border-info-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-info-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-info-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-info-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-info-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-info-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-info-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-info-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-info-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .outline-info-700 { outline-color: var(--spectra-chromatic6-8); }
:root .outline-info-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .outline-info-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .outline-info-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .outline-info-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .outline-info-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .outline-info-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .outline-info-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .outline-info-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .outline-info-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .overlay-info-700 { background: var(--spectra-chromatic6-8); }
:root .overlay-info-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .overlay-info-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .overlay-info-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .overlay-info-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .overlay-info-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .overlay-info-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .overlay-info-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .overlay-info-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .overlay-info-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .fill-info-700 { fill: var(--spectra-chromatic6-8); }
:root .fill-info-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .fill-info-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .fill-info-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .fill-info-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .fill-info-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .fill-info-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .fill-info-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .fill-info-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .fill-info-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .stroke-info-700 { stroke: var(--spectra-chromatic6-8); }
:root .stroke-info-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .stroke-info-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .stroke-info-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .stroke-info-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .stroke-info-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .stroke-info-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .stroke-info-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .stroke-info-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .stroke-info-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-t-info-700 { border-top-color: var(--spectra-chromatic6-8); }
:root .border-t-info-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-t-info-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-t-info-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-t-info-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-t-info-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-t-info-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-t-info-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-t-info-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-t-info-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-r-info-700 { border-right-color: var(--spectra-chromatic6-8); }
:root .border-r-info-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-r-info-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-r-info-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-r-info-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-r-info-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-r-info-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-r-info-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-r-info-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-r-info-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-b-info-700 { border-bottom-color: var(--spectra-chromatic6-8); }
:root .border-b-info-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-b-info-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-b-info-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-b-info-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-b-info-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-b-info-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-b-info-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-b-info-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-b-info-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-l-info-700 { border-left-color: var(--spectra-chromatic6-8); }
:root .border-l-info-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-l-info-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-l-info-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-l-info-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-l-info-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-l-info-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-l-info-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-l-info-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-l-info-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-x-info-700 { border-left-color: var(--spectra-chromatic6-8); border-right-color: var(--spectra-chromatic6-8); }
:root .border-x-info-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-x-info-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-x-info-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-x-info-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-x-info-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-x-info-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-x-info-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-x-info-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-x-info-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .border-y-info-700 { border-top-color: var(--spectra-chromatic6-8); border-bottom-color: var(--spectra-chromatic6-8); }
:root .border-y-info-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 10%, transparent); }
:root .border-y-info-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 20%, transparent); }
:root .border-y-info-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 30%, transparent); }
:root .border-y-info-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 40%, transparent); }
:root .border-y-info-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 50%, transparent); }
:root .border-y-info-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 60%, transparent); }
:root .border-y-info-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 70%, transparent); }
:root .border-y-info-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 80%, transparent); }
:root .border-y-info-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-8) 90%, transparent); }
:root .ring-info-700 { --tw-ring-color: var(--spectra-chromatic6-8); }
:root .ring-offset-info-700 { --tw-ring-offset-color: var(--spectra-chromatic6-8); }
:root .bg-info-800 { background: var(--spectra-chromatic6-9); }
:root .bg-info-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .bg-info-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .bg-info-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .bg-info-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .bg-info-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .bg-info-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .bg-info-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .bg-info-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .bg-info-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .text-info-800 { color: var(--spectra-chromatic6-9); -webkit-text-fill-color: var(--spectra-chromatic6-9); }
:root .text-info-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .text-info-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .text-info-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .text-info-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .text-info-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .text-info-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .text-info-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .text-info-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .text-info-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-info-800 { border-color: var(--spectra-chromatic6-9); }
:root .border-info-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-info-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-info-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-info-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-info-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-info-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-info-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-info-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-info-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .outline-info-800 { outline-color: var(--spectra-chromatic6-9); }
:root .outline-info-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .outline-info-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .outline-info-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .outline-info-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .outline-info-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .outline-info-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .outline-info-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .outline-info-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .outline-info-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .overlay-info-800 { background: var(--spectra-chromatic6-9); }
:root .overlay-info-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .overlay-info-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .overlay-info-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .overlay-info-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .overlay-info-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .overlay-info-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .overlay-info-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .overlay-info-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .overlay-info-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .fill-info-800 { fill: var(--spectra-chromatic6-9); }
:root .fill-info-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .fill-info-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .fill-info-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .fill-info-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .fill-info-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .fill-info-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .fill-info-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .fill-info-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .fill-info-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .stroke-info-800 { stroke: var(--spectra-chromatic6-9); }
:root .stroke-info-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .stroke-info-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .stroke-info-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .stroke-info-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .stroke-info-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .stroke-info-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .stroke-info-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .stroke-info-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .stroke-info-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-t-info-800 { border-top-color: var(--spectra-chromatic6-9); }
:root .border-t-info-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-t-info-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-t-info-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-t-info-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-t-info-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-t-info-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-t-info-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-t-info-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-t-info-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-r-info-800 { border-right-color: var(--spectra-chromatic6-9); }
:root .border-r-info-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-r-info-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-r-info-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-r-info-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-r-info-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-r-info-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-r-info-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-r-info-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-r-info-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-b-info-800 { border-bottom-color: var(--spectra-chromatic6-9); }
:root .border-b-info-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-b-info-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-b-info-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-b-info-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-b-info-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-b-info-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-b-info-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-b-info-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-b-info-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-l-info-800 { border-left-color: var(--spectra-chromatic6-9); }
:root .border-l-info-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-l-info-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-l-info-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-l-info-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-l-info-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-l-info-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-l-info-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-l-info-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-l-info-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-x-info-800 { border-left-color: var(--spectra-chromatic6-9); border-right-color: var(--spectra-chromatic6-9); }
:root .border-x-info-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-x-info-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-x-info-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-x-info-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-x-info-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-x-info-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-x-info-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-x-info-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-x-info-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .border-y-info-800 { border-top-color: var(--spectra-chromatic6-9); border-bottom-color: var(--spectra-chromatic6-9); }
:root .border-y-info-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 10%, transparent); }
:root .border-y-info-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 20%, transparent); }
:root .border-y-info-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 30%, transparent); }
:root .border-y-info-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 40%, transparent); }
:root .border-y-info-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 50%, transparent); }
:root .border-y-info-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 60%, transparent); }
:root .border-y-info-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 70%, transparent); }
:root .border-y-info-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 80%, transparent); }
:root .border-y-info-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-9) 90%, transparent); }
:root .ring-info-800 { --tw-ring-color: var(--spectra-chromatic6-9); }
:root .ring-offset-info-800 { --tw-ring-offset-color: var(--spectra-chromatic6-9); }
:root .bg-info-900 { background: var(--spectra-chromatic6-10); }
:root .bg-info-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .bg-info-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .bg-info-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .bg-info-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .bg-info-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .bg-info-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .bg-info-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .bg-info-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .bg-info-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .text-info-900 { color: var(--spectra-chromatic6-10); -webkit-text-fill-color: var(--spectra-chromatic6-10); }
:root .text-info-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .text-info-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .text-info-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .text-info-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .text-info-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .text-info-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .text-info-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .text-info-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .text-info-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-info-900 { border-color: var(--spectra-chromatic6-10); }
:root .border-info-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-info-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-info-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-info-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-info-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-info-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-info-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-info-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-info-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .outline-info-900 { outline-color: var(--spectra-chromatic6-10); }
:root .outline-info-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .outline-info-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .outline-info-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .outline-info-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .outline-info-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .outline-info-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .outline-info-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .outline-info-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .outline-info-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .overlay-info-900 { background: var(--spectra-chromatic6-10); }
:root .overlay-info-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .overlay-info-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .overlay-info-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .overlay-info-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .overlay-info-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .overlay-info-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .overlay-info-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .overlay-info-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .overlay-info-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .fill-info-900 { fill: var(--spectra-chromatic6-10); }
:root .fill-info-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .fill-info-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .fill-info-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .fill-info-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .fill-info-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .fill-info-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .fill-info-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .fill-info-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .fill-info-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .stroke-info-900 { stroke: var(--spectra-chromatic6-10); }
:root .stroke-info-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .stroke-info-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .stroke-info-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .stroke-info-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .stroke-info-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .stroke-info-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .stroke-info-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .stroke-info-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .stroke-info-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-t-info-900 { border-top-color: var(--spectra-chromatic6-10); }
:root .border-t-info-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-t-info-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-t-info-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-t-info-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-t-info-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-t-info-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-t-info-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-t-info-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-t-info-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-r-info-900 { border-right-color: var(--spectra-chromatic6-10); }
:root .border-r-info-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-r-info-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-r-info-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-r-info-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-r-info-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-r-info-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-r-info-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-r-info-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-r-info-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-b-info-900 { border-bottom-color: var(--spectra-chromatic6-10); }
:root .border-b-info-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-b-info-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-b-info-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-b-info-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-b-info-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-b-info-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-b-info-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-b-info-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-b-info-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-l-info-900 { border-left-color: var(--spectra-chromatic6-10); }
:root .border-l-info-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-l-info-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-l-info-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-l-info-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-l-info-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-l-info-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-l-info-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-l-info-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-l-info-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-x-info-900 { border-left-color: var(--spectra-chromatic6-10); border-right-color: var(--spectra-chromatic6-10); }
:root .border-x-info-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-x-info-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-x-info-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-x-info-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-x-info-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-x-info-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-x-info-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-x-info-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-x-info-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .border-y-info-900 { border-top-color: var(--spectra-chromatic6-10); border-bottom-color: var(--spectra-chromatic6-10); }
:root .border-y-info-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 10%, transparent); }
:root .border-y-info-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 20%, transparent); }
:root .border-y-info-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 30%, transparent); }
:root .border-y-info-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 40%, transparent); }
:root .border-y-info-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 50%, transparent); }
:root .border-y-info-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 60%, transparent); }
:root .border-y-info-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 70%, transparent); }
:root .border-y-info-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 80%, transparent); }
:root .border-y-info-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-10) 90%, transparent); }
:root .ring-info-900 { --tw-ring-color: var(--spectra-chromatic6-10); }
:root .ring-offset-info-900 { --tw-ring-offset-color: var(--spectra-chromatic6-10); }
:root .bg-info-950 { background: var(--spectra-chromatic6-11); }
:root .bg-info-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .bg-info-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .bg-info-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .bg-info-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .bg-info-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .bg-info-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .bg-info-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .bg-info-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .bg-info-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .text-info-950 { color: var(--spectra-chromatic6-11); -webkit-text-fill-color: var(--spectra-chromatic6-11); }
:root .text-info-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .text-info-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .text-info-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .text-info-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .text-info-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .text-info-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .text-info-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .text-info-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .text-info-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-info-950 { border-color: var(--spectra-chromatic6-11); }
:root .border-info-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-info-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-info-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-info-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-info-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-info-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-info-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-info-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-info-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .outline-info-950 { outline-color: var(--spectra-chromatic6-11); }
:root .outline-info-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .outline-info-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .outline-info-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .outline-info-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .outline-info-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .outline-info-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .outline-info-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .outline-info-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .outline-info-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .overlay-info-950 { background: var(--spectra-chromatic6-11); }
:root .overlay-info-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .overlay-info-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .overlay-info-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .overlay-info-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .overlay-info-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .overlay-info-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .overlay-info-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .overlay-info-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .overlay-info-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .fill-info-950 { fill: var(--spectra-chromatic6-11); }
:root .fill-info-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .fill-info-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .fill-info-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .fill-info-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .fill-info-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .fill-info-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .fill-info-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .fill-info-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .fill-info-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .stroke-info-950 { stroke: var(--spectra-chromatic6-11); }
:root .stroke-info-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .stroke-info-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .stroke-info-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .stroke-info-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .stroke-info-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .stroke-info-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .stroke-info-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .stroke-info-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .stroke-info-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-t-info-950 { border-top-color: var(--spectra-chromatic6-11); }
:root .border-t-info-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-t-info-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-t-info-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-t-info-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-t-info-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-t-info-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-t-info-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-t-info-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-t-info-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-r-info-950 { border-right-color: var(--spectra-chromatic6-11); }
:root .border-r-info-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-r-info-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-r-info-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-r-info-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-r-info-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-r-info-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-r-info-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-r-info-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-r-info-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-b-info-950 { border-bottom-color: var(--spectra-chromatic6-11); }
:root .border-b-info-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-b-info-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-b-info-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-b-info-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-b-info-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-b-info-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-b-info-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-b-info-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-b-info-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-l-info-950 { border-left-color: var(--spectra-chromatic6-11); }
:root .border-l-info-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-l-info-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-l-info-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-l-info-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-l-info-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-l-info-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-l-info-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-l-info-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-l-info-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-x-info-950 { border-left-color: var(--spectra-chromatic6-11); border-right-color: var(--spectra-chromatic6-11); }
:root .border-x-info-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-x-info-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-x-info-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-x-info-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-x-info-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-x-info-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-x-info-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-x-info-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-x-info-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .border-y-info-950 { border-top-color: var(--spectra-chromatic6-11); border-bottom-color: var(--spectra-chromatic6-11); }
:root .border-y-info-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 10%, transparent); }
:root .border-y-info-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 20%, transparent); }
:root .border-y-info-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 30%, transparent); }
:root .border-y-info-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 40%, transparent); }
:root .border-y-info-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 50%, transparent); }
:root .border-y-info-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 60%, transparent); }
:root .border-y-info-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 70%, transparent); }
:root .border-y-info-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 80%, transparent); }
:root .border-y-info-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic6-11) 90%, transparent); }
:root .ring-info-950 { --tw-ring-color: var(--spectra-chromatic6-11); }
:root .ring-offset-info-950 { --tw-ring-offset-color: var(--spectra-chromatic6-11); }
:root .bg-warning-50 { background: var(--spectra-chromatic7-1); }
:root .bg-warning-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .bg-warning-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .bg-warning-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .bg-warning-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .bg-warning-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .bg-warning-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .bg-warning-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .bg-warning-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .bg-warning-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .text-warning-50 { color: var(--spectra-chromatic7-1); -webkit-text-fill-color: var(--spectra-chromatic7-1); }
:root .text-warning-50\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .text-warning-50\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .text-warning-50\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .text-warning-50\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .text-warning-50\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .text-warning-50\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .text-warning-50\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .text-warning-50\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .text-warning-50\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-warning-50 { border-color: var(--spectra-chromatic7-1); }
:root .border-warning-50\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-warning-50\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-warning-50\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-warning-50\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-warning-50\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-warning-50\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-warning-50\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-warning-50\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-warning-50\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .outline-warning-50 { outline-color: var(--spectra-chromatic7-1); }
:root .outline-warning-50\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .outline-warning-50\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .outline-warning-50\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .outline-warning-50\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .outline-warning-50\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .outline-warning-50\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .outline-warning-50\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .outline-warning-50\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .outline-warning-50\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .overlay-warning-50 { background: var(--spectra-chromatic7-1); }
:root .overlay-warning-50\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .overlay-warning-50\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .overlay-warning-50\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .overlay-warning-50\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .overlay-warning-50\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .overlay-warning-50\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .overlay-warning-50\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .overlay-warning-50\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .overlay-warning-50\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .fill-warning-50 { fill: var(--spectra-chromatic7-1); }
:root .fill-warning-50\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .fill-warning-50\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .fill-warning-50\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .fill-warning-50\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .fill-warning-50\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .fill-warning-50\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .fill-warning-50\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .fill-warning-50\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .fill-warning-50\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .stroke-warning-50 { stroke: var(--spectra-chromatic7-1); }
:root .stroke-warning-50\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .stroke-warning-50\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .stroke-warning-50\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .stroke-warning-50\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .stroke-warning-50\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .stroke-warning-50\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .stroke-warning-50\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .stroke-warning-50\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .stroke-warning-50\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-t-warning-50 { border-top-color: var(--spectra-chromatic7-1); }
:root .border-t-warning-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-t-warning-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-t-warning-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-t-warning-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-t-warning-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-t-warning-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-t-warning-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-t-warning-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-t-warning-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-r-warning-50 { border-right-color: var(--spectra-chromatic7-1); }
:root .border-r-warning-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-r-warning-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-r-warning-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-r-warning-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-r-warning-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-r-warning-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-r-warning-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-r-warning-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-r-warning-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-b-warning-50 { border-bottom-color: var(--spectra-chromatic7-1); }
:root .border-b-warning-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-b-warning-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-b-warning-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-b-warning-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-b-warning-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-b-warning-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-b-warning-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-b-warning-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-b-warning-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-l-warning-50 { border-left-color: var(--spectra-chromatic7-1); }
:root .border-l-warning-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-l-warning-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-l-warning-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-l-warning-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-l-warning-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-l-warning-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-l-warning-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-l-warning-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-l-warning-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-x-warning-50 { border-left-color: var(--spectra-chromatic7-1); border-right-color: var(--spectra-chromatic7-1); }
:root .border-x-warning-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-x-warning-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-x-warning-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-x-warning-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-x-warning-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-x-warning-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-x-warning-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-x-warning-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-x-warning-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .border-y-warning-50 { border-top-color: var(--spectra-chromatic7-1); border-bottom-color: var(--spectra-chromatic7-1); }
:root .border-y-warning-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 10%, transparent); }
:root .border-y-warning-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 20%, transparent); }
:root .border-y-warning-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 30%, transparent); }
:root .border-y-warning-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 40%, transparent); }
:root .border-y-warning-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 50%, transparent); }
:root .border-y-warning-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 60%, transparent); }
:root .border-y-warning-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 70%, transparent); }
:root .border-y-warning-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 80%, transparent); }
:root .border-y-warning-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-1) 90%, transparent); }
:root .ring-warning-50 { --tw-ring-color: var(--spectra-chromatic7-1); }
:root .ring-offset-warning-50 { --tw-ring-offset-color: var(--spectra-chromatic7-1); }
:root .bg-warning-100 { background: var(--spectra-chromatic7-2); }
:root .bg-warning-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .bg-warning-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .bg-warning-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .bg-warning-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .bg-warning-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .bg-warning-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .bg-warning-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .bg-warning-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .bg-warning-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .text-warning-100 { color: var(--spectra-chromatic7-2); -webkit-text-fill-color: var(--spectra-chromatic7-2); }
:root .text-warning-100\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .text-warning-100\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .text-warning-100\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .text-warning-100\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .text-warning-100\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .text-warning-100\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .text-warning-100\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .text-warning-100\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .text-warning-100\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-warning-100 { border-color: var(--spectra-chromatic7-2); }
:root .border-warning-100\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-warning-100\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-warning-100\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-warning-100\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-warning-100\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-warning-100\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-warning-100\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-warning-100\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-warning-100\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .outline-warning-100 { outline-color: var(--spectra-chromatic7-2); }
:root .outline-warning-100\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .outline-warning-100\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .outline-warning-100\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .outline-warning-100\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .outline-warning-100\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .outline-warning-100\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .outline-warning-100\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .outline-warning-100\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .outline-warning-100\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .overlay-warning-100 { background: var(--spectra-chromatic7-2); }
:root .overlay-warning-100\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .overlay-warning-100\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .overlay-warning-100\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .overlay-warning-100\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .overlay-warning-100\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .overlay-warning-100\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .overlay-warning-100\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .overlay-warning-100\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .overlay-warning-100\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .fill-warning-100 { fill: var(--spectra-chromatic7-2); }
:root .fill-warning-100\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .fill-warning-100\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .fill-warning-100\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .fill-warning-100\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .fill-warning-100\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .fill-warning-100\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .fill-warning-100\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .fill-warning-100\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .fill-warning-100\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .stroke-warning-100 { stroke: var(--spectra-chromatic7-2); }
:root .stroke-warning-100\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .stroke-warning-100\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .stroke-warning-100\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .stroke-warning-100\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .stroke-warning-100\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .stroke-warning-100\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .stroke-warning-100\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .stroke-warning-100\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .stroke-warning-100\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-t-warning-100 { border-top-color: var(--spectra-chromatic7-2); }
:root .border-t-warning-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-t-warning-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-t-warning-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-t-warning-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-t-warning-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-t-warning-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-t-warning-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-t-warning-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-t-warning-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-r-warning-100 { border-right-color: var(--spectra-chromatic7-2); }
:root .border-r-warning-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-r-warning-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-r-warning-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-r-warning-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-r-warning-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-r-warning-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-r-warning-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-r-warning-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-r-warning-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-b-warning-100 { border-bottom-color: var(--spectra-chromatic7-2); }
:root .border-b-warning-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-b-warning-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-b-warning-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-b-warning-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-b-warning-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-b-warning-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-b-warning-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-b-warning-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-b-warning-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-l-warning-100 { border-left-color: var(--spectra-chromatic7-2); }
:root .border-l-warning-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-l-warning-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-l-warning-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-l-warning-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-l-warning-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-l-warning-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-l-warning-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-l-warning-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-l-warning-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-x-warning-100 { border-left-color: var(--spectra-chromatic7-2); border-right-color: var(--spectra-chromatic7-2); }
:root .border-x-warning-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-x-warning-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-x-warning-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-x-warning-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-x-warning-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-x-warning-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-x-warning-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-x-warning-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-x-warning-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .border-y-warning-100 { border-top-color: var(--spectra-chromatic7-2); border-bottom-color: var(--spectra-chromatic7-2); }
:root .border-y-warning-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 10%, transparent); }
:root .border-y-warning-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 20%, transparent); }
:root .border-y-warning-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 30%, transparent); }
:root .border-y-warning-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 40%, transparent); }
:root .border-y-warning-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 50%, transparent); }
:root .border-y-warning-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 60%, transparent); }
:root .border-y-warning-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 70%, transparent); }
:root .border-y-warning-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 80%, transparent); }
:root .border-y-warning-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-2) 90%, transparent); }
:root .ring-warning-100 { --tw-ring-color: var(--spectra-chromatic7-2); }
:root .ring-offset-warning-100 { --tw-ring-offset-color: var(--spectra-chromatic7-2); }
:root .bg-warning-200 { background: var(--spectra-chromatic7-3); }
:root .bg-warning-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .bg-warning-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .bg-warning-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .bg-warning-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .bg-warning-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .bg-warning-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .bg-warning-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .bg-warning-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .bg-warning-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .text-warning-200 { color: var(--spectra-chromatic7-3); -webkit-text-fill-color: var(--spectra-chromatic7-3); }
:root .text-warning-200\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .text-warning-200\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .text-warning-200\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .text-warning-200\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .text-warning-200\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .text-warning-200\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .text-warning-200\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .text-warning-200\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .text-warning-200\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-warning-200 { border-color: var(--spectra-chromatic7-3); }
:root .border-warning-200\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-warning-200\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-warning-200\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-warning-200\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-warning-200\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-warning-200\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-warning-200\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-warning-200\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-warning-200\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .outline-warning-200 { outline-color: var(--spectra-chromatic7-3); }
:root .outline-warning-200\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .outline-warning-200\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .outline-warning-200\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .outline-warning-200\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .outline-warning-200\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .outline-warning-200\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .outline-warning-200\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .outline-warning-200\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .outline-warning-200\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .overlay-warning-200 { background: var(--spectra-chromatic7-3); }
:root .overlay-warning-200\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .overlay-warning-200\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .overlay-warning-200\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .overlay-warning-200\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .overlay-warning-200\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .overlay-warning-200\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .overlay-warning-200\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .overlay-warning-200\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .overlay-warning-200\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .fill-warning-200 { fill: var(--spectra-chromatic7-3); }
:root .fill-warning-200\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .fill-warning-200\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .fill-warning-200\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .fill-warning-200\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .fill-warning-200\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .fill-warning-200\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .fill-warning-200\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .fill-warning-200\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .fill-warning-200\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .stroke-warning-200 { stroke: var(--spectra-chromatic7-3); }
:root .stroke-warning-200\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .stroke-warning-200\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .stroke-warning-200\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .stroke-warning-200\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .stroke-warning-200\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .stroke-warning-200\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .stroke-warning-200\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .stroke-warning-200\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .stroke-warning-200\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-t-warning-200 { border-top-color: var(--spectra-chromatic7-3); }
:root .border-t-warning-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-t-warning-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-t-warning-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-t-warning-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-t-warning-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-t-warning-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-t-warning-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-t-warning-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-t-warning-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-r-warning-200 { border-right-color: var(--spectra-chromatic7-3); }
:root .border-r-warning-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-r-warning-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-r-warning-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-r-warning-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-r-warning-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-r-warning-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-r-warning-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-r-warning-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-r-warning-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-b-warning-200 { border-bottom-color: var(--spectra-chromatic7-3); }
:root .border-b-warning-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-b-warning-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-b-warning-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-b-warning-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-b-warning-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-b-warning-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-b-warning-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-b-warning-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-b-warning-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-l-warning-200 { border-left-color: var(--spectra-chromatic7-3); }
:root .border-l-warning-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-l-warning-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-l-warning-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-l-warning-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-l-warning-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-l-warning-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-l-warning-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-l-warning-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-l-warning-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-x-warning-200 { border-left-color: var(--spectra-chromatic7-3); border-right-color: var(--spectra-chromatic7-3); }
:root .border-x-warning-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-x-warning-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-x-warning-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-x-warning-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-x-warning-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-x-warning-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-x-warning-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-x-warning-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-x-warning-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .border-y-warning-200 { border-top-color: var(--spectra-chromatic7-3); border-bottom-color: var(--spectra-chromatic7-3); }
:root .border-y-warning-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 10%, transparent); }
:root .border-y-warning-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 20%, transparent); }
:root .border-y-warning-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 30%, transparent); }
:root .border-y-warning-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 40%, transparent); }
:root .border-y-warning-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 50%, transparent); }
:root .border-y-warning-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 60%, transparent); }
:root .border-y-warning-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 70%, transparent); }
:root .border-y-warning-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 80%, transparent); }
:root .border-y-warning-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-3) 90%, transparent); }
:root .ring-warning-200 { --tw-ring-color: var(--spectra-chromatic7-3); }
:root .ring-offset-warning-200 { --tw-ring-offset-color: var(--spectra-chromatic7-3); }
:root .bg-warning-300 { background: var(--spectra-chromatic7-4); }
:root .bg-warning-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .bg-warning-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .bg-warning-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .bg-warning-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .bg-warning-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .bg-warning-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .bg-warning-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .bg-warning-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .bg-warning-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .text-warning-300 { color: var(--spectra-chromatic7-4); -webkit-text-fill-color: var(--spectra-chromatic7-4); }
:root .text-warning-300\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .text-warning-300\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .text-warning-300\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .text-warning-300\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .text-warning-300\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .text-warning-300\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .text-warning-300\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .text-warning-300\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .text-warning-300\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-warning-300 { border-color: var(--spectra-chromatic7-4); }
:root .border-warning-300\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-warning-300\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-warning-300\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-warning-300\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-warning-300\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-warning-300\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-warning-300\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-warning-300\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-warning-300\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .outline-warning-300 { outline-color: var(--spectra-chromatic7-4); }
:root .outline-warning-300\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .outline-warning-300\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .outline-warning-300\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .outline-warning-300\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .outline-warning-300\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .outline-warning-300\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .outline-warning-300\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .outline-warning-300\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .outline-warning-300\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .overlay-warning-300 { background: var(--spectra-chromatic7-4); }
:root .overlay-warning-300\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .overlay-warning-300\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .overlay-warning-300\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .overlay-warning-300\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .overlay-warning-300\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .overlay-warning-300\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .overlay-warning-300\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .overlay-warning-300\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .overlay-warning-300\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .fill-warning-300 { fill: var(--spectra-chromatic7-4); }
:root .fill-warning-300\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .fill-warning-300\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .fill-warning-300\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .fill-warning-300\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .fill-warning-300\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .fill-warning-300\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .fill-warning-300\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .fill-warning-300\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .fill-warning-300\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .stroke-warning-300 { stroke: var(--spectra-chromatic7-4); }
:root .stroke-warning-300\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .stroke-warning-300\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .stroke-warning-300\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .stroke-warning-300\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .stroke-warning-300\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .stroke-warning-300\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .stroke-warning-300\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .stroke-warning-300\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .stroke-warning-300\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-t-warning-300 { border-top-color: var(--spectra-chromatic7-4); }
:root .border-t-warning-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-t-warning-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-t-warning-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-t-warning-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-t-warning-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-t-warning-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-t-warning-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-t-warning-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-t-warning-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-r-warning-300 { border-right-color: var(--spectra-chromatic7-4); }
:root .border-r-warning-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-r-warning-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-r-warning-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-r-warning-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-r-warning-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-r-warning-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-r-warning-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-r-warning-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-r-warning-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-b-warning-300 { border-bottom-color: var(--spectra-chromatic7-4); }
:root .border-b-warning-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-b-warning-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-b-warning-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-b-warning-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-b-warning-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-b-warning-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-b-warning-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-b-warning-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-b-warning-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-l-warning-300 { border-left-color: var(--spectra-chromatic7-4); }
:root .border-l-warning-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-l-warning-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-l-warning-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-l-warning-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-l-warning-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-l-warning-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-l-warning-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-l-warning-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-l-warning-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-x-warning-300 { border-left-color: var(--spectra-chromatic7-4); border-right-color: var(--spectra-chromatic7-4); }
:root .border-x-warning-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-x-warning-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-x-warning-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-x-warning-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-x-warning-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-x-warning-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-x-warning-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-x-warning-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-x-warning-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .border-y-warning-300 { border-top-color: var(--spectra-chromatic7-4); border-bottom-color: var(--spectra-chromatic7-4); }
:root .border-y-warning-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 10%, transparent); }
:root .border-y-warning-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 20%, transparent); }
:root .border-y-warning-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 30%, transparent); }
:root .border-y-warning-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 40%, transparent); }
:root .border-y-warning-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 50%, transparent); }
:root .border-y-warning-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 60%, transparent); }
:root .border-y-warning-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 70%, transparent); }
:root .border-y-warning-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 80%, transparent); }
:root .border-y-warning-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-4) 90%, transparent); }
:root .ring-warning-300 { --tw-ring-color: var(--spectra-chromatic7-4); }
:root .ring-offset-warning-300 { --tw-ring-offset-color: var(--spectra-chromatic7-4); }
:root .bg-warning-400 { background: var(--spectra-chromatic7-5); }
:root .bg-warning-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .bg-warning-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .bg-warning-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .bg-warning-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .bg-warning-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .bg-warning-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .bg-warning-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .bg-warning-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .bg-warning-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .text-warning-400 { color: var(--spectra-chromatic7-5); -webkit-text-fill-color: var(--spectra-chromatic7-5); }
:root .text-warning-400\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .text-warning-400\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .text-warning-400\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .text-warning-400\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .text-warning-400\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .text-warning-400\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .text-warning-400\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .text-warning-400\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .text-warning-400\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-warning-400 { border-color: var(--spectra-chromatic7-5); }
:root .border-warning-400\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-warning-400\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-warning-400\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-warning-400\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-warning-400\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-warning-400\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-warning-400\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-warning-400\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-warning-400\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .outline-warning-400 { outline-color: var(--spectra-chromatic7-5); }
:root .outline-warning-400\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .outline-warning-400\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .outline-warning-400\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .outline-warning-400\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .outline-warning-400\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .outline-warning-400\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .outline-warning-400\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .outline-warning-400\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .outline-warning-400\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .overlay-warning-400 { background: var(--spectra-chromatic7-5); }
:root .overlay-warning-400\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .overlay-warning-400\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .overlay-warning-400\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .overlay-warning-400\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .overlay-warning-400\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .overlay-warning-400\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .overlay-warning-400\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .overlay-warning-400\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .overlay-warning-400\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .fill-warning-400 { fill: var(--spectra-chromatic7-5); }
:root .fill-warning-400\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .fill-warning-400\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .fill-warning-400\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .fill-warning-400\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .fill-warning-400\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .fill-warning-400\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .fill-warning-400\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .fill-warning-400\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .fill-warning-400\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .stroke-warning-400 { stroke: var(--spectra-chromatic7-5); }
:root .stroke-warning-400\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .stroke-warning-400\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .stroke-warning-400\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .stroke-warning-400\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .stroke-warning-400\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .stroke-warning-400\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .stroke-warning-400\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .stroke-warning-400\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .stroke-warning-400\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-t-warning-400 { border-top-color: var(--spectra-chromatic7-5); }
:root .border-t-warning-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-t-warning-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-t-warning-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-t-warning-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-t-warning-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-t-warning-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-t-warning-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-t-warning-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-t-warning-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-r-warning-400 { border-right-color: var(--spectra-chromatic7-5); }
:root .border-r-warning-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-r-warning-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-r-warning-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-r-warning-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-r-warning-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-r-warning-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-r-warning-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-r-warning-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-r-warning-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-b-warning-400 { border-bottom-color: var(--spectra-chromatic7-5); }
:root .border-b-warning-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-b-warning-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-b-warning-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-b-warning-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-b-warning-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-b-warning-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-b-warning-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-b-warning-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-b-warning-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-l-warning-400 { border-left-color: var(--spectra-chromatic7-5); }
:root .border-l-warning-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-l-warning-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-l-warning-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-l-warning-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-l-warning-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-l-warning-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-l-warning-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-l-warning-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-l-warning-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-x-warning-400 { border-left-color: var(--spectra-chromatic7-5); border-right-color: var(--spectra-chromatic7-5); }
:root .border-x-warning-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-x-warning-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-x-warning-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-x-warning-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-x-warning-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-x-warning-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-x-warning-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-x-warning-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-x-warning-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .border-y-warning-400 { border-top-color: var(--spectra-chromatic7-5); border-bottom-color: var(--spectra-chromatic7-5); }
:root .border-y-warning-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 10%, transparent); }
:root .border-y-warning-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 20%, transparent); }
:root .border-y-warning-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 30%, transparent); }
:root .border-y-warning-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 40%, transparent); }
:root .border-y-warning-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 50%, transparent); }
:root .border-y-warning-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 60%, transparent); }
:root .border-y-warning-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 70%, transparent); }
:root .border-y-warning-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 80%, transparent); }
:root .border-y-warning-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-5) 90%, transparent); }
:root .ring-warning-400 { --tw-ring-color: var(--spectra-chromatic7-5); }
:root .ring-offset-warning-400 { --tw-ring-offset-color: var(--spectra-chromatic7-5); }
:root .bg-warning-500 { background: var(--spectra-chromatic7-6); }
:root .bg-warning-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .bg-warning-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .bg-warning-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .bg-warning-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .bg-warning-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .bg-warning-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .bg-warning-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .bg-warning-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .bg-warning-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .text-warning-500 { color: var(--spectra-chromatic7-6); -webkit-text-fill-color: var(--spectra-chromatic7-6); }
:root .text-warning-500\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .text-warning-500\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .text-warning-500\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .text-warning-500\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .text-warning-500\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .text-warning-500\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .text-warning-500\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .text-warning-500\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .text-warning-500\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-warning-500 { border-color: var(--spectra-chromatic7-6); }
:root .border-warning-500\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-warning-500\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-warning-500\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-warning-500\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-warning-500\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-warning-500\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-warning-500\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-warning-500\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-warning-500\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .outline-warning-500 { outline-color: var(--spectra-chromatic7-6); }
:root .outline-warning-500\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .outline-warning-500\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .outline-warning-500\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .outline-warning-500\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .outline-warning-500\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .outline-warning-500\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .outline-warning-500\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .outline-warning-500\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .outline-warning-500\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .overlay-warning-500 { background: var(--spectra-chromatic7-6); }
:root .overlay-warning-500\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .overlay-warning-500\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .overlay-warning-500\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .overlay-warning-500\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .overlay-warning-500\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .overlay-warning-500\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .overlay-warning-500\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .overlay-warning-500\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .overlay-warning-500\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .fill-warning-500 { fill: var(--spectra-chromatic7-6); }
:root .fill-warning-500\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .fill-warning-500\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .fill-warning-500\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .fill-warning-500\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .fill-warning-500\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .fill-warning-500\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .fill-warning-500\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .fill-warning-500\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .fill-warning-500\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .stroke-warning-500 { stroke: var(--spectra-chromatic7-6); }
:root .stroke-warning-500\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .stroke-warning-500\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .stroke-warning-500\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .stroke-warning-500\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .stroke-warning-500\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .stroke-warning-500\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .stroke-warning-500\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .stroke-warning-500\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .stroke-warning-500\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-t-warning-500 { border-top-color: var(--spectra-chromatic7-6); }
:root .border-t-warning-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-t-warning-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-t-warning-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-t-warning-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-t-warning-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-t-warning-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-t-warning-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-t-warning-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-t-warning-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-r-warning-500 { border-right-color: var(--spectra-chromatic7-6); }
:root .border-r-warning-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-r-warning-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-r-warning-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-r-warning-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-r-warning-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-r-warning-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-r-warning-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-r-warning-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-r-warning-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-b-warning-500 { border-bottom-color: var(--spectra-chromatic7-6); }
:root .border-b-warning-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-b-warning-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-b-warning-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-b-warning-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-b-warning-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-b-warning-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-b-warning-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-b-warning-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-b-warning-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-l-warning-500 { border-left-color: var(--spectra-chromatic7-6); }
:root .border-l-warning-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-l-warning-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-l-warning-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-l-warning-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-l-warning-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-l-warning-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-l-warning-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-l-warning-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-l-warning-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-x-warning-500 { border-left-color: var(--spectra-chromatic7-6); border-right-color: var(--spectra-chromatic7-6); }
:root .border-x-warning-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-x-warning-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-x-warning-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-x-warning-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-x-warning-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-x-warning-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-x-warning-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-x-warning-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-x-warning-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .border-y-warning-500 { border-top-color: var(--spectra-chromatic7-6); border-bottom-color: var(--spectra-chromatic7-6); }
:root .border-y-warning-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 10%, transparent); }
:root .border-y-warning-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 20%, transparent); }
:root .border-y-warning-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 30%, transparent); }
:root .border-y-warning-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 40%, transparent); }
:root .border-y-warning-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 50%, transparent); }
:root .border-y-warning-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 60%, transparent); }
:root .border-y-warning-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 70%, transparent); }
:root .border-y-warning-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 80%, transparent); }
:root .border-y-warning-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-6) 90%, transparent); }
:root .ring-warning-500 { --tw-ring-color: var(--spectra-chromatic7-6); }
:root .ring-offset-warning-500 { --tw-ring-offset-color: var(--spectra-chromatic7-6); }
:root .bg-warning-600 { background: var(--spectra-chromatic7-7); }
:root .bg-warning-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .bg-warning-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .bg-warning-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .bg-warning-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .bg-warning-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .bg-warning-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .bg-warning-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .bg-warning-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .bg-warning-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .text-warning-600 { color: var(--spectra-chromatic7-7); -webkit-text-fill-color: var(--spectra-chromatic7-7); }
:root .text-warning-600\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .text-warning-600\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .text-warning-600\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .text-warning-600\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .text-warning-600\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .text-warning-600\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .text-warning-600\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .text-warning-600\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .text-warning-600\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-warning-600 { border-color: var(--spectra-chromatic7-7); }
:root .border-warning-600\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-warning-600\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-warning-600\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-warning-600\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-warning-600\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-warning-600\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-warning-600\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-warning-600\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-warning-600\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .outline-warning-600 { outline-color: var(--spectra-chromatic7-7); }
:root .outline-warning-600\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .outline-warning-600\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .outline-warning-600\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .outline-warning-600\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .outline-warning-600\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .outline-warning-600\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .outline-warning-600\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .outline-warning-600\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .outline-warning-600\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .overlay-warning-600 { background: var(--spectra-chromatic7-7); }
:root .overlay-warning-600\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .overlay-warning-600\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .overlay-warning-600\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .overlay-warning-600\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .overlay-warning-600\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .overlay-warning-600\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .overlay-warning-600\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .overlay-warning-600\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .overlay-warning-600\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .fill-warning-600 { fill: var(--spectra-chromatic7-7); }
:root .fill-warning-600\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .fill-warning-600\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .fill-warning-600\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .fill-warning-600\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .fill-warning-600\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .fill-warning-600\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .fill-warning-600\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .fill-warning-600\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .fill-warning-600\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .stroke-warning-600 { stroke: var(--spectra-chromatic7-7); }
:root .stroke-warning-600\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .stroke-warning-600\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .stroke-warning-600\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .stroke-warning-600\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .stroke-warning-600\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .stroke-warning-600\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .stroke-warning-600\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .stroke-warning-600\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .stroke-warning-600\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-t-warning-600 { border-top-color: var(--spectra-chromatic7-7); }
:root .border-t-warning-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-t-warning-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-t-warning-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-t-warning-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-t-warning-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-t-warning-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-t-warning-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-t-warning-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-t-warning-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-r-warning-600 { border-right-color: var(--spectra-chromatic7-7); }
:root .border-r-warning-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-r-warning-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-r-warning-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-r-warning-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-r-warning-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-r-warning-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-r-warning-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-r-warning-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-r-warning-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-b-warning-600 { border-bottom-color: var(--spectra-chromatic7-7); }
:root .border-b-warning-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-b-warning-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-b-warning-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-b-warning-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-b-warning-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-b-warning-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-b-warning-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-b-warning-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-b-warning-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-l-warning-600 { border-left-color: var(--spectra-chromatic7-7); }
:root .border-l-warning-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-l-warning-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-l-warning-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-l-warning-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-l-warning-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-l-warning-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-l-warning-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-l-warning-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-l-warning-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-x-warning-600 { border-left-color: var(--spectra-chromatic7-7); border-right-color: var(--spectra-chromatic7-7); }
:root .border-x-warning-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-x-warning-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-x-warning-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-x-warning-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-x-warning-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-x-warning-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-x-warning-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-x-warning-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-x-warning-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .border-y-warning-600 { border-top-color: var(--spectra-chromatic7-7); border-bottom-color: var(--spectra-chromatic7-7); }
:root .border-y-warning-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 10%, transparent); }
:root .border-y-warning-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 20%, transparent); }
:root .border-y-warning-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 30%, transparent); }
:root .border-y-warning-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 40%, transparent); }
:root .border-y-warning-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 50%, transparent); }
:root .border-y-warning-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 60%, transparent); }
:root .border-y-warning-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 70%, transparent); }
:root .border-y-warning-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 80%, transparent); }
:root .border-y-warning-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-7) 90%, transparent); }
:root .ring-warning-600 { --tw-ring-color: var(--spectra-chromatic7-7); }
:root .ring-offset-warning-600 { --tw-ring-offset-color: var(--spectra-chromatic7-7); }
:root .bg-warning-700 { background: var(--spectra-chromatic7-8); }
:root .bg-warning-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .bg-warning-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .bg-warning-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .bg-warning-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .bg-warning-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .bg-warning-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .bg-warning-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .bg-warning-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .bg-warning-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .text-warning-700 { color: var(--spectra-chromatic7-8); -webkit-text-fill-color: var(--spectra-chromatic7-8); }
:root .text-warning-700\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .text-warning-700\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .text-warning-700\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .text-warning-700\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .text-warning-700\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .text-warning-700\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .text-warning-700\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .text-warning-700\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .text-warning-700\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-warning-700 { border-color: var(--spectra-chromatic7-8); }
:root .border-warning-700\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-warning-700\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-warning-700\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-warning-700\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-warning-700\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-warning-700\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-warning-700\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-warning-700\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-warning-700\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .outline-warning-700 { outline-color: var(--spectra-chromatic7-8); }
:root .outline-warning-700\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .outline-warning-700\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .outline-warning-700\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .outline-warning-700\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .outline-warning-700\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .outline-warning-700\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .outline-warning-700\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .outline-warning-700\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .outline-warning-700\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .overlay-warning-700 { background: var(--spectra-chromatic7-8); }
:root .overlay-warning-700\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .overlay-warning-700\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .overlay-warning-700\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .overlay-warning-700\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .overlay-warning-700\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .overlay-warning-700\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .overlay-warning-700\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .overlay-warning-700\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .overlay-warning-700\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .fill-warning-700 { fill: var(--spectra-chromatic7-8); }
:root .fill-warning-700\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .fill-warning-700\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .fill-warning-700\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .fill-warning-700\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .fill-warning-700\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .fill-warning-700\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .fill-warning-700\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .fill-warning-700\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .fill-warning-700\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .stroke-warning-700 { stroke: var(--spectra-chromatic7-8); }
:root .stroke-warning-700\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .stroke-warning-700\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .stroke-warning-700\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .stroke-warning-700\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .stroke-warning-700\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .stroke-warning-700\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .stroke-warning-700\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .stroke-warning-700\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .stroke-warning-700\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-t-warning-700 { border-top-color: var(--spectra-chromatic7-8); }
:root .border-t-warning-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-t-warning-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-t-warning-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-t-warning-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-t-warning-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-t-warning-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-t-warning-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-t-warning-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-t-warning-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-r-warning-700 { border-right-color: var(--spectra-chromatic7-8); }
:root .border-r-warning-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-r-warning-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-r-warning-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-r-warning-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-r-warning-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-r-warning-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-r-warning-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-r-warning-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-r-warning-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-b-warning-700 { border-bottom-color: var(--spectra-chromatic7-8); }
:root .border-b-warning-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-b-warning-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-b-warning-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-b-warning-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-b-warning-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-b-warning-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-b-warning-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-b-warning-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-b-warning-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-l-warning-700 { border-left-color: var(--spectra-chromatic7-8); }
:root .border-l-warning-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-l-warning-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-l-warning-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-l-warning-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-l-warning-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-l-warning-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-l-warning-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-l-warning-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-l-warning-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-x-warning-700 { border-left-color: var(--spectra-chromatic7-8); border-right-color: var(--spectra-chromatic7-8); }
:root .border-x-warning-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-x-warning-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-x-warning-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-x-warning-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-x-warning-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-x-warning-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-x-warning-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-x-warning-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-x-warning-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .border-y-warning-700 { border-top-color: var(--spectra-chromatic7-8); border-bottom-color: var(--spectra-chromatic7-8); }
:root .border-y-warning-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 10%, transparent); }
:root .border-y-warning-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 20%, transparent); }
:root .border-y-warning-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 30%, transparent); }
:root .border-y-warning-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 40%, transparent); }
:root .border-y-warning-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 50%, transparent); }
:root .border-y-warning-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 60%, transparent); }
:root .border-y-warning-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 70%, transparent); }
:root .border-y-warning-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 80%, transparent); }
:root .border-y-warning-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-8) 90%, transparent); }
:root .ring-warning-700 { --tw-ring-color: var(--spectra-chromatic7-8); }
:root .ring-offset-warning-700 { --tw-ring-offset-color: var(--spectra-chromatic7-8); }
:root .bg-warning-800 { background: var(--spectra-chromatic7-9); }
:root .bg-warning-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .bg-warning-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .bg-warning-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .bg-warning-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .bg-warning-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .bg-warning-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .bg-warning-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .bg-warning-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .bg-warning-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .text-warning-800 { color: var(--spectra-chromatic7-9); -webkit-text-fill-color: var(--spectra-chromatic7-9); }
:root .text-warning-800\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .text-warning-800\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .text-warning-800\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .text-warning-800\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .text-warning-800\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .text-warning-800\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .text-warning-800\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .text-warning-800\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .text-warning-800\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-warning-800 { border-color: var(--spectra-chromatic7-9); }
:root .border-warning-800\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-warning-800\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-warning-800\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-warning-800\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-warning-800\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-warning-800\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-warning-800\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-warning-800\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-warning-800\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .outline-warning-800 { outline-color: var(--spectra-chromatic7-9); }
:root .outline-warning-800\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .outline-warning-800\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .outline-warning-800\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .outline-warning-800\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .outline-warning-800\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .outline-warning-800\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .outline-warning-800\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .outline-warning-800\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .outline-warning-800\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .overlay-warning-800 { background: var(--spectra-chromatic7-9); }
:root .overlay-warning-800\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .overlay-warning-800\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .overlay-warning-800\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .overlay-warning-800\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .overlay-warning-800\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .overlay-warning-800\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .overlay-warning-800\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .overlay-warning-800\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .overlay-warning-800\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .fill-warning-800 { fill: var(--spectra-chromatic7-9); }
:root .fill-warning-800\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .fill-warning-800\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .fill-warning-800\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .fill-warning-800\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .fill-warning-800\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .fill-warning-800\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .fill-warning-800\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .fill-warning-800\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .fill-warning-800\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .stroke-warning-800 { stroke: var(--spectra-chromatic7-9); }
:root .stroke-warning-800\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .stroke-warning-800\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .stroke-warning-800\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .stroke-warning-800\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .stroke-warning-800\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .stroke-warning-800\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .stroke-warning-800\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .stroke-warning-800\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .stroke-warning-800\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-t-warning-800 { border-top-color: var(--spectra-chromatic7-9); }
:root .border-t-warning-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-t-warning-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-t-warning-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-t-warning-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-t-warning-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-t-warning-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-t-warning-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-t-warning-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-t-warning-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-r-warning-800 { border-right-color: var(--spectra-chromatic7-9); }
:root .border-r-warning-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-r-warning-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-r-warning-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-r-warning-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-r-warning-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-r-warning-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-r-warning-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-r-warning-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-r-warning-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-b-warning-800 { border-bottom-color: var(--spectra-chromatic7-9); }
:root .border-b-warning-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-b-warning-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-b-warning-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-b-warning-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-b-warning-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-b-warning-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-b-warning-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-b-warning-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-b-warning-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-l-warning-800 { border-left-color: var(--spectra-chromatic7-9); }
:root .border-l-warning-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-l-warning-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-l-warning-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-l-warning-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-l-warning-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-l-warning-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-l-warning-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-l-warning-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-l-warning-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-x-warning-800 { border-left-color: var(--spectra-chromatic7-9); border-right-color: var(--spectra-chromatic7-9); }
:root .border-x-warning-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-x-warning-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-x-warning-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-x-warning-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-x-warning-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-x-warning-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-x-warning-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-x-warning-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-x-warning-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .border-y-warning-800 { border-top-color: var(--spectra-chromatic7-9); border-bottom-color: var(--spectra-chromatic7-9); }
:root .border-y-warning-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 10%, transparent); }
:root .border-y-warning-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 20%, transparent); }
:root .border-y-warning-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 30%, transparent); }
:root .border-y-warning-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 40%, transparent); }
:root .border-y-warning-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 50%, transparent); }
:root .border-y-warning-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 60%, transparent); }
:root .border-y-warning-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 70%, transparent); }
:root .border-y-warning-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 80%, transparent); }
:root .border-y-warning-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-9) 90%, transparent); }
:root .ring-warning-800 { --tw-ring-color: var(--spectra-chromatic7-9); }
:root .ring-offset-warning-800 { --tw-ring-offset-color: var(--spectra-chromatic7-9); }
:root .bg-warning-900 { background: var(--spectra-chromatic7-10); }
:root .bg-warning-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .bg-warning-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .bg-warning-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .bg-warning-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .bg-warning-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .bg-warning-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .bg-warning-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .bg-warning-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .bg-warning-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .text-warning-900 { color: var(--spectra-chromatic7-10); -webkit-text-fill-color: var(--spectra-chromatic7-10); }
:root .text-warning-900\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .text-warning-900\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .text-warning-900\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .text-warning-900\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .text-warning-900\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .text-warning-900\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .text-warning-900\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .text-warning-900\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .text-warning-900\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-warning-900 { border-color: var(--spectra-chromatic7-10); }
:root .border-warning-900\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-warning-900\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-warning-900\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-warning-900\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-warning-900\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-warning-900\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-warning-900\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-warning-900\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-warning-900\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .outline-warning-900 { outline-color: var(--spectra-chromatic7-10); }
:root .outline-warning-900\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .outline-warning-900\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .outline-warning-900\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .outline-warning-900\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .outline-warning-900\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .outline-warning-900\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .outline-warning-900\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .outline-warning-900\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .outline-warning-900\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .overlay-warning-900 { background: var(--spectra-chromatic7-10); }
:root .overlay-warning-900\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .overlay-warning-900\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .overlay-warning-900\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .overlay-warning-900\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .overlay-warning-900\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .overlay-warning-900\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .overlay-warning-900\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .overlay-warning-900\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .overlay-warning-900\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .fill-warning-900 { fill: var(--spectra-chromatic7-10); }
:root .fill-warning-900\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .fill-warning-900\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .fill-warning-900\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .fill-warning-900\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .fill-warning-900\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .fill-warning-900\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .fill-warning-900\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .fill-warning-900\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .fill-warning-900\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .stroke-warning-900 { stroke: var(--spectra-chromatic7-10); }
:root .stroke-warning-900\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .stroke-warning-900\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .stroke-warning-900\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .stroke-warning-900\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .stroke-warning-900\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .stroke-warning-900\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .stroke-warning-900\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .stroke-warning-900\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .stroke-warning-900\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-t-warning-900 { border-top-color: var(--spectra-chromatic7-10); }
:root .border-t-warning-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-t-warning-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-t-warning-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-t-warning-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-t-warning-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-t-warning-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-t-warning-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-t-warning-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-t-warning-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-r-warning-900 { border-right-color: var(--spectra-chromatic7-10); }
:root .border-r-warning-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-r-warning-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-r-warning-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-r-warning-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-r-warning-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-r-warning-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-r-warning-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-r-warning-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-r-warning-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-b-warning-900 { border-bottom-color: var(--spectra-chromatic7-10); }
:root .border-b-warning-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-b-warning-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-b-warning-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-b-warning-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-b-warning-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-b-warning-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-b-warning-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-b-warning-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-b-warning-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-l-warning-900 { border-left-color: var(--spectra-chromatic7-10); }
:root .border-l-warning-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-l-warning-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-l-warning-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-l-warning-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-l-warning-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-l-warning-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-l-warning-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-l-warning-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-l-warning-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-x-warning-900 { border-left-color: var(--spectra-chromatic7-10); border-right-color: var(--spectra-chromatic7-10); }
:root .border-x-warning-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-x-warning-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-x-warning-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-x-warning-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-x-warning-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-x-warning-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-x-warning-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-x-warning-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-x-warning-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .border-y-warning-900 { border-top-color: var(--spectra-chromatic7-10); border-bottom-color: var(--spectra-chromatic7-10); }
:root .border-y-warning-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 10%, transparent); }
:root .border-y-warning-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 20%, transparent); }
:root .border-y-warning-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 30%, transparent); }
:root .border-y-warning-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 40%, transparent); }
:root .border-y-warning-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 50%, transparent); }
:root .border-y-warning-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 60%, transparent); }
:root .border-y-warning-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 70%, transparent); }
:root .border-y-warning-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 80%, transparent); }
:root .border-y-warning-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-10) 90%, transparent); }
:root .ring-warning-900 { --tw-ring-color: var(--spectra-chromatic7-10); }
:root .ring-offset-warning-900 { --tw-ring-offset-color: var(--spectra-chromatic7-10); }
:root .bg-warning-950 { background: var(--spectra-chromatic7-11); }
:root .bg-warning-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .bg-warning-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .bg-warning-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .bg-warning-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .bg-warning-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .bg-warning-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .bg-warning-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .bg-warning-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .bg-warning-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .text-warning-950 { color: var(--spectra-chromatic7-11); -webkit-text-fill-color: var(--spectra-chromatic7-11); }
:root .text-warning-950\/10 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .text-warning-950\/20 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .text-warning-950\/30 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .text-warning-950\/40 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .text-warning-950\/50 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .text-warning-950\/60 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .text-warning-950\/70 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .text-warning-950\/80 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .text-warning-950\/90 { color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-warning-950 { border-color: var(--spectra-chromatic7-11); }
:root .border-warning-950\/10 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-warning-950\/20 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-warning-950\/30 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-warning-950\/40 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-warning-950\/50 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-warning-950\/60 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-warning-950\/70 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-warning-950\/80 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-warning-950\/90 { border-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .outline-warning-950 { outline-color: var(--spectra-chromatic7-11); }
:root .outline-warning-950\/10 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .outline-warning-950\/20 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .outline-warning-950\/30 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .outline-warning-950\/40 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .outline-warning-950\/50 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .outline-warning-950\/60 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .outline-warning-950\/70 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .outline-warning-950\/80 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .outline-warning-950\/90 { outline-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .overlay-warning-950 { background: var(--spectra-chromatic7-11); }
:root .overlay-warning-950\/10 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .overlay-warning-950\/20 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .overlay-warning-950\/30 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .overlay-warning-950\/40 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .overlay-warning-950\/50 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .overlay-warning-950\/60 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .overlay-warning-950\/70 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .overlay-warning-950\/80 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .overlay-warning-950\/90 { background: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .fill-warning-950 { fill: var(--spectra-chromatic7-11); }
:root .fill-warning-950\/10 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .fill-warning-950\/20 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .fill-warning-950\/30 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .fill-warning-950\/40 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .fill-warning-950\/50 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .fill-warning-950\/60 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .fill-warning-950\/70 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .fill-warning-950\/80 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .fill-warning-950\/90 { fill: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .stroke-warning-950 { stroke: var(--spectra-chromatic7-11); }
:root .stroke-warning-950\/10 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .stroke-warning-950\/20 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .stroke-warning-950\/30 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .stroke-warning-950\/40 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .stroke-warning-950\/50 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .stroke-warning-950\/60 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .stroke-warning-950\/70 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .stroke-warning-950\/80 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .stroke-warning-950\/90 { stroke: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-t-warning-950 { border-top-color: var(--spectra-chromatic7-11); }
:root .border-t-warning-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-t-warning-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-t-warning-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-t-warning-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-t-warning-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-t-warning-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-t-warning-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-t-warning-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-t-warning-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-r-warning-950 { border-right-color: var(--spectra-chromatic7-11); }
:root .border-r-warning-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-r-warning-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-r-warning-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-r-warning-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-r-warning-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-r-warning-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-r-warning-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-r-warning-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-r-warning-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-b-warning-950 { border-bottom-color: var(--spectra-chromatic7-11); }
:root .border-b-warning-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-b-warning-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-b-warning-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-b-warning-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-b-warning-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-b-warning-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-b-warning-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-b-warning-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-b-warning-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-l-warning-950 { border-left-color: var(--spectra-chromatic7-11); }
:root .border-l-warning-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-l-warning-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-l-warning-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-l-warning-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-l-warning-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-l-warning-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-l-warning-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-l-warning-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-l-warning-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-x-warning-950 { border-left-color: var(--spectra-chromatic7-11); border-right-color: var(--spectra-chromatic7-11); }
:root .border-x-warning-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-x-warning-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-x-warning-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-x-warning-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-x-warning-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-x-warning-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-x-warning-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-x-warning-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-x-warning-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .border-y-warning-950 { border-top-color: var(--spectra-chromatic7-11); border-bottom-color: var(--spectra-chromatic7-11); }
:root .border-y-warning-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 10%, transparent); }
:root .border-y-warning-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 20%, transparent); }
:root .border-y-warning-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 30%, transparent); }
:root .border-y-warning-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 40%, transparent); }
:root .border-y-warning-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 50%, transparent); }
:root .border-y-warning-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 60%, transparent); }
:root .border-y-warning-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 70%, transparent); }
:root .border-y-warning-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 80%, transparent); }
:root .border-y-warning-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-chromatic7-11) 90%, transparent); }
:root .ring-warning-950 { --tw-ring-color: var(--spectra-chromatic7-11); }
:root .ring-offset-warning-950 { --tw-ring-offset-color: var(--spectra-chromatic7-11); }
:root .bg-base-50 { background: var(--spectra-neutral-0); }
:root .bg-base-50\/10 { background: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .bg-base-50\/20 { background: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .bg-base-50\/30 { background: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .bg-base-50\/40 { background: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .bg-base-50\/50 { background: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .bg-base-50\/60 { background: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .bg-base-50\/70 { background: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .bg-base-50\/80 { background: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .bg-base-50\/90 { background: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .text-base-50 { color: var(--spectra-neutral-0); -webkit-text-fill-color: var(--spectra-neutral-0); }
:root .text-base-50\/10 { color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .text-base-50\/20 { color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .text-base-50\/30 { color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .text-base-50\/40 { color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .text-base-50\/50 { color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .text-base-50\/60 { color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .text-base-50\/70 { color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .text-base-50\/80 { color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .text-base-50\/90 { color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-base-50 { border-color: var(--spectra-neutral-0); }
:root .border-base-50\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-base-50\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-base-50\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-base-50\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-base-50\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-base-50\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-base-50\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-base-50\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-base-50\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .outline-base-50 { outline-color: var(--spectra-neutral-0); }
:root .outline-base-50\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .outline-base-50\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .outline-base-50\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .outline-base-50\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .outline-base-50\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .outline-base-50\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .outline-base-50\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .outline-base-50\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .outline-base-50\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .overlay-base-50 { background: var(--spectra-neutral-0); }
:root .overlay-base-50\/10 { background: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .overlay-base-50\/20 { background: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .overlay-base-50\/30 { background: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .overlay-base-50\/40 { background: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .overlay-base-50\/50 { background: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .overlay-base-50\/60 { background: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .overlay-base-50\/70 { background: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .overlay-base-50\/80 { background: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .overlay-base-50\/90 { background: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .fill-base-50 { fill: var(--spectra-neutral-0); }
:root .fill-base-50\/10 { fill: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .fill-base-50\/20 { fill: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .fill-base-50\/30 { fill: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .fill-base-50\/40 { fill: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .fill-base-50\/50 { fill: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .fill-base-50\/60 { fill: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .fill-base-50\/70 { fill: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .fill-base-50\/80 { fill: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .fill-base-50\/90 { fill: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .stroke-base-50 { stroke: var(--spectra-neutral-0); }
:root .stroke-base-50\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .stroke-base-50\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .stroke-base-50\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .stroke-base-50\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .stroke-base-50\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .stroke-base-50\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .stroke-base-50\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .stroke-base-50\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .stroke-base-50\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-t-base-50 { border-top-color: var(--spectra-neutral-0); }
:root .border-t-base-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-t-base-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-t-base-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-t-base-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-t-base-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-t-base-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-t-base-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-t-base-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-t-base-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-r-base-50 { border-right-color: var(--spectra-neutral-0); }
:root .border-r-base-50\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-r-base-50\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-r-base-50\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-r-base-50\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-r-base-50\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-r-base-50\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-r-base-50\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-r-base-50\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-r-base-50\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-b-base-50 { border-bottom-color: var(--spectra-neutral-0); }
:root .border-b-base-50\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-b-base-50\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-b-base-50\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-b-base-50\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-b-base-50\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-b-base-50\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-b-base-50\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-b-base-50\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-b-base-50\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-l-base-50 { border-left-color: var(--spectra-neutral-0); }
:root .border-l-base-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-l-base-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-l-base-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-l-base-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-l-base-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-l-base-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-l-base-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-l-base-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-l-base-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-x-base-50 { border-left-color: var(--spectra-neutral-0); border-right-color: var(--spectra-neutral-0); }
:root .border-x-base-50\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-x-base-50\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-x-base-50\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-x-base-50\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-x-base-50\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-x-base-50\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-x-base-50\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-x-base-50\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-x-base-50\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .border-y-base-50 { border-top-color: var(--spectra-neutral-0); border-bottom-color: var(--spectra-neutral-0); }
:root .border-y-base-50\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 10%, transparent); }
:root .border-y-base-50\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 20%, transparent); }
:root .border-y-base-50\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 30%, transparent); }
:root .border-y-base-50\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 40%, transparent); }
:root .border-y-base-50\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 50%, transparent); }
:root .border-y-base-50\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 60%, transparent); }
:root .border-y-base-50\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 70%, transparent); }
:root .border-y-base-50\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 80%, transparent); }
:root .border-y-base-50\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-0) 90%, transparent); }
:root .ring-base-50 { --tw-ring-color: var(--spectra-neutral-0); }
:root .ring-offset-base-50 { --tw-ring-offset-color: var(--spectra-neutral-0); }
:root .bg-base-100 { background: var(--spectra-neutral-1); }
:root .bg-base-100\/10 { background: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .bg-base-100\/20 { background: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .bg-base-100\/30 { background: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .bg-base-100\/40 { background: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .bg-base-100\/50 { background: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .bg-base-100\/60 { background: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .bg-base-100\/70 { background: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .bg-base-100\/80 { background: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .bg-base-100\/90 { background: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .text-base-100 { color: var(--spectra-neutral-1); -webkit-text-fill-color: var(--spectra-neutral-1); }
:root .text-base-100\/10 { color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .text-base-100\/20 { color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .text-base-100\/30 { color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .text-base-100\/40 { color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .text-base-100\/50 { color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .text-base-100\/60 { color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .text-base-100\/70 { color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .text-base-100\/80 { color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .text-base-100\/90 { color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-base-100 { border-color: var(--spectra-neutral-1); }
:root .border-base-100\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-base-100\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-base-100\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-base-100\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-base-100\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-base-100\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-base-100\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-base-100\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-base-100\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .outline-base-100 { outline-color: var(--spectra-neutral-1); }
:root .outline-base-100\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .outline-base-100\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .outline-base-100\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .outline-base-100\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .outline-base-100\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .outline-base-100\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .outline-base-100\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .outline-base-100\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .outline-base-100\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .overlay-base-100 { background: var(--spectra-neutral-1); }
:root .overlay-base-100\/10 { background: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .overlay-base-100\/20 { background: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .overlay-base-100\/30 { background: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .overlay-base-100\/40 { background: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .overlay-base-100\/50 { background: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .overlay-base-100\/60 { background: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .overlay-base-100\/70 { background: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .overlay-base-100\/80 { background: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .overlay-base-100\/90 { background: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .fill-base-100 { fill: var(--spectra-neutral-1); }
:root .fill-base-100\/10 { fill: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .fill-base-100\/20 { fill: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .fill-base-100\/30 { fill: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .fill-base-100\/40 { fill: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .fill-base-100\/50 { fill: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .fill-base-100\/60 { fill: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .fill-base-100\/70 { fill: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .fill-base-100\/80 { fill: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .fill-base-100\/90 { fill: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .stroke-base-100 { stroke: var(--spectra-neutral-1); }
:root .stroke-base-100\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .stroke-base-100\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .stroke-base-100\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .stroke-base-100\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .stroke-base-100\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .stroke-base-100\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .stroke-base-100\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .stroke-base-100\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .stroke-base-100\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-t-base-100 { border-top-color: var(--spectra-neutral-1); }
:root .border-t-base-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-t-base-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-t-base-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-t-base-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-t-base-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-t-base-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-t-base-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-t-base-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-t-base-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-r-base-100 { border-right-color: var(--spectra-neutral-1); }
:root .border-r-base-100\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-r-base-100\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-r-base-100\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-r-base-100\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-r-base-100\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-r-base-100\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-r-base-100\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-r-base-100\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-r-base-100\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-b-base-100 { border-bottom-color: var(--spectra-neutral-1); }
:root .border-b-base-100\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-b-base-100\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-b-base-100\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-b-base-100\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-b-base-100\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-b-base-100\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-b-base-100\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-b-base-100\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-b-base-100\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-l-base-100 { border-left-color: var(--spectra-neutral-1); }
:root .border-l-base-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-l-base-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-l-base-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-l-base-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-l-base-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-l-base-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-l-base-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-l-base-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-l-base-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-x-base-100 { border-left-color: var(--spectra-neutral-1); border-right-color: var(--spectra-neutral-1); }
:root .border-x-base-100\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-x-base-100\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-x-base-100\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-x-base-100\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-x-base-100\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-x-base-100\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-x-base-100\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-x-base-100\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-x-base-100\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .border-y-base-100 { border-top-color: var(--spectra-neutral-1); border-bottom-color: var(--spectra-neutral-1); }
:root .border-y-base-100\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 10%, transparent); }
:root .border-y-base-100\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 20%, transparent); }
:root .border-y-base-100\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 30%, transparent); }
:root .border-y-base-100\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 40%, transparent); }
:root .border-y-base-100\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 50%, transparent); }
:root .border-y-base-100\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 60%, transparent); }
:root .border-y-base-100\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 70%, transparent); }
:root .border-y-base-100\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 80%, transparent); }
:root .border-y-base-100\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-1) 90%, transparent); }
:root .ring-base-100 { --tw-ring-color: var(--spectra-neutral-1); }
:root .ring-offset-base-100 { --tw-ring-offset-color: var(--spectra-neutral-1); }
:root .bg-base-200 { background: var(--spectra-neutral-2); }
:root .bg-base-200\/10 { background: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .bg-base-200\/20 { background: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .bg-base-200\/30 { background: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .bg-base-200\/40 { background: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .bg-base-200\/50 { background: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .bg-base-200\/60 { background: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .bg-base-200\/70 { background: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .bg-base-200\/80 { background: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .bg-base-200\/90 { background: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .text-base-200 { color: var(--spectra-neutral-2); -webkit-text-fill-color: var(--spectra-neutral-2); }
:root .text-base-200\/10 { color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .text-base-200\/20 { color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .text-base-200\/30 { color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .text-base-200\/40 { color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .text-base-200\/50 { color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .text-base-200\/60 { color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .text-base-200\/70 { color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .text-base-200\/80 { color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .text-base-200\/90 { color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-base-200 { border-color: var(--spectra-neutral-2); }
:root .border-base-200\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-base-200\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-base-200\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-base-200\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-base-200\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-base-200\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-base-200\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-base-200\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-base-200\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .outline-base-200 { outline-color: var(--spectra-neutral-2); }
:root .outline-base-200\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .outline-base-200\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .outline-base-200\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .outline-base-200\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .outline-base-200\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .outline-base-200\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .outline-base-200\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .outline-base-200\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .outline-base-200\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .overlay-base-200 { background: var(--spectra-neutral-2); }
:root .overlay-base-200\/10 { background: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .overlay-base-200\/20 { background: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .overlay-base-200\/30 { background: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .overlay-base-200\/40 { background: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .overlay-base-200\/50 { background: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .overlay-base-200\/60 { background: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .overlay-base-200\/70 { background: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .overlay-base-200\/80 { background: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .overlay-base-200\/90 { background: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .fill-base-200 { fill: var(--spectra-neutral-2); }
:root .fill-base-200\/10 { fill: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .fill-base-200\/20 { fill: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .fill-base-200\/30 { fill: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .fill-base-200\/40 { fill: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .fill-base-200\/50 { fill: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .fill-base-200\/60 { fill: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .fill-base-200\/70 { fill: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .fill-base-200\/80 { fill: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .fill-base-200\/90 { fill: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .stroke-base-200 { stroke: var(--spectra-neutral-2); }
:root .stroke-base-200\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .stroke-base-200\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .stroke-base-200\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .stroke-base-200\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .stroke-base-200\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .stroke-base-200\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .stroke-base-200\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .stroke-base-200\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .stroke-base-200\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-t-base-200 { border-top-color: var(--spectra-neutral-2); }
:root .border-t-base-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-t-base-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-t-base-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-t-base-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-t-base-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-t-base-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-t-base-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-t-base-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-t-base-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-r-base-200 { border-right-color: var(--spectra-neutral-2); }
:root .border-r-base-200\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-r-base-200\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-r-base-200\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-r-base-200\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-r-base-200\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-r-base-200\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-r-base-200\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-r-base-200\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-r-base-200\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-b-base-200 { border-bottom-color: var(--spectra-neutral-2); }
:root .border-b-base-200\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-b-base-200\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-b-base-200\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-b-base-200\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-b-base-200\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-b-base-200\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-b-base-200\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-b-base-200\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-b-base-200\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-l-base-200 { border-left-color: var(--spectra-neutral-2); }
:root .border-l-base-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-l-base-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-l-base-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-l-base-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-l-base-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-l-base-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-l-base-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-l-base-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-l-base-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-x-base-200 { border-left-color: var(--spectra-neutral-2); border-right-color: var(--spectra-neutral-2); }
:root .border-x-base-200\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-x-base-200\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-x-base-200\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-x-base-200\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-x-base-200\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-x-base-200\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-x-base-200\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-x-base-200\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-x-base-200\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .border-y-base-200 { border-top-color: var(--spectra-neutral-2); border-bottom-color: var(--spectra-neutral-2); }
:root .border-y-base-200\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 10%, transparent); }
:root .border-y-base-200\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 20%, transparent); }
:root .border-y-base-200\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 30%, transparent); }
:root .border-y-base-200\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 40%, transparent); }
:root .border-y-base-200\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 50%, transparent); }
:root .border-y-base-200\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 60%, transparent); }
:root .border-y-base-200\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 70%, transparent); }
:root .border-y-base-200\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 80%, transparent); }
:root .border-y-base-200\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-2) 90%, transparent); }
:root .ring-base-200 { --tw-ring-color: var(--spectra-neutral-2); }
:root .ring-offset-base-200 { --tw-ring-offset-color: var(--spectra-neutral-2); }
:root .bg-base-300 { background: var(--spectra-neutral-3); }
:root .bg-base-300\/10 { background: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .bg-base-300\/20 { background: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .bg-base-300\/30 { background: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .bg-base-300\/40 { background: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .bg-base-300\/50 { background: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .bg-base-300\/60 { background: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .bg-base-300\/70 { background: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .bg-base-300\/80 { background: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .bg-base-300\/90 { background: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .text-base-300 { color: var(--spectra-neutral-3); -webkit-text-fill-color: var(--spectra-neutral-3); }
:root .text-base-300\/10 { color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .text-base-300\/20 { color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .text-base-300\/30 { color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .text-base-300\/40 { color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .text-base-300\/50 { color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .text-base-300\/60 { color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .text-base-300\/70 { color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .text-base-300\/80 { color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .text-base-300\/90 { color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-base-300 { border-color: var(--spectra-neutral-3); }
:root .border-base-300\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-base-300\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-base-300\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-base-300\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-base-300\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-base-300\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-base-300\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-base-300\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-base-300\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .outline-base-300 { outline-color: var(--spectra-neutral-3); }
:root .outline-base-300\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .outline-base-300\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .outline-base-300\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .outline-base-300\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .outline-base-300\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .outline-base-300\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .outline-base-300\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .outline-base-300\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .outline-base-300\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .overlay-base-300 { background: var(--spectra-neutral-3); }
:root .overlay-base-300\/10 { background: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .overlay-base-300\/20 { background: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .overlay-base-300\/30 { background: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .overlay-base-300\/40 { background: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .overlay-base-300\/50 { background: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .overlay-base-300\/60 { background: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .overlay-base-300\/70 { background: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .overlay-base-300\/80 { background: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .overlay-base-300\/90 { background: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .fill-base-300 { fill: var(--spectra-neutral-3); }
:root .fill-base-300\/10 { fill: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .fill-base-300\/20 { fill: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .fill-base-300\/30 { fill: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .fill-base-300\/40 { fill: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .fill-base-300\/50 { fill: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .fill-base-300\/60 { fill: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .fill-base-300\/70 { fill: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .fill-base-300\/80 { fill: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .fill-base-300\/90 { fill: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .stroke-base-300 { stroke: var(--spectra-neutral-3); }
:root .stroke-base-300\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .stroke-base-300\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .stroke-base-300\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .stroke-base-300\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .stroke-base-300\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .stroke-base-300\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .stroke-base-300\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .stroke-base-300\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .stroke-base-300\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-t-base-300 { border-top-color: var(--spectra-neutral-3); }
:root .border-t-base-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-t-base-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-t-base-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-t-base-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-t-base-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-t-base-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-t-base-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-t-base-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-t-base-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-r-base-300 { border-right-color: var(--spectra-neutral-3); }
:root .border-r-base-300\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-r-base-300\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-r-base-300\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-r-base-300\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-r-base-300\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-r-base-300\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-r-base-300\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-r-base-300\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-r-base-300\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-b-base-300 { border-bottom-color: var(--spectra-neutral-3); }
:root .border-b-base-300\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-b-base-300\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-b-base-300\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-b-base-300\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-b-base-300\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-b-base-300\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-b-base-300\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-b-base-300\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-b-base-300\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-l-base-300 { border-left-color: var(--spectra-neutral-3); }
:root .border-l-base-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-l-base-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-l-base-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-l-base-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-l-base-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-l-base-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-l-base-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-l-base-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-l-base-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-x-base-300 { border-left-color: var(--spectra-neutral-3); border-right-color: var(--spectra-neutral-3); }
:root .border-x-base-300\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-x-base-300\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-x-base-300\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-x-base-300\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-x-base-300\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-x-base-300\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-x-base-300\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-x-base-300\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-x-base-300\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-y-base-300 { border-top-color: var(--spectra-neutral-3); border-bottom-color: var(--spectra-neutral-3); }
:root .border-y-base-300\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-y-base-300\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-y-base-300\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-y-base-300\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-y-base-300\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-y-base-300\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-y-base-300\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-y-base-300\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-y-base-300\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .ring-base-300 { --tw-ring-color: var(--spectra-neutral-3); }
:root .ring-offset-base-300 { --tw-ring-offset-color: var(--spectra-neutral-3); }
:root .bg-base-500 { background: var(--spectra-neutral-4); }
:root .bg-base-500\/10 { background: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .bg-base-500\/20 { background: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .bg-base-500\/30 { background: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .bg-base-500\/40 { background: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .bg-base-500\/50 { background: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .bg-base-500\/60 { background: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .bg-base-500\/70 { background: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .bg-base-500\/80 { background: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .bg-base-500\/90 { background: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .text-base-500 { color: var(--spectra-neutral-4); -webkit-text-fill-color: var(--spectra-neutral-4); }
:root .text-base-500\/10 { color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .text-base-500\/20 { color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .text-base-500\/30 { color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .text-base-500\/40 { color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .text-base-500\/50 { color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .text-base-500\/60 { color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .text-base-500\/70 { color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .text-base-500\/80 { color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .text-base-500\/90 { color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-base-500 { border-color: var(--spectra-neutral-4); }
:root .border-base-500\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-base-500\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-base-500\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-base-500\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-base-500\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-base-500\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-base-500\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-base-500\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-base-500\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .outline-base-500 { outline-color: var(--spectra-neutral-4); }
:root .outline-base-500\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .outline-base-500\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .outline-base-500\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .outline-base-500\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .outline-base-500\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .outline-base-500\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .outline-base-500\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .outline-base-500\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .outline-base-500\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .overlay-base-500 { background: var(--spectra-neutral-4); }
:root .overlay-base-500\/10 { background: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .overlay-base-500\/20 { background: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .overlay-base-500\/30 { background: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .overlay-base-500\/40 { background: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .overlay-base-500\/50 { background: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .overlay-base-500\/60 { background: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .overlay-base-500\/70 { background: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .overlay-base-500\/80 { background: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .overlay-base-500\/90 { background: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .fill-base-500 { fill: var(--spectra-neutral-4); }
:root .fill-base-500\/10 { fill: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .fill-base-500\/20 { fill: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .fill-base-500\/30 { fill: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .fill-base-500\/40 { fill: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .fill-base-500\/50 { fill: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .fill-base-500\/60 { fill: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .fill-base-500\/70 { fill: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .fill-base-500\/80 { fill: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .fill-base-500\/90 { fill: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .stroke-base-500 { stroke: var(--spectra-neutral-4); }
:root .stroke-base-500\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .stroke-base-500\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .stroke-base-500\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .stroke-base-500\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .stroke-base-500\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .stroke-base-500\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .stroke-base-500\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .stroke-base-500\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .stroke-base-500\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-t-base-500 { border-top-color: var(--spectra-neutral-4); }
:root .border-t-base-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-t-base-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-t-base-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-t-base-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-t-base-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-t-base-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-t-base-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-t-base-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-t-base-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-r-base-500 { border-right-color: var(--spectra-neutral-4); }
:root .border-r-base-500\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-r-base-500\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-r-base-500\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-r-base-500\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-r-base-500\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-r-base-500\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-r-base-500\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-r-base-500\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-r-base-500\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-b-base-500 { border-bottom-color: var(--spectra-neutral-4); }
:root .border-b-base-500\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-b-base-500\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-b-base-500\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-b-base-500\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-b-base-500\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-b-base-500\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-b-base-500\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-b-base-500\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-b-base-500\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-l-base-500 { border-left-color: var(--spectra-neutral-4); }
:root .border-l-base-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-l-base-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-l-base-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-l-base-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-l-base-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-l-base-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-l-base-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-l-base-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-l-base-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-x-base-500 { border-left-color: var(--spectra-neutral-4); border-right-color: var(--spectra-neutral-4); }
:root .border-x-base-500\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-x-base-500\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-x-base-500\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-x-base-500\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-x-base-500\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-x-base-500\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-x-base-500\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-x-base-500\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-x-base-500\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .border-y-base-500 { border-top-color: var(--spectra-neutral-4); border-bottom-color: var(--spectra-neutral-4); }
:root .border-y-base-500\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 10%, transparent); }
:root .border-y-base-500\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 20%, transparent); }
:root .border-y-base-500\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 30%, transparent); }
:root .border-y-base-500\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 40%, transparent); }
:root .border-y-base-500\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 50%, transparent); }
:root .border-y-base-500\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 60%, transparent); }
:root .border-y-base-500\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 70%, transparent); }
:root .border-y-base-500\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 80%, transparent); }
:root .border-y-base-500\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-4) 90%, transparent); }
:root .ring-base-500 { --tw-ring-color: var(--spectra-neutral-4); }
:root .ring-offset-base-500 { --tw-ring-offset-color: var(--spectra-neutral-4); }
:root .bg-base-600 { background: var(--spectra-neutral-5); }
:root .bg-base-600\/10 { background: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .bg-base-600\/20 { background: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .bg-base-600\/30 { background: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .bg-base-600\/40 { background: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .bg-base-600\/50 { background: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .bg-base-600\/60 { background: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .bg-base-600\/70 { background: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .bg-base-600\/80 { background: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .bg-base-600\/90 { background: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .text-base-600 { color: var(--spectra-neutral-5); -webkit-text-fill-color: var(--spectra-neutral-5); }
:root .text-base-600\/10 { color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .text-base-600\/20 { color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .text-base-600\/30 { color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .text-base-600\/40 { color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .text-base-600\/50 { color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .text-base-600\/60 { color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .text-base-600\/70 { color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .text-base-600\/80 { color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .text-base-600\/90 { color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-base-600 { border-color: var(--spectra-neutral-5); }
:root .border-base-600\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-base-600\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-base-600\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-base-600\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-base-600\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-base-600\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-base-600\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-base-600\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-base-600\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .outline-base-600 { outline-color: var(--spectra-neutral-5); }
:root .outline-base-600\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .outline-base-600\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .outline-base-600\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .outline-base-600\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .outline-base-600\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .outline-base-600\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .outline-base-600\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .outline-base-600\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .outline-base-600\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .overlay-base-600 { background: var(--spectra-neutral-5); }
:root .overlay-base-600\/10 { background: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .overlay-base-600\/20 { background: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .overlay-base-600\/30 { background: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .overlay-base-600\/40 { background: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .overlay-base-600\/50 { background: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .overlay-base-600\/60 { background: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .overlay-base-600\/70 { background: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .overlay-base-600\/80 { background: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .overlay-base-600\/90 { background: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .fill-base-600 { fill: var(--spectra-neutral-5); }
:root .fill-base-600\/10 { fill: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .fill-base-600\/20 { fill: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .fill-base-600\/30 { fill: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .fill-base-600\/40 { fill: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .fill-base-600\/50 { fill: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .fill-base-600\/60 { fill: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .fill-base-600\/70 { fill: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .fill-base-600\/80 { fill: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .fill-base-600\/90 { fill: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .stroke-base-600 { stroke: var(--spectra-neutral-5); }
:root .stroke-base-600\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .stroke-base-600\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .stroke-base-600\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .stroke-base-600\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .stroke-base-600\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .stroke-base-600\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .stroke-base-600\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .stroke-base-600\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .stroke-base-600\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-t-base-600 { border-top-color: var(--spectra-neutral-5); }
:root .border-t-base-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-t-base-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-t-base-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-t-base-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-t-base-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-t-base-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-t-base-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-t-base-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-t-base-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-r-base-600 { border-right-color: var(--spectra-neutral-5); }
:root .border-r-base-600\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-r-base-600\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-r-base-600\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-r-base-600\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-r-base-600\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-r-base-600\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-r-base-600\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-r-base-600\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-r-base-600\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-b-base-600 { border-bottom-color: var(--spectra-neutral-5); }
:root .border-b-base-600\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-b-base-600\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-b-base-600\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-b-base-600\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-b-base-600\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-b-base-600\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-b-base-600\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-b-base-600\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-b-base-600\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-l-base-600 { border-left-color: var(--spectra-neutral-5); }
:root .border-l-base-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-l-base-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-l-base-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-l-base-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-l-base-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-l-base-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-l-base-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-l-base-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-l-base-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-x-base-600 { border-left-color: var(--spectra-neutral-5); border-right-color: var(--spectra-neutral-5); }
:root .border-x-base-600\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-x-base-600\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-x-base-600\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-x-base-600\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-x-base-600\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-x-base-600\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-x-base-600\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-x-base-600\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-x-base-600\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-y-base-600 { border-top-color: var(--spectra-neutral-5); border-bottom-color: var(--spectra-neutral-5); }
:root .border-y-base-600\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-y-base-600\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-y-base-600\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-y-base-600\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-y-base-600\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-y-base-600\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-y-base-600\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-y-base-600\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-y-base-600\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .ring-base-600 { --tw-ring-color: var(--spectra-neutral-5); }
:root .ring-offset-base-600 { --tw-ring-offset-color: var(--spectra-neutral-5); }
:root .bg-base-800 { background: var(--spectra-neutral-6); }
:root .bg-base-800\/10 { background: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .bg-base-800\/20 { background: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .bg-base-800\/30 { background: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .bg-base-800\/40 { background: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .bg-base-800\/50 { background: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .bg-base-800\/60 { background: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .bg-base-800\/70 { background: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .bg-base-800\/80 { background: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .bg-base-800\/90 { background: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .text-base-800 { color: var(--spectra-neutral-6); -webkit-text-fill-color: var(--spectra-neutral-6); }
:root .text-base-800\/10 { color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .text-base-800\/20 { color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .text-base-800\/30 { color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .text-base-800\/40 { color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .text-base-800\/50 { color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .text-base-800\/60 { color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .text-base-800\/70 { color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .text-base-800\/80 { color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .text-base-800\/90 { color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-base-800 { border-color: var(--spectra-neutral-6); }
:root .border-base-800\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-base-800\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-base-800\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-base-800\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-base-800\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-base-800\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-base-800\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-base-800\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-base-800\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .outline-base-800 { outline-color: var(--spectra-neutral-6); }
:root .outline-base-800\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .outline-base-800\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .outline-base-800\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .outline-base-800\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .outline-base-800\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .outline-base-800\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .outline-base-800\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .outline-base-800\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .outline-base-800\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .overlay-base-800 { background: var(--spectra-neutral-6); }
:root .overlay-base-800\/10 { background: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .overlay-base-800\/20 { background: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .overlay-base-800\/30 { background: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .overlay-base-800\/40 { background: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .overlay-base-800\/50 { background: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .overlay-base-800\/60 { background: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .overlay-base-800\/70 { background: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .overlay-base-800\/80 { background: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .overlay-base-800\/90 { background: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .fill-base-800 { fill: var(--spectra-neutral-6); }
:root .fill-base-800\/10 { fill: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .fill-base-800\/20 { fill: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .fill-base-800\/30 { fill: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .fill-base-800\/40 { fill: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .fill-base-800\/50 { fill: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .fill-base-800\/60 { fill: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .fill-base-800\/70 { fill: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .fill-base-800\/80 { fill: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .fill-base-800\/90 { fill: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .stroke-base-800 { stroke: var(--spectra-neutral-6); }
:root .stroke-base-800\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .stroke-base-800\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .stroke-base-800\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .stroke-base-800\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .stroke-base-800\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .stroke-base-800\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .stroke-base-800\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .stroke-base-800\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .stroke-base-800\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-t-base-800 { border-top-color: var(--spectra-neutral-6); }
:root .border-t-base-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-t-base-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-t-base-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-t-base-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-t-base-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-t-base-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-t-base-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-t-base-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-t-base-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-r-base-800 { border-right-color: var(--spectra-neutral-6); }
:root .border-r-base-800\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-r-base-800\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-r-base-800\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-r-base-800\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-r-base-800\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-r-base-800\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-r-base-800\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-r-base-800\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-r-base-800\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-b-base-800 { border-bottom-color: var(--spectra-neutral-6); }
:root .border-b-base-800\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-b-base-800\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-b-base-800\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-b-base-800\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-b-base-800\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-b-base-800\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-b-base-800\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-b-base-800\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-b-base-800\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-l-base-800 { border-left-color: var(--spectra-neutral-6); }
:root .border-l-base-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-l-base-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-l-base-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-l-base-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-l-base-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-l-base-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-l-base-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-l-base-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-l-base-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-x-base-800 { border-left-color: var(--spectra-neutral-6); border-right-color: var(--spectra-neutral-6); }
:root .border-x-base-800\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-x-base-800\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-x-base-800\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-x-base-800\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-x-base-800\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-x-base-800\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-x-base-800\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-x-base-800\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-x-base-800\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-y-base-800 { border-top-color: var(--spectra-neutral-6); border-bottom-color: var(--spectra-neutral-6); }
:root .border-y-base-800\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-y-base-800\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-y-base-800\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-y-base-800\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-y-base-800\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-y-base-800\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-y-base-800\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-y-base-800\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-y-base-800\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .ring-base-800 { --tw-ring-color: var(--spectra-neutral-6); }
:root .ring-offset-base-800 { --tw-ring-offset-color: var(--spectra-neutral-6); }
:root .bg-base-950 { background: var(--spectra-neutral-7); }
:root .bg-base-950\/10 { background: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .bg-base-950\/20 { background: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .bg-base-950\/30 { background: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .bg-base-950\/40 { background: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .bg-base-950\/50 { background: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .bg-base-950\/60 { background: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .bg-base-950\/70 { background: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .bg-base-950\/80 { background: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .bg-base-950\/90 { background: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .text-base-950 { color: var(--spectra-neutral-7); -webkit-text-fill-color: var(--spectra-neutral-7); }
:root .text-base-950\/10 { color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .text-base-950\/20 { color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .text-base-950\/30 { color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .text-base-950\/40 { color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .text-base-950\/50 { color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .text-base-950\/60 { color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .text-base-950\/70 { color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .text-base-950\/80 { color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .text-base-950\/90 { color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-base-950 { border-color: var(--spectra-neutral-7); }
:root .border-base-950\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-base-950\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-base-950\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-base-950\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-base-950\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-base-950\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-base-950\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-base-950\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-base-950\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .outline-base-950 { outline-color: var(--spectra-neutral-7); }
:root .outline-base-950\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .outline-base-950\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .outline-base-950\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .outline-base-950\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .outline-base-950\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .outline-base-950\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .outline-base-950\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .outline-base-950\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .outline-base-950\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .overlay-base-950 { background: var(--spectra-neutral-7); }
:root .overlay-base-950\/10 { background: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .overlay-base-950\/20 { background: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .overlay-base-950\/30 { background: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .overlay-base-950\/40 { background: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .overlay-base-950\/50 { background: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .overlay-base-950\/60 { background: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .overlay-base-950\/70 { background: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .overlay-base-950\/80 { background: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .overlay-base-950\/90 { background: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .fill-base-950 { fill: var(--spectra-neutral-7); }
:root .fill-base-950\/10 { fill: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .fill-base-950\/20 { fill: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .fill-base-950\/30 { fill: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .fill-base-950\/40 { fill: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .fill-base-950\/50 { fill: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .fill-base-950\/60 { fill: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .fill-base-950\/70 { fill: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .fill-base-950\/80 { fill: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .fill-base-950\/90 { fill: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .stroke-base-950 { stroke: var(--spectra-neutral-7); }
:root .stroke-base-950\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .stroke-base-950\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .stroke-base-950\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .stroke-base-950\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .stroke-base-950\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .stroke-base-950\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .stroke-base-950\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .stroke-base-950\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .stroke-base-950\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-t-base-950 { border-top-color: var(--spectra-neutral-7); }
:root .border-t-base-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-t-base-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-t-base-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-t-base-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-t-base-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-t-base-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-t-base-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-t-base-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-t-base-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-r-base-950 { border-right-color: var(--spectra-neutral-7); }
:root .border-r-base-950\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-r-base-950\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-r-base-950\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-r-base-950\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-r-base-950\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-r-base-950\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-r-base-950\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-r-base-950\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-r-base-950\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-b-base-950 { border-bottom-color: var(--spectra-neutral-7); }
:root .border-b-base-950\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-b-base-950\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-b-base-950\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-b-base-950\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-b-base-950\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-b-base-950\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-b-base-950\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-b-base-950\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-b-base-950\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-l-base-950 { border-left-color: var(--spectra-neutral-7); }
:root .border-l-base-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-l-base-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-l-base-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-l-base-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-l-base-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-l-base-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-l-base-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-l-base-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-l-base-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-x-base-950 { border-left-color: var(--spectra-neutral-7); border-right-color: var(--spectra-neutral-7); }
:root .border-x-base-950\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-x-base-950\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-x-base-950\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-x-base-950\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-x-base-950\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-x-base-950\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-x-base-950\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-x-base-950\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-x-base-950\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .border-y-base-950 { border-top-color: var(--spectra-neutral-7); border-bottom-color: var(--spectra-neutral-7); }
:root .border-y-base-950\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 10%, transparent); }
:root .border-y-base-950\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 20%, transparent); }
:root .border-y-base-950\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 30%, transparent); }
:root .border-y-base-950\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 40%, transparent); }
:root .border-y-base-950\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 50%, transparent); }
:root .border-y-base-950\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 60%, transparent); }
:root .border-y-base-950\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 70%, transparent); }
:root .border-y-base-950\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 80%, transparent); }
:root .border-y-base-950\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-7) 90%, transparent); }
:root .ring-base-950 { --tw-ring-color: var(--spectra-neutral-7); }
:root .ring-offset-base-950 { --tw-ring-offset-color: var(--spectra-neutral-7); }
:root .bg-base-400 { background: var(--spectra-neutral-3); }
:root .bg-base-400\/10 { background: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .bg-base-400\/20 { background: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .bg-base-400\/30 { background: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .bg-base-400\/40 { background: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .bg-base-400\/50 { background: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .bg-base-400\/60 { background: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .bg-base-400\/70 { background: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .bg-base-400\/80 { background: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .bg-base-400\/90 { background: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .text-base-400 { color: var(--spectra-neutral-3); -webkit-text-fill-color: var(--spectra-neutral-3); }
:root .text-base-400\/10 { color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .text-base-400\/20 { color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .text-base-400\/30 { color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .text-base-400\/40 { color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .text-base-400\/50 { color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .text-base-400\/60 { color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .text-base-400\/70 { color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .text-base-400\/80 { color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .text-base-400\/90 { color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-base-400 { border-color: var(--spectra-neutral-3); }
:root .border-base-400\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-base-400\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-base-400\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-base-400\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-base-400\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-base-400\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-base-400\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-base-400\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-base-400\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .outline-base-400 { outline-color: var(--spectra-neutral-3); }
:root .outline-base-400\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .outline-base-400\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .outline-base-400\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .outline-base-400\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .outline-base-400\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .outline-base-400\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .outline-base-400\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .outline-base-400\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .outline-base-400\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .overlay-base-400 { background: var(--spectra-neutral-3); }
:root .overlay-base-400\/10 { background: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .overlay-base-400\/20 { background: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .overlay-base-400\/30 { background: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .overlay-base-400\/40 { background: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .overlay-base-400\/50 { background: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .overlay-base-400\/60 { background: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .overlay-base-400\/70 { background: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .overlay-base-400\/80 { background: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .overlay-base-400\/90 { background: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .fill-base-400 { fill: var(--spectra-neutral-3); }
:root .fill-base-400\/10 { fill: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .fill-base-400\/20 { fill: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .fill-base-400\/30 { fill: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .fill-base-400\/40 { fill: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .fill-base-400\/50 { fill: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .fill-base-400\/60 { fill: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .fill-base-400\/70 { fill: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .fill-base-400\/80 { fill: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .fill-base-400\/90 { fill: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .stroke-base-400 { stroke: var(--spectra-neutral-3); }
:root .stroke-base-400\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .stroke-base-400\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .stroke-base-400\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .stroke-base-400\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .stroke-base-400\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .stroke-base-400\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .stroke-base-400\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .stroke-base-400\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .stroke-base-400\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-t-base-400 { border-top-color: var(--spectra-neutral-3); }
:root .border-t-base-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-t-base-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-t-base-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-t-base-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-t-base-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-t-base-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-t-base-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-t-base-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-t-base-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-r-base-400 { border-right-color: var(--spectra-neutral-3); }
:root .border-r-base-400\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-r-base-400\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-r-base-400\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-r-base-400\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-r-base-400\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-r-base-400\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-r-base-400\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-r-base-400\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-r-base-400\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-b-base-400 { border-bottom-color: var(--spectra-neutral-3); }
:root .border-b-base-400\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-b-base-400\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-b-base-400\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-b-base-400\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-b-base-400\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-b-base-400\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-b-base-400\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-b-base-400\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-b-base-400\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-l-base-400 { border-left-color: var(--spectra-neutral-3); }
:root .border-l-base-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-l-base-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-l-base-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-l-base-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-l-base-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-l-base-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-l-base-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-l-base-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-l-base-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-x-base-400 { border-left-color: var(--spectra-neutral-3); border-right-color: var(--spectra-neutral-3); }
:root .border-x-base-400\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-x-base-400\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-x-base-400\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-x-base-400\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-x-base-400\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-x-base-400\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-x-base-400\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-x-base-400\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-x-base-400\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .border-y-base-400 { border-top-color: var(--spectra-neutral-3); border-bottom-color: var(--spectra-neutral-3); }
:root .border-y-base-400\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 10%, transparent); }
:root .border-y-base-400\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 20%, transparent); }
:root .border-y-base-400\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 30%, transparent); }
:root .border-y-base-400\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 40%, transparent); }
:root .border-y-base-400\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 50%, transparent); }
:root .border-y-base-400\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 60%, transparent); }
:root .border-y-base-400\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 70%, transparent); }
:root .border-y-base-400\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 80%, transparent); }
:root .border-y-base-400\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-3) 90%, transparent); }
:root .ring-base-400 { --tw-ring-color: var(--spectra-neutral-3); }
:root .ring-offset-base-400 { --tw-ring-offset-color: var(--spectra-neutral-3); }
:root .bg-base-700 { background: var(--spectra-neutral-5); }
:root .bg-base-700\/10 { background: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .bg-base-700\/20 { background: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .bg-base-700\/30 { background: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .bg-base-700\/40 { background: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .bg-base-700\/50 { background: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .bg-base-700\/60 { background: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .bg-base-700\/70 { background: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .bg-base-700\/80 { background: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .bg-base-700\/90 { background: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .text-base-700 { color: var(--spectra-neutral-5); -webkit-text-fill-color: var(--spectra-neutral-5); }
:root .text-base-700\/10 { color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .text-base-700\/20 { color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .text-base-700\/30 { color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .text-base-700\/40 { color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .text-base-700\/50 { color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .text-base-700\/60 { color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .text-base-700\/70 { color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .text-base-700\/80 { color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .text-base-700\/90 { color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-base-700 { border-color: var(--spectra-neutral-5); }
:root .border-base-700\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-base-700\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-base-700\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-base-700\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-base-700\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-base-700\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-base-700\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-base-700\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-base-700\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .outline-base-700 { outline-color: var(--spectra-neutral-5); }
:root .outline-base-700\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .outline-base-700\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .outline-base-700\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .outline-base-700\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .outline-base-700\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .outline-base-700\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .outline-base-700\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .outline-base-700\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .outline-base-700\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .overlay-base-700 { background: var(--spectra-neutral-5); }
:root .overlay-base-700\/10 { background: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .overlay-base-700\/20 { background: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .overlay-base-700\/30 { background: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .overlay-base-700\/40 { background: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .overlay-base-700\/50 { background: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .overlay-base-700\/60 { background: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .overlay-base-700\/70 { background: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .overlay-base-700\/80 { background: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .overlay-base-700\/90 { background: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .fill-base-700 { fill: var(--spectra-neutral-5); }
:root .fill-base-700\/10 { fill: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .fill-base-700\/20 { fill: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .fill-base-700\/30 { fill: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .fill-base-700\/40 { fill: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .fill-base-700\/50 { fill: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .fill-base-700\/60 { fill: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .fill-base-700\/70 { fill: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .fill-base-700\/80 { fill: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .fill-base-700\/90 { fill: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .stroke-base-700 { stroke: var(--spectra-neutral-5); }
:root .stroke-base-700\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .stroke-base-700\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .stroke-base-700\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .stroke-base-700\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .stroke-base-700\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .stroke-base-700\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .stroke-base-700\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .stroke-base-700\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .stroke-base-700\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-t-base-700 { border-top-color: var(--spectra-neutral-5); }
:root .border-t-base-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-t-base-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-t-base-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-t-base-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-t-base-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-t-base-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-t-base-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-t-base-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-t-base-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-r-base-700 { border-right-color: var(--spectra-neutral-5); }
:root .border-r-base-700\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-r-base-700\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-r-base-700\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-r-base-700\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-r-base-700\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-r-base-700\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-r-base-700\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-r-base-700\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-r-base-700\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-b-base-700 { border-bottom-color: var(--spectra-neutral-5); }
:root .border-b-base-700\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-b-base-700\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-b-base-700\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-b-base-700\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-b-base-700\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-b-base-700\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-b-base-700\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-b-base-700\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-b-base-700\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-l-base-700 { border-left-color: var(--spectra-neutral-5); }
:root .border-l-base-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-l-base-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-l-base-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-l-base-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-l-base-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-l-base-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-l-base-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-l-base-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-l-base-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-x-base-700 { border-left-color: var(--spectra-neutral-5); border-right-color: var(--spectra-neutral-5); }
:root .border-x-base-700\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-x-base-700\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-x-base-700\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-x-base-700\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-x-base-700\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-x-base-700\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-x-base-700\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-x-base-700\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-x-base-700\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .border-y-base-700 { border-top-color: var(--spectra-neutral-5); border-bottom-color: var(--spectra-neutral-5); }
:root .border-y-base-700\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 10%, transparent); }
:root .border-y-base-700\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 20%, transparent); }
:root .border-y-base-700\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 30%, transparent); }
:root .border-y-base-700\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 40%, transparent); }
:root .border-y-base-700\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 50%, transparent); }
:root .border-y-base-700\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 60%, transparent); }
:root .border-y-base-700\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 70%, transparent); }
:root .border-y-base-700\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 80%, transparent); }
:root .border-y-base-700\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-5) 90%, transparent); }
:root .ring-base-700 { --tw-ring-color: var(--spectra-neutral-5); }
:root .ring-offset-base-700 { --tw-ring-offset-color: var(--spectra-neutral-5); }
:root .bg-base-900 { background: var(--spectra-neutral-6); }
:root .bg-base-900\/10 { background: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .bg-base-900\/20 { background: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .bg-base-900\/30 { background: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .bg-base-900\/40 { background: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .bg-base-900\/50 { background: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .bg-base-900\/60 { background: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .bg-base-900\/70 { background: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .bg-base-900\/80 { background: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .bg-base-900\/90 { background: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .text-base-900 { color: var(--spectra-neutral-6); -webkit-text-fill-color: var(--spectra-neutral-6); }
:root .text-base-900\/10 { color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .text-base-900\/20 { color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .text-base-900\/30 { color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .text-base-900\/40 { color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .text-base-900\/50 { color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .text-base-900\/60 { color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .text-base-900\/70 { color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .text-base-900\/80 { color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .text-base-900\/90 { color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); -webkit-text-fill-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-base-900 { border-color: var(--spectra-neutral-6); }
:root .border-base-900\/10 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-base-900\/20 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-base-900\/30 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-base-900\/40 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-base-900\/50 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-base-900\/60 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-base-900\/70 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-base-900\/80 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-base-900\/90 { border-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .outline-base-900 { outline-color: var(--spectra-neutral-6); }
:root .outline-base-900\/10 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .outline-base-900\/20 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .outline-base-900\/30 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .outline-base-900\/40 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .outline-base-900\/50 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .outline-base-900\/60 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .outline-base-900\/70 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .outline-base-900\/80 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .outline-base-900\/90 { outline-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .overlay-base-900 { background: var(--spectra-neutral-6); }
:root .overlay-base-900\/10 { background: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .overlay-base-900\/20 { background: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .overlay-base-900\/30 { background: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .overlay-base-900\/40 { background: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .overlay-base-900\/50 { background: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .overlay-base-900\/60 { background: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .overlay-base-900\/70 { background: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .overlay-base-900\/80 { background: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .overlay-base-900\/90 { background: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .fill-base-900 { fill: var(--spectra-neutral-6); }
:root .fill-base-900\/10 { fill: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .fill-base-900\/20 { fill: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .fill-base-900\/30 { fill: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .fill-base-900\/40 { fill: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .fill-base-900\/50 { fill: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .fill-base-900\/60 { fill: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .fill-base-900\/70 { fill: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .fill-base-900\/80 { fill: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .fill-base-900\/90 { fill: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .stroke-base-900 { stroke: var(--spectra-neutral-6); }
:root .stroke-base-900\/10 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .stroke-base-900\/20 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .stroke-base-900\/30 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .stroke-base-900\/40 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .stroke-base-900\/50 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .stroke-base-900\/60 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .stroke-base-900\/70 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .stroke-base-900\/80 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .stroke-base-900\/90 { stroke: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-t-base-900 { border-top-color: var(--spectra-neutral-6); }
:root .border-t-base-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-t-base-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-t-base-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-t-base-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-t-base-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-t-base-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-t-base-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-t-base-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-t-base-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-r-base-900 { border-right-color: var(--spectra-neutral-6); }
:root .border-r-base-900\/10 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-r-base-900\/20 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-r-base-900\/30 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-r-base-900\/40 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-r-base-900\/50 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-r-base-900\/60 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-r-base-900\/70 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-r-base-900\/80 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-r-base-900\/90 { border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-b-base-900 { border-bottom-color: var(--spectra-neutral-6); }
:root .border-b-base-900\/10 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-b-base-900\/20 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-b-base-900\/30 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-b-base-900\/40 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-b-base-900\/50 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-b-base-900\/60 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-b-base-900\/70 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-b-base-900\/80 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-b-base-900\/90 { border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-l-base-900 { border-left-color: var(--spectra-neutral-6); }
:root .border-l-base-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-l-base-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-l-base-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-l-base-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-l-base-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-l-base-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-l-base-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-l-base-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-l-base-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-x-base-900 { border-left-color: var(--spectra-neutral-6); border-right-color: var(--spectra-neutral-6); }
:root .border-x-base-900\/10 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-x-base-900\/20 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-x-base-900\/30 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-x-base-900\/40 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-x-base-900\/50 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-x-base-900\/60 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-x-base-900\/70 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-x-base-900\/80 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-x-base-900\/90 { border-left-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); border-right-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .border-y-base-900 { border-top-color: var(--spectra-neutral-6); border-bottom-color: var(--spectra-neutral-6); }
:root .border-y-base-900\/10 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 10%, transparent); }
:root .border-y-base-900\/20 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 20%, transparent); }
:root .border-y-base-900\/30 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 30%, transparent); }
:root .border-y-base-900\/40 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 40%, transparent); }
:root .border-y-base-900\/50 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 50%, transparent); }
:root .border-y-base-900\/60 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 60%, transparent); }
:root .border-y-base-900\/70 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 70%, transparent); }
:root .border-y-base-900\/80 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 80%, transparent); }
:root .border-y-base-900\/90 { border-top-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); border-bottom-color: color-mix(in srgb, var(--spectra-neutral-6) 90%, transparent); }
:root .ring-base-900 { --tw-ring-color: var(--spectra-neutral-6); }
:root .ring-offset-base-900 { --tw-ring-offset-color: var(--spectra-neutral-6); }
:root .bg-white { background: #ffffff; }
:root .text-white { color: #ffffff; -webkit-text-fill-color: #ffffff; }
:root .border-white { border-color: #ffffff; }
:root .outline-white { outline-color: #ffffff; }
:root .overlay-white { background: #ffffff; }
:root .fill-white { fill: #ffffff; }
:root .stroke-white { stroke: #ffffff; }
:root .border-t-white { border-top-color: #ffffff; }
:root .border-r-white { border-right-color: #ffffff; }
:root .border-b-white { border-bottom-color: #ffffff; }
:root .border-l-white { border-left-color: #ffffff; }
:root .border-x-white { border-left-color: #ffffff; border-right-color: #ffffff; }
:root .border-y-white { border-top-color: #ffffff; border-bottom-color: #ffffff; }
:root .bg-black { background: #000000; }
:root .text-black { color: #000000; -webkit-text-fill-color: #000000; }
:root .border-black { border-color: #000000; }
:root .outline-black { outline-color: #000000; }
:root .overlay-black { background: #000000; }
:root .fill-black { fill: #000000; }
:root .stroke-black { stroke: #000000; }
:root .border-t-black { border-top-color: #000000; }
:root .border-r-black { border-right-color: #000000; }
:root .border-b-black { border-bottom-color: #000000; }
:root .border-l-black { border-left-color: #000000; }
:root .border-x-black { border-left-color: #000000; border-right-color: #000000; }
:root .border-y-black { border-top-color: #000000; border-bottom-color: #000000; }
:root .bg-transparent { background: transparent; }
:root .text-transparent { color: transparent; -webkit-text-fill-color: transparent; }
:root .border-transparent { border-color: transparent; }
:root .outline-transparent { outline-color: transparent; }
:root .overlay-transparent { background: transparent; }
:root .fill-transparent { fill: transparent; }
:root .stroke-transparent { stroke: transparent; }
:root .border-t-transparent { border-top-color: transparent; }
:root .border-r-transparent { border-right-color: transparent; }
:root .border-b-transparent { border-bottom-color: transparent; }
:root .border-l-transparent { border-left-color: transparent; }
:root .border-x-transparent { border-left-color: transparent; border-right-color: transparent; }
:root .border-y-transparent { border-top-color: transparent; border-bottom-color: transparent; }
:root .from-primary-50 { --tw-gradient-from: var(--spectra-chromatic1-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-100 { --tw-gradient-from: var(--spectra-chromatic1-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-200 { --tw-gradient-from: var(--spectra-chromatic1-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-300 { --tw-gradient-from: var(--spectra-chromatic1-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-400 { --tw-gradient-from: var(--spectra-chromatic1-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-500 { --tw-gradient-from: var(--spectra-chromatic1-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-600 { --tw-gradient-from: var(--spectra-chromatic1-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-700 { --tw-gradient-from: var(--spectra-chromatic1-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-800 { --tw-gradient-from: var(--spectra-chromatic1-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-900 { --tw-gradient-from: var(--spectra-chromatic1-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-primary-950 { --tw-gradient-from: var(--spectra-chromatic1-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-50 { --tw-gradient-from: var(--spectra-chromatic2-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-100 { --tw-gradient-from: var(--spectra-chromatic2-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-200 { --tw-gradient-from: var(--spectra-chromatic2-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-300 { --tw-gradient-from: var(--spectra-chromatic2-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-400 { --tw-gradient-from: var(--spectra-chromatic2-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-500 { --tw-gradient-from: var(--spectra-chromatic2-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-600 { --tw-gradient-from: var(--spectra-chromatic2-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-700 { --tw-gradient-from: var(--spectra-chromatic2-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-800 { --tw-gradient-from: var(--spectra-chromatic2-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-900 { --tw-gradient-from: var(--spectra-chromatic2-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-secondary-950 { --tw-gradient-from: var(--spectra-chromatic2-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-50 { --tw-gradient-from: var(--spectra-chromatic3-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-100 { --tw-gradient-from: var(--spectra-chromatic3-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-200 { --tw-gradient-from: var(--spectra-chromatic3-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-300 { --tw-gradient-from: var(--spectra-chromatic3-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-400 { --tw-gradient-from: var(--spectra-chromatic3-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-500 { --tw-gradient-from: var(--spectra-chromatic3-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-600 { --tw-gradient-from: var(--spectra-chromatic3-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-700 { --tw-gradient-from: var(--spectra-chromatic3-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-800 { --tw-gradient-from: var(--spectra-chromatic3-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-900 { --tw-gradient-from: var(--spectra-chromatic3-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-accent-950 { --tw-gradient-from: var(--spectra-chromatic3-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-50 { --tw-gradient-from: var(--spectra-chromatic4-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-100 { --tw-gradient-from: var(--spectra-chromatic4-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-200 { --tw-gradient-from: var(--spectra-chromatic4-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-300 { --tw-gradient-from: var(--spectra-chromatic4-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-400 { --tw-gradient-from: var(--spectra-chromatic4-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-500 { --tw-gradient-from: var(--spectra-chromatic4-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-600 { --tw-gradient-from: var(--spectra-chromatic4-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-700 { --tw-gradient-from: var(--spectra-chromatic4-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-800 { --tw-gradient-from: var(--spectra-chromatic4-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-900 { --tw-gradient-from: var(--spectra-chromatic4-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-success-950 { --tw-gradient-from: var(--spectra-chromatic4-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-50 { --tw-gradient-from: var(--spectra-chromatic5-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-100 { --tw-gradient-from: var(--spectra-chromatic5-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-200 { --tw-gradient-from: var(--spectra-chromatic5-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-300 { --tw-gradient-from: var(--spectra-chromatic5-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-400 { --tw-gradient-from: var(--spectra-chromatic5-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-500 { --tw-gradient-from: var(--spectra-chromatic5-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-600 { --tw-gradient-from: var(--spectra-chromatic5-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-700 { --tw-gradient-from: var(--spectra-chromatic5-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-800 { --tw-gradient-from: var(--spectra-chromatic5-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-900 { --tw-gradient-from: var(--spectra-chromatic5-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-error-950 { --tw-gradient-from: var(--spectra-chromatic5-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-50 { --tw-gradient-from: var(--spectra-chromatic6-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-100 { --tw-gradient-from: var(--spectra-chromatic6-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-200 { --tw-gradient-from: var(--spectra-chromatic6-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-300 { --tw-gradient-from: var(--spectra-chromatic6-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-400 { --tw-gradient-from: var(--spectra-chromatic6-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-500 { --tw-gradient-from: var(--spectra-chromatic6-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-600 { --tw-gradient-from: var(--spectra-chromatic6-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-700 { --tw-gradient-from: var(--spectra-chromatic6-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-800 { --tw-gradient-from: var(--spectra-chromatic6-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-900 { --tw-gradient-from: var(--spectra-chromatic6-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-info-950 { --tw-gradient-from: var(--spectra-chromatic6-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-50 { --tw-gradient-from: var(--spectra-chromatic7-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-100 { --tw-gradient-from: var(--spectra-chromatic7-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-200 { --tw-gradient-from: var(--spectra-chromatic7-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-300 { --tw-gradient-from: var(--spectra-chromatic7-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-400 { --tw-gradient-from: var(--spectra-chromatic7-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-500 { --tw-gradient-from: var(--spectra-chromatic7-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-600 { --tw-gradient-from: var(--spectra-chromatic7-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-700 { --tw-gradient-from: var(--spectra-chromatic7-8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-800 { --tw-gradient-from: var(--spectra-chromatic7-9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-900 { --tw-gradient-from: var(--spectra-chromatic7-10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-warning-950 { --tw-gradient-from: var(--spectra-chromatic7-11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-50 { --tw-gradient-from: var(--spectra-neutral-0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-100 { --tw-gradient-from: var(--spectra-neutral-1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-200 { --tw-gradient-from: var(--spectra-neutral-2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-300 { --tw-gradient-from: var(--spectra-neutral-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-500 { --tw-gradient-from: var(--spectra-neutral-4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-600 { --tw-gradient-from: var(--spectra-neutral-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-800 { --tw-gradient-from: var(--spectra-neutral-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-950 { --tw-gradient-from: var(--spectra-neutral-7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-400 { --tw-gradient-from: var(--spectra-neutral-3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-700 { --tw-gradient-from: var(--spectra-neutral-5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-base-900 { --tw-gradient-from: var(--spectra-neutral-6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-white { --tw-gradient-from: #ffffff; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-black { --tw-gradient-from: #000000; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
:root .via-primary-50 { --tw-gradient-via: var(--spectra-chromatic1-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-100 { --tw-gradient-via: var(--spectra-chromatic1-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-200 { --tw-gradient-via: var(--spectra-chromatic1-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-300 { --tw-gradient-via: var(--spectra-chromatic1-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-400 { --tw-gradient-via: var(--spectra-chromatic1-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-500 { --tw-gradient-via: var(--spectra-chromatic1-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-600 { --tw-gradient-via: var(--spectra-chromatic1-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-700 { --tw-gradient-via: var(--spectra-chromatic1-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-800 { --tw-gradient-via: var(--spectra-chromatic1-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-900 { --tw-gradient-via: var(--spectra-chromatic1-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-primary-950 { --tw-gradient-via: var(--spectra-chromatic1-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-50 { --tw-gradient-via: var(--spectra-chromatic2-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-100 { --tw-gradient-via: var(--spectra-chromatic2-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-200 { --tw-gradient-via: var(--spectra-chromatic2-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-300 { --tw-gradient-via: var(--spectra-chromatic2-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-400 { --tw-gradient-via: var(--spectra-chromatic2-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-500 { --tw-gradient-via: var(--spectra-chromatic2-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-600 { --tw-gradient-via: var(--spectra-chromatic2-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-700 { --tw-gradient-via: var(--spectra-chromatic2-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-800 { --tw-gradient-via: var(--spectra-chromatic2-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-900 { --tw-gradient-via: var(--spectra-chromatic2-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-secondary-950 { --tw-gradient-via: var(--spectra-chromatic2-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-50 { --tw-gradient-via: var(--spectra-chromatic3-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-100 { --tw-gradient-via: var(--spectra-chromatic3-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-200 { --tw-gradient-via: var(--spectra-chromatic3-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-300 { --tw-gradient-via: var(--spectra-chromatic3-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-400 { --tw-gradient-via: var(--spectra-chromatic3-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-500 { --tw-gradient-via: var(--spectra-chromatic3-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-600 { --tw-gradient-via: var(--spectra-chromatic3-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-700 { --tw-gradient-via: var(--spectra-chromatic3-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-800 { --tw-gradient-via: var(--spectra-chromatic3-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-900 { --tw-gradient-via: var(--spectra-chromatic3-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-accent-950 { --tw-gradient-via: var(--spectra-chromatic3-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-50 { --tw-gradient-via: var(--spectra-chromatic4-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-100 { --tw-gradient-via: var(--spectra-chromatic4-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-200 { --tw-gradient-via: var(--spectra-chromatic4-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-300 { --tw-gradient-via: var(--spectra-chromatic4-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-400 { --tw-gradient-via: var(--spectra-chromatic4-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-500 { --tw-gradient-via: var(--spectra-chromatic4-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-600 { --tw-gradient-via: var(--spectra-chromatic4-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-700 { --tw-gradient-via: var(--spectra-chromatic4-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-800 { --tw-gradient-via: var(--spectra-chromatic4-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-900 { --tw-gradient-via: var(--spectra-chromatic4-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-success-950 { --tw-gradient-via: var(--spectra-chromatic4-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-50 { --tw-gradient-via: var(--spectra-chromatic5-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-100 { --tw-gradient-via: var(--spectra-chromatic5-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-200 { --tw-gradient-via: var(--spectra-chromatic5-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-300 { --tw-gradient-via: var(--spectra-chromatic5-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-400 { --tw-gradient-via: var(--spectra-chromatic5-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-500 { --tw-gradient-via: var(--spectra-chromatic5-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-600 { --tw-gradient-via: var(--spectra-chromatic5-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-700 { --tw-gradient-via: var(--spectra-chromatic5-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-800 { --tw-gradient-via: var(--spectra-chromatic5-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-900 { --tw-gradient-via: var(--spectra-chromatic5-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-error-950 { --tw-gradient-via: var(--spectra-chromatic5-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-50 { --tw-gradient-via: var(--spectra-chromatic6-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-100 { --tw-gradient-via: var(--spectra-chromatic6-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-200 { --tw-gradient-via: var(--spectra-chromatic6-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-300 { --tw-gradient-via: var(--spectra-chromatic6-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-400 { --tw-gradient-via: var(--spectra-chromatic6-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-500 { --tw-gradient-via: var(--spectra-chromatic6-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-600 { --tw-gradient-via: var(--spectra-chromatic6-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-700 { --tw-gradient-via: var(--spectra-chromatic6-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-800 { --tw-gradient-via: var(--spectra-chromatic6-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-900 { --tw-gradient-via: var(--spectra-chromatic6-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-info-950 { --tw-gradient-via: var(--spectra-chromatic6-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-50 { --tw-gradient-via: var(--spectra-chromatic7-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-100 { --tw-gradient-via: var(--spectra-chromatic7-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-200 { --tw-gradient-via: var(--spectra-chromatic7-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-300 { --tw-gradient-via: var(--spectra-chromatic7-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-400 { --tw-gradient-via: var(--spectra-chromatic7-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-500 { --tw-gradient-via: var(--spectra-chromatic7-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-600 { --tw-gradient-via: var(--spectra-chromatic7-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-700 { --tw-gradient-via: var(--spectra-chromatic7-8); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-800 { --tw-gradient-via: var(--spectra-chromatic7-9); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-900 { --tw-gradient-via: var(--spectra-chromatic7-10); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-warning-950 { --tw-gradient-via: var(--spectra-chromatic7-11); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-50 { --tw-gradient-via: var(--spectra-neutral-0); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-100 { --tw-gradient-via: var(--spectra-neutral-1); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-200 { --tw-gradient-via: var(--spectra-neutral-2); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-300 { --tw-gradient-via: var(--spectra-neutral-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-500 { --tw-gradient-via: var(--spectra-neutral-4); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-600 { --tw-gradient-via: var(--spectra-neutral-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-800 { --tw-gradient-via: var(--spectra-neutral-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-950 { --tw-gradient-via: var(--spectra-neutral-7); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-400 { --tw-gradient-via: var(--spectra-neutral-3); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-700 { --tw-gradient-via: var(--spectra-neutral-5); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-base-900 { --tw-gradient-via: var(--spectra-neutral-6); --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-white { --tw-gradient-via: #ffffff; --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-black { --tw-gradient-via: #000000; --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .via-transparent { --tw-gradient-via: transparent; --tw-gradient-stops: var(--tw-gradient-from, transparent), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
:root .to-primary-50 { --tw-gradient-to: var(--spectra-chromatic1-1); }
:root .to-primary-100 { --tw-gradient-to: var(--spectra-chromatic1-2); }
:root .to-primary-200 { --tw-gradient-to: var(--spectra-chromatic1-3); }
:root .to-primary-300 { --tw-gradient-to: var(--spectra-chromatic1-4); }
:root .to-primary-400 { --tw-gradient-to: var(--spectra-chromatic1-5); }
:root .to-primary-500 { --tw-gradient-to: var(--spectra-chromatic1-6); }
:root .to-primary-600 { --tw-gradient-to: var(--spectra-chromatic1-7); }
:root .to-primary-700 { --tw-gradient-to: var(--spectra-chromatic1-8); }
:root .to-primary-800 { --tw-gradient-to: var(--spectra-chromatic1-9); }
:root .to-primary-900 { --tw-gradient-to: var(--spectra-chromatic1-10); }
:root .to-primary-950 { --tw-gradient-to: var(--spectra-chromatic1-11); }
:root .to-secondary-50 { --tw-gradient-to: var(--spectra-chromatic2-1); }
:root .to-secondary-100 { --tw-gradient-to: var(--spectra-chromatic2-2); }
:root .to-secondary-200 { --tw-gradient-to: var(--spectra-chromatic2-3); }
:root .to-secondary-300 { --tw-gradient-to: var(--spectra-chromatic2-4); }
:root .to-secondary-400 { --tw-gradient-to: var(--spectra-chromatic2-5); }
:root .to-secondary-500 { --tw-gradient-to: var(--spectra-chromatic2-6); }
:root .to-secondary-600 { --tw-gradient-to: var(--spectra-chromatic2-7); }
:root .to-secondary-700 { --tw-gradient-to: var(--spectra-chromatic2-8); }
:root .to-secondary-800 { --tw-gradient-to: var(--spectra-chromatic2-9); }
:root .to-secondary-900 { --tw-gradient-to: var(--spectra-chromatic2-10); }
:root .to-secondary-950 { --tw-gradient-to: var(--spectra-chromatic2-11); }
:root .to-accent-50 { --tw-gradient-to: var(--spectra-chromatic3-1); }
:root .to-accent-100 { --tw-gradient-to: var(--spectra-chromatic3-2); }
:root .to-accent-200 { --tw-gradient-to: var(--spectra-chromatic3-3); }
:root .to-accent-300 { --tw-gradient-to: var(--spectra-chromatic3-4); }
:root .to-accent-400 { --tw-gradient-to: var(--spectra-chromatic3-5); }
:root .to-accent-500 { --tw-gradient-to: var(--spectra-chromatic3-6); }
:root .to-accent-600 { --tw-gradient-to: var(--spectra-chromatic3-7); }
:root .to-accent-700 { --tw-gradient-to: var(--spectra-chromatic3-8); }
:root .to-accent-800 { --tw-gradient-to: var(--spectra-chromatic3-9); }
:root .to-accent-900 { --tw-gradient-to: var(--spectra-chromatic3-10); }
:root .to-accent-950 { --tw-gradient-to: var(--spectra-chromatic3-11); }
:root .to-success-50 { --tw-gradient-to: var(--spectra-chromatic4-1); }
:root .to-success-100 { --tw-gradient-to: var(--spectra-chromatic4-2); }
:root .to-success-200 { --tw-gradient-to: var(--spectra-chromatic4-3); }
:root .to-success-300 { --tw-gradient-to: var(--spectra-chromatic4-4); }
:root .to-success-400 { --tw-gradient-to: var(--spectra-chromatic4-5); }
:root .to-success-500 { --tw-gradient-to: var(--spectra-chromatic4-6); }
:root .to-success-600 { --tw-gradient-to: var(--spectra-chromatic4-7); }
:root .to-success-700 { --tw-gradient-to: var(--spectra-chromatic4-8); }
:root .to-success-800 { --tw-gradient-to: var(--spectra-chromatic4-9); }
:root .to-success-900 { --tw-gradient-to: var(--spectra-chromatic4-10); }
:root .to-success-950 { --tw-gradient-to: var(--spectra-chromatic4-11); }
:root .to-error-50 { --tw-gradient-to: var(--spectra-chromatic5-1); }
:root .to-error-100 { --tw-gradient-to: var(--spectra-chromatic5-2); }
:root .to-error-200 { --tw-gradient-to: var(--spectra-chromatic5-3); }
:root .to-error-300 { --tw-gradient-to: var(--spectra-chromatic5-4); }
:root .to-error-400 { --tw-gradient-to: var(--spectra-chromatic5-5); }
:root .to-error-500 { --tw-gradient-to: var(--spectra-chromatic5-6); }
:root .to-error-600 { --tw-gradient-to: var(--spectra-chromatic5-7); }
:root .to-error-700 { --tw-gradient-to: var(--spectra-chromatic5-8); }
:root .to-error-800 { --tw-gradient-to: var(--spectra-chromatic5-9); }
:root .to-error-900 { --tw-gradient-to: var(--spectra-chromatic5-10); }
:root .to-error-950 { --tw-gradient-to: var(--spectra-chromatic5-11); }
:root .to-info-50 { --tw-gradient-to: var(--spectra-chromatic6-1); }
:root .to-info-100 { --tw-gradient-to: var(--spectra-chromatic6-2); }
:root .to-info-200 { --tw-gradient-to: var(--spectra-chromatic6-3); }
:root .to-info-300 { --tw-gradient-to: var(--spectra-chromatic6-4); }
:root .to-info-400 { --tw-gradient-to: var(--spectra-chromatic6-5); }
:root .to-info-500 { --tw-gradient-to: var(--spectra-chromatic6-6); }
:root .to-info-600 { --tw-gradient-to: var(--spectra-chromatic6-7); }
:root .to-info-700 { --tw-gradient-to: var(--spectra-chromatic6-8); }
:root .to-info-800 { --tw-gradient-to: var(--spectra-chromatic6-9); }
:root .to-info-900 { --tw-gradient-to: var(--spectra-chromatic6-10); }
:root .to-info-950 { --tw-gradient-to: var(--spectra-chromatic6-11); }
:root .to-warning-50 { --tw-gradient-to: var(--spectra-chromatic7-1); }
:root .to-warning-100 { --tw-gradient-to: var(--spectra-chromatic7-2); }
:root .to-warning-200 { --tw-gradient-to: var(--spectra-chromatic7-3); }
:root .to-warning-300 { --tw-gradient-to: var(--spectra-chromatic7-4); }
:root .to-warning-400 { --tw-gradient-to: var(--spectra-chromatic7-5); }
:root .to-warning-500 { --tw-gradient-to: var(--spectra-chromatic7-6); }
:root .to-warning-600 { --tw-gradient-to: var(--spectra-chromatic7-7); }
:root .to-warning-700 { --tw-gradient-to: var(--spectra-chromatic7-8); }
:root .to-warning-800 { --tw-gradient-to: var(--spectra-chromatic7-9); }
:root .to-warning-900 { --tw-gradient-to: var(--spectra-chromatic7-10); }
:root .to-warning-950 { --tw-gradient-to: var(--spectra-chromatic7-11); }
:root .to-base-50 { --tw-gradient-to: var(--spectra-neutral-0); }
:root .to-base-100 { --tw-gradient-to: var(--spectra-neutral-1); }
:root .to-base-200 { --tw-gradient-to: var(--spectra-neutral-2); }
:root .to-base-300 { --tw-gradient-to: var(--spectra-neutral-3); }
:root .to-base-500 { --tw-gradient-to: var(--spectra-neutral-4); }
:root .to-base-600 { --tw-gradient-to: var(--spectra-neutral-5); }
:root .to-base-800 { --tw-gradient-to: var(--spectra-neutral-6); }
:root .to-base-950 { --tw-gradient-to: var(--spectra-neutral-7); }
:root .to-base-400 { --tw-gradient-to: var(--spectra-neutral-3); }
:root .to-base-700 { --tw-gradient-to: var(--spectra-neutral-5); }
:root .to-base-900 { --tw-gradient-to: var(--spectra-neutral-6); }
:root .to-white { --tw-gradient-to: #ffffff; }
:root .to-black { --tw-gradient-to: #000000; }
:root .to-transparent { --tw-gradient-to: transparent; }
:root .p-0 { padding: 0; }
:root .p-px { padding: 1px; }
:root .p-0\.5 { padding: 0.125rem; }
:root .p-1 { padding: 0.25rem; }
:root .p-1\.5 { padding: 0.375rem; }
:root .p-2 { padding: 0.5rem; }
:root .p-2\.5 { padding: 0.625rem; }
:root .p-3 { padding: 0.75rem; }
:root .p-3\.5 { padding: 0.875rem; }
:root .p-4 { padding: 1rem; }
:root .p-5 { padding: 1.25rem; }
:root .p-6 { padding: 1.5rem; }
:root .p-7 { padding: 1.75rem; }
:root .p-8 { padding: 2rem; }
:root .p-9 { padding: 2.25rem; }
:root .p-10 { padding: 2.5rem; }
:root .p-11 { padding: 2.75rem; }
:root .p-12 { padding: 3rem; }
:root .p-14 { padding: 3.5rem; }
:root .p-16 { padding: 4rem; }
:root .p-20 { padding: 5rem; }
:root .p-24 { padding: 6rem; }
:root .p-28 { padding: 7rem; }
:root .p-32 { padding: 8rem; }
:root .p-36 { padding: 9rem; }
:root .p-40 { padding: 10rem; }
:root .p-44 { padding: 11rem; }
:root .p-48 { padding: 12rem; }
:root .p-52 { padding: 13rem; }
:root .p-56 { padding: 14rem; }
:root .p-60 { padding: 15rem; }
:root .p-64 { padding: 16rem; }
:root .p-72 { padding: 18rem; }
:root .p-80 { padding: 20rem; }
:root .p-96 { padding: 24rem; }
:root .p-xs { padding: var(--spectra-space-xs); }
:root .p-sm { padding: var(--spectra-space-sm); }
:root .p-md { padding: var(--spectra-space-md); }
:root .p-lg { padding: var(--spectra-space-lg); }
:root .p-xl { padding: var(--spectra-space-xl); }
:root .p-2xl { padding: var(--spectra-space-2xl); }
:root .pt-0 { padding-top: 0; }
:root .pt-px { padding-top: 1px; }
:root .pt-0\.5 { padding-top: 0.125rem; }
:root .pt-1 { padding-top: 0.25rem; }
:root .pt-1\.5 { padding-top: 0.375rem; }
:root .pt-2 { padding-top: 0.5rem; }
:root .pt-2\.5 { padding-top: 0.625rem; }
:root .pt-3 { padding-top: 0.75rem; }
:root .pt-3\.5 { padding-top: 0.875rem; }
:root .pt-4 { padding-top: 1rem; }
:root .pt-5 { padding-top: 1.25rem; }
:root .pt-6 { padding-top: 1.5rem; }
:root .pt-7 { padding-top: 1.75rem; }
:root .pt-8 { padding-top: 2rem; }
:root .pt-9 { padding-top: 2.25rem; }
:root .pt-10 { padding-top: 2.5rem; }
:root .pt-11 { padding-top: 2.75rem; }
:root .pt-12 { padding-top: 3rem; }
:root .pt-14 { padding-top: 3.5rem; }
:root .pt-16 { padding-top: 4rem; }
:root .pt-20 { padding-top: 5rem; }
:root .pt-24 { padding-top: 6rem; }
:root .pt-28 { padding-top: 7rem; }
:root .pt-32 { padding-top: 8rem; }
:root .pt-36 { padding-top: 9rem; }
:root .pt-40 { padding-top: 10rem; }
:root .pt-44 { padding-top: 11rem; }
:root .pt-48 { padding-top: 12rem; }
:root .pt-52 { padding-top: 13rem; }
:root .pt-56 { padding-top: 14rem; }
:root .pt-60 { padding-top: 15rem; }
:root .pt-64 { padding-top: 16rem; }
:root .pt-72 { padding-top: 18rem; }
:root .pt-80 { padding-top: 20rem; }
:root .pt-96 { padding-top: 24rem; }
:root .pt-xs { padding-top: var(--spectra-space-xs); }
:root .pt-sm { padding-top: var(--spectra-space-sm); }
:root .pt-md { padding-top: var(--spectra-space-md); }
:root .pt-lg { padding-top: var(--spectra-space-lg); }
:root .pt-xl { padding-top: var(--spectra-space-xl); }
:root .pt-2xl { padding-top: var(--spectra-space-2xl); }
:root .pr-0 { padding-right: 0; }
:root .pr-px { padding-right: 1px; }
:root .pr-0\.5 { padding-right: 0.125rem; }
:root .pr-1 { padding-right: 0.25rem; }
:root .pr-1\.5 { padding-right: 0.375rem; }
:root .pr-2 { padding-right: 0.5rem; }
:root .pr-2\.5 { padding-right: 0.625rem; }
:root .pr-3 { padding-right: 0.75rem; }
:root .pr-3\.5 { padding-right: 0.875rem; }
:root .pr-4 { padding-right: 1rem; }
:root .pr-5 { padding-right: 1.25rem; }
:root .pr-6 { padding-right: 1.5rem; }
:root .pr-7 { padding-right: 1.75rem; }
:root .pr-8 { padding-right: 2rem; }
:root .pr-9 { padding-right: 2.25rem; }
:root .pr-10 { padding-right: 2.5rem; }
:root .pr-11 { padding-right: 2.75rem; }
:root .pr-12 { padding-right: 3rem; }
:root .pr-14 { padding-right: 3.5rem; }
:root .pr-16 { padding-right: 4rem; }
:root .pr-20 { padding-right: 5rem; }
:root .pr-24 { padding-right: 6rem; }
:root .pr-28 { padding-right: 7rem; }
:root .pr-32 { padding-right: 8rem; }
:root .pr-36 { padding-right: 9rem; }
:root .pr-40 { padding-right: 10rem; }
:root .pr-44 { padding-right: 11rem; }
:root .pr-48 { padding-right: 12rem; }
:root .pr-52 { padding-right: 13rem; }
:root .pr-56 { padding-right: 14rem; }
:root .pr-60 { padding-right: 15rem; }
:root .pr-64 { padding-right: 16rem; }
:root .pr-72 { padding-right: 18rem; }
:root .pr-80 { padding-right: 20rem; }
:root .pr-96 { padding-right: 24rem; }
:root .pr-xs { padding-right: var(--spectra-space-xs); }
:root .pr-sm { padding-right: var(--spectra-space-sm); }
:root .pr-md { padding-right: var(--spectra-space-md); }
:root .pr-lg { padding-right: var(--spectra-space-lg); }
:root .pr-xl { padding-right: var(--spectra-space-xl); }
:root .pr-2xl { padding-right: var(--spectra-space-2xl); }
:root .pb-0 { padding-bottom: 0; }
:root .pb-px { padding-bottom: 1px; }
:root .pb-0\.5 { padding-bottom: 0.125rem; }
:root .pb-1 { padding-bottom: 0.25rem; }
:root .pb-1\.5 { padding-bottom: 0.375rem; }
:root .pb-2 { padding-bottom: 0.5rem; }
:root .pb-2\.5 { padding-bottom: 0.625rem; }
:root .pb-3 { padding-bottom: 0.75rem; }
:root .pb-3\.5 { padding-bottom: 0.875rem; }
:root .pb-4 { padding-bottom: 1rem; }
:root .pb-5 { padding-bottom: 1.25rem; }
:root .pb-6 { padding-bottom: 1.5rem; }
:root .pb-7 { padding-bottom: 1.75rem; }
:root .pb-8 { padding-bottom: 2rem; }
:root .pb-9 { padding-bottom: 2.25rem; }
:root .pb-10 { padding-bottom: 2.5rem; }
:root .pb-11 { padding-bottom: 2.75rem; }
:root .pb-12 { padding-bottom: 3rem; }
:root .pb-14 { padding-bottom: 3.5rem; }
:root .pb-16 { padding-bottom: 4rem; }
:root .pb-20 { padding-bottom: 5rem; }
:root .pb-24 { padding-bottom: 6rem; }
:root .pb-28 { padding-bottom: 7rem; }
:root .pb-32 { padding-bottom: 8rem; }
:root .pb-36 { padding-bottom: 9rem; }
:root .pb-40 { padding-bottom: 10rem; }
:root .pb-44 { padding-bottom: 11rem; }
:root .pb-48 { padding-bottom: 12rem; }
:root .pb-52 { padding-bottom: 13rem; }
:root .pb-56 { padding-bottom: 14rem; }
:root .pb-60 { padding-bottom: 15rem; }
:root .pb-64 { padding-bottom: 16rem; }
:root .pb-72 { padding-bottom: 18rem; }
:root .pb-80 { padding-bottom: 20rem; }
:root .pb-96 { padding-bottom: 24rem; }
:root .pb-xs { padding-bottom: var(--spectra-space-xs); }
:root .pb-sm { padding-bottom: var(--spectra-space-sm); }
:root .pb-md { padding-bottom: var(--spectra-space-md); }
:root .pb-lg { padding-bottom: var(--spectra-space-lg); }
:root .pb-xl { padding-bottom: var(--spectra-space-xl); }
:root .pb-2xl { padding-bottom: var(--spectra-space-2xl); }
:root .pl-0 { padding-left: 0; }
:root .pl-px { padding-left: 1px; }
:root .pl-0\.5 { padding-left: 0.125rem; }
:root .pl-1 { padding-left: 0.25rem; }
:root .pl-1\.5 { padding-left: 0.375rem; }
:root .pl-2 { padding-left: 0.5rem; }
:root .pl-2\.5 { padding-left: 0.625rem; }
:root .pl-3 { padding-left: 0.75rem; }
:root .pl-3\.5 { padding-left: 0.875rem; }
:root .pl-4 { padding-left: 1rem; }
:root .pl-5 { padding-left: 1.25rem; }
:root .pl-6 { padding-left: 1.5rem; }
:root .pl-7 { padding-left: 1.75rem; }
:root .pl-8 { padding-left: 2rem; }
:root .pl-9 { padding-left: 2.25rem; }
:root .pl-10 { padding-left: 2.5rem; }
:root .pl-11 { padding-left: 2.75rem; }
:root .pl-12 { padding-left: 3rem; }
:root .pl-14 { padding-left: 3.5rem; }
:root .pl-16 { padding-left: 4rem; }
:root .pl-20 { padding-left: 5rem; }
:root .pl-24 { padding-left: 6rem; }
:root .pl-28 { padding-left: 7rem; }
:root .pl-32 { padding-left: 8rem; }
:root .pl-36 { padding-left: 9rem; }
:root .pl-40 { padding-left: 10rem; }
:root .pl-44 { padding-left: 11rem; }
:root .pl-48 { padding-left: 12rem; }
:root .pl-52 { padding-left: 13rem; }
:root .pl-56 { padding-left: 14rem; }
:root .pl-60 { padding-left: 15rem; }
:root .pl-64 { padding-left: 16rem; }
:root .pl-72 { padding-left: 18rem; }
:root .pl-80 { padding-left: 20rem; }
:root .pl-96 { padding-left: 24rem; }
:root .pl-xs { padding-left: var(--spectra-space-xs); }
:root .pl-sm { padding-left: var(--spectra-space-sm); }
:root .pl-md { padding-left: var(--spectra-space-md); }
:root .pl-lg { padding-left: var(--spectra-space-lg); }
:root .pl-xl { padding-left: var(--spectra-space-xl); }
:root .pl-2xl { padding-left: var(--spectra-space-2xl); }
:root .px-0 { padding-right: 0; padding-left: 0; }
:root .px-px { padding-right: 1px; padding-left: 1px; }
:root .px-0\.5 { padding-right: 0.125rem; padding-left: 0.125rem; }
:root .px-1 { padding-right: 0.25rem; padding-left: 0.25rem; }
:root .px-1\.5 { padding-right: 0.375rem; padding-left: 0.375rem; }
:root .px-2 { padding-right: 0.5rem; padding-left: 0.5rem; }
:root .px-2\.5 { padding-right: 0.625rem; padding-left: 0.625rem; }
:root .px-3 { padding-right: 0.75rem; padding-left: 0.75rem; }
:root .px-3\.5 { padding-right: 0.875rem; padding-left: 0.875rem; }
:root .px-4 { padding-right: 1rem; padding-left: 1rem; }
:root .px-5 { padding-right: 1.25rem; padding-left: 1.25rem; }
:root .px-6 { padding-right: 1.5rem; padding-left: 1.5rem; }
:root .px-7 { padding-right: 1.75rem; padding-left: 1.75rem; }
:root .px-8 { padding-right: 2rem; padding-left: 2rem; }
:root .px-9 { padding-right: 2.25rem; padding-left: 2.25rem; }
:root .px-10 { padding-right: 2.5rem; padding-left: 2.5rem; }
:root .px-11 { padding-right: 2.75rem; padding-left: 2.75rem; }
:root .px-12 { padding-right: 3rem; padding-left: 3rem; }
:root .px-14 { padding-right: 3.5rem; padding-left: 3.5rem; }
:root .px-16 { padding-right: 4rem; padding-left: 4rem; }
:root .px-20 { padding-right: 5rem; padding-left: 5rem; }
:root .px-24 { padding-right: 6rem; padding-left: 6rem; }
:root .px-28 { padding-right: 7rem; padding-left: 7rem; }
:root .px-32 { padding-right: 8rem; padding-left: 8rem; }
:root .px-36 { padding-right: 9rem; padding-left: 9rem; }
:root .px-40 { padding-right: 10rem; padding-left: 10rem; }
:root .px-44 { padding-right: 11rem; padding-left: 11rem; }
:root .px-48 { padding-right: 12rem; padding-left: 12rem; }
:root .px-52 { padding-right: 13rem; padding-left: 13rem; }
:root .px-56 { padding-right: 14rem; padding-left: 14rem; }
:root .px-60 { padding-right: 15rem; padding-left: 15rem; }
:root .px-64 { padding-right: 16rem; padding-left: 16rem; }
:root .px-72 { padding-right: 18rem; padding-left: 18rem; }
:root .px-80 { padding-right: 20rem; padding-left: 20rem; }
:root .px-96 { padding-right: 24rem; padding-left: 24rem; }
:root .px-xs { padding-right: var(--spectra-space-xs); padding-left: var(--spectra-space-xs); }
:root .px-sm { padding-right: var(--spectra-space-sm); padding-left: var(--spectra-space-sm); }
:root .px-md { padding-right: var(--spectra-space-md); padding-left: var(--spectra-space-md); }
:root .px-lg { padding-right: var(--spectra-space-lg); padding-left: var(--spectra-space-lg); }
:root .px-xl { padding-right: var(--spectra-space-xl); padding-left: var(--spectra-space-xl); }
:root .px-2xl { padding-right: var(--spectra-space-2xl); padding-left: var(--spectra-space-2xl); }
:root .py-0 { padding-top: 0; padding-bottom: 0; }
:root .py-px { padding-top: 1px; padding-bottom: 1px; }
:root .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
:root .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
:root .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
:root .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
:root .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
:root .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
:root .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
:root .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
:root .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
:root .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
:root .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
:root .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
:root .py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
:root .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
:root .py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; }
:root .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
:root .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
:root .py-16 { padding-top: 4rem; padding-bottom: 4rem; }
:root .py-20 { padding-top: 5rem; padding-bottom: 5rem; }
:root .py-24 { padding-top: 6rem; padding-bottom: 6rem; }
:root .py-28 { padding-top: 7rem; padding-bottom: 7rem; }
:root .py-32 { padding-top: 8rem; padding-bottom: 8rem; }
:root .py-36 { padding-top: 9rem; padding-bottom: 9rem; }
:root .py-40 { padding-top: 10rem; padding-bottom: 10rem; }
:root .py-44 { padding-top: 11rem; padding-bottom: 11rem; }
:root .py-48 { padding-top: 12rem; padding-bottom: 12rem; }
:root .py-52 { padding-top: 13rem; padding-bottom: 13rem; }
:root .py-56 { padding-top: 14rem; padding-bottom: 14rem; }
:root .py-60 { padding-top: 15rem; padding-bottom: 15rem; }
:root .py-64 { padding-top: 16rem; padding-bottom: 16rem; }
:root .py-72 { padding-top: 18rem; padding-bottom: 18rem; }
:root .py-80 { padding-top: 20rem; padding-bottom: 20rem; }
:root .py-96 { padding-top: 24rem; padding-bottom: 24rem; }
:root .py-xs { padding-top: var(--spectra-space-xs); padding-bottom: var(--spectra-space-xs); }
:root .py-sm { padding-top: var(--spectra-space-sm); padding-bottom: var(--spectra-space-sm); }
:root .py-md { padding-top: var(--spectra-space-md); padding-bottom: var(--spectra-space-md); }
:root .py-lg { padding-top: var(--spectra-space-lg); padding-bottom: var(--spectra-space-lg); }
:root .py-xl { padding-top: var(--spectra-space-xl); padding-bottom: var(--spectra-space-xl); }
:root .py-2xl { padding-top: var(--spectra-space-2xl); padding-bottom: var(--spectra-space-2xl); }
:root .m-0 { margin: 0; }
:root .m-px { margin: 1px; }
:root .m-0\.5 { margin: 0.125rem; }
:root .m-1 { margin: 0.25rem; }
:root .m-1\.5 { margin: 0.375rem; }
:root .m-2 { margin: 0.5rem; }
:root .m-2\.5 { margin: 0.625rem; }
:root .m-3 { margin: 0.75rem; }
:root .m-3\.5 { margin: 0.875rem; }
:root .m-4 { margin: 1rem; }
:root .m-5 { margin: 1.25rem; }
:root .m-6 { margin: 1.5rem; }
:root .m-7 { margin: 1.75rem; }
:root .m-8 { margin: 2rem; }
:root .m-9 { margin: 2.25rem; }
:root .m-10 { margin: 2.5rem; }
:root .m-11 { margin: 2.75rem; }
:root .m-12 { margin: 3rem; }
:root .m-14 { margin: 3.5rem; }
:root .m-16 { margin: 4rem; }
:root .m-20 { margin: 5rem; }
:root .m-24 { margin: 6rem; }
:root .m-28 { margin: 7rem; }
:root .m-32 { margin: 8rem; }
:root .m-36 { margin: 9rem; }
:root .m-40 { margin: 10rem; }
:root .m-44 { margin: 11rem; }
:root .m-48 { margin: 12rem; }
:root .m-52 { margin: 13rem; }
:root .m-56 { margin: 14rem; }
:root .m-60 { margin: 15rem; }
:root .m-64 { margin: 16rem; }
:root .m-72 { margin: 18rem; }
:root .m-80 { margin: 20rem; }
:root .m-96 { margin: 24rem; }
:root .m-xs { margin: var(--spectra-space-xs); }
:root .m-sm { margin: var(--spectra-space-sm); }
:root .m-md { margin: var(--spectra-space-md); }
:root .m-lg { margin: var(--spectra-space-lg); }
:root .m-xl { margin: var(--spectra-space-xl); }
:root .m-2xl { margin: var(--spectra-space-2xl); }
:root .mt-0 { margin-top: 0; }
:root .mt-px { margin-top: 1px; }
:root .mt-0\.5 { margin-top: 0.125rem; }
:root .mt-1 { margin-top: 0.25rem; }
:root .mt-1\.5 { margin-top: 0.375rem; }
:root .mt-2 { margin-top: 0.5rem; }
:root .mt-2\.5 { margin-top: 0.625rem; }
:root .mt-3 { margin-top: 0.75rem; }
:root .mt-3\.5 { margin-top: 0.875rem; }
:root .mt-4 { margin-top: 1rem; }
:root .mt-5 { margin-top: 1.25rem; }
:root .mt-6 { margin-top: 1.5rem; }
:root .mt-7 { margin-top: 1.75rem; }
:root .mt-8 { margin-top: 2rem; }
:root .mt-9 { margin-top: 2.25rem; }
:root .mt-10 { margin-top: 2.5rem; }
:root .mt-11 { margin-top: 2.75rem; }
:root .mt-12 { margin-top: 3rem; }
:root .mt-14 { margin-top: 3.5rem; }
:root .mt-16 { margin-top: 4rem; }
:root .mt-20 { margin-top: 5rem; }
:root .mt-24 { margin-top: 6rem; }
:root .mt-28 { margin-top: 7rem; }
:root .mt-32 { margin-top: 8rem; }
:root .mt-36 { margin-top: 9rem; }
:root .mt-40 { margin-top: 10rem; }
:root .mt-44 { margin-top: 11rem; }
:root .mt-48 { margin-top: 12rem; }
:root .mt-52 { margin-top: 13rem; }
:root .mt-56 { margin-top: 14rem; }
:root .mt-60 { margin-top: 15rem; }
:root .mt-64 { margin-top: 16rem; }
:root .mt-72 { margin-top: 18rem; }
:root .mt-80 { margin-top: 20rem; }
:root .mt-96 { margin-top: 24rem; }
:root .mt-xs { margin-top: var(--spectra-space-xs); }
:root .mt-sm { margin-top: var(--spectra-space-sm); }
:root .mt-md { margin-top: var(--spectra-space-md); }
:root .mt-lg { margin-top: var(--spectra-space-lg); }
:root .mt-xl { margin-top: var(--spectra-space-xl); }
:root .mt-2xl { margin-top: var(--spectra-space-2xl); }
:root .mr-0 { margin-right: 0; }
:root .mr-px { margin-right: 1px; }
:root .mr-0\.5 { margin-right: 0.125rem; }
:root .mr-1 { margin-right: 0.25rem; }
:root .mr-1\.5 { margin-right: 0.375rem; }
:root .mr-2 { margin-right: 0.5rem; }
:root .mr-2\.5 { margin-right: 0.625rem; }
:root .mr-3 { margin-right: 0.75rem; }
:root .mr-3\.5 { margin-right: 0.875rem; }
:root .mr-4 { margin-right: 1rem; }
:root .mr-5 { margin-right: 1.25rem; }
:root .mr-6 { margin-right: 1.5rem; }
:root .mr-7 { margin-right: 1.75rem; }
:root .mr-8 { margin-right: 2rem; }
:root .mr-9 { margin-right: 2.25rem; }
:root .mr-10 { margin-right: 2.5rem; }
:root .mr-11 { margin-right: 2.75rem; }
:root .mr-12 { margin-right: 3rem; }
:root .mr-14 { margin-right: 3.5rem; }
:root .mr-16 { margin-right: 4rem; }
:root .mr-20 { margin-right: 5rem; }
:root .mr-24 { margin-right: 6rem; }
:root .mr-28 { margin-right: 7rem; }
:root .mr-32 { margin-right: 8rem; }
:root .mr-36 { margin-right: 9rem; }
:root .mr-40 { margin-right: 10rem; }
:root .mr-44 { margin-right: 11rem; }
:root .mr-48 { margin-right: 12rem; }
:root .mr-52 { margin-right: 13rem; }
:root .mr-56 { margin-right: 14rem; }
:root .mr-60 { margin-right: 15rem; }
:root .mr-64 { margin-right: 16rem; }
:root .mr-72 { margin-right: 18rem; }
:root .mr-80 { margin-right: 20rem; }
:root .mr-96 { margin-right: 24rem; }
:root .mr-xs { margin-right: var(--spectra-space-xs); }
:root .mr-sm { margin-right: var(--spectra-space-sm); }
:root .mr-md { margin-right: var(--spectra-space-md); }
:root .mr-lg { margin-right: var(--spectra-space-lg); }
:root .mr-xl { margin-right: var(--spectra-space-xl); }
:root .mr-2xl { margin-right: var(--spectra-space-2xl); }
:root .mb-0 { margin-bottom: 0; }
:root .mb-px { margin-bottom: 1px; }
:root .mb-0\.5 { margin-bottom: 0.125rem; }
:root .mb-1 { margin-bottom: 0.25rem; }
:root .mb-1\.5 { margin-bottom: 0.375rem; }
:root .mb-2 { margin-bottom: 0.5rem; }
:root .mb-2\.5 { margin-bottom: 0.625rem; }
:root .mb-3 { margin-bottom: 0.75rem; }
:root .mb-3\.5 { margin-bottom: 0.875rem; }
:root .mb-4 { margin-bottom: 1rem; }
:root .mb-5 { margin-bottom: 1.25rem; }
:root .mb-6 { margin-bottom: 1.5rem; }
:root .mb-7 { margin-bottom: 1.75rem; }
:root .mb-8 { margin-bottom: 2rem; }
:root .mb-9 { margin-bottom: 2.25rem; }
:root .mb-10 { margin-bottom: 2.5rem; }
:root .mb-11 { margin-bottom: 2.75rem; }
:root .mb-12 { margin-bottom: 3rem; }
:root .mb-14 { margin-bottom: 3.5rem; }
:root .mb-16 { margin-bottom: 4rem; }
:root .mb-20 { margin-bottom: 5rem; }
:root .mb-24 { margin-bottom: 6rem; }
:root .mb-28 { margin-bottom: 7rem; }
:root .mb-32 { margin-bottom: 8rem; }
:root .mb-36 { margin-bottom: 9rem; }
:root .mb-40 { margin-bottom: 10rem; }
:root .mb-44 { margin-bottom: 11rem; }
:root .mb-48 { margin-bottom: 12rem; }
:root .mb-52 { margin-bottom: 13rem; }
:root .mb-56 { margin-bottom: 14rem; }
:root .mb-60 { margin-bottom: 15rem; }
:root .mb-64 { margin-bottom: 16rem; }
:root .mb-72 { margin-bottom: 18rem; }
:root .mb-80 { margin-bottom: 20rem; }
:root .mb-96 { margin-bottom: 24rem; }
:root .mb-xs { margin-bottom: var(--spectra-space-xs); }
:root .mb-sm { margin-bottom: var(--spectra-space-sm); }
:root .mb-md { margin-bottom: var(--spectra-space-md); }
:root .mb-lg { margin-bottom: var(--spectra-space-lg); }
:root .mb-xl { margin-bottom: var(--spectra-space-xl); }
:root .mb-2xl { margin-bottom: var(--spectra-space-2xl); }
:root .ml-0 { margin-left: 0; }
:root .ml-px { margin-left: 1px; }
:root .ml-0\.5 { margin-left: 0.125rem; }
:root .ml-1 { margin-left: 0.25rem; }
:root .ml-1\.5 { margin-left: 0.375rem; }
:root .ml-2 { margin-left: 0.5rem; }
:root .ml-2\.5 { margin-left: 0.625rem; }
:root .ml-3 { margin-left: 0.75rem; }
:root .ml-3\.5 { margin-left: 0.875rem; }
:root .ml-4 { margin-left: 1rem; }
:root .ml-5 { margin-left: 1.25rem; }
:root .ml-6 { margin-left: 1.5rem; }
:root .ml-7 { margin-left: 1.75rem; }
:root .ml-8 { margin-left: 2rem; }
:root .ml-9 { margin-left: 2.25rem; }
:root .ml-10 { margin-left: 2.5rem; }
:root .ml-11 { margin-left: 2.75rem; }
:root .ml-12 { margin-left: 3rem; }
:root .ml-14 { margin-left: 3.5rem; }
:root .ml-16 { margin-left: 4rem; }
:root .ml-20 { margin-left: 5rem; }
:root .ml-24 { margin-left: 6rem; }
:root .ml-28 { margin-left: 7rem; }
:root .ml-32 { margin-left: 8rem; }
:root .ml-36 { margin-left: 9rem; }
:root .ml-40 { margin-left: 10rem; }
:root .ml-44 { margin-left: 11rem; }
:root .ml-48 { margin-left: 12rem; }
:root .ml-52 { margin-left: 13rem; }
:root .ml-56 { margin-left: 14rem; }
:root .ml-60 { margin-left: 15rem; }
:root .ml-64 { margin-left: 16rem; }
:root .ml-72 { margin-left: 18rem; }
:root .ml-80 { margin-left: 20rem; }
:root .ml-96 { margin-left: 24rem; }
:root .ml-xs { margin-left: var(--spectra-space-xs); }
:root .ml-sm { margin-left: var(--spectra-space-sm); }
:root .ml-md { margin-left: var(--spectra-space-md); }
:root .ml-lg { margin-left: var(--spectra-space-lg); }
:root .ml-xl { margin-left: var(--spectra-space-xl); }
:root .ml-2xl { margin-left: var(--spectra-space-2xl); }
:root .mx-0 { margin-right: 0; margin-left: 0; }
:root .mx-px { margin-right: 1px; margin-left: 1px; }
:root .mx-0\.5 { margin-right: 0.125rem; margin-left: 0.125rem; }
:root .mx-1 { margin-right: 0.25rem; margin-left: 0.25rem; }
:root .mx-1\.5 { margin-right: 0.375rem; margin-left: 0.375rem; }
:root .mx-2 { margin-right: 0.5rem; margin-left: 0.5rem; }
:root .mx-2\.5 { margin-right: 0.625rem; margin-left: 0.625rem; }
:root .mx-3 { margin-right: 0.75rem; margin-left: 0.75rem; }
:root .mx-3\.5 { margin-right: 0.875rem; margin-left: 0.875rem; }
:root .mx-4 { margin-right: 1rem; margin-left: 1rem; }
:root .mx-5 { margin-right: 1.25rem; margin-left: 1.25rem; }
:root .mx-6 { margin-right: 1.5rem; margin-left: 1.5rem; }
:root .mx-7 { margin-right: 1.75rem; margin-left: 1.75rem; }
:root .mx-8 { margin-right: 2rem; margin-left: 2rem; }
:root .mx-9 { margin-right: 2.25rem; margin-left: 2.25rem; }
:root .mx-10 { margin-right: 2.5rem; margin-left: 2.5rem; }
:root .mx-11 { margin-right: 2.75rem; margin-left: 2.75rem; }
:root .mx-12 { margin-right: 3rem; margin-left: 3rem; }
:root .mx-14 { margin-right: 3.5rem; margin-left: 3.5rem; }
:root .mx-16 { margin-right: 4rem; margin-left: 4rem; }
:root .mx-20 { margin-right: 5rem; margin-left: 5rem; }
:root .mx-24 { margin-right: 6rem; margin-left: 6rem; }
:root .mx-28 { margin-right: 7rem; margin-left: 7rem; }
:root .mx-32 { margin-right: 8rem; margin-left: 8rem; }
:root .mx-36 { margin-right: 9rem; margin-left: 9rem; }
:root .mx-40 { margin-right: 10rem; margin-left: 10rem; }
:root .mx-44 { margin-right: 11rem; margin-left: 11rem; }
:root .mx-48 { margin-right: 12rem; margin-left: 12rem; }
:root .mx-52 { margin-right: 13rem; margin-left: 13rem; }
:root .mx-56 { margin-right: 14rem; margin-left: 14rem; }
:root .mx-60 { margin-right: 15rem; margin-left: 15rem; }
:root .mx-64 { margin-right: 16rem; margin-left: 16rem; }
:root .mx-72 { margin-right: 18rem; margin-left: 18rem; }
:root .mx-80 { margin-right: 20rem; margin-left: 20rem; }
:root .mx-96 { margin-right: 24rem; margin-left: 24rem; }
:root .mx-xs { margin-right: var(--spectra-space-xs); margin-left: var(--spectra-space-xs); }
:root .mx-sm { margin-right: var(--spectra-space-sm); margin-left: var(--spectra-space-sm); }
:root .mx-md { margin-right: var(--spectra-space-md); margin-left: var(--spectra-space-md); }
:root .mx-lg { margin-right: var(--spectra-space-lg); margin-left: var(--spectra-space-lg); }
:root .mx-xl { margin-right: var(--spectra-space-xl); margin-left: var(--spectra-space-xl); }
:root .mx-2xl { margin-right: var(--spectra-space-2xl); margin-left: var(--spectra-space-2xl); }
:root .my-0 { margin-top: 0; margin-bottom: 0; }
:root .my-px { margin-top: 1px; margin-bottom: 1px; }
:root .my-0\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; }
:root .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
:root .my-1\.5 { margin-top: 0.375rem; margin-bottom: 0.375rem; }
:root .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
:root .my-2\.5 { margin-top: 0.625rem; margin-bottom: 0.625rem; }
:root .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
:root .my-3\.5 { margin-top: 0.875rem; margin-bottom: 0.875rem; }
:root .my-4 { margin-top: 1rem; margin-bottom: 1rem; }
:root .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
:root .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
:root .my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; }
:root .my-8 { margin-top: 2rem; margin-bottom: 2rem; }
:root .my-9 { margin-top: 2.25rem; margin-bottom: 2.25rem; }
:root .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
:root .my-11 { margin-top: 2.75rem; margin-bottom: 2.75rem; }
:root .my-12 { margin-top: 3rem; margin-bottom: 3rem; }
:root .my-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; }
:root .my-16 { margin-top: 4rem; margin-bottom: 4rem; }
:root .my-20 { margin-top: 5rem; margin-bottom: 5rem; }
:root .my-24 { margin-top: 6rem; margin-bottom: 6rem; }
:root .my-28 { margin-top: 7rem; margin-bottom: 7rem; }
:root .my-32 { margin-top: 8rem; margin-bottom: 8rem; }
:root .my-36 { margin-top: 9rem; margin-bottom: 9rem; }
:root .my-40 { margin-top: 10rem; margin-bottom: 10rem; }
:root .my-44 { margin-top: 11rem; margin-bottom: 11rem; }
:root .my-48 { margin-top: 12rem; margin-bottom: 12rem; }
:root .my-52 { margin-top: 13rem; margin-bottom: 13rem; }
:root .my-56 { margin-top: 14rem; margin-bottom: 14rem; }
:root .my-60 { margin-top: 15rem; margin-bottom: 15rem; }
:root .my-64 { margin-top: 16rem; margin-bottom: 16rem; }
:root .my-72 { margin-top: 18rem; margin-bottom: 18rem; }
:root .my-80 { margin-top: 20rem; margin-bottom: 20rem; }
:root .my-96 { margin-top: 24rem; margin-bottom: 24rem; }
:root .my-xs { margin-top: var(--spectra-space-xs); margin-bottom: var(--spectra-space-xs); }
:root .my-sm { margin-top: var(--spectra-space-sm); margin-bottom: var(--spectra-space-sm); }
:root .my-md { margin-top: var(--spectra-space-md); margin-bottom: var(--spectra-space-md); }
:root .my-lg { margin-top: var(--spectra-space-lg); margin-bottom: var(--spectra-space-lg); }
:root .my-xl { margin-top: var(--spectra-space-xl); margin-bottom: var(--spectra-space-xl); }
:root .my-2xl { margin-top: var(--spectra-space-2xl); margin-bottom: var(--spectra-space-2xl); }
:root .mx-auto { margin-right: auto; margin-left: auto; }
:root .my-auto { margin-top: auto; margin-bottom: auto; }
:root .ml-auto { margin-left: auto; }
:root .mr-auto { margin-right: auto; }
:root .gap-0 { gap: 0; }
:root .gap-px { gap: 1px; }
:root .gap-0\.5 { gap: 0.125rem; }
:root .gap-1 { gap: 0.25rem; }
:root .gap-1\.5 { gap: 0.375rem; }
:root .gap-2 { gap: 0.5rem; }
:root .gap-2\.5 { gap: 0.625rem; }
:root .gap-3 { gap: 0.75rem; }
:root .gap-3\.5 { gap: 0.875rem; }
:root .gap-4 { gap: 1rem; }
:root .gap-5 { gap: 1.25rem; }
:root .gap-6 { gap: 1.5rem; }
:root .gap-7 { gap: 1.75rem; }
:root .gap-8 { gap: 2rem; }
:root .gap-9 { gap: 2.25rem; }
:root .gap-10 { gap: 2.5rem; }
:root .gap-11 { gap: 2.75rem; }
:root .gap-12 { gap: 3rem; }
:root .gap-14 { gap: 3.5rem; }
:root .gap-16 { gap: 4rem; }
:root .gap-20 { gap: 5rem; }
:root .gap-24 { gap: 6rem; }
:root .gap-28 { gap: 7rem; }
:root .gap-32 { gap: 8rem; }
:root .gap-36 { gap: 9rem; }
:root .gap-40 { gap: 10rem; }
:root .gap-44 { gap: 11rem; }
:root .gap-48 { gap: 12rem; }
:root .gap-52 { gap: 13rem; }
:root .gap-56 { gap: 14rem; }
:root .gap-60 { gap: 15rem; }
:root .gap-64 { gap: 16rem; }
:root .gap-72 { gap: 18rem; }
:root .gap-80 { gap: 20rem; }
:root .gap-96 { gap: 24rem; }
:root .gap-xs { gap: var(--spectra-space-xs); }
:root .gap-sm { gap: var(--spectra-space-sm); }
:root .gap-md { gap: var(--spectra-space-md); }
:root .gap-lg { gap: var(--spectra-space-lg); }
:root .gap-xl { gap: var(--spectra-space-xl); }
:root .gap-2xl { gap: var(--spectra-space-2xl); }
:root .gap-x-0 { column-gap: 0; }
:root .gap-x-px { column-gap: 1px; }
:root .gap-x-0\.5 { column-gap: 0.125rem; }
:root .gap-x-1 { column-gap: 0.25rem; }
:root .gap-x-1\.5 { column-gap: 0.375rem; }
:root .gap-x-2 { column-gap: 0.5rem; }
:root .gap-x-2\.5 { column-gap: 0.625rem; }
:root .gap-x-3 { column-gap: 0.75rem; }
:root .gap-x-3\.5 { column-gap: 0.875rem; }
:root .gap-x-4 { column-gap: 1rem; }
:root .gap-x-5 { column-gap: 1.25rem; }
:root .gap-x-6 { column-gap: 1.5rem; }
:root .gap-x-7 { column-gap: 1.75rem; }
:root .gap-x-8 { column-gap: 2rem; }
:root .gap-x-9 { column-gap: 2.25rem; }
:root .gap-x-10 { column-gap: 2.5rem; }
:root .gap-x-11 { column-gap: 2.75rem; }
:root .gap-x-12 { column-gap: 3rem; }
:root .gap-x-14 { column-gap: 3.5rem; }
:root .gap-x-16 { column-gap: 4rem; }
:root .gap-x-20 { column-gap: 5rem; }
:root .gap-x-24 { column-gap: 6rem; }
:root .gap-x-28 { column-gap: 7rem; }
:root .gap-x-32 { column-gap: 8rem; }
:root .gap-x-36 { column-gap: 9rem; }
:root .gap-x-40 { column-gap: 10rem; }
:root .gap-x-44 { column-gap: 11rem; }
:root .gap-x-48 { column-gap: 12rem; }
:root .gap-x-52 { column-gap: 13rem; }
:root .gap-x-56 { column-gap: 14rem; }
:root .gap-x-60 { column-gap: 15rem; }
:root .gap-x-64 { column-gap: 16rem; }
:root .gap-x-72 { column-gap: 18rem; }
:root .gap-x-80 { column-gap: 20rem; }
:root .gap-x-96 { column-gap: 24rem; }
:root .gap-x-xs { column-gap: var(--spectra-space-xs); }
:root .gap-x-sm { column-gap: var(--spectra-space-sm); }
:root .gap-x-md { column-gap: var(--spectra-space-md); }
:root .gap-x-lg { column-gap: var(--spectra-space-lg); }
:root .gap-x-xl { column-gap: var(--spectra-space-xl); }
:root .gap-x-2xl { column-gap: var(--spectra-space-2xl); }
:root .gap-y-0 { row-gap: 0; }
:root .gap-y-px { row-gap: 1px; }
:root .gap-y-0\.5 { row-gap: 0.125rem; }
:root .gap-y-1 { row-gap: 0.25rem; }
:root .gap-y-1\.5 { row-gap: 0.375rem; }
:root .gap-y-2 { row-gap: 0.5rem; }
:root .gap-y-2\.5 { row-gap: 0.625rem; }
:root .gap-y-3 { row-gap: 0.75rem; }
:root .gap-y-3\.5 { row-gap: 0.875rem; }
:root .gap-y-4 { row-gap: 1rem; }
:root .gap-y-5 { row-gap: 1.25rem; }
:root .gap-y-6 { row-gap: 1.5rem; }
:root .gap-y-7 { row-gap: 1.75rem; }
:root .gap-y-8 { row-gap: 2rem; }
:root .gap-y-9 { row-gap: 2.25rem; }
:root .gap-y-10 { row-gap: 2.5rem; }
:root .gap-y-11 { row-gap: 2.75rem; }
:root .gap-y-12 { row-gap: 3rem; }
:root .gap-y-14 { row-gap: 3.5rem; }
:root .gap-y-16 { row-gap: 4rem; }
:root .gap-y-20 { row-gap: 5rem; }
:root .gap-y-24 { row-gap: 6rem; }
:root .gap-y-28 { row-gap: 7rem; }
:root .gap-y-32 { row-gap: 8rem; }
:root .gap-y-36 { row-gap: 9rem; }
:root .gap-y-40 { row-gap: 10rem; }
:root .gap-y-44 { row-gap: 11rem; }
:root .gap-y-48 { row-gap: 12rem; }
:root .gap-y-52 { row-gap: 13rem; }
:root .gap-y-56 { row-gap: 14rem; }
:root .gap-y-60 { row-gap: 15rem; }
:root .gap-y-64 { row-gap: 16rem; }
:root .gap-y-72 { row-gap: 18rem; }
:root .gap-y-80 { row-gap: 20rem; }
:root .gap-y-96 { row-gap: 24rem; }
:root .gap-y-xs { row-gap: var(--spectra-space-xs); }
:root .gap-y-sm { row-gap: var(--spectra-space-sm); }
:root .gap-y-md { row-gap: var(--spectra-space-md); }
:root .gap-y-lg { row-gap: var(--spectra-space-lg); }
:root .gap-y-xl { row-gap: var(--spectra-space-xl); }
:root .gap-y-2xl { row-gap: var(--spectra-space-2xl); }
:root .text-heading-1 { font-size: var(--spectra-heading-1); }
:root .text-heading-2 { font-size: var(--spectra-heading-2); }
:root .text-heading-3 { font-size: var(--spectra-heading-3); }
:root .text-heading-4 { font-size: var(--spectra-heading-4); }
:root .text-heading-5 { font-size: var(--spectra-heading-5); }
:root .text-heading-6 { font-size: var(--spectra-heading-6); }
:root .text-xs { font-size: var(--spectra-text-xs, 0.75rem); line-height: 1rem; }
:root .text-sm { font-size: var(--spectra-text-sm, 0.875rem); line-height: 1.25rem; }
:root .text-base { font-size: var(--spectra-text-md, 1rem); line-height: 1.5rem; }
:root .text-lg { font-size: var(--spectra-text-lg, 1.125rem); line-height: 1.75rem; }
:root .text-xl { font-size: var(--spectra-text-xl, 1.25rem); line-height: 1.75rem; }
:root .text-2xl { font-size: var(--spectra-text-2xl, 1.5rem); line-height: 2rem; }