:root { --tec-grid-gutter: 48px; --tec-grid-gutter-negative: calc(var(--tec-grid-gutter)*-1); --tec-grid-gutter-half: calc(var(--tec-grid-gutter)/2); --tec-grid-gutter-half-negative: calc(var(--tec-grid-gutter-half)*-1); --tec-grid-gutter-small: 42px; --tec-grid-gutter-small-negative: calc(var(--tec-grid-gutter-small)*-1); --tec-grid-gutter-small-half: calc(var(--tec-grid-gutter-small)/2); --tec-grid-gutter-small-half-negative: calc(var(--tec-grid-gutter-small-half)*-1); --tec-grid-gutter-page: 42px; --tec-grid-gutter-page-small: 19.5px; --tec-grid-width-default: 1176px; --tec-grid-width-min: 320px; --tec-grid-width: calc(var(--tec-grid-width-default) + var(--tec-grid-gutter-page)*2); --tec-grid-width-1-of-2: 50%; --tec-grid-width-1-of-3: 33.333%; --tec-grid-width-1-of-4: 25%; --tec-grid-width-1-of-5: 20%; --tec-grid-width-1-of-7: 14.285%; --tec-grid-width-1-of-8: 12.5%; --tec-grid-width-1-of-9: 11.111%; --tec-spacer-0: 4px; --tec-spacer-1: 8px; --tec-spacer-2: 12px; --tec-spacer-3: 16px; --tec-spacer-4: 20px; --tec-spacer-5: 24px; --tec-spacer-6: 28px; --tec-spacer-7: 32px; --tec-spacer-8: 40px; --tec-spacer-9: 48px; --tec-spacer-10: 56px; --tec-spacer-11: 64px; --tec-spacer-12: 80px; --tec-spacer-13: 96px; --tec-spacer-14: 160px; --tec-z-index-spinner-container: 100; --tec-z-index-views-selector: 30; --tec-z-index-dropdown: 30; --tec-z-index-events-bar-button: 20; --tec-z-index-search: 10; --tec-z-index-filters: 9; --tec-z-index-scroller: 7; --tec-z-index-week-event-hover: 5; --tec-z-index-map-event-hover: 5; --tec-z-index-map-event-hover-actions: 6; --tec-z-index-multiday-event: 5; --tec-z-index-multiday-event-bar: 2; --tec-color-text-primary: #141827; --tec-color-text-primary-light: rgba(20,24,39,.62); --tec-color-text-secondary: #5d5d5d; --tec-color-text-disabled: #d5d5d5; --tec-color-text-events-title: var(--tec-color-text-primary); --tec-color-text-event-title: var(--tec-color-text-events-title); --tec-color-text-event-date: var(--tec-color-text-primary); --tec-color-text-secondary-event-date: var(--tec-color-text-secondary); --tec-color-icon-primary: #5d5d5d; --tec-color-icon-primary-alt: #757575; --tec-color-icon-secondary: #bababa; --tec-color-icon-active: #141827; --tec-color-icon-disabled: #d5d5d5; --tec-color-icon-focus: #334aff; --tec-color-icon-error: #da394d; --tec-color-event-icon: #141827; --tec-color-event-icon-hover: #334aff; --tec-color-accent-primary: #334aff; --tec-color-accent-primary-hover: rgba(51,74,255,.8); --tec-color-accent-primary-active: rgba(51,74,255,.9); --tec-color-accent-primary-background: rgba(51,74,255,.07); --tec-color-accent-secondary: #141827; --tec-color-accent-secondary-hover: rgba(20,24,39,.8); --tec-color-accent-secondary-active: rgba(20,24,39,.9); --tec-color-accent-secondary-background: rgba(20,24,39,.07); --tec-color-button-primary: var(--tec-color-accent-primary); --tec-color-button-primary-hover: var(--tec-color-accent-primary-hover); --tec-color-button-primary-active: var(--tec-color-accent-primary-active); --tec-color-button-primary-background: var(--tec-color-accent-primary-background); --tec-color-button-secondary: var(--tec-color-accent-secondary); --tec-color-button-secondary-hover: var(--tec-color-accent-secondary-hover); --tec-color-button-secondary-active: var(--tec-color-accent-secondary-active); --tec-color-button-secondary-background: var(--tec-color-accent-secondary-background); --tec-color-link-primary: var(--tec-color-text-primary); --tec-color-link-accent: var(--tec-color-accent-primary); --tec-color-link-accent-hover: rgba(51,74,255,.8); --tec-color-border-default: #d5d5d5; --tec-color-border-secondary: #e4e4e4; --tec-color-border-tertiary: #7d7d7d; --tec-color-border-hover: #5d5d5d; --tec-color-border-active: #141827; --tec-color-background: #fff; --tec-color-background-events: transparent; --tec-color-background-transparent: hsla(0,0%,100%,.6); --tec-color-background-secondary: #f7f6f6; --tec-color-background-messages: rgba(20,24,39,.07); --tec-color-background-secondary-hover: #f0eeee; --tec-color-background-error: rgba(218,57,77,.08); --tec-color-box-shadow: rgba(0,0,0,.14); --tec-color-box-shadow-secondary: rgba(0,0,0,.1); --tec-color-scroll-track: rgba(0,0,0,.25); --tec-color-scroll-bar: rgba(0,0,0,.5); --tec-color-background-primary-multiday: rgba(51,74,255,.24); --tec-color-background-primary-multiday-hover: rgba(51,74,255,.34); --tec-color-background-secondary-multiday: rgba(20,24,39,.24); --tec-color-background-secondary-multiday-hover: rgba(20,24,39,.34); --tec-color-accent-primary-week-event: rgba(51,74,255,.1); --tec-color-accent-primary-week-event-hover: rgba(51,74,255,.2); --tec-color-accent-primary-week-event-featured: rgba(51,74,255,.04); --tec-color-accent-primary-week-event-featured-hover: rgba(51,74,255,.14); --tec-color-background-secondary-datepicker: var(--tec-color-background-secondary); --tec-color-accent-primary-background-datepicker: var(--tec-color-accent-primary-background); }