/* Box sizing rules */ @import 'https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'; @import 'https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap'; @import 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'; *, *::before, *::after { box-sizing: border-box; } /* Remove default margin */ body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ ul[role=list], ol[role=list] { list-style: none; } /* Set core root defaults */ html:focus-within { scroll-behavior: smooth; } /* Set core body defaults */ body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; } /* A elements that don't have a class get default styles */ a:not([class]) { text-decoration-skip-ink: auto; } /* Make images easier to work with */ img, picture { max-width: 100%; display: block; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } /* Remove all animations and transitions for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /** * @tokens Breakpoints */ :root { /** * @tokens Basic Colors * @presenter Color */ --op-color-white: hsl(0deg 100% 100%); --op-color-black: hsl(0deg 0% 0%); /** * @tokens Primary Colors * @presenter Color */ --op-color-primary-h: 216; --op-color-primary-s: 58%; --op-color-primary-l: 48%; /** * @tokens Neutral Colors * @presenter Color */ --op-color-neutral-h: var(--op-color-primary-h); --op-color-neutral-s: 4%; --op-color-neutral-l: var(--op-color-primary-l); /** * @tokens Alerts Warning Colors * @presenter Color */ --op-color-alerts-warning-h: 47; --op-color-alerts-warning-s: 100%; --op-color-alerts-warning-l: 61%; /** * @tokens Alerts Danger Colors * @presenter Color */ --op-color-alerts-danger-h: 0; --op-color-alerts-danger-s: 99%; --op-color-alerts-danger-l: 76%; /** * @tokens Alerts Info Colors * @presenter Color */ --op-color-alerts-info-h: 216; --op-color-alerts-info-s: 58%; --op-color-alerts-info-l: 48%; /** * @tokens Alerts Notice Colors * @presenter Color */ --op-color-alerts-notice-h: 130; --op-color-alerts-notice-s: 61%; --op-color-alerts-notice-l: 64%; /** * @tokens Border Radius * @presenter BorderRadius */ --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; /** * @tokens Border Width * @presenter Spacing */ --op-border-width: 1px; --op-border-width-large: 2px; --op-border-width-x-large: 4px; /** * @tokens Border Color * @presenter Color */ --op-border-color: var(--op-color-neutral-plus-five); /** * @tokens Border Shadow * @presenter Shadow */ --op-border-none: 0 0 0 0; --op-border-all: 0 0 0 var(--op-border-width); --op-border-top: 0 calc(-1 * var(--op-border-width)) 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(-1 * var(--op-border-width)) 0 0 0; --op-border-y: var(--op-border-top) var(--op-border-color), var(--op-border-bottom) var(--op-border-color); --op-border-x: var(--op-border-left) var(--op-border-color), var(--op-border-right) var(--op-border-color); /** * @tokens Font Scale * @presenter FontSize */ --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); /** * @tokens Font Weight * @presenter FontWeight */ --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; /** * @tokens Font Family * @presenter FontFamily */ --op-font-family: "Noto Sans", "Noto Serif", sans-serif; /** * @tokens Line Height * @presenter LineHeight */ --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; /** * @tokens Letter Spacing * @presenter LetterSpacing */ --op-letter-spacing-navigation: 0.01rem; --op-letter-spacing-label: 0.04rem; /** * @tokens Transition */ --op-transition-input: all 120ms ease-in; --op-transition-sidebar: all 200ms ease-in-out; --op-transition-modal: all 300ms ease-in; --op-transition-panel: right 400ms ease-in; /** * @tokens Animation * @presenter Animation */ --op-animation-flash: rm-slide-in-out-flash 5s normal forwards; /** * @tokens Encoded Images */ --op-form-dropdown-arrow-width: 1rem; --op-form-dropdown-arrow: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 7' version='1.1' xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cg transform='matrix(0.983953,0,0,1.00934,-9.22679,-3.65885)'%3E%3Cpath fill='%23d1d1d1' d='M9.37727 3.625l5.08154 6.93523L19.54036 3.625'/%3E%3C/g%3E%3C/svg%3E%0A"); /** * @tokens Space Scale * @presenter Spacing */ --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); /** * @tokens Shadows * @presenter Shadow */ --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%); /** * @tokens Z-Index */ --op-z-index-header: 500; --op-z-index-footer: 500; --op-z-index-drawer: 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; /** * @tokens Input Heights * @presenter Spacing */ --op-input-height-small: 2.8rem; --op-input-height-medium: 3.6rem; --op-input-height-large: 4rem; --op-input-height-x-large: 8.4rem; /** * @tokens Input Focus * @presenter Shadow */ --op-input-outer-focus: 0 0 0 var(--op-border-width-large) var(--op-color-primary-plus-four); --op-input-inner-focus: inset var(--op-border-all) var(--op-color-primary-minus-three); --op-input-focus: var(--op-input-inner-focus), var(--op-input-outer-focus); } @keyframes rm-slide-in-out-flash { 0% { right: -100%; } 10% { right: var(--op-space-large); } 70% { right: var(--op-space-large); } 100% { right: -100%; } } :root { /** * @tokens Primary Colors * @presenter Color */ --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: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%); --op-color-primary-plus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-plus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%); --op-color-primary-plus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%); --op-color-primary-plus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%); --op-color-primary-plus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%); --op-color-primary-plus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 70%); --op-color-primary-plus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%); --op-color-primary-plus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 45%); --op-color-primary-base: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%); --op-color-primary-minus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 36%); --op-color-primary-minus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 32%); --op-color-primary-minus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 28%); --op-color-primary-minus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%); --op-color-primary-minus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%); --op-color-primary-minus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%); --op-color-primary-minus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%); --op-color-primary-minus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%); --op-color-primary-minus-max: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%); --op-color-primary-on-plus-max: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%); --op-color-primary-on-plus-max-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%); --op-color-primary-on-plus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%); --op-color-primary-on-plus-eight-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%); --op-color-primary-on-plus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%); --op-color-primary-on-plus-seven-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 28%); --op-color-primary-on-plus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%); --op-color-primary-on-plus-six-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%); --op-color-primary-on-plus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%); --op-color-primary-on-plus-five-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%); --op-color-primary-on-plus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%); --op-color-primary-on-plus-four-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%); --op-color-primary-on-plus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%); --op-color-primary-on-plus-three-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 10%); --op-color-primary-on-plus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%); --op-color-primary-on-plus-two-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 6%); --op-color-primary-on-plus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%); --op-color-primary-on-plus-one-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 95%); --op-color-primary-on-base: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%); --op-color-primary-on-base-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%); --op-color-primary-on-minus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%); --op-color-primary-on-minus-one-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 82%); --op-color-primary-on-minus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%); --op-color-primary-on-minus-two-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%); --op-color-primary-on-minus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%); --op-color-primary-on-minus-three-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 74%); --op-color-primary-on-minus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%); --op-color-primary-on-minus-four-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%); --op-color-primary-on-minus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%); --op-color-primary-on-minus-five-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%); --op-color-primary-on-minus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%); --op-color-primary-on-minus-six-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 82%); --op-color-primary-on-minus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%); --op-color-primary-on-minus-seven-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%); --op-color-primary-on-minus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-on-minus-eight-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%); --op-color-primary-on-minus-max: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%); --op-color-primary-on-minus-max-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%); /** * @tokens Neutral Colors * @presenter Color */ --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: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%); --op-color-neutral-plus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%); --op-color-neutral-plus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 96%); --op-color-neutral-plus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%); --op-color-neutral-plus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%); --op-color-neutral-plus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%); --op-color-neutral-plus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 70%); --op-color-neutral-plus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 64%); --op-color-neutral-plus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 44%); --op-color-neutral-base: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%); --op-color-neutral-minus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%); --op-color-neutral-minus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%); --op-color-neutral-minus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 28%); --op-color-neutral-minus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%); --op-color-neutral-minus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%); --op-color-neutral-minus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%); --op-color-neutral-minus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%); --op-color-neutral-minus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%); --op-color-neutral-minus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 0%); --op-color-neutral-on-plus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 0%); --op-color-neutral-on-plus-max-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%); --op-color-neutral-on-plus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%); --op-color-neutral-on-plus-eight-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 34%); --op-color-neutral-on-plus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%); --op-color-neutral-on-plus-seven-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 28%); --op-color-neutral-on-plus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%); --op-color-neutral-on-plus-six-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%); --op-color-neutral-on-plus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%); --op-color-neutral-on-plus-five-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%); --op-color-neutral-on-plus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%); --op-color-neutral-on-plus-four-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%); --op-color-neutral-on-plus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%); --op-color-neutral-on-plus-three-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 10%); --op-color-neutral-on-plus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%); --op-color-neutral-on-plus-two-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 6%); --op-color-neutral-on-plus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%); --op-color-neutral-on-plus-one-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 95%); --op-color-neutral-on-base: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%); --op-color-neutral-on-base-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%); --op-color-neutral-on-minus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%); --op-color-neutral-on-minus-one-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%); --op-color-neutral-on-minus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%); --op-color-neutral-on-minus-two-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 78%); --op-color-neutral-on-minus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 86%); --op-color-neutral-on-minus-three-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 74%); --op-color-neutral-on-minus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%); --op-color-neutral-on-minus-four-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 76%); --op-color-neutral-on-minus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%); --op-color-neutral-on-minus-five-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 76%); --op-color-neutral-on-minus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%); --op-color-neutral-on-minus-six-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 82%); --op-color-neutral-on-minus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 96%); --op-color-neutral-on-minus-seven-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%); --op-color-neutral-on-minus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%); --op-color-neutral-on-minus-eight-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 86%); --op-color-neutral-on-minus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%); --op-color-neutral-on-minus-max-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%); /** * @tokens Alerts Warning Colors * @presenter Color */ --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: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%); --op-color-alerts-warning-plus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 98%); --op-color-alerts-warning-plus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%); --op-color-alerts-warning-plus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 94%); --op-color-alerts-warning-plus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 90%); --op-color-alerts-warning-plus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%); --op-color-alerts-warning-plus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%); --op-color-alerts-warning-plus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 64%); --op-color-alerts-warning-plus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%); --op-color-alerts-warning-base: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 40%); --op-color-alerts-warning-minus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%); --op-color-alerts-warning-minus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 22%); --op-color-alerts-warning-minus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 18%); --op-color-alerts-warning-minus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%); --op-color-alerts-warning-minus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%); --op-color-alerts-warning-minus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%); --op-color-alerts-warning-minus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%); --op-color-alerts-warning-minus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%); --op-color-alerts-warning-minus-max: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%); --op-color-alerts-warning-on-plus-max: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%); --op-color-alerts-warning-on-plus-max-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%); --op-color-alerts-warning-on-plus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%); --op-color-alerts-warning-on-plus-eight-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24% ); --op-color-alerts-warning-on-plus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%); --op-color-alerts-warning-on-plus-seven-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 28% ); --op-color-alerts-warning-on-plus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%); --op-color-alerts-warning-on-plus-six-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%); --op-color-alerts-warning-on-plus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%); --op-color-alerts-warning-on-plus-five-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 25% ); --op-color-alerts-warning-on-plus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%); --op-color-alerts-warning-on-plus-four-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%); --op-color-alerts-warning-on-plus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%); --op-color-alerts-warning-on-plus-three-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10% ); --op-color-alerts-warning-on-plus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%); --op-color-alerts-warning-on-plus-two-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 6%); --op-color-alerts-warning-on-plus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%); --op-color-alerts-warning-on-plus-one-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 15%); --op-color-alerts-warning-on-base: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%); --op-color-alerts-warning-on-base-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%); --op-color-alerts-warning-on-minus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%); --op-color-alerts-warning-on-minus-one-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88% ); --op-color-alerts-warning-on-minus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%); --op-color-alerts-warning-on-minus-two-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 84% ); --op-color-alerts-warning-on-minus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 92%); --op-color-alerts-warning-on-minus-three-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80% ); --op-color-alerts-warning-on-minus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%); --op-color-alerts-warning-on-minus-four-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 76% ); --op-color-alerts-warning-on-minus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%); --op-color-alerts-warning-on-minus-five-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 76% ); --op-color-alerts-warning-on-minus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 94%); --op-color-alerts-warning-on-minus-six-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 82% ); --op-color-alerts-warning-on-minus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%); --op-color-alerts-warning-on-minus-seven-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 84% ); --op-color-alerts-warning-on-minus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 98%); --op-color-alerts-warning-on-minus-eight-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 86% ); --op-color-alerts-warning-on-minus-max: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%); --op-color-alerts-warning-on-minus-max-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88% ); /** * @tokens Alerts Danger Colors * @presenter Color */ --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: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%); --op-color-alerts-danger-plus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%); --op-color-alerts-danger-plus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%); --op-color-alerts-danger-plus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%); --op-color-alerts-danger-plus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%); --op-color-alerts-danger-plus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%); --op-color-alerts-danger-plus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%); --op-color-alerts-danger-plus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 64%); --op-color-alerts-danger-plus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 50%); --op-color-alerts-danger-base: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 40%); --op-color-alerts-danger-minus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%); --op-color-alerts-danger-minus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 32%); --op-color-alerts-danger-minus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%); --op-color-alerts-danger-minus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%); --op-color-alerts-danger-minus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%); --op-color-alerts-danger-minus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%); --op-color-alerts-danger-minus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%); --op-color-alerts-danger-minus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%); --op-color-alerts-danger-minus-max: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%); --op-color-alerts-danger-on-plus-max: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%); --op-color-alerts-danger-on-plus-max-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%); --op-color-alerts-danger-on-plus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%); --op-color-alerts-danger-on-plus-eight-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%); --op-color-alerts-danger-on-plus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%); --op-color-alerts-danger-on-plus-seven-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%); --op-color-alerts-danger-on-plus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%); --op-color-alerts-danger-on-plus-six-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%); --op-color-alerts-danger-on-plus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%); --op-color-alerts-danger-on-plus-five-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 30%); --op-color-alerts-danger-on-plus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%); --op-color-alerts-danger-on-plus-four-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%); --op-color-alerts-danger-on-plus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%); --op-color-alerts-danger-on-plus-three-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 10%); --op-color-alerts-danger-on-plus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%); --op-color-alerts-danger-on-plus-two-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 6%); --op-color-alerts-danger-on-plus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%); --op-color-alerts-danger-on-plus-one-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 3%); --op-color-alerts-danger-on-base: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%); --op-color-alerts-danger-on-base-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 93%); --op-color-alerts-danger-on-minus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%); --op-color-alerts-danger-on-minus-one-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 89%); --op-color-alerts-danger-on-minus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%); --op-color-alerts-danger-on-minus-two-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 83%); --op-color-alerts-danger-on-minus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 86%); --op-color-alerts-danger-on-minus-three-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 79%); --op-color-alerts-danger-on-minus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%); --op-color-alerts-danger-on-minus-four-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 77%); --op-color-alerts-danger-on-minus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-on-minus-five-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 81%); --op-color-alerts-danger-on-minus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%); --op-color-alerts-danger-on-minus-six-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 87%); --op-color-alerts-danger-on-minus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%); --op-color-alerts-danger-on-minus-seven-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 89%); --op-color-alerts-danger-on-minus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%); --op-color-alerts-danger-on-minus-eight-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 91%); --op-color-alerts-danger-on-minus-max: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%); --op-color-alerts-danger-on-minus-max-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 93%); /** * @tokens Alerts Info Colors * @presenter Color */ --op-color-alerts-info-original: hsl( var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) var(--op-color-alerts-info-l) ); --op-color-alerts-info-plus-max: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%); --op-color-alerts-info-plus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%); --op-color-alerts-info-plus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%); --op-color-alerts-info-plus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%); --op-color-alerts-info-plus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 90%); --op-color-alerts-info-plus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 84%); --op-color-alerts-info-plus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 70%); --op-color-alerts-info-plus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 64%); --op-color-alerts-info-plus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 56%); --op-color-alerts-info-base: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%); --op-color-alerts-info-minus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%); --op-color-alerts-info-minus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%); --op-color-alerts-info-minus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%); --op-color-alerts-info-minus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%); --op-color-alerts-info-minus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%); --op-color-alerts-info-minus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%); --op-color-alerts-info-minus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%); --op-color-alerts-info-minus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%); --op-color-alerts-info-minus-max: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%); --op-color-alerts-info-on-plus-max: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%); --op-color-alerts-info-on-plus-max-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%); --op-color-alerts-info-on-plus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%); --op-color-alerts-info-on-plus-eight-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%); --op-color-alerts-info-on-plus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%); --op-color-alerts-info-on-plus-seven-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%); --op-color-alerts-info-on-plus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%); --op-color-alerts-info-on-plus-six-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%); --op-color-alerts-info-on-plus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%); --op-color-alerts-info-on-plus-five-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%); --op-color-alerts-info-on-plus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%); --op-color-alerts-info-on-plus-four-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%); --op-color-alerts-info-on-plus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%); --op-color-alerts-info-on-plus-three-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 10%); --op-color-alerts-info-on-plus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%); --op-color-alerts-info-on-plus-two-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 6%); --op-color-alerts-info-on-plus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%); --op-color-alerts-info-on-plus-one-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 3%); --op-color-alerts-info-on-base: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%); --op-color-alerts-info-on-base-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-on-minus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%); --op-color-alerts-info-on-minus-one-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 82%); --op-color-alerts-info-on-minus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 90%); --op-color-alerts-info-on-minus-two-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%); --op-color-alerts-info-on-minus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 86%); --op-color-alerts-info-on-minus-three-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 74%); --op-color-alerts-info-on-minus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 84%); --op-color-alerts-info-on-minus-four-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 72%); --op-color-alerts-info-on-minus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-on-minus-five-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 76%); --op-color-alerts-info-on-minus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%); --op-color-alerts-info-on-minus-six-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 82%); --op-color-alerts-info-on-minus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%); --op-color-alerts-info-on-minus-seven-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 84%); --op-color-alerts-info-on-minus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%); --op-color-alerts-info-on-minus-eight-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 86%); --op-color-alerts-info-on-minus-max: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%); --op-color-alerts-info-on-minus-max-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); /** * @tokens Alerts Notice Colors * @presenter Color */ --op-color-alerts-notice-original: hsl( var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) var(--op-color-alerts-notice-l) ); --op-color-alerts-notice-plus-max: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%); --op-color-alerts-notice-plus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%); --op-color-alerts-notice-plus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%); --op-color-alerts-notice-plus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%); --op-color-alerts-notice-plus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 90%); --op-color-alerts-notice-plus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%); --op-color-alerts-notice-plus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 70%); --op-color-alerts-notice-plus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 64%); --op-color-alerts-notice-plus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 47%); --op-color-alerts-notice-base: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 40%); --op-color-alerts-notice-minus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 32%); --op-color-alerts-notice-minus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%); --op-color-alerts-notice-minus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%); --op-color-alerts-notice-minus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 22%); --op-color-alerts-notice-minus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 18%); --op-color-alerts-notice-minus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%); --op-color-alerts-notice-minus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%); --op-color-alerts-notice-minus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%); --op-color-alerts-notice-minus-max: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%); --op-color-alerts-notice-on-plus-max: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%); --op-color-alerts-notice-on-plus-max-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%); --op-color-alerts-notice-on-plus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%); --op-color-alerts-notice-on-plus-eight-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%); --op-color-alerts-notice-on-plus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%); --op-color-alerts-notice-on-plus-seven-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%); --op-color-alerts-notice-on-plus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%); --op-color-alerts-notice-on-plus-six-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%); --op-color-alerts-notice-on-plus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%); --op-color-alerts-notice-on-plus-five-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 30%); --op-color-alerts-notice-on-plus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%); --op-color-alerts-notice-on-plus-four-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%); --op-color-alerts-notice-on-plus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%); --op-color-alerts-notice-on-plus-three-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 10%); --op-color-alerts-notice-on-plus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%); --op-color-alerts-notice-on-plus-two-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 6%); --op-color-alerts-notice-on-plus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%); --op-color-alerts-notice-on-plus-one-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 3%); --op-color-alerts-notice-on-base: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%); --op-color-alerts-notice-on-base-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%); --op-color-alerts-notice-on-minus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%); --op-color-alerts-notice-on-minus-one-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%); --op-color-alerts-notice-on-minus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%); --op-color-alerts-notice-on-minus-two-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 89%); --op-color-alerts-notice-on-minus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 92%); --op-color-alerts-notice-on-minus-three-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 85%); --op-color-alerts-notice-on-minus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%); --op-color-alerts-notice-on-minus-four-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 81%); --op-color-alerts-notice-on-minus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%); --op-color-alerts-notice-on-minus-five-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 76%); --op-color-alerts-notice-on-minus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%); --op-color-alerts-notice-on-minus-six-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 82%); --op-color-alerts-notice-on-minus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%); --op-color-alerts-notice-on-minus-seven-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%); --op-color-alerts-notice-on-minus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%); --op-color-alerts-notice-on-minus-eight-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 86%); --op-color-alerts-notice-on-minus-max: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%); --op-color-alerts-notice-on-minus-max-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%); /** * @tokens Basic Colors * @presenter Color */ --op-color-background: var(--op-color-neutral-plus-eight); --op-color-on-background: var(--op-color-neutral-on-plus-eight); } @media (prefers-color-scheme: dark) { :root:not([data-theme-mode=light]) { /** * @tokens Primary Dark Colors * @presenter Color */ --op-color-primary-plus-max: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 12%); --op-color-primary-plus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 14%); --op-color-primary-plus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%); --op-color-primary-plus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%); --op-color-primary-plus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%); --op-color-primary-plus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%); --op-color-primary-plus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 29%); --op-color-primary-plus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 32%); --op-color-primary-plus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 35%); --op-color-primary-base: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%); --op-color-primary-minus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%); --op-color-primary-minus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 45%); --op-color-primary-minus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 48%); --op-color-primary-minus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 52%); --op-color-primary-minus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%); --op-color-primary-minus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%); --op-color-primary-minus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%); --op-color-primary-minus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%); --op-color-primary-minus-max: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%); --op-color-primary-on-plus-max: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%); --op-color-primary-on-plus-max-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%); --op-color-primary-on-plus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%); --op-color-primary-on-plus-eight-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 70%); --op-color-primary-on-plus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%); --op-color-primary-on-plus-seven-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%); --op-color-primary-on-plus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%); --op-color-primary-on-plus-six-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%); --op-color-primary-on-plus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%); --op-color-primary-on-plus-five-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%); --op-color-primary-on-plus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%); --op-color-primary-on-plus-four-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%); --op-color-primary-on-plus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%); --op-color-primary-on-plus-three-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-on-plus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%); --op-color-primary-on-plus-two-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%); --op-color-primary-on-plus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%); --op-color-primary-on-plus-one-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-on-base: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%); --op-color-primary-on-base-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%); --op-color-primary-on-minus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-on-minus-one-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%); --op-color-primary-on-minus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-on-minus-two-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%); --op-color-primary-on-minus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-on-minus-three-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%); --op-color-primary-on-minus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%); --op-color-primary-on-minus-four-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%); --op-color-primary-on-minus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%); --op-color-primary-on-minus-five-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%); --op-color-primary-on-minus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%); --op-color-primary-on-minus-six-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%); --op-color-primary-on-minus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%); --op-color-primary-on-minus-seven-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 34%); --op-color-primary-on-minus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%); --op-color-primary-on-minus-eight-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%); --op-color-primary-on-minus-max: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%); --op-color-primary-on-minus-max-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%); /** * @tokens Neutral Dark Colors * @presenter Color */ --op-color-neutral-plus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%); --op-color-neutral-plus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 10%); --op-color-neutral-plus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 14%); --op-color-neutral-plus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%); --op-color-neutral-plus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 18%); --op-color-neutral-plus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%); --op-color-neutral-plus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%); --op-color-neutral-plus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 26%); --op-color-neutral-plus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 30%); --op-color-neutral-base: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%); --op-color-neutral-minus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%); --op-color-neutral-minus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%); --op-color-neutral-minus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 44%); --op-color-neutral-minus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 52%); --op-color-neutral-minus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 64%); --op-color-neutral-minus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%); --op-color-neutral-minus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%); --op-color-neutral-minus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%); --op-color-neutral-minus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%); --op-color-neutral-on-plus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%); --op-color-neutral-on-plus-max-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 54%); --op-color-neutral-on-plus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%); --op-color-neutral-on-plus-eight-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 54%); --op-color-neutral-on-plus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%); --op-color-neutral-on-plus-seven-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 58%); --op-color-neutral-on-plus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%); --op-color-neutral-on-plus-six-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 58%); --op-color-neutral-on-plus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%); --op-color-neutral-on-plus-five-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%); --op-color-neutral-on-plus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%); --op-color-neutral-on-plus-four-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%); --op-color-neutral-on-plus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%); --op-color-neutral-on-plus-three-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 68%); --op-color-neutral-on-plus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%); --op-color-neutral-on-plus-two-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%); --op-color-neutral-on-plus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%); --op-color-neutral-on-plus-one-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 75%); --op-color-neutral-on-base: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%); --op-color-neutral-on-base-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 78%); --op-color-neutral-on-minus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%); --op-color-neutral-on-minus-one-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%); --op-color-neutral-on-minus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%); --op-color-neutral-on-minus-two-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%); --op-color-neutral-on-minus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 99%); --op-color-neutral-on-minus-three-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 95%); --op-color-neutral-on-minus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 11%); --op-color-neutral-on-minus-four-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 2%); --op-color-neutral-on-minus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%); --op-color-neutral-on-minus-five-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 2%); --op-color-neutral-on-minus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%); --op-color-neutral-on-minus-six-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 26%); --op-color-neutral-on-minus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%); --op-color-neutral-on-minus-seven-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%); --op-color-neutral-on-minus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%); --op-color-neutral-on-minus-eight-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%); --op-color-neutral-on-minus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%); --op-color-neutral-on-minus-max-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 48%); /** * @tokens Alerts Warning Dark Colors * @presenter Color */ --op-color-alerts-warning-plus-max: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%); --op-color-alerts-warning-plus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%); --op-color-alerts-warning-plus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%); --op-color-alerts-warning-plus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%); --op-color-alerts-warning-plus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%); --op-color-alerts-warning-plus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%); --op-color-alerts-warning-plus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%); --op-color-alerts-warning-plus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%); --op-color-alerts-warning-plus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 28%); --op-color-alerts-warning-base: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 32%); --op-color-alerts-warning-minus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 36%); --op-color-alerts-warning-minus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 40%); --op-color-alerts-warning-minus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 48%); --op-color-alerts-warning-minus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 52%); --op-color-alerts-warning-minus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 64%); --op-color-alerts-warning-minus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%); --op-color-alerts-warning-minus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%); --op-color-alerts-warning-minus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%); --op-color-alerts-warning-minus-max: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%); --op-color-alerts-warning-on-plus-max: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%); --op-color-alerts-warning-on-plus-max-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 42%); --op-color-alerts-warning-on-plus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%); --op-color-alerts-warning-on-plus-eight-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70% ); --op-color-alerts-warning-on-plus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%); --op-color-alerts-warning-on-plus-seven-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 60% ); --op-color-alerts-warning-on-plus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%); --op-color-alerts-warning-on-plus-six-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%); --op-color-alerts-warning-on-plus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%); --op-color-alerts-warning-on-plus-five-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50% ); --op-color-alerts-warning-on-plus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%); --op-color-alerts-warning-on-plus-four-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 60% ); --op-color-alerts-warning-on-plus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%); --op-color-alerts-warning-on-plus-three-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70% ); --op-color-alerts-warning-on-plus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%); --op-color-alerts-warning-on-plus-two-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%); --op-color-alerts-warning-on-plus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%); --op-color-alerts-warning-on-plus-one-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%); --op-color-alerts-warning-on-base: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%); --op-color-alerts-warning-on-base-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 6%); --op-color-alerts-warning-on-minus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%); --op-color-alerts-warning-on-minus-one-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70% ); --op-color-alerts-warning-on-minus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%); --op-color-alerts-warning-on-minus-two-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14% ); --op-color-alerts-warning-on-minus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%); --op-color-alerts-warning-on-minus-three-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20% ); --op-color-alerts-warning-on-minus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%); --op-color-alerts-warning-on-minus-four-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20% ); --op-color-alerts-warning-on-minus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%); --op-color-alerts-warning-on-minus-five-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 21% ); --op-color-alerts-warning-on-minus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%); --op-color-alerts-warning-on-minus-six-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 22% ); --op-color-alerts-warning-on-minus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%); --op-color-alerts-warning-on-minus-seven-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24% ); --op-color-alerts-warning-on-minus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%); --op-color-alerts-warning-on-minus-eight-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26% ); --op-color-alerts-warning-on-minus-max: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%); --op-color-alerts-warning-on-minus-max-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24% ); /** * @tokens Alerts Danger Dark Colors * @presenter Color */ --op-color-alerts-danger-plus-max: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%); --op-color-alerts-danger-plus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%); --op-color-alerts-danger-plus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%); --op-color-alerts-danger-plus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 12%); --op-color-alerts-danger-plus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 14%); --op-color-alerts-danger-plus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%); --op-color-alerts-danger-plus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%); --op-color-alerts-danger-plus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%); --op-color-alerts-danger-plus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%); --op-color-alerts-danger-base: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 32%); --op-color-alerts-danger-minus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%); --op-color-alerts-danger-minus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 40%); --op-color-alerts-danger-minus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 48%); --op-color-alerts-danger-minus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 52%); --op-color-alerts-danger-minus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 64%); --op-color-alerts-danger-minus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 72%); --op-color-alerts-danger-minus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 80%); --op-color-alerts-danger-minus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-minus-max: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%); --op-color-alerts-danger-on-plus-max: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%); --op-color-alerts-danger-on-plus-max-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-on-plus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-on-plus-eight-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 78%); --op-color-alerts-danger-on-plus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 80%); --op-color-alerts-danger-on-plus-seven-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%); --op-color-alerts-danger-on-plus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 78%); --op-color-alerts-danger-on-plus-six-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 68%); --op-color-alerts-danger-on-plus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 76%); --op-color-alerts-danger-on-plus-five-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%); --op-color-alerts-danger-on-plus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 80%); --op-color-alerts-danger-on-plus-four-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 72%); --op-color-alerts-danger-on-plus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-on-plus-three-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 76%); --op-color-alerts-danger-on-plus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-on-plus-two-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 76%); --op-color-alerts-danger-on-plus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%); --op-color-alerts-danger-on-plus-one-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%); --op-color-alerts-danger-on-base: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%); --op-color-alerts-danger-on-base-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%); --op-color-alerts-danger-on-minus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%); --op-color-alerts-danger-on-minus-one-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-on-minus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%); --op-color-alerts-danger-on-minus-two-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 93%); --op-color-alerts-danger-on-minus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 6%); --op-color-alerts-danger-on-minus-three-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 2%); --op-color-alerts-danger-on-minus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%); --op-color-alerts-danger-on-minus-four-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 10%); --op-color-alerts-danger-on-minus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 2%); --op-color-alerts-danger-on-minus-five-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 10%); --op-color-alerts-danger-on-minus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%); --op-color-alerts-danger-on-minus-six-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 22%); --op-color-alerts-danger-on-minus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%); --op-color-alerts-danger-on-minus-seven-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%); --op-color-alerts-danger-on-minus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%); --op-color-alerts-danger-on-minus-eight-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%); --op-color-alerts-danger-on-minus-max: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%); --op-color-alerts-danger-on-minus-max-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%); /** * @tokens Alerts Info Dark Colors * @presenter Color */ --op-color-alerts-info-plus-max: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%); --op-color-alerts-info-plus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%); --op-color-alerts-info-plus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%); --op-color-alerts-info-plus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 12%); --op-color-alerts-info-plus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 14%); --op-color-alerts-info-plus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%); --op-color-alerts-info-plus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%); --op-color-alerts-info-plus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%); --op-color-alerts-info-plus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%); --op-color-alerts-info-base: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%); --op-color-alerts-info-minus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%); --op-color-alerts-info-minus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%); --op-color-alerts-info-minus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 48%); --op-color-alerts-info-minus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 52%); --op-color-alerts-info-minus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 64%); --op-color-alerts-info-minus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 72%); --op-color-alerts-info-minus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%); --op-color-alerts-info-minus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-minus-max: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%); --op-color-alerts-info-on-plus-max: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%); --op-color-alerts-info-on-plus-max-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-on-plus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-on-plus-eight-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%); --op-color-alerts-info-on-plus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%); --op-color-alerts-info-on-plus-seven-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 70%); --op-color-alerts-info-on-plus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%); --op-color-alerts-info-on-plus-six-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 62%); --op-color-alerts-info-on-plus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 76%); --op-color-alerts-info-on-plus-five-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 62%); --op-color-alerts-info-on-plus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%); --op-color-alerts-info-on-plus-four-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 66%); --op-color-alerts-info-on-plus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-on-plus-three-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 72%); --op-color-alerts-info-on-plus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-on-plus-two-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 74%); --op-color-alerts-info-on-plus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%); --op-color-alerts-info-on-plus-one-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%); --op-color-alerts-info-on-base: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%); --op-color-alerts-info-on-base-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%); --op-color-alerts-info-on-minus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%); --op-color-alerts-info-on-minus-one-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%); --op-color-alerts-info-on-minus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%); --op-color-alerts-info-on-minus-two-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 86%); --op-color-alerts-info-on-minus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%); --op-color-alerts-info-on-minus-three-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%); --op-color-alerts-info-on-minus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 2%); --op-color-alerts-info-on-minus-four-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 2%); --op-color-alerts-info-on-minus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%); --op-color-alerts-info-on-minus-five-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%); --op-color-alerts-info-on-minus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%); --op-color-alerts-info-on-minus-six-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%); --op-color-alerts-info-on-minus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%); --op-color-alerts-info-on-minus-seven-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%); --op-color-alerts-info-on-minus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%); --op-color-alerts-info-on-minus-eight-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 34%); --op-color-alerts-info-on-minus-max: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%); --op-color-alerts-info-on-minus-max-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%); /** * @tokens Alerts Notice Dark Colors * @presenter Color */ --op-color-alerts-notice-plus-max: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%); --op-color-alerts-notice-plus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%); --op-color-alerts-notice-plus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%); --op-color-alerts-notice-plus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 12%); --op-color-alerts-notice-plus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 14%); --op-color-alerts-notice-plus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%); --op-color-alerts-notice-plus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%); --op-color-alerts-notice-plus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%); --op-color-alerts-notice-plus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%); --op-color-alerts-notice-base: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 32%); --op-color-alerts-notice-minus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 36%); --op-color-alerts-notice-minus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 40%); --op-color-alerts-notice-minus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 48%); --op-color-alerts-notice-minus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 52%); --op-color-alerts-notice-minus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 64%); --op-color-alerts-notice-minus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 72%); --op-color-alerts-notice-minus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 80%); --op-color-alerts-notice-minus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%); --op-color-alerts-notice-minus-max: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%); --op-color-alerts-notice-on-plus-max: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%); --op-color-alerts-notice-on-plus-max-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%); --op-color-alerts-notice-on-plus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%); --op-color-alerts-notice-on-plus-eight-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 82%); --op-color-alerts-notice-on-plus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 90%); --op-color-alerts-notice-on-plus-seven-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 80%); --op-color-alerts-notice-on-plus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 92%); --op-color-alerts-notice-on-plus-six-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 72%); --op-color-alerts-notice-on-plus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 92%); --op-color-alerts-notice-on-plus-five-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 72%); --op-color-alerts-notice-on-plus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%); --op-color-alerts-notice-on-plus-four-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 80%); --op-color-alerts-notice-on-plus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%); --op-color-alerts-notice-on-plus-three-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 78%); --op-color-alerts-notice-on-plus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%); --op-color-alerts-notice-on-plus-two-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%); --op-color-alerts-notice-on-plus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%); --op-color-alerts-notice-on-plus-one-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%); --op-color-alerts-notice-on-base: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 99%); --op-color-alerts-notice-on-base-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%); --op-color-alerts-notice-on-minus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-one-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 7%); --op-color-alerts-notice-on-minus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-two-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 10%); --op-color-alerts-notice-on-minus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-three-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 18%); --op-color-alerts-notice-on-minus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-four-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%); --op-color-alerts-notice-on-minus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 6%); --op-color-alerts-notice-on-minus-five-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%); --op-color-alerts-notice-on-minus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-six-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%); --op-color-alerts-notice-on-minus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-seven-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%); --op-color-alerts-notice-on-minus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-eight-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%); --op-color-alerts-notice-on-minus-max: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%); --op-color-alerts-notice-on-minus-max-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%); /** * @tokens Dark Shadows * @presenter Shadow */ --op-shadow-x-small: 0 1px 3px hsl(0deg 0% 0% / 15%), 0 1px 2px hsl(0deg 0% 0% / 30%); --op-shadow-small: 0 2px 6px hsl(0deg 0% 0% / 15%), 0 1px 2px hsl(0deg 0% 0% / 30%); --op-shadow-medium: 0 4px 8px hsl(0deg 0% 0% / 15%), 0 1px 3px hsl(0deg 0% 0% / 30%); --op-shadow-large: 0 6px 10px hsl(0deg 0% 0% / 15%), 0 2px 3px hsl(0deg 0% 0% / 30%); --op-shadow-x-large: 0 8px 12px hsl(0deg 0% 0% / 15%), 0 4px 4px hsl(0deg 0% 0% / 30%); } } :root[data-theme-mode=dark] { /** * @tokens Primary Dark Colors * @presenter Color */ --op-color-primary-plus-max: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 12%); --op-color-primary-plus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 14%); --op-color-primary-plus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%); --op-color-primary-plus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%); --op-color-primary-plus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%); --op-color-primary-plus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%); --op-color-primary-plus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 29%); --op-color-primary-plus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 32%); --op-color-primary-plus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 35%); --op-color-primary-base: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%); --op-color-primary-minus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%); --op-color-primary-minus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 45%); --op-color-primary-minus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 48%); --op-color-primary-minus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 52%); --op-color-primary-minus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%); --op-color-primary-minus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%); --op-color-primary-minus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%); --op-color-primary-minus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%); --op-color-primary-minus-max: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%); --op-color-primary-on-plus-max: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%); --op-color-primary-on-plus-max-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%); --op-color-primary-on-plus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%); --op-color-primary-on-plus-eight-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 70%); --op-color-primary-on-plus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%); --op-color-primary-on-plus-seven-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%); --op-color-primary-on-plus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%); --op-color-primary-on-plus-six-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%); --op-color-primary-on-plus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%); --op-color-primary-on-plus-five-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%); --op-color-primary-on-plus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%); --op-color-primary-on-plus-four-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%); --op-color-primary-on-plus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%); --op-color-primary-on-plus-three-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-on-plus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%); --op-color-primary-on-plus-two-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%); --op-color-primary-on-plus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%); --op-color-primary-on-plus-one-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-on-base: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%); --op-color-primary-on-base-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%); --op-color-primary-on-minus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-on-minus-one-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%); --op-color-primary-on-minus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-on-minus-two-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%); --op-color-primary-on-minus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-on-minus-three-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%); --op-color-primary-on-minus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%); --op-color-primary-on-minus-four-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%); --op-color-primary-on-minus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%); --op-color-primary-on-minus-five-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%); --op-color-primary-on-minus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%); --op-color-primary-on-minus-six-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%); --op-color-primary-on-minus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%); --op-color-primary-on-minus-seven-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 34%); --op-color-primary-on-minus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%); --op-color-primary-on-minus-eight-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%); --op-color-primary-on-minus-max: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%); --op-color-primary-on-minus-max-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%); /** * @tokens Neutral Dark Colors * @presenter Color */ --op-color-neutral-plus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%); --op-color-neutral-plus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 10%); --op-color-neutral-plus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 14%); --op-color-neutral-plus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%); --op-color-neutral-plus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 18%); --op-color-neutral-plus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%); --op-color-neutral-plus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%); --op-color-neutral-plus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 26%); --op-color-neutral-plus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 30%); --op-color-neutral-base: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%); --op-color-neutral-minus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%); --op-color-neutral-minus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%); --op-color-neutral-minus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 44%); --op-color-neutral-minus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 52%); --op-color-neutral-minus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 64%); --op-color-neutral-minus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%); --op-color-neutral-minus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%); --op-color-neutral-minus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%); --op-color-neutral-minus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%); --op-color-neutral-on-plus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%); --op-color-neutral-on-plus-max-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 54%); --op-color-neutral-on-plus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%); --op-color-neutral-on-plus-eight-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 54%); --op-color-neutral-on-plus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%); --op-color-neutral-on-plus-seven-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 58%); --op-color-neutral-on-plus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%); --op-color-neutral-on-plus-six-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 58%); --op-color-neutral-on-plus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%); --op-color-neutral-on-plus-five-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%); --op-color-neutral-on-plus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%); --op-color-neutral-on-plus-four-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%); --op-color-neutral-on-plus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%); --op-color-neutral-on-plus-three-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 68%); --op-color-neutral-on-plus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%); --op-color-neutral-on-plus-two-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%); --op-color-neutral-on-plus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%); --op-color-neutral-on-plus-one-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 75%); --op-color-neutral-on-base: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%); --op-color-neutral-on-base-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 78%); --op-color-neutral-on-minus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%); --op-color-neutral-on-minus-one-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%); --op-color-neutral-on-minus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%); --op-color-neutral-on-minus-two-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%); --op-color-neutral-on-minus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 99%); --op-color-neutral-on-minus-three-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 95%); --op-color-neutral-on-minus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 11%); --op-color-neutral-on-minus-four-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 2%); --op-color-neutral-on-minus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%); --op-color-neutral-on-minus-five-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 2%); --op-color-neutral-on-minus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%); --op-color-neutral-on-minus-six-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 26%); --op-color-neutral-on-minus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%); --op-color-neutral-on-minus-seven-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%); --op-color-neutral-on-minus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%); --op-color-neutral-on-minus-eight-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%); --op-color-neutral-on-minus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%); --op-color-neutral-on-minus-max-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 48%); /** * @tokens Alerts Warning Dark Colors * @presenter Color */ --op-color-alerts-warning-plus-max: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%); --op-color-alerts-warning-plus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%); --op-color-alerts-warning-plus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%); --op-color-alerts-warning-plus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%); --op-color-alerts-warning-plus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%); --op-color-alerts-warning-plus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%); --op-color-alerts-warning-plus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%); --op-color-alerts-warning-plus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%); --op-color-alerts-warning-plus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 28%); --op-color-alerts-warning-base: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 32%); --op-color-alerts-warning-minus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 36%); --op-color-alerts-warning-minus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 40%); --op-color-alerts-warning-minus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 48%); --op-color-alerts-warning-minus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 52%); --op-color-alerts-warning-minus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 64%); --op-color-alerts-warning-minus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%); --op-color-alerts-warning-minus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%); --op-color-alerts-warning-minus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%); --op-color-alerts-warning-minus-max: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%); --op-color-alerts-warning-on-plus-max: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%); --op-color-alerts-warning-on-plus-max-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 42%); --op-color-alerts-warning-on-plus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%); --op-color-alerts-warning-on-plus-eight-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70% ); --op-color-alerts-warning-on-plus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%); --op-color-alerts-warning-on-plus-seven-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 60% ); --op-color-alerts-warning-on-plus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%); --op-color-alerts-warning-on-plus-six-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%); --op-color-alerts-warning-on-plus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%); --op-color-alerts-warning-on-plus-five-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50% ); --op-color-alerts-warning-on-plus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%); --op-color-alerts-warning-on-plus-four-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 60% ); --op-color-alerts-warning-on-plus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%); --op-color-alerts-warning-on-plus-three-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70% ); --op-color-alerts-warning-on-plus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%); --op-color-alerts-warning-on-plus-two-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%); --op-color-alerts-warning-on-plus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%); --op-color-alerts-warning-on-plus-one-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%); --op-color-alerts-warning-on-base: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%); --op-color-alerts-warning-on-base-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 6%); --op-color-alerts-warning-on-minus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%); --op-color-alerts-warning-on-minus-one-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70% ); --op-color-alerts-warning-on-minus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%); --op-color-alerts-warning-on-minus-two-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14% ); --op-color-alerts-warning-on-minus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%); --op-color-alerts-warning-on-minus-three-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20% ); --op-color-alerts-warning-on-minus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%); --op-color-alerts-warning-on-minus-four-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20% ); --op-color-alerts-warning-on-minus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%); --op-color-alerts-warning-on-minus-five-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 21% ); --op-color-alerts-warning-on-minus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%); --op-color-alerts-warning-on-minus-six-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 22% ); --op-color-alerts-warning-on-minus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%); --op-color-alerts-warning-on-minus-seven-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24% ); --op-color-alerts-warning-on-minus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%); --op-color-alerts-warning-on-minus-eight-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26% ); --op-color-alerts-warning-on-minus-max: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%); --op-color-alerts-warning-on-minus-max-alt: hsl( var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24% ); /** * @tokens Alerts Danger Dark Colors * @presenter Color */ --op-color-alerts-danger-plus-max: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%); --op-color-alerts-danger-plus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%); --op-color-alerts-danger-plus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%); --op-color-alerts-danger-plus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 12%); --op-color-alerts-danger-plus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 14%); --op-color-alerts-danger-plus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%); --op-color-alerts-danger-plus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%); --op-color-alerts-danger-plus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%); --op-color-alerts-danger-plus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%); --op-color-alerts-danger-base: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 32%); --op-color-alerts-danger-minus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%); --op-color-alerts-danger-minus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 40%); --op-color-alerts-danger-minus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 48%); --op-color-alerts-danger-minus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 52%); --op-color-alerts-danger-minus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 64%); --op-color-alerts-danger-minus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 72%); --op-color-alerts-danger-minus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 80%); --op-color-alerts-danger-minus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-minus-max: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%); --op-color-alerts-danger-on-plus-max: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%); --op-color-alerts-danger-on-plus-max-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-on-plus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-on-plus-eight-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 78%); --op-color-alerts-danger-on-plus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 80%); --op-color-alerts-danger-on-plus-seven-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%); --op-color-alerts-danger-on-plus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 78%); --op-color-alerts-danger-on-plus-six-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 68%); --op-color-alerts-danger-on-plus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 76%); --op-color-alerts-danger-on-plus-five-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%); --op-color-alerts-danger-on-plus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 80%); --op-color-alerts-danger-on-plus-four-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 72%); --op-color-alerts-danger-on-plus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-on-plus-three-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 76%); --op-color-alerts-danger-on-plus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-on-plus-two-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 76%); --op-color-alerts-danger-on-plus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%); --op-color-alerts-danger-on-plus-one-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%); --op-color-alerts-danger-on-base: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%); --op-color-alerts-danger-on-base-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%); --op-color-alerts-danger-on-minus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%); --op-color-alerts-danger-on-minus-one-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-on-minus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%); --op-color-alerts-danger-on-minus-two-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 93%); --op-color-alerts-danger-on-minus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 6%); --op-color-alerts-danger-on-minus-three-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 2%); --op-color-alerts-danger-on-minus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%); --op-color-alerts-danger-on-minus-four-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 10%); --op-color-alerts-danger-on-minus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 2%); --op-color-alerts-danger-on-minus-five-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 10%); --op-color-alerts-danger-on-minus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%); --op-color-alerts-danger-on-minus-six-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 22%); --op-color-alerts-danger-on-minus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%); --op-color-alerts-danger-on-minus-seven-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%); --op-color-alerts-danger-on-minus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%); --op-color-alerts-danger-on-minus-eight-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%); --op-color-alerts-danger-on-minus-max: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%); --op-color-alerts-danger-on-minus-max-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%); /** * @tokens Alerts Info Dark Colors * @presenter Color */ --op-color-alerts-info-plus-max: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%); --op-color-alerts-info-plus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%); --op-color-alerts-info-plus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%); --op-color-alerts-info-plus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 12%); --op-color-alerts-info-plus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 14%); --op-color-alerts-info-plus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%); --op-color-alerts-info-plus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%); --op-color-alerts-info-plus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%); --op-color-alerts-info-plus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%); --op-color-alerts-info-base: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%); --op-color-alerts-info-minus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%); --op-color-alerts-info-minus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%); --op-color-alerts-info-minus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 48%); --op-color-alerts-info-minus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 52%); --op-color-alerts-info-minus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 64%); --op-color-alerts-info-minus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 72%); --op-color-alerts-info-minus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%); --op-color-alerts-info-minus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-minus-max: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%); --op-color-alerts-info-on-plus-max: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%); --op-color-alerts-info-on-plus-max-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-on-plus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-on-plus-eight-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%); --op-color-alerts-info-on-plus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%); --op-color-alerts-info-on-plus-seven-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 70%); --op-color-alerts-info-on-plus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%); --op-color-alerts-info-on-plus-six-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 62%); --op-color-alerts-info-on-plus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 76%); --op-color-alerts-info-on-plus-five-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 62%); --op-color-alerts-info-on-plus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%); --op-color-alerts-info-on-plus-four-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 66%); --op-color-alerts-info-on-plus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-on-plus-three-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 72%); --op-color-alerts-info-on-plus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-on-plus-two-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 74%); --op-color-alerts-info-on-plus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%); --op-color-alerts-info-on-plus-one-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%); --op-color-alerts-info-on-base: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%); --op-color-alerts-info-on-base-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%); --op-color-alerts-info-on-minus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%); --op-color-alerts-info-on-minus-one-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%); --op-color-alerts-info-on-minus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%); --op-color-alerts-info-on-minus-two-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 86%); --op-color-alerts-info-on-minus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%); --op-color-alerts-info-on-minus-three-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%); --op-color-alerts-info-on-minus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 2%); --op-color-alerts-info-on-minus-four-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 2%); --op-color-alerts-info-on-minus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%); --op-color-alerts-info-on-minus-five-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%); --op-color-alerts-info-on-minus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%); --op-color-alerts-info-on-minus-six-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%); --op-color-alerts-info-on-minus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%); --op-color-alerts-info-on-minus-seven-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%); --op-color-alerts-info-on-minus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%); --op-color-alerts-info-on-minus-eight-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 34%); --op-color-alerts-info-on-minus-max: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%); --op-color-alerts-info-on-minus-max-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%); /** * @tokens Alerts Notice Dark Colors * @presenter Color */ --op-color-alerts-notice-plus-max: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%); --op-color-alerts-notice-plus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%); --op-color-alerts-notice-plus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%); --op-color-alerts-notice-plus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 12%); --op-color-alerts-notice-plus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 14%); --op-color-alerts-notice-plus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%); --op-color-alerts-notice-plus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%); --op-color-alerts-notice-plus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%); --op-color-alerts-notice-plus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%); --op-color-alerts-notice-base: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 32%); --op-color-alerts-notice-minus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 36%); --op-color-alerts-notice-minus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 40%); --op-color-alerts-notice-minus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 48%); --op-color-alerts-notice-minus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 52%); --op-color-alerts-notice-minus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 64%); --op-color-alerts-notice-minus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 72%); --op-color-alerts-notice-minus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 80%); --op-color-alerts-notice-minus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%); --op-color-alerts-notice-minus-max: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%); --op-color-alerts-notice-on-plus-max: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%); --op-color-alerts-notice-on-plus-max-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%); --op-color-alerts-notice-on-plus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%); --op-color-alerts-notice-on-plus-eight-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 82%); --op-color-alerts-notice-on-plus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 90%); --op-color-alerts-notice-on-plus-seven-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 80%); --op-color-alerts-notice-on-plus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 92%); --op-color-alerts-notice-on-plus-six-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 72%); --op-color-alerts-notice-on-plus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 92%); --op-color-alerts-notice-on-plus-five-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 72%); --op-color-alerts-notice-on-plus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%); --op-color-alerts-notice-on-plus-four-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 80%); --op-color-alerts-notice-on-plus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%); --op-color-alerts-notice-on-plus-three-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 78%); --op-color-alerts-notice-on-plus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%); --op-color-alerts-notice-on-plus-two-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%); --op-color-alerts-notice-on-plus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%); --op-color-alerts-notice-on-plus-one-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%); --op-color-alerts-notice-on-base: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 99%); --op-color-alerts-notice-on-base-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%); --op-color-alerts-notice-on-minus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-one-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 7%); --op-color-alerts-notice-on-minus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-two-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 10%); --op-color-alerts-notice-on-minus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-three-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 18%); --op-color-alerts-notice-on-minus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-four-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%); --op-color-alerts-notice-on-minus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 6%); --op-color-alerts-notice-on-minus-five-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%); --op-color-alerts-notice-on-minus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-six-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%); --op-color-alerts-notice-on-minus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-seven-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%); --op-color-alerts-notice-on-minus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%); --op-color-alerts-notice-on-minus-eight-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%); --op-color-alerts-notice-on-minus-max: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%); --op-color-alerts-notice-on-minus-max-alt: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%); /** * @tokens Dark Shadows * @presenter Shadow */ --op-shadow-x-small: 0 1px 3px hsl(0deg 0% 0% / 15%), 0 1px 2px hsl(0deg 0% 0% / 30%); --op-shadow-small: 0 2px 6px hsl(0deg 0% 0% / 15%), 0 1px 2px hsl(0deg 0% 0% / 30%); --op-shadow-medium: 0 4px 8px hsl(0deg 0% 0% / 15%), 0 1px 3px hsl(0deg 0% 0% / 30%); --op-shadow-large: 0 6px 10px hsl(0deg 0% 0% / 15%), 0 2px 3px hsl(0deg 0% 0% / 30%); --op-shadow-x-large: 0 8px 12px hsl(0deg 0% 0% / 15%), 0 4px 4px hsl(0deg 0% 0% / 30%); } html { overflow: hidden; font-family: var(--op-font-family); font-size: 62.5%; } body { overflow: auto; height: 100vh; background: var(--op-color-background); color: var(--op-color-on-background); font-size: var(--op-font-medium); } button { background: none; cursor: pointer; } button, input[type=submit] { border: 0; } label { display: inline-block; } label:hover { cursor: pointer; } a { color: var(--op-color-primary-original); } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, pre { margin: 0; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: var(--op-space-small); font-weight: var(--op-font-weight-normal); } h1 { font-size: var(--op-font-3x-large); } h2 { font-size: var(--op-font-2x-large); } h3 { font-size: var(--op-font-large); } h4 { font-size: var(--op-font-medium); } h5 { font-size: var(--op-font-small); } h6 { font-size: var(--op-font-x-small); } p { margin-bottom: var(--op-space-small); font-size: var(--op-font-medium); } small { font-size: var(--op-font-small); } .app-with-sidebar { display: grid; width: 100%; height: 100vh; grid-template-columns: auto 1fr auto; } .app-body { display: flex; overflow: auto; flex-direction: column; } .app__header { position: sticky; z-index: var(--op-z-index-header); top: 0; flex-grow: 0; flex-shrink: 0; } .app__content { width: 100%; max-width: 1024px; flex-grow: 1; padding: 0 var(--op-space-large); margin: 0 auto; } .app__footer { position: sticky; z-index: var(--op-z-index-footer); bottom: 0; flex-grow: 0; flex-shrink: 0; } .container { width: 100%; max-width: 1024px; padding: 0 var(--op-space-large); margin: 0 auto; } .container--sm { max-width: 768px; } .container--md-padding { padding: 0 var(--op-space-medium); } .container--sm-padding { padding: 0 var(--op-space-small); } .container--xs { max-width: 512px; } .full-width { width: 100%; } .half-width, .invoice-address, .invoice-logo { width: 50%; } .four-fifths-width { width: 80%; } .three-fifths-width { width: 60%; } .two-fifths-width { width: 40%; } .one-fifth-width { width: 20%; } .three-quarters-width { width: 75%; } .one-quarter-width { width: 25%; } .two-thirds-width { width: 66.6666666667%; } .one-third-width, .invoice-detail { width: 33.3333333333%; } .flex { display: flex; } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .flex-no-wrap { flex-wrap: nowrap; } .flex-grow-1 { flex-grow: 1; } .gap-xxs { gap: var(--op-space-2x-small); --op-gap: var(--op-space-2x-small); } .gap-xs { gap: var(--op-space-x-small); --op-gap: var(--op-space-x-small); } .gap-sm { gap: var(--op-space-small); --op-gap: var(--op-space-small); } .gap-md { gap: var(--op-space-medium); --op-gap: var(--op-space-medium); } .gap-lg { gap: var(--op-space-large); --op-gap: var(--op-space-large); } .gap-xl { gap: var(--op-space-x-large); --op-gap: var(--op-space-x-large); } .justify-start { justify-content: flex-start; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .items-stretch { align-items: stretch; } .items-start { align-items: flex-start; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-baseline { align-items: baseline; } .self-auto { align-self: auto; } .self-start { align-self: flex-start; } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-stretch { align-self: stretch; } .self-baseline { align-self: baseline; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .margin-xl { margin: var(--op-space-x-large); } .margin-lg { margin: var(--op-space-large); } .margin-md { margin: var(--op-space-medium); } .margin-sm { margin: var(--op-space-small); } .margin-xs { margin: var(--op-space-x-small); } .margin-none { margin: 0; } .margin-auto { margin: auto; } .margin-y-xl { margin-top: var(--op-space-x-large); margin-bottom: var(--op-space-x-large); } .margin-y-lg { margin-top: var(--op-space-large); margin-bottom: var(--op-space-large); } .margin-y-md { margin-top: var(--op-space-medium); margin-bottom: var(--op-space-medium); } .margin-y-sm { margin-top: var(--op-space-small); margin-bottom: var(--op-space-small); } .margin-y-xs { margin-top: var(--op-space-x-small); margin-bottom: var(--op-space-x-small); } .margin-y-none { margin-top: 0; margin-bottom: 0; } .margin-x-xl { margin-right: var(--op-space-x-large); margin-left: var(--op-space-x-large); } .margin-x-lg { margin-right: var(--op-space-large); margin-left: var(--op-space-large); } .margin-x-md { margin-right: var(--op-space-medium); margin-left: var(--op-space-medium); } .margin-x-sm { margin-right: var(--op-space-small); margin-left: var(--op-space-small); } .margin-x-xs { margin-right: var(--op-space-x-small); margin-left: var(--op-space-x-small); } .margin-x-none { margin-right: 0; margin-left: 0; } .margin-top-xl { margin-top: var(--op-space-x-large); } .margin-top-lg { margin-top: var(--op-space-large); } .margin-top-md { margin-top: var(--op-space-medium); } .margin-top-sm { margin-top: var(--op-space-small); } .margin-top-xs { margin-top: var(--op-space-x-small); } .margin-top-none { margin-top: 0; } .margin-bottom-xl { margin-bottom: var(--op-space-x-large); } .margin-bottom-lg { margin-bottom: var(--op-space-large); } .margin-bottom-md { margin-bottom: var(--op-space-medium); } .margin-bottom-sm { margin-bottom: var(--op-space-small); } .margin-bottom-xs { margin-bottom: var(--op-space-x-small); } .margin-bottom-none { margin-bottom: 0; } .margin-right-xl { margin-right: var(--op-space-x-large); } .margin-right-lg { margin-right: var(--op-space-large); } .margin-right-md { margin-right: var(--op-space-medium); } .margin-right-sm { margin-right: var(--op-space-small); } .margin-right-xs { margin-right: var(--op-space-x-small); } .margin-right-none { margin-left: 0; } .margin-left-xl { margin-left: var(--op-space-x-large); } .margin-left-lg { margin-left: var(--op-space-large); } .margin-left-md { margin-left: var(--op-space-medium); } .margin-left-sm { margin-left: var(--op-space-small); } .margin-left-xs { margin-left: var(--op-space-x-small); } .margin-left-none { margin-left: 0; } .layout-row > * { flex: 1; } @media screen and (max-width: 768px) { .layout-row:not(.flex-wrap) { flex-direction: column; } } .flexible-layout-area { display: flex; flex-wrap: wrap; } .flexible-layout-area > * { flex: 1; } .flexible-layout-area > *.four-fifths-width { flex-basis: calc(80% - var(--op-gap)); } .flexible-layout-area > *.three-fifths-width { flex-basis: calc(60% - var(--op-gap)); } .flexible-layout-area > *.two-fifths-width { flex-basis: calc(40% - var(--op-gap)); } .flexible-layout-area > *.one-fifth-width { flex-basis: calc(20% - var(--op-gap)); } .flexible-layout-area > *.three-quarters-width { flex-basis: calc(75% - var(--op-gap)); } .flexible-layout-area > *.one-quarter-width { flex-basis: calc(25% - var(--op-gap)); } .flexible-layout-area > *.two-thirds-width { flex-basis: calc(66.6666666667% - var(--op-gap)); } .flexible-layout-area > *.one-third-width, .flexible-layout-area > .invoice-detail { flex-basis: calc(33.3333333333% - var(--op-gap)); } .flexible-layout-area > *.full-width { flex-basis: calc(100% - var(--op-gap)); } .flexible-layout-area > *.half-width, .flexible-layout-area > .invoice-address, .flexible-layout-area > .invoice-logo { flex-basis: calc(50% - var(--op-gap)); } @media screen and (max-width: 768px) { .flexible-layout-area:not(.flex-no-wrap) { flex-direction: column; } .flexible-layout-area:not(.flex-no-wrap) > * { width: 100%; flex-basis: 100%; } } .alert-notice, .alert-info, .alert-danger, .alert-warning { display: flex; align-items: flex-start; padding: var(--op-space-x-small) var(--op-space-medium); border-radius: var(--op-radius-medium); gap: var(--op-space-small); } .alert-notice .alert__icon, .alert-info .alert__icon, .alert-danger .alert__icon, .alert-warning .alert__icon { /* stylelint-disable scss/at-extend-no-missing-placeholder */ /* stylelint-enable scss/at-extend-no-missing-placeholder */ line-height: var(--op-line-height-dense); } .alert-notice .alert__messages, .alert-info .alert__messages, .alert-danger .alert__messages, .alert-warning .alert__messages { display: flex; flex: 1; flex-direction: column; gap: var(--op-space-2x-small); } .alert-notice .alert__title, .alert-info .alert__title, .alert-danger .alert__title, .alert-warning .alert__title { font-size: var(--op-font-medium); font-weight: var(--op-font-weight-medium); } .alert-notice .alert__description, .alert-info .alert__description, .alert-danger .alert__description, .alert-warning .alert__description { font-size: var(--op-font-small); } .alert-warning { background-color: var(--op-color-alerts-warning-base); color: var(--op-color-alerts-warning-on-base); } .alert-warning .alert__title { color: var(--op-color-alerts-warning-on-plus-one); } .alert-warning.alert--muted { background-color: var(--op-color-alerts-warning-plus-five); color: var(--op-color-alerts-warning-on-plus-five); } .alert-warning.alert--muted .alert__title { color: var(--op-color-alerts-warning-on-plus-six); } .alert-warning.alert--outlined { background-color: var(--op-color-alerts-warning-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-warning-base); color: var(--op-color-alerts-warning-on-plus-five); } .alert-warning.alert--outlined .alert__title { color: var(--op-color-alerts-warning-on-plus-four); } .alert-danger { background-color: var(--op-color-alerts-danger-base); color: var(--op-color-alerts-danger-on-base); /* stylelint-disable no-descending-specificity */ /* stylelint-enable no-descending-specificity */ } .alert-danger .alert__title { color: var(--op-color-alerts-danger-on-plus-one); } .alert-danger.alert--muted { background-color: var(--op-color-alerts-danger-plus-five); color: var(--op-color-alerts-danger-on-plus-five); } .alert-danger.alert--muted .alert__title { color: var(--op-color-alerts-danger-on-plus-six); } .alert-danger.alert--outlined { background-color: var(--op-color-alerts-danger-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-base); color: var(--op-color-alerts-danger-on-plus-five); } .alert-danger.alert--outlined .alert__title { color: var(--op-color-alerts-danger-on-plus-four); } .alert-info { background-color: var(--op-color-alerts-info-base); color: var(--op-color-alerts-info-on-base); /* stylelint-disable no-descending-specificity */ /* stylelint-enable no-descending-specificity */ } .alert-info .alert__title { color: var(--op-color-alerts-info-on-plus-one); } .alert-info.alert--muted { background-color: var(--op-color-alerts-info-plus-five); color: var(--op-color-alerts-info-on-plus-five); } .alert-info.alert--muted .alert__title { color: var(--op-color-alerts-info-on-plus-six); } .alert-info.alert--outlined { background-color: var(--op-color-alerts-info-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-info-base); color: var(--op-color-alerts-info-on-plus-five); } .alert-info.alert--outlined .alert__title { color: var(--op-color-alerts-info-on-plus-four); } .alert-notice { background-color: var(--op-color-alerts-notice-base); color: var(--op-color-alerts-notice-on-base); /* stylelint-disable no-descending-specificity */ /* stylelint-enable no-descending-specificity */ } .alert-notice .alert__title { color: var(--op-color-alerts-notice-on-plus-one); } .alert-notice.alert--muted { background-color: var(--op-color-alerts-notice-plus-five); color: var(--op-color-alerts-notice-on-plus-five); } .alert-notice.alert--muted .alert__title { color: var(--op-color-alerts-notice-on-plus-six); } .alert-notice.alert--outlined { background-color: var(--op-color-alerts-notice-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-notice-base); color: var(--op-color-alerts-notice-on-plus-five); } .alert-notice.alert--outlined .alert__title { color: var(--op-color-alerts-notice-on-plus-four); } .badge-notice, .badge-info, .badge-danger, .badge-warning, .badge-primary, .badge { display: inline-flex; align-items: center; justify-content: center; padding: var(--op-space-2x-small) var(--op-space-x-small); border-radius: var(--op-radius-medium); background-color: var(--op-color-neutral-base); color: var(--op-color-neutral-on-base); cursor: inherit; font-size: var(--op-font-x-small); font-weight: var(--op-font-weight-semi-bold); gap: var(--op-space-3x-small); letter-spacing: var(--op-letter-spacing-label); line-height: var(--op-line-height-densest); user-select: none; white-space: nowrap; } .badge--pill.badge-notice, .badge--pill.badge-info, .badge--pill.badge-danger, .badge--pill.badge-warning, .badge--pill.badge-primary, .badge--pill.badge { border-radius: var(--op-radius-pill); } .badge--notification-right.badge-notice, .badge--notification-right.badge-info, .badge--notification-right.badge-danger, .badge--notification-right.badge-warning, .badge--notification-right.badge-primary, .badge--notification-right.badge { position: absolute; top: 0; pointer-events: none; right: 0; transform: translateY(-50%) translateX(50%); } .badge--notification-left.badge-notice, .badge--notification-left.badge-info, .badge--notification-left.badge-danger, .badge--notification-left.badge-warning, .badge--notification-left.badge-primary, .badge--notification-left.badge { position: absolute; top: 0; pointer-events: none; left: 0; transform: translateY(-50%) translateX(-50%); } .badge-primary { background-color: var(--op-color-primary-base); color: var(--op-color-primary-on-base); } .badge-warning { background-color: var(--op-color-alerts-warning-base); color: var(--op-color-alerts-warning-on-base); } .badge-danger { background-color: var(--op-color-alerts-danger-base); color: var(--op-color-alerts-danger-on-base); } .badge-info { background-color: var(--op-color-alerts-info-base); color: var(--op-color-alerts-info-on-base); } .badge-notice { background-color: var(--op-color-alerts-notice-base); color: var(--op-color-alerts-notice-on-base); } .btn--outline.btn-warning:focus, .btn--outline.btn-delete:focus, .btn--outline.btn-secondary:focus, .btn--outline.btn-primary:focus, .btn--outline.btn:focus, .btn--outline.btn--on-call:focus, .btn--outline.btn-warning:focus-within, .btn--outline.btn-delete:focus-within, .btn--outline.btn-secondary:focus-within, .btn--outline.btn-primary:focus-within, .btn--outline.btn:focus-within, .btn--outline.btn--on-call:focus-within, .btn--outline.btn-warning:focus-visible, .btn--outline.btn-delete:focus-visible, .btn--outline.btn-secondary:focus-visible, .btn--outline.btn-primary:focus-visible, .btn--outline.btn:focus-visible, .btn--outline.btn--on-call:focus-visible, .btn--no-border.btn-warning:focus, .modal__close.btn-warning:focus, .btn--no-border.btn-delete:focus, .btn-delete.modal__close:focus, .btn--no-border.btn-secondary:focus, .btn-secondary.modal__close:focus, .btn--no-border.btn-primary:focus, .btn-primary.modal__close:focus, .btn--no-border.btn:focus, .btn--no-border.btn--on-call:focus, .btn.modal__close:focus, .modal__close.btn--on-call:focus, .btn--no-border.btn-warning:focus-within, .modal__close.btn-warning:focus-within, .btn--no-border.btn-delete:focus-within, .btn-delete.modal__close:focus-within, .btn--no-border.btn-secondary:focus-within, .btn-secondary.modal__close:focus-within, .btn--no-border.btn-primary:focus-within, .btn-primary.modal__close:focus-within, .btn--no-border.btn:focus-within, .btn--no-border.btn--on-call:focus-within, .btn.modal__close:focus-within, .modal__close.btn--on-call:focus-within, .btn--no-border.btn-warning:focus-visible, .modal__close.btn-warning:focus-visible, .btn--no-border.btn-delete:focus-visible, .btn-delete.modal__close:focus-visible, .btn--no-border.btn-secondary:focus-visible, .btn-secondary.modal__close:focus-visible, .btn--no-border.btn-primary:focus-visible, .btn-primary.modal__close:focus-visible, .btn--no-border.btn:focus-visible, .btn--no-border.btn--on-call:focus-visible, .btn.modal__close:focus-visible, .modal__close.btn--on-call:focus-visible, .btn-warning:focus, .btn-delete:focus, .btn-secondary:focus, .btn-primary:focus, .btn:focus, .btn--on-call:focus, .btn-warning:focus-within, .btn-delete:focus-within, .btn-secondary:focus-within, .btn-primary:focus-within, .btn:focus-within, .btn--on-call:focus-within, .btn-warning:focus-visible, .btn-delete:focus-visible, .btn-secondary:focus-visible, .btn-primary:focus-visible, .btn:focus-visible, .btn--on-call:focus-visible { box-shadow: var(--op-input-focus); outline: none; } .btn-warning, .btn-delete, .btn-secondary, .btn-primary, .btn, .btn--on-call { --_op-btn-height-small: var(--op-input-height-small); --_op-btn-height-medium: var(--op-input-height-medium); --_op-btn-height-large: var(--op-input-height-large); --_op-btn-font-small: var(--op-font-x-small); --_op-btn-font-medium: var(--op-font-small); --_op-btn-font-large: var(--op-font-medium); --__op-btn-height: var(--_op-btn-height-medium); --__op-btn-font-size: var(--_op-btn-font-medium); display: inline-flex; height: var(--__op-btn-height); align-items: center; justify-content: center; padding: 0 var(--op-space-medium); border-radius: var(--op-radius-large); appearance: none; cursor: pointer; font-size: var(--__op-btn-font-size); font-weight: var(--op-font-weight-medium); gap: var(--op-space-x-small); text-align: center; text-decoration: none; transition: var(--op-transition-input); white-space: nowrap; } .btn--pill.btn-warning, .btn--pill.btn-delete, .btn--pill.btn-secondary, .btn--pill.btn-primary, .btn--pill.btn, .btn--pill.btn--on-call { border-radius: var(--op-radius-pill); } .btn--icon.btn-warning, .modal__close.btn-warning, .btn--icon.btn-delete, .btn-delete.modal__close, .btn--icon.btn-secondary, .btn-secondary.modal__close, .btn--icon.btn-primary, .btn-primary.modal__close, .btn--icon.btn, .btn--icon.btn--on-call, .btn.modal__close, .modal__close.btn--on-call { width: var(--__op-btn-height); min-width: var(--__op-btn-height); padding: 0; border-radius: var(--op-radius-circle); } .btn--small.btn-warning, .btn--small.btn-delete, .btn--small.btn-secondary, .btn--small.btn-primary, .btn--small.btn, .btn--small.btn--on-call { --__op-btn-height: var(--_op-btn-height-small); --__op-btn-font-size: var(--_op-btn-font-small); } .btn--medium.btn-warning, .btn--medium.btn-delete, .btn--medium.btn-secondary, .btn--medium.btn-primary, .btn--medium.btn, .btn--medium.btn--on-call { --__op-btn-height: var(--_op-btn-height-medium); --__op-btn-font-size: var(--_op-btn-font-medium); } .btn--large.btn-warning, .btn--large.btn-delete, .btn--large.btn-secondary, .btn--large.btn-primary, .btn--large.btn, .btn--large.btn--on-call { --__op-btn-height: var(--_op-btn-height-large); --__op-btn-font-size: var(--_op-btn-font-large); } .btn--disabled.btn-warning, .btn--disabled.btn-delete, .btn--disabled.btn-secondary, .btn--disabled.btn-primary, .btn--disabled.btn, .btn--disabled.btn--on-call, .btn-warning:disabled, .btn-delete:disabled, .btn-secondary:disabled, .btn-primary:disabled, .btn:disabled, .btn--on-call:disabled { cursor: not-allowed; opacity: 0.65; } .btn--with-badge.btn-warning, .btn--with-badge.btn-delete, .btn--with-badge.btn-secondary, .btn--with-badge.btn-primary, .btn--with-badge.btn, .btn--with-badge.btn--on-call { position: relative; } @media (max-width: 768px) { .btn-warning, .btn-delete, .btn-secondary, .btn-primary, .btn, .btn--on-call { --__op-btn-height: var(--_op-btn-height-large); --__op-btn-font-size: var(--_op-btn-font-large); } .btn--small.btn-warning, .btn--small.btn-delete, .btn--small.btn-secondary, .btn--small.btn-primary, .btn--small.btn, .btn--small.btn--on-call, .btn--medium.btn-warning, .btn--medium.btn-delete, .btn--medium.btn-secondary, .btn--medium.btn-primary, .btn--medium.btn, .btn--medium.btn--on-call, .btn--large.btn-warning, .btn--large.btn-delete, .btn--large.btn-secondary, .btn--large.btn-primary, .btn--large.btn, .btn--large.btn--on-call { --__op-btn-height: var(--_op-btn-height-large); --__op-btn-font-size: var(--_op-btn-font-large); } } .btn, .btn--on-call { background-color: transparent; box-shadow: var(--op-border-all) var(--op-border-color); color: var(--op-color-neutral-minus-max); } .btn:not(:disabled, .btn--disabled):hover, .btn--on-call:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-neutral-plus-seven); color: var(--op-color-neutral-on-plus-seven); } .btn.btn--no-border, .btn--no-border.btn--on-call, .btn.modal__close, .modal__close.btn--on-call { box-shadow: var(--op-border-all) transparent; } .btn.btn--no-border:not(:disabled, .btn--disabled):hover, .btn--no-border.btn--on-call:not(:disabled, .btn--disabled):hover, .btn.modal__close:not(:disabled, .btn--disabled):hover, .modal__close.btn--on-call:not(:disabled, .btn--disabled):hover { background-color: transparent; color: var(--op-color-neutral-minus-three); } .btn-primary { background-color: var(--op-color-primary-base); box-shadow: var(--op-border-all) var(--op-color-primary-base); color: var(--op-color-primary-on-base); } .btn-primary:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-primary-plus-one); box-shadow: var(--op-border-all) var(--op-color-primary-plus-one); color: var(--op-color-primary-on-plus-one); } .btn-primary.btn--no-border, .btn-primary.modal__close { background-color: transparent; box-shadow: none; color: var(--op-color-primary-base); } .btn-primary.btn--no-border:not(:disabled, .btn--disabled):hover, .btn-primary.modal__close:not(:disabled, .btn--disabled):hover { background-color: transparent; box-shadow: none; color: var(--op-color-primary-plus-one); } .btn-primary.btn--outline { background-color: var(--op-color-primary-plus-seven); box-shadow: var(--op-border-all) var(--op-color-primary-on-plus-seven); color: var(--op-color-primary-on-plus-seven); } .btn-primary.btn--outline:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-primary-plus-four); box-shadow: var(--op-border-all) var(--op-color-primary-on-plus-seven); color: var(--op-color-primary-on-plus-four); } .btn-secondary { background-color: var(--op-color-primary-plus-seven); box-shadow: var(--op-border-all) var(--op-color-primary-on-plus-seven); color: var(--op-color-primary-on-plus-seven); } .btn-secondary:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-primary-plus-four); box-shadow: var(--op-border-all) var(--op-color-primary-on-plus-seven); color: var(--op-color-primary-on-plus-four); } .btn-secondary.btn--no-border, .btn-secondary.modal__close { background-color: transparent; box-shadow: none; color: var(--op-color-primary-base); } .btn-secondary.btn--no-border:not(:disabled, .btn--disabled):hover, .btn-secondary.modal__close:not(:disabled, .btn--disabled):hover { background-color: transparent; box-shadow: none; color: var(--op-color-primary-plus-one); } .btn-delete { background-color: var(--op-color-alerts-danger-base); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-base); color: var(--op-color-alerts-danger-on-base); } .btn-delete:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-alerts-danger-plus-one); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-plus-one); color: var(--op-color-alerts-danger-on-plus-one); } .btn-delete.btn--no-border, .btn-delete.modal__close { background-color: transparent; box-shadow: none; color: var(--op-color-alerts-danger-base); } .btn-delete.btn--no-border:not(:disabled, .btn--disabled):hover, .btn-delete.modal__close:not(:disabled, .btn--disabled):hover { background-color: transparent; box-shadow: none; color: var(--op-color-alerts-danger-plus-one); } .btn-delete.btn--outline { background-color: var(--op-color-alerts-danger-plus-seven); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-on-plus-seven); color: var(--op-color-alerts-danger-on-plus-seven); } .btn-delete.btn--outline:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-alerts-danger-plus-four); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-on-plus-seven); color: var(--op-color-alerts-danger-on-plus-four); } .btn-group { display: inline-flex; align-items: center; } .btn-group .btn + .btn, .btn-group .btn--on-call + .btn, .btn-group .btn + .btn--on-call, .btn-group .btn--on-call + .btn--on-call, .btn-group .btn + .btn-primary, .btn-group .btn--on-call + .btn-primary, .btn-group .btn + .btn-secondary, .btn-group .btn--on-call + .btn-secondary, .btn-group .btn + .btn-delete, .btn-group .btn--on-call + .btn-delete, .btn-group .btn-primary + .btn, .btn-group .btn-primary + .btn--on-call, .btn-group .btn-primary + .btn-primary, .btn-group .btn-primary + .btn-secondary, .btn-group .btn-primary + .btn-delete, .btn-group .btn-secondary + .btn, .btn-group .btn-secondary + .btn--on-call, .btn-group .btn-secondary + .btn-primary, .btn-group .btn-secondary + .btn-secondary, .btn-group .btn-secondary + .btn-delete, .btn-group .btn-delete + .btn, .btn-group .btn-delete + .btn--on-call, .btn-group .btn-delete + .btn-primary, .btn-group .btn-delete + .btn-secondary, .btn-group .btn-delete + .btn-delete { margin-left: 1px; } .btn-group .btn:not(:first-child, :last-child), .btn-group .btn--on-call:not(:first-child, :last-child), .btn-group .btn-primary:not(:first-child, :last-child), .btn-group .btn-secondary:not(:first-child, :last-child), .btn-group .btn-delete:not(:first-child, :last-child) { border-radius: 0; } .btn-group .btn:first-child:not(:last-child), .btn-group .btn--on-call:first-child:not(:last-child), .btn-group .btn-primary:first-child:not(:last-child), .btn-group .btn-secondary:first-child:not(:last-child), .btn-group .btn-delete:first-child:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group .btn:last-child:not(:first-child), .btn-group .btn--on-call:last-child:not(:first-child), .btn-group .btn-primary:last-child:not(:first-child), .btn-group .btn-secondary:last-child:not(:first-child), .btn-group .btn-delete:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group-toolbar { display: flex; flex-wrap: wrap; } .card-padded, .card, .invoice-address, .invoice-detail { position: relative; border-radius: var(--op-radius-medium); background-color: var(--op-color-background); box-shadow: var(--op-border-all) var(--op-border-color); color: var(--op-color-on-background); contain: paint; font-size: var(--op-font-medium); line-height: var(--op-line-height-base); } .card--condensed.card-padded, .card--condensed.card, .card--condensed.invoice-address, .card--condensed.invoice-detail { /** * @tokens Space Scale * @presenter Spacing */ --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-space-scale-unit: 0.5rem; } .card--shadow-x-small.card-padded, .card--shadow-x-small.card, .card--shadow-x-small.invoice-address, .card--shadow-x-small.invoice-detail { box-shadow: var(--op-border-all) var(--op-border-color), var(--op-shadow-x-small); } .card--shadow-small.card-padded, .card--shadow-small.card, .card--shadow-small.invoice-address, .card--shadow-small.invoice-detail { box-shadow: var(--op-border-all) var(--op-border-color), var(--op-shadow-small); } .card--shadow-medium.card-padded, .card--shadow-medium.card, .card--shadow-medium.invoice-address, .card--shadow-medium.invoice-detail { box-shadow: var(--op-border-all) var(--op-border-color), var(--op-shadow-medium); } .card--shadow-large.card-padded, .card--shadow-large.card, .card--shadow-large.invoice-address, .card--shadow-large.invoice-detail { box-shadow: var(--op-border-all) var(--op-border-color), var(--op-shadow-large); } .card--shadow-x-large.card-padded, .card--shadow-x-large.card, .card--shadow-x-large.invoice-address, .card--shadow-x-large.invoice-detail { box-shadow: var(--op-border-all) var(--op-border-color), var(--op-shadow-x-large); } .card-padded .card__header, .card .card__header, .invoice-address .card__header, .invoice-detail .card__header, .card-padded .card__body, .card .card__body, .invoice-address .card__body, .invoice-detail .card__body, .card-padded .card__footer, .card .card__footer, .invoice-address .card__footer, .invoice-detail .card__footer { padding: var(--op-space-medium); } .card-padded .card__header h1, .card .card__header h1, .invoice-address .card__header h1, .invoice-detail .card__header h1, .card-padded .card__header h2, .card .card__header h2, .invoice-address .card__header h2, .invoice-detail .card__header h2, .card-padded .card__header h3, .card .card__header h3, .invoice-address .card__header h3, .invoice-detail .card__header h3, .card-padded .card__header h4, .card .card__header h4, .invoice-address .card__header h4, .invoice-detail .card__header h4, .card-padded .card__header h5, .card .card__header h5, .invoice-address .card__header h5, .invoice-detail .card__header h5, .card-padded .card__header h6, .card .card__header h6, .invoice-address .card__header h6, .invoice-detail .card__header h6 { margin: 0; } .card-padded { padding: var(--op-space-medium); } .flash { position: fixed; z-index: var(--op-z-index-alert-group); top: var(--op-space-large); right: var(--op-space-large); display: inline-grid; width: auto; align-items: center; justify-content: center; padding: var(--op-space-x-small) var(--op-space-medium); border-color: var(--op-color-on-background); border-radius: var(--op-radius-small); border-left-width: var(--op-border-width-x-large); border-left-style: solid; animation: var(--op-animation-flash); background: var(--op-color-background); box-shadow: var(--op-shadow-x-small); color: var(--op-color-on-background); font-size: var(--op-font-small); gap: var(--op-space-small); grid-auto-flow: column; } .flash--notice.flash { border-color: var(--op-color-alerts-notice-base); color: var(--op-color-alerts-notice-base); } .flash--info.flash { border-color: var(--op-color-alerts-info-base); color: var(--op-color-alerts-info-base); } .flash--alert.flash { border-color: var(--op-color-alerts-danger-base); color: var(--op-color-alerts-danger-base); } .flash--warning.flash { border-color: var(--op-color-alerts-warning-base); color: var(--op-color-alerts-warning-base); } .flash .flash__message-type { color: var(--op-color-on-background); font-weight: bold; } .flash .flash__message { color: var(--op-color-on-background); font-size: var(--op-font-x-small); } .time-input, textarea.form-control, .form-control:not([type=radio], [type=checkbox]) { --__op-input-height: var(--op-input-height-large); display: block; width: 100%; min-width: var(--__op-input-height); height: var(--__op-input-height); padding: var(--op-space-small) var(--op-space-medium); border: none; border-radius: var(--op-radius-large); background-color: var(--op-color-neutral-plus-max); box-shadow: var(--op-border-all) var(--op-border-color); color: var(--op-color-neutral-on-plus-max); cursor: text; font-size: var(--op-font-small); font-weight: var(--op-font-weight-light); line-height: var(--op-line-height-base); } .form-control--read-only.time-input, textarea.form-control--read-only.form-control, .form-control--read-only.form-control:not([type=radio], [type=checkbox]) { height: fit-content; background-color: var(--op-color-neutral-plus-seven); background-image: none; box-shadow: none; color: var(--op-color-neutral-on-plus-seven); cursor: unset; } .form-control--read-only[type=color].time-input, textarea.form-control--read-only[type=color].form-control, .form-control--read-only[type=color].form-control:not([type=radio], [type=checkbox]) { height: var(--__op-input-height); } select.form-control:not([multiple], [type=radio], [type=checkbox]), .form-control[type=color] { padding-right: var(--op-space-3x-large); appearance: none; background: var(--op-form-dropdown-arrow) center right no-repeat; background-position-x: calc(100% - (var(--op-space-3x-large) / 2 - var(--op-form-dropdown-arrow-width) / 2)); cursor: pointer; } .form-label { color: var(--op-color-on-background); font-size: var(--op-font-small); font-weight: var(--op-font-weight-normal); letter-spacing: var(--op-letter-spacing-label); line-height: var(--op-line-height-base); } .form-control[type=radio], .form-control[type=checkbox] { width: var(--op-space-large); height: var(--op-space-large); align-self: center; margin: 0; accent-color: var(--op-color-primary-base); cursor: pointer; } .form-control:disabled { cursor: not-allowed; } .form-control:focus, .form-control:focus-within, .form-control:focus-visible, .form-control:active { box-shadow: 0 0 0 var(--op-border-width-large) var(--op-color-primary-plus-four), var(--op-input-focus); outline: none; } .form-control:focus:hover:not(:disabled), .form-control:focus-within:hover:not(:disabled), .form-control:focus-visible:hover:not(:disabled), .form-control:active:hover:not(:disabled) { box-shadow: 0 0 0 var(--op-border-width-large) var(--op-color-primary-plus-four), var(--op-input-focus); } select.form-control[multiple] { min-height: calc(2 * var(--__op-input-height)); } textarea.form-control { min-width: var(--__op-input-height); max-width: 100%; min-height: var(--__op-input-height); } .form-group--error { /* stylelint-disable no-descending-specificity */ /* stylelint-enable no-descending-specificity */ } .form-group--error .form-control { box-shadow: var(--op-border-all) var(--op-color-alerts-danger-minus-three); } .form-group--error .form-control[type=radio], .form-group--error .form-control[type=checkbox] { box-shadow: none; } .form-group--error .form-control[type=radio] + label, .form-group--error .form-control[type=checkbox] + label { color: var(--op-color-alerts-danger-minus-three); font-weight: var(--op-font-weight-bold); } .form-error { width: fit-content; padding: var(--op-space-2x-small) var(--op-space-x-small); border-radius: var(--op-radius-medium); background: var(--op-color-alerts-danger-plus-seven); color: var(--op-color-alerts-danger-on-plus-seven); font-size: var(--op-font-x-small); } .form-hint { display: block; font-size: var(--op-font-small); font-style: italic; } .form-error-summary { padding: var(--op-space-large); border-radius: var(--op-radius-large); margin-bottom: var(--op-space-large); background-color: var(--op-color-alerts-danger-plus-seven); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-on-plus-seven); color: var(--op-color-alerts-danger-on-plus-seven); } .form-error-summary h2 { font-size: var(--op-font-medium); } .form-error-summary ul { margin-bottom: 0; } .form-group { display: grid; align-content: baseline; padding: var(--op-space-small) 0; gap: var(--op-space-x-small); grid-auto-rows: auto; grid-template-columns: auto 1fr; /* stylelint-disable no-descending-specificity */ /* stylelint-enable no-descending-specificity */ } .form-group .form-label, .form-group .form-error, .form-group .form-hint, .form-group .form-control:not([type=radio], [type=checkbox]) { grid-column: 1/3; } .form-group .form-control[type=radio], .form-group .form-control[type=checkbox] { grid-column: 1/1; } .form-group .form-control[type=radio] + .form-label, .form-group .form-control[type=checkbox] + .form-label { grid-column: 2/3; grid-row: 1; } .material-symbols-outlined, .material-symbols { --op-mso-fill: 0; --op-mso-weight: var(--op-font-weight-normal); --op-mso-grade: 0; --op-mso-optical-sizing: 20; font-size: var(--op-font-medium); font-variation-settings: "FILL" var(--op-mso-fill), "wght" var(--op-mso-weight), "GRAD" var(--op-mso-grade), "opsz" var(--op-mso-optical-sizing); line-height: var(--op-line-height-densest); vertical-align: middle; } .icon--outlined { --op-mso-fill: 0; } .icon--filled { --op-mso-fill: 1; } .icon--weight-light { --op-mso-weight: var(--op-font-weight-light); } .icon--weight-normal { --op-mso-weight: var(--op-font-weight-normal); } .icon--weight-semi-bold { --op-mso-weight: var(--op-font-weight-semi-bold); } .icon--weight-bold, .alert-warning .alert__icon, .alert-danger .alert__icon, .alert-info .alert__icon, .alert-notice .alert__icon { --op-mso-weight: var(--op-font-weight-bold); } .icon--low-emphasis { --op-mso-grade: -20; } .icon--normal-emphasis { --op-mso-grade: 0; } .icon--high-emphasis { --op-mso-grade: 200; } .icon--medium { font-size: var(--op-font-medium); --op-mso-optical-sizing: 20; } .icon--large, .alert-warning .alert__icon, .alert-danger .alert__icon, .alert-info .alert__icon, .alert-notice .alert__icon { font-size: var(--op-font-large); --op-mso-optical-sizing: 40; } .icon--x-large, .sidebar-subtle-primary .sidebar__item .sidebar__item-icon, .sidebar-primary .sidebar__item .sidebar__item-icon, .sidebar .sidebar__item .sidebar__item-icon { font-size: var(--op-font-2x-large); --op-mso-optical-sizing: 48; } .custom-icons { display: inline-block; width: var(--op-font-2x-large); height: var(--op-font-2x-large); } .custom-icons.icon--medium { font-size: var(--op-font-small); --op-mso-optical-sizing: 20; } .custom-icons.icon--large, .alert-warning .custom-icons.alert__icon, .alert-danger .custom-icons.alert__icon, .alert-info .custom-icons.alert__icon, .alert-notice .custom-icons.alert__icon { width: var(--op-font-large); height: var(--op-font-large); } .custom-icons.icon--x-large, .sidebar-subtle-primary .sidebar__item .custom-icons.sidebar__item-icon, .sidebar-primary .sidebar__item .custom-icons.sidebar__item-icon, .sidebar .sidebar__item .custom-icons.sidebar__item-icon { width: var(--op-font-3x-large); height: var(--op-font-3x-large); } .custom-icons svg { width: 100%; height: 100%; } .icon-link { line-height: 0; } .sidebar-subtle-primary, .sidebar-primary, .sidebar { --_op-sidebar-background-color: var(--op-color-neutral-plus-seven); --_op-sidebar-text-color: var(--op-color-neutral-on-plus-seven); --_op-sidebar-icon-background-active-color: var(--op-color-neutral-plus-three); --_op-sidebar-icon-text-active-color: var(--op-color-neutral-on-plus-three); --_op-sidebar-icon-background-hover-color: var(--op-color-neutral-plus-four); --_op-sidebar-icon-text-hover-color: var(--op-color-neutral-on-plus-four); --_op-sidebar-rail-width: 8.8rem; --_op-sidebar-drawer-width: 25rem; --_op-sidebar-spacing: var(--op-space-medium); --_op-sidebar-link-spacing: var(--op-space-large); --_op-sidebar-transition: var(--op-transition-sidebar); --__op-sidebar-width: var(--_op-sidebar-drawer-width); display: flex; width: var(--__op-sidebar-width); flex-direction: column; padding: var(--_op-sidebar-spacing) 0; background-color: var(--_op-sidebar-background-color); color: var(--_op-sidebar-text-color); gap: var(--_op-sidebar-spacing); overflow-y: auto; transition: var(--_op-sidebar-transition); } .sidebar-subtle-primary .sidebar__brand, .sidebar-primary .sidebar__brand, .sidebar .sidebar__brand { display: block; padding: 0 var(--_op-sidebar-spacing); } .sidebar-subtle-primary .sidebar__content, .sidebar-primary .sidebar__content, .sidebar .sidebar__content { display: flex; flex-direction: column; flex-grow: 1; } .sidebar-subtle-primary .sidebar__content.sidebar__content--start, .sidebar-primary .sidebar__content.sidebar__content--start, .sidebar .sidebar__content.sidebar__content--start { justify-content: start; } .sidebar-subtle-primary .sidebar__content.sidebar__content--center, .sidebar-primary .sidebar__content.sidebar__content--center, .sidebar .sidebar__content.sidebar__content--center { justify-content: center; } .sidebar-subtle-primary .sidebar__content.sidebar__content--end, .sidebar-primary .sidebar__content.sidebar__content--end, .sidebar .sidebar__content.sidebar__content--end { justify-content: end; } .sidebar-subtle-primary .sidebar__item, .sidebar-primary .sidebar__item, .sidebar .sidebar__item { display: flex; align-items: center; color: var(--_op-sidebar-text-color); cursor: pointer; text-align: center; text-decoration: none; } .sidebar-subtle-primary .sidebar__item:visited, .sidebar-primary .sidebar__item:visited, .sidebar .sidebar__item:visited { color: var(--_op-sidebar-text-color); } .sidebar-subtle-primary .sidebar__item:hover .sidebar__item-icon, .sidebar-primary .sidebar__item:hover .sidebar__item-icon, .sidebar .sidebar__item:hover .sidebar__item-icon, .sidebar-subtle-primary .sidebar__item.active .sidebar__item-icon, .sidebar-primary .sidebar__item.active .sidebar__item-icon, .sidebar .sidebar__item.active .sidebar__item-icon { --op-mso-weight: var(--op-font-weight-bold); } .sidebar-subtle-primary .sidebar__item:hover .sidebar__item-icon, .sidebar-primary .sidebar__item:hover .sidebar__item-icon, .sidebar .sidebar__item:hover .sidebar__item-icon { color: var(--_op-sidebar-text-color); } .sidebar-subtle-primary .sidebar__item .sidebar__item-icon, .sidebar-primary .sidebar__item .sidebar__item-icon, .sidebar .sidebar__item .sidebar__item-icon { /* stylelint-disable scss/at-extend-no-missing-placeholder */ /* stylelint-enable scss/at-extend-no-missing-placeholder */ --op-mso-weight: var(--op-font-weight-medium); display: flex; align-items: center; justify-content: center; border-radius: var(--op-radius-pill); } .sidebar-subtle-primary .sidebar__item .sidebar__item-label, .sidebar-primary .sidebar__item .sidebar__item-label, .sidebar .sidebar__item .sidebar__item-label { overflow: hidden; max-width: 90%; font-weight: var(--op-font-weight-medium); letter-spacing: var(--op-letter-spacing-navigation); line-height: var(--op-line-height-dense); text-overflow: ellipsis; white-space: nowrap; } .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive), .sidebar--drawer.sidebar-primary:not(.sidebar--responsive), .sidebar--drawer.sidebar:not(.sidebar--responsive) { --__op-sidebar-width: var(--_op-sidebar-drawer-width); } .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__content, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__content, .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__content { padding: 0 var(--_op-sidebar-spacing); } .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__section-title, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__section-title, .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__section-title { overflow: hidden; height: var(--op-input-height-large); padding: var(--op-space-small) var(--op-space-medium); color: var(--_op-sidebar-text-color); font-size: var(--op-font-small); font-weight: var(--op-font-weight-bold); text-overflow: ellipsis; white-space: nowrap; } .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__section-divider, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__section-divider, .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__section-divider { border-bottom: var(--op-border-width) solid var(--_op-sidebar-text-color); margin: 0 var(--_op-sidebar-spacing); } .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__item, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__item, .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__item { height: var(--op-input-height-large); flex-direction: row; padding: var(--op-space-x-small) var(--op-space-medium); border-radius: var(--op-radius-pill); gap: var(--_op-sidebar-link-spacing); } .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__item:hover, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__item:hover, .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__item:hover, .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__item.active, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__item.active, .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__item.active { transition: var(--_op-sidebar-transition); } .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__item:hover, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__item:hover, .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__item:hover { background-color: var(--_op-sidebar-icon-background-hover-color); color: var(--_op-sidebar-icon-text-hover-color); } .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__item:hover .sidebar__item-icon, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__item:hover .sidebar__item-icon, .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__item:hover .sidebar__item-icon { color: var(--_op-sidebar-icon-text-hover-color); } .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__item.active, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__item.active, .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__item.active { background-color: var(--_op-sidebar-icon-background-active-color); color: var(--_op-sidebar-icon-text-active-color); } @media (width > 1024px) { .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary, .sidebar--drawer.sidebar--responsive.sidebar-primary, .sidebar--drawer.sidebar--responsive.sidebar { --__op-sidebar-width: var(--_op-sidebar-drawer-width); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__content, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__content, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__content { padding: 0 var(--_op-sidebar-spacing); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__section-title, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__section-title, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__section-title { overflow: hidden; height: var(--op-input-height-large); padding: var(--op-space-small) var(--op-space-medium); color: var(--_op-sidebar-text-color); font-size: var(--op-font-small); font-weight: var(--op-font-weight-bold); text-overflow: ellipsis; white-space: nowrap; } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__section-divider, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__section-divider, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__section-divider { border-bottom: var(--op-border-width) solid var(--_op-sidebar-text-color); margin: 0 var(--_op-sidebar-spacing); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item { height: var(--op-input-height-large); flex-direction: row; padding: var(--op-space-x-small) var(--op-space-medium); border-radius: var(--op-radius-pill); gap: var(--_op-sidebar-link-spacing); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item:hover, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item:hover, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item:hover, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item.active, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item.active, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item.active { transition: var(--_op-sidebar-transition); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item:hover, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item:hover, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item:hover { background-color: var(--_op-sidebar-icon-background-hover-color); color: var(--_op-sidebar-icon-text-hover-color); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item:hover .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item:hover .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item:hover .sidebar__item-icon { color: var(--_op-sidebar-icon-text-hover-color); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item.active, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item.active, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item.active { background-color: var(--_op-sidebar-icon-background-active-color); color: var(--_op-sidebar-icon-text-active-color); } } @media (width <= 1024px) { .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary, .sidebar--drawer.sidebar--responsive.sidebar-primary, .sidebar--drawer.sidebar--responsive.sidebar { --__op-sidebar-width: var(--_op-sidebar-rail-width); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__content, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__content, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__content { gap: var(--_op-sidebar-link-spacing); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__section-title, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__section-title, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__section-title, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__section-divider, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__section-divider, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__section-divider { display: none; } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item { flex-direction: column; gap: var(--op-space-2x-small); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item .sidebar__item-icon { padding: var(--op-space-2x-small) var(--op-space-medium); transition: var(--_op-sidebar-transition); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item:hover .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item:hover .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item:hover .sidebar__item-icon { background-color: var(--_op-sidebar-icon-background-hover-color); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item.active .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item.active .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item.active .sidebar__item-icon { background-color: var(--_op-sidebar-icon-background-active-color); } .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item .sidebar__item-label, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item .sidebar__item-label, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item .sidebar__item-label { font-size: var(--op-font-x-small); } } .sidebar--rail.sidebar-subtle-primary, .sidebar--rail.sidebar-primary, .sidebar--rail.sidebar { --__op-sidebar-width: var(--_op-sidebar-rail-width); } .sidebar--rail.sidebar-subtle-primary .sidebar__content, .sidebar--rail.sidebar-primary .sidebar__content, .sidebar--rail.sidebar .sidebar__content { gap: var(--_op-sidebar-link-spacing); } .sidebar--rail.sidebar-subtle-primary .sidebar__section-title, .sidebar--rail.sidebar-primary .sidebar__section-title, .sidebar--rail.sidebar .sidebar__section-title, .sidebar--rail.sidebar-subtle-primary .sidebar__section-divider, .sidebar--rail.sidebar-primary .sidebar__section-divider, .sidebar--rail.sidebar .sidebar__section-divider { display: none; } .sidebar--rail.sidebar-subtle-primary .sidebar__item, .sidebar--rail.sidebar-primary .sidebar__item, .sidebar--rail.sidebar .sidebar__item { flex-direction: column; gap: var(--op-space-2x-small); } .sidebar--rail.sidebar-subtle-primary .sidebar__item .sidebar__item-icon, .sidebar--rail.sidebar-primary .sidebar__item .sidebar__item-icon, .sidebar--rail.sidebar .sidebar__item .sidebar__item-icon { padding: var(--op-space-2x-small) var(--op-space-medium); transition: var(--_op-sidebar-transition); } .sidebar--rail.sidebar-subtle-primary .sidebar__item:hover .sidebar__item-icon, .sidebar--rail.sidebar-primary .sidebar__item:hover .sidebar__item-icon, .sidebar--rail.sidebar .sidebar__item:hover .sidebar__item-icon { background-color: var(--_op-sidebar-icon-background-hover-color); } .sidebar--rail.sidebar-subtle-primary .sidebar__item.active .sidebar__item-icon, .sidebar--rail.sidebar-primary .sidebar__item.active .sidebar__item-icon, .sidebar--rail.sidebar .sidebar__item.active .sidebar__item-icon { background-color: var(--_op-sidebar-icon-background-active-color); } .sidebar--rail.sidebar-subtle-primary .sidebar__item .sidebar__item-label, .sidebar--rail.sidebar-primary .sidebar__item .sidebar__item-label, .sidebar--rail.sidebar .sidebar__item .sidebar__item-label { font-size: var(--op-font-x-small); } .sidebar-primary { --_op-sidebar-background-color: var(--op-color-primary-plus-seven); --_op-sidebar-text-color: var(--op-color-primary-on-plus-seven); --_op-sidebar-icon-background-active-color: var(--op-color-primary-plus-three); --_op-sidebar-icon-text-active-color: var(--op-color-primary-on-plus-three); --_op-sidebar-icon-background-hover-color: var(--op-color-primary-plus-four); --_op-sidebar-icon-text-hover-color: var(--op-color-primary-on-plus-four); } .sidebar-subtle-primary { --_op-sidebar-background-color: var(--op-color-primary-plus-max); --_op-sidebar-text-color: var(--op-color-primary-on-plus-max); --_op-sidebar-icon-background-active-color: var(--op-color-primary-plus-three); --_op-sidebar-icon-text-active-color: var(--op-color-primary-on-plus-three); --_op-sidebar-icon-background-hover-color: var(--op-color-primary-plus-four); --_op-sidebar-icon-text-hover-color: var(--op-color-primary-on-plus-four); } .table-container, .table-danger, .table-primary, .table, .index-table, .invoice-table { --_op-table-cell-padding-default: var(--op-space-small) var(--op-space-x-small); --_op-table-cell-padding-comfortable: var(--op-space-medium) var(--op-space-small); --_op-table-cell-padding-compact: var(--op-space-x-small) var(--op-space-2x-small); --__op-table-cell-padding: var(--_op-table-cell-padding-default); width: 100%; border-radius: var(--op-radius-medium); border-collapse: collapse; box-shadow: var(--op-border-all) var(--op-border-color); contain: paint; table-layout: auto; } .table-container thead, .table-danger thead, .table-primary thead, .table thead, .index-table thead, .invoice-table thead { background-color: var(--op-color-neutral-plus-four); color: var(--op-color-neutral-on-plus-four); } .table-container th, .table-danger th, .table-primary th, .table th, .index-table th, .invoice-table th { font-weight: var(--op-font-weight-normal); text-align: left; text-transform: uppercase; } .table-container tbody, .table-danger tbody, .table-primary tbody, .table tbody, .index-table tbody, .invoice-table tbody, .table-container tfoot, .table-danger tfoot, .table-primary tfoot, .table tfoot, .index-table tfoot, .invoice-table tfoot { background-color: var(--op-color-background); color: var(--op-color-on-background); } .table-container th, .table-danger th, .table-primary th, .table th, .index-table th, .invoice-table th, .table-container td, .table-danger td, .table-primary td, .table td, .index-table td, .invoice-table td { padding: var(--__op-table-cell-padding); font-size: var(--op-font-small); } .table-container tr:not(:last-child), .table-danger tr:not(:last-child), .table-primary tr:not(:last-child), .table tr:not(:last-child), .index-table tr:not(:last-child), .invoice-table tr:not(:last-child) { box-shadow: inset var(--op-border-top) var(--op-border-color); } .table-container tfoot tr, .table-danger tfoot tr, .table-primary tfoot tr, .table tfoot tr, .index-table tfoot tr, .invoice-table tfoot tr { box-shadow: var(--op-border-top) var(--op-border-color); } .table--auto-layout.table-container, .table--auto-layout.table-danger, .table--auto-layout.table-primary, .table--auto-layout.table, .table--auto-layout.index-table, .table--auto-layout.invoice-table { table-layout: auto; } .table--fixed-layout.table-container, .table--fixed-layout.table-danger, .table--fixed-layout.table-primary, .table--fixed-layout.table, .table--fixed-layout.index-table, .table--fixed-layout.invoice-table { table-layout: fixed; } .table--default-density.table-container, .table--default-density.table-danger, .table--default-density.table-primary, .table--default-density.table, .table--default-density.index-table, .table--default-density.invoice-table { --__op-table-cell-padding: var(--_op-table-cell-padding-default); } .table--comfortable-density.table-container, .table--comfortable-density.table-danger, .table--comfortable-density.table-primary, .table--comfortable-density.table, .table--comfortable-density.index-table, .table--comfortable-density.invoice-table { --__op-table-cell-padding: var(--_op-table-cell-padding-comfortable); } .table--compact-density.table-container, .table--compact-density.table-danger, .table--compact-density.table-primary, .table--compact-density.table, .table--compact-density.index-table, .table--compact-density.invoice-table { --__op-table-cell-padding: var(--_op-table-cell-padding-compact); } .table--even-striped.table-container tbody tr:nth-child(even), .table--even-striped.table-danger tbody tr:nth-child(even), .table--even-striped.table-primary tbody tr:nth-child(even), .table--even-striped.table tbody tr:nth-child(even), .index-table tbody tr:nth-child(even), .invoice-table tbody tr:nth-child(even) { background-color: var(--op-color-neutral-plus-seven); color: var(--op-color-neutral-on-plus-seven); } .table--odd-striped.table-container tbody tr:nth-child(odd), .table--odd-striped.table-danger tbody tr:nth-child(odd), .table--odd-striped.table-primary tbody tr:nth-child(odd), .table--odd-striped.table tbody tr:nth-child(odd), .table--odd-striped.index-table tbody tr:nth-child(odd), .table--odd-striped.invoice-table tbody tr:nth-child(odd) { background-color: var(--op-color-neutral-plus-seven); color: var(--op-color-neutral-on-plus-seven); } .table--sticky-header.table-container thead, .table--sticky-header.table-danger thead, .table--sticky-header.table-primary thead, .table--sticky-header.table thead, .index-table thead, .invoice-table thead { position: sticky; top: 0; } .table--sticky-footer.table-container tfoot, .table--sticky-footer.table-danger tfoot, .table--sticky-footer.table-primary tfoot, .table--sticky-footer.table tfoot, .table--sticky-footer.index-table tfoot, .table--sticky-footer.invoice-table tfoot { position: sticky; bottom: 0; } .table-primary thead { background-color: var(--op-color-primary-plus-seven); color: var(--op-color-primary-on-plus-seven); } .table-danger thead { background-color: var(--op-color-alerts-danger-plus-seven); color: var(--op-color-alerts-danger-on-plus-seven); } .table-container { overflow-y: auto; } .modal { --op-modal-width: 564px; position: fixed; z-index: var(--op-z-index-dialog); top: 0; right: 0; bottom: 0; left: 0; display: flex; overflow: hidden; align-items: center; justify-content: center; outline: 0; visibility: hidden; /* We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342 See also https://github.com/twbs/bootstrap/issues/17695 */ } .modal__backdrop { position: fixed; z-index: var(--op-z-index-dialog-backdrop); top: 0; right: 0; bottom: 0; left: 0; background: black; opacity: 0; transition: var(--op-transition-modal); visibility: hidden; } .modal__content { z-index: var(--op-z-index-dialog-content); width: var(--op-modal-width); max-height: 500px; padding: var(--op-space-large); border-radius: var(--op-radius-large); background: var(--op-color-background); color: var(--op-color-on-background); opacity: 0; overflow-y: auto; transform: scale(0.7); transition: var(--op-transition-modal); } .modal--active { display: flex; visibility: visible; } .modal--active .modal__content { opacity: 1; transform: scale(1); } .modal--active .modal__backdrop { opacity: 0.5; visibility: visible; } .modal__body { overflow-y: auto; } .modal__close { /* stylelint-disable scss/at-extend-no-missing-placeholder */ color: var(--op-color-neutral-minus-seven); cursor: pointer; /* stylelint-enable scss/at-extend-no-missing-placeholder */ float: right; } .modal__close:hover:not(:disabled, .btn--disabled) { color: var(--op-color-neutral-minus-seven); } @media (prefers-color-scheme: dark) { :root:not([data-theme-mode=light]) .modal__content { background: var(--op-color-neutral-plus-seven); color: var(--op-color-neutral-on-plus-seven); } :root:not([data-theme-mode=light]) .modal__close:hover { background: var(--op-color-background); } } :root[data-theme-mode=dark] .modal__content { background: var(--op-color-neutral-plus-seven); color: var(--op-color-neutral-on-plus-seven); } :root[data-theme-mode=dark] .modal__close:hover { background: var(--op-color-background); } /** * tom-select.css (v2.2.2) * Copyright (c) contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * */ :root { --ts-pr-clear-button: 0; --ts-pr-caret: 0; --ts-pr-min: .75rem; } .ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input { cursor: pointer; } .ts-control { padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important; } .ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; box-shadow: inset 0 0 12px 4px #fff; } .ts-wrapper.plugin-drag_drop .ui-sortable-placeholder::after { content: "!"; visibility: hidden; } .ts-wrapper.plugin-drag_drop .ui-sortable-helper { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .plugin-checkbox_options .option input { margin-right: 0.5rem; } .plugin-clear_button { --ts-pr-clear-button: 1em; } .plugin-clear_button .clear-button { opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); right: calc(8px - 6px); margin-right: 0 !important; background: transparent !important; transition: opacity 0.5s; cursor: pointer; } .plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button { right: max( var(--ts-pr-caret), 8px); } .plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button { opacity: 1; } .ts-wrapper .dropdown-header { position: relative; padding: 10px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; border-radius: 3px 3px 0 0; } .ts-wrapper .dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .ts-wrapper .dropdown-header-close:hover { color: black; } .plugin-dropdown_input.focus.dropdown-active .ts-control { box-shadow: none; border: 1px solid #d0d0d0; } .plugin-dropdown_input .dropdown-input { border: 1px solid #d0d0d0; border-width: 0 0 1px 0; display: block; padding: 8px 8px; box-shadow: none; width: 100%; background: transparent; } .plugin-dropdown_input .items-placeholder { border: 0 none !important; box-shadow: none !important; width: 100%; } .plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder { display: none !important; } .ts-wrapper.plugin-input_autogrow.has-items .ts-control > input { min-width: 0; } .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input { flex: none; min-width: 4px; } .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder { color: transparent; } .ts-dropdown.plugin-optgroup_columns .ts-dropdown-content { display: flex; } .ts-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; flex-grow: 1; flex-basis: 0; min-width: 0; } .ts-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .ts-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .ts-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .ts-wrapper.plugin-remove_button .item { display: inline-flex; align-items: center; padding-right: 0 !important; } .ts-wrapper.plugin-remove_button .item .remove { color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 0 6px; border-radius: 0 2px 2px 0; box-sizing: border-box; } .ts-wrapper.plugin-remove_button .item .remove:hover { background: rgba(0, 0, 0, 0.05); } .ts-wrapper.plugin-remove_button.disabled .item .remove:hover { background: none; } .ts-wrapper.plugin-remove_button .remove-single { position: absolute; right: 0; top: 0; font-size: 23px; } .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove { border-left: 1px solid #d0d0d0; margin-left: 6px; } .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove { border-left-color: #cacaca; } .ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove { border-left-color: white; } .ts-wrapper.plugin-remove_button.rtl .item .remove { border-right: 1px solid #d0d0d0; margin-right: 6px; } .ts-wrapper.plugin-remove_button.rtl .item.active .remove { border-right-color: #cacaca; } .ts-wrapper.plugin-remove_button.rtl.disabled .item .remove { border-right-color: white; } .ts-wrapper { position: relative; } .ts-dropdown, .ts-control, .ts-control input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; font-smoothing: inherit; } .ts-control, .ts-wrapper.single.input-active .ts-control { background: #fff; cursor: text; } .ts-control { border: 1px solid #d0d0d0; padding: 8px 8px; width: 100%; overflow: hidden; position: relative; z-index: 1; box-sizing: border-box; box-shadow: none; border-radius: 3px; display: flex; flex-wrap: wrap; } .ts-wrapper.multi.has-items .ts-control { padding: calc( 8px - 2px - 0px) 8px calc( 8px - 2px - 3px - 0px); } .full .ts-control { background-color: #fff; } .disabled .ts-control, .disabled .ts-control * { cursor: default !important; } .focus .ts-control { box-shadow: none; } .ts-control > * { vertical-align: baseline; display: inline-block; } .ts-wrapper.multi .ts-control > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0px solid #d0d0d0; } .ts-wrapper.multi .ts-control > div.active { background: #e8e8e8; color: #303030; border: 0px solid #cacaca; } .ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active { color: #7d7d7d; background: white; border: 0px solid white; } .ts-control > input { flex: 1 1 auto; min-width: 7rem; display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; user-select: auto !important; box-shadow: none !important; } .ts-control > input::-ms-clear { display: none; } .ts-control > input:focus { outline: none !important; } .has-items .ts-control > input { margin: 0px 4px !important; } .ts-control.rtl { text-align: right; } .ts-control.rtl.single .ts-control:after { left: 15px; right: auto; } .ts-control.rtl .ts-control > input { margin: 0px 4px 0px -2px !important; } .disabled .ts-control { opacity: 0.5; background-color: #fafafa; } .input-hidden .ts-control > input { opacity: 0; position: absolute; left: -10000px; } .ts-dropdown { position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; border: 1px solid #d0d0d0; background: #fff; margin: 0.25rem 0 0 0; border-top: 0 none; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .ts-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .ts-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); border-radius: 1px; } .ts-dropdown .option, .ts-dropdown .optgroup-header, .ts-dropdown .no-results, .ts-dropdown .create { padding: 5px 8px; } .ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option { cursor: inherit; opacity: 0.5; } .ts-dropdown [data-selectable].option { opacity: 1; cursor: pointer; } .ts-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .ts-dropdown .optgroup-header { color: #303030; background: #fff; cursor: default; } .ts-dropdown .active { background-color: #f5fafd; color: #495c68; } .ts-dropdown .active.create { color: #495c68; } .ts-dropdown .create { color: rgba(48, 48, 48, 0.5); } .ts-dropdown .spinner { display: inline-block; width: 30px; height: 30px; margin: 5px 8px; } .ts-dropdown .spinner:after { content: " "; display: block; width: 24px; height: 24px; margin: 3px; border-radius: 50%; border: 5px solid #d0d0d0; border-color: #d0d0d0 transparent #d0d0d0 transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ts-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; overflow-scrolling: touch; scroll-behavior: smooth; } .ts-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .ts-wrapper .ts-control { min-height: var(--op-input-height-large); align-items: center; border: none; border-radius: var(--op-radius-large); background-color: var(--op-color-neutral-plus-max); box-shadow: var(--op-border-all) var(--op-border-color); color: var(--op-color-neutral-on-plus-max); font-size: var(--op-font-x-small); font-weight: var(--op-font-weight-light); line-height: var(--op-line-height-base); } .ts-wrapper.dropdown-active .ts-control { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ts-wrapper .ts-dropdown { border: none; margin: 0; border-bottom-left-radius: var(--op-radius-large); border-bottom-right-radius: var(--op-radius-large); box-shadow: var(--op-border-all) var(--op-border-color); contain: paint; } .ts-wrapper .ts-dropdown .option.active, .ts-wrapper .ts-dropdown .create.active { background-color: var(--op-color-primary-plus-seven); color: var(--op-color-primary-on-plus-seven); } .ts-wrapper.multi .ts-control > div { padding: var(--op-space-3x-small) var(--op-space-x-small); border-radius: var(--op-radius-medium); margin: 0 var(--op-space-3x-small) var(--op-space-3x-small) 0; background-color: var(--op-color-primary-base); color: var(--op-color-primary-on-base); } .ts-wrapper.multi .ts-control > div.active { background-color: var(--op-color-primary-plus-two); color: var(--op-color-primary-on-plus-two); } .ts-wrapper.single .ts-control, .ts-wrapper.multi .ts-control, .ts-wrapper.single.input-active .ts-control, .ts-wrapper.multi.input-active .ts-control { background-image: var(--op-form-dropdown-arrow); background-position-x: calc(100% - var(--op-space-small)); background-position-y: center; background-repeat: no-repeat; } .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: #fff; -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { -webkit-box-shadow: none !important; box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ""; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after { left: auto; right: 22px; } .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after { left: 50%; right: 50%; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); } .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ /* */ left: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ /* */ right: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #959ea9; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0 ; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: transparent; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: none; padding: 0 0 0 0.5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1; } .dayContainer + .dayContainer { -webkit-box-shadow: -1px 0 0 #e6e6e6; box-shadow: -1px 0 0 #e6e6e6; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; -webkit-flex-basis: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { -webkit-box-shadow: -10px 0 0 #569ff7; box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1); } .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 #e6e6e6; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #393939; font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #eee; } .flatpickr-input[readonly] { cursor: pointer; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @font-face { font-family: "Inter"; src: url(https://app.nationalhcs.com/assets/themes/fonts/Inter-Regular-4d3af571c1eaf96e1e58f88a158ff9107e7aa77e5dce7f5e30cea5d7149c6f70.woff2) format("woff2"); font-style: normal; font-weight: 400; } @font-face { font-family: "Inter"; src: url(https://app.nationalhcs.com/assets/themes/fonts/Inter-Italic-84f92323132b38ed1874f8bd8627ec9f4e76192a9e44a7b58cc95d3336040032.woff2) format("woff2"); font-style: italic; font-weight: 400; } @font-face { font-family: "Inter"; src: url(https://app.nationalhcs.com/assets/themes/fonts/Inter-SemiBold-28381713aacc71a223ce11847157ddaf66eed7fd93031590f41a1beabfc1dcb4.woff2) format("woff2"); font-style: normal; font-weight: 600; } @font-face { font-family: "Inter"; src: url(https://app.nationalhcs.com/assets/themes/fonts/Inter-SemiBoldItalic-b9628689405e18f7e7297b9af5cb3a2468084a98c6cb68c9fe160921a1891b7a.woff2) format("woff2"); font-style: italic; font-weight: 600; } @font-face { font-family: "Inter"; src: url(https://app.nationalhcs.com/assets/themes/fonts/Inter-Bold-4555674e339a87091ab7087e93b2c5317d36b982dc924cb89f3011faa11f23eb.woff2) format("woff2"); font-style: normal; font-weight: 700; } @font-face { font-family: "Inter"; src: url(https://app.nationalhcs.com/assets/themes/fonts/Inter-BoldItalic-df7cb924468060446ebd4896fc933356b785c4173dd93d310b30a765f0d88e73.woff2) format("woff2"); font-style: italic; font-weight: 700; } :root { --op-letter-spacing-small: 0.03em; --op-letter-spacing-medium: 0.06em; --op-letter-spacing-large: 0.1em; --op-color-primary-h: 174; --op-color-primary-s: 71%; --op-color-primary-s-alt: 51%; --op-color-primary-l: 26%; --op-color-neutral-h: 204; --op-color-neutral-s: 8%; --op-color-neutral-l: 50%; --op-color-alerts-notice-h: 174; --op-color-alerts-notice-s: 71%; --op-color-alerts-notice-s-alt: 51%; --op-color-alerts-notice-l: 26%; --op-color-alerts-info-h: 204; --op-color-alerts-info-s: 100%; --op-color-alerts-info-s-alt: 80%; --op-color-alerts-info-l: 50%; --op-color-alerts-warning-h: 44; --op-color-alerts-warning-s: 100%; --op-color-alerts-warning-s-alt-low: 85%; --op-color-alerts-warning-s-alt-med: 90%; --op-color-alerts-warning-s-alt-high: 95%; --op-color-alerts-warning-l: 60%; --op-color-alerts-danger-h: 345; --op-color-alerts-danger-s: 100%; --op-color-alerts-danger-s-alt: 80%; --op-color-alerts-danger-l: 40%; --op-border-all: inset 0 0 0 var(--op-border-width); --op-border-modal-accent: var(--op-color-neutral-minus-four); --op-current-day-highlight: inset 0 0 0 var(--op-border-width-large) var(--op-color-primary-on-plus-seven); --op-holiday-highlight: inset 0 0 0 var(--op-border-width-large) var(--op-color-alerts-danger-base); --op-color-calendar-border: var(--op-color-neutral-plus-three); --op-space-3x-large: calc(var(--op-space-scale-unit) * 3.2); --op-space-4x-large: calc(var(--op-space-scale-unit) * 4); --op-space-5x-large: calc(var(--op-space-scale-unit) * 8); --op-z-index-day: 1; --op-z-index-day-numeral: -1; --op-input-height-large: 4rem; --op-input-width-x-small: 9rem; --op-input-width-small: 10rem; --op-input-width-medium: 14rem; --op-input-width-large: 30rem; --op-input-width-expand: 100%; --op-opacity-modal-backdrop: .6; --op-form-dropdown-arrow-width: 1.5rem; --op-font-family: "Inter", sans-serif; } body { line-height: var(--op-line-height-densest); } :root { --op-color-primary-plus-max: var(--op-color-white); --op-color-primary-on-plus-max: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%); --op-color-primary-plus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 98%); --op-color-primary-on-plus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 33%); --op-color-primary-on-plus-eight-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 40%); --op-color-primary-plus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 96%); --op-color-primary-on-plus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 33%); --op-color-primary-on-plus-seven-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 40%); --op-color-primary-plus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 94%); --op-color-primary-on-plus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 26%); --op-color-primary-plus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 90%); --op-color-primary-on-plus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%); --op-color-primary-plus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 84%); --op-color-primary-on-plus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%); --op-color-primary-plus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 70%); --op-color-primary-on-plus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%); --op-color-primary-plus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 64%); --op-color-primary-on-plus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%); --op-color-primary-plus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 52%); --op-color-primary-on-plus-one: var(--op-color-white); --op-color-primary-base: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%); --op-color-primary-on-base: var(--op-color-white); --op-color-primary-minus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 36%); --op-color-primary-on-minus-one: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%); --op-color-primary-minus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 32%); --op-color-primary-on-minus-two: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%); --op-color-primary-minus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 28%); --op-color-primary-on-minus-three: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%); --op-color-primary-minus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%); --op-color-primary-on-minus-four: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%); --op-color-primary-on-minus-four-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 84%); --op-color-primary-minus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 23%); --op-color-primary-on-minus-five: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%); --op-color-primary-on-minus-five-alt: hsl(var(--op-color-primary-h) var(--op-color-primary-s-alt) 84%); --op-color-primary-minus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%); --op-color-primary-on-minus-six: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%); --op-color-primary-minus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%); --op-color-primary-on-minus-seven: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%); --op-color-primary-minus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%); --op-color-primary-on-minus-eight: hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%); --op-color-primary-minus-max: var(--op-color-black); --op-color-primary-on-minus-max: var(--op-color-white); --op-color-neutral-plus-max: var(--op-color-white); --op-color-neutral-on-plus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%); --op-color-neutral-on-plus-max-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 44%); --op-color-neutral-plus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 99%); --op-color-neutral-on-plus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 30%); --op-color-neutral-on-plus-eight-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 58%); --op-color-neutral-plus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%); --op-color-neutral-on-plus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%); --op-color-neutral-on-plus-seven-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%); --op-color-neutral-plus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 96%); --op-color-neutral-on-plus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%); --op-color-neutral-on-plus-six-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 48%); --op-color-neutral-plus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%); --op-color-neutral-on-plus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%); --op-color-neutral-on-plus-five-alt: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%); --op-color-neutral-plus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%); --op-color-neutral-on-plus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%); --op-color-neutral-plus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 82%); --op-color-neutral-on-plus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%); --op-color-neutral-plus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 70%); --op-color-neutral-on-plus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%); --op-color-neutral-plus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 58%); --op-color-neutral-on-plus-one: var(--op-color-white); --op-color-neutral-base: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 50%); --op-color-neutral-on-base: var(--op-color-white); --op-color-neutral-minus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 44%); --op-color-neutral-on-minus-one: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%); --op-color-neutral-minus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%); --op-color-neutral-on-minus-two: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%); --op-color-neutral-minus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 30%); --op-color-neutral-on-minus-three: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 86%); --op-color-neutral-minus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%); --op-color-neutral-on-minus-four: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%); --op-color-neutral-minus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%); --op-color-neutral-on-minus-five: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%); --op-color-neutral-minus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%); --op-color-neutral-on-minus-six: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%); --op-color-neutral-minus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%); --op-color-neutral-on-minus-seven: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 96%); --op-color-neutral-minus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%); --op-color-neutral-on-minus-eight: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%); --op-color-neutral-minus-max: var(--op-color-black); --op-color-neutral-on-minus-max: var(--op-color-white); --op-color-alerts-notice-plus-max: var(--op-color-white); --op-color-alerts-notice-on-plus-max: var(--op-color-black); --op-color-alerts-notice-plus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s-alt) 98%); --op-color-alerts-notice-on-plus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s-alt) 33%); --op-color-alerts-notice-plus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s-alt) 96%); --op-color-alerts-notice-on-plus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s-alt) 32%); --op-color-alerts-notice-plus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s-alt) 94%); --op-color-alerts-notice-on-plus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s-alt) 26%); --op-color-alerts-notice-plus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s-alt) 90%); --op-color-alerts-notice-on-plus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%); --op-color-alerts-notice-plus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s-alt) 84%); --op-color-alerts-notice-on-plus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%); --op-color-alerts-notice-plus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s-alt) 70%); --op-color-alerts-notice-on-plus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%); --op-color-alerts-notice-plus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s-alt) 64%); --op-color-alerts-notice-on-plus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%); --op-color-alerts-notice-plus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s-alt) 52%); --op-color-alerts-notice-on-plus-one: var(--op-color-white); --op-color-alerts-notice-base: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 40%); --op-color-alerts-notice-on-base: var(--op-color-white); --op-color-alerts-notice-minus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 36%); --op-color-alerts-notice-on-minus-one: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%); --op-color-alerts-notice-minus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 32%); --op-color-alerts-notice-on-minus-two: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 90%); --op-color-alerts-notice-minus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%); --op-color-alerts-notice-on-minus-three: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 86%); --op-color-alerts-notice-minus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%); --op-color-alerts-notice-on-minus-four: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%); --op-color-alerts-notice-minus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%); --op-color-alerts-notice-on-minus-five: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%); --op-color-alerts-notice-minus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%); --op-color-alerts-notice-on-minus-six: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%); --op-color-alerts-notice-minus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%); --op-color-alerts-notice-on-minus-seven: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%); --op-color-alerts-notice-minus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%); --op-color-alerts-notice-on-minus-eight: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%); --op-color-alerts-notice-minus-max: var(--op-color-black); --op-color-alerts-notice-on-minus-max: var(--op-color-white); --op-color-alerts-info-plus-max: var(--op-color-white); --op-color-alerts-info-on-plus-max: var(--op-color-black); --op-color-alerts-info-plus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s-alt) 98%); --op-color-alerts-info-on-plus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%); --op-color-alerts-info-on-plus-eight-alt: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s-alt) 35%); --op-color-alerts-info-plus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s-alt) 96%); --op-color-alerts-info-on-plus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s-alt) 32%); --op-color-alerts-info-plus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s-alt) 94%); --op-color-alerts-info-on-plus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%); --op-color-alerts-info-plus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s-alt) 90%); --op-color-alerts-info-on-plus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%); --op-color-alerts-info-plus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s-alt) 84%); --op-color-alerts-info-on-plus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%); --op-color-alerts-info-plus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s-alt) 70%); --op-color-alerts-info-on-plus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%); --op-color-alerts-info-plus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s-alt) 64%); --op-color-alerts-info-on-plus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%); --op-color-alerts-info-plus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s-alt) 52%); --op-color-alerts-info-on-plus-one: var(--op-color-white); --op-color-alerts-info-base: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%); --op-color-alerts-info-on-base: var(--op-color-white); --op-color-alerts-info-minus-one: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%); --op-color-alerts-info-on-minus-one: var(--op-color-white); --op-color-alerts-info-minus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%); --op-color-alerts-info-on-minus-two: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 90%); --op-color-alerts-info-minus-three: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%); --op-color-alerts-info-on-minus-three: var(--op-color-white); --op-color-alerts-info-minus-four: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%); --op-color-alerts-info-on-minus-four: var(--op-color-white); --op-color-alerts-info-minus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%); --op-color-alerts-info-on-minus-five: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%); --op-color-alerts-info-minus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%); --op-color-alerts-info-on-minus-six: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%); --op-color-alerts-info-minus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%); --op-color-alerts-info-on-minus-seven: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%); --op-color-alerts-info-minus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%); --op-color-alerts-info-on-minus-eight: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%); --op-color-alerts-info-minus-max: var(--op-color-black); --op-color-alerts-info-on-minus-max: var(--op-color-white); --op-color-alerts-warning-plus-max: var(--op-color-white); --op-color-alerts-warning-on-plus-max: var(--op-color-black); --op-color-alerts-warning-plus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s-alt-low) 98%); --op-color-alerts-warning-on-plus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%); --op-color-alerts-warning-on-plus-eight-alt: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s-alt-low) 30%); --op-color-alerts-warning-plus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s-alt-low) 96%); --op-color-alerts-warning-on-plus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s-alt-low) 30%); --op-color-alerts-warning-plus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s-alt-low) 94%); --op-color-alerts-warning-on-plus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s-alt-low) 30%); --op-color-alerts-warning-plus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s-alt-low) 90%); --op-color-alerts-warning-on-plus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%); --op-color-alerts-warning-plus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s-alt-med) 84%); --op-color-alerts-warning-on-plus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%); --op-color-alerts-warning-plus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s-alt-high) 70%); --op-color-alerts-warning-on-plus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%); --op-color-alerts-warning-plus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 60%); --op-color-alerts-warning-on-plus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%); --op-color-alerts-warning-plus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 52%); --op-color-alerts-warning-on-plus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%); --op-color-alerts-warning-base: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 48%); --op-color-alerts-warning-on-base: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%); --op-color-alerts-warning-minus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 46%); --op-color-alerts-warning-on-minus-one: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%); --op-color-alerts-warning-minus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 43%); --op-color-alerts-warning-on-minus-two: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%); --op-color-alerts-warning-minus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 28%); --op-color-alerts-warning-on-minus-three: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 86%); --op-color-alerts-warning-minus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%); --op-color-alerts-warning-on-minus-four: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 84%); --op-color-alerts-warning-minus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%); --op-color-alerts-warning-on-minus-five: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%); --op-color-alerts-warning-minus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%); --op-color-alerts-warning-on-minus-six: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 94%); --op-color-alerts-warning-minus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%); --op-color-alerts-warning-on-minus-seven: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%); --op-color-alerts-warning-minus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%); --op-color-alerts-warning-on-minus-eight: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 98%); --op-color-alerts-warning-minus-max: var(--op-color-black); --op-color-alerts-warning-on-minus-max: var(--op-color-white); --op-color-alerts-danger-plus-max: var(--op-color-white); --op-color-alerts-danger-on-plus-max: var(--op-color-black); --op-color-alerts-danger-plus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 98%); --op-color-alerts-danger-on-plus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 23%); --op-color-alerts-danger-on-plus-eight-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 40%); --op-color-alerts-danger-on-plus-eight-alt-high: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 64%); --op-color-alerts-danger-plus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 96%); --op-color-alerts-danger-on-plus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 40%); --op-color-alerts-danger-plus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 94%); --op-color-alerts-danger-on-plus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 40%); --op-color-alerts-danger-plus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 87%); --op-color-alerts-danger-on-plus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 38%); --op-color-alerts-danger-plus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 84%); --op-color-alerts-danger-on-plus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%); --op-color-alerts-danger-plus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 70%); --op-color-alerts-danger-on-plus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%); --op-color-alerts-danger-plus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 64%); --op-color-alerts-danger-on-plus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%); --op-color-alerts-danger-plus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 52%); --op-color-alerts-danger-on-plus-one: var(--op-color-white); --op-color-alerts-danger-base: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 40%); --op-color-alerts-danger-on-base: var(--op-color-white); --op-color-alerts-danger-on-base-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 87%); --op-color-alerts-danger-minus-one: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%); --op-color-alerts-danger-on-minus-one: var(--op-color-white); --op-color-alerts-danger-on-minus-one-alt: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s-alt) 87%); --op-color-alerts-danger-minus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 32%); --op-color-alerts-danger-on-minus-two: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%); --op-color-alerts-danger-minus-three: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%); --op-color-alerts-danger-on-minus-three: var(--op-color-white); --op-color-alerts-danger-minus-four: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%); --op-color-alerts-danger-on-minus-four: var(--op-color-white); --op-color-alerts-danger-minus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 23%); --op-color-alerts-danger-on-minus-five: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%); --op-color-alerts-danger-minus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%); --op-color-alerts-danger-on-minus-six: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%); --op-color-alerts-danger-minus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%); --op-color-alerts-danger-on-minus-seven: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%); --op-color-alerts-danger-minus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%); --op-color-alerts-danger-on-minus-eight: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%); --op-color-alerts-danger-minus-max: var(--op-color-black); --op-color-alerts-danger-on-minus-max: var(--op-color-white); --op-color-unavailable-h: 285; --op-color-unavailable-s: 80%; --op-color-unavailable-l: 50%; --op-color-unavailable-plus-eight: hsl(var(--op-color-unavailable-h) var(--op-color-unavailable-s) 98%); --op-color-unavailable-on-plus-eight: hsl(var(--op-color-unavailable-h) var(--op-color-unavailable-s) 26%); --op-color-unavailable-plus-seven: hsl(var(--op-color-unavailable-h) var(--op-color-unavailable-s) 95%); --op-color-unavailable-on-plus-seven: hsl(var(--op-color-unavailable-h) var(--op-color-unavailable-s) 26%); --op-color-unavailable-plus-six: hsl(var(--op-color-unavailable-h) var(--op-color-unavailable-s) 92%); --op-color-unavailable-on-plus-six: hsl(var(--op-color-unavailable-h) var(--op-color-unavailable-s) 26%); --op-color-unavailable-plus-five: hsl(var(--op-color-unavailable-h) var(--op-color-unavailable-s) 86%); --op-color-unavailable-on-plus-five: hsl(var(--op-color-unavailable-h) var(--op-color-unavailable-s) 26%); --op-color-unavailable-plus-four: hsl(var(--op-color-unavailable-h) var(--op-color-unavailable-s) 78%); --op-color-unavailable-on-plus-four: hsl(var(--op-color-unavailable-h) var(--op-color-unavailable-s) 26%); --op-color-unavailable-base: hsl(var(--op-color-unavailable-h) var(--op-color-unavailable-s) 26%); --op-color-unavailable-on-base: var(--op-color-white); --op-sidebar-icon-on-plus-max: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 58%); --op-protrude-light: hsla(0deg 100% 100% / 7%); --op-protrude-shadow: hsla(0deg 0% 0% / 4%); --op-input-protrude-light: inset 0 var(--op-border-width-large) 0 0 var(--op-protrude-light); --op-input-protrude-shadow: 0 var(--op-border-width) 0 0 var(--op-protrude-shadow); --op-recessed-shadow: hsla(0deg 0% 0% / 3%); --op-input-recessed-shadow: inset 0 var(--op-border-width-large) 0 0 var(--op-recessed-shadow); --op-input-outer-focus: 0 0 0 var(--op-border-width-x-large); --op-input-inner-focus: 0 0 0 var(--op-border-width-large); --op-border-color: var(--op-color-neutral-plus-four); --op-color-background: var(--op-color-neutral-plus-seven); --op-color-on-background: var(--op-color-neutral-on-plus-seven); --op-color-on-background-alt: var(--op-color-neutral-on-plus-seven-alt); } :root { --op-avatar-size: 6rem; } .avatar { display: flex; justify-content: center; align-items: center; height: var(--op-avatar-size); width: var(--op-avatar-size); background-color: var(--op-color-neutral-plus-two); border-radius: var(--op-radius-circle); color: var(--op-color-primary-on-minus-four); font-size: var(--op-font-2x-large); overflow: hidden; text-decoration: none; } .avatar.avatar--empty { background-color: var(--op-color-primary-minus-four); } @media (max-height: 768px) { .avatar { display: none; } } .avatar img { max-height: 100%; } .badge, .badge-primary, .badge-warning, .badge-danger, .badge-info, .badge-notice { font-size: var(--op-font-2x-small); text-transform: uppercase; border-radius: var(--op-radius-pill); letter-spacing: 0.07em; font-weight: var(--op-font-weight-semi-bold); } a.badge-info { text-decoration: none; cursor: pointer; } .ti { transform: translateY(-0.5px); } .btn-warning, .btn, .btn--on-call, .btn-primary, .btn-secondary, .btn-delete { border-radius: var(--op-radius-medium); font-size: var(--_op-btn-font-small); padding: 0 var(--op-space-x-small); } .btn--small.btn-warning, .btn--small.btn, .btn--small.btn--on-call, .btn--small.btn-primary, .btn--small.btn-secondary, .btn--small.btn-delete { gap: var(--op-space-2x-small); padding: var(--op-space-2x-small); } .btn--large.btn-warning, .btn--large.btn, .btn--large.btn--on-call, .btn--large.btn-primary, .btn--large.btn-secondary, .btn--large.btn-delete { padding: 0 var(--op-space-small); } .btn-warning .icon, .btn .icon, .btn--on-call .icon, .btn-primary .icon, .btn-secondary .icon, .btn-delete .icon { width: var(--op-space-medium); font-size: var(--_op-btn-font-large); } @media (max-width: 768px) { .btn-warning, .btn, .btn--on-call, .btn-primary, .btn-secondary, .btn-delete { padding: 0 var(--op-space-small); } } .btn, .btn--on-call { background-color: var(--op-color-neutral-plus-eight); box-shadow: var(--op-border-all) var(--op-color-neutral-plus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-neutral-on-plus-eight); } .btn .icon, .btn--on-call .icon { color: var(--op-color-neutral-on-plus-eight-alt); } .btn:not(:disabled, .btn--disabled):hover, .btn--on-call:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-neutral-plus-seven); box-shadow: var(--op-border-all) var(--op-color-neutral-plus-three), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-neutral-on-plus-seven); } .btn:not(:disabled, .btn--disabled):hover .icon, .btn--on-call:not(:disabled, .btn--disabled):hover .icon { color: var(--op-color-neutral-on-plus-seven-alt); } .btn:not(:disabled, .btn--disabled):hover.btn--icon, .btn--on-call:not(:disabled, .btn--disabled):hover.btn--icon, .btn.modal__close:not(:disabled, .btn--disabled):hover, .modal__close.btn--on-call:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-neutral-plus-seven); box-shadow: var(--op-border-all) var(--op-color-neutral-plus-three), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .btn:not(:disabled, .btn--disabled):hover.btn--icon .icon, .btn--on-call:not(:disabled, .btn--disabled):hover.btn--icon .icon, .btn.modal__close:not(:disabled, .btn--disabled):hover .icon, .modal__close.btn--on-call:not(:disabled, .btn--disabled):hover .icon { color: var(--op-color-neutral-on-plus-seven); } .btn:not(:disabled, .btn--disabled):hover.btn--no-border, .btn--on-call:not(:disabled, .btn--disabled):hover.btn--no-border, .btn.modal__close:not(:disabled, .btn--disabled):hover, .modal__close.btn--on-call:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-neutral-plus-seven); } .btn:focus, .btn--on-call:focus, .btn:focus-within, .btn--on-call:focus-within, .btn:focus-visible, .btn--on-call:focus-visible { box-shadow: var(--op-border-all) var(--op-color-neutral-plus-one), var(--op-input-protrude-light), var(--op-input-inner-focus) var(--op-color-neutral-plus-max), var(--op-input-outer-focus) var(--op-color-neutral-plus-one); } .btn.btn--no-border, .btn--no-border.btn--on-call, .btn.modal__close, .modal__close.btn--on-call { background-color: transparent; } .btn.btn--icon, .btn--icon.btn--on-call, .btn.modal__close, .modal__close.btn--on-call { background-color: transparent; box-shadow: none; } .btn.btn--icon .icon, .btn--icon.btn--on-call .icon, .btn.modal__close .icon, .modal__close.btn--on-call .icon { color: var(--op-color-neutral-on-plus-eight); } .btn.btn--icon:focus, .btn--icon.btn--on-call:focus, .btn.modal__close:focus, .modal__close.btn--on-call:focus, .btn.btn--icon:focus-within, .btn--icon.btn--on-call:focus-within, .btn.modal__close:focus-within, .modal__close.btn--on-call:focus-within, .btn.btn--icon:focus-visible, .btn--icon.btn--on-call:focus-visible, .btn.modal__close:focus-visible, .modal__close.btn--on-call:focus-visible { background-color: var(--op-color-neutral-plus-seven); box-shadow: var(--op-border-all) var(--op-color-neutral-plus-three), var(--op-input-protrude-light), var(--op-input-inner-focus) var(--op-color-neutral-plus-max), var(--op-input-outer-focus) var(--op-color-neutral-plus-one); } .btn-primary { background-color: var(--op-color-primary-minus-four); box-shadow: var(--op-border-all) var(--op-color-primary-minus-five), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-primary-on-minus-four); } .btn-primary .icon { color: var(--op-color-primary-on-minus-four-alt); } .btn-primary:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-primary-minus-five); box-shadow: var(--op-border-all) var(--op-color-primary-minus-six), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-primary-on-minus-four); } .btn-primary:not(:disabled, .btn--disabled):hover .icon { color: var(--op-color-primary-on-minus-four-alt); } .btn-primary:not(:disabled, .btn--disabled):hover.btn--icon, .btn-primary.modal__close:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-primary-plus-eight); box-shadow: var(--op-border-all) var(--op-color-primary-plus-five), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .btn-primary:not(:disabled, .btn--disabled):hover.btn--icon .icon, .btn-primary.modal__close:not(:disabled, .btn--disabled):hover .icon { color: var(--op-color-primary-on-plus-eight); } .btn-primary:not(:disabled, .btn--disabled):hover.btn--no-border, .btn-primary.modal__close:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-primary-plus-eight); color: var(--op-color-primary-on-plus-eight); box-shadow: var(--op-border-all) var(--op-color-primary-plus-five), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .btn-primary:not(:disabled, .btn--disabled):hover.btn--no-border .icon, .btn-primary.modal__close:not(:disabled, .btn--disabled):hover .icon { color: var(--op-color-primary-on-plus-eight-alt); } .btn-primary:focus, .btn-primary:focus-within, .btn-primary:focus-visible { box-shadow: var(--op-border-all) var(--op-color-primary-minus-six), var(--op-input-protrude-light), var(--op-input-inner-focus) var(--op-color-primary-plus-max), var(--op-input-outer-focus) var(--op-color-primary-minus-three); } .btn-primary.btn--no-border, .btn-primary.modal__close { background-color: transparent; color: var(--op-color-primary-on-plus-eight); } .btn-primary.btn--no-border .icon, .btn-primary.modal__close .icon { color: var(--op-color-primary-on-plus-eight-alt); } .btn-primary.btn--icon, .btn-primary.modal__close { background-color: transparent; box-shadow: none; } .btn-primary.btn--icon .icon, .btn-primary.modal__close .icon { color: var(--op-color-primary-on-plus-eight); } .btn-primary.btn--icon:focus, .btn-primary.modal__close:focus, .btn-primary.btn--icon:focus-within, .btn-primary.modal__close:focus-within, .btn-primary.btn--icon:focus-visible, .btn-primary.modal__close:focus-visible { background-color: var(--op-color-primary-plus-eight); box-shadow: var(--op-border-all) var(--op-color-primary-plus-five), var(--op-input-protrude-light), var(--op-input-inner-focus) var(--op-color-primary-plus-max), var(--op-input-outer-focus) var(--op-color-primary-minus-three); } .btn-delete { box-shadow: var(--op-border-all) var(--op-color-alerts-danger-minus-one), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .btn-delete .icon { color: var(--op-color-alerts-danger-on-base-alt); } .btn-delete:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-alerts-danger-minus-one); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-minus-two), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-danger-on-minus-one); } .btn-delete:not(:disabled, .btn--disabled):hover .icon { color: var(--op-color-alerts-danger-on-minus-one-alt); } .btn-delete:not(:disabled, .btn--disabled):hover.btn--icon, .btn-delete.modal__close:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-alerts-danger-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-plus-six), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .btn-delete:not(:disabled, .btn--disabled):hover.btn--icon .icon, .btn-delete.modal__close:not(:disabled, .btn--disabled):hover .icon { color: var(--op-color-alerts-danger-on-plus-eight-alt); } .btn-delete:not(:disabled, .btn--disabled):hover.btn--no-border, .btn-delete.modal__close:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-alerts-danger-plus-eight); color: var(--op-color-alerts-danger-on-plus-eight-alt); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-plus-five), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .btn-delete:not(:disabled, .btn--disabled):hover.btn--no-border .icon, .btn-delete.modal__close:not(:disabled, .btn--disabled):hover .icon { color: var(--op-color-alerts-danger-on-plus-eight-alt-high); } .btn-delete:focus, .btn-delete:focus-within, .btn-delete:focus-visible { box-shadow: var(--op-border-all) var(--op-color-alerts-danger-minus-two), var(--op-input-protrude-light), var(--op-input-inner-focus) var(--op-color-alerts-danger-plus-max), var(--op-input-outer-focus) var(--op-color-alerts-danger-base); } .btn-delete.btn--no-border, .btn-delete.modal__close { background-color: transparent; color: var(--op-color-alerts-danger-on-plus-eight-alt); } .btn-delete.btn--no-border .icon, .btn-delete.modal__close .icon { color: var(--op-color-alerts-danger-on-plus-eight-alt-high); } .btn-delete.btn--icon, .btn-delete.modal__close { background-color: transparent; box-shadow: none; } .btn-delete.btn--icon .icon, .btn-delete.modal__close .icon { color: var(--op-color-alerts-danger-on-plus-eight-alt); } .btn-delete.btn--icon:focus, .btn-delete.modal__close:focus, .btn-delete.btn--icon:focus-within, .btn-delete.modal__close:focus-within, .btn-delete.btn--icon:focus-visible, .btn-delete.modal__close:focus-visible { background-color: var(--op-color-alerts-danger-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-plus-six), var(--op-input-protrude-light), var(--op-input-inner-focus) var(--op-color-alerts-danger-plus-max), var(--op-input-outer-focus) var(--op-color-alerts-danger-base); } .btn-warning { background-color: var(--op-color-alerts-warning-plus-seven); color: var(--op-color-alerts-warning-on-plus-seven); box-shadow: var(--op-border-all) var(--op-color-alerts-warning-plus-three), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .btn-warning .icon { color: var(--op-color-alerts-warning-on-plus-seven); } .btn-warning:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-alerts-warning-plus-six); box-shadow: var(--op-border-all) var(--op-color-alerts-warning-plus-two), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-warning-on-plus-six); } .btn-warning:not(:disabled, .btn--disabled):hover .icon { color: var(--op-color-alerts-warning-on-plus-six); } .btn-warning:not(:disabled, .btn--disabled):hover.btn--icon, .btn-warning.modal__close:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-alerts-warning-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-warning-plus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .btn-warning:not(:disabled, .btn--disabled):hover.btn--icon .icon, .btn-warning.modal__close:not(:disabled, .btn--disabled):hover .icon { color: var(--op-color-alerts-warning-on-plus-eight); } .btn-warning:not(:disabled, .btn--disabled):hover.btn--no-border, .btn-warning.modal__close:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-alerts-warning-plus-eight); color: var(--op-color-alerts-warning-on-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-warning-plus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .btn-warning:not(:disabled, .btn--disabled):hover.btn--no-border .icon, .btn-warning.modal__close:not(:disabled, .btn--disabled):hover .icon { color: var(--op-color-alerts-warning-on-plus-eight-alt); } .btn-warning:focus, .btn-warning:focus-within, .btn-warning:focus-visible { box-shadow: var(--op-border-all) var(--op-color-alerts-warning-plus-three), var(--op-input-protrude-light), var(--op-input-inner-focus) var(--op-color-alerts-warning-plus-max), var(--op-input-outer-focus) var(--op-color-alerts-warning-plus-three); } .btn-warning.btn--no-border, .btn-warning.modal__close { background-color: transparent; box-shadow: none; color: var(--op-color-alerts-warning-on-plus-eight); } .btn-warning.btn--no-border .icon, .btn-warning.modal__close .icon { color: var(--op-color-alerts-warning-on-plus-eight-alt-high); } .btn-warning.btn--icon, .btn-warning.modal__close { background-color: transparent; box-shadow: none; } .btn-warning.btn--icon .icon, .btn-warning.modal__close .icon { color: var(--op-color-alerts-warning-on-plus-eight); } .btn-warning.btn--icon:focus, .btn-warning.modal__close:focus, .btn-warning.btn--icon:focus-within, .btn-warning.modal__close:focus-within, .btn-warning.btn--icon:focus-visible, .btn-warning.modal__close:focus-visible { background-color: var(--op-color-alerts-warning-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-warning-plus-five), var(--op-input-protrude-light), var(--op-input-inner-focus) var(--op-color-alerts-warning-plus-max), var(--op-input-outer-focus) var(--op-color-alerts-warning-plus-five); } a.btn--icon, a.modal__close { text-decoration: none; } .btn--on-call { display: grid; gap: var(--op-space-2x-small); height: auto; line-height: var(--op-line-height-densest); padding: var(--op-space-x-small); } .btn--on-call .on-call__staff { color: var(--op-color-neutral-on-plus-max); font-weight: var(--op-font-weight-semi-bold); } .btn--on-call .on-call__time { color: var(--op-color-neutral-on-plus-three); } .calendar__date--today .btn--on-call:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-primary-plus-eight); box-shadow: var(--op-border-all) var(--op-color-primary-plus-three), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .calendar__date--today .btn--on-call .on-call__staff { color: var(--op-color-primary-on-plus-seven); } .calendar__date--today .btn--on-call .on-call__time { color: var(--op-color-primary-on-plus-three); } [data-tooltip] { position: relative; } [data-tooltip]:hover:after { content: attr(data-tooltip); position: absolute; top: -4rem; background-color: var(--op-color-neutral-minus-five); padding: var(--op-space-x-small); border-radius: var(--op-radius-medium); color: var(--op-color-neutral-on-minus-five); text-align: center; width: max-content; animation: show-tooltip 0s 1s forwards; visibility: hidden; z-index: var(--op-z-index-tooltip); } .btn-shifts--deleted-during-payroll, .btn-shifts--archived, .btn-shifts--unassigned, .btn-shifts--available, .btn-shifts--unavailable, .btn-shifts--booked { --op-btn-shifts-height: 2.2rem; --op-z-index-tooltip: 10; display: flex; justify-content: center; align-items: center; gap: var(--op-space-3x-small); position: relative; border-radius: var(--op-radius-medium); font-size: var(--op-font-x-small); padding: var(--op-space-2x-small); padding-right: var(--op-space-x-small); text-decoration: none; width: 100%; height: var(--op-btn-shifts-height); } .btn-shifts--deleted-during-payroll .ti, .btn-shifts--archived .ti, .btn-shifts--unassigned .ti, .btn-shifts--available .ti, .btn-shifts--unavailable .ti, .btn-shifts--booked .ti { font-size: var(--op-font-medium); } .btn-shifts--deleted-during-payroll:hover:after, .btn-shifts--archived:hover:after, .btn-shifts--unassigned:hover:after, .btn-shifts--available:hover:after, .btn-shifts--unavailable:hover:after, .btn-shifts--booked:hover:after { content: attr(help_text); position: absolute; top: 0; top: -4rem; background-color: var(--op-color-neutral-minus-five); padding: var(--op-space-x-small); border-radius: var(--op-radius-medium); color: var(--op-color-neutral-on-minus-five); text-align: center; width: max-content; animation: show-tooltip 0s 1s forwards; visibility: hidden; z-index: var(--op-z-index-tooltip); } .btn-shifts--deleted-during-payroll:hover:before, .btn-shifts--archived:hover:before, .btn-shifts--unassigned:hover:before, .btn-shifts--available:hover:before, .btn-shifts--unavailable:hover:before, .btn-shifts--booked:hover:before { content: ""; background-color: var(--op-color-neutral-minus-five); bottom: 3rem; position: absolute; transform: rotate(45deg); width: 1rem; height: 1rem; animation: show-tooltip 0s 1s forwards; visibility: hidden; } .calendar__date:not(.current-month) .btn-shifts--deleted-during-payroll, .calendar__date:not(.current-month) .btn-shifts--archived, .calendar__date:not(.current-month) .btn-shifts--unassigned, .calendar__date:not(.current-month) .btn-shifts--available, .calendar__date:not(.current-month) .btn-shifts--unavailable, .calendar__date:not(.current-month) .btn-shifts--booked { background-color: var(--op-color-neutral-plus-eight); box-shadow: var(--op-border-all) var(--op-color-neutral-plus-three), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .calendar__date:not(.current-month) .btn-shifts--deleted-during-payroll:not(:disabled, .btn--disabled):hover, .calendar__date:not(.current-month) .btn-shifts--archived:not(:disabled, .btn--disabled):hover, .calendar__date:not(.current-month) .btn-shifts--unassigned:not(:disabled, .btn--disabled):hover, .calendar__date:not(.current-month) .btn-shifts--available:not(:disabled, .btn--disabled):hover, .calendar__date:not(.current-month) .btn-shifts--unavailable:not(:disabled, .btn--disabled):hover, .calendar__date:not(.current-month) .btn-shifts--booked:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-neutral-plus-eight); box-shadow: var(--op-border-all) var(--op-color-neutral-plus-two), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } @keyframes show-tooltip { to { visibility: visible; } } .btn-shifts--booked { background-color: var(--op-color-primary-plus-eight); box-shadow: var(--op-border-all) var(--op-color-primary-plus-three), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-primary-on-plus-eight); } .btn-shifts--booked:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-primary-plus-seven); box-shadow: var(--op-border-all) var(--op-color-primary-plus-two), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-primary-on-plus-seven); } .btn-shifts--unavailable { background-color: var(--op-color-unavailable-plus-eight); box-shadow: var(--op-border-all) var(--op-color-unavailable-plus-five), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-unavailable-on-plus-eight); } .btn-shifts--unavailable:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-unavailable-plus-eight); box-shadow: var(--op-border-all) var(--op-color-unavailable-plus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-unavailable-on-plus-eight); } .btn-shifts--available { background-color: var(--op-color-alerts-info-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-info-plus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-info-on-plus-eight-alt); } .btn-shifts--available:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-alerts-info-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-info-plus-three), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-info-on-plus-eight-alt); } .btn-shifts--unassigned { background-color: var(--op-color-alerts-danger-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-plus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-danger-on-plus-eight-alt); } .btn-shifts--unassigned:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-alerts-danger-plus-eight); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-plus-three), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-danger-on-plus-eight-alt); } .btn-shifts--archived { background-color: var(--op-color-neutral-plus-eight); box-shadow: var(--op-border-all) var(--op-color-neutral-plus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-neutral-on-plus-eight-alt); } .btn-shifts--archived:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-neutral-plus-eight); box-shadow: var(--op-border-all) var(--op-color-neutral-plus-three), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-neutral-on-plus-eight-alt); } .btn-shifts--deleted-during-payroll { background-color: var(--op-color-neutral-minus-eight); box-shadow: var(--op-border-all) var(--op-color-neutral-minus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-neutral-on-minus-eight-alt); } .btn-shifts--deleted-during-payroll:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-neutral-minus-eight); box-shadow: var(--op-border-all) var(--op-color-neutral-minus-three), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-neutral-on-minus-eight-alt); } .calendar__date:not(.current-month) .btn-shifts--deleted-during-payroll { background-color: var(--op-color-neutral-minus-eight); box-shadow: var(--op-border-all) var(--op-color-neutral-minus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .calendar__date:not(.current-month) .btn-shifts--deleted-during-payroll:not(:disabled, .btn--disabled):hover { background-color: var(--op-color-neutral-minus-eight); box-shadow: var(--op-border-all) var(--op-color-neutral-minus-three), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .btn--calendar-shift { --op-btn-shifts-height: auto; flex-direction: column; white-space: break-spaces; } .btn--calendar-shift:hover:before, .btn--calendar-shift:hover:after { display: none; } .btn--calendar-shift .calendar-shift__status { padding: var(--op-space-3x-small); } .btn--calendar-shift .calendar-shift__department { font-weight: var(--op-font-weight-semi-bold); } .btn--calendar-shift .calendar-shift__time { padding: var(--op-space-3x-small); } @media print { .calendar-container { grid-template-columns: auto; } } .calendar { display: grid; gap: var(--op-space-large); height: 100%; } .calendar__controls { display: grid; grid-auto-flow: column; justify-content: center; align-items: center; gap: var(--op-space-2x-small); } .bulk-scheduling { width: 100%; display: grid; grid-template-columns: 1fr 1fr; justify-items: end; align-items: end; padding: var(--op-space-2x-small) 0; } @media screen and (max-width: 768px) { .bulk-scheduling { grid-template-columns: auto; justify-items: center; align-items: center; gap: var(--op-space-small); } } .bulk-scheduling .calendar__controls { transform: translateX(50%); } @media screen and (max-width: 768px) { .bulk-scheduling .calendar__controls { transform: none; } } @media print { .bulk-scheduling { display: none; } } @media (max-width: 768px) { .bulk-scheduling-controls { display: none; } } .calendar__month { display: grid; grid-template-rows: min-content; border-radius: var(--op-radius-medium); border: var(--op-border-width) solid var(--op-color-calendar-border); overflow: auto; height: 100%; } @media screen and (max-width: 768px) { .calendar__month { border: none; } } @media print { .calendar__month { width: 100%; } } .calendar__month .calendar__head { display: grid; text-align: center; grid-template-columns: repeat(7, 1fr); font-size: var(--op-font-x-small); background-color: var(--op-color-neutral-plus-six); color: var(--op-color-neutral-on-plus-six); border-bottom: var(--op-border-width) solid var(--op-color-calendar-border); padding-top: var(--op-space-small); padding-bottom: var(--op-space-small); position: sticky; top: 0; z-index: 2; } @media screen and (max-width: 768px) { .calendar__month .calendar__head { display: none; } } .calendar__month .calendar__days { display: grid; grid-template-columns: repeat(7, 14.2857142857%); position: relative; } @media screen and (max-width: 768px) { .calendar__month .calendar__days { grid-template-columns: auto; } } .calendar__month .calendar__days .date__bulk-add { display: none; } .calendar__month .calendar__days.bulk-scheduling--active .date__add-shift { display: none; } .calendar__month .calendar__days.bulk-scheduling--active .date__bulk-add { display: flex; padding: var(--op-space-3x-small); padding-left: 0; } .calendar__date { --op-calendar-day-height: 15rem; position: relative; display: grid; gap: var(--op-space-small); grid-template-rows: auto 1fr auto; padding: var(--op-space-small); min-height: var(--op-calendar-day-height); border-right: var(--op-border-width) solid var(--op-color-calendar-border); background-color: var(--op-color-neutral-plus-max); color: var(--op-color-neutral-on-plus-max); } @media screen and (max-width: 768px) { .calendar__date { border-right: 0; min-height: unset; } } @media print { .calendar__date { min-height: unset; gap: var(--op-space-2x-small); } } .calendar__date:not(.current-month) { background: repeating-linear-gradient(-45deg, var(--op-color-neutral-plus-seven), var(--op-color-neutral-plus-seven) 4px, var(--op-color-neutral-plus-three) 6px, var(--op-color-neutral-plus-three) 6px); } @media print { .calendar__date:not(.current-month) * { opacity: 0; } } .calendar__date:not(:nth-last-child(-n+7)) { border-bottom: var(--op-border-width) solid var(--op-color-calendar-border); } @media screen and (max-width: 768px) { .calendar__date { border-bottom: var(--op-border-width) solid var(--op-color-calendar-border); } } .calendar__date:nth-of-type(7n + 7) { border-right: 0; } .calendar__date:last-of-type { border-bottom: 0; } .calendar__date.calendar__date--today { background-color: var(--op-color-primary-plus-six); color: var(--op-color-primary-on-plus-six); box-shadow: var(--op-current-day-highlight); } .calendar__date.calendar__date--today .date__numeral { color: var(--op-color-primary-plus-max); background-color: var(--op-color-primary-on-plus-seven); border-radius: var(--op-radius-medium); } .calendar__date.calendar__date--holiday { background-color: var(--op-color-alerts-danger-plus-seven); color: var(--op-color-alerts-danger-on-plus-seven); box-shadow: var(--op-holiday-highlight); } .calendar__date.calendar__date--holiday .date__numeral { color: var(--op-color-alerts-danger-on-plus-seven); } .calendar__date.calendar__date--today.calendar__date--holiday .date__numeral { background-color: var(--op-color-alerts-danger-base); color: var(--op-color-alerts-danger-on-base); } .date__header { display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 768px) { .date__header { flex-direction: row-reverse; } } .date__day-wrapper { display: flex; flex-direction: row; gap: var(--op-space-2x-small); align-items: center; } .date__numeral { --op-calendar-current-day-size: 2.4rem; position: relative; display: flex; align-items: center; justify-content: center; z-index: var(--op-z-index-day); font-size: var(--op-font-x-small); font-weight: var(--op-font-weight-semi-bold); padding: 0 var(--op-space-2x-small); min-width: var(--op-calendar-current-day-size); height: var(--op-calendar-current-day-size); white-space: nowrap; } @media screen and (max-width: 768px) { .date__numeral { font-size: var(--op-font-small); } } .calendar__date:not(.current-month) .date__numeral { color: var(--op-color-neutral-on-plus-seven-alt); } .calendar__date:not(.current-month).calendar__date--today .date__numeral { color: var(--op-color-primary-plus-max); } .date__month-name { display: none; } @media screen and (max-width: 768px) { .date__month-name { display: initial; } } .date__standard { display: initial; } @media screen and (max-width: 768px) { .date__standard { display: none; } } .date__day-name { display: none; font-size: var(--op-font-x-small); color: var(--op-color-neutral-on-plus-max-alt); } @media screen and (max-width: 768px) { .date__day-name { display: initial; } } .calendar__date.calendar__date--today .date__day-name { color: var(--op-color-primary-on-plus-six); } .date__shifts { display: grid; gap: var(--op-space-2x-small); align-content: flex-start; } .date__shifts .date__booked { display: grid; } .date__shifts .date__other { display: grid; grid-auto-flow: column; gap: var(--op-space-2x-small); } .date__on-call { display: flex; justify-content: center; } .calendar__print-header { display: none; margin-bottom: var(--op-space-small); } @media print { .calendar__print-header { display: block; } } @media print { .date__add-shift, .calendar__controls { display: none; } .btn--on-call { font-size: var(--op-font-2x-small); } } .menu { --_op-menu-max-width: 25rem; background-color: var(--op-color-neutral-plus-max); color: var(--op-color-neutral-on-plus-max); border-radius: var(--op-radius-medium); max-width: var(--_op-menu-max-width); } .menu .menu__section:not(:first-child) { border-top: solid var(--op-border-width) var(--op-color-border); } .menu .menu-item { display: flex; align-items: center; justify-content: space-between; font-size: var(--op-font-small); padding: var(--op-space-2x-small) var(--op-space-small); cursor: pointer; color: var(--op-color-neutral-on-plus-max-alt); text-decoration: none; gap: var(--op-space-medium); } .menu .menu-item .menu-item__text { flex-grow: 1; padding: 0 var(--op-space-2x-small); text-align: left; } .menu .menu-item:hover { background-color: var(--op-color-neutral-plus-eight); color: var(--op-color-neutral-on-plus-eight); } .context-menu { position: relative; } .context-menu .menu { position: absolute; top: 4.5rem; width: max-content; z-index: 3; right: 0; } .context-menu__wrapper { text-align: right; } .time-input, .form-control:not([type=radio], [type=checkbox]), textarea.form-control { --__op-input-height: var(--op-input-height-medium); border-radius: var(--op-radius-medium); padding: 0 var(--op-space-x-small); font-size: var(--op-font-small); font-weight: var(--op-font-weight-normal); box-shadow: var(--op-border-all) var(--op-border-color), var(--op-input-recessed-shadow); } .form-label { font-size: var(--op-font-small); } .input--icon { display: grid; grid-template-rows: 1fr; justify-items: start; align-items: center; grid-column: 1/3; } .input--icon .ti { grid-row-start: 1; grid-column-start: 1; padding-left: 0.75rem; color: var(--op-color-neutral-base); } .input--icon input { grid-row-start: 1; padding-left: 2.75rem !important; } .form-group { gap: var(--op-space-2x-small); align-items: center; padding: 0; } .form-group .form-label { color: var(--op-color-neutral-on-plus-seven-alt); font-size: var(--op-font-x-small); letter-spacing: 0; line-height: var(--op-line-height-densest); } .form-group:not([class$=width]) { width: 100%; } .form-group.textarea textarea.form-control { height: auto; } .form-group.boolean > .form-label { width: max-content; } .form-control:not([type=radio], [type=checkbox]):focus, .form-control:not([type=radio], [type=checkbox]):focus-within, .form-control:not([type=radio], [type=checkbox]):focus-visible, .form-control:not([type=radio], [type=checkbox]):active { box-shadow: var(--op-border-all) var(--op-color-neutral-plus-two), var(--op-input-recessed-shadow); outline: none; } .form-control:not([type=radio], [type=checkbox]):focus:hover:not(:disabled), .form-control:not([type=radio], [type=checkbox]):focus-within:hover:not(:disabled), .form-control:not([type=radio], [type=checkbox]):focus-visible:hover:not(:disabled), .form-control:not([type=radio], [type=checkbox]):active:hover:not(:disabled) { box-shadow: var(--op-border-all) var(--op-color-neutral-plus-two), var(--op-input-recessed-shadow); } .form-control:not([type=radio], [type=checkbox]):hover:not(:disabled) { box-shadow: var(--op-border-all) var(--op-color-neutral-plus-two), var(--op-input-recessed-shadow); } .form-control:not([type=radio], [type=checkbox])[readonly] { background-color: var(--op-color-neutral-plus-six); color: var(--op-color-on-background-alt); cursor: not-allowed; } textarea.form-control.notes { height: auto; } .form-control.content-modified, input.content-modified + label { font-weight: var(--op-font-weight-bold) !important; } .boolean.form-control.no-label.content-modified::before { border: 3px dashed var(--op-color-neutral-plus-two); } select.form-control:not([multiple], [type=radio], [type=checkbox]) { background-color: var(--op-color-neutral-plus-max); box-shadow: var(--op-border-all) var(--op-color-neutral-plus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-neutral-on-plus-max); } select.form-control:not([multiple], [type=radio], [type=checkbox]):hover:not(:disabled) { box-shadow: var(--op-border-all) var(--op-color-neutral-plus-two), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .calendar__select:not([type=radio], [type=checkbox]) { --__op-input-height: var(--op-input-height-large); padding-left: var(--op-space-medium); } .form-row { display: flex; gap: var(--op-space-large); } .form-col { display: flex; gap: var(--op-space-large); flex-direction: column; } .info-section--employment-information .form-group.boolean:not(.hidden) { align-self: end; height: var(--op-input-height-medium); display: flex; } .form-group.radio_buttons { width: auto; } .radio { display: grid; grid-template-columns: var(--op-space-large) auto; align-items: center; gap: var(--op-space-2x-small); height: var(--op-input-height-medium); } .radio label { margin-right: 0.5rem; } .radio label, .boolean + .form-label { font-size: var(--op-font-small); font-weight: var(--op-font-weight-normal); color: var(--op-color-on-background); } .form-group.checkbox { display: flex; align-items: center; height: calc(var(--op-input-height-large) + 12px); } [disabled].radio label, [disabled].boolean + .form-label { color: var(--op-color-on-background-alt); cursor: not-allowed; } input[type=radio], input[type=checkbox] { appearance: none; border: none; content: none; margin: 0; outline: none; position: relative; width: auto; height: auto; } input[type=radio]:checked, input[type=checkbox]:checked { appearance: none; border: none; content: none; outline: none; padding: 0; } input[type=radio]::before, input[type=checkbox]::before { display: block; margin-right: var(--op-space-2x-small); background-color: var(--op-color-white); width: var(--op-space-large); height: var(--op-space-large); box-shadow: var(--op-border-all) var(--op-border-color), var(--op-input-recessed-shadow); } input[type=radio]:focus, input[type=radio]:focus-within, input[type=radio]:focus-visible, input[type=radio]:active, input[type=checkbox]:focus, input[type=checkbox]:focus-within, input[type=checkbox]:focus-visible, input[type=checkbox]:active { box-shadow: none; outline: none; } input[type=radio]:focus:hover:not(:disabled), input[type=radio]:focus-within:hover:not(:disabled), input[type=radio]:focus-visible:hover:not(:disabled), input[type=radio]:active:hover:not(:disabled), input[type=checkbox]:focus:hover:not(:disabled), input[type=checkbox]:focus-within:hover:not(:disabled), input[type=checkbox]:focus-visible:hover:not(:disabled), input[type=checkbox]:active:hover:not(:disabled) { box-shadow: none; } input[type=radio]:hover:not(:disabled):not(:checked)::before, input[type=checkbox]:hover:not(:disabled):not(:checked)::before { box-shadow: var(--op-border-all) var(--op-color-neutral-plus-two), var(--op-input-recessed-shadow); } input[type=radio]::before, input[type=radio]::after { content: ""; border-radius: var(--op-radius-circle); } input[type=radio]:before { border-radius: var(--op-radius-circle); } input[type=radio]:checked::before { box-shadow: var(--op-border-all) var(--op-color-alerts-info-base), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } input[type=radio]:checked::after { background-color: var(--op-color-alerts-info-base); box-shadow: var(--op-border-all) var(--op-color-alerts-info-base), var(--op-input-protrude-light), var(--op-input-protrude-shadow); position: absolute; top: calc(0.3 * var(--op-space-scale-unit)); left: calc(0.3 * var(--op-space-scale-unit)); width: calc(1.4 * var(--op-space-scale-unit)); height: calc(1.4 * var(--op-space-scale-unit)); } input[type=radio]:disabled:checked::before { box-shadow: var(--op-border-all) var(--op-color-neutral-on-plus-max), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } input[type=radio]:disabled:checked::after { background-color: var(--op-color-neutral-on-plus-max); box-shadow: var(--op-border-all) var(--op-color-neutral-on-plus-max), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } input[type=checkbox]::before, input[type=checkbox]::after { content: ""; border-radius: var(--op-radius-x-small); } input[type=checkbox]:before { border-radius: var(--op-radius-medium); } input[type=checkbox]:checked::before { background-color: var(--op-color-alerts-info-base); box-shadow: var(--op-border-all) var(--op-color-alerts-info-base), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } input[type=checkbox]:checked::after { position: absolute; top: calc(0.5 * var(--op-space-scale-unit)); left: calc(0.8 * var(--op-space-scale-unit)); width: calc(var(--op-space-x-small) * 0.562); height: var(--op-space-x-small); border-color: var(--op-color-alerts-info-plus-max); border-style: solid; border-width: 0 var(--op-border-width-large) var(--op-border-width-large) 0; border-radius: 0; transform: rotate(45deg); } input[type=checkbox]:disabled:checked::before { background-color: var(--op-color-neutral-on-plus-max); box-shadow: var(--op-border-all) var(--op-color-neutral-on-plus-max), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .time-input { display: grid; align-items: center; gap: var(--rm-space-3x-small); grid-template-columns: 2.2rem 0.25rem 2.2rem auto; grid-column: 1/3; } .time-input input::-webkit-inner-spin-button { display: none; } .time-input input::-moz-inner-spin-button { display: none; } .time-input input { border: none; background: transparent; } .time-input input:focus-visible { outline: none; } .time-input input:first-of-type { padding-left: 0.35rem; padding-right: 0; } .time-input.content-modified { font-weight: var(--op-font-weight-bold) !important; } .form-group.check_boxes { grid-template-columns: auto; } .form-group.check_boxes .form-group--checkbox { display: flex; align-items: center; gap: var(--op-space-small); } select.form-control[multiple] { min-height: var(--op-input-height-large); } .form-control.ts-wrapper { height: auto; padding: 0; } .form-control.ts-wrapper .ts-control { border-radius: var(--op-radius-medium); } .form-control.ts-wrapper .ts-control .clear-button { right: var(--op-space-3x-large); color: var(--op-color-neutral-base); } .form-control.ts-wrapper .ts-dropdown .option { display: flex; align-items: center; } .wider-controls .form-control { min-width: var(--op-input-width-medium); max-width: calc(5rem + var(--op-input-width-medium)); } .selected-rate { font-weight: var(--op-font-weight-bold); } /*! * Tabler Icons 2.47.0 by tabler - https://tabler.io * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE */ @font-face { font-family: "tabler-icons"; font-style: normal; font-weight: 400; src: url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/fonts/tabler-icons.eot?v2.47.0"); src: url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/fonts/tabler-icons.eot?#iefix-v2.47.0") format("embedded-opentype"), url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/fonts/tabler-icons.woff2?v2.47.0") format("woff2"), url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/fonts/tabler-icons.woff?") format("woff"), url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/fonts/tabler-icons.ttf?v2.47.0") format("truetype"); } .ti { font-family: "tabler-icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ti-12-hours:before { content: "\fc53"; } .ti-123:before { content: "\f554"; } .ti-24-hours:before { content: "\f5e7"; } .ti-2fa:before { content: "\eca0"; } .ti-360:before { content: "\f62f"; } .ti-360-view:before { content: "\f566"; } .ti-3d-cube-sphere:before { content: "\ecd7"; } .ti-3d-cube-sphere-off:before { content: "\f3b5"; } .ti-3d-rotate:before { content: "\f020"; } .ti-a-b:before { content: "\ec36"; } .ti-a-b-2:before { content: "\f25f"; } .ti-a-b-off:before { content: "\f0a6"; } .ti-abacus:before { content: "\f05c"; } .ti-abacus-off:before { content: "\f3b6"; } .ti-abc:before { content: "\f567"; } .ti-access-point:before { content: "\ed1b"; } .ti-access-point-off:before { content: "\ed1a"; } .ti-accessible:before { content: "\eba9"; } .ti-accessible-off:before { content: "\f0a7"; } .ti-accessible-off-filled:before { content: "\f6ea"; } .ti-activity:before { content: "\ed23"; } .ti-activity-heartbeat:before { content: "\f0db"; } .ti-ad:before { content: "\ea02"; } .ti-ad-2:before { content: "\ef1f"; } .ti-ad-circle:before { content: "\f79e"; } .ti-ad-circle-filled:before { content: "\f7d3"; } .ti-ad-circle-off:before { content: "\f79d"; } .ti-ad-filled:before { content: "\f6eb"; } .ti-ad-off:before { content: "\f3b7"; } .ti-address-book:before { content: "\f021"; } .ti-address-book-off:before { content: "\f3b8"; } .ti-adjustments:before { content: "\ea03"; } .ti-adjustments-alt:before { content: "\ec37"; } .ti-adjustments-bolt:before { content: "\f7fb"; } .ti-adjustments-cancel:before { content: "\f7fc"; } .ti-adjustments-check:before { content: "\f7fd"; } .ti-adjustments-code:before { content: "\f7fe"; } .ti-adjustments-cog:before { content: "\f7ff"; } .ti-adjustments-dollar:before { content: "\f800"; } .ti-adjustments-down:before { content: "\f801"; } .ti-adjustments-exclamation:before { content: "\f802"; } .ti-adjustments-filled:before { content: "\f6ec"; } .ti-adjustments-heart:before { content: "\f803"; } .ti-adjustments-horizontal:before { content: "\ec38"; } .ti-adjustments-minus:before { content: "\f804"; } .ti-adjustments-off:before { content: "\f0a8"; } .ti-adjustments-pause:before { content: "\f805"; } .ti-adjustments-pin:before { content: "\f806"; } .ti-adjustments-plus:before { content: "\f807"; } .ti-adjustments-question:before { content: "\f808"; } .ti-adjustments-search:before { content: "\f809"; } .ti-adjustments-share:before { content: "\f80a"; } .ti-adjustments-star:before { content: "\f80b"; } .ti-adjustments-up:before { content: "\f80c"; } .ti-adjustments-x:before { content: "\f80d"; } .ti-aerial-lift:before { content: "\edfe"; } .ti-affiliate:before { content: "\edff"; } .ti-affiliate-filled:before { content: "\f6ed"; } .ti-air-balloon:before { content: "\f4a6"; } .ti-air-conditioning:before { content: "\f3a2"; } .ti-air-conditioning-disabled:before { content: "\f542"; } .ti-air-traffic-control:before { content: "\fb01"; } .ti-alarm:before { content: "\ea04"; } .ti-alarm-average:before { content: "\fc9e"; } .ti-alarm-filled:before { content: "\f709"; } .ti-alarm-minus:before { content: "\f630"; } .ti-alarm-minus-filled:before { content: "\f70a"; } .ti-alarm-off:before { content: "\f0a9"; } .ti-alarm-plus:before { content: "\f631"; } .ti-alarm-plus-filled:before { content: "\f70b"; } .ti-alarm-snooze:before { content: "\f632"; } .ti-alarm-snooze-filled:before { content: "\f70c"; } .ti-album:before { content: "\f022"; } .ti-album-off:before { content: "\f3b9"; } .ti-alert-circle:before { content: "\ea05"; } .ti-alert-circle-filled:before { content: "\f6ee"; } .ti-alert-circle-off:before { content: "\fc65"; } .ti-alert-hexagon:before { content: "\f80e"; } .ti-alert-hexagon-filled:before { content: "\fa34"; } .ti-alert-hexagon-off:before { content: "\fc66"; } .ti-alert-octagon:before { content: "\ecc6"; } .ti-alert-octagon-filled:before { content: "\f6ef"; } .ti-alert-small:before { content: "\f80f"; } .ti-alert-small-off:before { content: "\fc67"; } .ti-alert-square:before { content: "\f811"; } .ti-alert-square-filled:before { content: "\fa35"; } .ti-alert-square-rounded:before { content: "\f810"; } .ti-alert-square-rounded-filled:before { content: "\fa36"; } .ti-alert-square-rounded-off:before { content: "\fc68"; } .ti-alert-triangle:before { content: "\ea06"; } .ti-alert-triangle-filled:before { content: "\f6f0"; } .ti-alert-triangle-off:before { content: "\fc69"; } .ti-alien:before { content: "\ebde"; } .ti-alien-filled:before { content: "\f70d"; } .ti-align-box-bottom-center:before { content: "\f530"; } .ti-align-box-bottom-center-filled:before { content: "\f70e"; } .ti-align-box-bottom-left:before { content: "\f531"; } .ti-align-box-bottom-left-filled:before { content: "\f70f"; } .ti-align-box-bottom-right:before { content: "\f532"; } .ti-align-box-bottom-right-filled:before { content: "\f710"; } .ti-align-box-center-bottom:before { content: "\facb"; } .ti-align-box-center-middle:before { content: "\f79f"; } .ti-align-box-center-middle-filled:before { content: "\f7d4"; } .ti-align-box-center-stretch:before { content: "\facc"; } .ti-align-box-center-top:before { content: "\facd"; } .ti-align-box-left-bottom:before { content: "\f533"; } .ti-align-box-left-bottom-filled:before { content: "\f711"; } .ti-align-box-left-middle:before { content: "\f534"; } .ti-align-box-left-middle-filled:before { content: "\f712"; } .ti-align-box-left-stretch:before { content: "\face"; } .ti-align-box-left-top:before { content: "\f535"; } .ti-align-box-left-top-filled:before { content: "\f713"; } .ti-align-box-right-bottom:before { content: "\f536"; } .ti-align-box-right-bottom-filled:before { content: "\f714"; } .ti-align-box-right-middle:before { content: "\f537"; } .ti-align-box-right-middle-filled:before { content: "\f7d5"; } .ti-align-box-right-stretch:before { content: "\facf"; } .ti-align-box-right-top:before { content: "\f538"; } .ti-align-box-right-top-filled:before { content: "\f715"; } .ti-align-box-top-center:before { content: "\f539"; } .ti-align-box-top-center-filled:before { content: "\f716"; } .ti-align-box-top-left:before { content: "\f53a"; } .ti-align-box-top-left-filled:before { content: "\f717"; } .ti-align-box-top-right:before { content: "\f53b"; } .ti-align-box-top-right-filled:before { content: "\f718"; } .ti-align-center:before { content: "\ea07"; } .ti-align-justified:before { content: "\ea08"; } .ti-align-left:before { content: "\ea09"; } .ti-align-right:before { content: "\ea0a"; } .ti-alpha:before { content: "\f543"; } .ti-alphabet-cyrillic:before { content: "\f1df"; } .ti-alphabet-greek:before { content: "\f1e0"; } .ti-alphabet-latin:before { content: "\f1e1"; } .ti-alt:before { content: "\fc54"; } .ti-ambulance:before { content: "\ebf5"; } .ti-ampersand:before { content: "\f229"; } .ti-analyze:before { content: "\f3a3"; } .ti-analyze-filled:before { content: "\f719"; } .ti-analyze-off:before { content: "\f3ba"; } .ti-anchor:before { content: "\eb76"; } .ti-anchor-off:before { content: "\f0f7"; } .ti-angle:before { content: "\ef20"; } .ti-ankh:before { content: "\f1cd"; } .ti-antenna:before { content: "\f094"; } .ti-antenna-bars-1:before { content: "\ecc7"; } .ti-antenna-bars-2:before { content: "\ecc8"; } .ti-antenna-bars-3:before { content: "\ecc9"; } .ti-antenna-bars-4:before { content: "\ecca"; } .ti-antenna-bars-5:before { content: "\eccb"; } .ti-antenna-bars-off:before { content: "\f0aa"; } .ti-antenna-off:before { content: "\f3bb"; } .ti-aperture:before { content: "\eb58"; } .ti-aperture-off:before { content: "\f3bc"; } .ti-api:before { content: "\effd"; } .ti-api-app:before { content: "\effc"; } .ti-api-app-off:before { content: "\f0ab"; } .ti-api-off:before { content: "\f0f8"; } .ti-app-window:before { content: "\efe6"; } .ti-app-window-filled:before { content: "\f71a"; } .ti-apple:before { content: "\ef21"; } .ti-apps:before { content: "\ebb6"; } .ti-apps-filled:before { content: "\f6f1"; } .ti-apps-off:before { content: "\f0ac"; } .ti-archery-arrow:before { content: "\fc55"; } .ti-archive:before { content: "\ea0b"; } .ti-archive-filled:before { content: "\fa82"; } .ti-archive-off:before { content: "\f0ad"; } .ti-armchair:before { content: "\ef9e"; } .ti-armchair-2:before { content: "\efe7"; } .ti-armchair-2-off:before { content: "\f3bd"; } .ti-armchair-off:before { content: "\f3be"; } .ti-arrow-autofit-content:before { content: "\ef31"; } .ti-arrow-autofit-content-filled:before { content: "\f6f2"; } .ti-arrow-autofit-down:before { content: "\ef32"; } .ti-arrow-autofit-height:before { content: "\ef33"; } .ti-arrow-autofit-left:before { content: "\ef34"; } .ti-arrow-autofit-right:before { content: "\ef35"; } .ti-arrow-autofit-up:before { content: "\ef36"; } .ti-arrow-autofit-width:before { content: "\ef37"; } .ti-arrow-back:before { content: "\ea0c"; } .ti-arrow-back-up:before { content: "\eb77"; } .ti-arrow-back-up-double:before { content: "\f9ec"; } .ti-arrow-badge-down:before { content: "\f60b"; } .ti-arrow-badge-down-filled:before { content: "\f7d6"; } .ti-arrow-badge-left:before { content: "\f60c"; } .ti-arrow-badge-left-filled:before { content: "\f7d7"; } .ti-arrow-badge-right:before { content: "\f60d"; } .ti-arrow-badge-right-filled:before { content: "\f7d8"; } .ti-arrow-badge-up:before { content: "\f60e"; } .ti-arrow-badge-up-filled:before { content: "\f7d9"; } .ti-arrow-bar-both:before { content: "\fadd"; } .ti-arrow-bar-down:before { content: "\ea0d"; } .ti-arrow-bar-left:before { content: "\ea0e"; } .ti-arrow-bar-right:before { content: "\ea0f"; } .ti-arrow-bar-to-down:before { content: "\ec88"; } .ti-arrow-bar-to-left:before { content: "\ec89"; } .ti-arrow-bar-to-right:before { content: "\ec8a"; } .ti-arrow-bar-to-up:before { content: "\ec8b"; } .ti-arrow-bar-up:before { content: "\ea10"; } .ti-arrow-bear-left:before { content: "\f045"; } .ti-arrow-bear-left-2:before { content: "\f044"; } .ti-arrow-bear-right:before { content: "\f047"; } .ti-arrow-bear-right-2:before { content: "\f046"; } .ti-arrow-big-down:before { content: "\edda"; } .ti-arrow-big-down-filled:before { content: "\f6c6"; } .ti-arrow-big-down-line:before { content: "\efe8"; } .ti-arrow-big-down-line-filled:before { content: "\f6c7"; } .ti-arrow-big-down-lines:before { content: "\efe9"; } .ti-arrow-big-down-lines-filled:before { content: "\f6c8"; } .ti-arrow-big-left:before { content: "\eddb"; } .ti-arrow-big-left-filled:before { content: "\f6c9"; } .ti-arrow-big-left-line:before { content: "\efea"; } .ti-arrow-big-left-line-filled:before { content: "\f6ca"; } .ti-arrow-big-left-lines:before { content: "\efeb"; } .ti-arrow-big-left-lines-filled:before { content: "\f6cb"; } .ti-arrow-big-right:before { content: "\eddc"; } .ti-arrow-big-right-filled:before { content: "\f6cc"; } .ti-arrow-big-right-line:before { content: "\efec"; } .ti-arrow-big-right-line-filled:before { content: "\f6cd"; } .ti-arrow-big-right-lines:before { content: "\efed"; } .ti-arrow-big-right-lines-filled:before { content: "\f6ce"; } .ti-arrow-big-up:before { content: "\eddd"; } .ti-arrow-big-up-filled:before { content: "\f6cf"; } .ti-arrow-big-up-line:before { content: "\efee"; } .ti-arrow-big-up-line-filled:before { content: "\f6d0"; } .ti-arrow-big-up-lines:before { content: "\efef"; } .ti-arrow-big-up-lines-filled:before { content: "\f6d1"; } .ti-arrow-bounce:before { content: "\f3a4"; } .ti-arrow-capsule:before { content: "\fade"; } .ti-arrow-curve-left:before { content: "\f048"; } .ti-arrow-curve-right:before { content: "\f049"; } .ti-arrow-down:before { content: "\ea16"; } .ti-arrow-down-bar:before { content: "\ed98"; } .ti-arrow-down-circle:before { content: "\ea11"; } .ti-arrow-down-from-arc:before { content: "\fd86"; } .ti-arrow-down-left:before { content: "\ea13"; } .ti-arrow-down-left-circle:before { content: "\ea12"; } .ti-arrow-down-rhombus:before { content: "\f61d"; } .ti-arrow-down-right:before { content: "\ea15"; } .ti-arrow-down-right-circle:before { content: "\ea14"; } .ti-arrow-down-square:before { content: "\ed9a"; } .ti-arrow-down-tail:before { content: "\ed9b"; } .ti-arrow-down-to-arc:before { content: "\fd87"; } .ti-arrow-elbow-left:before { content: "\f9ed"; } .ti-arrow-elbow-right:before { content: "\f9ee"; } .ti-arrow-fork:before { content: "\f04a"; } .ti-arrow-forward:before { content: "\ea17"; } .ti-arrow-forward-up:before { content: "\eb78"; } .ti-arrow-forward-up-double:before { content: "\f9ef"; } .ti-arrow-guide:before { content: "\f22a"; } .ti-arrow-iteration:before { content: "\f578"; } .ti-arrow-left:before { content: "\ea19"; } .ti-arrow-left-bar:before { content: "\ed9c"; } .ti-arrow-left-circle:before { content: "\ea18"; } .ti-arrow-left-from-arc:before { content: "\fd88"; } .ti-arrow-left-rhombus:before { content: "\f61e"; } .ti-arrow-left-right:before { content: "\f04b"; } .ti-arrow-left-square:before { content: "\ed9d"; } .ti-arrow-left-tail:before { content: "\ed9e"; } .ti-arrow-left-to-arc:before { content: "\fd89"; } .ti-arrow-loop-left:before { content: "\ed9f"; } .ti-arrow-loop-left-2:before { content: "\f04c"; } .ti-arrow-loop-right:before { content: "\eda0"; } .ti-arrow-loop-right-2:before { content: "\f04d"; } .ti-arrow-merge:before { content: "\f04e"; } .ti-arrow-merge-alt-left:before { content: "\fc9f"; } .ti-arrow-merge-alt-right:before { content: "\fca0"; } .ti-arrow-merge-both:before { content: "\f23b"; } .ti-arrow-merge-left:before { content: "\f23c"; } .ti-arrow-merge-right:before { content: "\f23d"; } .ti-arrow-move-down:before { content: "\f2ba"; } .ti-arrow-move-left:before { content: "\f2bb"; } .ti-arrow-move-right:before { content: "\f2bc"; } .ti-arrow-move-up:before { content: "\f2bd"; } .ti-arrow-narrow-down:before { content: "\ea1a"; } .ti-arrow-narrow-left:before { content: "\ea1b"; } .ti-arrow-narrow-right:before { content: "\ea1c"; } .ti-arrow-narrow-up:before { content: "\ea1d"; } .ti-arrow-ramp-left:before { content: "\ed3c"; } .ti-arrow-ramp-left-2:before { content: "\f04f"; } .ti-arrow-ramp-left-3:before { content: "\f050"; } .ti-arrow-ramp-right:before { content: "\ed3d"; } .ti-arrow-ramp-right-2:before { content: "\f051"; } .ti-arrow-ramp-right-3:before { content: "\f052"; } .ti-arrow-right:before { content: "\ea1f"; } .ti-arrow-right-bar:before { content: "\eda1"; } .ti-arrow-right-circle:before { content: "\ea1e"; } .ti-arrow-right-from-arc:before { content: "\fd8a"; } .ti-arrow-right-rhombus:before { content: "\f61f"; } .ti-arrow-right-square:before { content: "\eda2"; } .ti-arrow-right-tail:before { content: "\eda3"; } .ti-arrow-right-to-arc:before { content: "\fd8b"; } .ti-arrow-rotary-first-left:before { content: "\f053"; } .ti-arrow-rotary-first-right:before { content: "\f054"; } .ti-arrow-rotary-last-left:before { content: "\f055"; } .ti-arrow-rotary-last-right:before { content: "\f056"; } .ti-arrow-rotary-left:before { content: "\f057"; } .ti-arrow-rotary-right:before { content: "\f058"; } .ti-arrow-rotary-straight:before { content: "\f059"; } .ti-arrow-roundabout-left:before { content: "\f22b"; } .ti-arrow-roundabout-right:before { content: "\f22c"; } .ti-arrow-sharp-turn-left:before { content: "\f05a"; } .ti-arrow-sharp-turn-right:before { content: "\f05b"; } .ti-arrow-up:before { content: "\ea25"; } .ti-arrow-up-bar:before { content: "\eda4"; } .ti-arrow-up-circle:before { content: "\ea20"; } .ti-arrow-up-from-arc:before { content: "\fd8c"; } .ti-arrow-up-left:before { content: "\ea22"; } .ti-arrow-up-left-circle:before { content: "\ea21"; } .ti-arrow-up-rhombus:before { content: "\f620"; } .ti-arrow-up-right:before { content: "\ea24"; } .ti-arrow-up-right-circle:before { content: "\ea23"; } .ti-arrow-up-square:before { content: "\eda6"; } .ti-arrow-up-tail:before { content: "\eda7"; } .ti-arrow-up-to-arc:before { content: "\fd8d"; } .ti-arrow-wave-left-down:before { content: "\eda8"; } .ti-arrow-wave-left-up:before { content: "\eda9"; } .ti-arrow-wave-right-down:before { content: "\edaa"; } .ti-arrow-wave-right-up:before { content: "\edab"; } .ti-arrow-zig-zag:before { content: "\f4a7"; } .ti-arrows-cross:before { content: "\effe"; } .ti-arrows-diagonal:before { content: "\ea27"; } .ti-arrows-diagonal-2:before { content: "\ea26"; } .ti-arrows-diagonal-minimize:before { content: "\ef39"; } .ti-arrows-diagonal-minimize-2:before { content: "\ef38"; } .ti-arrows-diff:before { content: "\f296"; } .ti-arrows-double-ne-sw:before { content: "\edde"; } .ti-arrows-double-nw-se:before { content: "\eddf"; } .ti-arrows-double-se-nw:before { content: "\ede0"; } .ti-arrows-double-sw-ne:before { content: "\ede1"; } .ti-arrows-down:before { content: "\edad"; } .ti-arrows-down-up:before { content: "\edac"; } .ti-arrows-exchange:before { content: "\f1f4"; } .ti-arrows-exchange-2:before { content: "\f1f3"; } .ti-arrows-horizontal:before { content: "\eb59"; } .ti-arrows-join:before { content: "\edaf"; } .ti-arrows-join-2:before { content: "\edae"; } .ti-arrows-left:before { content: "\edb1"; } .ti-arrows-left-down:before { content: "\ee00"; } .ti-arrows-left-right:before { content: "\edb0"; } .ti-arrows-maximize:before { content: "\ea28"; } .ti-arrows-minimize:before { content: "\ea29"; } .ti-arrows-move:before { content: "\f22f"; } .ti-arrows-move-horizontal:before { content: "\f22d"; } .ti-arrows-move-vertical:before { content: "\f22e"; } .ti-arrows-random:before { content: "\f095"; } .ti-arrows-right:before { content: "\edb3"; } .ti-arrows-right-down:before { content: "\ee01"; } .ti-arrows-right-left:before { content: "\edb2"; } .ti-arrows-shuffle:before { content: "\f000"; } .ti-arrows-shuffle-2:before { content: "\efff"; } .ti-arrows-sort:before { content: "\eb5a"; } .ti-arrows-split:before { content: "\edb5"; } .ti-arrows-split-2:before { content: "\edb4"; } .ti-arrows-transfer-down:before { content: "\f2cc"; } .ti-arrows-transfer-up:before { content: "\f2cd"; } .ti-arrows-up:before { content: "\edb7"; } .ti-arrows-up-down:before { content: "\edb6"; } .ti-arrows-up-left:before { content: "\ee02"; } .ti-arrows-up-right:before { content: "\ee03"; } .ti-arrows-vertical:before { content: "\eb5b"; } .ti-artboard:before { content: "\ea2a"; } .ti-artboard-filled:before { content: "\fa83"; } .ti-artboard-off:before { content: "\f0ae"; } .ti-article:before { content: "\f1e2"; } .ti-article-filled-filled:before { content: "\f7da"; } .ti-article-off:before { content: "\f3bf"; } .ti-aspect-ratio:before { content: "\ed30"; } .ti-aspect-ratio-filled:before { content: "\f7db"; } .ti-aspect-ratio-off:before { content: "\f0af"; } .ti-assembly:before { content: "\f24d"; } .ti-assembly-off:before { content: "\f3c0"; } .ti-asset:before { content: "\f1ce"; } .ti-asterisk:before { content: "\efd5"; } .ti-asterisk-simple:before { content: "\efd4"; } .ti-at:before { content: "\ea2b"; } .ti-at-off:before { content: "\f0b0"; } .ti-atom:before { content: "\eb79"; } .ti-atom-2:before { content: "\ebdf"; } .ti-atom-2-filled:before { content: "\f71b"; } .ti-atom-off:before { content: "\f0f9"; } .ti-augmented-reality:before { content: "\f023"; } .ti-augmented-reality-2:before { content: "\f37e"; } .ti-augmented-reality-off:before { content: "\f3c1"; } .ti-automatic-gearbox:before { content: "\fc89"; } .ti-avocado:before { content: "\fd8e"; } .ti-award:before { content: "\ea2c"; } .ti-award-filled:before { content: "\f71c"; } .ti-award-off:before { content: "\f0fa"; } .ti-axe:before { content: "\ef9f"; } .ti-axis-x:before { content: "\ef45"; } .ti-axis-y:before { content: "\ef46"; } .ti-baby-bottle:before { content: "\f5d2"; } .ti-baby-carriage:before { content: "\f05d"; } .ti-background:before { content: "\fd2c"; } .ti-backhoe:before { content: "\ed86"; } .ti-backpack:before { content: "\ef47"; } .ti-backpack-off:before { content: "\f3c2"; } .ti-backslash:before { content: "\fab9"; } .ti-backspace:before { content: "\ea2d"; } .ti-backspace-filled:before { content: "\f7dc"; } .ti-badge:before { content: "\efc2"; } .ti-badge-3d:before { content: "\f555"; } .ti-badge-4k:before { content: "\f556"; } .ti-badge-8k:before { content: "\f557"; } .ti-badge-ad:before { content: "\f558"; } .ti-badge-ad-off:before { content: "\fd8f"; } .ti-badge-ar:before { content: "\f559"; } .ti-badge-cc:before { content: "\f55a"; } .ti-badge-filled:before { content: "\f667"; } .ti-badge-hd:before { content: "\f55b"; } .ti-badge-off:before { content: "\f0fb"; } .ti-badge-sd:before { content: "\f55c"; } .ti-badge-tm:before { content: "\f55d"; } .ti-badge-vo:before { content: "\f55e"; } .ti-badge-vr:before { content: "\f55f"; } .ti-badge-wc:before { content: "\f560"; } .ti-badges:before { content: "\efc3"; } .ti-badges-filled:before { content: "\f7dd"; } .ti-badges-off:before { content: "\f0fc"; } .ti-baguette:before { content: "\f3a5"; } .ti-ball-american-football:before { content: "\ee04"; } .ti-ball-american-football-off:before { content: "\f3c3"; } .ti-ball-baseball:before { content: "\efa0"; } .ti-ball-basketball:before { content: "\ec28"; } .ti-ball-bowling:before { content: "\ec29"; } .ti-ball-football:before { content: "\ee06"; } .ti-ball-football-off:before { content: "\ee05"; } .ti-ball-tennis:before { content: "\ec2a"; } .ti-ball-volleyball:before { content: "\ec2b"; } .ti-balloon:before { content: "\ef3a"; } .ti-balloon-filled:before { content: "\fa84"; } .ti-balloon-off:before { content: "\f0fd"; } .ti-ballpen:before { content: "\f06e"; } .ti-ballpen-filled:before { content: "\fa85"; } .ti-ballpen-off:before { content: "\f0b1"; } .ti-ban:before { content: "\ea2e"; } .ti-bandage:before { content: "\eb7a"; } .ti-bandage-filled:before { content: "\f7de"; } .ti-bandage-off:before { content: "\f3c4"; } .ti-barbell:before { content: "\eff0"; } .ti-barbell-off:before { content: "\f0b2"; } .ti-barcode:before { content: "\ebc6"; } .ti-barcode-off:before { content: "\f0b3"; } .ti-barrel:before { content: "\f0b4"; } .ti-barrel-off:before { content: "\f0fe"; } .ti-barrier-block:before { content: "\f00e"; } .ti-barrier-block-off:before { content: "\f0b5"; } .ti-baseline:before { content: "\f024"; } .ti-baseline-density-large:before { content: "\f9f0"; } .ti-baseline-density-medium:before { content: "\f9f1"; } .ti-baseline-density-small:before { content: "\f9f2"; } .ti-basket:before { content: "\ebe1"; } .ti-basket-bolt:before { content: "\fb43"; } .ti-basket-cancel:before { content: "\fb44"; } .ti-basket-check:before { content: "\fb45"; } .ti-basket-code:before { content: "\fb46"; } .ti-basket-cog:before { content: "\fb47"; } .ti-basket-discount:before { content: "\fb48"; } .ti-basket-dollar:before { content: "\fb49"; } .ti-basket-down:before { content: "\fb4a"; } .ti-basket-exclamation:before { content: "\fb4b"; } .ti-basket-filled:before { content: "\f7df"; } .ti-basket-heart:before { content: "\fb4c"; } .ti-basket-minus:before { content: "\fb4d"; } .ti-basket-off:before { content: "\f0b6"; } .ti-basket-pause:before { content: "\fb4e"; } .ti-basket-pin:before { content: "\fb4f"; } .ti-basket-plus:before { content: "\fb50"; } .ti-basket-question:before { content: "\fb51"; } .ti-basket-search:before { content: "\fb52"; } .ti-basket-share:before { content: "\fb53"; } .ti-basket-star:before { content: "\fb54"; } .ti-basket-up:before { content: "\fb55"; } .ti-basket-x:before { content: "\fb56"; } .ti-bat:before { content: "\f284"; } .ti-bath:before { content: "\ef48"; } .ti-bath-filled:before { content: "\f71d"; } .ti-bath-off:before { content: "\f0ff"; } .ti-battery:before { content: "\ea34"; } .ti-battery-1:before { content: "\ea2f"; } .ti-battery-1-filled:before { content: "\f71e"; } .ti-battery-2:before { content: "\ea30"; } .ti-battery-2-filled:before { content: "\f71f"; } .ti-battery-3:before { content: "\ea31"; } .ti-battery-3-filled:before { content: "\f720"; } .ti-battery-4:before { content: "\ea32"; } .ti-battery-4-filled:before { content: "\f721"; } .ti-battery-automotive:before { content: "\ee07"; } .ti-battery-charging:before { content: "\ea33"; } .ti-battery-charging-2:before { content: "\ef3b"; } .ti-battery-eco:before { content: "\ef3c"; } .ti-battery-filled:before { content: "\f668"; } .ti-battery-off:before { content: "\ed1c"; } .ti-beach:before { content: "\ef3d"; } .ti-beach-off:before { content: "\f0b7"; } .ti-bed:before { content: "\eb5c"; } .ti-bed-filled:before { content: "\f7e0"; } .ti-bed-flat:before { content: "\fca1"; } .ti-bed-off:before { content: "\f100"; } .ti-beer:before { content: "\efa1"; } .ti-beer-filled:before { content: "\f7e1"; } .ti-beer-off:before { content: "\f101"; } .ti-bell:before { content: "\ea35"; } .ti-bell-bolt:before { content: "\f812"; } .ti-bell-cancel:before { content: "\f813"; } .ti-bell-check:before { content: "\f814"; } .ti-bell-code:before { content: "\f815"; } .ti-bell-cog:before { content: "\f816"; } .ti-bell-dollar:before { content: "\f817"; } .ti-bell-down:before { content: "\f818"; } .ti-bell-exclamation:before { content: "\f819"; } .ti-bell-filled:before { content: "\f669"; } .ti-bell-heart:before { content: "\f81a"; } .ti-bell-minus:before { content: "\ede2"; } .ti-bell-minus-filled:before { content: "\f722"; } .ti-bell-off:before { content: "\ece9"; } .ti-bell-pause:before { content: "\f81b"; } .ti-bell-pin:before { content: "\f81c"; } .ti-bell-plus:before { content: "\ede3"; } .ti-bell-plus-filled:before { content: "\f723"; } .ti-bell-question:before { content: "\f81d"; } .ti-bell-ringing:before { content: "\ed07"; } .ti-bell-ringing-2:before { content: "\ede4"; } .ti-bell-ringing-2-filled:before { content: "\f724"; } .ti-bell-ringing-filled:before { content: "\f725"; } .ti-bell-school:before { content: "\f05e"; } .ti-bell-search:before { content: "\f81e"; } .ti-bell-share:before { content: "\f81f"; } .ti-bell-star:before { content: "\f820"; } .ti-bell-up:before { content: "\f821"; } .ti-bell-x:before { content: "\ede5"; } .ti-bell-x-filled:before { content: "\f726"; } .ti-bell-z:before { content: "\eff1"; } .ti-bell-z-filled:before { content: "\f727"; } .ti-beta:before { content: "\f544"; } .ti-bible:before { content: "\efc4"; } .ti-bike:before { content: "\ea36"; } .ti-bike-off:before { content: "\f0b8"; } .ti-binary:before { content: "\ee08"; } .ti-binary-off:before { content: "\f3c5"; } .ti-binary-tree:before { content: "\f5d4"; } .ti-binary-tree-2:before { content: "\f5d3"; } .ti-biohazard:before { content: "\ecb8"; } .ti-biohazard-off:before { content: "\f0b9"; } .ti-blade:before { content: "\f4bd"; } .ti-blade-filled:before { content: "\f7e2"; } .ti-bleach:before { content: "\f2f3"; } .ti-bleach-chlorine:before { content: "\f2f0"; } .ti-bleach-no-chlorine:before { content: "\f2f1"; } .ti-bleach-off:before { content: "\f2f2"; } .ti-blender:before { content: "\fca2"; } .ti-blockquote:before { content: "\ee09"; } .ti-bluetooth:before { content: "\ea37"; } .ti-bluetooth-connected:before { content: "\ecea"; } .ti-bluetooth-off:before { content: "\eceb"; } .ti-bluetooth-x:before { content: "\f081"; } .ti-blur:before { content: "\ef8c"; } .ti-blur-off:before { content: "\f3c6"; } .ti-bmp:before { content: "\f3a6"; } .ti-body-scan:before { content: "\fca3"; } .ti-bold:before { content: "\eb7b"; } .ti-bold-off:before { content: "\f0ba"; } .ti-bolt:before { content: "\ea38"; } .ti-bolt-off:before { content: "\ecec"; } .ti-bomb:before { content: "\f59c"; } .ti-bomb-filled:before { content: "\fa86"; } .ti-bone:before { content: "\edb8"; } .ti-bone-off:before { content: "\f0bb"; } .ti-bong:before { content: "\f3a7"; } .ti-bong-off:before { content: "\f3c7"; } .ti-book:before { content: "\ea39"; } .ti-book-2:before { content: "\efc5"; } .ti-book-download:before { content: "\f070"; } .ti-book-filled:before { content: "\fa87"; } .ti-book-off:before { content: "\f0bc"; } .ti-book-upload:before { content: "\f071"; } .ti-bookmark:before { content: "\ea3a"; } .ti-bookmark-ai:before { content: "\fc8a"; } .ti-bookmark-edit:before { content: "\fa5e"; } .ti-bookmark-filled:before { content: "\fa88"; } .ti-bookmark-minus:before { content: "\fa5f"; } .ti-bookmark-off:before { content: "\eced"; } .ti-bookmark-plus:before { content: "\fa60"; } .ti-bookmark-question:before { content: "\fa61"; } .ti-bookmarks:before { content: "\ed08"; } .ti-bookmarks-filled:before { content: "\fb1f"; } .ti-bookmarks-off:before { content: "\f0bd"; } .ti-books:before { content: "\eff2"; } .ti-books-off:before { content: "\f0be"; } .ti-border-all:before { content: "\ea3b"; } .ti-border-bottom:before { content: "\ea3c"; } .ti-border-corner-ios:before { content: "\fd98"; } .ti-border-corner-pill:before { content: "\fd62"; } .ti-border-corner-rounded:before { content: "\fd63"; } .ti-border-corner-square:before { content: "\fd64"; } .ti-border-corners:before { content: "\f7a0"; } .ti-border-horizontal:before { content: "\ea3d"; } .ti-border-inner:before { content: "\ea3e"; } .ti-border-left:before { content: "\ea3f"; } .ti-border-none:before { content: "\ea40"; } .ti-border-outer:before { content: "\ea41"; } .ti-border-radius:before { content: "\eb7c"; } .ti-border-right:before { content: "\ea42"; } .ti-border-sides:before { content: "\f7a1"; } .ti-border-style:before { content: "\ee0a"; } .ti-border-style-2:before { content: "\ef22"; } .ti-border-top:before { content: "\ea43"; } .ti-border-vertical:before { content: "\ea44"; } .ti-bottle:before { content: "\ef0b"; } .ti-bottle-filled:before { content: "\fa89"; } .ti-bottle-off:before { content: "\f3c8"; } .ti-bounce-left:before { content: "\f59d"; } .ti-bounce-left-filled:before { content: "\fb20"; } .ti-bounce-right:before { content: "\f59e"; } .ti-bounce-right-filled:before { content: "\fb21"; } .ti-bow:before { content: "\f096"; } .ti-bowl:before { content: "\f4fa"; } .ti-bowl-chopsticks:before { content: "\fd90"; } .ti-bowl-filled:before { content: "\fb22"; } .ti-bowl-spoon:before { content: "\fd91"; } .ti-box:before { content: "\ea45"; } .ti-box-align-bottom:before { content: "\f2a8"; } .ti-box-align-bottom-filled:before { content: "\fa8a"; } .ti-box-align-bottom-left:before { content: "\f2ce"; } .ti-box-align-bottom-left-filled:before { content: "\fa8b"; } .ti-box-align-bottom-right:before { content: "\f2cf"; } .ti-box-align-bottom-right-filled:before { content: "\fa8c"; } .ti-box-align-left:before { content: "\f2a9"; } .ti-box-align-left-filled:before { content: "\fa8d"; } .ti-box-align-right:before { content: "\f2aa"; } .ti-box-align-right-filled:before { content: "\fa8e"; } .ti-box-align-top:before { content: "\f2ab"; } .ti-box-align-top-filled:before { content: "\fa8f"; } .ti-box-align-top-left:before { content: "\f2d0"; } .ti-box-align-top-left-filled:before { content: "\fa90"; } .ti-box-align-top-right:before { content: "\f2d1"; } .ti-box-align-top-right-filled:before { content: "\fa91"; } .ti-box-margin:before { content: "\ee0b"; } .ti-box-model:before { content: "\ee0c"; } .ti-box-model-2:before { content: "\ef23"; } .ti-box-model-2-off:before { content: "\f3c9"; } .ti-box-model-off:before { content: "\f3ca"; } .ti-box-multiple:before { content: "\ee17"; } .ti-box-multiple-0:before { content: "\ee0d"; } .ti-box-multiple-1:before { content: "\ee0e"; } .ti-box-multiple-2:before { content: "\ee0f"; } .ti-box-multiple-3:before { content: "\ee10"; } .ti-box-multiple-4:before { content: "\ee11"; } .ti-box-multiple-5:before { content: "\ee12"; } .ti-box-multiple-6:before { content: "\ee13"; } .ti-box-multiple-7:before { content: "\ee14"; } .ti-box-multiple-8:before { content: "\ee15"; } .ti-box-multiple-9:before { content: "\ee16"; } .ti-box-off:before { content: "\f102"; } .ti-box-padding:before { content: "\ee18"; } .ti-box-seam:before { content: "\f561"; } .ti-braces:before { content: "\ebcc"; } .ti-braces-off:before { content: "\f0bf"; } .ti-brackets:before { content: "\ebcd"; } .ti-brackets-angle:before { content: "\fcb2"; } .ti-brackets-angle-off:before { content: "\fcb1"; } .ti-brackets-contain:before { content: "\f1e5"; } .ti-brackets-contain-end:before { content: "\f1e3"; } .ti-brackets-contain-start:before { content: "\f1e4"; } .ti-brackets-off:before { content: "\f0c0"; } .ti-braille:before { content: "\f545"; } .ti-brain:before { content: "\f59f"; } .ti-brand-4chan:before { content: "\f494"; } .ti-brand-abstract:before { content: "\f495"; } .ti-brand-adobe:before { content: "\f0dc"; } .ti-brand-adonis-js:before { content: "\f496"; } .ti-brand-airbnb:before { content: "\ed68"; } .ti-brand-airtable:before { content: "\ef6a"; } .ti-brand-algolia:before { content: "\f390"; } .ti-brand-alipay:before { content: "\f7a2"; } .ti-brand-alpine-js:before { content: "\f324"; } .ti-brand-amazon:before { content: "\f230"; } .ti-brand-amd:before { content: "\f653"; } .ti-brand-amigo:before { content: "\f5f9"; } .ti-brand-among-us:before { content: "\f205"; } .ti-brand-android:before { content: "\ec16"; } .ti-brand-angular:before { content: "\ef6b"; } .ti-brand-ansible:before { content: "\fa70"; } .ti-brand-ao3:before { content: "\f5e8"; } .ti-brand-appgallery:before { content: "\f231"; } .ti-brand-apple:before { content: "\ec17"; } .ti-brand-apple-arcade:before { content: "\ed69"; } .ti-brand-apple-filled:before { content: "\fd74"; } .ti-brand-apple-podcast:before { content: "\f1e6"; } .ti-brand-appstore:before { content: "\ed24"; } .ti-brand-asana:before { content: "\edc5"; } .ti-brand-auth0:before { content: "\fcb3"; } .ti-brand-aws:before { content: "\fa4c"; } .ti-brand-azure:before { content: "\fa4d"; } .ti-brand-backbone:before { content: "\f325"; } .ti-brand-badoo:before { content: "\f206"; } .ti-brand-baidu:before { content: "\f5e9"; } .ti-brand-bandcamp:before { content: "\f207"; } .ti-brand-bandlab:before { content: "\f5fa"; } .ti-brand-beats:before { content: "\f208"; } .ti-brand-behance:before { content: "\ec6e"; } .ti-brand-bilibili:before { content: "\f6d2"; } .ti-brand-binance:before { content: "\f5a0"; } .ti-brand-bing:before { content: "\edc6"; } .ti-brand-bitbucket:before { content: "\edc7"; } .ti-brand-blackberry:before { content: "\f568"; } .ti-brand-blender:before { content: "\f326"; } .ti-brand-blogger:before { content: "\f35a"; } .ti-brand-bluesky:before { content: "\fd75"; } .ti-brand-booking:before { content: "\edc8"; } .ti-brand-bootstrap:before { content: "\ef3e"; } .ti-brand-bulma:before { content: "\f327"; } .ti-brand-bumble:before { content: "\f5fb"; } .ti-brand-bunpo:before { content: "\f4cf"; } .ti-brand-c-sharp:before { content: "\f003"; } .ti-brand-cake:before { content: "\f7a3"; } .ti-brand-cakephp:before { content: "\f7af"; } .ti-brand-campaignmonitor:before { content: "\f328"; } .ti-brand-carbon:before { content: "\f348"; } .ti-brand-cashapp:before { content: "\f391"; } .ti-brand-chrome:before { content: "\ec18"; } .ti-brand-cinema-4d:before { content: "\fa71"; } .ti-brand-citymapper:before { content: "\f5fc"; } .ti-brand-cloudflare:before { content: "\fa4e"; } .ti-brand-codecov:before { content: "\f329"; } .ti-brand-codepen:before { content: "\ec6f"; } .ti-brand-codesandbox:before { content: "\ed6a"; } .ti-brand-cohost:before { content: "\f5d5"; } .ti-brand-coinbase:before { content: "\f209"; } .ti-brand-comedy-central:before { content: "\f217"; } .ti-brand-coreos:before { content: "\f5fd"; } .ti-brand-couchdb:before { content: "\f60f"; } .ti-brand-couchsurfing:before { content: "\f392"; } .ti-brand-cpp:before { content: "\f5fe"; } .ti-brand-craft:before { content: "\fa72"; } .ti-brand-crunchbase:before { content: "\f7e3"; } .ti-brand-css3:before { content: "\ed6b"; } .ti-brand-ctemplar:before { content: "\f4d0"; } .ti-brand-cucumber:before { content: "\ef6c"; } .ti-brand-cupra:before { content: "\f4d1"; } .ti-brand-cypress:before { content: "\f333"; } .ti-brand-d3:before { content: "\f24e"; } .ti-brand-databricks:before { content: "\fc41"; } .ti-brand-days-counter:before { content: "\f4d2"; } .ti-brand-dcos:before { content: "\f32a"; } .ti-brand-debian:before { content: "\ef57"; } .ti-brand-deezer:before { content: "\f78b"; } .ti-brand-deliveroo:before { content: "\f4d3"; } .ti-brand-deno:before { content: "\f24f"; } .ti-brand-denodo:before { content: "\f610"; } .ti-brand-deviantart:before { content: "\ecfb"; } .ti-brand-digg:before { content: "\fa73"; } .ti-brand-dingtalk:before { content: "\f5ea"; } .ti-brand-discord:before { content: "\ece3"; } .ti-brand-discord-filled:before { content: "\f7e4"; } .ti-brand-disney:before { content: "\f20a"; } .ti-brand-disqus:before { content: "\edc9"; } .ti-brand-django:before { content: "\f349"; } .ti-brand-docker:before { content: "\edca"; } .ti-brand-doctrine:before { content: "\ef6d"; } .ti-brand-dolby-digital:before { content: "\f4d4"; } .ti-brand-douban:before { content: "\f5ff"; } .ti-brand-dribbble:before { content: "\ec19"; } .ti-brand-dribbble-filled:before { content: "\f7e5"; } .ti-brand-drops:before { content: "\f4d5"; } .ti-brand-drupal:before { content: "\f393"; } .ti-brand-edge:before { content: "\ecfc"; } .ti-brand-elastic:before { content: "\f611"; } .ti-brand-electronic-arts:before { content: "\fa74"; } .ti-brand-ember:before { content: "\f497"; } .ti-brand-envato:before { content: "\f394"; } .ti-brand-etsy:before { content: "\f654"; } .ti-brand-evernote:before { content: "\f600"; } .ti-brand-facebook:before { content: "\ec1a"; } .ti-brand-facebook-filled:before { content: "\f7e6"; } .ti-brand-feedly:before { content: "\fa75"; } .ti-brand-figma:before { content: "\ec93"; } .ti-brand-filezilla:before { content: "\fa76"; } .ti-brand-finder:before { content: "\f218"; } .ti-brand-firebase:before { content: "\ef6e"; } .ti-brand-firefox:before { content: "\ecfd"; } .ti-brand-fiverr:before { content: "\f7a4"; } .ti-brand-flickr:before { content: "\ecfe"; } .ti-brand-flightradar24:before { content: "\f4d6"; } .ti-brand-flipboard:before { content: "\f20b"; } .ti-brand-flutter:before { content: "\f395"; } .ti-brand-fortnite:before { content: "\f260"; } .ti-brand-foursquare:before { content: "\ecff"; } .ti-brand-framer:before { content: "\ec1b"; } .ti-brand-framer-motion:before { content: "\f78c"; } .ti-brand-funimation:before { content: "\f655"; } .ti-brand-gatsby:before { content: "\f396"; } .ti-brand-git:before { content: "\ef6f"; } .ti-brand-github:before { content: "\ec1c"; } .ti-brand-github-copilot:before { content: "\f4a8"; } .ti-brand-github-filled:before { content: "\f7e7"; } .ti-brand-gitlab:before { content: "\ec1d"; } .ti-brand-gmail:before { content: "\efa2"; } .ti-brand-golang:before { content: "\f78d"; } .ti-brand-google:before { content: "\ec1f"; } .ti-brand-google-analytics:before { content: "\edcb"; } .ti-brand-google-big-query:before { content: "\f612"; } .ti-brand-google-drive:before { content: "\ec1e"; } .ti-brand-google-filled:before { content: "\fd1a"; } .ti-brand-google-fit:before { content: "\f297"; } .ti-brand-google-home:before { content: "\f601"; } .ti-brand-google-maps:before { content: "\fa4f"; } .ti-brand-google-one:before { content: "\f232"; } .ti-brand-google-photos:before { content: "\f20c"; } .ti-brand-google-play:before { content: "\ed25"; } .ti-brand-google-podcasts:before { content: "\f656"; } .ti-brand-grammarly:before { content: "\f32b"; } .ti-brand-graphql:before { content: "\f32c"; } .ti-brand-gravatar:before { content: "\edcc"; } .ti-brand-grindr:before { content: "\f20d"; } .ti-brand-guardian:before { content: "\f4fb"; } .ti-brand-gumroad:before { content: "\f5d6"; } .ti-brand-hbo:before { content: "\f657"; } .ti-brand-headlessui:before { content: "\f32d"; } .ti-brand-hexo:before { content: "\fa50"; } .ti-brand-hipchat:before { content: "\edcd"; } .ti-brand-html5:before { content: "\ed6c"; } .ti-brand-inertia:before { content: "\f34a"; } .ti-brand-instagram:before { content: "\ec20"; } .ti-brand-intercom:before { content: "\f1cf"; } .ti-brand-itch:before { content: "\fa22"; } .ti-brand-javascript:before { content: "\ef0c"; } .ti-brand-juejin:before { content: "\f7b0"; } .ti-brand-kako-talk:before { content: "\fd2d"; } .ti-brand-kbin:before { content: "\fad0"; } .ti-brand-kick:before { content: "\fa23"; } .ti-brand-kickstarter:before { content: "\edce"; } .ti-brand-kotlin:before { content: "\ed6d"; } .ti-brand-laravel:before { content: "\f34b"; } .ti-brand-lastfm:before { content: "\f001"; } .ti-brand-leetcode:before { content: "\fa51"; } .ti-brand-letterboxd:before { content: "\fa24"; } .ti-brand-line:before { content: "\f7e8"; } .ti-brand-linkedin:before { content: "\ec8c"; } .ti-brand-linktree:before { content: "\f1e7"; } .ti-brand-linqpad:before { content: "\f562"; } .ti-brand-livewire:before { content: "\fd76"; } .ti-brand-loom:before { content: "\ef70"; } .ti-brand-mailgun:before { content: "\f32e"; } .ti-brand-mantine:before { content: "\f32f"; } .ti-brand-mastercard:before { content: "\ef49"; } .ti-brand-mastodon:before { content: "\f250"; } .ti-brand-matrix:before { content: "\f5eb"; } .ti-brand-mcdonalds:before { content: "\f251"; } .ti-brand-medium:before { content: "\ec70"; } .ti-brand-meetup:before { content: "\fc6a"; } .ti-brand-mercedes:before { content: "\f072"; } .ti-brand-messenger:before { content: "\ec71"; } .ti-brand-meta:before { content: "\efb0"; } .ti-brand-minecraft:before { content: "\faef"; } .ti-brand-miniprogram:before { content: "\f602"; } .ti-brand-mixpanel:before { content: "\f397"; } .ti-brand-monday:before { content: "\f219"; } .ti-brand-mongodb:before { content: "\f613"; } .ti-brand-my-oppo:before { content: "\f4d7"; } .ti-brand-mysql:before { content: "\f614"; } .ti-brand-national-geographic:before { content: "\f603"; } .ti-brand-nem:before { content: "\f5a1"; } .ti-brand-netbeans:before { content: "\ef71"; } .ti-brand-netease-music:before { content: "\f604"; } .ti-brand-netflix:before { content: "\edcf"; } .ti-brand-nexo:before { content: "\f5a2"; } .ti-brand-nextcloud:before { content: "\f4d8"; } .ti-brand-nextjs:before { content: "\f0dd"; } .ti-brand-nodejs:before { content: "\fae0"; } .ti-brand-nord-vpn:before { content: "\f37f"; } .ti-brand-notion:before { content: "\ef7b"; } .ti-brand-npm:before { content: "\f569"; } .ti-brand-nuxt:before { content: "\f0de"; } .ti-brand-nytimes:before { content: "\ef8d"; } .ti-brand-oauth:before { content: "\fa52"; } .ti-brand-office:before { content: "\f398"; } .ti-brand-ok-ru:before { content: "\f399"; } .ti-brand-onedrive:before { content: "\f5d7"; } .ti-brand-onlyfans:before { content: "\f605"; } .ti-brand-open-source:before { content: "\edd0"; } .ti-brand-openai:before { content: "\f78e"; } .ti-brand-openvpn:before { content: "\f39a"; } .ti-brand-opera:before { content: "\ec21"; } .ti-brand-pagekit:before { content: "\edd1"; } .ti-brand-parsinta:before { content: "\fc42"; } .ti-brand-patreon:before { content: "\edd2"; } .ti-brand-patreon-filled:before { content: "\fcff"; } .ti-brand-paypal:before { content: "\ec22"; } .ti-brand-paypal-filled:before { content: "\f7e9"; } .ti-brand-paypay:before { content: "\f5ec"; } .ti-brand-peanut:before { content: "\f39b"; } .ti-brand-pepsi:before { content: "\f261"; } .ti-brand-php:before { content: "\ef72"; } .ti-brand-picsart:before { content: "\f4d9"; } .ti-brand-pinterest:before { content: "\ec8d"; } .ti-brand-planetscale:before { content: "\f78f"; } .ti-brand-pnpm:before { content: "\fd77"; } .ti-brand-pocket:before { content: "\ed00"; } .ti-brand-polymer:before { content: "\f498"; } .ti-brand-powershell:before { content: "\f5ed"; } .ti-brand-printables:before { content: "\fd1b"; } .ti-brand-prisma:before { content: "\f499"; } .ti-brand-producthunt:before { content: "\edd3"; } .ti-brand-pushbullet:before { content: "\f330"; } .ti-brand-pushover:before { content: "\f20e"; } .ti-brand-python:before { content: "\ed01"; } .ti-brand-qq:before { content: "\f606"; } .ti-brand-radix-ui:before { content: "\f790"; } .ti-brand-react:before { content: "\f34c"; } .ti-brand-react-native:before { content: "\ef73"; } .ti-brand-reason:before { content: "\f49a"; } .ti-brand-reddit:before { content: "\ec8e"; } .ti-brand-redhat:before { content: "\f331"; } .ti-brand-redux:before { content: "\f3a8"; } .ti-brand-revolut:before { content: "\f4da"; } .ti-brand-rumble:before { content: "\fad1"; } .ti-brand-rust:before { content: "\fa53"; } .ti-brand-safari:before { content: "\ec23"; } .ti-brand-samsungpass:before { content: "\f4db"; } .ti-brand-sass:before { content: "\edd4"; } .ti-brand-sentry:before { content: "\edd5"; } .ti-brand-sharik:before { content: "\f4dc"; } .ti-brand-shazam:before { content: "\edd6"; } .ti-brand-shopee:before { content: "\f252"; } .ti-brand-sketch:before { content: "\ec24"; } .ti-brand-skype:before { content: "\ed02"; } .ti-brand-slack:before { content: "\ec72"; } .ti-brand-snapchat:before { content: "\ec25"; } .ti-brand-snapseed:before { content: "\f253"; } .ti-brand-snowflake:before { content: "\f615"; } .ti-brand-socket-io:before { content: "\f49b"; } .ti-brand-solidjs:before { content: "\f5ee"; } .ti-brand-soundcloud:before { content: "\ed6e"; } .ti-brand-spacehey:before { content: "\f4fc"; } .ti-brand-speedtest:before { content: "\fa77"; } .ti-brand-spotify:before { content: "\ed03"; } .ti-brand-stackoverflow:before { content: "\ef58"; } .ti-brand-stackshare:before { content: "\f607"; } .ti-brand-steam:before { content: "\ed6f"; } .ti-brand-stocktwits:before { content: "\fd78"; } .ti-brand-storj:before { content: "\fa54"; } .ti-brand-storybook:before { content: "\f332"; } .ti-brand-storytel:before { content: "\f608"; } .ti-brand-strava:before { content: "\f254"; } .ti-brand-stripe:before { content: "\edd7"; } .ti-brand-sublime-text:before { content: "\ef74"; } .ti-brand-sugarizer:before { content: "\f7a5"; } .ti-brand-supabase:before { content: "\f6d3"; } .ti-brand-superhuman:before { content: "\f50c"; } .ti-brand-supernova:before { content: "\f49c"; } .ti-brand-surfshark:before { content: "\f255"; } .ti-brand-svelte:before { content: "\f0df"; } .ti-brand-swift:before { content: "\fa55"; } .ti-brand-symfony:before { content: "\f616"; } .ti-brand-tabler:before { content: "\ec8f"; } .ti-brand-tailwind:before { content: "\eca1"; } .ti-brand-taobao:before { content: "\f5ef"; } .ti-brand-teams:before { content: "\fadf"; } .ti-brand-ted:before { content: "\f658"; } .ti-brand-telegram:before { content: "\ec26"; } .ti-brand-terraform:before { content: "\fa56"; } .ti-brand-tether:before { content: "\f5a3"; } .ti-brand-thingiverse:before { content: "\fd1c"; } .ti-brand-threads:before { content: "\fb02"; } .ti-brand-threejs:before { content: "\f5f0"; } .ti-brand-tidal:before { content: "\ed70"; } .ti-brand-tiktok:before { content: "\ec73"; } .ti-brand-tiktok-filled:before { content: "\f7ea"; } .ti-brand-tinder:before { content: "\ed71"; } .ti-brand-topbuzz:before { content: "\f50d"; } .ti-brand-torchain:before { content: "\f5a4"; } .ti-brand-toyota:before { content: "\f262"; } .ti-brand-trello:before { content: "\f39d"; } .ti-brand-tripadvisor:before { content: "\f002"; } .ti-brand-tumblr:before { content: "\ed04"; } .ti-brand-twilio:before { content: "\f617"; } .ti-brand-twitch:before { content: "\ed05"; } .ti-brand-twitter:before { content: "\ec27"; } .ti-brand-twitter-filled:before { content: "\f7eb"; } .ti-brand-typescript:before { content: "\f5f1"; } .ti-brand-uber:before { content: "\ef75"; } .ti-brand-ubuntu:before { content: "\ef59"; } .ti-brand-unity:before { content: "\f49d"; } .ti-brand-unsplash:before { content: "\edd8"; } .ti-brand-upwork:before { content: "\f39e"; } .ti-brand-valorant:before { content: "\f39f"; } .ti-brand-vercel:before { content: "\ef24"; } .ti-brand-vimeo:before { content: "\ed06"; } .ti-brand-vinted:before { content: "\f20f"; } .ti-brand-visa:before { content: "\f380"; } .ti-brand-visual-studio:before { content: "\ef76"; } .ti-brand-vite:before { content: "\f5f2"; } .ti-brand-vivaldi:before { content: "\f210"; } .ti-brand-vk:before { content: "\ed72"; } .ti-brand-vlc:before { content: "\fa78"; } .ti-brand-volkswagen:before { content: "\f50e"; } .ti-brand-vsco:before { content: "\f334"; } .ti-brand-vscode:before { content: "\f3a0"; } .ti-brand-vue:before { content: "\f0e0"; } .ti-brand-walmart:before { content: "\f211"; } .ti-brand-waze:before { content: "\f5d8"; } .ti-brand-webflow:before { content: "\f2d2"; } .ti-brand-wechat:before { content: "\f5f3"; } .ti-brand-weibo:before { content: "\f609"; } .ti-brand-whatsapp:before { content: "\ec74"; } .ti-brand-wikipedia:before { content: "\fa79"; } .ti-brand-windows:before { content: "\ecd8"; } .ti-brand-windy:before { content: "\f4dd"; } .ti-brand-wish:before { content: "\f212"; } .ti-brand-wix:before { content: "\f3a1"; } .ti-brand-wordpress:before { content: "\f2d3"; } .ti-brand-x:before { content: "\fc0f"; } .ti-brand-x-filled:before { content: "\fc21"; } .ti-brand-xamarin:before { content: "\fa7a"; } .ti-brand-xbox:before { content: "\f298"; } .ti-brand-xdeep:before { content: "\fc10"; } .ti-brand-xing:before { content: "\f21a"; } .ti-brand-yahoo:before { content: "\ed73"; } .ti-brand-yandex:before { content: "\fae1"; } .ti-brand-yarn:before { content: "\fd79"; } .ti-brand-yatse:before { content: "\f213"; } .ti-brand-ycombinator:before { content: "\edd9"; } .ti-brand-youtube:before { content: "\ec90"; } .ti-brand-youtube-filled:before { content: "\fc22"; } .ti-brand-youtube-kids:before { content: "\f214"; } .ti-brand-zalando:before { content: "\f49e"; } .ti-brand-zapier:before { content: "\f49f"; } .ti-brand-zeit:before { content: "\f335"; } .ti-brand-zhihu:before { content: "\f60a"; } .ti-brand-zoom:before { content: "\f215"; } .ti-brand-zulip:before { content: "\f4de"; } .ti-brand-zwift:before { content: "\f216"; } .ti-bread:before { content: "\efa3"; } .ti-bread-off:before { content: "\f3cb"; } .ti-briefcase:before { content: "\ea46"; } .ti-briefcase-2:before { content: "\fb03"; } .ti-briefcase-filled:before { content: "\fd00"; } .ti-briefcase-off:before { content: "\f3cc"; } .ti-brightness:before { content: "\eb7f"; } .ti-brightness-2:before { content: "\ee19"; } .ti-brightness-auto:before { content: "\fd99"; } .ti-brightness-down:before { content: "\eb7d"; } .ti-brightness-down-filled:before { content: "\fb23"; } .ti-brightness-half:before { content: "\ee1a"; } .ti-brightness-off:before { content: "\f3cd"; } .ti-brightness-up:before { content: "\eb7e"; } .ti-brightness-up-filled:before { content: "\fb24"; } .ti-broadcast:before { content: "\f1e9"; } .ti-broadcast-off:before { content: "\f1e8"; } .ti-browser:before { content: "\ebb7"; } .ti-browser-check:before { content: "\efd6"; } .ti-browser-off:before { content: "\f0c1"; } .ti-browser-plus:before { content: "\efd7"; } .ti-browser-x:before { content: "\efd8"; } .ti-brush:before { content: "\ebb8"; } .ti-brush-off:before { content: "\f0c2"; } .ti-bucket:before { content: "\ea47"; } .ti-bucket-droplet:before { content: "\f56a"; } .ti-bucket-off:before { content: "\f103"; } .ti-bug:before { content: "\ea48"; } .ti-bug-filled:before { content: "\fd01"; } .ti-bug-off:before { content: "\f0c3"; } .ti-building:before { content: "\ea4f"; } .ti-building-arch:before { content: "\ea49"; } .ti-building-bank:before { content: "\ebe2"; } .ti-building-bridge:before { content: "\ea4b"; } .ti-building-bridge-2:before { content: "\ea4a"; } .ti-building-broadcast-tower:before { content: "\f4be"; } .ti-building-carousel:before { content: "\ed87"; } .ti-building-castle:before { content: "\ed88"; } .ti-building-church:before { content: "\ea4c"; } .ti-building-circus:before { content: "\f4bf"; } .ti-building-community:before { content: "\ebf6"; } .ti-building-cottage:before { content: "\ee1b"; } .ti-building-estate:before { content: "\f5a5"; } .ti-building-factory:before { content: "\ee1c"; } .ti-building-factory-2:before { content: "\f082"; } .ti-building-fortress:before { content: "\ed89"; } .ti-building-hospital:before { content: "\ea4d"; } .ti-building-lighthouse:before { content: "\ed8a"; } .ti-building-monument:before { content: "\ed26"; } .ti-building-mosque:before { content: "\fa57"; } .ti-building-pavilion:before { content: "\ebf7"; } .ti-building-skyscraper:before { content: "\ec39"; } .ti-building-stadium:before { content: "\f641"; } .ti-building-store:before { content: "\ea4e"; } .ti-building-tunnel:before { content: "\f5a6"; } .ti-building-warehouse:before { content: "\ebe3"; } .ti-building-wind-turbine:before { content: "\f4c0"; } .ti-bulb:before { content: "\ea51"; } .ti-bulb-filled:before { content: "\f66a"; } .ti-bulb-off:before { content: "\ea50"; } .ti-bulldozer:before { content: "\ee1d"; } .ti-burger:before { content: "\fcb4"; } .ti-bus:before { content: "\ebe4"; } .ti-bus-off:before { content: "\f3ce"; } .ti-bus-stop:before { content: "\f2d4"; } .ti-businessplan:before { content: "\ee1e"; } .ti-butterfly:before { content: "\efd9"; } .ti-cactus:before { content: "\f21b"; } .ti-cactus-filled:before { content: "\fb25"; } .ti-cactus-off:before { content: "\f3cf"; } .ti-cake:before { content: "\f00f"; } .ti-cake-off:before { content: "\f104"; } .ti-calculator:before { content: "\eb80"; } .ti-calculator-filled:before { content: "\fb26"; } .ti-calculator-off:before { content: "\f0c4"; } .ti-calendar:before { content: "\ea53"; } .ti-calendar-bolt:before { content: "\f822"; } .ti-calendar-cancel:before { content: "\f823"; } .ti-calendar-check:before { content: "\f824"; } .ti-calendar-clock:before { content: "\fd2e"; } .ti-calendar-code:before { content: "\f825"; } .ti-calendar-cog:before { content: "\f826"; } .ti-calendar-dollar:before { content: "\f827"; } .ti-calendar-dot:before { content: "\fd3e"; } .ti-calendar-down:before { content: "\f828"; } .ti-calendar-due:before { content: "\f621"; } .ti-calendar-event:before { content: "\ea52"; } .ti-calendar-exclamation:before { content: "\f829"; } .ti-calendar-filled:before { content: "\fb27"; } .ti-calendar-heart:before { content: "\f82a"; } .ti-calendar-minus:before { content: "\ebb9"; } .ti-calendar-month:before { content: "\fd2f"; } .ti-calendar-off:before { content: "\ee1f"; } .ti-calendar-pause:before { content: "\f82b"; } .ti-calendar-pin:before { content: "\f82c"; } .ti-calendar-plus:before { content: "\ebba"; } .ti-calendar-question:before { content: "\f82d"; } .ti-calendar-repeat:before { content: "\fad2"; } .ti-calendar-sad:before { content: "\fd1d"; } .ti-calendar-search:before { content: "\f82e"; } .ti-calendar-share:before { content: "\f82f"; } .ti-calendar-smile:before { content: "\fd1e"; } .ti-calendar-star:before { content: "\f830"; } .ti-calendar-stats:before { content: "\ee20"; } .ti-calendar-time:before { content: "\ee21"; } .ti-calendar-up:before { content: "\f831"; } .ti-calendar-user:before { content: "\fd1f"; } .ti-calendar-week:before { content: "\fd30"; } .ti-calendar-x:before { content: "\f832"; } .ti-camera:before { content: "\ea54"; } .ti-camera-bolt:before { content: "\f833"; } .ti-camera-cancel:before { content: "\f834"; } .ti-camera-check:before { content: "\f835"; } .ti-camera-code:before { content: "\f836"; } .ti-camera-cog:before { content: "\f837"; } .ti-camera-dollar:before { content: "\f838"; } .ti-camera-down:before { content: "\f839"; } .ti-camera-exclamation:before { content: "\f83a"; } .ti-camera-filled:before { content: "\fa37"; } .ti-camera-heart:before { content: "\f83b"; } .ti-camera-minus:before { content: "\ec3a"; } .ti-camera-off:before { content: "\ecee"; } .ti-camera-pause:before { content: "\f83c"; } .ti-camera-pin:before { content: "\f83d"; } .ti-camera-plus:before { content: "\ec3b"; } .ti-camera-question:before { content: "\f83e"; } .ti-camera-rotate:before { content: "\ee22"; } .ti-camera-search:before { content: "\f83f"; } .ti-camera-selfie:before { content: "\ee23"; } .ti-camera-share:before { content: "\f840"; } .ti-camera-star:before { content: "\f841"; } .ti-camera-up:before { content: "\f842"; } .ti-camera-x:before { content: "\f843"; } .ti-camper:before { content: "\fa25"; } .ti-campfire:before { content: "\f5a7"; } .ti-campfire-filled:before { content: "\fb28"; } .ti-candle:before { content: "\efc6"; } .ti-candle-filled:before { content: "\fc23"; } .ti-candy:before { content: "\ef0d"; } .ti-candy-off:before { content: "\f0c5"; } .ti-cane:before { content: "\f50f"; } .ti-cannabis:before { content: "\f4c1"; } .ti-capsule:before { content: "\fae3"; } .ti-capsule-filled:before { content: "\fc24"; } .ti-capsule-horizontal:before { content: "\fae2"; } .ti-capsule-horizontal-filled:before { content: "\fc25"; } .ti-capture:before { content: "\ec3c"; } .ti-capture-filled:before { content: "\fb29"; } .ti-capture-off:before { content: "\f0c6"; } .ti-car:before { content: "\ebbb"; } .ti-car-crane:before { content: "\ef25"; } .ti-car-crash:before { content: "\efa4"; } .ti-car-garage:before { content: "\fc77"; } .ti-car-off:before { content: "\f0c7"; } .ti-car-suv:before { content: "\fc8b"; } .ti-car-turbine:before { content: "\f4fd"; } .ti-caravan:before { content: "\ec7c"; } .ti-cardboards:before { content: "\ed74"; } .ti-cardboards-off:before { content: "\f0c8"; } .ti-cards:before { content: "\f510"; } .ti-cards-filled:before { content: "\fc26"; } .ti-caret-down:before { content: "\eb5d"; } .ti-caret-down-filled:before { content: "\fb2a"; } .ti-caret-left:before { content: "\eb5e"; } .ti-caret-left-filled:before { content: "\fb2b"; } .ti-caret-left-right:before { content: "\fc43"; } .ti-caret-left-right-filled:before { content: "\fd02"; } .ti-caret-right:before { content: "\eb5f"; } .ti-caret-right-filled:before { content: "\fb2c"; } .ti-caret-up:before { content: "\eb60"; } .ti-caret-up-down:before { content: "\fc44"; } .ti-caret-up-down-filled:before { content: "\fd03"; } .ti-caret-up-filled:before { content: "\fb2d"; } .ti-carousel-horizontal:before { content: "\f659"; } .ti-carousel-horizontal-filled:before { content: "\fa92"; } .ti-carousel-vertical:before { content: "\f65a"; } .ti-carousel-vertical-filled:before { content: "\fa93"; } .ti-carrot:before { content: "\f21c"; } .ti-carrot-off:before { content: "\f3d0"; } .ti-cash:before { content: "\ea55"; } .ti-cash-banknote:before { content: "\ee25"; } .ti-cash-banknote-off:before { content: "\ee24"; } .ti-cash-off:before { content: "\f105"; } .ti-cast:before { content: "\ea56"; } .ti-cast-off:before { content: "\f0c9"; } .ti-cat:before { content: "\f65b"; } .ti-category:before { content: "\f1f6"; } .ti-category-2:before { content: "\f1f5"; } .ti-category-filled:before { content: "\fb2e"; } .ti-category-minus:before { content: "\fd20"; } .ti-category-plus:before { content: "\fd21"; } .ti-ce:before { content: "\ed75"; } .ti-ce-off:before { content: "\f0ca"; } .ti-cell:before { content: "\f05f"; } .ti-cell-signal-1:before { content: "\f083"; } .ti-cell-signal-2:before { content: "\f084"; } .ti-cell-signal-3:before { content: "\f085"; } .ti-cell-signal-4:before { content: "\f086"; } .ti-cell-signal-5:before { content: "\f087"; } .ti-cell-signal-off:before { content: "\f088"; } .ti-certificate:before { content: "\ed76"; } .ti-certificate-2:before { content: "\f073"; } .ti-certificate-2-off:before { content: "\f0cb"; } .ti-certificate-off:before { content: "\f0cc"; } .ti-chair-director:before { content: "\f2d5"; } .ti-chalkboard:before { content: "\f34d"; } .ti-chalkboard-off:before { content: "\f3d1"; } .ti-charging-pile:before { content: "\ee26"; } .ti-chart-arcs:before { content: "\ee28"; } .ti-chart-arcs-3:before { content: "\ee27"; } .ti-chart-area:before { content: "\ea58"; } .ti-chart-area-filled:before { content: "\f66b"; } .ti-chart-area-line:before { content: "\ea57"; } .ti-chart-area-line-filled:before { content: "\f66c"; } .ti-chart-arrows:before { content: "\ee2a"; } .ti-chart-arrows-vertical:before { content: "\ee29"; } .ti-chart-bar:before { content: "\ea59"; } .ti-chart-bar-off:before { content: "\f3d2"; } .ti-chart-bubble:before { content: "\ec75"; } .ti-chart-bubble-filled:before { content: "\f66d"; } .ti-chart-candle:before { content: "\ea5a"; } .ti-chart-candle-filled:before { content: "\f66e"; } .ti-chart-circles:before { content: "\ee2b"; } .ti-chart-donut:before { content: "\ea5b"; } .ti-chart-donut-2:before { content: "\ee2c"; } .ti-chart-donut-3:before { content: "\ee2d"; } .ti-chart-donut-4:before { content: "\ee2e"; } .ti-chart-donut-filled:before { content: "\f66f"; } .ti-chart-dots:before { content: "\ee2f"; } .ti-chart-dots-2:before { content: "\f097"; } .ti-chart-dots-3:before { content: "\f098"; } .ti-chart-dots-filled:before { content: "\fd04"; } .ti-chart-grid-dots:before { content: "\f4c2"; } .ti-chart-grid-dots-filled:before { content: "\fd05"; } .ti-chart-histogram:before { content: "\f65c"; } .ti-chart-infographic:before { content: "\ee30"; } .ti-chart-line:before { content: "\ea5c"; } .ti-chart-pie:before { content: "\ea5d"; } .ti-chart-pie-2:before { content: "\ee31"; } .ti-chart-pie-3:before { content: "\ee32"; } .ti-chart-pie-4:before { content: "\ee33"; } .ti-chart-pie-filled:before { content: "\f670"; } .ti-chart-pie-off:before { content: "\f3d3"; } .ti-chart-ppf:before { content: "\f618"; } .ti-chart-radar:before { content: "\ed77"; } .ti-chart-sankey:before { content: "\f619"; } .ti-chart-scatter:before { content: "\fd93"; } .ti-chart-scatter-3d:before { content: "\fd92"; } .ti-chart-treemap:before { content: "\f381"; } .ti-check:before { content: "\ea5e"; } .ti-checkbox:before { content: "\eba6"; } .ti-checklist:before { content: "\f074"; } .ti-checks:before { content: "\ebaa"; } .ti-checkup-list:before { content: "\ef5a"; } .ti-cheese:before { content: "\ef26"; } .ti-chef-hat:before { content: "\f21d"; } .ti-chef-hat-off:before { content: "\f3d4"; } .ti-cherry:before { content: "\f511"; } .ti-cherry-filled:before { content: "\f728"; } .ti-chess:before { content: "\f382"; } .ti-chess-bishop:before { content: "\f56b"; } .ti-chess-bishop-filled:before { content: "\f729"; } .ti-chess-filled:before { content: "\f72a"; } .ti-chess-king:before { content: "\f56c"; } .ti-chess-king-filled:before { content: "\f72b"; } .ti-chess-knight:before { content: "\f56d"; } .ti-chess-knight-filled:before { content: "\f72c"; } .ti-chess-queen:before { content: "\f56e"; } .ti-chess-queen-filled:before { content: "\f72d"; } .ti-chess-rook:before { content: "\f56f"; } .ti-chess-rook-filled:before { content: "\f72e"; } .ti-chevron-compact-down:before { content: "\faf0"; } .ti-chevron-compact-left:before { content: "\faf1"; } .ti-chevron-compact-right:before { content: "\faf2"; } .ti-chevron-compact-up:before { content: "\faf3"; } .ti-chevron-down:before { content: "\ea5f"; } .ti-chevron-down-left:before { content: "\ed09"; } .ti-chevron-down-right:before { content: "\ed0a"; } .ti-chevron-left:before { content: "\ea60"; } .ti-chevron-left-pipe:before { content: "\fae4"; } .ti-chevron-right:before { content: "\ea61"; } .ti-chevron-right-pipe:before { content: "\fae5"; } .ti-chevron-up:before { content: "\ea62"; } .ti-chevron-up-left:before { content: "\ed0b"; } .ti-chevron-up-right:before { content: "\ed0c"; } .ti-chevrons-down:before { content: "\ea63"; } .ti-chevrons-down-left:before { content: "\ed0d"; } .ti-chevrons-down-right:before { content: "\ed0e"; } .ti-chevrons-left:before { content: "\ea64"; } .ti-chevrons-right:before { content: "\ea65"; } .ti-chevrons-up:before { content: "\ea66"; } .ti-chevrons-up-left:before { content: "\ed0f"; } .ti-chevrons-up-right:before { content: "\ed10"; } .ti-chisel:before { content: "\f383"; } .ti-christmas-ball:before { content: "\fd31"; } .ti-christmas-tree:before { content: "\ed78"; } .ti-christmas-tree-off:before { content: "\f3d5"; } .ti-circle:before { content: "\ea6b"; } .ti-circle-0-filled:before { content: "\f72f"; } .ti-circle-1-filled:before { content: "\f730"; } .ti-circle-2-filled:before { content: "\f731"; } .ti-circle-3-filled:before { content: "\f732"; } .ti-circle-4-filled:before { content: "\f733"; } .ti-circle-5-filled:before { content: "\f734"; } .ti-circle-6-filled:before { content: "\f735"; } .ti-circle-7-filled:before { content: "\f736"; } .ti-circle-8-filled:before { content: "\f737"; } .ti-circle-9-filled:before { content: "\f738"; } .ti-circle-arrow-down:before { content: "\f6f9"; } .ti-circle-arrow-down-filled:before { content: "\f6f4"; } .ti-circle-arrow-down-left:before { content: "\f6f6"; } .ti-circle-arrow-down-left-filled:before { content: "\f6f5"; } .ti-circle-arrow-down-right:before { content: "\f6f8"; } .ti-circle-arrow-down-right-filled:before { content: "\f6f7"; } .ti-circle-arrow-left:before { content: "\f6fb"; } .ti-circle-arrow-left-filled:before { content: "\f6fa"; } .ti-circle-arrow-right:before { content: "\f6fd"; } .ti-circle-arrow-right-filled:before { content: "\f6fc"; } .ti-circle-arrow-up:before { content: "\f703"; } .ti-circle-arrow-up-filled:before { content: "\f6fe"; } .ti-circle-arrow-up-left:before { content: "\f700"; } .ti-circle-arrow-up-left-filled:before { content: "\f6ff"; } .ti-circle-arrow-up-right:before { content: "\f702"; } .ti-circle-arrow-up-right-filled:before { content: "\f701"; } .ti-circle-caret-down:before { content: "\f4a9"; } .ti-circle-caret-left:before { content: "\f4aa"; } .ti-circle-caret-right:before { content: "\f4ab"; } .ti-circle-caret-up:before { content: "\f4ac"; } .ti-circle-check:before { content: "\ea67"; } .ti-circle-check-filled:before { content: "\f704"; } .ti-circle-chevron-down:before { content: "\f622"; } .ti-circle-chevron-left:before { content: "\f623"; } .ti-circle-chevron-right:before { content: "\f624"; } .ti-circle-chevron-up:before { content: "\f625"; } .ti-circle-chevrons-down:before { content: "\f642"; } .ti-circle-chevrons-left:before { content: "\f643"; } .ti-circle-chevrons-right:before { content: "\f644"; } .ti-circle-chevrons-up:before { content: "\f645"; } .ti-circle-dashed:before { content: "\ed27"; } .ti-circle-dashed-number-0:before { content: "\fc6b"; } .ti-circle-dashed-number-1:before { content: "\fc6c"; } .ti-circle-dashed-number-2:before { content: "\fc6d"; } .ti-circle-dashed-number-3:before { content: "\fc6e"; } .ti-circle-dashed-number-4:before { content: "\fc6f"; } .ti-circle-dashed-number-5:before { content: "\fc70"; } .ti-circle-dashed-number-6:before { content: "\fc71"; } .ti-circle-dashed-number-7:before { content: "\fc72"; } .ti-circle-dashed-number-8:before { content: "\fc73"; } .ti-circle-dashed-number-9:before { content: "\fc74"; } .ti-circle-dashed-percentage:before { content: "\fd7a"; } .ti-circle-dashed-x:before { content: "\fc75"; } .ti-circle-dot:before { content: "\efb1"; } .ti-circle-dot-filled:before { content: "\f705"; } .ti-circle-dotted:before { content: "\ed28"; } .ti-circle-filled:before { content: "\f671"; } .ti-circle-half:before { content: "\ee3f"; } .ti-circle-half-2:before { content: "\eff3"; } .ti-circle-half-vertical:before { content: "\ee3e"; } .ti-circle-key:before { content: "\f633"; } .ti-circle-key-filled:before { content: "\f706"; } .ti-circle-letter-a:before { content: "\f441"; } .ti-circle-letter-b:before { content: "\f442"; } .ti-circle-letter-c:before { content: "\f443"; } .ti-circle-letter-d:before { content: "\f444"; } .ti-circle-letter-e:before { content: "\f445"; } .ti-circle-letter-f:before { content: "\f446"; } .ti-circle-letter-g:before { content: "\f447"; } .ti-circle-letter-h:before { content: "\f448"; } .ti-circle-letter-i:before { content: "\f449"; } .ti-circle-letter-j:before { content: "\f44a"; } .ti-circle-letter-k:before { content: "\f44b"; } .ti-circle-letter-l:before { content: "\f44c"; } .ti-circle-letter-m:before { content: "\f44d"; } .ti-circle-letter-n:before { content: "\f44e"; } .ti-circle-letter-o:before { content: "\f44f"; } .ti-circle-letter-p:before { content: "\f450"; } .ti-circle-letter-q:before { content: "\f451"; } .ti-circle-letter-r:before { content: "\f452"; } .ti-circle-letter-s:before { content: "\f453"; } .ti-circle-letter-t:before { content: "\f454"; } .ti-circle-letter-u:before { content: "\f455"; } .ti-circle-letter-v:before { content: "\f4ad"; } .ti-circle-letter-w:before { content: "\f456"; } .ti-circle-letter-x:before { content: "\f4ae"; } .ti-circle-letter-y:before { content: "\f457"; } .ti-circle-letter-z:before { content: "\f458"; } .ti-circle-minus:before { content: "\ea68"; } .ti-circle-minus-2:before { content: "\fc8c"; } .ti-circle-number-0:before { content: "\ee34"; } .ti-circle-number-1:before { content: "\ee35"; } .ti-circle-number-2:before { content: "\ee36"; } .ti-circle-number-3:before { content: "\ee37"; } .ti-circle-number-4:before { content: "\ee38"; } .ti-circle-number-5:before { content: "\ee39"; } .ti-circle-number-6:before { content: "\ee3a"; } .ti-circle-number-7:before { content: "\ee3b"; } .ti-circle-number-8:before { content: "\ee3c"; } .ti-circle-number-9:before { content: "\ee3d"; } .ti-circle-off:before { content: "\ee40"; } .ti-circle-percentage:before { content: "\fd7b"; } .ti-circle-plus:before { content: "\ea69"; } .ti-circle-plus-2:before { content: "\fc8d"; } .ti-circle-rectangle:before { content: "\f010"; } .ti-circle-rectangle-off:before { content: "\f0cd"; } .ti-circle-square:before { content: "\ece4"; } .ti-circle-triangle:before { content: "\f011"; } .ti-circle-x:before { content: "\ea6a"; } .ti-circle-x-filled:before { content: "\f739"; } .ti-circles:before { content: "\ece5"; } .ti-circles-filled:before { content: "\f672"; } .ti-circles-relation:before { content: "\f4c3"; } .ti-circuit-ammeter:before { content: "\f271"; } .ti-circuit-battery:before { content: "\f272"; } .ti-circuit-bulb:before { content: "\f273"; } .ti-circuit-capacitor:before { content: "\f275"; } .ti-circuit-capacitor-polarized:before { content: "\f274"; } .ti-circuit-cell:before { content: "\f277"; } .ti-circuit-cell-plus:before { content: "\f276"; } .ti-circuit-changeover:before { content: "\f278"; } .ti-circuit-diode:before { content: "\f27a"; } .ti-circuit-diode-zener:before { content: "\f279"; } .ti-circuit-ground:before { content: "\f27c"; } .ti-circuit-ground-digital:before { content: "\f27b"; } .ti-circuit-inductor:before { content: "\f27d"; } .ti-circuit-motor:before { content: "\f27e"; } .ti-circuit-pushbutton:before { content: "\f27f"; } .ti-circuit-resistor:before { content: "\f280"; } .ti-circuit-switch-closed:before { content: "\f281"; } .ti-circuit-switch-open:before { content: "\f282"; } .ti-circuit-voltmeter:before { content: "\f283"; } .ti-clear-all:before { content: "\ee41"; } .ti-clear-formatting:before { content: "\ebe5"; } .ti-click:before { content: "\ebbc"; } .ti-clipboard:before { content: "\ea6f"; } .ti-clipboard-check:before { content: "\ea6c"; } .ti-clipboard-copy:before { content: "\f299"; } .ti-clipboard-data:before { content: "\f563"; } .ti-clipboard-heart:before { content: "\f34e"; } .ti-clipboard-list:before { content: "\ea6d"; } .ti-clipboard-off:before { content: "\f0ce"; } .ti-clipboard-plus:before { content: "\efb2"; } .ti-clipboard-smile:before { content: "\fd9a"; } .ti-clipboard-text:before { content: "\f089"; } .ti-clipboard-typography:before { content: "\f34f"; } .ti-clipboard-x:before { content: "\ea6e"; } .ti-clock:before { content: "\ea70"; } .ti-clock-12:before { content: "\fc56"; } .ti-clock-2:before { content: "\f099"; } .ti-clock-24:before { content: "\fc57"; } .ti-clock-bolt:before { content: "\f844"; } .ti-clock-cancel:before { content: "\f546"; } .ti-clock-check:before { content: "\f7c1"; } .ti-clock-code:before { content: "\f845"; } .ti-clock-cog:before { content: "\f7c2"; } .ti-clock-dollar:before { content: "\f846"; } .ti-clock-down:before { content: "\f7c3"; } .ti-clock-edit:before { content: "\f547"; } .ti-clock-exclamation:before { content: "\f847"; } .ti-clock-filled:before { content: "\f73a"; } .ti-clock-heart:before { content: "\f7c4"; } .ti-clock-hour-1:before { content: "\f313"; } .ti-clock-hour-10:before { content: "\f314"; } .ti-clock-hour-11:before { content: "\f315"; } .ti-clock-hour-12:before { content: "\f316"; } .ti-clock-hour-2:before { content: "\f317"; } .ti-clock-hour-3:before { content: "\f318"; } .ti-clock-hour-4:before { content: "\f319"; } .ti-clock-hour-5:before { content: "\f31a"; } .ti-clock-hour-6:before { content: "\f31b"; } .ti-clock-hour-7:before { content: "\f31c"; } .ti-clock-hour-8:before { content: "\f31d"; } .ti-clock-hour-9:before { content: "\f31e"; } .ti-clock-minus:before { content: "\f848"; } .ti-clock-off:before { content: "\f0cf"; } .ti-clock-pause:before { content: "\f548"; } .ti-clock-pin:before { content: "\f849"; } .ti-clock-play:before { content: "\f549"; } .ti-clock-plus:before { content: "\f7c5"; } .ti-clock-question:before { content: "\f7c6"; } .ti-clock-record:before { content: "\f54a"; } .ti-clock-search:before { content: "\f7c7"; } .ti-clock-share:before { content: "\f84a"; } .ti-clock-shield:before { content: "\f7c8"; } .ti-clock-star:before { content: "\f7c9"; } .ti-clock-stop:before { content: "\f54b"; } .ti-clock-up:before { content: "\f7ca"; } .ti-clock-x:before { content: "\f7cb"; } .ti-clothes-rack:before { content: "\f285"; } .ti-clothes-rack-off:before { content: "\f3d6"; } .ti-cloud:before { content: "\ea76"; } .ti-cloud-bolt:before { content: "\f84b"; } .ti-cloud-cancel:before { content: "\f84c"; } .ti-cloud-check:before { content: "\f84d"; } .ti-cloud-code:before { content: "\f84e"; } .ti-cloud-cog:before { content: "\f84f"; } .ti-cloud-computing:before { content: "\f1d0"; } .ti-cloud-data-connection:before { content: "\f1d1"; } .ti-cloud-dollar:before { content: "\f850"; } .ti-cloud-down:before { content: "\f851"; } .ti-cloud-download:before { content: "\ea71"; } .ti-cloud-exclamation:before { content: "\f852"; } .ti-cloud-filled:before { content: "\f673"; } .ti-cloud-fog:before { content: "\ecd9"; } .ti-cloud-heart:before { content: "\f853"; } .ti-cloud-lock:before { content: "\efdb"; } .ti-cloud-lock-open:before { content: "\efda"; } .ti-cloud-minus:before { content: "\f854"; } .ti-cloud-network:before { content: "\fc78"; } .ti-cloud-off:before { content: "\ed3e"; } .ti-cloud-pause:before { content: "\f855"; } .ti-cloud-pin:before { content: "\f856"; } .ti-cloud-plus:before { content: "\f857"; } .ti-cloud-question:before { content: "\f858"; } .ti-cloud-rain:before { content: "\ea72"; } .ti-cloud-search:before { content: "\f859"; } .ti-cloud-share:before { content: "\f85a"; } .ti-cloud-snow:before { content: "\ea73"; } .ti-cloud-star:before { content: "\f85b"; } .ti-cloud-storm:before { content: "\ea74"; } .ti-cloud-up:before { content: "\f85c"; } .ti-cloud-upload:before { content: "\ea75"; } .ti-cloud-x:before { content: "\f85d"; } .ti-clover:before { content: "\f1ea"; } .ti-clover-2:before { content: "\f21e"; } .ti-clubs:before { content: "\eff4"; } .ti-clubs-filled:before { content: "\f674"; } .ti-code:before { content: "\ea77"; } .ti-code-asterix:before { content: "\f312"; } .ti-code-circle:before { content: "\f4ff"; } .ti-code-circle-2:before { content: "\f4fe"; } .ti-code-dots:before { content: "\f61a"; } .ti-code-minus:before { content: "\ee42"; } .ti-code-off:before { content: "\f0d0"; } .ti-code-plus:before { content: "\ee43"; } .ti-coffee:before { content: "\ef0e"; } .ti-coffee-off:before { content: "\f106"; } .ti-coffin:before { content: "\f579"; } .ti-coin:before { content: "\eb82"; } .ti-coin-bitcoin:before { content: "\f2be"; } .ti-coin-bitcoin-filled:before { content: "\fd06"; } .ti-coin-euro:before { content: "\f2bf"; } .ti-coin-euro-filled:before { content: "\fd07"; } .ti-coin-filled:before { content: "\fd08"; } .ti-coin-monero:before { content: "\f4a0"; } .ti-coin-monero-filled:before { content: "\fd09"; } .ti-coin-off:before { content: "\f0d1"; } .ti-coin-pound:before { content: "\f2c0"; } .ti-coin-pound-filled:before { content: "\fd0a"; } .ti-coin-rupee:before { content: "\f2c1"; } .ti-coin-rupee-filled:before { content: "\fd0b"; } .ti-coin-taka:before { content: "\fd0d"; } .ti-coin-taka-filled:before { content: "\fd0c"; } .ti-coin-yen:before { content: "\f2c2"; } .ti-coin-yen-filled:before { content: "\fd0e"; } .ti-coin-yuan:before { content: "\f2c3"; } .ti-coin-yuan-filled:before { content: "\fd0f"; } .ti-coins:before { content: "\f65d"; } .ti-color-filter:before { content: "\f5a8"; } .ti-color-picker:before { content: "\ebe6"; } .ti-color-picker-off:before { content: "\f0d2"; } .ti-color-swatch:before { content: "\eb61"; } .ti-color-swatch-off:before { content: "\f0d3"; } .ti-column-insert-left:before { content: "\ee44"; } .ti-column-insert-right:before { content: "\ee45"; } .ti-column-remove:before { content: "\faf4"; } .ti-columns:before { content: "\eb83"; } .ti-columns-1:before { content: "\f6d4"; } .ti-columns-2:before { content: "\f6d5"; } .ti-columns-3:before { content: "\f6d6"; } .ti-columns-off:before { content: "\f0d4"; } .ti-comet:before { content: "\ec76"; } .ti-command:before { content: "\ea78"; } .ti-command-off:before { content: "\f3d7"; } .ti-compass:before { content: "\ea79"; } .ti-compass-filled:before { content: "\fd10"; } .ti-compass-off:before { content: "\f0d5"; } .ti-components:before { content: "\efa5"; } .ti-components-off:before { content: "\f0d6"; } .ti-cone:before { content: "\efdd"; } .ti-cone-2:before { content: "\efdc"; } .ti-cone-off:before { content: "\f3d8"; } .ti-cone-plus:before { content: "\fa94"; } .ti-confetti:before { content: "\ee46"; } .ti-confetti-off:before { content: "\f3d9"; } .ti-confucius:before { content: "\f58a"; } .ti-container:before { content: "\ee47"; } .ti-container-off:before { content: "\f107"; } .ti-contrast:before { content: "\ec4e"; } .ti-contrast-2:before { content: "\efc7"; } .ti-contrast-2-off:before { content: "\f3da"; } .ti-contrast-off:before { content: "\f3db"; } .ti-cooker:before { content: "\f57a"; } .ti-cookie:before { content: "\ef0f"; } .ti-cookie-man:before { content: "\f4c4"; } .ti-cookie-off:before { content: "\f0d7"; } .ti-copy:before { content: "\ea7a"; } .ti-copy-check:before { content: "\fd3f"; } .ti-copy-minus:before { content: "\fd40"; } .ti-copy-off:before { content: "\f0d8"; } .ti-copy-plus:before { content: "\fd41"; } .ti-copy-x:before { content: "\fd42"; } .ti-copyleft:before { content: "\ec3d"; } .ti-copyleft-filled:before { content: "\f73b"; } .ti-copyleft-off:before { content: "\f0d9"; } .ti-copyright:before { content: "\ea7b"; } .ti-copyright-filled:before { content: "\f73c"; } .ti-copyright-off:before { content: "\f0da"; } .ti-corner-down-left:before { content: "\ea7c"; } .ti-corner-down-left-double:before { content: "\ee48"; } .ti-corner-down-right:before { content: "\ea7d"; } .ti-corner-down-right-double:before { content: "\ee49"; } .ti-corner-left-down:before { content: "\ea7e"; } .ti-corner-left-down-double:before { content: "\ee4a"; } .ti-corner-left-up:before { content: "\ea7f"; } .ti-corner-left-up-double:before { content: "\ee4b"; } .ti-corner-right-down:before { content: "\ea80"; } .ti-corner-right-down-double:before { content: "\ee4c"; } .ti-corner-right-up:before { content: "\ea81"; } .ti-corner-right-up-double:before { content: "\ee4d"; } .ti-corner-up-left:before { content: "\ea82"; } .ti-corner-up-left-double:before { content: "\ee4e"; } .ti-corner-up-right:before { content: "\ea83"; } .ti-corner-up-right-double:before { content: "\ee4f"; } .ti-cpu:before { content: "\ef8e"; } .ti-cpu-2:before { content: "\f075"; } .ti-cpu-off:before { content: "\f108"; } .ti-crane:before { content: "\ef27"; } .ti-crane-off:before { content: "\f109"; } .ti-creative-commons:before { content: "\efb3"; } .ti-creative-commons-by:before { content: "\f21f"; } .ti-creative-commons-nc:before { content: "\f220"; } .ti-creative-commons-nd:before { content: "\f221"; } .ti-creative-commons-off:before { content: "\f10a"; } .ti-creative-commons-sa:before { content: "\f222"; } .ti-creative-commons-zero:before { content: "\f223"; } .ti-credit-card:before { content: "\ea84"; } .ti-credit-card-filled:before { content: "\fd11"; } .ti-credit-card-off:before { content: "\ed11"; } .ti-credit-card-pay:before { content: "\fd32"; } .ti-credit-card-refund:before { content: "\fd33"; } .ti-cricket:before { content: "\f09a"; } .ti-crop:before { content: "\ea85"; } .ti-crop-1-1:before { content: "\fd50"; } .ti-crop-16-9:before { content: "\fd51"; } .ti-crop-3-2:before { content: "\fd52"; } .ti-crop-5-4:before { content: "\fd53"; } .ti-crop-7-5:before { content: "\fd54"; } .ti-crop-landscape:before { content: "\fd55"; } .ti-crop-portrait:before { content: "\fd56"; } .ti-cross:before { content: "\ef8f"; } .ti-cross-filled:before { content: "\f675"; } .ti-cross-off:before { content: "\f10b"; } .ti-crosshair:before { content: "\ec3e"; } .ti-crown:before { content: "\ed12"; } .ti-crown-off:before { content: "\ee50"; } .ti-crutches:before { content: "\ef5b"; } .ti-crutches-off:before { content: "\f10c"; } .ti-crystal-ball:before { content: "\f57b"; } .ti-csv:before { content: "\f791"; } .ti-cube:before { content: "\fa97"; } .ti-cube-off:before { content: "\fa95"; } .ti-cube-plus:before { content: "\fa96"; } .ti-cube-send:before { content: "\f61b"; } .ti-cube-unfolded:before { content: "\f61c"; } .ti-cup:before { content: "\ef28"; } .ti-cup-off:before { content: "\f10d"; } .ti-curling:before { content: "\efc8"; } .ti-curly-loop:before { content: "\ecda"; } .ti-currency:before { content: "\efa6"; } .ti-currency-afghani:before { content: "\f65e"; } .ti-currency-bahraini:before { content: "\ee51"; } .ti-currency-baht:before { content: "\f08a"; } .ti-currency-bitcoin:before { content: "\ebab"; } .ti-currency-cent:before { content: "\ee53"; } .ti-currency-dinar:before { content: "\ee54"; } .ti-currency-dirham:before { content: "\ee55"; } .ti-currency-dogecoin:before { content: "\ef4b"; } .ti-currency-dollar:before { content: "\eb84"; } .ti-currency-dollar-australian:before { content: "\ee56"; } .ti-currency-dollar-brunei:before { content: "\f36c"; } .ti-currency-dollar-canadian:before { content: "\ee57"; } .ti-currency-dollar-guyanese:before { content: "\f36d"; } .ti-currency-dollar-off:before { content: "\f3dc"; } .ti-currency-dollar-singapore:before { content: "\ee58"; } .ti-currency-dollar-zimbabwean:before { content: "\f36e"; } .ti-currency-dong:before { content: "\f36f"; } .ti-currency-dram:before { content: "\f370"; } .ti-currency-ethereum:before { content: "\ee59"; } .ti-currency-euro:before { content: "\eb85"; } .ti-currency-euro-off:before { content: "\f3dd"; } .ti-currency-florin:before { content: "\faf5"; } .ti-currency-forint:before { content: "\ee5a"; } .ti-currency-frank:before { content: "\ee5b"; } .ti-currency-guarani:before { content: "\f371"; } .ti-currency-hryvnia:before { content: "\f372"; } .ti-currency-iranian-rial:before { content: "\fa58"; } .ti-currency-kip:before { content: "\f373"; } .ti-currency-krone-czech:before { content: "\ee5c"; } .ti-currency-krone-danish:before { content: "\ee5d"; } .ti-currency-krone-swedish:before { content: "\ee5e"; } .ti-currency-lari:before { content: "\f374"; } .ti-currency-leu:before { content: "\ee5f"; } .ti-currency-lira:before { content: "\ee60"; } .ti-currency-litecoin:before { content: "\ee61"; } .ti-currency-lyd:before { content: "\f375"; } .ti-currency-manat:before { content: "\f376"; } .ti-currency-monero:before { content: "\f377"; } .ti-currency-naira:before { content: "\ee62"; } .ti-currency-nano:before { content: "\f7a6"; } .ti-currency-off:before { content: "\f3de"; } .ti-currency-paanga:before { content: "\f378"; } .ti-currency-peso:before { content: "\f65f"; } .ti-currency-pound:before { content: "\ebac"; } .ti-currency-pound-off:before { content: "\f3df"; } .ti-currency-quetzal:before { content: "\f379"; } .ti-currency-real:before { content: "\ee63"; } .ti-currency-renminbi:before { content: "\ee64"; } .ti-currency-ripple:before { content: "\ee65"; } .ti-currency-riyal:before { content: "\ee66"; } .ti-currency-rubel:before { content: "\ee67"; } .ti-currency-rufiyaa:before { content: "\f37a"; } .ti-currency-rupee:before { content: "\ebad"; } .ti-currency-rupee-nepalese:before { content: "\f37b"; } .ti-currency-shekel:before { content: "\ee68"; } .ti-currency-solana:before { content: "\f4a1"; } .ti-currency-som:before { content: "\f37c"; } .ti-currency-taka:before { content: "\ee69"; } .ti-currency-tenge:before { content: "\f37d"; } .ti-currency-tugrik:before { content: "\ee6a"; } .ti-currency-won:before { content: "\ee6b"; } .ti-currency-xrp:before { content: "\fd34"; } .ti-currency-yen:before { content: "\ebae"; } .ti-currency-yen-off:before { content: "\f3e0"; } .ti-currency-yuan:before { content: "\f29a"; } .ti-currency-zloty:before { content: "\ee6c"; } .ti-current-location:before { content: "\ecef"; } .ti-current-location-off:before { content: "\f10e"; } .ti-cursor-off:before { content: "\f10f"; } .ti-cursor-text:before { content: "\ee6d"; } .ti-cut:before { content: "\ea86"; } .ti-cylinder:before { content: "\f54c"; } .ti-cylinder-off:before { content: "\fa98"; } .ti-cylinder-plus:before { content: "\fa99"; } .ti-dashboard:before { content: "\ea87"; } .ti-dashboard-off:before { content: "\f3e1"; } .ti-database:before { content: "\ea88"; } .ti-database-cog:before { content: "\fa10"; } .ti-database-dollar:before { content: "\fa11"; } .ti-database-edit:before { content: "\fa12"; } .ti-database-exclamation:before { content: "\fa13"; } .ti-database-export:before { content: "\ee6e"; } .ti-database-heart:before { content: "\fa14"; } .ti-database-import:before { content: "\ee6f"; } .ti-database-leak:before { content: "\fa15"; } .ti-database-minus:before { content: "\fa16"; } .ti-database-off:before { content: "\ee70"; } .ti-database-plus:before { content: "\fa17"; } .ti-database-search:before { content: "\fa18"; } .ti-database-share:before { content: "\fa19"; } .ti-database-smile:before { content: "\fd9b"; } .ti-database-star:before { content: "\fa1a"; } .ti-database-x:before { content: "\fa1b"; } .ti-decimal:before { content: "\fa26"; } .ti-deer:before { content: "\f4c5"; } .ti-delta:before { content: "\f53c"; } .ti-dental:before { content: "\f025"; } .ti-dental-broken:before { content: "\f286"; } .ti-dental-off:before { content: "\f110"; } .ti-deselect:before { content: "\f9f3"; } .ti-desk:before { content: "\fd35"; } .ti-details:before { content: "\ee71"; } .ti-details-off:before { content: "\f3e2"; } .ti-device-airpods:before { content: "\f5a9"; } .ti-device-airpods-case:before { content: "\f646"; } .ti-device-airtag:before { content: "\fae6"; } .ti-device-analytics:before { content: "\ee72"; } .ti-device-audio-tape:before { content: "\ee73"; } .ti-device-camera-phone:before { content: "\f233"; } .ti-device-cctv:before { content: "\ee74"; } .ti-device-cctv-off:before { content: "\f3e3"; } .ti-device-computer-camera:before { content: "\ee76"; } .ti-device-computer-camera-off:before { content: "\ee75"; } .ti-device-desktop:before { content: "\ea89"; } .ti-device-desktop-analytics:before { content: "\ee77"; } .ti-device-desktop-bolt:before { content: "\f85e"; } .ti-device-desktop-cancel:before { content: "\f85f"; } .ti-device-desktop-check:before { content: "\f860"; } .ti-device-desktop-code:before { content: "\f861"; } .ti-device-desktop-cog:before { content: "\f862"; } .ti-device-desktop-dollar:before { content: "\f863"; } .ti-device-desktop-down:before { content: "\f864"; } .ti-device-desktop-exclamation:before { content: "\f865"; } .ti-device-desktop-heart:before { content: "\f866"; } .ti-device-desktop-minus:before { content: "\f867"; } .ti-device-desktop-off:before { content: "\ee78"; } .ti-device-desktop-pause:before { content: "\f868"; } .ti-device-desktop-pin:before { content: "\f869"; } .ti-device-desktop-plus:before { content: "\f86a"; } .ti-device-desktop-question:before { content: "\f86b"; } .ti-device-desktop-search:before { content: "\f86c"; } .ti-device-desktop-share:before { content: "\f86d"; } .ti-device-desktop-star:before { content: "\f86e"; } .ti-device-desktop-up:before { content: "\f86f"; } .ti-device-desktop-x:before { content: "\f870"; } .ti-device-floppy:before { content: "\eb62"; } .ti-device-gamepad:before { content: "\eb63"; } .ti-device-gamepad-2:before { content: "\f1d2"; } .ti-device-gamepad-3:before { content: "\fc58"; } .ti-device-heart-monitor:before { content: "\f060"; } .ti-device-heart-monitor-filled:before { content: "\fa38"; } .ti-device-imac:before { content: "\f7a7"; } .ti-device-imac-bolt:before { content: "\f871"; } .ti-device-imac-cancel:before { content: "\f872"; } .ti-device-imac-check:before { content: "\f873"; } .ti-device-imac-code:before { content: "\f874"; } .ti-device-imac-cog:before { content: "\f875"; } .ti-device-imac-dollar:before { content: "\f876"; } .ti-device-imac-down:before { content: "\f877"; } .ti-device-imac-exclamation:before { content: "\f878"; } .ti-device-imac-heart:before { content: "\f879"; } .ti-device-imac-minus:before { content: "\f87a"; } .ti-device-imac-off:before { content: "\f87b"; } .ti-device-imac-pause:before { content: "\f87c"; } .ti-device-imac-pin:before { content: "\f87d"; } .ti-device-imac-plus:before { content: "\f87e"; } .ti-device-imac-question:before { content: "\f87f"; } .ti-device-imac-search:before { content: "\f880"; } .ti-device-imac-share:before { content: "\f881"; } .ti-device-imac-star:before { content: "\f882"; } .ti-device-imac-up:before { content: "\f883"; } .ti-device-imac-x:before { content: "\f884"; } .ti-device-ipad:before { content: "\f648"; } .ti-device-ipad-bolt:before { content: "\f885"; } .ti-device-ipad-cancel:before { content: "\f886"; } .ti-device-ipad-check:before { content: "\f887"; } .ti-device-ipad-code:before { content: "\f888"; } .ti-device-ipad-cog:before { content: "\f889"; } .ti-device-ipad-dollar:before { content: "\f88a"; } .ti-device-ipad-down:before { content: "\f88b"; } .ti-device-ipad-exclamation:before { content: "\f88c"; } .ti-device-ipad-heart:before { content: "\f88d"; } .ti-device-ipad-horizontal:before { content: "\f647"; } .ti-device-ipad-horizontal-bolt:before { content: "\f88e"; } .ti-device-ipad-horizontal-cancel:before { content: "\f88f"; } .ti-device-ipad-horizontal-check:before { content: "\f890"; } .ti-device-ipad-horizontal-code:before { content: "\f891"; } .ti-device-ipad-horizontal-cog:before { content: "\f892"; } .ti-device-ipad-horizontal-dollar:before { content: "\f893"; } .ti-device-ipad-horizontal-down:before { content: "\f894"; } .ti-device-ipad-horizontal-exclamation:before { content: "\f895"; } .ti-device-ipad-horizontal-heart:before { content: "\f896"; } .ti-device-ipad-horizontal-minus:before { content: "\f897"; } .ti-device-ipad-horizontal-off:before { content: "\f898"; } .ti-device-ipad-horizontal-pause:before { content: "\f899"; } .ti-device-ipad-horizontal-pin:before { content: "\f89a"; } .ti-device-ipad-horizontal-plus:before { content: "\f89b"; } .ti-device-ipad-horizontal-question:before { content: "\f89c"; } .ti-device-ipad-horizontal-search:before { content: "\f89d"; } .ti-device-ipad-horizontal-share:before { content: "\f89e"; } .ti-device-ipad-horizontal-star:before { content: "\f89f"; } .ti-device-ipad-horizontal-up:before { content: "\f8a0"; } .ti-device-ipad-horizontal-x:before { content: "\f8a1"; } .ti-device-ipad-minus:before { content: "\f8a2"; } .ti-device-ipad-off:before { content: "\f8a3"; } .ti-device-ipad-pause:before { content: "\f8a4"; } .ti-device-ipad-pin:before { content: "\f8a5"; } .ti-device-ipad-plus:before { content: "\f8a6"; } .ti-device-ipad-question:before { content: "\f8a7"; } .ti-device-ipad-search:before { content: "\f8a8"; } .ti-device-ipad-share:before { content: "\f8a9"; } .ti-device-ipad-star:before { content: "\f8aa"; } .ti-device-ipad-up:before { content: "\f8ab"; } .ti-device-ipad-x:before { content: "\f8ac"; } .ti-device-landline-phone:before { content: "\f649"; } .ti-device-laptop:before { content: "\eb64"; } .ti-device-laptop-off:before { content: "\f061"; } .ti-device-mobile:before { content: "\ea8a"; } .ti-device-mobile-bolt:before { content: "\f8ad"; } .ti-device-mobile-cancel:before { content: "\f8ae"; } .ti-device-mobile-charging:before { content: "\f224"; } .ti-device-mobile-check:before { content: "\f8af"; } .ti-device-mobile-code:before { content: "\f8b0"; } .ti-device-mobile-cog:before { content: "\f8b1"; } .ti-device-mobile-dollar:before { content: "\f8b2"; } .ti-device-mobile-down:before { content: "\f8b3"; } .ti-device-mobile-exclamation:before { content: "\f8b4"; } .ti-device-mobile-filled:before { content: "\fa39"; } .ti-device-mobile-heart:before { content: "\f8b5"; } .ti-device-mobile-message:before { content: "\ee79"; } .ti-device-mobile-minus:before { content: "\f8b6"; } .ti-device-mobile-off:before { content: "\f062"; } .ti-device-mobile-pause:before { content: "\f8b7"; } .ti-device-mobile-pin:before { content: "\f8b8"; } .ti-device-mobile-plus:before { content: "\f8b9"; } .ti-device-mobile-question:before { content: "\f8ba"; } .ti-device-mobile-rotated:before { content: "\ecdb"; } .ti-device-mobile-search:before { content: "\f8bb"; } .ti-device-mobile-share:before { content: "\f8bc"; } .ti-device-mobile-star:before { content: "\f8bd"; } .ti-device-mobile-up:before { content: "\f8be"; } .ti-device-mobile-vibration:before { content: "\eb86"; } .ti-device-mobile-x:before { content: "\f8bf"; } .ti-device-nintendo:before { content: "\f026"; } .ti-device-nintendo-off:before { content: "\f111"; } .ti-device-projector:before { content: "\fc11"; } .ti-device-remote:before { content: "\f792"; } .ti-device-sd-card:before { content: "\f384"; } .ti-device-sim:before { content: "\f4b2"; } .ti-device-sim-1:before { content: "\f4af"; } .ti-device-sim-2:before { content: "\f4b0"; } .ti-device-sim-3:before { content: "\f4b1"; } .ti-device-speaker:before { content: "\ea8b"; } .ti-device-speaker-off:before { content: "\f112"; } .ti-device-tablet:before { content: "\ea8c"; } .ti-device-tablet-bolt:before { content: "\f8c0"; } .ti-device-tablet-cancel:before { content: "\f8c1"; } .ti-device-tablet-check:before { content: "\f8c2"; } .ti-device-tablet-code:before { content: "\f8c3"; } .ti-device-tablet-cog:before { content: "\f8c4"; } .ti-device-tablet-dollar:before { content: "\f8c5"; } .ti-device-tablet-down:before { content: "\f8c6"; } .ti-device-tablet-exclamation:before { content: "\f8c7"; } .ti-device-tablet-filled:before { content: "\fa3a"; } .ti-device-tablet-heart:before { content: "\f8c8"; } .ti-device-tablet-minus:before { content: "\f8c9"; } .ti-device-tablet-off:before { content: "\f063"; } .ti-device-tablet-pause:before { content: "\f8ca"; } .ti-device-tablet-pin:before { content: "\f8cb"; } .ti-device-tablet-plus:before { content: "\f8cc"; } .ti-device-tablet-question:before { content: "\f8cd"; } .ti-device-tablet-search:before { content: "\f8ce"; } .ti-device-tablet-share:before { content: "\f8cf"; } .ti-device-tablet-star:before { content: "\f8d0"; } .ti-device-tablet-up:before { content: "\f8d1"; } .ti-device-tablet-x:before { content: "\f8d2"; } .ti-device-tv:before { content: "\ea8d"; } .ti-device-tv-off:before { content: "\f064"; } .ti-device-tv-old:before { content: "\f1d3"; } .ti-device-usb:before { content: "\fc59"; } .ti-device-vision-pro:before { content: "\fae7"; } .ti-device-watch:before { content: "\ebf9"; } .ti-device-watch-bolt:before { content: "\f8d3"; } .ti-device-watch-cancel:before { content: "\f8d4"; } .ti-device-watch-check:before { content: "\f8d5"; } .ti-device-watch-code:before { content: "\f8d6"; } .ti-device-watch-cog:before { content: "\f8d7"; } .ti-device-watch-dollar:before { content: "\f8d8"; } .ti-device-watch-down:before { content: "\f8d9"; } .ti-device-watch-exclamation:before { content: "\f8da"; } .ti-device-watch-heart:before { content: "\f8db"; } .ti-device-watch-minus:before { content: "\f8dc"; } .ti-device-watch-off:before { content: "\f065"; } .ti-device-watch-pause:before { content: "\f8dd"; } .ti-device-watch-pin:before { content: "\f8de"; } .ti-device-watch-plus:before { content: "\f8df"; } .ti-device-watch-question:before { content: "\f8e0"; } .ti-device-watch-search:before { content: "\f8e1"; } .ti-device-watch-share:before { content: "\f8e2"; } .ti-device-watch-star:before { content: "\f8e3"; } .ti-device-watch-stats:before { content: "\ef7d"; } .ti-device-watch-stats-2:before { content: "\ef7c"; } .ti-device-watch-up:before { content: "\f8e4"; } .ti-device-watch-x:before { content: "\f8e5"; } .ti-devices:before { content: "\eb87"; } .ti-devices-2:before { content: "\ed29"; } .ti-devices-bolt:before { content: "\f8e6"; } .ti-devices-cancel:before { content: "\f8e7"; } .ti-devices-check:before { content: "\f8e8"; } .ti-devices-code:before { content: "\f8e9"; } .ti-devices-cog:before { content: "\f8ea"; } .ti-devices-dollar:before { content: "\f8eb"; } .ti-devices-down:before { content: "\f8ec"; } .ti-devices-exclamation:before { content: "\f8ed"; } .ti-devices-heart:before { content: "\f8ee"; } .ti-devices-minus:before { content: "\f8ef"; } .ti-devices-off:before { content: "\f3e4"; } .ti-devices-pause:before { content: "\f8f0"; } .ti-devices-pc:before { content: "\ee7a"; } .ti-devices-pc-off:before { content: "\f113"; } .ti-devices-pin:before { content: "\f8f1"; } .ti-devices-plus:before { content: "\f8f2"; } .ti-devices-question:before { content: "\f8f3"; } .ti-devices-search:before { content: "\f8f4"; } .ti-devices-share:before { content: "\f8f5"; } .ti-devices-star:before { content: "\f8f6"; } .ti-devices-up:before { content: "\f8f7"; } .ti-devices-x:before { content: "\f8f8"; } .ti-diabolo:before { content: "\fa9c"; } .ti-diabolo-off:before { content: "\fa9a"; } .ti-diabolo-plus:before { content: "\fa9b"; } .ti-dialpad:before { content: "\f067"; } .ti-dialpad-filled:before { content: "\fa3b"; } .ti-dialpad-off:before { content: "\f114"; } .ti-diamond:before { content: "\eb65"; } .ti-diamond-filled:before { content: "\f73d"; } .ti-diamond-off:before { content: "\f115"; } .ti-diamonds:before { content: "\eff5"; } .ti-diamonds-filled:before { content: "\f676"; } .ti-dice:before { content: "\eb66"; } .ti-dice-1:before { content: "\f08b"; } .ti-dice-1-filled:before { content: "\f73e"; } .ti-dice-2:before { content: "\f08c"; } .ti-dice-2-filled:before { content: "\f73f"; } .ti-dice-3:before { content: "\f08d"; } .ti-dice-3-filled:before { content: "\f740"; } .ti-dice-4:before { content: "\f08e"; } .ti-dice-4-filled:before { content: "\f741"; } .ti-dice-5:before { content: "\f08f"; } .ti-dice-5-filled:before { content: "\f742"; } .ti-dice-6:before { content: "\f090"; } .ti-dice-6-filled:before { content: "\f743"; } .ti-dice-filled:before { content: "\f744"; } .ti-dimensions:before { content: "\ee7b"; } .ti-direction:before { content: "\ebfb"; } .ti-direction-arrows:before { content: "\fd36"; } .ti-direction-horizontal:before { content: "\ebfa"; } .ti-direction-sign:before { content: "\f1f7"; } .ti-direction-sign-filled:before { content: "\f745"; } .ti-direction-sign-off:before { content: "\f3e5"; } .ti-directions:before { content: "\ea8e"; } .ti-directions-off:before { content: "\f116"; } .ti-disabled:before { content: "\ea8f"; } .ti-disabled-2:before { content: "\ebaf"; } .ti-disabled-off:before { content: "\f117"; } .ti-disc:before { content: "\ea90"; } .ti-disc-golf:before { content: "\f385"; } .ti-disc-off:before { content: "\f118"; } .ti-discount:before { content: "\ebbd"; } .ti-discount-2:before { content: "\ee7c"; } .ti-discount-2-off:before { content: "\f3e6"; } .ti-discount-check:before { content: "\f1f8"; } .ti-discount-check-filled:before { content: "\f746"; } .ti-discount-off:before { content: "\f3e7"; } .ti-divide:before { content: "\ed5c"; } .ti-dna:before { content: "\ee7d"; } .ti-dna-2:before { content: "\ef5c"; } .ti-dna-2-off:before { content: "\f119"; } .ti-dna-off:before { content: "\f11a"; } .ti-dog:before { content: "\f660"; } .ti-dog-bowl:before { content: "\ef29"; } .ti-door:before { content: "\ef4e"; } .ti-door-enter:before { content: "\ef4c"; } .ti-door-exit:before { content: "\ef4d"; } .ti-door-off:before { content: "\f11b"; } .ti-dots:before { content: "\ea95"; } .ti-dots-circle-horizontal:before { content: "\ea91"; } .ti-dots-diagonal:before { content: "\ea93"; } .ti-dots-diagonal-2:before { content: "\ea92"; } .ti-dots-vertical:before { content: "\ea94"; } .ti-download:before { content: "\ea96"; } .ti-download-off:before { content: "\f11c"; } .ti-drag-drop:before { content: "\eb89"; } .ti-drag-drop-2:before { content: "\eb88"; } .ti-drone:before { content: "\ed79"; } .ti-drone-off:before { content: "\ee7e"; } .ti-drop-circle:before { content: "\efde"; } .ti-droplet:before { content: "\ea97"; } .ti-droplet-bolt:before { content: "\f8f9"; } .ti-droplet-cancel:before { content: "\f8fa"; } .ti-droplet-check:before { content: "\f8fb"; } .ti-droplet-code:before { content: "\f8fc"; } .ti-droplet-cog:before { content: "\f8fd"; } .ti-droplet-dollar:before { content: "\f8fe"; } .ti-droplet-down:before { content: "\f8ff"; } .ti-droplet-exclamation:before { content: "\f900"; } .ti-droplet-filled:before { content: "\ee80"; } .ti-droplet-half:before { content: "\ee82"; } .ti-droplet-half-2:before { content: "\ee81"; } .ti-droplet-half-2-filled:before { content: "\fb6c"; } .ti-droplet-half-filled:before { content: "\f6c5"; } .ti-droplet-heart:before { content: "\f901"; } .ti-droplet-minus:before { content: "\f902"; } .ti-droplet-off:before { content: "\ee83"; } .ti-droplet-pause:before { content: "\f903"; } .ti-droplet-pin:before { content: "\f904"; } .ti-droplet-plus:before { content: "\f905"; } .ti-droplet-question:before { content: "\f906"; } .ti-droplet-search:before { content: "\f907"; } .ti-droplet-share:before { content: "\f908"; } .ti-droplet-star:before { content: "\f909"; } .ti-droplet-up:before { content: "\f90a"; } .ti-droplet-x:before { content: "\f90b"; } .ti-droplets:before { content: "\fc12"; } .ti-dual-screen:before { content: "\fa59"; } .ti-e-passport:before { content: "\f4df"; } .ti-ear:before { content: "\ebce"; } .ti-ear-off:before { content: "\ee84"; } .ti-ear-scan:before { content: "\fd57"; } .ti-ease-in:before { content: "\f573"; } .ti-ease-in-control-point:before { content: "\f570"; } .ti-ease-in-out:before { content: "\f572"; } .ti-ease-in-out-control-points:before { content: "\f571"; } .ti-ease-out:before { content: "\f575"; } .ti-ease-out-control-point:before { content: "\f574"; } .ti-edit:before { content: "\ea98"; } .ti-edit-circle:before { content: "\ee85"; } .ti-edit-circle-off:before { content: "\f11d"; } .ti-edit-off:before { content: "\f11e"; } .ti-egg:before { content: "\eb8a"; } .ti-egg-cracked:before { content: "\f2d6"; } .ti-egg-filled:before { content: "\f678"; } .ti-egg-fried:before { content: "\f386"; } .ti-egg-off:before { content: "\f11f"; } .ti-eggs:before { content: "\f500"; } .ti-elevator:before { content: "\efdf"; } .ti-elevator-off:before { content: "\f3e8"; } .ti-emergency-bed:before { content: "\ef5d"; } .ti-empathize:before { content: "\f29b"; } .ti-empathize-off:before { content: "\f3e9"; } .ti-emphasis:before { content: "\ebcf"; } .ti-engine:before { content: "\ef7e"; } .ti-engine-off:before { content: "\f120"; } .ti-equal:before { content: "\ee87"; } .ti-equal-double:before { content: "\f4e1"; } .ti-equal-not:before { content: "\ee86"; } .ti-eraser:before { content: "\eb8b"; } .ti-eraser-off:before { content: "\f121"; } .ti-error-404:before { content: "\f027"; } .ti-error-404-off:before { content: "\f122"; } .ti-escalator:before { content: "\fb06"; } .ti-escalator-down:before { content: "\fb04"; } .ti-escalator-up:before { content: "\fb05"; } .ti-exchange:before { content: "\ebe7"; } .ti-exchange-off:before { content: "\f123"; } .ti-exclamation-circle:before { content: "\f634"; } .ti-exclamation-mark:before { content: "\efb4"; } .ti-exclamation-mark-off:before { content: "\f124"; } .ti-explicit:before { content: "\f256"; } .ti-explicit-off:before { content: "\f3ea"; } .ti-exposure:before { content: "\eb8c"; } .ti-exposure-0:before { content: "\f29c"; } .ti-exposure-minus-1:before { content: "\f29d"; } .ti-exposure-minus-2:before { content: "\f29e"; } .ti-exposure-off:before { content: "\f3eb"; } .ti-exposure-plus-1:before { content: "\f29f"; } .ti-exposure-plus-2:before { content: "\f2a0"; } .ti-external-link:before { content: "\ea99"; } .ti-external-link-off:before { content: "\f125"; } .ti-eye:before { content: "\ea9a"; } .ti-eye-bolt:before { content: "\fb6d"; } .ti-eye-cancel:before { content: "\fb6e"; } .ti-eye-check:before { content: "\ee88"; } .ti-eye-closed:before { content: "\f7ec"; } .ti-eye-code:before { content: "\fb6f"; } .ti-eye-cog:before { content: "\f7ed"; } .ti-eye-discount:before { content: "\fb70"; } .ti-eye-dollar:before { content: "\fb71"; } .ti-eye-down:before { content: "\fb72"; } .ti-eye-edit:before { content: "\f7ee"; } .ti-eye-exclamation:before { content: "\f7ef"; } .ti-eye-filled:before { content: "\f679"; } .ti-eye-heart:before { content: "\f7f0"; } .ti-eye-minus:before { content: "\fb73"; } .ti-eye-off:before { content: "\ecf0"; } .ti-eye-pause:before { content: "\fb74"; } .ti-eye-pin:before { content: "\fb75"; } .ti-eye-plus:before { content: "\fb76"; } .ti-eye-question:before { content: "\fb77"; } .ti-eye-search:before { content: "\fb78"; } .ti-eye-share:before { content: "\fb79"; } .ti-eye-star:before { content: "\fb7a"; } .ti-eye-table:before { content: "\ef5e"; } .ti-eye-up:before { content: "\fb7b"; } .ti-eye-x:before { content: "\f7f1"; } .ti-eyeglass:before { content: "\ee8a"; } .ti-eyeglass-2:before { content: "\ee89"; } .ti-eyeglass-off:before { content: "\f126"; } .ti-face-id:before { content: "\ea9b"; } .ti-face-id-error:before { content: "\efa7"; } .ti-face-mask:before { content: "\efb5"; } .ti-face-mask-off:before { content: "\f127"; } .ti-fall:before { content: "\ecb9"; } .ti-favicon:before { content: "\fd65"; } .ti-feather:before { content: "\ee8b"; } .ti-feather-off:before { content: "\f128"; } .ti-fence:before { content: "\ef2a"; } .ti-fence-off:before { content: "\f129"; } .ti-fidget-spinner:before { content: "\f068"; } .ti-file:before { content: "\eaa4"; } .ti-file-3d:before { content: "\f032"; } .ti-file-alert:before { content: "\ede6"; } .ti-file-analytics:before { content: "\ede7"; } .ti-file-arrow-left:before { content: "\f033"; } .ti-file-arrow-right:before { content: "\f034"; } .ti-file-barcode:before { content: "\f035"; } .ti-file-broken:before { content: "\f501"; } .ti-file-certificate:before { content: "\ed4d"; } .ti-file-chart:before { content: "\f036"; } .ti-file-check:before { content: "\ea9c"; } .ti-file-code:before { content: "\ebd0"; } .ti-file-code-2:before { content: "\ede8"; } .ti-file-cv:before { content: "\fa5a"; } .ti-file-database:before { content: "\f037"; } .ti-file-delta:before { content: "\f53d"; } .ti-file-description:before { content: "\f028"; } .ti-file-diff:before { content: "\ecf1"; } .ti-file-digit:before { content: "\efa8"; } .ti-file-dislike:before { content: "\ed2a"; } .ti-file-dollar:before { content: "\efe0"; } .ti-file-dots:before { content: "\f038"; } .ti-file-download:before { content: "\ea9d"; } .ti-file-euro:before { content: "\efe1"; } .ti-file-export:before { content: "\ede9"; } .ti-file-filled:before { content: "\f747"; } .ti-file-function:before { content: "\f53e"; } .ti-file-horizontal:before { content: "\ebb0"; } .ti-file-import:before { content: "\edea"; } .ti-file-infinity:before { content: "\f502"; } .ti-file-info:before { content: "\edec"; } .ti-file-invoice:before { content: "\eb67"; } .ti-file-lambda:before { content: "\f53f"; } .ti-file-like:before { content: "\ed2b"; } .ti-file-minus:before { content: "\ea9e"; } .ti-file-music:before { content: "\ea9f"; } .ti-file-neutral:before { content: "\fd22"; } .ti-file-off:before { content: "\ecf2"; } .ti-file-orientation:before { content: "\f2a1"; } .ti-file-pencil:before { content: "\f039"; } .ti-file-percent:before { content: "\f540"; } .ti-file-phone:before { content: "\ecdc"; } .ti-file-plus:before { content: "\eaa0"; } .ti-file-power:before { content: "\f03a"; } .ti-file-report:before { content: "\eded"; } .ti-file-rss:before { content: "\f03b"; } .ti-file-sad:before { content: "\fd23"; } .ti-file-scissors:before { content: "\f03c"; } .ti-file-search:before { content: "\ed5d"; } .ti-file-settings:before { content: "\f029"; } .ti-file-shredder:before { content: "\eaa1"; } .ti-file-signal:before { content: "\f03d"; } .ti-file-smile:before { content: "\fd24"; } .ti-file-spreadsheet:before { content: "\f03e"; } .ti-file-stack:before { content: "\f503"; } .ti-file-star:before { content: "\f03f"; } .ti-file-symlink:before { content: "\ed53"; } .ti-file-text:before { content: "\eaa2"; } .ti-file-text-ai:before { content: "\fa27"; } .ti-file-time:before { content: "\f040"; } .ti-file-type-bmp:before { content: "\fb07"; } .ti-file-type-css:before { content: "\fb08"; } .ti-file-type-csv:before { content: "\fb09"; } .ti-file-type-doc:before { content: "\fb0a"; } .ti-file-type-docx:before { content: "\fb0b"; } .ti-file-type-html:before { content: "\fb0c"; } .ti-file-type-jpg:before { content: "\fb0d"; } .ti-file-type-js:before { content: "\fb0e"; } .ti-file-type-jsx:before { content: "\fb0f"; } .ti-file-type-pdf:before { content: "\fb10"; } .ti-file-type-php:before { content: "\fb11"; } .ti-file-type-png:before { content: "\fb12"; } .ti-file-type-ppt:before { content: "\fb13"; } .ti-file-type-rs:before { content: "\fb14"; } .ti-file-type-sql:before { content: "\fb15"; } .ti-file-type-svg:before { content: "\fb16"; } .ti-file-type-ts:before { content: "\fb17"; } .ti-file-type-tsx:before { content: "\fb18"; } .ti-file-type-txt:before { content: "\fb19"; } .ti-file-type-vue:before { content: "\fb1a"; } .ti-file-type-xls:before { content: "\fb1b"; } .ti-file-type-xml:before { content: "\fb1c"; } .ti-file-type-zip:before { content: "\fb1d"; } .ti-file-typography:before { content: "\f041"; } .ti-file-unknown:before { content: "\f042"; } .ti-file-upload:before { content: "\ec91"; } .ti-file-vector:before { content: "\f043"; } .ti-file-x:before { content: "\eaa3"; } .ti-file-x-filled:before { content: "\f748"; } .ti-file-zip:before { content: "\ed4e"; } .ti-files:before { content: "\edef"; } .ti-files-off:before { content: "\edee"; } .ti-filter:before { content: "\eaa5"; } .ti-filter-bolt:before { content: "\fb7c"; } .ti-filter-cancel:before { content: "\fb7d"; } .ti-filter-check:before { content: "\fb7e"; } .ti-filter-code:before { content: "\fb7f"; } .ti-filter-cog:before { content: "\f9fe"; } .ti-filter-discount:before { content: "\fb80"; } .ti-filter-dollar:before { content: "\f9ff"; } .ti-filter-down:before { content: "\fb81"; } .ti-filter-edit:before { content: "\fa00"; } .ti-filter-exclamation:before { content: "\fb82"; } .ti-filter-filled:before { content: "\fc27"; } .ti-filter-heart:before { content: "\fb83"; } .ti-filter-minus:before { content: "\fa01"; } .ti-filter-off:before { content: "\ed2c"; } .ti-filter-pause:before { content: "\fb84"; } .ti-filter-pin:before { content: "\fb85"; } .ti-filter-plus:before { content: "\fa02"; } .ti-filter-question:before { content: "\fb86"; } .ti-filter-search:before { content: "\fb87"; } .ti-filter-share:before { content: "\fb88"; } .ti-filter-star:before { content: "\fa03"; } .ti-filter-up:before { content: "\fb89"; } .ti-filter-x:before { content: "\fa04"; } .ti-filters:before { content: "\f793"; } .ti-fingerprint:before { content: "\ebd1"; } .ti-fingerprint-off:before { content: "\f12a"; } .ti-fingerprint-scan:before { content: "\fcb5"; } .ti-fire-extinguisher:before { content: "\faf6"; } .ti-fire-hydrant:before { content: "\f3a9"; } .ti-fire-hydrant-off:before { content: "\f3ec"; } .ti-firetruck:before { content: "\ebe8"; } .ti-first-aid-kit:before { content: "\ef5f"; } .ti-first-aid-kit-off:before { content: "\f3ed"; } .ti-fish:before { content: "\ef2b"; } .ti-fish-bone:before { content: "\f287"; } .ti-fish-christianity:before { content: "\f58b"; } .ti-fish-hook:before { content: "\f1f9"; } .ti-fish-hook-off:before { content: "\f3ee"; } .ti-fish-off:before { content: "\f12b"; } .ti-flag:before { content: "\eaa6"; } .ti-flag-2:before { content: "\ee8c"; } .ti-flag-2-filled:before { content: "\f707"; } .ti-flag-2-off:before { content: "\f12c"; } .ti-flag-3:before { content: "\ee8d"; } .ti-flag-3-filled:before { content: "\f708"; } .ti-flag-bolt:before { content: "\fb8a"; } .ti-flag-cancel:before { content: "\fb8b"; } .ti-flag-check:before { content: "\fb8c"; } .ti-flag-code:before { content: "\fb8d"; } .ti-flag-cog:before { content: "\fb8e"; } .ti-flag-discount:before { content: "\fb8f"; } .ti-flag-dollar:before { content: "\fb90"; } .ti-flag-down:before { content: "\fb91"; } .ti-flag-exclamation:before { content: "\fb92"; } .ti-flag-filled:before { content: "\f67a"; } .ti-flag-heart:before { content: "\fb93"; } .ti-flag-minus:before { content: "\fb94"; } .ti-flag-off:before { content: "\f12d"; } .ti-flag-pause:before { content: "\fb95"; } .ti-flag-pin:before { content: "\fb96"; } .ti-flag-plus:before { content: "\fb97"; } .ti-flag-question:before { content: "\fb98"; } .ti-flag-search:before { content: "\fb99"; } .ti-flag-share:before { content: "\fb9a"; } .ti-flag-star:before { content: "\fb9b"; } .ti-flag-up:before { content: "\fb9c"; } .ti-flag-x:before { content: "\fb9d"; } .ti-flame:before { content: "\ec2c"; } .ti-flame-off:before { content: "\f12e"; } .ti-flare:before { content: "\ee8e"; } .ti-flask:before { content: "\ebd2"; } .ti-flask-2:before { content: "\ef60"; } .ti-flask-2-filled:before { content: "\fd12"; } .ti-flask-2-off:before { content: "\f12f"; } .ti-flask-filled:before { content: "\fd13"; } .ti-flask-off:before { content: "\f130"; } .ti-flip-flops:before { content: "\f564"; } .ti-flip-horizontal:before { content: "\eaa7"; } .ti-flip-vertical:before { content: "\eaa8"; } .ti-float-center:before { content: "\ebb1"; } .ti-float-left:before { content: "\ebb2"; } .ti-float-none:before { content: "\ed13"; } .ti-float-right:before { content: "\ebb3"; } .ti-flower:before { content: "\eff6"; } .ti-flower-off:before { content: "\f131"; } .ti-focus:before { content: "\eb8d"; } .ti-focus-2:before { content: "\ebd3"; } .ti-focus-auto:before { content: "\fa62"; } .ti-focus-centered:before { content: "\f02a"; } .ti-fold:before { content: "\ed56"; } .ti-fold-down:before { content: "\ed54"; } .ti-fold-up:before { content: "\ed55"; } .ti-folder:before { content: "\eaad"; } .ti-folder-bolt:before { content: "\f90c"; } .ti-folder-cancel:before { content: "\f90d"; } .ti-folder-check:before { content: "\f90e"; } .ti-folder-code:before { content: "\f90f"; } .ti-folder-cog:before { content: "\f910"; } .ti-folder-dollar:before { content: "\f911"; } .ti-folder-down:before { content: "\f912"; } .ti-folder-exclamation:before { content: "\f913"; } .ti-folder-filled:before { content: "\f749"; } .ti-folder-heart:before { content: "\f914"; } .ti-folder-minus:before { content: "\eaaa"; } .ti-folder-off:before { content: "\ed14"; } .ti-folder-open:before { content: "\faf7"; } .ti-folder-pause:before { content: "\f915"; } .ti-folder-pin:before { content: "\f916"; } .ti-folder-plus:before { content: "\eaab"; } .ti-folder-question:before { content: "\f917"; } .ti-folder-root:before { content: "\fd43"; } .ti-folder-search:before { content: "\f918"; } .ti-folder-share:before { content: "\f919"; } .ti-folder-star:before { content: "\f91a"; } .ti-folder-symlink:before { content: "\f91b"; } .ti-folder-up:before { content: "\f91c"; } .ti-folder-x:before { content: "\eaac"; } .ti-folders:before { content: "\eaae"; } .ti-folders-off:before { content: "\f133"; } .ti-forbid:before { content: "\ebd5"; } .ti-forbid-2:before { content: "\ebd4"; } .ti-forbid-2-filled:before { content: "\fc28"; } .ti-forbid-filled:before { content: "\fc29"; } .ti-forklift:before { content: "\ebe9"; } .ti-forms:before { content: "\ee8f"; } .ti-fountain:before { content: "\f09b"; } .ti-fountain-filled:before { content: "\fc2a"; } .ti-fountain-off:before { content: "\f134"; } .ti-frame:before { content: "\eaaf"; } .ti-frame-off:before { content: "\f135"; } .ti-free-rights:before { content: "\efb6"; } .ti-freeze-column:before { content: "\fa63"; } .ti-freeze-row:before { content: "\fa65"; } .ti-freeze-row-column:before { content: "\fa64"; } .ti-fridge:before { content: "\f1fa"; } .ti-fridge-off:before { content: "\f3ef"; } .ti-friends:before { content: "\eab0"; } .ti-friends-off:before { content: "\f136"; } .ti-frustum:before { content: "\fa9f"; } .ti-frustum-off:before { content: "\fa9d"; } .ti-frustum-plus:before { content: "\fa9e"; } .ti-function:before { content: "\f225"; } .ti-function-filled:before { content: "\fc2b"; } .ti-function-off:before { content: "\f3f0"; } .ti-galaxy:before { content: "\fcb6"; } .ti-garden-cart:before { content: "\f23e"; } .ti-garden-cart-off:before { content: "\f3f1"; } .ti-gas-station:before { content: "\ec7d"; } .ti-gas-station-off:before { content: "\f137"; } .ti-gauge:before { content: "\eab1"; } .ti-gauge-filled:before { content: "\fc2c"; } .ti-gauge-off:before { content: "\f138"; } .ti-gavel:before { content: "\ef90"; } .ti-gender-agender:before { content: "\f0e1"; } .ti-gender-androgyne:before { content: "\f0e2"; } .ti-gender-bigender:before { content: "\f0e3"; } .ti-gender-demiboy:before { content: "\f0e4"; } .ti-gender-demigirl:before { content: "\f0e5"; } .ti-gender-epicene:before { content: "\f0e6"; } .ti-gender-female:before { content: "\f0e7"; } .ti-gender-femme:before { content: "\f0e8"; } .ti-gender-genderfluid:before { content: "\f0e9"; } .ti-gender-genderless:before { content: "\f0ea"; } .ti-gender-genderqueer:before { content: "\f0eb"; } .ti-gender-hermaphrodite:before { content: "\f0ec"; } .ti-gender-intergender:before { content: "\f0ed"; } .ti-gender-male:before { content: "\f0ee"; } .ti-gender-neutrois:before { content: "\f0ef"; } .ti-gender-third:before { content: "\f0f0"; } .ti-gender-transgender:before { content: "\f0f1"; } .ti-gender-trasvesti:before { content: "\f0f2"; } .ti-geometry:before { content: "\ee90"; } .ti-ghost:before { content: "\eb8e"; } .ti-ghost-2:before { content: "\f57c"; } .ti-ghost-2-filled:before { content: "\f74a"; } .ti-ghost-3:before { content: "\fc13"; } .ti-ghost-filled:before { content: "\f74b"; } .ti-ghost-off:before { content: "\f3f2"; } .ti-gif:before { content: "\f257"; } .ti-gift:before { content: "\eb68"; } .ti-gift-card:before { content: "\f3aa"; } .ti-gift-card-filled:before { content: "\fc2d"; } .ti-gift-filled:before { content: "\fd14"; } .ti-gift-off:before { content: "\f3f3"; } .ti-git-branch:before { content: "\eab2"; } .ti-git-branch-deleted:before { content: "\f57d"; } .ti-git-cherry-pick:before { content: "\f57e"; } .ti-git-commit:before { content: "\eab3"; } .ti-git-compare:before { content: "\eab4"; } .ti-git-fork:before { content: "\eb8f"; } .ti-git-merge:before { content: "\eab5"; } .ti-git-pull-request:before { content: "\eab6"; } .ti-git-pull-request-closed:before { content: "\ef7f"; } .ti-git-pull-request-draft:before { content: "\efb7"; } .ti-gizmo:before { content: "\f02b"; } .ti-glass:before { content: "\eab8"; } .ti-glass-champagne:before { content: "\fd9c"; } .ti-glass-cocktail:before { content: "\fd9d"; } .ti-glass-full:before { content: "\eab7"; } .ti-glass-full-filled:before { content: "\fc2e"; } .ti-glass-gin:before { content: "\fd9e"; } .ti-glass-off:before { content: "\ee91"; } .ti-globe:before { content: "\eab9"; } .ti-globe-filled:before { content: "\fc2f"; } .ti-globe-off:before { content: "\f139"; } .ti-go-game:before { content: "\f512"; } .ti-golf:before { content: "\ed8c"; } .ti-golf-off:before { content: "\f13a"; } .ti-gps:before { content: "\ed7a"; } .ti-gradienter:before { content: "\f3ab"; } .ti-grain:before { content: "\ee92"; } .ti-graph:before { content: "\f288"; } .ti-graph-filled:before { content: "\fd15"; } .ti-graph-off:before { content: "\f3f4"; } .ti-grave:before { content: "\f580"; } .ti-grave-2:before { content: "\f57f"; } .ti-grid-3x3:before { content: "\fca4"; } .ti-grid-4x4:before { content: "\fca5"; } .ti-grid-dots:before { content: "\eaba"; } .ti-grid-goldenratio:before { content: "\fca6"; } .ti-grid-pattern:before { content: "\efc9"; } .ti-grid-scan:before { content: "\fca7"; } .ti-grill:before { content: "\efa9"; } .ti-grill-fork:before { content: "\f35b"; } .ti-grill-off:before { content: "\f3f5"; } .ti-grill-spatula:before { content: "\f35c"; } .ti-grip-horizontal:before { content: "\ec00"; } .ti-grip-vertical:before { content: "\ec01"; } .ti-growth:before { content: "\ee93"; } .ti-guitar-pick:before { content: "\f4c6"; } .ti-guitar-pick-filled:before { content: "\f67b"; } .ti-gymnastics:before { content: "\fd44"; } .ti-h-1:before { content: "\ec94"; } .ti-h-2:before { content: "\ec95"; } .ti-h-3:before { content: "\ec96"; } .ti-h-4:before { content: "\ec97"; } .ti-h-5:before { content: "\ec98"; } .ti-h-6:before { content: "\ec99"; } .ti-hammer:before { content: "\ef91"; } .ti-hammer-off:before { content: "\f13c"; } .ti-hand-click:before { content: "\ef4f"; } .ti-hand-finger:before { content: "\ee94"; } .ti-hand-finger-off:before { content: "\f13d"; } .ti-hand-grab:before { content: "\f091"; } .ti-hand-little-finger:before { content: "\ee95"; } .ti-hand-middle-finger:before { content: "\ec2d"; } .ti-hand-move:before { content: "\ef50"; } .ti-hand-off:before { content: "\ed15"; } .ti-hand-ring-finger:before { content: "\ee96"; } .ti-hand-rock:before { content: "\ee97"; } .ti-hand-sanitizer:before { content: "\f5f4"; } .ti-hand-stop:before { content: "\ec2e"; } .ti-hand-three-fingers:before { content: "\ee98"; } .ti-hand-two-fingers:before { content: "\ee99"; } .ti-hanger:before { content: "\ee9a"; } .ti-hanger-2:before { content: "\f09c"; } .ti-hanger-off:before { content: "\f13e"; } .ti-hash:before { content: "\eabc"; } .ti-haze:before { content: "\efaa"; } .ti-haze-moon:before { content: "\faf8"; } .ti-hdr:before { content: "\fa7b"; } .ti-heading:before { content: "\ee9b"; } .ti-heading-off:before { content: "\f13f"; } .ti-headphones:before { content: "\eabd"; } .ti-headphones-filled:before { content: "\fa3c"; } .ti-headphones-off:before { content: "\ed1d"; } .ti-headset:before { content: "\eb90"; } .ti-headset-off:before { content: "\f3f6"; } .ti-health-recognition:before { content: "\f1fb"; } .ti-heart:before { content: "\eabe"; } .ti-heart-bolt:before { content: "\fb9e"; } .ti-heart-broken:before { content: "\ecba"; } .ti-heart-cancel:before { content: "\fb9f"; } .ti-heart-check:before { content: "\fba0"; } .ti-heart-code:before { content: "\fba1"; } .ti-heart-cog:before { content: "\fba2"; } .ti-heart-discount:before { content: "\fba3"; } .ti-heart-dollar:before { content: "\fba4"; } .ti-heart-down:before { content: "\fba5"; } .ti-heart-exclamation:before { content: "\fba6"; } .ti-heart-filled:before { content: "\f67c"; } .ti-heart-handshake:before { content: "\f0f3"; } .ti-heart-minus:before { content: "\f140"; } .ti-heart-off:before { content: "\f141"; } .ti-heart-pause:before { content: "\fba7"; } .ti-heart-pin:before { content: "\fba8"; } .ti-heart-plus:before { content: "\f142"; } .ti-heart-question:before { content: "\fba9"; } .ti-heart-rate-monitor:before { content: "\ef61"; } .ti-heart-search:before { content: "\fbaa"; } .ti-heart-share:before { content: "\fbab"; } .ti-heart-star:before { content: "\fbac"; } .ti-heart-up:before { content: "\fbad"; } .ti-heart-x:before { content: "\fbae"; } .ti-heartbeat:before { content: "\ef92"; } .ti-hearts:before { content: "\f387"; } .ti-hearts-off:before { content: "\f3f7"; } .ti-helicopter:before { content: "\ed8e"; } .ti-helicopter-landing:before { content: "\ed8d"; } .ti-helmet:before { content: "\efca"; } .ti-helmet-off:before { content: "\f143"; } .ti-help:before { content: "\eabf"; } .ti-help-circle:before { content: "\f91d"; } .ti-help-circle-filled:before { content: "\fa3d"; } .ti-help-hexagon:before { content: "\f7a8"; } .ti-help-hexagon-filled:before { content: "\fa3e"; } .ti-help-octagon:before { content: "\f7a9"; } .ti-help-octagon-filled:before { content: "\fa3f"; } .ti-help-off:before { content: "\f3f8"; } .ti-help-small:before { content: "\f91e"; } .ti-help-square:before { content: "\f920"; } .ti-help-square-filled:before { content: "\fa40"; } .ti-help-square-rounded:before { content: "\f91f"; } .ti-help-square-rounded-filled:before { content: "\fa41"; } .ti-help-triangle:before { content: "\f921"; } .ti-help-triangle-filled:before { content: "\fa42"; } .ti-hemisphere:before { content: "\faa2"; } .ti-hemisphere-off:before { content: "\faa0"; } .ti-hemisphere-plus:before { content: "\faa1"; } .ti-hexagon:before { content: "\ec02"; } .ti-hexagon-0-filled:before { content: "\f74c"; } .ti-hexagon-1-filled:before { content: "\f74d"; } .ti-hexagon-2-filled:before { content: "\f74e"; } .ti-hexagon-3-filled:before { content: "\f74f"; } .ti-hexagon-3d:before { content: "\f4c7"; } .ti-hexagon-4-filled:before { content: "\f750"; } .ti-hexagon-5-filled:before { content: "\f751"; } .ti-hexagon-6-filled:before { content: "\f752"; } .ti-hexagon-7-filled:before { content: "\f753"; } .ti-hexagon-8-filled:before { content: "\f754"; } .ti-hexagon-9-filled:before { content: "\f755"; } .ti-hexagon-filled:before { content: "\f67d"; } .ti-hexagon-letter-a:before { content: "\f463"; } .ti-hexagon-letter-b:before { content: "\f464"; } .ti-hexagon-letter-c:before { content: "\f465"; } .ti-hexagon-letter-d:before { content: "\f466"; } .ti-hexagon-letter-e:before { content: "\f467"; } .ti-hexagon-letter-f:before { content: "\f468"; } .ti-hexagon-letter-g:before { content: "\f469"; } .ti-hexagon-letter-h:before { content: "\f46a"; } .ti-hexagon-letter-i:before { content: "\f46b"; } .ti-hexagon-letter-j:before { content: "\f46c"; } .ti-hexagon-letter-k:before { content: "\f46d"; } .ti-hexagon-letter-l:before { content: "\f46e"; } .ti-hexagon-letter-m:before { content: "\f46f"; } .ti-hexagon-letter-n:before { content: "\f470"; } .ti-hexagon-letter-o:before { content: "\f471"; } .ti-hexagon-letter-p:before { content: "\f472"; } .ti-hexagon-letter-q:before { content: "\f473"; } .ti-hexagon-letter-r:before { content: "\f474"; } .ti-hexagon-letter-s:before { content: "\f475"; } .ti-hexagon-letter-t:before { content: "\f476"; } .ti-hexagon-letter-u:before { content: "\f477"; } .ti-hexagon-letter-v:before { content: "\f4b3"; } .ti-hexagon-letter-w:before { content: "\f478"; } .ti-hexagon-letter-x:before { content: "\f479"; } .ti-hexagon-letter-y:before { content: "\f47a"; } .ti-hexagon-letter-z:before { content: "\f47b"; } .ti-hexagon-minus:before { content: "\fc8f"; } .ti-hexagon-minus-2:before { content: "\fc8e"; } .ti-hexagon-number-0:before { content: "\f459"; } .ti-hexagon-number-1:before { content: "\f45a"; } .ti-hexagon-number-2:before { content: "\f45b"; } .ti-hexagon-number-3:before { content: "\f45c"; } .ti-hexagon-number-4:before { content: "\f45d"; } .ti-hexagon-number-5:before { content: "\f45e"; } .ti-hexagon-number-6:before { content: "\f45f"; } .ti-hexagon-number-7:before { content: "\f460"; } .ti-hexagon-number-8:before { content: "\f461"; } .ti-hexagon-number-9:before { content: "\f462"; } .ti-hexagon-off:before { content: "\ee9c"; } .ti-hexagon-plus:before { content: "\fc45"; } .ti-hexagon-plus-2:before { content: "\fc90"; } .ti-hexagonal-prism:before { content: "\faa5"; } .ti-hexagonal-prism-off:before { content: "\faa3"; } .ti-hexagonal-prism-plus:before { content: "\faa4"; } .ti-hexagonal-pyramid:before { content: "\faa8"; } .ti-hexagonal-pyramid-off:before { content: "\faa6"; } .ti-hexagonal-pyramid-plus:before { content: "\faa7"; } .ti-hexagons:before { content: "\f09d"; } .ti-hexagons-off:before { content: "\f3f9"; } .ti-hierarchy:before { content: "\ee9e"; } .ti-hierarchy-2:before { content: "\ee9d"; } .ti-hierarchy-3:before { content: "\f289"; } .ti-hierarchy-off:before { content: "\f3fa"; } .ti-highlight:before { content: "\ef3f"; } .ti-highlight-off:before { content: "\f144"; } .ti-history:before { content: "\ebea"; } .ti-history-off:before { content: "\f3fb"; } .ti-history-toggle:before { content: "\f1fc"; } .ti-home:before { content: "\eac1"; } .ti-home-2:before { content: "\eac0"; } .ti-home-bolt:before { content: "\f336"; } .ti-home-cancel:before { content: "\f350"; } .ti-home-check:before { content: "\f337"; } .ti-home-cog:before { content: "\f338"; } .ti-home-dollar:before { content: "\f339"; } .ti-home-dot:before { content: "\f33a"; } .ti-home-down:before { content: "\f33b"; } .ti-home-eco:before { content: "\f351"; } .ti-home-edit:before { content: "\f352"; } .ti-home-exclamation:before { content: "\f33c"; } .ti-home-hand:before { content: "\f504"; } .ti-home-heart:before { content: "\f353"; } .ti-home-infinity:before { content: "\f505"; } .ti-home-link:before { content: "\f354"; } .ti-home-minus:before { content: "\f33d"; } .ti-home-move:before { content: "\f33e"; } .ti-home-off:before { content: "\f145"; } .ti-home-plus:before { content: "\f33f"; } .ti-home-question:before { content: "\f340"; } .ti-home-ribbon:before { content: "\f355"; } .ti-home-search:before { content: "\f341"; } .ti-home-share:before { content: "\f342"; } .ti-home-shield:before { content: "\f343"; } .ti-home-signal:before { content: "\f356"; } .ti-home-star:before { content: "\f344"; } .ti-home-stats:before { content: "\f345"; } .ti-home-up:before { content: "\f346"; } .ti-home-x:before { content: "\f347"; } .ti-horse:before { content: "\fc46"; } .ti-horse-toy:before { content: "\f28a"; } .ti-horseshoe:before { content: "\fcb7"; } .ti-hospital:before { content: "\fd59"; } .ti-hospital-circle:before { content: "\fd58"; } .ti-hotel-service:before { content: "\ef80"; } .ti-hourglass:before { content: "\ef93"; } .ti-hourglass-empty:before { content: "\f146"; } .ti-hourglass-filled:before { content: "\f756"; } .ti-hourglass-high:before { content: "\f092"; } .ti-hourglass-low:before { content: "\f093"; } .ti-hourglass-off:before { content: "\f147"; } .ti-html:before { content: "\f7b1"; } .ti-http-connect:before { content: "\fa28"; } .ti-http-delete:before { content: "\fa29"; } .ti-http-get:before { content: "\fa2a"; } .ti-http-head:before { content: "\fa2b"; } .ti-http-options:before { content: "\fa2c"; } .ti-http-patch:before { content: "\fa2d"; } .ti-http-post:before { content: "\fa2e"; } .ti-http-put:before { content: "\fa2f"; } .ti-http-que:before { content: "\fa5b"; } .ti-http-trace:before { content: "\fa30"; } .ti-ice-cream:before { content: "\eac2"; } .ti-ice-cream-2:before { content: "\ee9f"; } .ti-ice-cream-off:before { content: "\f148"; } .ti-ice-skating:before { content: "\efcb"; } .ti-icons:before { content: "\f1d4"; } .ti-icons-off:before { content: "\f3fc"; } .ti-id:before { content: "\eac3"; } .ti-id-badge:before { content: "\eff7"; } .ti-id-badge-2:before { content: "\f076"; } .ti-id-badge-off:before { content: "\f3fd"; } .ti-id-off:before { content: "\f149"; } .ti-image-in-picture:before { content: "\fd9f"; } .ti-inbox:before { content: "\eac4"; } .ti-inbox-off:before { content: "\f14a"; } .ti-indent-decrease:before { content: "\eb91"; } .ti-indent-increase:before { content: "\eb92"; } .ti-infinity:before { content: "\eb69"; } .ti-infinity-off:before { content: "\f3fe"; } .ti-info-circle:before { content: "\eac5"; } .ti-info-circle-filled:before { content: "\f6d8"; } .ti-info-hexagon:before { content: "\f7aa"; } .ti-info-hexagon-filled:before { content: "\fa43"; } .ti-info-octagon:before { content: "\f7ab"; } .ti-info-octagon-filled:before { content: "\fa44"; } .ti-info-small:before { content: "\f922"; } .ti-info-square:before { content: "\eac6"; } .ti-info-square-filled:before { content: "\fa45"; } .ti-info-square-rounded:before { content: "\f635"; } .ti-info-square-rounded-filled:before { content: "\f6d9"; } .ti-info-triangle:before { content: "\f923"; } .ti-info-triangle-filled:before { content: "\fa46"; } .ti-inner-shadow-bottom:before { content: "\f520"; } .ti-inner-shadow-bottom-filled:before { content: "\f757"; } .ti-inner-shadow-bottom-left:before { content: "\f51e"; } .ti-inner-shadow-bottom-left-filled:before { content: "\f758"; } .ti-inner-shadow-bottom-right:before { content: "\f51f"; } .ti-inner-shadow-bottom-right-filled:before { content: "\f759"; } .ti-inner-shadow-left:before { content: "\f521"; } .ti-inner-shadow-left-filled:before { content: "\f75a"; } .ti-inner-shadow-right:before { content: "\f522"; } .ti-inner-shadow-right-filled:before { content: "\f75b"; } .ti-inner-shadow-top:before { content: "\f525"; } .ti-inner-shadow-top-filled:before { content: "\f75c"; } .ti-inner-shadow-top-left:before { content: "\f523"; } .ti-inner-shadow-top-left-filled:before { content: "\f75d"; } .ti-inner-shadow-top-right:before { content: "\f524"; } .ti-inner-shadow-top-right-filled:before { content: "\f75e"; } .ti-input-ai:before { content: "\fc5a"; } .ti-input-check:before { content: "\fc5b"; } .ti-input-search:before { content: "\f2a2"; } .ti-input-x:before { content: "\fc5c"; } .ti-ironing:before { content: "\fa7c"; } .ti-ironing-1:before { content: "\f2f4"; } .ti-ironing-2:before { content: "\f2f5"; } .ti-ironing-3:before { content: "\f2f6"; } .ti-ironing-off:before { content: "\f2f7"; } .ti-ironing-steam:before { content: "\f2f9"; } .ti-ironing-steam-off:before { content: "\f2f8"; } .ti-irregular-polyhedron:before { content: "\faab"; } .ti-irregular-polyhedron-off:before { content: "\faa9"; } .ti-irregular-polyhedron-plus:before { content: "\faaa"; } .ti-italic:before { content: "\eb93"; } .ti-jacket:before { content: "\f661"; } .ti-jetpack:before { content: "\f581"; } .ti-jewish-star:before { content: "\f3ff"; } .ti-jewish-star-filled:before { content: "\f67e"; } .ti-jpg:before { content: "\f3ac"; } .ti-json:before { content: "\f7b2"; } .ti-jump-rope:before { content: "\ed8f"; } .ti-karate:before { content: "\ed32"; } .ti-kayak:before { content: "\f1d6"; } .ti-kering:before { content: "\efb8"; } .ti-key:before { content: "\eac7"; } .ti-key-off:before { content: "\f14b"; } .ti-keyboard:before { content: "\ebd6"; } .ti-keyboard-hide:before { content: "\ec7e"; } .ti-keyboard-off:before { content: "\eea0"; } .ti-keyboard-show:before { content: "\ec7f"; } .ti-keyframe:before { content: "\f576"; } .ti-keyframe-align-center:before { content: "\f582"; } .ti-keyframe-align-center-filled:before { content: "\fc30"; } .ti-keyframe-align-horizontal:before { content: "\f583"; } .ti-keyframe-align-horizontal-filled:before { content: "\fc31"; } .ti-keyframe-align-vertical:before { content: "\f584"; } .ti-keyframe-align-vertical-filled:before { content: "\fc32"; } .ti-keyframe-filled:before { content: "\fc33"; } .ti-keyframes:before { content: "\f585"; } .ti-keyframes-filled:before { content: "\fc34"; } .ti-ladder:before { content: "\efe2"; } .ti-ladder-off:before { content: "\f14c"; } .ti-ladle:before { content: "\fc14"; } .ti-lambda:before { content: "\f541"; } .ti-lamp:before { content: "\efab"; } .ti-lamp-2:before { content: "\f09e"; } .ti-lamp-off:before { content: "\f14d"; } .ti-lane:before { content: "\faf9"; } .ti-language:before { content: "\ebbe"; } .ti-language-hiragana:before { content: "\ef77"; } .ti-language-katakana:before { content: "\ef78"; } .ti-language-off:before { content: "\f14e"; } .ti-lasso:before { content: "\efac"; } .ti-lasso-off:before { content: "\f14f"; } .ti-lasso-polygon:before { content: "\f388"; } .ti-layers-difference:before { content: "\eac8"; } .ti-layers-intersect:before { content: "\eac9"; } .ti-layers-intersect-2:before { content: "\eff8"; } .ti-layers-linked:before { content: "\eea1"; } .ti-layers-off:before { content: "\f150"; } .ti-layers-subtract:before { content: "\eaca"; } .ti-layers-union:before { content: "\eacb"; } .ti-layout:before { content: "\eadb"; } .ti-layout-2:before { content: "\eacc"; } .ti-layout-align-bottom:before { content: "\eacd"; } .ti-layout-align-center:before { content: "\eace"; } .ti-layout-align-left:before { content: "\eacf"; } .ti-layout-align-middle:before { content: "\ead0"; } .ti-layout-align-right:before { content: "\ead1"; } .ti-layout-align-top:before { content: "\ead2"; } .ti-layout-board:before { content: "\ef95"; } .ti-layout-board-split:before { content: "\ef94"; } .ti-layout-bottombar:before { content: "\ead3"; } .ti-layout-bottombar-collapse:before { content: "\f28b"; } .ti-layout-bottombar-collapse-filled:before { content: "\fc35"; } .ti-layout-bottombar-expand:before { content: "\f28c"; } .ti-layout-bottombar-expand-filled:before { content: "\fc36"; } .ti-layout-bottombar-filled:before { content: "\fc37"; } .ti-layout-bottombar-inactive:before { content: "\fd45"; } .ti-layout-cards:before { content: "\ec13"; } .ti-layout-collage:before { content: "\f389"; } .ti-layout-columns:before { content: "\ead4"; } .ti-layout-dashboard:before { content: "\f02c"; } .ti-layout-distribute-horizontal:before { content: "\ead5"; } .ti-layout-distribute-vertical:before { content: "\ead6"; } .ti-layout-grid:before { content: "\edba"; } .ti-layout-grid-add:before { content: "\edb9"; } .ti-layout-grid-remove:before { content: "\fa7d"; } .ti-layout-kanban:before { content: "\ec3f"; } .ti-layout-list:before { content: "\ec14"; } .ti-layout-navbar:before { content: "\ead7"; } .ti-layout-navbar-collapse:before { content: "\f28d"; } .ti-layout-navbar-collapse-filled:before { content: "\fc38"; } .ti-layout-navbar-expand:before { content: "\f28e"; } .ti-layout-navbar-expand-filled:before { content: "\fc39"; } .ti-layout-navbar-filled:before { content: "\fc3a"; } .ti-layout-navbar-inactive:before { content: "\fd46"; } .ti-layout-off:before { content: "\f151"; } .ti-layout-rows:before { content: "\ead8"; } .ti-layout-sidebar:before { content: "\eada"; } .ti-layout-sidebar-inactive:before { content: "\fd47"; } .ti-layout-sidebar-left-collapse:before { content: "\f004"; } .ti-layout-sidebar-left-collapse-filled:before { content: "\fc3b"; } .ti-layout-sidebar-left-expand:before { content: "\f005"; } .ti-layout-sidebar-left-expand-filled:before { content: "\fc3c"; } .ti-layout-sidebar-right:before { content: "\ead9"; } .ti-layout-sidebar-right-collapse:before { content: "\f006"; } .ti-layout-sidebar-right-collapse-filled:before { content: "\fc3d"; } .ti-layout-sidebar-right-expand:before { content: "\f007"; } .ti-layout-sidebar-right-expand-filled:before { content: "\fc3e"; } .ti-layout-sidebar-right-inactive:before { content: "\fd48"; } .ti-leaf:before { content: "\ed4f"; } .ti-leaf-off:before { content: "\f400"; } .ti-lego:before { content: "\eadc"; } .ti-lego-off:before { content: "\f401"; } .ti-lemon:before { content: "\ef10"; } .ti-lemon-2:before { content: "\ef81"; } .ti-letter-a:before { content: "\ec50"; } .ti-letter-a-small:before { content: "\fcc7"; } .ti-letter-b:before { content: "\ec51"; } .ti-letter-b-small:before { content: "\fcc8"; } .ti-letter-c:before { content: "\ec52"; } .ti-letter-c-small:before { content: "\fcc9"; } .ti-letter-case:before { content: "\eea5"; } .ti-letter-case-lower:before { content: "\eea2"; } .ti-letter-case-toggle:before { content: "\eea3"; } .ti-letter-case-upper:before { content: "\eea4"; } .ti-letter-d:before { content: "\ec53"; } .ti-letter-d-small:before { content: "\fcca"; } .ti-letter-e:before { content: "\ec54"; } .ti-letter-e-small:before { content: "\fccb"; } .ti-letter-f:before { content: "\ec55"; } .ti-letter-f-small:before { content: "\fccc"; } .ti-letter-g:before { content: "\ec56"; } .ti-letter-g-small:before { content: "\fccd"; } .ti-letter-h:before { content: "\ec57"; } .ti-letter-h-small:before { content: "\fcce"; } .ti-letter-i:before { content: "\ec58"; } .ti-letter-i-small:before { content: "\fccf"; } .ti-letter-j:before { content: "\ec59"; } .ti-letter-j-small:before { content: "\fcd0"; } .ti-letter-k:before { content: "\ec5a"; } .ti-letter-k-small:before { content: "\fcd1"; } .ti-letter-l:before { content: "\ec5b"; } .ti-letter-l-small:before { content: "\fcd2"; } .ti-letter-m:before { content: "\ec5c"; } .ti-letter-m-small:before { content: "\fcd3"; } .ti-letter-n:before { content: "\ec5d"; } .ti-letter-n-small:before { content: "\fcd4"; } .ti-letter-o:before { content: "\ec5e"; } .ti-letter-o-small:before { content: "\fcd5"; } .ti-letter-p:before { content: "\ec5f"; } .ti-letter-p-small:before { content: "\fcd6"; } .ti-letter-q:before { content: "\ec60"; } .ti-letter-q-small:before { content: "\fcd7"; } .ti-letter-r:before { content: "\ec61"; } .ti-letter-r-small:before { content: "\fcd8"; } .ti-letter-s:before { content: "\ec62"; } .ti-letter-s-small:before { content: "\fcd9"; } .ti-letter-spacing:before { content: "\eea6"; } .ti-letter-t:before { content: "\ec63"; } .ti-letter-t-small:before { content: "\fcda"; } .ti-letter-u:before { content: "\ec64"; } .ti-letter-u-small:before { content: "\fcdb"; } .ti-letter-v:before { content: "\ec65"; } .ti-letter-v-small:before { content: "\fcdc"; } .ti-letter-w:before { content: "\ec66"; } .ti-letter-w-small:before { content: "\fcdd"; } .ti-letter-x:before { content: "\ec67"; } .ti-letter-x-small:before { content: "\fcde"; } .ti-letter-y:before { content: "\ec68"; } .ti-letter-y-small:before { content: "\fcdf"; } .ti-letter-z:before { content: "\ec69"; } .ti-letter-z-small:before { content: "\fce0"; } .ti-library:before { content: "\fd4c"; } .ti-library-minus:before { content: "\fd49"; } .ti-library-photo:before { content: "\fd4a"; } .ti-library-plus:before { content: "\fd4b"; } .ti-license:before { content: "\ebc0"; } .ti-license-off:before { content: "\f153"; } .ti-lifebuoy:before { content: "\eadd"; } .ti-lifebuoy-off:before { content: "\f154"; } .ti-lighter:before { content: "\f794"; } .ti-line:before { content: "\ec40"; } .ti-line-dashed:before { content: "\eea7"; } .ti-line-dotted:before { content: "\eea8"; } .ti-line-height:before { content: "\eb94"; } .ti-line-scan:before { content: "\fcb8"; } .ti-link:before { content: "\eade"; } .ti-link-minus:before { content: "\fd16"; } .ti-link-off:before { content: "\f402"; } .ti-link-plus:before { content: "\fd17"; } .ti-list:before { content: "\eb6b"; } .ti-list-check:before { content: "\eb6a"; } .ti-list-details:before { content: "\ef40"; } .ti-list-letters:before { content: "\fc47"; } .ti-list-numbers:before { content: "\ef11"; } .ti-list-search:before { content: "\eea9"; } .ti-list-tree:before { content: "\fafa"; } .ti-live-photo:before { content: "\eadf"; } .ti-live-photo-off:before { content: "\f403"; } .ti-live-view:before { content: "\ec6b"; } .ti-load-balancer:before { content: "\fa5c"; } .ti-loader:before { content: "\eca3"; } .ti-loader-2:before { content: "\f226"; } .ti-loader-3:before { content: "\f513"; } .ti-loader-quarter:before { content: "\eca2"; } .ti-location:before { content: "\eae0"; } .ti-location-bolt:before { content: "\fbaf"; } .ti-location-broken:before { content: "\f2c4"; } .ti-location-cancel:before { content: "\fbb0"; } .ti-location-check:before { content: "\fbb1"; } .ti-location-code:before { content: "\fbb2"; } .ti-location-cog:before { content: "\fbb3"; } .ti-location-discount:before { content: "\fbb4"; } .ti-location-dollar:before { content: "\fbb5"; } .ti-location-down:before { content: "\fbb6"; } .ti-location-exclamation:before { content: "\fbb7"; } .ti-location-filled:before { content: "\f67f"; } .ti-location-heart:before { content: "\fbb8"; } .ti-location-minus:before { content: "\fbb9"; } .ti-location-off:before { content: "\f155"; } .ti-location-pause:before { content: "\fbba"; } .ti-location-pin:before { content: "\fbbb"; } .ti-location-plus:before { content: "\fbbc"; } .ti-location-question:before { content: "\fbbd"; } .ti-location-search:before { content: "\fbbe"; } .ti-location-share:before { content: "\fbbf"; } .ti-location-star:before { content: "\fbc0"; } .ti-location-up:before { content: "\fbc1"; } .ti-location-x:before { content: "\fbc2"; } .ti-lock:before { content: "\eae2"; } .ti-lock-access:before { content: "\eeaa"; } .ti-lock-access-off:before { content: "\f404"; } .ti-lock-bolt:before { content: "\f924"; } .ti-lock-cancel:before { content: "\f925"; } .ti-lock-check:before { content: "\f926"; } .ti-lock-code:before { content: "\f927"; } .ti-lock-cog:before { content: "\f928"; } .ti-lock-dollar:before { content: "\f929"; } .ti-lock-down:before { content: "\f92a"; } .ti-lock-exclamation:before { content: "\f92b"; } .ti-lock-heart:before { content: "\f92c"; } .ti-lock-minus:before { content: "\f92d"; } .ti-lock-off:before { content: "\ed1e"; } .ti-lock-open:before { content: "\eae1"; } .ti-lock-open-off:before { content: "\f156"; } .ti-lock-pause:before { content: "\f92e"; } .ti-lock-pin:before { content: "\f92f"; } .ti-lock-plus:before { content: "\f930"; } .ti-lock-question:before { content: "\f931"; } .ti-lock-search:before { content: "\f932"; } .ti-lock-share:before { content: "\f933"; } .ti-lock-square:before { content: "\ef51"; } .ti-lock-square-rounded:before { content: "\f636"; } .ti-lock-square-rounded-filled:before { content: "\f6da"; } .ti-lock-star:before { content: "\f934"; } .ti-lock-up:before { content: "\f935"; } .ti-lock-x:before { content: "\f936"; } .ti-logic-and:before { content: "\f240"; } .ti-logic-buffer:before { content: "\f241"; } .ti-logic-nand:before { content: "\f242"; } .ti-logic-nor:before { content: "\f243"; } .ti-logic-not:before { content: "\f244"; } .ti-logic-or:before { content: "\f245"; } .ti-logic-xnor:before { content: "\f246"; } .ti-logic-xor:before { content: "\f247"; } .ti-login:before { content: "\eba7"; } .ti-login-2:before { content: "\fc76"; } .ti-logout:before { content: "\eba8"; } .ti-logout-2:before { content: "\fa7e"; } .ti-lollipop:before { content: "\efcc"; } .ti-lollipop-off:before { content: "\f157"; } .ti-luggage:before { content: "\efad"; } .ti-luggage-off:before { content: "\f158"; } .ti-lungs:before { content: "\ef62"; } .ti-lungs-off:before { content: "\f405"; } .ti-macro:before { content: "\eeab"; } .ti-macro-off:before { content: "\f406"; } .ti-magnet:before { content: "\eae3"; } .ti-magnet-off:before { content: "\f159"; } .ti-magnetic:before { content: "\fcb9"; } .ti-mail:before { content: "\eae5"; } .ti-mail-ai:before { content: "\fa31"; } .ti-mail-bolt:before { content: "\f937"; } .ti-mail-cancel:before { content: "\f938"; } .ti-mail-check:before { content: "\f939"; } .ti-mail-code:before { content: "\f93a"; } .ti-mail-cog:before { content: "\f93b"; } .ti-mail-dollar:before { content: "\f93c"; } .ti-mail-down:before { content: "\f93d"; } .ti-mail-exclamation:before { content: "\f93e"; } .ti-mail-fast:before { content: "\f069"; } .ti-mail-filled:before { content: "\fa47"; } .ti-mail-forward:before { content: "\eeac"; } .ti-mail-heart:before { content: "\f93f"; } .ti-mail-minus:before { content: "\f940"; } .ti-mail-off:before { content: "\f15a"; } .ti-mail-opened:before { content: "\eae4"; } .ti-mail-opened-filled:before { content: "\fa48"; } .ti-mail-pause:before { content: "\f941"; } .ti-mail-pin:before { content: "\f942"; } .ti-mail-plus:before { content: "\f943"; } .ti-mail-question:before { content: "\f944"; } .ti-mail-search:before { content: "\f945"; } .ti-mail-share:before { content: "\f946"; } .ti-mail-star:before { content: "\f947"; } .ti-mail-up:before { content: "\f948"; } .ti-mail-x:before { content: "\f949"; } .ti-mailbox:before { content: "\eead"; } .ti-mailbox-off:before { content: "\f15b"; } .ti-man:before { content: "\eae6"; } .ti-manual-gearbox:before { content: "\ed7b"; } .ti-map:before { content: "\eae9"; } .ti-map-2:before { content: "\eae7"; } .ti-map-bolt:before { content: "\fbc3"; } .ti-map-cancel:before { content: "\fbc4"; } .ti-map-check:before { content: "\fbc5"; } .ti-map-code:before { content: "\fbc6"; } .ti-map-cog:before { content: "\fbc7"; } .ti-map-discount:before { content: "\fbc8"; } .ti-map-dollar:before { content: "\fbc9"; } .ti-map-down:before { content: "\fbca"; } .ti-map-east:before { content: "\fc5d"; } .ti-map-exclamation:before { content: "\fbcb"; } .ti-map-heart:before { content: "\fbcc"; } .ti-map-minus:before { content: "\fbcd"; } .ti-map-north:before { content: "\fc5e"; } .ti-map-off:before { content: "\f15c"; } .ti-map-pause:before { content: "\fbce"; } .ti-map-pin:before { content: "\eae8"; } .ti-map-pin-2:before { content: "\fc48"; } .ti-map-pin-bolt:before { content: "\f94a"; } .ti-map-pin-cancel:before { content: "\f94b"; } .ti-map-pin-check:before { content: "\f94c"; } .ti-map-pin-code:before { content: "\f94d"; } .ti-map-pin-cog:before { content: "\f94e"; } .ti-map-pin-dollar:before { content: "\f94f"; } .ti-map-pin-down:before { content: "\f950"; } .ti-map-pin-exclamation:before { content: "\f951"; } .ti-map-pin-filled:before { content: "\f680"; } .ti-map-pin-heart:before { content: "\f952"; } .ti-map-pin-minus:before { content: "\f953"; } .ti-map-pin-off:before { content: "\ecf3"; } .ti-map-pin-pause:before { content: "\f954"; } .ti-map-pin-pin:before { content: "\f955"; } .ti-map-pin-plus:before { content: "\f956"; } .ti-map-pin-question:before { content: "\f957"; } .ti-map-pin-search:before { content: "\f958"; } .ti-map-pin-share:before { content: "\f795"; } .ti-map-pin-star:before { content: "\f959"; } .ti-map-pin-up:before { content: "\f95a"; } .ti-map-pin-x:before { content: "\f95b"; } .ti-map-pins:before { content: "\ed5e"; } .ti-map-plus:before { content: "\fbcf"; } .ti-map-question:before { content: "\fbd0"; } .ti-map-route:before { content: "\fc79"; } .ti-map-search:before { content: "\ef82"; } .ti-map-share:before { content: "\fbd1"; } .ti-map-south:before { content: "\fc5f"; } .ti-map-star:before { content: "\fbd2"; } .ti-map-up:before { content: "\fbd3"; } .ti-map-west:before { content: "\fc60"; } .ti-map-x:before { content: "\fbd4"; } .ti-markdown:before { content: "\ec41"; } .ti-markdown-off:before { content: "\f407"; } .ti-marquee:before { content: "\ec77"; } .ti-marquee-2:before { content: "\eeae"; } .ti-marquee-off:before { content: "\f15d"; } .ti-mars:before { content: "\ec80"; } .ti-mask:before { content: "\eeb0"; } .ti-mask-off:before { content: "\eeaf"; } .ti-masks-theater:before { content: "\f263"; } .ti-masks-theater-off:before { content: "\f408"; } .ti-massage:before { content: "\eeb1"; } .ti-matchstick:before { content: "\f577"; } .ti-math:before { content: "\ebeb"; } .ti-math-1-divide-2:before { content: "\f4e2"; } .ti-math-1-divide-3:before { content: "\f4e3"; } .ti-math-avg:before { content: "\f0f4"; } .ti-math-equal-greater:before { content: "\f4e4"; } .ti-math-equal-lower:before { content: "\f4e5"; } .ti-math-function:before { content: "\eeb2"; } .ti-math-function-off:before { content: "\f15e"; } .ti-math-function-y:before { content: "\f4e6"; } .ti-math-greater:before { content: "\f4e7"; } .ti-math-integral:before { content: "\f4e9"; } .ti-math-integral-x:before { content: "\f4e8"; } .ti-math-integrals:before { content: "\f4ea"; } .ti-math-lower:before { content: "\f4eb"; } .ti-math-max:before { content: "\f0f5"; } .ti-math-max-min:before { content: "\fda0"; } .ti-math-min:before { content: "\f0f6"; } .ti-math-not:before { content: "\f4ec"; } .ti-math-off:before { content: "\f409"; } .ti-math-pi:before { content: "\f4ee"; } .ti-math-pi-divide-2:before { content: "\f4ed"; } .ti-math-symbols:before { content: "\eeb3"; } .ti-math-x-divide-2:before { content: "\f4ef"; } .ti-math-x-divide-y:before { content: "\f4f1"; } .ti-math-x-divide-y-2:before { content: "\f4f0"; } .ti-math-x-minus-x:before { content: "\f4f2"; } .ti-math-x-minus-y:before { content: "\f4f3"; } .ti-math-x-plus-x:before { content: "\f4f4"; } .ti-math-x-plus-y:before { content: "\f4f5"; } .ti-math-xy:before { content: "\f4f6"; } .ti-math-y-minus-y:before { content: "\f4f7"; } .ti-math-y-plus-y:before { content: "\f4f8"; } .ti-maximize:before { content: "\eaea"; } .ti-maximize-off:before { content: "\f15f"; } .ti-meat:before { content: "\ef12"; } .ti-meat-off:before { content: "\f40a"; } .ti-medal:before { content: "\ec78"; } .ti-medal-2:before { content: "\efcd"; } .ti-medical-cross:before { content: "\ec2f"; } .ti-medical-cross-circle:before { content: "\fae8"; } .ti-medical-cross-filled:before { content: "\f681"; } .ti-medical-cross-off:before { content: "\f160"; } .ti-medicine-syrup:before { content: "\ef63"; } .ti-meeple:before { content: "\f514"; } .ti-melon:before { content: "\fc7a"; } .ti-menorah:before { content: "\f58c"; } .ti-menu:before { content: "\eaeb"; } .ti-menu-2:before { content: "\ec42"; } .ti-menu-deep:before { content: "\fafb"; } .ti-menu-order:before { content: "\f5f5"; } .ti-message:before { content: "\eaef"; } .ti-message-2:before { content: "\eaec"; } .ti-message-2-bolt:before { content: "\f95c"; } .ti-message-2-cancel:before { content: "\f95d"; } .ti-message-2-check:before { content: "\f95e"; } .ti-message-2-code:before { content: "\f012"; } .ti-message-2-cog:before { content: "\f95f"; } .ti-message-2-dollar:before { content: "\f960"; } .ti-message-2-down:before { content: "\f961"; } .ti-message-2-exclamation:before { content: "\f962"; } .ti-message-2-heart:before { content: "\f963"; } .ti-message-2-minus:before { content: "\f964"; } .ti-message-2-off:before { content: "\f40b"; } .ti-message-2-pause:before { content: "\f965"; } .ti-message-2-pin:before { content: "\f966"; } .ti-message-2-plus:before { content: "\f967"; } .ti-message-2-question:before { content: "\f968"; } .ti-message-2-search:before { content: "\f969"; } .ti-message-2-share:before { content: "\f077"; } .ti-message-2-star:before { content: "\f96a"; } .ti-message-2-up:before { content: "\f96b"; } .ti-message-2-x:before { content: "\f96c"; } .ti-message-bolt:before { content: "\f96d"; } .ti-message-cancel:before { content: "\f96e"; } .ti-message-chatbot:before { content: "\f38a"; } .ti-message-check:before { content: "\f96f"; } .ti-message-circle:before { content: "\eaed"; } .ti-message-circle-2:before { content: "\ed3f"; } .ti-message-circle-2-filled:before { content: "\f682"; } .ti-message-circle-bolt:before { content: "\f970"; } .ti-message-circle-cancel:before { content: "\f971"; } .ti-message-circle-check:before { content: "\f972"; } .ti-message-circle-code:before { content: "\f973"; } .ti-message-circle-cog:before { content: "\f974"; } .ti-message-circle-dollar:before { content: "\f975"; } .ti-message-circle-down:before { content: "\f976"; } .ti-message-circle-exclamation:before { content: "\f977"; } .ti-message-circle-heart:before { content: "\f978"; } .ti-message-circle-minus:before { content: "\f979"; } .ti-message-circle-off:before { content: "\ed40"; } .ti-message-circle-pause:before { content: "\f97a"; } .ti-message-circle-pin:before { content: "\f97b"; } .ti-message-circle-plus:before { content: "\f97c"; } .ti-message-circle-question:before { content: "\f97d"; } .ti-message-circle-search:before { content: "\f97e"; } .ti-message-circle-share:before { content: "\f97f"; } .ti-message-circle-star:before { content: "\f980"; } .ti-message-circle-up:before { content: "\f981"; } .ti-message-circle-x:before { content: "\f982"; } .ti-message-code:before { content: "\f013"; } .ti-message-cog:before { content: "\f983"; } .ti-message-dollar:before { content: "\f984"; } .ti-message-dots:before { content: "\eaee"; } .ti-message-down:before { content: "\f985"; } .ti-message-exclamation:before { content: "\f986"; } .ti-message-forward:before { content: "\f28f"; } .ti-message-heart:before { content: "\f987"; } .ti-message-language:before { content: "\efae"; } .ti-message-minus:before { content: "\f988"; } .ti-message-off:before { content: "\ed41"; } .ti-message-pause:before { content: "\f989"; } .ti-message-pin:before { content: "\f98a"; } .ti-message-plus:before { content: "\ec9a"; } .ti-message-question:before { content: "\f98b"; } .ti-message-reply:before { content: "\fd4d"; } .ti-message-report:before { content: "\ec9b"; } .ti-message-search:before { content: "\f98c"; } .ti-message-share:before { content: "\f078"; } .ti-message-star:before { content: "\f98d"; } .ti-message-up:before { content: "\f98e"; } .ti-message-x:before { content: "\f98f"; } .ti-messages:before { content: "\eb6c"; } .ti-messages-off:before { content: "\ed42"; } .ti-meteor:before { content: "\f1fd"; } .ti-meteor-off:before { content: "\f40c"; } .ti-meter-cube:before { content: "\fd7c"; } .ti-meter-square:before { content: "\fd7d"; } .ti-metronome:before { content: "\fd25"; } .ti-michelin-bib-gourmand:before { content: "\fae9"; } .ti-michelin-star:before { content: "\faeb"; } .ti-michelin-star-green:before { content: "\faea"; } .ti-mickey:before { content: "\f2a3"; } .ti-mickey-filled:before { content: "\f683"; } .ti-microphone:before { content: "\eaf0"; } .ti-microphone-2:before { content: "\ef2c"; } .ti-microphone-2-off:before { content: "\f40d"; } .ti-microphone-off:before { content: "\ed16"; } .ti-microscope:before { content: "\ef64"; } .ti-microscope-off:before { content: "\f40e"; } .ti-microwave:before { content: "\f248"; } .ti-microwave-off:before { content: "\f264"; } .ti-military-award:before { content: "\f079"; } .ti-military-rank:before { content: "\efcf"; } .ti-milk:before { content: "\ef13"; } .ti-milk-off:before { content: "\f40f"; } .ti-milkshake:before { content: "\f4c8"; } .ti-minimize:before { content: "\eaf1"; } .ti-minus:before { content: "\eaf2"; } .ti-minus-vertical:before { content: "\eeb4"; } .ti-mist:before { content: "\ec30"; } .ti-mist-off:before { content: "\f410"; } .ti-mobiledata:before { content: "\f9f5"; } .ti-mobiledata-off:before { content: "\f9f4"; } .ti-moneybag:before { content: "\f506"; } .ti-mood-angry:before { content: "\f2de"; } .ti-mood-annoyed:before { content: "\f2e0"; } .ti-mood-annoyed-2:before { content: "\f2df"; } .ti-mood-boy:before { content: "\ed2d"; } .ti-mood-check:before { content: "\f7b3"; } .ti-mood-cog:before { content: "\f7b4"; } .ti-mood-confuzed:before { content: "\eaf3"; } .ti-mood-confuzed-filled:before { content: "\f7f2"; } .ti-mood-crazy-happy:before { content: "\ed90"; } .ti-mood-cry:before { content: "\ecbb"; } .ti-mood-dollar:before { content: "\f7b5"; } .ti-mood-edit:before { content: "\fa05"; } .ti-mood-empty:before { content: "\eeb5"; } .ti-mood-empty-filled:before { content: "\f7f3"; } .ti-mood-happy:before { content: "\eaf4"; } .ti-mood-happy-filled:before { content: "\f7f4"; } .ti-mood-heart:before { content: "\f7b6"; } .ti-mood-kid:before { content: "\ec03"; } .ti-mood-kid-filled:before { content: "\f7f5"; } .ti-mood-look-down:before { content: "\fd37"; } .ti-mood-look-left:before { content: "\f2c5"; } .ti-mood-look-right:before { content: "\f2c6"; } .ti-mood-look-up:before { content: "\fd38"; } .ti-mood-minus:before { content: "\f7b7"; } .ti-mood-nerd:before { content: "\f2e1"; } .ti-mood-nervous:before { content: "\ef96"; } .ti-mood-neutral:before { content: "\eaf5"; } .ti-mood-neutral-filled:before { content: "\f7f6"; } .ti-mood-off:before { content: "\f161"; } .ti-mood-pin:before { content: "\f7b8"; } .ti-mood-plus:before { content: "\f7b9"; } .ti-mood-puzzled:before { content: "\fd39"; } .ti-mood-sad:before { content: "\eaf6"; } .ti-mood-sad-2:before { content: "\f2e2"; } .ti-mood-sad-dizzy:before { content: "\f2e3"; } .ti-mood-sad-filled:before { content: "\f7f7"; } .ti-mood-sad-squint:before { content: "\f2e4"; } .ti-mood-search:before { content: "\f7ba"; } .ti-mood-share:before { content: "\fa06"; } .ti-mood-sick:before { content: "\f2e5"; } .ti-mood-silence:before { content: "\f2e6"; } .ti-mood-sing:before { content: "\f2c7"; } .ti-mood-smile:before { content: "\eaf7"; } .ti-mood-smile-beam:before { content: "\f2e7"; } .ti-mood-smile-dizzy:before { content: "\f2e8"; } .ti-mood-smile-filled:before { content: "\f7f8"; } .ti-mood-suprised:before { content: "\ec04"; } .ti-mood-tongue:before { content: "\eb95"; } .ti-mood-tongue-wink:before { content: "\f2ea"; } .ti-mood-tongue-wink-2:before { content: "\f2e9"; } .ti-mood-unamused:before { content: "\f2eb"; } .ti-mood-up:before { content: "\f7bb"; } .ti-mood-wink:before { content: "\f2ed"; } .ti-mood-wink-2:before { content: "\f2ec"; } .ti-mood-wrrr:before { content: "\f2ee"; } .ti-mood-x:before { content: "\f7bc"; } .ti-mood-xd:before { content: "\f2ef"; } .ti-moon:before { content: "\eaf8"; } .ti-moon-2:before { content: "\ece6"; } .ti-moon-filled:before { content: "\f684"; } .ti-moon-off:before { content: "\f162"; } .ti-moon-stars:before { content: "\ece7"; } .ti-moped:before { content: "\ecbc"; } .ti-motorbike:before { content: "\eeb6"; } .ti-mountain:before { content: "\ef97"; } .ti-mountain-off:before { content: "\f411"; } .ti-mouse:before { content: "\eaf9"; } .ti-mouse-2:before { content: "\f1d7"; } .ti-mouse-filled:before { content: "\fb2f"; } .ti-mouse-off:before { content: "\f163"; } .ti-moustache:before { content: "\f4c9"; } .ti-movie:before { content: "\eafa"; } .ti-movie-off:before { content: "\f164"; } .ti-mug:before { content: "\eafb"; } .ti-mug-off:before { content: "\f165"; } .ti-multiplier-0-5x:before { content: "\ef41"; } .ti-multiplier-1-5x:before { content: "\ef42"; } .ti-multiplier-1x:before { content: "\ef43"; } .ti-multiplier-2x:before { content: "\ef44"; } .ti-mushroom:before { content: "\ef14"; } .ti-mushroom-filled:before { content: "\f7f9"; } .ti-mushroom-off:before { content: "\f412"; } .ti-music:before { content: "\eafc"; } .ti-music-bolt:before { content: "\fbd5"; } .ti-music-cancel:before { content: "\fbd6"; } .ti-music-check:before { content: "\fbd7"; } .ti-music-code:before { content: "\fbd8"; } .ti-music-cog:before { content: "\fbd9"; } .ti-music-discount:before { content: "\fbda"; } .ti-music-dollar:before { content: "\fbdb"; } .ti-music-down:before { content: "\fbdc"; } .ti-music-exclamation:before { content: "\fbdd"; } .ti-music-heart:before { content: "\fbde"; } .ti-music-minus:before { content: "\fbdf"; } .ti-music-off:before { content: "\f166"; } .ti-music-pause:before { content: "\fbe0"; } .ti-music-pin:before { content: "\fbe1"; } .ti-music-plus:before { content: "\fbe2"; } .ti-music-question:before { content: "\fbe3"; } .ti-music-search:before { content: "\fbe4"; } .ti-music-share:before { content: "\fbe5"; } .ti-music-star:before { content: "\fbe6"; } .ti-music-up:before { content: "\fbe7"; } .ti-music-x:before { content: "\fbe8"; } .ti-navigation:before { content: "\f2c8"; } .ti-navigation-bolt:before { content: "\fbe9"; } .ti-navigation-cancel:before { content: "\fbea"; } .ti-navigation-check:before { content: "\fbeb"; } .ti-navigation-code:before { content: "\fbec"; } .ti-navigation-cog:before { content: "\fbed"; } .ti-navigation-discount:before { content: "\fbee"; } .ti-navigation-dollar:before { content: "\fbef"; } .ti-navigation-down:before { content: "\fbf0"; } .ti-navigation-east:before { content: "\fcba"; } .ti-navigation-exclamation:before { content: "\fbf1"; } .ti-navigation-filled:before { content: "\f685"; } .ti-navigation-heart:before { content: "\fbf2"; } .ti-navigation-minus:before { content: "\fbf3"; } .ti-navigation-north:before { content: "\fcbb"; } .ti-navigation-off:before { content: "\f413"; } .ti-navigation-pause:before { content: "\fbf4"; } .ti-navigation-pin:before { content: "\fbf5"; } .ti-navigation-plus:before { content: "\fbf6"; } .ti-navigation-question:before { content: "\fbf7"; } .ti-navigation-search:before { content: "\fbf8"; } .ti-navigation-share:before { content: "\fbf9"; } .ti-navigation-south:before { content: "\fcbc"; } .ti-navigation-star:before { content: "\fbfa"; } .ti-navigation-top:before { content: "\faec"; } .ti-navigation-up:before { content: "\fbfb"; } .ti-navigation-west:before { content: "\fcbd"; } .ti-navigation-x:before { content: "\fbfc"; } .ti-needle:before { content: "\f508"; } .ti-needle-thread:before { content: "\f507"; } .ti-network:before { content: "\f09f"; } .ti-network-off:before { content: "\f414"; } .ti-new-section:before { content: "\ebc1"; } .ti-news:before { content: "\eafd"; } .ti-news-off:before { content: "\f167"; } .ti-nfc:before { content: "\eeb7"; } .ti-nfc-off:before { content: "\f168"; } .ti-no-copyright:before { content: "\efb9"; } .ti-no-creative-commons:before { content: "\efba"; } .ti-no-derivatives:before { content: "\efbb"; } .ti-north-star:before { content: "\f014"; } .ti-note:before { content: "\eb6d"; } .ti-note-off:before { content: "\f169"; } .ti-notebook:before { content: "\eb96"; } .ti-notebook-off:before { content: "\f415"; } .ti-notes:before { content: "\eb6e"; } .ti-notes-off:before { content: "\f16a"; } .ti-notification:before { content: "\eafe"; } .ti-notification-off:before { content: "\f16b"; } .ti-number:before { content: "\f1fe"; } .ti-number-0:before { content: "\edf0"; } .ti-number-0-small:before { content: "\fce1"; } .ti-number-1:before { content: "\edf1"; } .ti-number-1-small:before { content: "\fce2"; } .ti-number-10-small:before { content: "\fce3"; } .ti-number-11-small:before { content: "\fce4"; } .ti-number-12-small:before { content: "\fce5"; } .ti-number-13-small:before { content: "\fce6"; } .ti-number-14-small:before { content: "\fce7"; } .ti-number-15-small:before { content: "\fce8"; } .ti-number-16-small:before { content: "\fce9"; } .ti-number-17-small:before { content: "\fcea"; } .ti-number-18-small:before { content: "\fceb"; } .ti-number-19-small:before { content: "\fcec"; } .ti-number-2:before { content: "\edf2"; } .ti-number-2-small:before { content: "\fced"; } .ti-number-20-small:before { content: "\fcee"; } .ti-number-21-small:before { content: "\fcef"; } .ti-number-22-small:before { content: "\fcf0"; } .ti-number-23-small:before { content: "\fcf1"; } .ti-number-24-small:before { content: "\fcf2"; } .ti-number-25-small:before { content: "\fcf3"; } .ti-number-26-small:before { content: "\fcf4"; } .ti-number-27-small:before { content: "\fcf5"; } .ti-number-28-small:before { content: "\fcf6"; } .ti-number-29-small:before { content: "\fcf7"; } .ti-number-3:before { content: "\edf3"; } .ti-number-3-small:before { content: "\fcf8"; } .ti-number-4:before { content: "\edf4"; } .ti-number-4-small:before { content: "\fcf9"; } .ti-number-5:before { content: "\edf5"; } .ti-number-5-small:before { content: "\fcfa"; } .ti-number-6:before { content: "\edf6"; } .ti-number-6-small:before { content: "\fcfb"; } .ti-number-7:before { content: "\edf7"; } .ti-number-7-small:before { content: "\fcfc"; } .ti-number-8:before { content: "\edf8"; } .ti-number-8-small:before { content: "\fcfd"; } .ti-number-9:before { content: "\edf9"; } .ti-number-9-small:before { content: "\fcfe"; } .ti-numbers:before { content: "\f015"; } .ti-nurse:before { content: "\ef65"; } .ti-nut:before { content: "\fc61"; } .ti-octagon:before { content: "\ecbd"; } .ti-octagon-filled:before { content: "\f686"; } .ti-octagon-minus:before { content: "\fc92"; } .ti-octagon-minus-2:before { content: "\fc91"; } .ti-octagon-off:before { content: "\eeb8"; } .ti-octagon-plus:before { content: "\fc94"; } .ti-octagon-plus-2:before { content: "\fc93"; } .ti-octahedron:before { content: "\faae"; } .ti-octahedron-off:before { content: "\faac"; } .ti-octahedron-plus:before { content: "\faad"; } .ti-old:before { content: "\eeb9"; } .ti-olympics:before { content: "\eeba"; } .ti-olympics-off:before { content: "\f416"; } .ti-om:before { content: "\f58d"; } .ti-omega:before { content: "\eb97"; } .ti-outbound:before { content: "\f249"; } .ti-outlet:before { content: "\ebd7"; } .ti-oval:before { content: "\f02e"; } .ti-oval-filled:before { content: "\f687"; } .ti-oval-vertical:before { content: "\f02d"; } .ti-oval-vertical-filled:before { content: "\f688"; } .ti-overline:before { content: "\eebb"; } .ti-package:before { content: "\eaff"; } .ti-package-export:before { content: "\f07a"; } .ti-package-import:before { content: "\f07b"; } .ti-package-off:before { content: "\f16c"; } .ti-packages:before { content: "\f2c9"; } .ti-pacman:before { content: "\eebc"; } .ti-page-break:before { content: "\ec81"; } .ti-paint:before { content: "\eb00"; } .ti-paint-filled:before { content: "\f75f"; } .ti-paint-off:before { content: "\f16d"; } .ti-palette:before { content: "\eb01"; } .ti-palette-off:before { content: "\f16e"; } .ti-panorama-horizontal:before { content: "\ed33"; } .ti-panorama-horizontal-off:before { content: "\f417"; } .ti-panorama-vertical:before { content: "\ed34"; } .ti-panorama-vertical-off:before { content: "\f418"; } .ti-paper-bag:before { content: "\f02f"; } .ti-paper-bag-off:before { content: "\f16f"; } .ti-paperclip:before { content: "\eb02"; } .ti-parachute:before { content: "\ed7c"; } .ti-parachute-off:before { content: "\f170"; } .ti-parentheses:before { content: "\ebd8"; } .ti-parentheses-off:before { content: "\f171"; } .ti-parking:before { content: "\eb03"; } .ti-parking-circle:before { content: "\fd5a"; } .ti-parking-off:before { content: "\f172"; } .ti-password:before { content: "\f4ca"; } .ti-password-fingerprint:before { content: "\fc7b"; } .ti-password-mobile-phone:before { content: "\fc7c"; } .ti-password-user:before { content: "\fc7d"; } .ti-paw:before { content: "\eff9"; } .ti-paw-filled:before { content: "\f689"; } .ti-paw-off:before { content: "\f419"; } .ti-paywall:before { content: "\fd7e"; } .ti-pdf:before { content: "\f7ac"; } .ti-peace:before { content: "\ecbe"; } .ti-pencil:before { content: "\eb04"; } .ti-pencil-bolt:before { content: "\fbfd"; } .ti-pencil-cancel:before { content: "\fbfe"; } .ti-pencil-check:before { content: "\fbff"; } .ti-pencil-code:before { content: "\fc00"; } .ti-pencil-cog:before { content: "\fc01"; } .ti-pencil-discount:before { content: "\fc02"; } .ti-pencil-dollar:before { content: "\fc03"; } .ti-pencil-down:before { content: "\fc04"; } .ti-pencil-exclamation:before { content: "\fc05"; } .ti-pencil-heart:before { content: "\fc06"; } .ti-pencil-minus:before { content: "\f1eb"; } .ti-pencil-off:before { content: "\f173"; } .ti-pencil-pause:before { content: "\fc07"; } .ti-pencil-pin:before { content: "\fc08"; } .ti-pencil-plus:before { content: "\f1ec"; } .ti-pencil-question:before { content: "\fc09"; } .ti-pencil-search:before { content: "\fc0a"; } .ti-pencil-share:before { content: "\fc0b"; } .ti-pencil-star:before { content: "\fc0c"; } .ti-pencil-up:before { content: "\fc0d"; } .ti-pencil-x:before { content: "\fc0e"; } .ti-pennant:before { content: "\ed7d"; } .ti-pennant-2:before { content: "\f06a"; } .ti-pennant-2-filled:before { content: "\f68a"; } .ti-pennant-filled:before { content: "\f68b"; } .ti-pennant-off:before { content: "\f174"; } .ti-pentagon:before { content: "\efe3"; } .ti-pentagon-filled:before { content: "\f68c"; } .ti-pentagon-number-0:before { content: "\fc7e"; } .ti-pentagon-number-1:before { content: "\fc7f"; } .ti-pentagon-number-2:before { content: "\fc80"; } .ti-pentagon-number-3:before { content: "\fc81"; } .ti-pentagon-number-4:before { content: "\fc82"; } .ti-pentagon-number-5:before { content: "\fc83"; } .ti-pentagon-number-6:before { content: "\fc84"; } .ti-pentagon-number-7:before { content: "\fc85"; } .ti-pentagon-number-8:before { content: "\fc86"; } .ti-pentagon-number-9:before { content: "\fc87"; } .ti-pentagon-off:before { content: "\f41a"; } .ti-pentagon-plus:before { content: "\fc49"; } .ti-pentagon-x:before { content: "\fc88"; } .ti-pentagram:before { content: "\f586"; } .ti-pepper:before { content: "\ef15"; } .ti-pepper-off:before { content: "\f175"; } .ti-percentage:before { content: "\ecf4"; } .ti-perfume:before { content: "\f509"; } .ti-perspective:before { content: "\eebd"; } .ti-perspective-off:before { content: "\f176"; } .ti-phone:before { content: "\eb09"; } .ti-phone-call:before { content: "\eb05"; } .ti-phone-calling:before { content: "\ec43"; } .ti-phone-check:before { content: "\ec05"; } .ti-phone-filled:before { content: "\fa49"; } .ti-phone-incoming:before { content: "\eb06"; } .ti-phone-off:before { content: "\ecf5"; } .ti-phone-outgoing:before { content: "\eb07"; } .ti-phone-pause:before { content: "\eb08"; } .ti-phone-plus:before { content: "\ec06"; } .ti-phone-x:before { content: "\ec07"; } .ti-photo:before { content: "\eb0a"; } .ti-photo-ai:before { content: "\fa32"; } .ti-photo-bolt:before { content: "\f990"; } .ti-photo-cancel:before { content: "\f35d"; } .ti-photo-check:before { content: "\f35e"; } .ti-photo-circle:before { content: "\fc4a"; } .ti-photo-circle-minus:before { content: "\fc62"; } .ti-photo-circle-plus:before { content: "\fc63"; } .ti-photo-code:before { content: "\f991"; } .ti-photo-cog:before { content: "\f992"; } .ti-photo-dollar:before { content: "\f993"; } .ti-photo-down:before { content: "\f35f"; } .ti-photo-edit:before { content: "\f360"; } .ti-photo-exclamation:before { content: "\f994"; } .ti-photo-filled:before { content: "\fa4a"; } .ti-photo-heart:before { content: "\f361"; } .ti-photo-hexagon:before { content: "\fc4b"; } .ti-photo-minus:before { content: "\f362"; } .ti-photo-off:before { content: "\ecf6"; } .ti-photo-pause:before { content: "\f995"; } .ti-photo-pentagon:before { content: "\fc4c"; } .ti-photo-pin:before { content: "\f996"; } .ti-photo-plus:before { content: "\f363"; } .ti-photo-question:before { content: "\f997"; } .ti-photo-scan:before { content: "\fca8"; } .ti-photo-search:before { content: "\f364"; } .ti-photo-sensor:before { content: "\f798"; } .ti-photo-sensor-2:before { content: "\f796"; } .ti-photo-sensor-3:before { content: "\f797"; } .ti-photo-share:before { content: "\f998"; } .ti-photo-shield:before { content: "\f365"; } .ti-photo-square-rounded:before { content: "\fc4d"; } .ti-photo-star:before { content: "\f366"; } .ti-photo-up:before { content: "\f38b"; } .ti-photo-video:before { content: "\fc95"; } .ti-photo-x:before { content: "\f367"; } .ti-physotherapist:before { content: "\eebe"; } .ti-piano:before { content: "\fad3"; } .ti-pick:before { content: "\fafc"; } .ti-picture-in-picture:before { content: "\ed35"; } .ti-picture-in-picture-off:before { content: "\ed43"; } .ti-picture-in-picture-on:before { content: "\ed44"; } .ti-picture-in-picture-top:before { content: "\efe4"; } .ti-pig:before { content: "\ef52"; } .ti-pig-money:before { content: "\f38c"; } .ti-pig-off:before { content: "\f177"; } .ti-pilcrow:before { content: "\f5f6"; } .ti-pilcrow-left:before { content: "\fd7f"; } .ti-pilcrow-right:before { content: "\fd80"; } .ti-pill:before { content: "\ec44"; } .ti-pill-off:before { content: "\f178"; } .ti-pills:before { content: "\ef66"; } .ti-pin:before { content: "\ec9c"; } .ti-pin-end:before { content: "\fd5b"; } .ti-pin-filled:before { content: "\f68d"; } .ti-pin-invoke:before { content: "\fd5c"; } .ti-ping-pong:before { content: "\f38d"; } .ti-pinned:before { content: "\ed60"; } .ti-pinned-filled:before { content: "\f68e"; } .ti-pinned-off:before { content: "\ed5f"; } .ti-pizza:before { content: "\edbb"; } .ti-pizza-off:before { content: "\f179"; } .ti-placeholder:before { content: "\f626"; } .ti-plane:before { content: "\eb6f"; } .ti-plane-arrival:before { content: "\eb99"; } .ti-plane-departure:before { content: "\eb9a"; } .ti-plane-inflight:before { content: "\ef98"; } .ti-plane-off:before { content: "\f17a"; } .ti-plane-tilt:before { content: "\f1ed"; } .ti-planet:before { content: "\ec08"; } .ti-planet-off:before { content: "\f17b"; } .ti-plant:before { content: "\ed50"; } .ti-plant-2:before { content: "\ed7e"; } .ti-plant-2-off:before { content: "\f17c"; } .ti-plant-off:before { content: "\f17d"; } .ti-play-basketball:before { content: "\fa66"; } .ti-play-card:before { content: "\eebf"; } .ti-play-card-off:before { content: "\f17e"; } .ti-play-football:before { content: "\fa67"; } .ti-play-handball:before { content: "\fa68"; } .ti-play-volleyball:before { content: "\fa69"; } .ti-player-eject:before { content: "\efbc"; } .ti-player-eject-filled:before { content: "\f68f"; } .ti-player-pause:before { content: "\ed45"; } .ti-player-pause-filled:before { content: "\f690"; } .ti-player-play:before { content: "\ed46"; } .ti-player-play-filled:before { content: "\f691"; } .ti-player-record:before { content: "\ed47"; } .ti-player-record-filled:before { content: "\f692"; } .ti-player-skip-back:before { content: "\ed48"; } .ti-player-skip-back-filled:before { content: "\f693"; } .ti-player-skip-forward:before { content: "\ed49"; } .ti-player-skip-forward-filled:before { content: "\f694"; } .ti-player-stop:before { content: "\ed4a"; } .ti-player-stop-filled:before { content: "\f695"; } .ti-player-track-next:before { content: "\ed4b"; } .ti-player-track-next-filled:before { content: "\f696"; } .ti-player-track-prev:before { content: "\ed4c"; } .ti-player-track-prev-filled:before { content: "\f697"; } .ti-playlist:before { content: "\eec0"; } .ti-playlist-add:before { content: "\f008"; } .ti-playlist-off:before { content: "\f17f"; } .ti-playlist-x:before { content: "\f009"; } .ti-playstation-circle:before { content: "\f2ad"; } .ti-playstation-square:before { content: "\f2ae"; } .ti-playstation-triangle:before { content: "\f2af"; } .ti-playstation-x:before { content: "\f2b0"; } .ti-plug:before { content: "\ebd9"; } .ti-plug-connected:before { content: "\f00a"; } .ti-plug-connected-x:before { content: "\f0a0"; } .ti-plug-off:before { content: "\f180"; } .ti-plug-x:before { content: "\f0a1"; } .ti-plus:before { content: "\eb0b"; } .ti-plus-equal:before { content: "\f7ad"; } .ti-plus-minus:before { content: "\f7ae"; } .ti-png:before { content: "\f3ad"; } .ti-podium:before { content: "\f1d8"; } .ti-podium-off:before { content: "\f41b"; } .ti-point:before { content: "\eb0c"; } .ti-point-filled:before { content: "\f698"; } .ti-point-off:before { content: "\f181"; } .ti-pointer:before { content: "\f265"; } .ti-pointer-bolt:before { content: "\f999"; } .ti-pointer-cancel:before { content: "\f99a"; } .ti-pointer-check:before { content: "\f99b"; } .ti-pointer-code:before { content: "\f99c"; } .ti-pointer-cog:before { content: "\f99d"; } .ti-pointer-dollar:before { content: "\f99e"; } .ti-pointer-down:before { content: "\f99f"; } .ti-pointer-exclamation:before { content: "\f9a0"; } .ti-pointer-filled:before { content: "\fb30"; } .ti-pointer-heart:before { content: "\f9a1"; } .ti-pointer-minus:before { content: "\f9a2"; } .ti-pointer-off:before { content: "\f9a3"; } .ti-pointer-pause:before { content: "\f9a4"; } .ti-pointer-pin:before { content: "\f9a5"; } .ti-pointer-plus:before { content: "\f9a6"; } .ti-pointer-question:before { content: "\f9a7"; } .ti-pointer-search:before { content: "\f9a8"; } .ti-pointer-share:before { content: "\f9a9"; } .ti-pointer-star:before { content: "\f9aa"; } .ti-pointer-up:before { content: "\f9ab"; } .ti-pointer-x:before { content: "\f9ac"; } .ti-pokeball:before { content: "\eec1"; } .ti-pokeball-off:before { content: "\f41c"; } .ti-poker-chip:before { content: "\f515"; } .ti-polaroid:before { content: "\eec2"; } .ti-polaroid-filled:before { content: "\fa4b"; } .ti-polygon:before { content: "\efd0"; } .ti-polygon-off:before { content: "\f182"; } .ti-poo:before { content: "\f258"; } .ti-pool:before { content: "\ed91"; } .ti-pool-off:before { content: "\f41d"; } .ti-power:before { content: "\eb0d"; } .ti-pray:before { content: "\ecbf"; } .ti-premium-rights:before { content: "\efbd"; } .ti-prescription:before { content: "\ef99"; } .ti-presentation:before { content: "\eb70"; } .ti-presentation-analytics:before { content: "\eec3"; } .ti-presentation-off:before { content: "\f183"; } .ti-printer:before { content: "\eb0e"; } .ti-printer-off:before { content: "\f184"; } .ti-prism:before { content: "\fab1"; } .ti-prism-off:before { content: "\faaf"; } .ti-prism-plus:before { content: "\fab0"; } .ti-prison:before { content: "\ef79"; } .ti-progress:before { content: "\fa0d"; } .ti-progress-alert:before { content: "\fa07"; } .ti-progress-bolt:before { content: "\fa08"; } .ti-progress-check:before { content: "\fa09"; } .ti-progress-down:before { content: "\fa0a"; } .ti-progress-help:before { content: "\fa0b"; } .ti-progress-x:before { content: "\fa0c"; } .ti-prompt:before { content: "\eb0f"; } .ti-prong:before { content: "\fda1"; } .ti-propeller:before { content: "\eec4"; } .ti-propeller-off:before { content: "\f185"; } .ti-protocol:before { content: "\fd81"; } .ti-pumpkin-scary:before { content: "\f587"; } .ti-puzzle:before { content: "\eb10"; } .ti-puzzle-2:before { content: "\ef83"; } .ti-puzzle-filled:before { content: "\f699"; } .ti-puzzle-off:before { content: "\f186"; } .ti-pyramid:before { content: "\eec5"; } .ti-pyramid-off:before { content: "\f187"; } .ti-pyramid-plus:before { content: "\fab2"; } .ti-qrcode:before { content: "\eb11"; } .ti-qrcode-off:before { content: "\f41e"; } .ti-question-mark:before { content: "\ec9d"; } .ti-quote:before { content: "\efbe"; } .ti-quote-off:before { content: "\f188"; } .ti-quotes:before { content: "\fb1e"; } .ti-radar:before { content: "\f017"; } .ti-radar-2:before { content: "\f016"; } .ti-radar-off:before { content: "\f41f"; } .ti-radio:before { content: "\ef2d"; } .ti-radio-off:before { content: "\f420"; } .ti-radioactive:before { content: "\ecc0"; } .ti-radioactive-filled:before { content: "\f760"; } .ti-radioactive-off:before { content: "\f189"; } .ti-radius-bottom-left:before { content: "\eec6"; } .ti-radius-bottom-right:before { content: "\eec7"; } .ti-radius-top-left:before { content: "\eec8"; } .ti-radius-top-right:before { content: "\eec9"; } .ti-rainbow:before { content: "\edbc"; } .ti-rainbow-off:before { content: "\f18a"; } .ti-rating-12-plus:before { content: "\f266"; } .ti-rating-14-plus:before { content: "\f267"; } .ti-rating-16-plus:before { content: "\f268"; } .ti-rating-18-plus:before { content: "\f269"; } .ti-rating-21-plus:before { content: "\f26a"; } .ti-razor:before { content: "\f4b5"; } .ti-razor-electric:before { content: "\f4b4"; } .ti-receipt:before { content: "\edfd"; } .ti-receipt-2:before { content: "\edfa"; } .ti-receipt-bitcoin:before { content: "\fd66"; } .ti-receipt-dollar:before { content: "\fd67"; } .ti-receipt-euro:before { content: "\fd68"; } .ti-receipt-off:before { content: "\edfb"; } .ti-receipt-pound:before { content: "\fd69"; } .ti-receipt-refund:before { content: "\edfc"; } .ti-receipt-rupee:before { content: "\fd82"; } .ti-receipt-tax:before { content: "\edbd"; } .ti-receipt-yen:before { content: "\fd6a"; } .ti-receipt-yuan:before { content: "\fd6b"; } .ti-recharging:before { content: "\eeca"; } .ti-record-mail:before { content: "\eb12"; } .ti-record-mail-off:before { content: "\f18b"; } .ti-rectangle:before { content: "\ed37"; } .ti-rectangle-filled:before { content: "\f69a"; } .ti-rectangle-rounded-bottom:before { content: "\faed"; } .ti-rectangle-rounded-top:before { content: "\faee"; } .ti-rectangle-vertical:before { content: "\ed36"; } .ti-rectangle-vertical-filled:before { content: "\f69b"; } .ti-rectangular-prism:before { content: "\fab5"; } .ti-rectangular-prism-off:before { content: "\fab3"; } .ti-rectangular-prism-plus:before { content: "\fab4"; } .ti-recycle:before { content: "\eb9b"; } .ti-recycle-off:before { content: "\f18c"; } .ti-refresh:before { content: "\eb13"; } .ti-refresh-alert:before { content: "\ed57"; } .ti-refresh-dot:before { content: "\efbf"; } .ti-refresh-off:before { content: "\f18d"; } .ti-regex:before { content: "\f31f"; } .ti-regex-off:before { content: "\f421"; } .ti-registered:before { content: "\eb14"; } .ti-relation-many-to-many:before { content: "\ed7f"; } .ti-relation-one-to-many:before { content: "\ed80"; } .ti-relation-one-to-one:before { content: "\ed81"; } .ti-reload:before { content: "\f3ae"; } .ti-reorder:before { content: "\fc15"; } .ti-repeat:before { content: "\eb72"; } .ti-repeat-off:before { content: "\f18e"; } .ti-repeat-once:before { content: "\eb71"; } .ti-replace:before { content: "\ebc7"; } .ti-replace-filled:before { content: "\f69c"; } .ti-replace-off:before { content: "\f422"; } .ti-report:before { content: "\eece"; } .ti-report-analytics:before { content: "\eecb"; } .ti-report-medical:before { content: "\eecc"; } .ti-report-money:before { content: "\eecd"; } .ti-report-off:before { content: "\f18f"; } .ti-report-search:before { content: "\ef84"; } .ti-reserved-line:before { content: "\f9f6"; } .ti-resize:before { content: "\eecf"; } .ti-restore:before { content: "\fafd"; } .ti-rewind-backward-10:before { content: "\faba"; } .ti-rewind-backward-15:before { content: "\fabb"; } .ti-rewind-backward-20:before { content: "\fabc"; } .ti-rewind-backward-30:before { content: "\fabd"; } .ti-rewind-backward-40:before { content: "\fabe"; } .ti-rewind-backward-5:before { content: "\fabf"; } .ti-rewind-backward-50:before { content: "\fac0"; } .ti-rewind-backward-60:before { content: "\fac1"; } .ti-rewind-forward-10:before { content: "\fac2"; } .ti-rewind-forward-15:before { content: "\fac3"; } .ti-rewind-forward-20:before { content: "\fac4"; } .ti-rewind-forward-30:before { content: "\fac5"; } .ti-rewind-forward-40:before { content: "\fac6"; } .ti-rewind-forward-5:before { content: "\fac7"; } .ti-rewind-forward-50:before { content: "\fac8"; } .ti-rewind-forward-60:before { content: "\fac9"; } .ti-ribbon-health:before { content: "\f58e"; } .ti-rings:before { content: "\fa6a"; } .ti-ripple:before { content: "\ed82"; } .ti-ripple-off:before { content: "\f190"; } .ti-road:before { content: "\f018"; } .ti-road-off:before { content: "\f191"; } .ti-road-sign:before { content: "\ecdd"; } .ti-robot:before { content: "\f00b"; } .ti-robot-face:before { content: "\fcbe"; } .ti-robot-off:before { content: "\f192"; } .ti-rocket:before { content: "\ec45"; } .ti-rocket-off:before { content: "\f193"; } .ti-roller-skating:before { content: "\efd1"; } .ti-rollercoaster:before { content: "\f0a2"; } .ti-rollercoaster-off:before { content: "\f423"; } .ti-rosette:before { content: "\f599"; } .ti-rosette-filled:before { content: "\f69d"; } .ti-rosette-number-0:before { content: "\f58f"; } .ti-rosette-number-1:before { content: "\f590"; } .ti-rosette-number-2:before { content: "\f591"; } .ti-rosette-number-3:before { content: "\f592"; } .ti-rosette-number-4:before { content: "\f593"; } .ti-rosette-number-5:before { content: "\f594"; } .ti-rosette-number-6:before { content: "\f595"; } .ti-rosette-number-7:before { content: "\f596"; } .ti-rosette-number-8:before { content: "\f597"; } .ti-rosette-number-9:before { content: "\f598"; } .ti-rotate:before { content: "\eb16"; } .ti-rotate-2:before { content: "\ebb4"; } .ti-rotate-360:before { content: "\ef85"; } .ti-rotate-clockwise:before { content: "\eb15"; } .ti-rotate-clockwise-2:before { content: "\ebb5"; } .ti-rotate-dot:before { content: "\efe5"; } .ti-rotate-rectangle:before { content: "\ec15"; } .ti-route:before { content: "\eb17"; } .ti-route-2:before { content: "\f4b6"; } .ti-route-alt-left:before { content: "\fca9"; } .ti-route-alt-right:before { content: "\fcaa"; } .ti-route-off:before { content: "\f194"; } .ti-route-scan:before { content: "\fcbf"; } .ti-route-square:before { content: "\fcac"; } .ti-route-square-2:before { content: "\fcab"; } .ti-route-x:before { content: "\fcae"; } .ti-route-x-2:before { content: "\fcad"; } .ti-router:before { content: "\eb18"; } .ti-router-off:before { content: "\f424"; } .ti-row-insert-bottom:before { content: "\eed0"; } .ti-row-insert-top:before { content: "\eed1"; } .ti-row-remove:before { content: "\fafe"; } .ti-rss:before { content: "\eb19"; } .ti-rubber-stamp:before { content: "\f5ab"; } .ti-rubber-stamp-off:before { content: "\f5aa"; } .ti-ruler:before { content: "\eb1a"; } .ti-ruler-2:before { content: "\eed2"; } .ti-ruler-2-off:before { content: "\f195"; } .ti-ruler-3:before { content: "\f290"; } .ti-ruler-measure:before { content: "\f291"; } .ti-ruler-off:before { content: "\f196"; } .ti-run:before { content: "\ec82"; } .ti-rv-truck:before { content: "\fcc0"; } .ti-s-turn-down:before { content: "\f516"; } .ti-s-turn-left:before { content: "\f517"; } .ti-s-turn-right:before { content: "\f518"; } .ti-s-turn-up:before { content: "\f519"; } .ti-sailboat:before { content: "\ec83"; } .ti-sailboat-2:before { content: "\f5f7"; } .ti-sailboat-off:before { content: "\f425"; } .ti-salad:before { content: "\f50a"; } .ti-salt:before { content: "\ef16"; } .ti-sandbox:before { content: "\fd6c"; } .ti-satellite:before { content: "\eed3"; } .ti-satellite-off:before { content: "\f197"; } .ti-sausage:before { content: "\ef17"; } .ti-scale:before { content: "\ebc2"; } .ti-scale-off:before { content: "\f198"; } .ti-scale-outline:before { content: "\ef53"; } .ti-scale-outline-off:before { content: "\f199"; } .ti-scan:before { content: "\ebc8"; } .ti-scan-eye:before { content: "\f1ff"; } .ti-schema:before { content: "\f200"; } .ti-schema-off:before { content: "\f426"; } .ti-school:before { content: "\ecf7"; } .ti-school-bell:before { content: "\f64a"; } .ti-school-off:before { content: "\f19a"; } .ti-scissors:before { content: "\eb1b"; } .ti-scissors-off:before { content: "\f19b"; } .ti-scooter:before { content: "\ec6c"; } .ti-scooter-electric:before { content: "\ecc1"; } .ti-scoreboard:before { content: "\fa6b"; } .ti-screen-share:before { content: "\ed18"; } .ti-screen-share-off:before { content: "\ed17"; } .ti-screenshot:before { content: "\f201"; } .ti-scribble:before { content: "\f0a3"; } .ti-scribble-off:before { content: "\f427"; } .ti-script:before { content: "\f2da"; } .ti-script-minus:before { content: "\f2d7"; } .ti-script-plus:before { content: "\f2d8"; } .ti-script-x:before { content: "\f2d9"; } .ti-scuba-diving:before { content: "\fd4e"; } .ti-scuba-mask:before { content: "\eed4"; } .ti-scuba-mask-off:before { content: "\f428"; } .ti-sdk:before { content: "\f3af"; } .ti-search:before { content: "\eb1c"; } .ti-search-off:before { content: "\f19c"; } .ti-section:before { content: "\eed5"; } .ti-section-sign:before { content: "\f019"; } .ti-seeding:before { content: "\ed51"; } .ti-seeding-off:before { content: "\f19d"; } .ti-select:before { content: "\ec9e"; } .ti-select-all:before { content: "\f9f7"; } .ti-selector:before { content: "\eb1d"; } .ti-send:before { content: "\eb1e"; } .ti-send-2:before { content: "\fd5d"; } .ti-send-off:before { content: "\f429"; } .ti-seo:before { content: "\f26b"; } .ti-separator:before { content: "\ebda"; } .ti-separator-horizontal:before { content: "\ec79"; } .ti-separator-vertical:before { content: "\ec7a"; } .ti-server:before { content: "\eb1f"; } .ti-server-2:before { content: "\f07c"; } .ti-server-bolt:before { content: "\f320"; } .ti-server-cog:before { content: "\f321"; } .ti-server-off:before { content: "\f19e"; } .ti-servicemark:before { content: "\ec09"; } .ti-settings:before { content: "\eb20"; } .ti-settings-2:before { content: "\f5ac"; } .ti-settings-automation:before { content: "\eed6"; } .ti-settings-bolt:before { content: "\f9ad"; } .ti-settings-cancel:before { content: "\f9ae"; } .ti-settings-check:before { content: "\f9af"; } .ti-settings-code:before { content: "\f9b0"; } .ti-settings-cog:before { content: "\f9b1"; } .ti-settings-dollar:before { content: "\f9b2"; } .ti-settings-down:before { content: "\f9b3"; } .ti-settings-exclamation:before { content: "\f9b4"; } .ti-settings-filled:before { content: "\f69e"; } .ti-settings-heart:before { content: "\f9b5"; } .ti-settings-minus:before { content: "\f9b6"; } .ti-settings-off:before { content: "\f19f"; } .ti-settings-pause:before { content: "\f9b7"; } .ti-settings-pin:before { content: "\f9b8"; } .ti-settings-plus:before { content: "\f9b9"; } .ti-settings-question:before { content: "\f9ba"; } .ti-settings-search:before { content: "\f9bb"; } .ti-settings-share:before { content: "\f9bc"; } .ti-settings-star:before { content: "\f9bd"; } .ti-settings-up:before { content: "\f9be"; } .ti-settings-x:before { content: "\f9bf"; } .ti-shadow:before { content: "\eed8"; } .ti-shadow-off:before { content: "\eed7"; } .ti-shape:before { content: "\eb9c"; } .ti-shape-2:before { content: "\eed9"; } .ti-shape-3:before { content: "\eeda"; } .ti-shape-off:before { content: "\f1a0"; } .ti-share:before { content: "\eb21"; } .ti-share-2:before { content: "\f799"; } .ti-share-3:before { content: "\f7bd"; } .ti-share-off:before { content: "\f1a1"; } .ti-shi-jumping:before { content: "\fa6c"; } .ti-shield:before { content: "\eb24"; } .ti-shield-bolt:before { content: "\f9c0"; } .ti-shield-cancel:before { content: "\f9c1"; } .ti-shield-check:before { content: "\eb22"; } .ti-shield-check-filled:before { content: "\f761"; } .ti-shield-checkered:before { content: "\ef9a"; } .ti-shield-checkered-filled:before { content: "\f762"; } .ti-shield-chevron:before { content: "\ef9b"; } .ti-shield-code:before { content: "\f9c2"; } .ti-shield-cog:before { content: "\f9c3"; } .ti-shield-dollar:before { content: "\f9c4"; } .ti-shield-down:before { content: "\f9c5"; } .ti-shield-exclamation:before { content: "\f9c6"; } .ti-shield-filled:before { content: "\f69f"; } .ti-shield-half:before { content: "\f358"; } .ti-shield-half-filled:before { content: "\f357"; } .ti-shield-heart:before { content: "\f9c7"; } .ti-shield-lock:before { content: "\ed58"; } .ti-shield-lock-filled:before { content: "\f763"; } .ti-shield-minus:before { content: "\f9c8"; } .ti-shield-off:before { content: "\ecf8"; } .ti-shield-pause:before { content: "\f9c9"; } .ti-shield-pin:before { content: "\f9ca"; } .ti-shield-plus:before { content: "\f9cb"; } .ti-shield-question:before { content: "\f9cc"; } .ti-shield-search:before { content: "\f9cd"; } .ti-shield-share:before { content: "\f9ce"; } .ti-shield-star:before { content: "\f9cf"; } .ti-shield-up:before { content: "\f9d0"; } .ti-shield-x:before { content: "\eb23"; } .ti-ship:before { content: "\ec84"; } .ti-ship-off:before { content: "\f42a"; } .ti-shirt:before { content: "\ec0a"; } .ti-shirt-filled:before { content: "\f6a0"; } .ti-shirt-off:before { content: "\f1a2"; } .ti-shirt-sport:before { content: "\f26c"; } .ti-shoe:before { content: "\efd2"; } .ti-shoe-off:before { content: "\f1a4"; } .ti-shopping-bag:before { content: "\f5f8"; } .ti-shopping-bag-check:before { content: "\fc16"; } .ti-shopping-bag-discount:before { content: "\fc17"; } .ti-shopping-bag-edit:before { content: "\fc18"; } .ti-shopping-bag-exclamation:before { content: "\fc19"; } .ti-shopping-bag-heart:before { content: "\fda2"; } .ti-shopping-bag-minus:before { content: "\fc1a"; } .ti-shopping-bag-plus:before { content: "\fc1b"; } .ti-shopping-bag-search:before { content: "\fc1c"; } .ti-shopping-bag-x:before { content: "\fc1d"; } .ti-shopping-cart:before { content: "\eb25"; } .ti-shopping-cart-bolt:before { content: "\fb57"; } .ti-shopping-cart-cancel:before { content: "\fb58"; } .ti-shopping-cart-check:before { content: "\fb59"; } .ti-shopping-cart-code:before { content: "\fb5a"; } .ti-shopping-cart-cog:before { content: "\fb5b"; } .ti-shopping-cart-copy:before { content: "\fb5c"; } .ti-shopping-cart-discount:before { content: "\fb5d"; } .ti-shopping-cart-dollar:before { content: "\fb5e"; } .ti-shopping-cart-down:before { content: "\fb5f"; } .ti-shopping-cart-exclamation:before { content: "\fb60"; } .ti-shopping-cart-filled:before { content: "\fc3f"; } .ti-shopping-cart-heart:before { content: "\fb61"; } .ti-shopping-cart-minus:before { content: "\fb62"; } .ti-shopping-cart-off:before { content: "\eedc"; } .ti-shopping-cart-pause:before { content: "\fb63"; } .ti-shopping-cart-pin:before { content: "\fb64"; } .ti-shopping-cart-plus:before { content: "\fb65"; } .ti-shopping-cart-question:before { content: "\fb66"; } .ti-shopping-cart-search:before { content: "\fb67"; } .ti-shopping-cart-share:before { content: "\fb68"; } .ti-shopping-cart-star:before { content: "\fb69"; } .ti-shopping-cart-up:before { content: "\fb6a"; } .ti-shopping-cart-x:before { content: "\fb6b"; } .ti-shovel:before { content: "\f1d9"; } .ti-shovel-pitchforks:before { content: "\fd3a"; } .ti-shredder:before { content: "\eedf"; } .ti-sign-left:before { content: "\f06b"; } .ti-sign-left-filled:before { content: "\f6a1"; } .ti-sign-right:before { content: "\f06c"; } .ti-sign-right-filled:before { content: "\f6a2"; } .ti-signal-2g:before { content: "\f79a"; } .ti-signal-3g:before { content: "\f1ee"; } .ti-signal-4g:before { content: "\f1ef"; } .ti-signal-4g-plus:before { content: "\f259"; } .ti-signal-5g:before { content: "\f1f0"; } .ti-signal-6g:before { content: "\f9f8"; } .ti-signal-e:before { content: "\f9f9"; } .ti-signal-g:before { content: "\f9fa"; } .ti-signal-h:before { content: "\f9fc"; } .ti-signal-h-plus:before { content: "\f9fb"; } .ti-signal-lte:before { content: "\f9fd"; } .ti-signature:before { content: "\eee0"; } .ti-signature-off:before { content: "\f1a5"; } .ti-sitemap:before { content: "\eb9d"; } .ti-sitemap-off:before { content: "\f1a6"; } .ti-skateboard:before { content: "\ecc2"; } .ti-skateboard-off:before { content: "\f42b"; } .ti-skateboarding:before { content: "\faca"; } .ti-skew-x:before { content: "\fd3b"; } .ti-skew-y:before { content: "\fd3c"; } .ti-skull:before { content: "\f292"; } .ti-slash:before { content: "\f4f9"; } .ti-slashes:before { content: "\f588"; } .ti-sleigh:before { content: "\ef9c"; } .ti-slice:before { content: "\ebdb"; } .ti-slideshow:before { content: "\ebc9"; } .ti-smart-home:before { content: "\ecde"; } .ti-smart-home-off:before { content: "\f1a7"; } .ti-smoking:before { content: "\ecc4"; } .ti-smoking-no:before { content: "\ecc3"; } .ti-snowboarding:before { content: "\fd4f"; } .ti-snowflake:before { content: "\ec0b"; } .ti-snowflake-off:before { content: "\f1a8"; } .ti-snowman:before { content: "\f26d"; } .ti-soccer-field:before { content: "\ed92"; } .ti-social:before { content: "\ebec"; } .ti-social-off:before { content: "\f1a9"; } .ti-sock:before { content: "\eee1"; } .ti-sofa:before { content: "\efaf"; } .ti-sofa-off:before { content: "\f42c"; } .ti-solar-electricity:before { content: "\fcc1"; } .ti-solar-panel:before { content: "\f7bf"; } .ti-solar-panel-2:before { content: "\f7be"; } .ti-sort-0-9:before { content: "\f54d"; } .ti-sort-9-0:before { content: "\f54e"; } .ti-sort-a-z:before { content: "\f54f"; } .ti-sort-ascending:before { content: "\eb26"; } .ti-sort-ascending-2:before { content: "\eee2"; } .ti-sort-ascending-letters:before { content: "\ef18"; } .ti-sort-ascending-numbers:before { content: "\ef19"; } .ti-sort-ascending-shapes:before { content: "\fd94"; } .ti-sort-ascending-small-big:before { content: "\fd95"; } .ti-sort-deacending-small-big:before { content: "\fd96"; } .ti-sort-descending:before { content: "\eb27"; } .ti-sort-descending-2:before { content: "\eee3"; } .ti-sort-descending-letters:before { content: "\ef1a"; } .ti-sort-descending-numbers:before { content: "\ef1b"; } .ti-sort-descending-shapes:before { content: "\fd97"; } .ti-sort-z-a:before { content: "\f550"; } .ti-sos:before { content: "\f24a"; } .ti-soup:before { content: "\ef2e"; } .ti-soup-off:before { content: "\f42d"; } .ti-source-code:before { content: "\f4a2"; } .ti-space:before { content: "\ec0c"; } .ti-space-off:before { content: "\f1aa"; } .ti-spacing-horizontal:before { content: "\ef54"; } .ti-spacing-vertical:before { content: "\ef55"; } .ti-spade:before { content: "\effa"; } .ti-spade-filled:before { content: "\f6a3"; } .ti-sparkles:before { content: "\f6d7"; } .ti-speakerphone:before { content: "\ed61"; } .ti-speedboat:before { content: "\ed93"; } .ti-sphere:before { content: "\fab8"; } .ti-sphere-off:before { content: "\fab6"; } .ti-sphere-plus:before { content: "\fab7"; } .ti-spider:before { content: "\f293"; } .ti-spiral:before { content: "\f294"; } .ti-spiral-off:before { content: "\f42e"; } .ti-sport-billard:before { content: "\eee4"; } .ti-spray:before { content: "\f50b"; } .ti-spy:before { content: "\f227"; } .ti-spy-off:before { content: "\f42f"; } .ti-sql:before { content: "\f7c0"; } .ti-square:before { content: "\eb2c"; } .ti-square-0-filled:before { content: "\f764"; } .ti-square-1-filled:before { content: "\f765"; } .ti-square-2-filled:before { content: "\f7fa"; } .ti-square-3-filled:before { content: "\f766"; } .ti-square-4-filled:before { content: "\f767"; } .ti-square-5-filled:before { content: "\f768"; } .ti-square-6-filled:before { content: "\f769"; } .ti-square-7-filled:before { content: "\f76a"; } .ti-square-8-filled:before { content: "\f76b"; } .ti-square-9-filled:before { content: "\f76c"; } .ti-square-arrow-down:before { content: "\f4b7"; } .ti-square-arrow-down-filled:before { content: "\fb31"; } .ti-square-arrow-left:before { content: "\f4b8"; } .ti-square-arrow-left-filled:before { content: "\fb32"; } .ti-square-arrow-right:before { content: "\f4b9"; } .ti-square-arrow-right-filled:before { content: "\fb33"; } .ti-square-arrow-up:before { content: "\f4ba"; } .ti-square-arrow-up-filled:before { content: "\fb34"; } .ti-square-asterisk:before { content: "\f01a"; } .ti-square-asterisk-filled:before { content: "\fb35"; } .ti-square-check:before { content: "\eb28"; } .ti-square-check-filled:before { content: "\f76d"; } .ti-square-chevron-down:before { content: "\f627"; } .ti-square-chevron-down-filled:before { content: "\fb36"; } .ti-square-chevron-left:before { content: "\f628"; } .ti-square-chevron-left-filled:before { content: "\fb37"; } .ti-square-chevron-right:before { content: "\f629"; } .ti-square-chevron-right-filled:before { content: "\fb38"; } .ti-square-chevron-up:before { content: "\f62a"; } .ti-square-chevron-up-filled:before { content: "\fb39"; } .ti-square-chevrons-down:before { content: "\f64b"; } .ti-square-chevrons-down-filled:before { content: "\fb3a"; } .ti-square-chevrons-left:before { content: "\f64c"; } .ti-square-chevrons-left-filled:before { content: "\fb3b"; } .ti-square-chevrons-right:before { content: "\f64d"; } .ti-square-chevrons-right-filled:before { content: "\fb3c"; } .ti-square-chevrons-up:before { content: "\f64e"; } .ti-square-chevrons-up-filled:before { content: "\fb3d"; } .ti-square-dot:before { content: "\ed59"; } .ti-square-dot-filled:before { content: "\fb3e"; } .ti-square-f0:before { content: "\f526"; } .ti-square-f0-filled:before { content: "\f76e"; } .ti-square-f1:before { content: "\f527"; } .ti-square-f1-filled:before { content: "\f76f"; } .ti-square-f2:before { content: "\f528"; } .ti-square-f2-filled:before { content: "\f770"; } .ti-square-f3:before { content: "\f529"; } .ti-square-f3-filled:before { content: "\f771"; } .ti-square-f4:before { content: "\f52a"; } .ti-square-f4-filled:before { content: "\f772"; } .ti-square-f5:before { content: "\f52b"; } .ti-square-f5-filled:before { content: "\f773"; } .ti-square-f6:before { content: "\f52c"; } .ti-square-f6-filled:before { content: "\f774"; } .ti-square-f7:before { content: "\f52d"; } .ti-square-f7-filled:before { content: "\f775"; } .ti-square-f8:before { content: "\f52e"; } .ti-square-f8-filled:before { content: "\f776"; } .ti-square-f9:before { content: "\f52f"; } .ti-square-f9-filled:before { content: "\f777"; } .ti-square-filled:before { content: "\fc40"; } .ti-square-forbid:before { content: "\ed5b"; } .ti-square-forbid-2:before { content: "\ed5a"; } .ti-square-half:before { content: "\effb"; } .ti-square-key:before { content: "\f638"; } .ti-square-letter-a:before { content: "\f47c"; } .ti-square-letter-b:before { content: "\f47d"; } .ti-square-letter-c:before { content: "\f47e"; } .ti-square-letter-d:before { content: "\f47f"; } .ti-square-letter-e:before { content: "\f480"; } .ti-square-letter-f:before { content: "\f481"; } .ti-square-letter-g:before { content: "\f482"; } .ti-square-letter-h:before { content: "\f483"; } .ti-square-letter-i:before { content: "\f484"; } .ti-square-letter-j:before { content: "\f485"; } .ti-square-letter-k:before { content: "\f486"; } .ti-square-letter-l:before { content: "\f487"; } .ti-square-letter-m:before { content: "\f488"; } .ti-square-letter-n:before { content: "\f489"; } .ti-square-letter-o:before { content: "\f48a"; } .ti-square-letter-p:before { content: "\f48b"; } .ti-square-letter-q:before { content: "\f48c"; } .ti-square-letter-r:before { content: "\f48d"; } .ti-square-letter-s:before { content: "\f48e"; } .ti-square-letter-t:before { content: "\f48f"; } .ti-square-letter-u:before { content: "\f490"; } .ti-square-letter-v:before { content: "\f4bb"; } .ti-square-letter-w:before { content: "\f491"; } .ti-square-letter-x:before { content: "\f4bc"; } .ti-square-letter-y:before { content: "\f492"; } .ti-square-letter-z:before { content: "\f493"; } .ti-square-minus:before { content: "\eb29"; } .ti-square-minus-filled:before { content: "\fb3f"; } .ti-square-number-0:before { content: "\eee5"; } .ti-square-number-1:before { content: "\eee6"; } .ti-square-number-2:before { content: "\eee7"; } .ti-square-number-3:before { content: "\eee8"; } .ti-square-number-4:before { content: "\eee9"; } .ti-square-number-5:before { content: "\eeea"; } .ti-square-number-6:before { content: "\eeeb"; } .ti-square-number-7:before { content: "\eeec"; } .ti-square-number-8:before { content: "\eeed"; } .ti-square-number-9:before { content: "\eeee"; } .ti-square-off:before { content: "\eeef"; } .ti-square-percentage:before { content: "\fd83"; } .ti-square-plus:before { content: "\eb2a"; } .ti-square-plus-2:before { content: "\fc96"; } .ti-square-root:before { content: "\eef1"; } .ti-square-root-2:before { content: "\eef0"; } .ti-square-rotated:before { content: "\ecdf"; } .ti-square-rotated-filled:before { content: "\f6a4"; } .ti-square-rotated-forbid:before { content: "\f01c"; } .ti-square-rotated-forbid-2:before { content: "\f01b"; } .ti-square-rotated-off:before { content: "\eef2"; } .ti-square-rounded:before { content: "\f59a"; } .ti-square-rounded-arrow-down:before { content: "\f639"; } .ti-square-rounded-arrow-down-filled:before { content: "\f6db"; } .ti-square-rounded-arrow-left:before { content: "\f63a"; } .ti-square-rounded-arrow-left-filled:before { content: "\f6dc"; } .ti-square-rounded-arrow-right:before { content: "\f63b"; } .ti-square-rounded-arrow-right-filled:before { content: "\f6dd"; } .ti-square-rounded-arrow-up:before { content: "\f63c"; } .ti-square-rounded-arrow-up-filled:before { content: "\f6de"; } .ti-square-rounded-check:before { content: "\f63d"; } .ti-square-rounded-check-filled:before { content: "\f6df"; } .ti-square-rounded-chevron-down:before { content: "\f62b"; } .ti-square-rounded-chevron-down-filled:before { content: "\f6e0"; } .ti-square-rounded-chevron-left:before { content: "\f62c"; } .ti-square-rounded-chevron-left-filled:before { content: "\f6e1"; } .ti-square-rounded-chevron-right:before { content: "\f62d"; } .ti-square-rounded-chevron-right-filled:before { content: "\f6e2"; } .ti-square-rounded-chevron-up:before { content: "\f62e"; } .ti-square-rounded-chevron-up-filled:before { content: "\f6e3"; } .ti-square-rounded-chevrons-down:before { content: "\f64f"; } .ti-square-rounded-chevrons-down-filled:before { content: "\f6e4"; } .ti-square-rounded-chevrons-left:before { content: "\f650"; } .ti-square-rounded-chevrons-left-filled:before { content: "\f6e5"; } .ti-square-rounded-chevrons-right:before { content: "\f651"; } .ti-square-rounded-chevrons-right-filled:before { content: "\f6e6"; } .ti-square-rounded-chevrons-up:before { content: "\f652"; } .ti-square-rounded-chevrons-up-filled:before { content: "\f6e7"; } .ti-square-rounded-filled:before { content: "\f6a5"; } .ti-square-rounded-letter-a:before { content: "\f5ae"; } .ti-square-rounded-letter-b:before { content: "\f5af"; } .ti-square-rounded-letter-c:before { content: "\f5b0"; } .ti-square-rounded-letter-d:before { content: "\f5b1"; } .ti-square-rounded-letter-e:before { content: "\f5b2"; } .ti-square-rounded-letter-f:before { content: "\f5b3"; } .ti-square-rounded-letter-g:before { content: "\f5b4"; } .ti-square-rounded-letter-h:before { content: "\f5b5"; } .ti-square-rounded-letter-i:before { content: "\f5b6"; } .ti-square-rounded-letter-j:before { content: "\f5b7"; } .ti-square-rounded-letter-k:before { content: "\f5b8"; } .ti-square-rounded-letter-l:before { content: "\f5b9"; } .ti-square-rounded-letter-m:before { content: "\f5ba"; } .ti-square-rounded-letter-n:before { content: "\f5bb"; } .ti-square-rounded-letter-o:before { content: "\f5bc"; } .ti-square-rounded-letter-p:before { content: "\f5bd"; } .ti-square-rounded-letter-q:before { content: "\f5be"; } .ti-square-rounded-letter-r:before { content: "\f5bf"; } .ti-square-rounded-letter-s:before { content: "\f5c0"; } .ti-square-rounded-letter-t:before { content: "\f5c1"; } .ti-square-rounded-letter-u:before { content: "\f5c2"; } .ti-square-rounded-letter-v:before { content: "\f5c3"; } .ti-square-rounded-letter-w:before { content: "\f5c4"; } .ti-square-rounded-letter-x:before { content: "\f5c5"; } .ti-square-rounded-letter-y:before { content: "\f5c6"; } .ti-square-rounded-letter-z:before { content: "\f5c7"; } .ti-square-rounded-minus:before { content: "\f63e"; } .ti-square-rounded-minus-2:before { content: "\fc97"; } .ti-square-rounded-minus-filled:before { content: "\fb40"; } .ti-square-rounded-number-0:before { content: "\f5c8"; } .ti-square-rounded-number-0-filled:before { content: "\f778"; } .ti-square-rounded-number-1:before { content: "\f5c9"; } .ti-square-rounded-number-1-filled:before { content: "\f779"; } .ti-square-rounded-number-2:before { content: "\f5ca"; } .ti-square-rounded-number-2-filled:before { content: "\f77a"; } .ti-square-rounded-number-3:before { content: "\f5cb"; } .ti-square-rounded-number-3-filled:before { content: "\f77b"; } .ti-square-rounded-number-4:before { content: "\f5cc"; } .ti-square-rounded-number-4-filled:before { content: "\f77c"; } .ti-square-rounded-number-5:before { content: "\f5cd"; } .ti-square-rounded-number-5-filled:before { content: "\f77d"; } .ti-square-rounded-number-6:before { content: "\f5ce"; } .ti-square-rounded-number-6-filled:before { content: "\f77e"; } .ti-square-rounded-number-7:before { content: "\f5cf"; } .ti-square-rounded-number-7-filled:before { content: "\f77f"; } .ti-square-rounded-number-8:before { content: "\f5d0"; } .ti-square-rounded-number-8-filled:before { content: "\f780"; } .ti-square-rounded-number-9:before { content: "\f5d1"; } .ti-square-rounded-number-9-filled:before { content: "\f781"; } .ti-square-rounded-percentage:before { content: "\fd84"; } .ti-square-rounded-plus:before { content: "\f63f"; } .ti-square-rounded-plus-2:before { content: "\fc98"; } .ti-square-rounded-plus-filled:before { content: "\f6e8"; } .ti-square-rounded-x:before { content: "\f640"; } .ti-square-rounded-x-filled:before { content: "\f6e9"; } .ti-square-toggle:before { content: "\eef4"; } .ti-square-toggle-horizontal:before { content: "\eef3"; } .ti-square-x:before { content: "\eb2b"; } .ti-square-x-filled:before { content: "\fb41"; } .ti-squares-diagonal:before { content: "\eef5"; } .ti-squares-filled:before { content: "\eef6"; } .ti-stack:before { content: "\eb2d"; } .ti-stack-2:before { content: "\eef7"; } .ti-stack-3:before { content: "\ef9d"; } .ti-stack-back:before { content: "\fd26"; } .ti-stack-backward:before { content: "\fd27"; } .ti-stack-forward:before { content: "\fd28"; } .ti-stack-front:before { content: "\fd29"; } .ti-stack-middle:before { content: "\fd2a"; } .ti-stack-pop:before { content: "\f234"; } .ti-stack-push:before { content: "\f235"; } .ti-stairs:before { content: "\eca6"; } .ti-stairs-down:before { content: "\eca4"; } .ti-stairs-up:before { content: "\eca5"; } .ti-star:before { content: "\eb2e"; } .ti-star-filled:before { content: "\f6a6"; } .ti-star-half:before { content: "\ed19"; } .ti-star-half-filled:before { content: "\f6a7"; } .ti-star-off:before { content: "\ed62"; } .ti-stars:before { content: "\ed38"; } .ti-stars-filled:before { content: "\f6a8"; } .ti-stars-off:before { content: "\f430"; } .ti-status-change:before { content: "\f3b0"; } .ti-steam:before { content: "\f24b"; } .ti-steering-wheel:before { content: "\ec7b"; } .ti-steering-wheel-off:before { content: "\f431"; } .ti-step-into:before { content: "\ece0"; } .ti-step-out:before { content: "\ece1"; } .ti-stereo-glasses:before { content: "\f4cb"; } .ti-stethoscope:before { content: "\edbe"; } .ti-stethoscope-off:before { content: "\f432"; } .ti-sticker:before { content: "\eb2f"; } .ti-sticker-2:before { content: "\fd3d"; } .ti-storm:before { content: "\f24c"; } .ti-storm-off:before { content: "\f433"; } .ti-stretching:before { content: "\f2db"; } .ti-stretching-2:before { content: "\fa6d"; } .ti-strikethrough:before { content: "\eb9e"; } .ti-submarine:before { content: "\ed94"; } .ti-subscript:before { content: "\eb9f"; } .ti-subtask:before { content: "\ec9f"; } .ti-sum:before { content: "\eb73"; } .ti-sum-off:before { content: "\f1ab"; } .ti-sun:before { content: "\eb30"; } .ti-sun-electricity:before { content: "\fcc2"; } .ti-sun-filled:before { content: "\f6a9"; } .ti-sun-high:before { content: "\f236"; } .ti-sun-low:before { content: "\f237"; } .ti-sun-moon:before { content: "\f4a3"; } .ti-sun-off:before { content: "\ed63"; } .ti-sun-wind:before { content: "\f238"; } .ti-sunglasses:before { content: "\f239"; } .ti-sunrise:before { content: "\ef1c"; } .ti-sunset:before { content: "\ec31"; } .ti-sunset-2:before { content: "\f23a"; } .ti-superscript:before { content: "\eba0"; } .ti-svg:before { content: "\f25a"; } .ti-swimming:before { content: "\ec92"; } .ti-swipe:before { content: "\f551"; } .ti-swipe-down:before { content: "\fd5e"; } .ti-swipe-left:before { content: "\fd5f"; } .ti-swipe-right:before { content: "\fd60"; } .ti-swipe-up:before { content: "\fd61"; } .ti-switch:before { content: "\eb33"; } .ti-switch-2:before { content: "\edbf"; } .ti-switch-3:before { content: "\edc0"; } .ti-switch-horizontal:before { content: "\eb31"; } .ti-switch-vertical:before { content: "\eb32"; } .ti-sword:before { content: "\f030"; } .ti-sword-off:before { content: "\f434"; } .ti-swords:before { content: "\f132"; } .ti-table:before { content: "\eba1"; } .ti-table-alias:before { content: "\f25b"; } .ti-table-column:before { content: "\faff"; } .ti-table-down:before { content: "\fa1c"; } .ti-table-export:before { content: "\eef8"; } .ti-table-filled:before { content: "\f782"; } .ti-table-heart:before { content: "\fa1d"; } .ti-table-import:before { content: "\eef9"; } .ti-table-minus:before { content: "\fa1e"; } .ti-table-off:before { content: "\eefa"; } .ti-table-options:before { content: "\f25c"; } .ti-table-plus:before { content: "\fa1f"; } .ti-table-row:before { content: "\fb00"; } .ti-table-share:before { content: "\fa20"; } .ti-table-shortcut:before { content: "\f25d"; } .ti-tag:before { content: "\eb34"; } .ti-tag-off:before { content: "\efc0"; } .ti-tag-starred:before { content: "\fc99"; } .ti-tags:before { content: "\ef86"; } .ti-tags-off:before { content: "\efc1"; } .ti-tallymark-1:before { content: "\ec46"; } .ti-tallymark-2:before { content: "\ec47"; } .ti-tallymark-3:before { content: "\ec48"; } .ti-tallymark-4:before { content: "\ec49"; } .ti-tallymarks:before { content: "\ec4a"; } .ti-tank:before { content: "\ed95"; } .ti-target:before { content: "\eb35"; } .ti-target-arrow:before { content: "\f51a"; } .ti-target-off:before { content: "\f1ad"; } .ti-teapot:before { content: "\f552"; } .ti-telescope:before { content: "\f07d"; } .ti-telescope-off:before { content: "\f1ae"; } .ti-temperature:before { content: "\eb38"; } .ti-temperature-celsius:before { content: "\eb36"; } .ti-temperature-fahrenheit:before { content: "\eb37"; } .ti-temperature-minus:before { content: "\ebed"; } .ti-temperature-off:before { content: "\f1af"; } .ti-temperature-plus:before { content: "\ebee"; } .ti-temperature-snow:before { content: "\fda3"; } .ti-temperature-sun:before { content: "\fda4"; } .ti-template:before { content: "\eb39"; } .ti-template-off:before { content: "\f1b0"; } .ti-tent:before { content: "\eefb"; } .ti-tent-off:before { content: "\f435"; } .ti-terminal:before { content: "\ebdc"; } .ti-terminal-2:before { content: "\ebef"; } .ti-test-pipe:before { content: "\eb3a"; } .ti-test-pipe-2:before { content: "\f0a4"; } .ti-test-pipe-off:before { content: "\f1b1"; } .ti-tex:before { content: "\f4e0"; } .ti-text-caption:before { content: "\f4a4"; } .ti-text-color:before { content: "\f2dc"; } .ti-text-decrease:before { content: "\f202"; } .ti-text-direction-ltr:before { content: "\eefc"; } .ti-text-direction-rtl:before { content: "\eefd"; } .ti-text-grammar:before { content: "\fd6d"; } .ti-text-increase:before { content: "\f203"; } .ti-text-orientation:before { content: "\f2a4"; } .ti-text-plus:before { content: "\f2a5"; } .ti-text-recognition:before { content: "\f204"; } .ti-text-resize:before { content: "\ef87"; } .ti-text-scan-2:before { content: "\fcc3"; } .ti-text-size:before { content: "\f2b1"; } .ti-text-spellcheck:before { content: "\f2a6"; } .ti-text-wrap:before { content: "\ebdd"; } .ti-text-wrap-disabled:before { content: "\eca7"; } .ti-texture:before { content: "\f51b"; } .ti-theater:before { content: "\f79b"; } .ti-thermometer:before { content: "\ef67"; } .ti-thumb-down:before { content: "\eb3b"; } .ti-thumb-down-filled:before { content: "\f6aa"; } .ti-thumb-down-off:before { content: "\f436"; } .ti-thumb-up:before { content: "\eb3c"; } .ti-thumb-up-filled:before { content: "\f6ab"; } .ti-thumb-up-off:before { content: "\f437"; } .ti-tic-tac:before { content: "\f51c"; } .ti-ticket:before { content: "\eb3d"; } .ti-ticket-off:before { content: "\f1b2"; } .ti-tie:before { content: "\f07e"; } .ti-tilde:before { content: "\f4a5"; } .ti-tilt-shift:before { content: "\eefe"; } .ti-tilt-shift-off:before { content: "\f1b3"; } .ti-time-duration-0:before { content: "\fad4"; } .ti-time-duration-10:before { content: "\fad5"; } .ti-time-duration-15:before { content: "\fad6"; } .ti-time-duration-30:before { content: "\fad7"; } .ti-time-duration-45:before { content: "\fad8"; } .ti-time-duration-5:before { content: "\fad9"; } .ti-time-duration-60:before { content: "\fada"; } .ti-time-duration-90:before { content: "\fadb"; } .ti-time-duration-off:before { content: "\fadc"; } .ti-timeline:before { content: "\f031"; } .ti-timeline-event:before { content: "\f553"; } .ti-timeline-event-exclamation:before { content: "\f662"; } .ti-timeline-event-filled:before { content: "\fd18"; } .ti-timeline-event-minus:before { content: "\f663"; } .ti-timeline-event-plus:before { content: "\f664"; } .ti-timeline-event-text:before { content: "\f665"; } .ti-timeline-event-x:before { content: "\f666"; } .ti-tir:before { content: "\ebf0"; } .ti-toggle-left:before { content: "\eb3e"; } .ti-toggle-right:before { content: "\eb3f"; } .ti-toilet-paper:before { content: "\efd3"; } .ti-toilet-paper-off:before { content: "\f1b4"; } .ti-toml:before { content: "\fa5d"; } .ti-tool:before { content: "\eb40"; } .ti-tools:before { content: "\ebca"; } .ti-tools-kitchen:before { content: "\ed64"; } .ti-tools-kitchen-2:before { content: "\eeff"; } .ti-tools-kitchen-2-off:before { content: "\f1b5"; } .ti-tools-kitchen-3:before { content: "\fd2b"; } .ti-tools-kitchen-off:before { content: "\f1b6"; } .ti-tools-off:before { content: "\f1b7"; } .ti-tooltip:before { content: "\f2dd"; } .ti-topology-bus:before { content: "\f5d9"; } .ti-topology-complex:before { content: "\f5da"; } .ti-topology-full:before { content: "\f5dc"; } .ti-topology-full-hierarchy:before { content: "\f5db"; } .ti-topology-ring:before { content: "\f5df"; } .ti-topology-ring-2:before { content: "\f5dd"; } .ti-topology-ring-3:before { content: "\f5de"; } .ti-topology-star:before { content: "\f5e5"; } .ti-topology-star-2:before { content: "\f5e0"; } .ti-topology-star-3:before { content: "\f5e1"; } .ti-topology-star-ring:before { content: "\f5e4"; } .ti-topology-star-ring-2:before { content: "\f5e2"; } .ti-topology-star-ring-3:before { content: "\f5e3"; } .ti-torii:before { content: "\f59b"; } .ti-tornado:before { content: "\ece2"; } .ti-tournament:before { content: "\ecd0"; } .ti-tower:before { content: "\f2cb"; } .ti-tower-off:before { content: "\f2ca"; } .ti-track:before { content: "\ef00"; } .ti-tractor:before { content: "\ec0d"; } .ti-trademark:before { content: "\ec0e"; } .ti-traffic-cone:before { content: "\ec0f"; } .ti-traffic-cone-off:before { content: "\f1b8"; } .ti-traffic-lights:before { content: "\ed39"; } .ti-traffic-lights-off:before { content: "\f1b9"; } .ti-train:before { content: "\ed96"; } .ti-transaction-bitcoin:before { content: "\fd6e"; } .ti-transaction-dollar:before { content: "\fd6f"; } .ti-transaction-euro:before { content: "\fd70"; } .ti-transaction-pound:before { content: "\fd71"; } .ti-transaction-rupee:before { content: "\fd85"; } .ti-transaction-yen:before { content: "\fd72"; } .ti-transaction-yuan:before { content: "\fd73"; } .ti-transfer:before { content: "\fc1f"; } .ti-transfer-in:before { content: "\ef2f"; } .ti-transfer-out:before { content: "\ef30"; } .ti-transfer-vertical:before { content: "\fc1e"; } .ti-transform:before { content: "\f38e"; } .ti-transform-filled:before { content: "\f6ac"; } .ti-transform-point:before { content: "\fda9"; } .ti-transform-point-bottom-left:before { content: "\fda5"; } .ti-transform-point-bottom-right:before { content: "\fda6"; } .ti-transform-point-top-left:before { content: "\fda7"; } .ti-transform-point-top-right:before { content: "\fda8"; } .ti-transition-bottom:before { content: "\f2b2"; } .ti-transition-left:before { content: "\f2b3"; } .ti-transition-right:before { content: "\f2b4"; } .ti-transition-top:before { content: "\f2b5"; } .ti-trash:before { content: "\eb41"; } .ti-trash-filled:before { content: "\f783"; } .ti-trash-off:before { content: "\ed65"; } .ti-trash-x:before { content: "\ef88"; } .ti-trash-x-filled:before { content: "\f784"; } .ti-treadmill:before { content: "\fa6e"; } .ti-tree:before { content: "\ef01"; } .ti-trees:before { content: "\ec10"; } .ti-trekking:before { content: "\f5ad"; } .ti-trending-down:before { content: "\eb42"; } .ti-trending-down-2:before { content: "\edc1"; } .ti-trending-down-3:before { content: "\edc2"; } .ti-trending-up:before { content: "\eb43"; } .ti-trending-up-2:before { content: "\edc3"; } .ti-trending-up-3:before { content: "\edc4"; } .ti-triangle:before { content: "\eb44"; } .ti-triangle-filled:before { content: "\f6ad"; } .ti-triangle-inverted:before { content: "\f01d"; } .ti-triangle-inverted-filled:before { content: "\f6ae"; } .ti-triangle-minus:before { content: "\fc9b"; } .ti-triangle-minus-2:before { content: "\fc9a"; } .ti-triangle-off:before { content: "\ef02"; } .ti-triangle-plus:before { content: "\fc9d"; } .ti-triangle-plus-2:before { content: "\fc9c"; } .ti-triangle-square-circle:before { content: "\ece8"; } .ti-triangle-square-circle-filled:before { content: "\fb42"; } .ti-triangles:before { content: "\f0a5"; } .ti-trident:before { content: "\ecc5"; } .ti-trolley:before { content: "\f4cc"; } .ti-trophy:before { content: "\eb45"; } .ti-trophy-filled:before { content: "\f6af"; } .ti-trophy-off:before { content: "\f438"; } .ti-trowel:before { content: "\f368"; } .ti-truck:before { content: "\ebc4"; } .ti-truck-delivery:before { content: "\ec4b"; } .ti-truck-loading:before { content: "\f1da"; } .ti-truck-off:before { content: "\ef03"; } .ti-truck-return:before { content: "\ec4c"; } .ti-txt:before { content: "\f3b1"; } .ti-typography:before { content: "\ebc5"; } .ti-typography-off:before { content: "\f1ba"; } .ti-ufo:before { content: "\f26f"; } .ti-ufo-off:before { content: "\f26e"; } .ti-umbrella:before { content: "\ebf1"; } .ti-umbrella-filled:before { content: "\f6b0"; } .ti-umbrella-off:before { content: "\f1bb"; } .ti-underline:before { content: "\eba2"; } .ti-universe:before { content: "\fcc4"; } .ti-unlink:before { content: "\eb46"; } .ti-upload:before { content: "\eb47"; } .ti-urgent:before { content: "\eb48"; } .ti-usb:before { content: "\f00c"; } .ti-user:before { content: "\eb4d"; } .ti-user-bolt:before { content: "\f9d1"; } .ti-user-cancel:before { content: "\f9d2"; } .ti-user-check:before { content: "\eb49"; } .ti-user-circle:before { content: "\ef68"; } .ti-user-code:before { content: "\f9d3"; } .ti-user-cog:before { content: "\f9d4"; } .ti-user-dollar:before { content: "\f9d5"; } .ti-user-down:before { content: "\f9d6"; } .ti-user-edit:before { content: "\f7cc"; } .ti-user-exclamation:before { content: "\ec12"; } .ti-user-filled:before { content: "\fd19"; } .ti-user-heart:before { content: "\f7cd"; } .ti-user-hexagon:before { content: "\fc4e"; } .ti-user-minus:before { content: "\eb4a"; } .ti-user-off:before { content: "\ecf9"; } .ti-user-pause:before { content: "\f9d7"; } .ti-user-pentagon:before { content: "\fc4f"; } .ti-user-pin:before { content: "\f7ce"; } .ti-user-plus:before { content: "\eb4b"; } .ti-user-question:before { content: "\f7cf"; } .ti-user-scan:before { content: "\fcaf"; } .ti-user-search:before { content: "\ef89"; } .ti-user-share:before { content: "\f9d8"; } .ti-user-shield:before { content: "\f7d0"; } .ti-user-square:before { content: "\fc51"; } .ti-user-square-rounded:before { content: "\fc50"; } .ti-user-star:before { content: "\f7d1"; } .ti-user-up:before { content: "\f7d2"; } .ti-user-x:before { content: "\eb4c"; } .ti-users:before { content: "\ebf2"; } .ti-users-group:before { content: "\fa21"; } .ti-users-minus:before { content: "\fa0e"; } .ti-users-plus:before { content: "\fa0f"; } .ti-uv-index:before { content: "\f3b2"; } .ti-ux-circle:before { content: "\f369"; } .ti-vaccine:before { content: "\ef04"; } .ti-vaccine-bottle:before { content: "\ef69"; } .ti-vaccine-bottle-off:before { content: "\f439"; } .ti-vaccine-off:before { content: "\f1bc"; } .ti-vacuum-cleaner:before { content: "\f5e6"; } .ti-variable:before { content: "\ef05"; } .ti-variable-minus:before { content: "\f36a"; } .ti-variable-off:before { content: "\f1bd"; } .ti-variable-plus:before { content: "\f36b"; } .ti-vector:before { content: "\eca9"; } .ti-vector-bezier:before { content: "\ef1d"; } .ti-vector-bezier-2:before { content: "\f1a3"; } .ti-vector-bezier-arc:before { content: "\f4cd"; } .ti-vector-bezier-circle:before { content: "\f4ce"; } .ti-vector-off:before { content: "\f1be"; } .ti-vector-spline:before { content: "\f565"; } .ti-vector-triangle:before { content: "\eca8"; } .ti-vector-triangle-off:before { content: "\f1bf"; } .ti-venus:before { content: "\ec86"; } .ti-versions:before { content: "\ed52"; } .ti-versions-filled:before { content: "\f6b1"; } .ti-versions-off:before { content: "\f1c0"; } .ti-video:before { content: "\ed22"; } .ti-video-minus:before { content: "\ed1f"; } .ti-video-off:before { content: "\ed20"; } .ti-video-plus:before { content: "\ed21"; } .ti-view-360:before { content: "\ed84"; } .ti-view-360-off:before { content: "\f1c1"; } .ti-viewfinder:before { content: "\eb4e"; } .ti-viewfinder-off:before { content: "\f1c2"; } .ti-viewport-narrow:before { content: "\ebf3"; } .ti-viewport-wide:before { content: "\ebf4"; } .ti-vinyl:before { content: "\f00d"; } .ti-vip:before { content: "\f3b3"; } .ti-vip-off:before { content: "\f43a"; } .ti-virus:before { content: "\eb74"; } .ti-virus-off:before { content: "\ed66"; } .ti-virus-search:before { content: "\ed67"; } .ti-vocabulary:before { content: "\ef1e"; } .ti-vocabulary-off:before { content: "\f43b"; } .ti-volcano:before { content: "\f79c"; } .ti-volume:before { content: "\eb51"; } .ti-volume-2:before { content: "\eb4f"; } .ti-volume-3:before { content: "\eb50"; } .ti-volume-off:before { content: "\f1c3"; } .ti-vs:before { content: "\fc52"; } .ti-walk:before { content: "\ec87"; } .ti-wall:before { content: "\ef7a"; } .ti-wall-off:before { content: "\f43c"; } .ti-wallet:before { content: "\eb75"; } .ti-wallet-off:before { content: "\f1c4"; } .ti-wallpaper:before { content: "\ef56"; } .ti-wallpaper-off:before { content: "\f1c5"; } .ti-wand:before { content: "\ebcb"; } .ti-wand-off:before { content: "\f1c6"; } .ti-wash:before { content: "\f311"; } .ti-wash-dry:before { content: "\f304"; } .ti-wash-dry-1:before { content: "\f2fa"; } .ti-wash-dry-2:before { content: "\f2fb"; } .ti-wash-dry-3:before { content: "\f2fc"; } .ti-wash-dry-a:before { content: "\f2fd"; } .ti-wash-dry-dip:before { content: "\f2fe"; } .ti-wash-dry-f:before { content: "\f2ff"; } .ti-wash-dry-flat:before { content: "\fa7f"; } .ti-wash-dry-hang:before { content: "\f300"; } .ti-wash-dry-off:before { content: "\f301"; } .ti-wash-dry-p:before { content: "\f302"; } .ti-wash-dry-shade:before { content: "\f303"; } .ti-wash-dry-w:before { content: "\f322"; } .ti-wash-dryclean:before { content: "\f305"; } .ti-wash-dryclean-off:before { content: "\f323"; } .ti-wash-eco:before { content: "\fa80"; } .ti-wash-gentle:before { content: "\f306"; } .ti-wash-hand:before { content: "\fa81"; } .ti-wash-machine:before { content: "\f25e"; } .ti-wash-off:before { content: "\f307"; } .ti-wash-press:before { content: "\f308"; } .ti-wash-temperature-1:before { content: "\f309"; } .ti-wash-temperature-2:before { content: "\f30a"; } .ti-wash-temperature-3:before { content: "\f30b"; } .ti-wash-temperature-4:before { content: "\f30c"; } .ti-wash-temperature-5:before { content: "\f30d"; } .ti-wash-temperature-6:before { content: "\f30e"; } .ti-wash-tumble-dry:before { content: "\f30f"; } .ti-wash-tumble-off:before { content: "\f310"; } .ti-waterpolo:before { content: "\fa6f"; } .ti-wave-saw-tool:before { content: "\ecd3"; } .ti-wave-sine:before { content: "\ecd4"; } .ti-wave-square:before { content: "\ecd5"; } .ti-waves-electricity:before { content: "\fcc5"; } .ti-webhook:before { content: "\f01e"; } .ti-webhook-off:before { content: "\f43d"; } .ti-weight:before { content: "\f589"; } .ti-wheel:before { content: "\fc64"; } .ti-wheelchair:before { content: "\f1db"; } .ti-wheelchair-off:before { content: "\f43e"; } .ti-whirl:before { content: "\f51d"; } .ti-wifi:before { content: "\eb52"; } .ti-wifi-0:before { content: "\eba3"; } .ti-wifi-1:before { content: "\eba4"; } .ti-wifi-2:before { content: "\eba5"; } .ti-wifi-off:before { content: "\ecfa"; } .ti-wind:before { content: "\ec34"; } .ti-wind-electricity:before { content: "\fcc6"; } .ti-wind-off:before { content: "\f1c7"; } .ti-windmill:before { content: "\ed85"; } .ti-windmill-filled:before { content: "\f6b2"; } .ti-windmill-off:before { content: "\f1c8"; } .ti-window:before { content: "\ef06"; } .ti-window-maximize:before { content: "\f1f1"; } .ti-window-minimize:before { content: "\f1f2"; } .ti-window-off:before { content: "\f1c9"; } .ti-windsock:before { content: "\f06d"; } .ti-wiper:before { content: "\ecab"; } .ti-wiper-wash:before { content: "\ecaa"; } .ti-woman:before { content: "\eb53"; } .ti-wood:before { content: "\f359"; } .ti-world:before { content: "\eb54"; } .ti-world-bolt:before { content: "\f9d9"; } .ti-world-cancel:before { content: "\f9da"; } .ti-world-check:before { content: "\f9db"; } .ti-world-code:before { content: "\f9dc"; } .ti-world-cog:before { content: "\f9dd"; } .ti-world-dollar:before { content: "\f9de"; } .ti-world-down:before { content: "\f9df"; } .ti-world-download:before { content: "\ef8a"; } .ti-world-exclamation:before { content: "\f9e0"; } .ti-world-heart:before { content: "\f9e1"; } .ti-world-latitude:before { content: "\ed2e"; } .ti-world-longitude:before { content: "\ed2f"; } .ti-world-minus:before { content: "\f9e2"; } .ti-world-off:before { content: "\f1ca"; } .ti-world-pause:before { content: "\f9e3"; } .ti-world-pin:before { content: "\f9e4"; } .ti-world-plus:before { content: "\f9e5"; } .ti-world-question:before { content: "\f9e6"; } .ti-world-search:before { content: "\f9e7"; } .ti-world-share:before { content: "\f9e8"; } .ti-world-star:before { content: "\f9e9"; } .ti-world-up:before { content: "\f9ea"; } .ti-world-upload:before { content: "\ef8b"; } .ti-world-www:before { content: "\f38f"; } .ti-world-x:before { content: "\f9eb"; } .ti-wrecking-ball:before { content: "\ed97"; } .ti-writing:before { content: "\ef08"; } .ti-writing-off:before { content: "\f1cb"; } .ti-writing-sign:before { content: "\ef07"; } .ti-writing-sign-off:before { content: "\f1cc"; } .ti-x:before { content: "\eb55"; } .ti-xbox-a:before { content: "\f2b6"; } .ti-xbox-b:before { content: "\f2b7"; } .ti-xbox-x:before { content: "\f2b8"; } .ti-xbox-y:before { content: "\f2b9"; } .ti-xd:before { content: "\fa33"; } .ti-xxx:before { content: "\fc20"; } .ti-yin-yang:before { content: "\ec35"; } .ti-yin-yang-filled:before { content: "\f785"; } .ti-yoga:before { content: "\f01f"; } .ti-zeppelin:before { content: "\f270"; } .ti-zeppelin-off:before { content: "\f43f"; } .ti-zip:before { content: "\f3b4"; } .ti-zodiac-aquarius:before { content: "\ecac"; } .ti-zodiac-aries:before { content: "\ecad"; } .ti-zodiac-cancer:before { content: "\ecae"; } .ti-zodiac-capricorn:before { content: "\ecaf"; } .ti-zodiac-gemini:before { content: "\ecb0"; } .ti-zodiac-leo:before { content: "\ecb1"; } .ti-zodiac-libra:before { content: "\ecb2"; } .ti-zodiac-pisces:before { content: "\ecb3"; } .ti-zodiac-sagittarius:before { content: "\ecb4"; } .ti-zodiac-scorpio:before { content: "\ecb5"; } .ti-zodiac-taurus:before { content: "\ecb6"; } .ti-zodiac-virgo:before { content: "\ecb7"; } .ti-zoom-cancel:before { content: "\ec4d"; } .ti-zoom-check:before { content: "\ef09"; } .ti-zoom-check-filled:before { content: "\f786"; } .ti-zoom-code:before { content: "\f07f"; } .ti-zoom-exclamation:before { content: "\f080"; } .ti-zoom-filled:before { content: "\f787"; } .ti-zoom-in:before { content: "\eb56"; } .ti-zoom-in-area:before { content: "\f1dc"; } .ti-zoom-in-area-filled:before { content: "\f788"; } .ti-zoom-in-filled:before { content: "\f789"; } .ti-zoom-money:before { content: "\ef0a"; } .ti-zoom-out:before { content: "\eb57"; } .ti-zoom-out-area:before { content: "\f1dd"; } .ti-zoom-out-filled:before { content: "\f78a"; } .ti-zoom-pan:before { content: "\f1de"; } .ti-zoom-question:before { content: "\edeb"; } .ti-zoom-replace:before { content: "\f2a7"; } .ti-zoom-reset:before { content: "\f295"; } .ti-zoom-scan:before { content: "\fcb0"; } .ti-zzz:before { content: "\f228"; } .ti-zzz-off:before { content: "\f440"; } .icon-large { font-size: var(--op-font-2x-large); } .male-color { color: var(--op-color-alerts-info-plus-one); } .female-color { color: var(--op-color-alerts-danger-plus-three); } .print-header { display: flex; flex-direction: column; gap: var(--op-space-medium); } .invoice-address .invoice-address-title, .invoice-address .invoice-notes-title { font-weight: var(--op-font-weight-bold); margin-bottom: var(--op-space-2x-small); } .invoice-address .address-line, .invoice-address .invoice-notes-content { font-size: var(--op-font-x-small); } .invoice-address, .invoice-detail { line-height: var(--op-line-height-denser); padding: var(--op-space-small); } .invoice-table { margin-top: 0 !important; } .invoice-table thead tr:not(:last-child) { background-color: var(--op-color-neutral-plus-seven); color: var(--op-color-neutral-on-plus-seven); } .invoice-table thead th { padding: var(--op-space-x-small) var(--op-space-small); } .invoice-table thead .invoice-address-row th, .invoice-table thead .invoice-logo-row th { padding: 0; } @media print { .invoice-table td, .invoice-table th { font-size: var(--op-font-x-small); padding: var(--op-space-x-small) var(--op-space-3x-small); text-transform: none; } } .modal { --op-modal-width: 1056px; } .modal--active .modal__backdrop { opacity: var(--op-opacity-modal-backdrop); } .modal__content { overflow: hidden; display: flex; flex-direction: column; padding: 0; max-height: 80vh; border: solid var(--op-border-width) var(--op-color-neutral-plus-five); box-shadow: 0 var(--op-border-width) 0 0 var(--op-border-modal-accent); } .modal__header { background-color: var(--op-color-neutral-plus-seven); color: var(--op-color-neutral-on-plus-seven); box-shadow: inset var(--op-border-top) var(--op-color-neutral-plus-five); padding: var(--op-space-small) var(--op-space-x-large); font-size: var(--op-font-small); font-weight: var(--op-font-weight-bold); } .modal__body { overflow: auto; background-color: var(--op-color-neutral-plus-max); color: var(--op-color-neutral-on-plus-max); padding: var(--op-space-large); } .modal__body .container { padding: 0; max-width: unset; } .modal__body .index-table thead, .modal__body .invoice-table thead, .modal__body .index-table tbody, .modal__body .invoice-table tbody { background-color: var(--op-color-neutral-plus-max); color: var(--op-color-neutral-on-plus-max); } .modal__footer { display: flex; align-items: center; justify-content: space-between; background: var(--op-color-neutral-plus-max); box-shadow: inset var(--op-border-bottom) var(--op-color-neutral-plus-five); padding: var(--op-space-small) var(--op-space-x-large); } .notes-container { display: flex; gap: var(--op-space-3x-large); justify-content: end; } .notes-items { display: grid; gap: var(--op-space-2x-large); flex-grow: 1; } .note-item { display: grid; gap: var(--op-space-3x-small); } .note__content { white-space: pre-wrap; line-height: var(--op-line-height-base); color: var(--op-color-on-background); font-size: var(--op-font-small); } .note__footer { display: flex; gap: var(--op-space-large); align-items: center; } .note__byline { color: var(--op-color-on-background-alt); font-size: var(--op-font-x-small); } .note__actions { display: flex; gap: var(--op-space-x-small); } .notification { --op-notification-count-section: 3.2rem; display: grid; grid-template-columns: var(--op-notification-count-section) 1fr; font-size: var(--op-font-x-small); font-weight: var(--op-font-weight-semi-bold); text-decoration: none; } .notification .notification__count { border-radius: var(--op-radius-medium) 0 0 var(--op-radius-medium); display: grid; align-items: center; justify-content: center; overflow: hidden; } .notification .notification__content { display: grid; align-items: center; border-radius: 0 var(--op-radius-medium) var(--op-radius-medium) 0; line-height: var(--op-line-height-dense); overflow: hidden; padding: var(--op-space-x-small); } .notification--info .notification__count { background-color: var(--op-color-alerts-info-minus-three); box-shadow: var(--op-border-all) var(--op-color-alerts-info-minus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-info-on-minus-three); } .notification--info .notification__content { background-color: var(--op-color-alerts-info-base); box-shadow: var(--op-border-all) var(--op-color-alerts-info-minus-one), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-info-on-base); } .notification--info:hover .notification__count { background-color: var(--op-color-alerts-info-minus-four); box-shadow: var(--op-border-all) var(--op-color-alerts-info-minus-five), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-info-on-minus-four); } .notification--info:hover .notification__content { background-color: var(--op-color-alerts-info-minus-one); box-shadow: var(--op-border-all) var(--op-color-alerts-info-minus-two), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-info-on-minus-one); } .notification--notice .notification__count { background-color: var(--op-color-alerts-notice-minus-three); box-shadow: var(--op-border-all) var(--op-color-alerts-notice-minus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-notice-on-minus-three); } .notification--notice .notification__content { background-color: var(--op-color-alerts-notice-base); box-shadow: var(--op-border-all) var(--op-color-alerts-notice-minus-one), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-notice-on-base); } .notification--notice:hover .notification__count { background-color: var(--op-color-alerts-notice-minus-four); box-shadow: var(--op-border-all) var(--op-color-alerts-notice-minus-five), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-notice-on-minus-four); } .notification--notice:hover .notification__content { background-color: var(--op-color-alerts-notice-minus-one); box-shadow: var(--op-border-all) var(--op-color-alerts-notice-minus-two), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-notice-on-minus-one); } .notification--warning .notification__count { background-color: var(--op-color-alerts-warning-base); box-shadow: var(--op-border-all) var(--op-color-alerts-warning-minus-one), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-warning-on-base); } .notification--warning .notification__content { background-color: var(--op-color-alerts-warning-plus-two); box-shadow: var(--op-border-all) var(--op-color-alerts-warning-plus-one), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-warning-on-plus-two); } .notification--warning:hover .notification__count { background-color: var(--op-color-alerts-warning-minus-one); box-shadow: var(--op-border-all) var(--op-color-alerts-warning-minus-two), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-warning-on-minus-one); } .notification--warning:hover .notification__content { background-color: var(--op-color-alerts-warning-plus-one); box-shadow: var(--op-border-all) var(--op-color-alerts-warning-base), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-warning-on-plus-one); } .notification--danger .notification__count { background-color: var(--op-color-alerts-danger-minus-three); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-minus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-danger-on-minus-three); } .notification--danger .notification__content { background-color: var(--op-color-alerts-danger-base); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-minus-one), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-danger-on-base); } .notification--danger:hover .notification__count { background-color: var(--op-color-alerts-danger-minus-four); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-minus-five), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-danger-on-minus-four); } .notification--danger:hover .notification__content { background-color: var(--op-color-alerts-danger-minus-one); box-shadow: var(--op-border-all) var(--op-color-alerts-danger-minus-two), var(--op-input-protrude-light), var(--op-input-protrude-shadow); color: var(--op-color-alerts-danger-on-minus-one); } .notification--empty { display: flex; flex-direction: column; align-items: center; gap: var(--op-space-medium); } .app-body, .sidebar { height: 100vh; height: 100dvh; } .app-body { overflow: hidden; } @media (max-width: 768px) { .hcp-user .app-body { width: 100vw; } } .app-header { display: flex; flex-direction: column; background-color: var(--op-color-neutral-plus-seven); color: var(--op-color-neutral-on-plus-seven); box-shadow: inset var(--op-border-top) var(--op-color-neutral-plus-four); } .app-header--mobile { padding: var(--op-space-medium) var(--op-space-large); background-color: var(--op-color-neutral-plus-max); border-bottom: solid var(--op-border-width) var(--op-border-color); display: none; flex-direction: row; align-items: center; gap: var(--op-space-small); } @media (max-width: 768px) { .app-header--mobile { display: flex; } } .app-header--mobile .page-title { font-size: var(--op-font-medium); font-weight: var(--op-font-weight-normal); } .app-header--mobile__brand img { width: var(--op-space-x-large); } .app-header--with-tabs + .app-content, .app-header--with-tabs + .page-actions, .app-header--with-tabs + .page-actions__calendar { padding-top: var(--op-space-4x-large); } .app-header__content { display: flex; align-items: center; gap: var(--op-space-medium); } @media (max-width: 768px) { .app-header__content { flex-direction: column; align-items: flex-start; } } .app-header__metadata { display: flex; flex-direction: column; gap: var(--op-space-x-small); } .header__title { display: flex; align-items: center; gap: var(--op-space-medium); } @media (max-width: 768px) { .header__title { flex-direction: column; align-items: flex-start; gap: var(--op-space-x-small); } } .page-title { font-weight: var(--op-font-weight-bold); font-size: var(--op-font-x-large); } .header__info { display: flex; align-items: center; gap: var(--op-space-medium); } @media (max-width: 768px) { .header__info { flex-direction: column; align-items: flex-start; gap: var(--op-space-x-small); } } .header__info .info-item { display: flex; gap: var(--op-space-x-small); align-items: center; color: var(--op-color-neutral-on-plus-seven-alt); font-size: var(--op-font-x-small); line-height: var(--op-line-height-dense); } .header__info .info-item__key, .header__info .status-item__key { display: flex; gap: var(--op-space-2x-small); align-items: center; font-weight: var(--op-font-weight-medium); } .header__info .info-item__value, .header__info .status-item__value { color: var(--op-color-neutral-on-plus-seven); } .app-header__breadcrumbs { display: flex; gap: var(--op-space-2x-small); align-items: center; background: var(--op-color-neutral-plus-six); color: var(--op-color-neutral-on-plus-six-alt); box-shadow: var(--op-border-bottom) var(--op-color-neutral-plus-four); padding: var(--op-space-x-small) var(--op-space-3x-large); } .app-header__breadcrumbs .breadcrumb { color: var(--op-color-neutral-on-plus-six); text-decoration: none; font-size: var(--op-font-x-small); font-weight: var(--op-font-weight-medium); } .app-header__breadcrumbs .breadcrumb:hover { text-decoration: underline; } .app-header__main { display: flex; align-items: center; justify-content: space-between; padding: var(--op-space-3x-large); padding-left: var(--op-space-4x-large); } @media (max-width: 768px) { .app-header__main { align-items: unset; max-height: 9rem; overflow: auto; padding-top: var(--op-space-small); } } .app-header__actions { display: flex; justify-content: end; gap: var(--op-space-small); } .app-header__tabs { padding: 0 var(--op-space-3x-large); } .app-content { padding: var(--op-space-3x-large); padding-bottom: var(--op-space-4x-large); overflow: auto; display: flex; flex-direction: column; flex-grow: 1; } @media (max-width: 768px) { .app-content { padding: var(--op-space-medium) var(--op-space-large); } } @media (max-width: 768px) { .app-content--full-width-mobile { padding: 0; } } .page-actions + .app-content, .page-actions__calendar + .app-content { padding-top: 0; } .modal .page-actions + .app-content, .modal .page-actions__calendar + .app-content { padding: 0; } .page-actions, .page-actions__calendar { display: flex; align-items: center; justify-content: space-between; background-color: var(--op-color-neutral-plus-seven); color: var(--op-color-neutral-on-plus-seven); padding: var(--op-space-3x-large) var(--op-space-3x-large) var(--op-space-large) var(--op-space-3x-large); flex-wrap: wrap; gap: var(--op-space-x-small); } @media (max-width: 768px) { .page-actions, .page-actions__calendar { padding: var(--op-space-small); border-bottom: solid var(--op-border-width) var(--op-border-color); } } .modal .page-actions, .modal .page-actions__calendar { display: none; } .page-actions__calendar { display: grid; grid-auto-flow: column; justify-content: center; } .page-actions__calendar + .app-content { overflow: hidden; } @media print { .page-actions__calendar + .app-content { overflow: auto; } } @media print { .page-actions__calendar { padding: 0; } } .app-footer { box-shadow: inset var(--op-border-bottom) var(--op-color-neutral-plus-six); padding: var(--op-space-small) var(--op-space-3x-large); background-color: var(--op-color-neutral-plus-seven); color: var(--op-color-neutral-on-plus-seven); } .info-section { display: grid; gap: var(--op-space-x-large); padding: var(--op-space-3x-large) 0; grid-template-columns: 15rem 1fr; font-size: var(--op-font-small); line-height: var(--op-line-height-dense); box-shadow: inset var(--op-border-top) var(--op-color-neutral-plus-four); } @media (max-width: 768px) { .info-section { grid-template-columns: auto; gap: var(--op-space-x-small); } } .info-section--footer { grid-template-columns: 1fr; } .modal .info-section:last-of-type, .app-content > .info-section:last-of-type { box-shadow: none; padding-bottom: 0; } .modal .info-section:first-of-type { padding-top: 0; } .info-section__title { color: var(--op-color-on-background); font-weight: var(--op-font-weight-semi-bold); } .info-section__items { display: grid; gap: var(--op-space-medium); } @media (max-width: 768px) { .info-section__items { gap: var(--op-space-small); } } .info-item { display: grid; grid-template-columns: 20rem 1fr auto; gap: var(--op-space-large); row-gap: var(--op-space-large); } @media (max-width: 768px) { .info-item { grid-template-columns: auto; gap: var(--op-space-2x-small); } } .info-item__key, .status-item__key { color: var(--op-color-on-background-alt); } .info-item__value, .status-item__value { color: var(--op-color-on-background); } .hidden, [hidden] { display: none; } .status-items { display: grid; gap: var(--op-space-2x-small); font-size: var(--op-font-x-small); } .status-item { display: flex; gap: var(--op-space-2x-small); } .pagination-section { display: flex; align-items: center; flex-direction: row; gap: var(--op-space-large); padding: var(--op-space-small); flex-wrap: wrap; justify-content: flex-end; } .pagination__details { font-size: var(--op-font-small); } .pagination { align-items: center; display: flex; gap: var(--op-space-x-small); } .sidebar, .sidebar-primary, .sidebar-subtle-primary { --_op-sidebar-item-height: 4rem; --_op-sidebar-background-color: var(--op-color-neutral-plus-max); --_op-sidebar-text-color: var(--op-color-neutral-on-plus-max); --_op-sidebar-icon-background-active-color: var(--op-color-primary-plus-seven); --_op-sidebar-icon-text-active-color: var(--op-color-primary-on-plus-seven); --_op-sidebar-icon-active-color: var(--op-color-primary-on-plus-seven-alt); --_op-sidebar-icon-background-hover-color: var(--op-color-neutral-plus-seven); --_op-sidebar-icon-text-hover-color: var(--op-color-neutral-on-plus-seven); --_op-sidebar-rail-width: calc(var(--op-space-scale-unit) * 6.4); --_op-sidebar-drawer-width: calc(var(--op-space-scale-unit) * 22); --_op-sidebar-spacing: var(--op-space-large); --_op-sidebar-link-spacing: var(--op-space-small); --_op-sidebar-transition: none; border-right: var(--op-border-width) solid var(--op-color-neutral-plus-four); } .sidebar .sidebar__brand, .sidebar-primary .sidebar__brand, .sidebar-subtle-primary .sidebar__brand { padding: 0 var(--op-space-3x-large); } .sidebar .sidebar__brand img, .sidebar-primary .sidebar__brand img, .sidebar-subtle-primary .sidebar__brand img { max-width: var(--_op-sidebar-brand-width); } .sidebar .sidebar__content, .sidebar-primary .sidebar__content, .sidebar-subtle-primary .sidebar__content { gap: var(--op-space-2x-small); } .sidebar .sidebar__item .sidebar__item-icon, .sidebar-primary .sidebar__item .sidebar__item-icon, .sidebar-subtle-primary .sidebar__item .sidebar__item-icon { color: var(--op-sidebar-icon-on-plus-max); } .sidebar .sidebar__item:hover:not(.active), .sidebar-primary .sidebar__item:hover:not(.active), .sidebar-subtle-primary .sidebar__item:hover:not(.active) { box-shadow: var(--op-border-all) var(--op-color-neutral-plus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .sidebar .sidebar__item:hover:not(.active) .sidebar__item-icon, .sidebar-primary .sidebar__item:hover:not(.active) .sidebar__item-icon, .sidebar-subtle-primary .sidebar__item:hover:not(.active) .sidebar__item-icon { color: var(--_op-sidebar-icon-text-hover-color); } .sidebar .sidebar__item.active, .sidebar-primary .sidebar__item.active, .sidebar-subtle-primary .sidebar__item.active { box-shadow: var(--op-border-all) var(--op-color-primary-plus-four), var(--op-input-protrude-light), var(--op-input-protrude-shadow); } .sidebar .sidebar__item.active .sidebar__item-icon, .sidebar-primary .sidebar__item.active .sidebar__item-icon, .sidebar-subtle-primary .sidebar__item.active .sidebar__item-icon { color: var(--_op-sidebar-icon-active-color); } .sidebar--drawer.sidebar:not(.sidebar--responsive), .sidebar--drawer.sidebar-primary:not(.sidebar--responsive), .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) { --_op-sidebar-brand-width: var(--op-space-3x-large); } .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__item, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__item, .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__item { border-radius: var(--op-radius-medium); padding: var(--op-space-small) var(--op-space-large); height: var(--_op-sidebar-item-height); } .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__item .sidebar__item-icon, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__item .sidebar__item-icon, .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__item .sidebar__item-icon { font-size: var(--op-font-medium); } .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__item .sidebar__item-label, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__item .sidebar__item-label, .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__item .sidebar__item-label { font-size: var(--op-font-small); } .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__item.active:hover .sidebar__item-icon, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__item.active:hover .sidebar__item-icon, .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__item.active:hover .sidebar__item-icon { color: var(--_op-sidebar-icon-active-color); } .sidebar--drawer.sidebar:not(.sidebar--responsive) .sidebar__section-divider, .sidebar--drawer.sidebar-primary:not(.sidebar--responsive) .sidebar__section-divider, .sidebar--drawer.sidebar-subtle-primary:not(.sidebar--responsive) .sidebar__section-divider { margin: var(--op-space-small) 0; } @media (min-width: 1024px) { .sidebar--drawer.sidebar--responsive.sidebar, .sidebar--drawer.sidebar--responsive.sidebar-primary, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary { --__op-sidebar-width: var(--_op-sidebar-drawer-width); --_op-sidebar-brand-width: var(--op-space-3x-large); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__content, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__content, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__content { padding: 0 var(--_op-sidebar-spacing); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__section-title, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__section-title, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__section-title { overflow: hidden; height: var(--op-input-height-large); padding: var(--op-space-small) var(--op-space-medium); color: var(--_op-sidebar-text-color); font-size: var(--op-font-small); font-weight: var(--op-font-weight-bold); text-overflow: ellipsis; white-space: nowrap; } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__section-divider, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__section-divider, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__section-divider { border-bottom: var(--op-border-width) solid var(--_op-sidebar-text-color); margin: 0 var(--_op-sidebar-spacing); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item { height: var(--op-input-height-large); flex-direction: row; padding: var(--op-space-x-small) var(--op-space-medium); border-radius: var(--op-radius-pill); gap: var(--_op-sidebar-link-spacing); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item:hover, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item:hover, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item:hover, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item.active, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item.active, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item.active { transition: var(--_op-sidebar-transition); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item:hover, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item:hover, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item:hover { background-color: var(--_op-sidebar-icon-background-hover-color); color: var(--_op-sidebar-icon-text-hover-color); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item:hover .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item:hover .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item:hover .sidebar__item-icon { color: var(--_op-sidebar-icon-text-hover-color); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item.active, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item.active, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item.active { background-color: var(--_op-sidebar-icon-background-active-color); color: var(--_op-sidebar-icon-text-active-color); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item { border-radius: var(--op-radius-medium); padding: var(--op-space-small) var(--op-space-large); height: var(--_op-sidebar-item-height); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item .sidebar__item-icon { font-size: var(--op-font-medium); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item .sidebar__item-label, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item .sidebar__item-label, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item .sidebar__item-label { font-size: var(--op-font-small); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item.active:hover .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item.active:hover .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item.active:hover .sidebar__item-icon { color: var(--_op-sidebar-icon-active-color); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__section-divider, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__section-divider, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__section-divider { margin: var(--op-space-small) 0; } } @media (max-width: 1024px) { .sidebar--drawer.sidebar--responsive.sidebar, .sidebar--drawer.sidebar--responsive.sidebar-primary, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary { --__op-sidebar-width: var(--_op-sidebar-rail-width); --_op-sidebar-brand-width: var(--op-space-x-large); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__content, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__content, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__content { gap: var(--_op-sidebar-link-spacing); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__section-title, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__section-title, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__section-title, .sidebar--drawer.sidebar--responsive.sidebar .sidebar__section-divider, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__section-divider, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__section-divider { display: none; } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item { flex-direction: column; gap: var(--op-space-2x-small); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item .sidebar__item-icon { padding: var(--op-space-2x-small) var(--op-space-medium); transition: var(--_op-sidebar-transition); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item:hover .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item:hover .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item:hover .sidebar__item-icon { background-color: var(--_op-sidebar-icon-background-hover-color); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item.active .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item.active .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item.active .sidebar__item-icon { background-color: var(--_op-sidebar-icon-background-active-color); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item .sidebar__item-label, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item .sidebar__item-label, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item .sidebar__item-label { font-size: var(--op-font-x-small); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__brand, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__brand, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__brand { display: flex; justify-content: center; padding: 0; } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__content, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__content, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__content { align-items: center; gap: var(--op-space-2x-small); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item { border-radius: var(--op-radius-medium); padding: 0; height: var(--_op-sidebar-item-height); width: var(--_op-sidebar-item-height); justify-content: center; } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item .sidebar__item-icon { padding: 0; color: var(--_op-sidebar-text-color); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item:hover, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item:hover, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item:hover { background-color: var(--op-color-neutral-plus-seven); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item:hover .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item:hover .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item:hover .sidebar__item-icon { background-color: transparent; } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item.active, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item.active, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item.active { background-color: var(--_op-sidebar-icon-background-active-color); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item.active .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item.active .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item.active .sidebar__item-icon { background-color: transparent; color: var(--_op-sidebar-icon-text-active-color); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item .sidebar__item-icon, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item .sidebar__item-icon { font-size: var(--op-font-large); } .sidebar--drawer.sidebar--responsive.sidebar .sidebar__item-label, .sidebar--drawer.sidebar--responsive.sidebar-primary .sidebar__item-label, .sidebar--drawer.sidebar--responsive.sidebar-subtle-primary .sidebar__item-label { display: none; } } @media (max-width: 768px) { .hcp-user .sidebar--drawer.sidebar, .hcp-user .sidebar--drawer.sidebar-primary, .hcp-user .sidebar--drawer.sidebar-subtle-primary, .sidebar--notifications.sidebar, .sidebar--notifications.sidebar-primary, .sidebar--notifications.sidebar-subtle-primary { --__op-sidebar-width: var(--_op-sidebar-drawer-width); --_op-sidebar-brand-width: var(--op-space-3x-large); position: fixed; z-index: var(--op-z-index-drawer); top: 0; bottom: 0; height: 100%; transform: translateX(-100%); transition: all 200ms ease-in-out; } .hcp-user .sidebar--drawer.sidebar .sidebar__content, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__content, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__content, .sidebar--notifications.sidebar .sidebar__content, .sidebar--notifications.sidebar-primary .sidebar__content, .sidebar--notifications.sidebar-subtle-primary .sidebar__content { padding: 0 var(--_op-sidebar-spacing); } .hcp-user .sidebar--drawer.sidebar .sidebar__section-title, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__section-title, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__section-title, .sidebar--notifications.sidebar .sidebar__section-title, .sidebar--notifications.sidebar-primary .sidebar__section-title, .sidebar--notifications.sidebar-subtle-primary .sidebar__section-title { overflow: hidden; height: var(--op-input-height-large); padding: var(--op-space-small) var(--op-space-medium); color: var(--_op-sidebar-text-color); font-size: var(--op-font-small); font-weight: var(--op-font-weight-bold); text-overflow: ellipsis; white-space: nowrap; } .hcp-user .sidebar--drawer.sidebar .sidebar__section-divider, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__section-divider, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__section-divider, .sidebar--notifications.sidebar .sidebar__section-divider, .sidebar--notifications.sidebar-primary .sidebar__section-divider, .sidebar--notifications.sidebar-subtle-primary .sidebar__section-divider { border-bottom: var(--op-border-width) solid var(--_op-sidebar-text-color); margin: 0 var(--_op-sidebar-spacing); } .hcp-user .sidebar--drawer.sidebar .sidebar__item, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__item, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__item, .sidebar--notifications.sidebar .sidebar__item, .sidebar--notifications.sidebar-primary .sidebar__item, .sidebar--notifications.sidebar-subtle-primary .sidebar__item { height: var(--op-input-height-large); flex-direction: row; padding: var(--op-space-x-small) var(--op-space-medium); border-radius: var(--op-radius-pill); gap: var(--_op-sidebar-link-spacing); } .hcp-user .sidebar--drawer.sidebar .sidebar__item:hover, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__item:hover, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__item:hover, .hcp-user .sidebar--drawer.sidebar .sidebar__item.active, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__item.active, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__item.active, .sidebar--notifications.sidebar .sidebar__item:hover, .sidebar--notifications.sidebar-primary .sidebar__item:hover, .sidebar--notifications.sidebar-subtle-primary .sidebar__item:hover, .sidebar--notifications.sidebar .sidebar__item.active, .sidebar--notifications.sidebar-primary .sidebar__item.active, .sidebar--notifications.sidebar-subtle-primary .sidebar__item.active { transition: var(--_op-sidebar-transition); } .hcp-user .sidebar--drawer.sidebar .sidebar__item:hover, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__item:hover, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__item:hover, .sidebar--notifications.sidebar .sidebar__item:hover, .sidebar--notifications.sidebar-primary .sidebar__item:hover, .sidebar--notifications.sidebar-subtle-primary .sidebar__item:hover { background-color: var(--_op-sidebar-icon-background-hover-color); color: var(--_op-sidebar-icon-text-hover-color); } .hcp-user .sidebar--drawer.sidebar .sidebar__item:hover .sidebar__item-icon, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__item:hover .sidebar__item-icon, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__item:hover .sidebar__item-icon, .sidebar--notifications.sidebar .sidebar__item:hover .sidebar__item-icon, .sidebar--notifications.sidebar-primary .sidebar__item:hover .sidebar__item-icon, .sidebar--notifications.sidebar-subtle-primary .sidebar__item:hover .sidebar__item-icon { color: var(--_op-sidebar-icon-text-hover-color); } .hcp-user .sidebar--drawer.sidebar .sidebar__item.active, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__item.active, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__item.active, .sidebar--notifications.sidebar .sidebar__item.active, .sidebar--notifications.sidebar-primary .sidebar__item.active, .sidebar--notifications.sidebar-subtle-primary .sidebar__item.active { background-color: var(--_op-sidebar-icon-background-active-color); color: var(--_op-sidebar-icon-text-active-color); } .hcp-user .sidebar--drawer.sidebar .sidebar__item, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__item, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__item, .sidebar--notifications.sidebar .sidebar__item, .sidebar--notifications.sidebar-primary .sidebar__item, .sidebar--notifications.sidebar-subtle-primary .sidebar__item { border-radius: var(--op-radius-medium); padding: var(--op-space-small) var(--op-space-large); height: var(--_op-sidebar-item-height); } .hcp-user .sidebar--drawer.sidebar .sidebar__item .sidebar__item-icon, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__item .sidebar__item-icon, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__item .sidebar__item-icon, .sidebar--notifications.sidebar .sidebar__item .sidebar__item-icon, .sidebar--notifications.sidebar-primary .sidebar__item .sidebar__item-icon, .sidebar--notifications.sidebar-subtle-primary .sidebar__item .sidebar__item-icon { font-size: var(--op-font-medium); } .hcp-user .sidebar--drawer.sidebar .sidebar__item .sidebar__item-label, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__item .sidebar__item-label, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__item .sidebar__item-label, .sidebar--notifications.sidebar .sidebar__item .sidebar__item-label, .sidebar--notifications.sidebar-primary .sidebar__item .sidebar__item-label, .sidebar--notifications.sidebar-subtle-primary .sidebar__item .sidebar__item-label { font-size: var(--op-font-small); } .hcp-user .sidebar--drawer.sidebar .sidebar__item.active:hover .sidebar__item-icon, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__item.active:hover .sidebar__item-icon, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__item.active:hover .sidebar__item-icon, .sidebar--notifications.sidebar .sidebar__item.active:hover .sidebar__item-icon, .sidebar--notifications.sidebar-primary .sidebar__item.active:hover .sidebar__item-icon, .sidebar--notifications.sidebar-subtle-primary .sidebar__item.active:hover .sidebar__item-icon { color: var(--_op-sidebar-icon-active-color); } .hcp-user .sidebar--drawer.sidebar .sidebar__section-divider, .hcp-user .sidebar--drawer.sidebar-primary .sidebar__section-divider, .hcp-user .sidebar--drawer.sidebar-subtle-primary .sidebar__section-divider, .sidebar--notifications.sidebar .sidebar__section-divider, .sidebar--notifications.sidebar-primary .sidebar__section-divider, .sidebar--notifications.sidebar-subtle-primary .sidebar__section-divider { margin: var(--op-space-small) 0; } .hcp-user .sidebar--drawer.open.sidebar, .hcp-user .sidebar--drawer.open.sidebar-primary, .hcp-user .sidebar--drawer.open.sidebar-subtle-primary, .sidebar--notifications.open.sidebar, .sidebar--notifications.open.sidebar-primary, .sidebar--notifications.open.sidebar-subtle-primary { transform: translateX(0%); } } .sidebar--rail.sidebar, .sidebar--rail.sidebar-primary, .sidebar--rail.sidebar-subtle-primary { --_op-sidebar-brand-width: var(--op-space-x-large); } .sidebar--rail.sidebar .sidebar__brand, .sidebar--rail.sidebar-primary .sidebar__brand, .sidebar--rail.sidebar-subtle-primary .sidebar__brand { display: flex; justify-content: center; padding: 0; } .sidebar--rail.sidebar .sidebar__content, .sidebar--rail.sidebar-primary .sidebar__content, .sidebar--rail.sidebar-subtle-primary .sidebar__content { align-items: center; gap: var(--op-space-2x-small); } .sidebar--rail.sidebar .sidebar__item, .sidebar--rail.sidebar-primary .sidebar__item, .sidebar--rail.sidebar-subtle-primary .sidebar__item { border-radius: var(--op-radius-medium); padding: 0; height: var(--_op-sidebar-item-height); width: var(--_op-sidebar-item-height); justify-content: center; } .sidebar--rail.sidebar .sidebar__item .sidebar__item-icon, .sidebar--rail.sidebar-primary .sidebar__item .sidebar__item-icon, .sidebar--rail.sidebar-subtle-primary .sidebar__item .sidebar__item-icon { padding: 0; color: var(--_op-sidebar-text-color); } .sidebar--rail.sidebar .sidebar__item:hover, .sidebar--rail.sidebar-primary .sidebar__item:hover, .sidebar--rail.sidebar-subtle-primary .sidebar__item:hover { background-color: var(--op-color-neutral-plus-seven); } .sidebar--rail.sidebar .sidebar__item:hover .sidebar__item-icon, .sidebar--rail.sidebar-primary .sidebar__item:hover .sidebar__item-icon, .sidebar--rail.sidebar-subtle-primary .sidebar__item:hover .sidebar__item-icon { background-color: transparent; } .sidebar--rail.sidebar .sidebar__item.active, .sidebar--rail.sidebar-primary .sidebar__item.active, .sidebar--rail.sidebar-subtle-primary .sidebar__item.active { background-color: var(--_op-sidebar-icon-background-active-color); } .sidebar--rail.sidebar .sidebar__item.active .sidebar__item-icon, .sidebar--rail.sidebar-primary .sidebar__item.active .sidebar__item-icon, .sidebar--rail.sidebar-subtle-primary .sidebar__item.active .sidebar__item-icon { background-color: transparent; color: var(--_op-sidebar-icon-text-active-color); } .sidebar--rail.sidebar .sidebar__item .sidebar__item-icon, .sidebar--rail.sidebar-primary .sidebar__item .sidebar__item-icon, .sidebar--rail.sidebar-subtle-primary .sidebar__item .sidebar__item-icon { font-size: var(--op-font-large); } .sidebar--rail.sidebar .sidebar__item-label, .sidebar--rail.sidebar-primary .sidebar__item-label, .sidebar--rail.sidebar-subtle-primary .sidebar__item-label { display: none; } .sidebar--notifications { border-left: var(--op-border-width) solid var(--op-color-neutral-plus-four); background-color: var(--op-color-neutral-plus-seven); } @media (max-width: 768px) { .sidebar--notifications { padding: calc(var(--_op-sidebar-spacing) * 2.5) 0; width: 100vw; } } .tab-group__tab--disabled { pointer-events: none; } .sidebar__close-btn { position: absolute; top: var(--op-space-2x-small); right: var(--op-space-2x-small); } @media (min-width: 768px) { .sidebar__close-btn { display: none; } } .sidebar-header__content { display: flex; flex-direction: column; gap: var(--op-space-large); padding: 0 var(--_op-sidebar-spacing); } .sidebar-header__content .sidebar-header__metadata { display: flex; flex-direction: column; gap: var(--op-space-large); } .sidebar-header__content .header__title { display: flex; flex-direction: column; align-items: flex-start; gap: var(--op-space-2x-small); } .sidebar-header__content .header__info { display: flex; flex-direction: column; align-items: flex-start; gap: var(--op-space-2x-small); } .sidebar-header__content .header__info .info-item { display: flex; flex-direction: column; align-items: flex-start; gap: var(--op-space-2x-small); } .sidebar-header__content .header__info .info-item .info-item__value, .sidebar-header__content .header__info .info-item .status-item__value { padding-left: var(--op-space-medium); } .session__content { height: 100dvh; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: var(--op-space-x-large); } .session__content .card, .session__content .invoice-address, .session__content .invoice-detail { width: 450px; } .session__content .card-padded { background-color: var(--op-color-neutral-plus-max); padding: var(--op-space-3x-large); } .session__content .form-link { font-size: var(--op-font-small); } .sign-in { display: flex; flex-direction: column; gap: var(--op-space-x-large); } .company-info { display: flex; width: 450px; gap: var(--op-space-x-large); border-top: solid 1px var(--op-color-neutral-plus-four); padding-top: var(--op-space-x-large); font-size: var(--op-font-x-small); line-height: var(--op-line-height-base); justify-content: space-between; } .company-info > div { padding: 0 var(--op-space-small) 0 var(--op-space-small); } .table, .index-table, .invoice-table, .table-primary, .table-danger, .table-container { color: var(--op-color-on-background); box-shadow: none; border-radius: 0; } .table thead, .index-table thead, .invoice-table thead, .table-primary thead, .table-danger thead, .table-container thead { background-color: var(--op-color-background); color: var(--op-color-on-background); box-shadow: inset 0 1px 0 var(--op-color-neutral-plus-five), inset 0 -1px 0 var(--op-color-neutral-plus-five); } .table th, .index-table th, .invoice-table th, .table-primary th, .table-danger th, .table-container th, .table td, .index-table td, .invoice-table td, .table-primary td, .table-danger td, .table-container td { text-transform: none; font-size: var(--op-font-small); line-height: var(--op-line-height-dense); } .table th.table-col--extra-padding, .index-table th.table-col--extra-padding, .invoice-table th.table-col--extra-padding, .table-primary th.table-col--extra-padding, .table-danger th.table-col--extra-padding, .table-container th.table-col--extra-padding, .table td.table-col--extra-padding, .index-table td.table-col--extra-padding, .invoice-table td.table-col--extra-padding, .table-primary td.table-col--extra-padding, .table-danger td.table-col--extra-padding, .table-container td.table-col--extra-padding { padding: var(--op-space-small) var(--op-space-small); } .table th.table-col-group-start, .index-table th.table-col-group-start, .invoice-table th.table-col-group-start, .table-primary th.table-col-group-start, .table-danger th.table-col-group-start, .table-container th.table-col-group-start, .table td.table-col-group-start, .index-table td.table-col-group-start, .invoice-table td.table-col-group-start, .table-primary td.table-col-group-start, .table-danger td.table-col-group-start, .table-container td.table-col-group-start { padding-left: var(--op-space-x-large); } .table th.table-col-group-end, .index-table th.table-col-group-end, .invoice-table th.table-col-group-end, .table-primary th.table-col-group-end, .table-danger th.table-col-group-end, .table-container th.table-col-group-end, .table td.table-col-group-end, .index-table td.table-col-group-end, .invoice-table td.table-col-group-end, .table-primary td.table-col-group-end, .table-danger td.table-col-group-end, .table-container td.table-col-group-end { padding-right: var(--op-space-x-large); } .table tr:not(:last-child), .index-table tr:not(:last-child), .invoice-table tr:not(:last-child), .table-primary tr:not(:last-child), .table-danger tr:not(:last-child), .table-container tr:not(:last-child) { box-shadow: none; } .table__heading.with-subheading th { padding-bottom: var(--op-space-2x-small); } .table__subheading { color: var(--op-color-on-background-alt); } .table__subheading th { padding-top: 0; } .hcp-name { display: flex; align-items: center; gap: var(--op-space-3x-small); } .pay-total { text-align: right; } .table-data--rates { display: flex; gap: var(--op-space-large); } .table-data--rate, .table-data--placeholder-rate { display: flex; flex-direction: column; align-items: flex-end; gap: var(--op-space-3x-small); } .table-data--rate .rate__dollars, .table-data--placeholder-rate .rate__dollars { font-weight: var(--op-font-weight-medium); white-space: nowrap; } .table-data--rate .rate__hours, .table-data--placeholder-rate .rate__hours { font-size: var(--op-font-small); color: var(--op-color-on-background-alt); white-space: nowrap; } .table-data--rate .rate__rate, .table-data--placeholder-rate .rate__rate { font-size: var(--op-font-x-small); font-weight: var(--op-font-weight-semi-bold); white-space: nowrap; } .table-data--rate .rate__rate small, .table-data--placeholder-rate .rate__rate small { font-size: var(--op-font-2x-small); color: var(--op-color-on-background-alt); } .table-data--placeholder-rate .rate__dollars { color: var(--op-color-neutral-plus-two); } .table-data--placeholder-rate .rate__hours { font-size: var(--op-font-2x-small); color: var(--op-color-neutral-plus-two); } .table-col--date { width: var(--op-input-width-medium); min-width: var(--op-input-width-medium); } .table-col--datetime { width: var(--op-input-width-x-small); min-width: var(--op-input-width-x-small); } .table-col--break { width: var(--op-input-width-small); min-width: var(--op-input-width-small); } .table-col--facility { min-width: var(--op-input-width-medium); } .table-col--small { width: var(--op-input-width-small); } .table-data__break { display: grid; grid-template-columns: auto 1fr; align-items: center; } .table-col--min-content, .table-col__actions { width: 1%; white-space: nowrap; } @media (max-width: 768px) { .table-col--min-content, .table-col__actions { width: var(--op-input-width-x-small); min-width: var(--op-input-width-x-small); } } .app-content .table--sticky-header thead, .app-content .index-table thead, .app-content .invoice-table thead { top: calc(-1 * var(--op-space-3x-large)); z-index: 1; } .page-actions + .app-content .table--sticky-header thead, .page-actions + .app-content .index-table thead, .page-actions + .app-content .invoice-table thead, .page-actions__calendar + .app-content .table--sticky-header thead, .page-actions__calendar + .app-content .index-table thead, .page-actions__calendar + .app-content .invoice-table thead { top: 0; } .table-data__actions { display: flex; gap: var(--op-space-x-small); align-items: center; justify-content: flex-end; } .index-table tbody tr:nth-child(even), .invoice-table tbody tr:nth-child(even) { background-color: var(--op-color-neutral-plus-six); color: var(--op-color-neutral-on-plus-six); } .index-table tbody tr:hover:not(.table-row--error), .invoice-table tbody tr:hover:not(.table-row--error) { background-color: var(--op-color-neutral-plus-four); color: var(--op-color-neutral-on-plus-four); } .index-table tbody tr:only-of-type:hover, .invoice-table tbody tr:only-of-type:hover { background-color: inherit; } .index-table .fit-content, .invoice-table .fit-content { width: 1%; } .index-table .checkbox-column, .invoice-table .checkbox-column { width: 3%; } @media (max-width: 768px) { .index-table .checkbox-column, .invoice-table .checkbox-column { width: var(--op-input-width-x-small); min-width: var(--op-input-width-x-small); } } .index-table .delete-column, .invoice-table .delete-column { width: 8%; } @media (max-width: 768px) { .index-table .delete-column, .invoice-table .delete-column { width: var(--op-input-width-x-small); min-width: var(--op-input-width-x-small); } } .index-table .text-center, .invoice-table .text-center { text-align: center; } .index-table .text-right, .invoice-table .text-right { text-align: right; } .index-table td.padding-x-xs, .invoice-table td.padding-x-xs { padding-left: var(--op-space-3x-small); padding-right: var(--op-space-3x-small); } .index-table th.right-border, .invoice-table th.right-border, .index-table td.right-border, .invoice-table td.right-border { box-shadow: inset var(--op-border-left) var(--op-border-color); } .index-table tr.hidden, .invoice-table tr.hidden { display: none; } .index-table.reduced-vertical-padding tr, .reduced-vertical-padding.invoice-table tr, .index-table.reduced-vertical-padding td, .reduced-vertical-padding.invoice-table td { padding-top: 0; padding-bottom: 0; } .index-table .caption, .invoice-table .caption { display: flex; align-items: center; gap: var(--op-space-small); padding-bottom: var(--op-space-small); } .index-table .caption .week-of, .invoice-table .caption .week-of { font-size: var(--op-font-small); font-weight: var(--op-font-weight-medium); } .additional-week { color: var(--op-color-neutral-on-plus-max-alt); padding-left: var(--op-space-2x-large); } .stacked-data { display: flex; flex-direction: column; gap: var(--op-space-2x-small); } .stacked-data .stacked-data__secondary { font-size: var(--op-font-x-small); text-transform: uppercase; color: var(--op-color-on-background-alt); } .sort_link { color: var(--op-color-on-background); text-decoration: none; display: inline-flex; gap: var(--op-space-small); align-items: center; } .sort_link .ti { font-size: var(--op-font-large); color: var(--op-color-on-background-alt); } .sort_link.desc, .sort_link.asc { font-weight: var(--op-font-weight-semi-bold); } .sort_link.desc .ti, .sort_link.asc .ti { color: var(--op-color-on-background); } .index-table:not(:first-of-type), .invoice-table:not(:first-of-type) { margin-top: var(--op-space-4x-large); } .modal .index-table thead, .modal .invoice-table thead, .modal .index-table tbody, .modal .invoice-table tbody { background-color: var(--op-color-neutral-plus-max); } .modal .index-table thead, .modal .invoice-table thead { color: var(--op-color-neutral-on-plus-max-alt); box-shadow: inset 0 -1px 0 var(--op-color-neutral-plus-five); } .modal .index-table tbody, .modal .invoice-table tbody { color: var(--op-color-neutral-on-plus-max); } .modal .index-table th, .modal .invoice-table th { padding-top: 0; } .info-section .index-table thead, .info-section .invoice-table thead { color: var(--op-color-neutral-on-plus-max-alt); box-shadow: inset 0 -1px 0 var(--op-color-neutral-plus-five); } .info-section .index-table th, .info-section .invoice-table th { padding-top: 0; } .modal__body .index-table thead, .modal__body .invoice-table thead { top: calc(var(--op-space-large) * -1); z-index: 2; } .table-row--error { background-color: var(--op-color-alerts-danger-plus-six); color: var(--op-color-alerts-danger-on-plus-six); } .tab-group { display: inline-flex; gap: var(--op-space-2x-small); box-shadow: var(--op-border-all) var(--op-color-neutral-plus-four), var(--op-input-recessed-shadow); background-color: var(--op-color-neutral-plus-six); color: var(--op-color-neutral-on-plus-six-alt); border-radius: var(--op-radius-medium); padding: var(--op-space-2x-small); position: relative; top: 50%; z-index: var(--op-z-index-header); max-width: 100%; overflow-x: auto; } .tab-group__tab { display: inline-flex; align-items: center; font-size: var(--op-font-small); line-height: var(--op-line-height-dense); font-weight: var(--op-font-weight-medium); border-radius: var(--op-radius-medium); padding: var(--op-space-x-small) var(--op-space-small); white-space: nowrap; user-select: none; cursor: pointer; text-decoration: none; min-height: var(--op-mobile-tap-area); color: var(--op-color-neutral-on-plus-six-alt); } .tab-group__tab:visited { color: var(--op-color-neutral-on-plus-six-alt); } .tab-group__tab.active, .tab-group__tab:hover { background-color: var(--op-color-primary-plus-max); color: var(--op-color-primary-on-plus-max); box-shadow: 0 1px 0 var(--op-protrude-shadow), inset 0 0 0 var(--op-border-width) var(--op-color-neutral-plus-four); } .tab-group__tab.active:visited, .tab-group__tab:hover:visited { color: var(--op-color-neutral-on-plus-six-alt); } .tab-group__tab.active:visited:hover, .tab-group__tab:hover:visited:hover { color: var(--op-color-primary-on-plus-max); } .tab-group__tab--disabled { opacity: 0.5; cursor: not-allowed; } .five-sixths-width { width: 83.3333333333%; } .one-sixth-width { width: 16.6666666667%; } .seven-eighths-width { width: 87.5%; } .five-eighths-width { width: 62.5%; } .one-eighth-width { width: 12.5%; } .one-tenth-width { width: 10%; } .padding-y-none { padding-top: 0; padding-bottom: 0; } @media print { .app-header--with-tabs + .app-content, .app-header--with-tabs + .page-actions, .app-header--with-tabs + .page-actions__calendar { padding-top: 0; } .app-body { display: block; } .app-content { padding: 0; display: block; } .app-header { display: none; } .sidebar { display: none; } .page-actions, .page-actions__calendar { display: none; } .sort_link span { display: none; } .app-with-sidebar { height: auto; } }