@rolemodel/optics
Version:
Optics is a css package that provides base styles and components that can be integrated and customized in a variety of projects.
1 lines • 149 kB
CSS
@import "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&family=Noto+Serif:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap";*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@font-face{font-family:feather;src:url(https://at.alicdn.com/t/font_o5hd5vvqpoqiwwmi.eot?t=1501828829848);src:url(https://at.alicdn.com/t/font_o5hd5vvqpoqiwwmi.eot?t=1501828829848#iefix) format("embedded-opentype"),url(https://at.alicdn.com/t/font_o5hd5vvqpoqiwwmi.woff?t=1501828829848) format("woff"),url(https://at.alicdn.com/t/font_o5hd5vvqpoqiwwmi.ttf?t=1501828829848) format("truetype"),url(https://at.alicdn.com/t/font_o5hd5vvqpoqiwwmi.svg?t=1501828829848#feather) format("svg")}.fi{font-family:feather!important;font-size:var(--__op-icon-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal}.fi-alert-octagon:before{content:"\e81b"}.fi-alert-circle:before{content:"\e81c"}.fi-activity:before{content:"\e81d"}.fi-alert-triangle:before{content:"\e81e"}.fi-align-center:before{content:"\e81f"}.fi-airplay:before{content:"\e820"}.fi-align-justify:before{content:"\e821"}.fi-align-left:before{content:"\e822"}.fi-align-right:before{content:"\e823"}.fi-arrow-down-left:before{content:"\e824"}.fi-arrow-down-right:before{content:"\e825"}.fi-anchor:before{content:"\e826"}.fi-aperture:before{content:"\e827"}.fi-arrow-left:before{content:"\e828"}.fi-arrow-right:before{content:"\e829"}.fi-arrow-down:before{content:"\e82a"}.fi-arrow-up-left:before{content:"\e82b"}.fi-arrow-up-right:before{content:"\e82c"}.fi-arrow-up:before{content:"\e82d"}.fi-award:before{content:"\e82e"}.fi-bar-chart:before{content:"\e82f"}.fi-at-sign:before{content:"\e830"}.fi-bar-chart-:before{content:"\e831"}.fi-battery-charging:before{content:"\e832"}.fi-bell-off:before{content:"\e833"}.fi-battery:before{content:"\e834"}.fi-bluetooth:before{content:"\e835"}.fi-bell:before{content:"\e836"}.fi-book:before{content:"\e837"}.fi-briefcase:before{content:"\e838"}.fi-camera-off:before{content:"\e839"}.fi-calendar:before{content:"\e83a"}.fi-bookmark:before{content:"\e83b"}.fi-box:before{content:"\e83c"}.fi-camera:before{content:"\e83d"}.fi-check-circle:before{content:"\e83e"}.fi-check:before{content:"\e83f"}.fi-check-square:before{content:"\e840"}.fi-cast:before{content:"\e841"}.fi-chevron-down:before{content:"\e842"}.fi-chevron-left:before{content:"\e843"}.fi-chevron-right:before{content:"\e844"}.fi-chevron-up:before{content:"\e845"}.fi-chevrons-down:before{content:"\e846"}.fi-chevrons-right:before{content:"\e847"}.fi-chevrons-up:before{content:"\e848"}.fi-chevrons-left:before{content:"\e849"}.fi-circle:before{content:"\e84a"}.fi-clipboard:before{content:"\e84b"}.fi-chrome:before{content:"\e84c"}.fi-clock:before{content:"\e84d"}.fi-cloud-lightning:before{content:"\e84e"}.fi-cloud-drizzle:before{content:"\e84f"}.fi-cloud-rain:before{content:"\e850"}.fi-cloud-off:before{content:"\e851"}.fi-codepen:before{content:"\e852"}.fi-cloud-snow:before{content:"\e853"}.fi-compass:before{content:"\e854"}.fi-copy:before{content:"\e855"}.fi-corner-down-right:before{content:"\e856"}.fi-corner-down-left:before{content:"\e857"}.fi-corner-left-down:before{content:"\e858"}.fi-corner-left-up:before{content:"\e859"}.fi-corner-up-left:before{content:"\e85a"}.fi-corner-up-right:before{content:"\e85b"}.fi-corner-right-down:before{content:"\e85c"}.fi-corner-right-up:before{content:"\e85d"}.fi-cpu:before{content:"\e85e"}.fi-credit-card:before{content:"\e85f"}.fi-crosshair:before{content:"\e860"}.fi-disc:before{content:"\e861"}.fi-delete:before{content:"\e862"}.fi-download-cloud:before{content:"\e863"}.fi-download:before{content:"\e864"}.fi-droplet:before{content:"\e865"}.fi-edit-:before{content:"\e866"}.fi-edit:before{content:"\e867"}.fi-edit-1:before{content:"\e868"}.fi-external-link:before{content:"\e869"}.fi-eye:before{content:"\e86a"}.fi-feather:before{content:"\e86b"}.fi-facebook:before{content:"\e86c"}.fi-file-minus:before{content:"\e86d"}.fi-eye-off:before{content:"\e86e"}.fi-fast-forward:before{content:"\e86f"}.fi-file-text:before{content:"\e870"}.fi-film:before{content:"\e871"}.fi-file:before{content:"\e872"}.fi-file-plus:before{content:"\e873"}.fi-folder:before{content:"\e874"}.fi-filter:before{content:"\e875"}.fi-flag:before{content:"\e876"}.fi-globe:before{content:"\e877"}.fi-grid:before{content:"\e878"}.fi-heart:before{content:"\e879"}.fi-home:before{content:"\e87a"}.fi-github:before{content:"\e87b"}.fi-image:before{content:"\e87c"}.fi-inbox:before{content:"\e87d"}.fi-layers:before{content:"\e87e"}.fi-info:before{content:"\e87f"}.fi-instagram:before{content:"\e880"}.fi-layout:before{content:"\e881"}.fi-link-:before{content:"\e882"}.fi-life-buoy:before{content:"\e883"}.fi-link:before{content:"\e884"}.fi-log-in:before{content:"\e885"}.fi-list:before{content:"\e886"}.fi-lock:before{content:"\e887"}.fi-log-out:before{content:"\e888"}.fi-loader:before{content:"\e889"}.fi-mail:before{content:"\e88a"}.fi-maximize-:before{content:"\e88b"}.fi-map:before{content:"\e88c"}.fi-maximize:before{content:"\e88d"}.fi-map-pin:before{content:"\e88e"}.fi-menu:before{content:"\e88f"}.fi-message-circle:before{content:"\e890"}.fi-message-square:before{content:"\e891"}.fi-minimize-:before{content:"\e892"}.fi-mic-off:before{content:"\e893"}.fi-minus-circle:before{content:"\e894"}.fi-mic:before{content:"\e895"}.fi-minus-square:before{content:"\e896"}.fi-minus:before{content:"\e897"}.fi-moon:before{content:"\e898"}.fi-monitor:before{content:"\e899"}.fi-more-vertical:before{content:"\e89a"}.fi-more-horizontal:before{content:"\e89b"}.fi-move:before{content:"\e89c"}.fi-music:before{content:"\e89d"}.fi-navigation-:before{content:"\e89e"}.fi-navigation:before{content:"\e89f"}.fi-octagon:before{content:"\e8a0"}.fi-package:before{content:"\e8a1"}.fi-pause-circle:before{content:"\e8a2"}.fi-pause:before{content:"\e8a3"}.fi-percent:before{content:"\e8a4"}.fi-phone-call:before{content:"\e8a5"}.fi-phone-forwarded:before{content:"\e8a6"}.fi-phone-missed:before{content:"\e8a7"}.fi-phone-off:before{content:"\e8a8"}.fi-phone-incoming:before{content:"\e8a9"}.fi-phone:before{content:"\e8aa"}.fi-phone-outgoing:before{content:"\e8ab"}.fi-pie-chart:before{content:"\e8ac"}.fi-play-circle:before{content:"\e8ad"}.fi-play:before{content:"\e8ae"}.fi-plus-square:before{content:"\e8af"}.fi-plus-circle:before{content:"\e8b0"}.fi-plus:before{content:"\e8b1"}.fi-pocket:before{content:"\e8b2"}.fi-printer:before{content:"\e8b3"}.fi-power:before{content:"\e8b4"}.fi-radio:before{content:"\e8b5"}.fi-repeat:before{content:"\e8b6"}.fi-refresh-ccw:before{content:"\e8b7"}.fi-rewind:before{content:"\e8b8"}.fi-rotate-ccw:before{content:"\e8b9"}.fi-refresh-cw:before{content:"\e8ba"}.fi-rotate-cw:before{content:"\e8bb"}.fi-save:before{content:"\e8bc"}.fi-search:before{content:"\e8bd"}.fi-server:before{content:"\e8be"}.fi-scissors:before{content:"\e8bf"}.fi-share-:before{content:"\e8c0"}.fi-share:before{content:"\e8c1"}.fi-shield:before{content:"\e8c2"}.fi-settings:before{content:"\e8c3"}.fi-skip-back:before{content:"\e8c4"}.fi-shuffle:before{content:"\e8c5"}.fi-sidebar:before{content:"\e8c6"}.fi-skip-forward:before{content:"\e8c7"}.fi-slack:before{content:"\e8c8"}.fi-slash:before{content:"\e8c9"}.fi-smartphone:before{content:"\e8ca"}.fi-square:before{content:"\e8cb"}.fi-speaker:before{content:"\e8cc"}.fi-star:before{content:"\e8cd"}.fi-stop-circle:before{content:"\e8ce"}.fi-sun:before{content:"\e8cf"}.fi-sunrise:before{content:"\e8d0"}.fi-tablet:before{content:"\e8d1"}.fi-tag:before{content:"\e8d2"}.fi-sunset:before{content:"\e8d3"}.fi-target:before{content:"\e8d4"}.fi-thermometer:before{content:"\e8d5"}.fi-thumbs-up:before{content:"\e8d6"}.fi-thumbs-down:before{content:"\e8d7"}.fi-toggle-left:before{content:"\e8d8"}.fi-toggle-right:before{content:"\e8d9"}.fi-trash-:before{content:"\e8da"}.fi-trash:before{content:"\e8db"}.fi-trending-up:before{content:"\e8dc"}.fi-trending-down:before{content:"\e8dd"}.fi-triangle:before{content:"\e8de"}.fi-type:before{content:"\e8df"}.fi-twitter:before{content:"\e8e0"}.fi-upload:before{content:"\e8e1"}.fi-umbrella:before{content:"\e8e2"}.fi-upload-cloud:before{content:"\e8e3"}.fi-unlock:before{content:"\e8e4"}.fi-user-check:before{content:"\e8e5"}.fi-user-minus:before{content:"\e8e6"}.fi-user-plus:before{content:"\e8e7"}.fi-user-x:before{content:"\e8e8"}.fi-user:before{content:"\e8e9"}.fi-users:before{content:"\e8ea"}.fi-video-off:before{content:"\e8eb"}.fi-video:before{content:"\e8ec"}.fi-voicemail:before{content:"\e8ed"}.fi-volume-x:before{content:"\e8ee"}.fi-volume-:before{content:"\e8ef"}.fi-volume-1:before{content:"\e8f0"}.fi-volume:before{content:"\e8f1"}.fi-watch:before{content:"\e8f2"}.fi-wifi:before{content:"\e8f3"}.fi-x-square:before{content:"\e8f4"}.fi-wind:before{content:"\e8f5"}.fi-x:before{content:"\e8f6"}.fi-x-circle:before{content:"\e8f7"}.fi-zap:before{content:"\e8f8"}.fi-zoom-in:before{content:"\e8f9"}.fi-zoom-out:before{content:"\e8fa"}.fi-command:before{content:"\e8fb"}.fi-cloud:before{content:"\e8fc"}.fi-hash:before{content:"\e8fd"}.fi-headphones:before{content:"\e8fe"}:root{--op-color-white:hsl(0deg 100% 100%);--op-color-black:hsl(0deg 0% 0%);--op-color-primary-h:216;--op-color-primary-s:58%;--op-color-primary-l:48%;--op-color-neutral-h:var(--op-color-primary-h);--op-color-neutral-s:4%;--op-color-neutral-l:var(--op-color-primary-l);--op-color-alerts-warning-h:47;--op-color-alerts-warning-s:100%;--op-color-alerts-warning-l:61%;--op-color-alerts-danger-h:0;--op-color-alerts-danger-s:99%;--op-color-alerts-danger-l:76%;--op-color-alerts-info-h:216;--op-color-alerts-info-s:58%;--op-color-alerts-info-l:48%;--op-color-alerts-notice-h:130;--op-color-alerts-notice-s:61%;--op-color-alerts-notice-l:64%;--op-opacity-none:0;--op-opacity-overlay:0.2;--op-opacity-disabled:0.4;--op-opacity-half:0.5;--op-opacity-full:1;--op-breakpoint-x-small:512px;--op-breakpoint-small:768px;--op-breakpoint-medium:1024px;--op-breakpoint-large:1280px;--op-breakpoint-x-large:1440px;--op-radius-small:2px;--op-radius-medium:4px;--op-radius-large:8px;--op-radius-x-large:12px;--op-radius-2x-large:16px;--op-radius-circle:50%;--op-radius-pill:9999px;--op-border-width:1px;--op-border-width-large:2px;--op-border-width-x-large:4px;--op-color-border:var(--op-color-neutral-plus-five);--op-border-none:0 0 0 0;--op-border-all:0 0 0 var(--op-border-width);--op-border-top:0 calc(var(--op-border-width)*-1) 0 0;--op-border-right:var(--op-border-width) 0 0 0;--op-border-bottom:0 var(--op-border-width) 0 0;--op-border-left:calc(var(--op-border-width)*-1) 0 0 0;--op-border-y:var(--op-border-top) var(--op-color-border),var(--op-border-bottom) var(--op-color-border);--op-border-x:var(--op-border-left) var(--op-color-border),var(--op-border-right) var(--op-color-border);--op-font-scale-unit:1rem;--op-font-2x-small:calc(var(--op-font-scale-unit)*1);--op-font-x-small:calc(var(--op-font-scale-unit)*1.2);--op-font-small:calc(var(--op-font-scale-unit)*1.4);--op-font-medium:calc(var(--op-font-scale-unit)*1.6);--op-font-large:calc(var(--op-font-scale-unit)*1.8);--op-font-x-large:calc(var(--op-font-scale-unit)*2);--op-font-2x-large:calc(var(--op-font-scale-unit)*2.4);--op-font-3x-large:calc(var(--op-font-scale-unit)*2.8);--op-font-4x-large:calc(var(--op-font-scale-unit)*3.2);--op-font-5x-large:calc(var(--op-font-scale-unit)*3.6);--op-font-6x-large:calc(var(--op-font-scale-unit)*4.8);--op-font-weight-thin:100;--op-font-weight-extra-light:200;--op-font-weight-light:300;--op-font-weight-normal:400;--op-font-weight-medium:500;--op-font-weight-semi-bold:600;--op-font-weight-bold:700;--op-font-weight-extra-bold:800;--op-font-weight-black:900;--op-font-family:"Noto Sans",sans-serif;--op-font-family-alt:"Noto Serif",serif;--op-line-height-none:0;--op-line-height-densest:1;--op-line-height-denser:1.15;--op-line-height-dense:1.3;--op-line-height-base:1.5;--op-line-height-loose:1.6;--op-line-height-looser:1.7;--op-line-height-loosest:1.8;--op-letter-spacing-navigation:0.01rem;--op-letter-spacing-label:0.04rem;--op-transition-accordion:rotate 120ms ease-in;--op-transition-accordion-content:height 300ms ease,content-visibility 300ms ease allow-discrete;--op-transition-input:all 120ms ease-in;--op-transition-sidebar:all 200ms ease-in-out;--op-transition-modal-time:300ms;--op-transition-modal:all var(--op-transition-modal-time) ease-in;--op-transition-panel:right 400ms ease-in;--op-transition-tooltip:all 300ms ease-in 300ms;--op-animation-flash:rm-slide-in-out-flash 5s normal forwards;--op-encoded-images-dropdown-arrow-width:calc(var(--op-space-scale-unit)*1.2);--op-encoded-images-dropdown-arrow:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTIgOSI+PHBhdGggZmlsbD0iIzBhMGEwYiIgZD0ibTYgOC4zNzUtNi02IDEuNC0xLjQgNC42IDQuNiA0LjYtNC42IDEuNCAxLjR6Ii8+PC9zdmc+");--op-size-unit:0.4rem;--op-space-scale-unit:1rem;--op-space-3x-small:calc(var(--op-space-scale-unit)*0.2);--op-space-2x-small:calc(var(--op-space-scale-unit)*0.4);--op-space-x-small:calc(var(--op-space-scale-unit)*0.8);--op-space-small:calc(var(--op-space-scale-unit)*1.2);--op-space-medium:calc(var(--op-space-scale-unit)*1.6);--op-space-large:calc(var(--op-space-scale-unit)*2);--op-space-x-large:calc(var(--op-space-scale-unit)*2.4);--op-space-2x-large:calc(var(--op-space-scale-unit)*2.8);--op-space-3x-large:calc(var(--op-space-scale-unit)*4);--op-space-4x-large:calc(var(--op-space-scale-unit)*8);--op-shadow-x-small:0 1px 2px hsl(0deg 0% 0%/3%),0 1px 3px hsl(0deg 0% 0%/15%);--op-shadow-small:0 1px 2px hsl(0deg 0% 0%/3%),0 2px 6px hsl(0deg 0% 0%/15%);--op-shadow-medium:0 4px 8px hsl(0deg 0% 0%/15%),0 1px 3px hsl(0deg 0% 0%/3%);--op-shadow-large:0 6px 10px hsl(0deg 0% 0%/15%),0 2px 3px hsl(0deg 0% 0%/3%);--op-shadow-x-large:0 8px 12px hsl(0deg 0% 0%/15%),0 4px 4px hsl(0deg 0% 0%/3%);--op-z-index-header:500;--op-z-index-footer:500;--op-z-index-sidebar:700;--op-z-index-dialog:800;--op-z-index-dialog-backdrop:801;--op-z-index-dialog-content:802;--op-z-index-dropdown:900;--op-z-index-alert-group:950;--op-z-index-tooltip:1000;--op-input-height-small:2.8rem;--op-input-height-medium:3.6rem;--op-input-height-large:4rem;--op-input-height-x-large:8.4rem;--op-input-inner-focus:inset 0 0 0 var(--op-border-width-large);--op-input-outer-focus:0 0 0 var(--op-border-width-x-large);--op-input-focus-primary:var(--op-input-inner-focus) var(--op-color-primary-plus-two),var(--op-input-outer-focus) var(--op-color-primary-plus-five);--op-input-focus-neutral:var(--op-input-inner-focus) var(--op-color-neutral-plus-two),var(--op-input-outer-focus) var(--op-color-neutral-plus-five);--op-input-focus-danger:var(--op-input-inner-focus) var(--op-color-alerts-danger-plus-two),var(--op-input-outer-focus) var(--op-color-alerts-danger-plus-five);--op-input-focus-warning:var(--op-input-inner-focus) var(--op-color-alerts-warning-plus-two),var(--op-input-outer-focus) var(--op-color-alerts-warning-plus-five);--op-input-focus-info:var(--op-input-inner-focus) var(--op-color-alerts-info-plus-two),var(--op-input-outer-focus) var(--op-color-alerts-info-plus-five);--op-input-focus-notice:var(--op-input-inner-focus) var(--op-color-alerts-notice-plus-two),var(--op-input-outer-focus) var(--op-color-alerts-notice-plus-five)}@keyframes rm-slide-in-out-flash{0%{inset-inline-end:-100%}10%{inset-inline-end:var(--op-space-large)}70%{inset-inline-end:var(--op-space-large)}to{inset-inline-end:-100%}}:root{color-scheme:light dark;--op-color-primary-original:hsl(var(--op-color-primary-h) var(--op-color-primary-s) var(--op-color-primary-l));--op-color-primary-plus-max:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 12%));--op-color-primary-plus-eight:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 14%));--op-color-primary-plus-seven:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%));--op-color-primary-plus-six:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%));--op-color-primary-plus-five:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%));--op-color-primary-plus-four:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%));--op-color-primary-plus-three:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 70%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 29%));--op-color-primary-plus-two:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 32%));--op-color-primary-plus-one:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 45%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 35%));--op-color-primary-base:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%));--op-color-primary-minus-one:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 36%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%));--op-color-primary-minus-two:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 32%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 45%));--op-color-primary-minus-three:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 28%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 48%));--op-color-primary-minus-four:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 52%));--op-color-primary-minus-five:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%));--op-color-primary-minus-six:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%));--op-color-primary-minus-seven:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%));--op-color-primary-minus-eight:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%));--op-color-primary-minus-max:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%));--op-color-primary-on-plus-max:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%));--op-color-primary-on-plus-max-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%));--op-color-primary-on-plus-eight:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%));--op-color-primary-on-plus-eight-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 70%));--op-color-primary-on-plus-seven:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%));--op-color-primary-on-plus-seven-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 28%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%));--op-color-primary-on-plus-six:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%));--op-color-primary-on-plus-six-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%));--op-color-primary-on-plus-five:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%));--op-color-primary-on-plus-five-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%));--op-color-primary-on-plus-four:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%));--op-color-primary-on-plus-four-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%));--op-color-primary-on-plus-three:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%));--op-color-primary-on-plus-three-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 10%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%));--op-color-primary-on-plus-two:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%));--op-color-primary-on-plus-two-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 6%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%));--op-color-primary-on-plus-one:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%));--op-color-primary-on-plus-one-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 95%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%));--op-color-primary-on-base:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%));--op-color-primary-on-base-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%));--op-color-primary-on-minus-one:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%));--op-color-primary-on-minus-one-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 82%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%));--op-color-primary-on-minus-two:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%));--op-color-primary-on-minus-two-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%));--op-color-primary-on-minus-three:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%));--op-color-primary-on-minus-three-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 74%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%));--op-color-primary-on-minus-four:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%));--op-color-primary-on-minus-four-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%));--op-color-primary-on-minus-five:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%));--op-color-primary-on-minus-five-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%));--op-color-primary-on-minus-six:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%));--op-color-primary-on-minus-six-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 82%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%));--op-color-primary-on-minus-seven:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%));--op-color-primary-on-minus-seven-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 34%));--op-color-primary-on-minus-eight:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%));--op-color-primary-on-minus-eight-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%));--op-color-primary-on-minus-max:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%));--op-color-primary-on-minus-max-alt:light-dark(hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%),hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%));--op-color-neutral-original:hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) var(--op-color-neutral-l));--op-color-neutral-plus-max:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%));--op-color-neutral-plus-eight:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 10%));--op-color-neutral-plus-seven:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 96%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 14%));--op-color-neutral-plus-six:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%));--op-color-neutral-plus-five:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 18%));--op-color-neutral-plus-four:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%));--op-color-neutral-plus-three:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 70%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%));--op-color-neutral-plus-two:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 64%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 26%));--op-color-neutral-plus-one:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 44%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 30%));--op-color-neutral-base:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%));--op-color-neutral-minus-one:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%));--op-color-neutral-minus-two:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%));--op-color-neutral-minus-three:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 28%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 44%));--op-color-neutral-minus-four:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 52%));--op-color-neutral-minus-five:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 64%));--op-color-neutral-minus-six:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%));--op-color-neutral-minus-seven:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%));--op-color-neutral-minus-eight:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%));--op-color-neutral-minus-max:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 0%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%));--op-color-neutral-on-plus-max:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 0%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%));--op-color-neutral-on-plus-max-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 54%));--op-color-neutral-on-plus-eight:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%));--op-color-neutral-on-plus-eight-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 34%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 54%));--op-color-neutral-on-plus-seven:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%));--op-color-neutral-on-plus-seven-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 28%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 58%));--op-color-neutral-on-plus-six:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%));--op-color-neutral-on-plus-six-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%));--op-color-neutral-on-plus-five:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%));--op-color-neutral-on-plus-five-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%));--op-color-neutral-on-plus-four:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%));--op-color-neutral-on-plus-four-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 68%));--op-color-neutral-on-plus-three:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%));--op-color-neutral-on-plus-three-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 10%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 68%));--op-color-neutral-on-plus-two:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%));--op-color-neutral-on-plus-two-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 6%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%));--op-color-neutral-on-plus-one:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%));--op-color-neutral-on-plus-one-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 95%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 75%));--op-color-neutral-on-base:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%));--op-color-neutral-on-base-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 78%));--op-color-neutral-on-minus-one:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%));--op-color-neutral-on-minus-one-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%));--op-color-neutral-on-minus-two:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%));--op-color-neutral-on-minus-two-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 78%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%));--op-color-neutral-on-minus-three:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 86%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 99%));--op-color-neutral-on-minus-three-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 74%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 95%));--op-color-neutral-on-minus-four:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 11%));--op-color-neutral-on-minus-four-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 76%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 2%));--op-color-neutral-on-minus-five:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%));--op-color-neutral-on-minus-five-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 76%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 2%));--op-color-neutral-on-minus-six:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%));--op-color-neutral-on-minus-six-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 82%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 26%));--op-color-neutral-on-minus-seven:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 96%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%));--op-color-neutral-on-minus-seven-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%));--op-color-neutral-on-minus-eight:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%));--op-color-neutral-on-minus-eight-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 86%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%));--op-color-neutral-on-minus-max:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%));--op-color-neutral-on-minus-max-alt:light-dark(hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%),hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 48%));--op-color-alerts-warning-original:hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) var(--op-color-alerts-warning-l));--op-color-alerts-warning-plus-max:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%));--op-color-alerts-warning-plus-eight:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 98%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%));--op-color-alerts-warning-plus-seven:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%));--op-color-alerts-warning-plus-six:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 94%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%));--op-color-alerts-warning-plus-five:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 90%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%));--op-color-alerts-warning-plus-four:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%));--op-color-alerts-warning-plus-three:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%));--op-color-alerts-warning-plus-two:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 64%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%));--op-color-alerts-warning-plus-one:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 28%));--op-color-alerts-warning-base:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 40%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 32%));--op-color-alerts-warning-minus-one:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 36%));--op-color-alerts-warning-minus-two:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 22%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 40%));--op-color-alerts-warning-minus-three:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 18%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 48%));--op-color-alerts-warning-minus-four:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 52%));--op-color-alerts-warning-minus-five:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 64%));--op-color-alerts-warning-minus-six:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%));--op-color-alerts-warning-minus-seven:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%));--op-color-alerts-warning-minus-eight:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%));--op-color-alerts-warning-minus-max:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%));--op-color-alerts-warning-on-plus-max:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%));--op-color-alerts-warning-on-plus-max-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 42%));--op-color-alerts-warning-on-plus-eight:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%));--op-color-alerts-warning-on-plus-eight-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%));--op-color-alerts-warning-on-plus-seven:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%));--op-color-alerts-warning-on-plus-seven-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 28%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 60%));--op-color-alerts-warning-on-plus-six:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%));--op-color-alerts-warning-on-plus-six-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%));--op-color-alerts-warning-on-plus-five:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%));--op-color-alerts-warning-on-plus-five-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 25%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%));--op-color-alerts-warning-on-plus-four:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%));--op-color-alerts-warning-on-plus-four-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 60%));--op-color-alerts-warning-on-plus-three:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%));--op-color-alerts-warning-on-plus-three-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%));--op-color-alerts-warning-on-plus-two:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%));--op-color-alerts-warning-on-plus-two-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 6%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%));--op-color-alerts-warning-on-plus-one:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%));--op-color-alerts-warning-on-plus-one-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 15%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%));--op-color-alerts-warning-on-base:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%));--op-color-alerts-warning-on-base-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 6%));--op-color-alerts-warning-on-minus-one:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%));--op-color-alerts-warning-on-minus-one-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%));--op-color-alerts-warning-on-minus-two:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%));--op-color-alerts-warning-on-minus-two-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 84%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%));--op-color-alerts-warning-on-minus-three:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 92%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%));--op-color-alerts-warning-on-minus-three-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%));--op-color-alerts-warning-on-minus-four:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%));--op-color-alerts-warning-on-minus-four-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 76%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%));--op-color-alerts-warning-on-minus-five:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%));--op-color-alerts-warning-on-minus-five-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 76%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 21%));--op-color-alerts-warning-on-minus-six:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 94%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%));--op-color-alerts-warning-on-minus-six-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 82%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 22%));--op-color-alerts-warning-on-minus-seven:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%));--op-color-alerts-warning-on-minus-seven-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 84%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%));--op-color-alerts-warning-on-minus-eight:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 98%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%));--op-color-alerts-warning-on-minus-eight-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 86%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%));--op-color-alerts-warning-on-minus-max:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%));--op-color-alerts-warning-on-minus-max-alt:light-dark(hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%),hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%));--op-color-alerts-danger-original:hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) var(--op-color-alerts-danger-l));--op-color-alerts-danger-plus-max:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%));--op-color-alerts-danger-plus-eight:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%));--op-color-alerts-danger-plus-seven:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%));--op-color-alerts-danger-plus-six:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 12%));--op-color-alerts-danger-plus-five:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 14%));--op-color-alerts-danger-plus-four:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%));--op-color-alerts-danger-plus-three:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%));--op-color-alerts-danger-plus-two:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 64%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%));--op-color-alerts-danger-plus-one:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 50%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%));--op-color-alerts-danger-base:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 40%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 32%));--op-color-alerts-danger-minus-one:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%));--op-color-alerts-danger-minus-two:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 32%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 40%));--op-color-alerts-danger-minus-three:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 48%));--op-color-alerts-danger-minus-four:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 52%));--op-color-alerts-danger-minus-five:light-dark(hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%),hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 64%));--op-color-alerts-danger-minus-six:light-dark(hsl(var(--op-color-alerts-danger-h) va