/* Start:/local/templates/2023/assets/styles/directives/lightbox.css?1692714882622*/ /*! * Components/PhotoSwipe */ .pswp--lightbox { --pswp-bg: rgb(var(--x-sys-color-scrim)); --pswp-placeholder-bg: rgb(var(--x-sys-color-scrim)); --pswp-root-z-index: 2500; --pswp-preloader-color: rgb(var(--x-sys-color-surface)); --pswp-preloader-color-secondary: rgb(var(--x-sys-color-surface)); --pswp-icon-color: rgb(var(--x-sys-color-surface)); --pswp-icon-color-secondary: rgb(var(--x-sys-color-on-surface)); --pswp-icon-stroke-color: rgb(var(--x-sys-color-on-surface)); --pswp-icon-stroke-width: 0.125rem; --pswp-error-text-color: rgb(var(--x-sys-color-error)); pointer-events: auto; } /* End */ /* Start:/local/templates/2023/assets/styles/directives/ripple.css?1691681256736*/ .x-ripple__container { border-radius: inherit; color: inherit; contain: strict; height: 100%; left: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 0; } .x-ripple__animation { background: currentColor; border-radius: 50%; color: inherit; left: 0; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; will-change: transform, opacity; } .x-ripple__animation--enter { transition: none; } .x-ripple__animation--in { transition: transform 0.105s cubic-bezier(0, 0, 0.2, 1), opacity 0.15s cubic-bezier(0, 0, 0.2, 1); } .x-ripple__animation--out { transition: opacity 0.375s cubic-bezier(0, 0, 0.2, 1); } /* End */ /* Start:/local/templates/2023/assets/styles/settings/elevation.css?167881931710085*/ /*! * Settings/Elevation */ :root { --x-shadow-key-umbra-color: rgba(0, 0, 0, 0.2); --x-shadow-key-penumbra-color: rgba(0, 0, 0, 0.14); --x-shadow-key-ambient-color: rgba(0, 0, 0, 0.12); --x-shadow-key-umbra-0: 0 0 0 0 var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-1: 0 0.125rem 0.0625rem -0.0625rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-2: 0 0.1875rem 0.0625rem -0.125rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-3: 0 0.1875rem 0.1875rem -0.125rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-4: 0 0.125rem 0.25rem -0.0625rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-5: 0 0.1875rem 0.3125rem -0.0625rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-6: 0 0.1875rem 0.3125rem -0.0625rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-7: 0 0.25rem 0.3125rem -0.125rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-8: 0 0.3125rem 0.3125rem -0.1875rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-9: 0 0.3125rem 0.375rem -0.1875rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-10: 0 0.375rem 0.375rem -0.1875rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-11: 0 0.375rem 0.4375rem -0.25rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-12: 0 0.4375rem 0.5rem -0.25rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-13: 0 0.4375rem 0.5rem -0.25rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-14: 0 0.4375rem 0.5625rem -0.25rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-15: 0 0.5rem 0.5625rem -0.3125rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-16: 0 0.5rem 0.625rem -0.3125rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-17: 0 0.5rem 0.6875rem -0.3125rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-18: 0 0.5625rem 0.6875rem -0.3125rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-19: 0 0.5625rem 0.75rem -0.375rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-20: 0 0.625rem 0.8125rem -0.375rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-21: 0 0.625rem 0.8125rem -0.375rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-22: 0 0.625rem 0.875rem -0.375rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-23: 0 0.6875rem 0.875rem -0.4375rem var(--x-shadow-key-umbra-color); --x-shadow-key-umbra-24: 0 0.6875rem 0.9375rem -0.4375rem var(--x-shadow-key-umbra-color); --x-shadow-key-penumbra-0: 0 0 0 0 var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-1: 0 0.0625rem 0.0625rem 0 var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-2: 0 0.125rem 0.125rem 0 var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-3: 0 0.1875rem 0.25rem 0 var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-4: 0 0.25rem 0.3125rem 0 var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-5: 0 0.3125rem 0.5rem 0 var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-6: 0 0.375rem 0.625rem 0 var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-7: 0 0.4375rem 0.625rem 0.0625rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-8: 0 0.5rem 0.625rem 0.0625rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-9: 0 0.5625rem 0.75rem 0.0625rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-10: 0 0.625rem 0.875rem 0.0625rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-11: 0 0.6875rem 0.9375rem 0.0625rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-12: 0 0.75rem 1.0625rem 0.125rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-13: 0 0.8125rem 1.1875rem 0.125rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-14: 0 0.875rem 1.3125rem 0.125rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-15: 0 0.9375rem 1.375rem 0.125rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-16: 0 1rem 1.5rem 0.125rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-17: 0 1.0625rem 1.625rem 0.125rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-18: 0 1.125rem 1.75rem 0.125rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-19: 0 1.1875rem 1.8125rem 0.125rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-20: 0 1.25rem 1.9375rem 0.1875rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-21: 0 1.3125rem 2.0625rem 0.1875rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-22: 0 1.375rem 2.1875rem 0.1875rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-23: 0 1.4375rem 2.25rem 0.1875rem var(--x-shadow-key-penumbra-color); --x-shadow-key-penumbra-24: 0 1.5rem 2.375rem 0.1875rem var(--x-shadow-key-penumbra-color); --x-shadow-key-ambient-0: 0 0 0 0 var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-1: 0 0.0625rem 0.1875rem 0 var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-2: 0 0.0625rem 0.3125rem 0 var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-3: 0 0.0625rem 0.5rem 0 var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-4: 0 0.0625rem 0.625rem 0 var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-5: 0 0.0625rem 0.875rem 0 var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-6: 0 0.0625rem 1.125rem 0 var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-7: 0 0.125rem 1rem 0.0625rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-8: 0 0.1875rem 0.875rem 0.125rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-9: 0 0.1875rem 1rem 0.125rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-10: 0 0.25rem 1.125rem 0.1875rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-11: 0 0.25rem 1.25rem 0.1875rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-12: 0 0.3125rem 1.375rem 0.25rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-13: 0 0.3125rem 1.5rem 0.25rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-14: 0 0.3125rem 1.625rem 0.25rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-15: 0 0.375rem 1.75rem 0.3125rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-16: 0 0.375rem 30 0.3125rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-17: 0 0.375rem 2rem 0.3125rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-18: 0 0.4375rem 2.125rem 0.375rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-19: 0 0.4375rem 2.25rem 0.375rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-20: 0 0.5rem 2.375rem 0.4375rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-21: 0 0.5rem 40 0.4375rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-22: 0 0.5rem 2.625rem 0.4375rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-23: 0 0.5625rem 2.75rem 0.5rem var(--x-shadow-key-ambient-color); --x-shadow-key-ambient-24: 0 0.5625rem 2.875rem 0.5rem var(--x-shadow-key-ambient-color); --x-sys-elevation-level-0: var(--x-shadow-key-umbra-0), var(--x-shadow-key-penumbra-0), var(--x-shadow-key-ambient-0); --x-sys-elevation-level-1: var(--x-shadow-key-umbra-1), var(--x-shadow-key-penumbra-1), var(--x-shadow-key-ambient-1); --x-sys-elevation-level-2: var(--x-shadow-key-umbra-2), var(--x-shadow-key-penumbra-2), var(--x-shadow-key-ambient-2); --x-sys-elevation-level-3: var(--x-shadow-key-umbra-3), var(--x-shadow-key-penumbra-3), var(--x-shadow-key-ambient-3); --x-sys-elevation-level-4: var(--x-shadow-key-umbra-4), var(--x-shadow-key-penumbra-4), var(--x-shadow-key-ambient-4); --x-sys-elevation-level-5: var(--x-shadow-key-umbra-5), var(--x-shadow-key-penumbra-5), var(--x-shadow-key-ambient-5); --x-sys-elevation-level-6: var(--x-shadow-key-umbra-6), var(--x-shadow-key-penumbra-6), var(--x-shadow-key-ambient-6); --x-sys-elevation-level-7: var(--x-shadow-key-umbra-7), var(--x-shadow-key-penumbra-7), var(--x-shadow-key-ambient-7); --x-sys-elevation-level-8: var(--x-shadow-key-umbra-8), var(--x-shadow-key-penumbra-8), var(--x-shadow-key-ambient-8); --x-sys-elevation-level-9: var(--x-shadow-key-umbra-9), var(--x-shadow-key-penumbra-9), var(--x-shadow-key-ambient-9); --x-sys-elevation-level-10: var(--x-shadow-key-umbra-10), var(--x-shadow-key-penumbra-10), var(--x-shadow-key-ambient-10); --x-sys-elevation-level-11: var(--x-shadow-key-umbra-11), var(--x-shadow-key-penumbra-11), var(--x-shadow-key-ambient-11); --x-sys-elevation-level-12: var(--x-shadow-key-umbra-12), var(--x-shadow-key-penumbra-12), var(--x-shadow-key-ambient-12); --x-sys-elevation-level-13: var(--x-shadow-key-umbra-13), var(--x-shadow-key-penumbra-13), var(--x-shadow-key-ambient-13); --x-sys-elevation-level-14: var(--x-shadow-key-umbra-14), var(--x-shadow-key-penumbra-14), var(--x-shadow-key-ambient-14); --x-sys-elevation-level-15: var(--x-shadow-key-umbra-15), var(--x-shadow-key-penumbra-15), var(--x-shadow-key-ambient-15); --x-sys-elevation-level-16: var(--x-shadow-key-umbra-16), var(--x-shadow-key-penumbra-16), var(--x-shadow-key-ambient-16); --x-sys-elevation-level-17: var(--x-shadow-key-umbra-17), var(--x-shadow-key-penumbra-17), var(--x-shadow-key-ambient-17); --x-sys-elevation-level-18: var(--x-shadow-key-umbra-18), var(--x-shadow-key-penumbra-18), var(--x-shadow-key-ambient-18); --x-sys-elevation-level-19: var(--x-shadow-key-umbra-19), var(--x-shadow-key-penumbra-19), var(--x-shadow-key-ambient-19); --x-sys-elevation-level-20: var(--x-shadow-key-umbra-20), var(--x-shadow-key-penumbra-20), var(--x-shadow-key-ambient-20); --x-sys-elevation-level-21: var(--x-shadow-key-umbra-21), var(--x-shadow-key-penumbra-21), var(--x-shadow-key-ambient-21); --x-sys-elevation-level-22: var(--x-shadow-key-umbra-22), var(--x-shadow-key-penumbra-22), var(--x-shadow-key-ambient-22); --x-sys-elevation-level-23: var(--x-shadow-key-umbra-23), var(--x-shadow-key-penumbra-23), var(--x-shadow-key-ambient-23); --x-sys-elevation-level-24: var(--x-shadow-key-umbra-24), var(--x-shadow-key-penumbra-24), var(--x-shadow-key-ambient-24); } /* End */ /* Start:/local/templates/2023/assets/styles/settings/variables.css?1695729320355*/ /*! * Settings/Variables */ :root { --x-ref-app-bar-content-height: 4rem; --x-ref-app-bar-extension-height: 0rem; --x-ref-app-bar-height: calc(var(--x-ref-app-bar-content-height) + var(--x-ref-app-bar-extension-height)); } @media (min-width: 80em) { :root { --x-ref-app-bar-content-height: 5rem; --x-ref-app-bar-extension-height: 4.5rem; } } /* End */ /* Start:/local/templates/2023/assets/styles/settings/x-ref-palette.css?1732271758662*/ /** * Settings/Colors */ :root { /* Shades */ /* #000 */ --x-ref-palette-black: 0, 0, 0; /* #fff */ --x-ref-palette-white: 255, 255, 255; /* Neutral */ /* #222222 */ --x-ref-palette-nero: 34, 34, 34; /* #ececeb */ --x-ref-palette-sugar-cane: 236, 236, 235; /* #f4f3f2 */ --x-ref-palette-hint-of-red: 244, 243, 242; /* Other */ /* #c3e1ce */ --x-ref-palette-granny-apple: 195, 225, 206; /* #def6e5 */ --x-ref-palette-granny-apple-light: 222, 246, 229; /* #f6d2dc */ --x-ref-palette-pink-lace: 255, 223, 234; /* #f2e8dd */ --x-ref-palette-desert-storm: 242, 232, 221; /* #f2e8dd */ --x-ref-palette-venetian-red: 215, 0, 16; } /* End */ /* Start:/local/templates/2023/assets/styles/settings/x-ref-typeface.css?1691668871193*/ /*! * Settings/Typography */ :root { --x-ref-typeface-brand: "Manrope", sans-serif; --x-ref-typeface-plain: var(--x-ref-typeface-brand); --x-ref-typeface-code: unset; } /* End */ /* Start:/local/templates/2023/assets/styles/settings/x-sys-motion.css?16916810961398*/ /*! * Settings/Motion */ :root { --x-sys-motion-duration-short1: 50ms; --x-sys-motion-duration-short2: 100ms; --x-sys-motion-duration-short3: 150ms; --x-sys-motion-duration-short4: 200ms; --x-sys-motion-duration-medium1: 250ms; --x-sys-motion-duration-medium2: 300ms; --x-sys-motion-duration-medium3: 350ms; --x-sys-motion-duration-medium4: 400ms; --x-sys-motion-duration-long1: 450ms; --x-sys-motion-duration-long2: 500ms; --x-sys-motion-duration-long3: 550ms; --x-sys-motion-duration-long4: 600ms; --x-sys-motion-duration-x-long1: 700ms; --x-sys-motion-duration-x-long2: 800ms; --x-sys-motion-duration-x-long3: 400ms; --x-sys-motion-duration-x-long4: 1000ms; --x-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1); --x-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1); --x-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1); --x-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1); --x-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1); --x-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1); --x-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15); --x-sys-motion-easing-legacy: cubic-bezier(0.4, 0, 0.2, 1); --x-sys-motion-easing-legacy-decelerate: cubic-bezier(0, 0, 0.2, 1); --x-sys-motion-easing-legacy-accelerate: cubic-bezier(0.4, 0, 1, 1); } /* End */ /* Start:/local/templates/2023/assets/styles/settings/x-sys-shape.css?1678818780307*/ /*! * Settings/Shape */ :root { --x-sys-shape-corner-none: 0; --x-sys-shape-corner-x-small: 0.25rem; --x-sys-shape-corner-small: 0.5rem; --x-sys-shape-corner-medium: 0.75rem; --x-sys-shape-corner-large: 1rem; --x-sys-shape-corner-x-large: 1.5rem; --x-sys-shape-corner-full: 999rem; } /* End */ /* Start:/local/templates/2023/assets/styles/settings/x-sys-state.css?1692175409660*/ /*! * Settings/State */ :root { --x-sys-state-disabled-container-opacity: 0.12; --x-sys-state-disabled-container-variant-opacity: 0.04; --x-sys-state-disabled-text-opacity: 0.38; --x-sys-state-hover-state-layer-opacity: 0.08; --x-sys-state-focus-layer-motion-duration: var(--x-sys-motion-duration-short4, 200ms); --x-sys-state-focus-layer-motion-easing: var(--x-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)); --x-sys-state-focus-state-layer-opacity: 0.12; --x-sys-state-pressed-state-layer-opacity: 0.12; --x-sys-state-dragged-state-layer-opacity: 0.16; --x-sys-state-layer-multiplier: 1; } /* End */ /* Start:/local/templates/2023/assets/styles/settings/x-sys-typescale.css?16921306094925*/ /*! * Settings/Typography */ :root { /* Display */ --x-sys-typescale-display-large-font: var(--x-ref-typeface-brand); --x-sys-typescale-display-large-line-height: 4.5rem; --x-sys-typescale-display-large-size: 3.25rem; --x-sys-typescale-display-large-tracking: normal; --x-sys-typescale-display-large-transform: none; --x-sys-typescale-display-large-weight: 700; --x-sys-typescale-display-medium-font: var(--x-ref-typeface-brand); --x-sys-typescale-display-medium-line-height: 4rem; --x-sys-typescale-display-medium-size: 2.875rem; --x-sys-typescale-display-medium-tracking: normal; --x-sys-typescale-display-medium-transform: none; --x-sys-typescale-display-medium-weight: 700; --x-sys-typescale-display-small-font: var(--x-ref-typeface-brand); --x-sys-typescale-display-small-line-height: 3.5rem; --x-sys-typescale-display-small-size: 2.5rem; --x-sys-typescale-display-small-tracking: normal; --x-sys-typescale-display-small-transform: none; --x-sys-typescale-display-small-weight: 700; /* Headline */ --x-sys-typescale-headline-large-font: var(--x-ref-typeface-brand); --x-sys-typescale-headline-large-line-height: 3.25rem; --x-sys-typescale-headline-large-size: 2.25rem; --x-sys-typescale-headline-large-tracking: normal; --x-sys-typescale-headline-large-transform: none; --x-sys-typescale-headline-large-weight: 700; --x-sys-typescale-headline-medium-font: var(--x-ref-typeface-brand); --x-sys-typescale-headline-medium-line-height: 2.75rem; --x-sys-typescale-headline-medium-size: 2rem; --x-sys-typescale-headline-medium-tracking: normal; --x-sys-typescale-headline-medium-transform: none; --x-sys-typescale-headline-medium-weight: 700; --x-sys-typescale-headline-small-font: var(--x-ref-typeface-brand); --x-sys-typescale-headline-small-line-height: 2.25rem; --x-sys-typescale-headline-small-size: 1.75rem; --x-sys-typescale-headline-small-tracking: normal; --x-sys-typescale-headline-small-transform: none; --x-sys-typescale-headline-small-weight: 700; /* Title */ --x-sys-typescale-title-large-font: var(--x-ref-typeface-brand); --x-sys-typescale-title-large-line-height: 2rem; --x-sys-typescale-title-large-size: 1.5rem; --x-sys-typescale-title-large-tracking: normal; --x-sys-typescale-title-large-transform: none; --x-sys-typescale-title-large-weight: 700; --x-sys-typescale-title-medium-font: var(--x-ref-typeface-brand); --x-sys-typescale-title-medium-line-height: 1.75rem; --x-sys-typescale-title-medium-size: 1.375rem; --x-sys-typescale-title-medium-tracking: normal; --x-sys-typescale-title-medium-transform: none; --x-sys-typescale-title-medium-weight: 700; --x-sys-typescale-title-small-font: var(--x-ref-typeface-brand); --x-sys-typescale-title-small-line-height: 1.5rem; --x-sys-typescale-title-small-size: 1.25rem; --x-sys-typescale-title-small-tracking: normal; --x-sys-typescale-title-small-transform: none; --x-sys-typescale-title-small-weight: 700; /* Label */ --x-sys-typescale-label-large-font: var(--x-ref-typeface-plain); --x-sys-typescale-label-large-line-height: 1.25rem; --x-sys-typescale-label-large-size: 0.875rem; --x-sys-typescale-label-large-tracking: normal; --x-sys-typescale-label-large-transform: none; --x-sys-typescale-label-large-weight: 600; --x-sys-typescale-label-medium-font: var(--x-ref-typeface-plain); --x-sys-typescale-label-medium-line-height: 1rem; --x-sys-typescale-label-medium-size: 0.75rem; --x-sys-typescale-label-medium-tracking: normal; --x-sys-typescale-label-medium-transform: none; --x-sys-typescale-label-medium-weight: 600; --x-sys-typescale-label-small-font: var(--x-ref-typeface-plain); --x-sys-typescale-label-small-line-height: 1rem; --x-sys-typescale-label-small-size: 0.6875rem; --x-sys-typescale-label-small-tracking: normal; --x-sys-typescale-label-small-transform: none; --x-sys-typescale-label-small-weight: 600; /* Body */ --x-sys-typescale-body-large-font: var(--x-ref-typeface-plain); --x-sys-typescale-body-large-line-height: 1.75rem; --x-sys-typescale-body-large-size: 1.125rem; --x-sys-typescale-body-large-tracking: normal; --x-sys-typescale-body-large-transform: none; --x-sys-typescale-body-large-weight: 500; --x-sys-typescale-body-medium-font: var(--x-ref-typeface-plain); --x-sys-typescale-body-medium-line-height: 1.5rem; --x-sys-typescale-body-medium-size: 1rem; --x-sys-typescale-body-medium-tracking: normal; --x-sys-typescale-body-medium-transform: none; --x-sys-typescale-body-medium-weight: 500; --x-sys-typescale-body-small-font: var(--x-ref-typeface-plain); --x-sys-typescale-body-small-line-height: 1.25rem; --x-sys-typescale-body-small-size: 0.875rem; --x-sys-typescale-body-small-tracking: normal; --x-sys-typescale-body-small-transform: none; --x-sys-typescale-body-small-weight: 500; } /* End */ /* Start:/local/templates/2023/assets/styles/settings/x-comp.css?169574394813280*/ /*! * Settings/Components */ /* .x-app { --x-comp-app-background: rgb(var(--x-sys-color-background)); --x-comp-app-color: rgb(var(--x-sys-color-on-background)); } */ /* .x-app-bar { --x-comp-app-bar-background: rgb(var(--x-sys-color-surface)); --x-comp-app-bar-color: rgba( var(--x-sys-color-on-surface), var(--x-sys-opacity-high-emphasis) ); --x-comp-app-bar-elevation: 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.2), 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.14), 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.12); } */ .x-avatar { /* --x-comp-avatar-border-radius: 50%; */ /* --x-comp-avatar-density-default-reducer: 0rem; */ /* --x-comp-avatar-density-comfortable-reducer: -0.25rem; */ /* --x-comp-avatar-density-compact-reducer: -0.5rem; */ /* --x-comp-avatar-elevated-elevation: 0 0.125rem 0.0625rem -0.0625rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.14), 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12); */ /* --x-comp-avatar-filled-background: var(--x-sys-color-surface); */ /* --x-comp-avatar-filled-color: rgba(var(--x-sys-color-on-surface), var(--x-medium-emphasis-opacity)); */ /* --x-comp-avatar-filled-elevation: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); */ --x-comp-avatar-line-height: 1; /* --x-comp-avatar-outlined-border-width: 0.0625rem; */ /* --x-comp-avatar-plain-opacity: 0.62; */ --x-comp-avatar-rounded-border-radius: var(--x-sys-shape-corner-medium); /* --x-comp-avatar-size-x-small-height: 1.5rem; */ /* --x-comp-avatar-size-small-height: 2rem; */ /* --x-comp-avatar-size-default-height: 2.5rem; */ /* --x-comp-avatar-size-large-height: 3rem; */ /* --x-comp-avatar-size-x-large-height: 3.5rem; */ /* --x-comp-avatar-vertical-align: middle; */ } .x-btn { --x-comp-btn-container-shape: var(--x-sys-shape-corner-x-small); --x-comp-btn-letter-spacing: normal; --x-comp-btn-size-default-height: 3rem; --x-comp-btn-size-default-size: 1rem; --x-comp-btn-default-min-width: 4.5rem; --x-comp-btn-default-padding: 0 1.5rem; --x-comp-btn-size-large-height: 3.5rem; --x-comp-btn-size-large-size: 1.25rem; --x-comp-btn-large-min-width: 6.5rem; --x-comp-btn-large-padding: 0 2rem; --x-comp-btn-size-x-large-height: 4rem; --x-comp-btn-size-x-large-size: 1.5rem; --x-comp-btn-x-large-min-width: 7.5rem; --x-comp-btn-x-large-padding: 0 2.5rem; --x-comp-btn-density-default-reducer: 0rem; --x-comp-btn-density-comfortable-reducer: -0.5rem; --x-comp-btn-density-comfortable-reducer: -1rem; --x-comp-btn-pagination-border-radius: var(--x-sys-shape-corner-small); } .x-breadcrumbs { /* --x-comp-breadcrumbs-divider-padding: 0 0.25rem; */ /* --x-comp-breadcrumbs-item-disabled-opacity: var(--x-disabled-opacity); */ /* --x-comp-breadcrumbs-item-icon-font-size: var(--x-sys-typescale-body-medium-size); */ --x-comp-breadcrumbs-item-icon-margin-inline-end: 0.125rem; --x-comp-breadcrumbs-item-icon-margin-inline-start: -0.25rem; --x-comp-breadcrumbs-item-padding: 0 0.125rem; --x-comp-breadcrumbs-line-height: var(--x-sys-typescale-label-medium-line-height); --x-comp-breadcrumbs-padding: 0; /* --x-comp-breadcrumbs-rounded-border-radius: var(--x-sys-shape-corner-medium); */ /* --x-comp-breadcrumbs-vertical-align: middle; */ } .x-card { --x-comp-card-actions-flex: none; --x-comp-card-actions-min-height: 3.25rem; --x-comp-card-actions-padding: 0.5rem; --x-comp-card-avatar-align-self: flex-start; --x-comp-card-avatar-padding: 0.5rem 1rem; --x-comp-card-avatar-header-padding: 0; --x-comp-card-background: rgb(var(--x-sys-color-surface)); --x-comp-card-border-color: var(--x-border-color-root); --x-comp-card-border-radius: var(--x-sys-shape-corner-small); --x-comp-card-border-style: var(--x-border-style-root); --x-comp-card-border-width: 0; --x-comp-card-border-thin-width: 0.0625rem; --x-comp-card-color: rgb(var(--x-sys-color-on-surface)); --x-comp-card-content-flex: 1 1 auto; --x-comp-card-disabled-opacity: 0.6; --x-comp-card-elevation-default: var(--x-shadow-key-4); --x-comp-card-elevation-hover: var(--x-shadow-key-8); --x-comp-card-elevation-active: var(--x-shadow-key-12); --x-comp-card-elevation-dragged: var(--x-shadow-key-16); --x-comp-card-filled-elevation: var(--x-shadow-key-0); --x-comp-card-header-flex: none; --x-comp-card-header-text-flex: 1 1 auto; --x-comp-card-img-flex: 1 1 auto; --x-comp-card-item-align-items: center; --x-comp-card-item-padding: 0.625rem 1rem; --x-comp-card-outlined-border-width: 0.0625rem; --x-comp-card-overlay-activated-opacity: var(--x-state-opacity-activated); --x-comp-card-overlay-focus-opacity: var(--x-state-opacity-focus); --x-comp-card-overlay-hover-opacity: var(--x-state-opacity-hover); --x-comp-card-overlay-pressed-opacity: var(--x-state-opacity-pressed); --x-comp-card-padding: 0; --x-comp-card-plain-opacity: 0.62; --x-comp-card-subtitle-density-comfortable-line-height: 1.125rem; --x-comp-card-subtitle-density-compact-line-height: 1rem; --x-comp-card-subtitle-flex: none; --x-comp-card-subtitle-font-size: var(--x-sys-typescale-body-medium-size); --x-comp-card-subtitle-font-weight: var(--x-sys-typescale-body-medium-weight); --x-comp-card-subtitle-header-padding: 0 0 0.25rem; --x-comp-card-subtitle-letter-spacing: normal; --x-comp-card-subtitle-line-height: var(--x-sys-typescale-body-medium-line-height); --x-comp-card-subtitle-opacity: var(--x-medium-emphasis-opacity); --x-comp-card-subtitle-padding: 0 1rem; --x-comp-card-subtitle-text-transform: none; --x-comp-card-text-density-comfortable-line-height: 1.125rem; --x-comp-card-text-density-compact-line-height: 1rem; --x-comp-card-text-flex: 1 1 auto; --x-comp-card-text-font-size: var(--x-sys-typescale-body-medium-size); --x-comp-card-text-font-weight: var(--x-sys-typescale-body-medium-weight); --x-comp-card-text-letter-spacing: normal; --x-comp-card-text-line-height: var(--x-sys-typescale-body-medium-line-height); --x-comp-card-text-padding: 1rem; --x-comp-card-text-text-transform: none; --x-comp-card-title-density-comfortable-line-height: 1.75rem; --x-comp-card-title-density-compact-line-height: 1.5rem; --x-comp-card-title-flex: none; --x-comp-card-title-font-size: 1.375rem; --x-comp-card-title-font-weight: var(--x-sys-typescale-title-medium-weight); --x-comp-card-title-header-padding: 0; --x-comp-card-title-hyphens: none; --x-comp-card-title-letter-spacing: 0; --x-comp-card-title-overflow-wrap: normal; --x-comp-card-title-padding: 0.5rem 1rem; --x-comp-card-title-text-transform: var(--x-sys-typescale-title-medium-transform); --x-comp-card-title-word-break: normal; --x-comp-card-title-word-wrap: break-word; --x-comp-card-text-line-height: var(--x-sys-typescale-body-medium-line-height); --x-comp-card-container-shape: var(--x-sys-shape-corner-x-small); /* --x-comp-card-transition-duration: var(--x-sys-motion-duration-medium-2); */ /* --x-comp-card-transition-property: background, box-shadow, opacity; */ /* --x-comp-card-transition-timing-function: var(--x-sys-motion-easing-legacy); */ } .x-container { --x-comp-container-breakpoint-xl-max-width: 75rem; } /* .x-counter { --x-comp-counter-color: rgba(var(--x-sys-color-on-surface), var(--x-sys-opacity-medium-emphasis)); --x-comp-counter-flex: 0 1 auto; --x-comp-counter-font-size: 0.75rem; --x-comp-counter-transition-duration: var(--x-sys-motion-duration-short-3); } */ /* .x-dialog { --x-comp-dialog-margin: 1.5rem; --x-comp-dialog-border-radius: var(--x-sys-shape-corner-x-large); --x-comp-dialog-elevation: var(--x-sys-elevation-3); --x-comp-dialog-card-header-padding: 0.875rem 1.5rem 0; --x-comp-dialog-card-header-text-padding-top: 0.625rem; --x-comp-dialog-card-text-letter-spacing: 0.03125em; --x-comp-dialog-card-text-padding: 1rem 1.5rem 0.625rem; } */ .x-divider { --x-comp-divider-flex: 1 1 100%; --x-comp-divider-border-color: rgb(var(--x-sys-color-outline), 1); --x-comp-divider-border-style: solid; --x-comp-divider-border-width: 0.0625rem 0 0 0; --x-comp-divider-vertical-border-width: 0 0.0625rem 0 0; --x-comp-divider-vertical-margin-left: -0.0625rem; --x-comp-divider-inset-margin: 4.5rem; --x-comp-divider-inset-max-width: calc(100% - var(--x-comp-divider-inset-margin)); --x-comp-divider-margin: 0.5rem; --x-comp-divider-vertical-inset-margin-bottom: var(--x-comp-divider-margin); --x-comp-divider-vertical-inset-margin-top: var(--x-comp-divider-margin); --x-comp-divider-vertical-inset-max-height: calc(100% - (var(--x-comp-divider-margin) * 2)); } /* .x-footer { --x-comp-footer-background: rgb(var(--x-sys-color-surface)); --x-comp-footer-border-radius: 0; --x-comp-footer-color: rgba(var(--x-sys-color-on-surface), var(--x-high-emphasis-opacity)); --x-comp-footer-elevation: var(--x-sys-elevation-0); --x-comp-footer-flex: 1 1 auto; --x-comp-footer-padding: 0.5rem 1rem; --x-comp-footer-rounded-border-radius: var(--x-sys-shape-corner-x-small); } */ /* .x-icon { --x-comp-icon-size: 1em; --x-comp-icon-letter-spacing: normal; --x-comp-icon-line-height: 1; --x-comp-icon-text-indent: 0; --x-comp-icon-vertical-align: middle; --x-comp-icon-size: 1em; --x-comp-icon-margin-start: 0.5rem; --x-comp-icon-margin-end: 0.5rem; --x-comp-icon-size-x-small: 1em; --x-comp-icon-size-small: 1.25em; --x-comp-icon-size-default: 1.5em; --x-comp-icon-size-large: 1.75em; --x-comp-icon-size-x-large: 2em; } */ /* .x-img { --x-comp-img-preload-filter: blur(0.25rem); } */ /* .x-label { --x-comp-label-display: inline-flex; --x-comp-label-font-size: 1rem; --x-comp-label-letter-spacing: 0.009375em; } */ /* .x-main { --x-comp-main-transition: var(--x-sys-motion-duration-short-4) var(--x-sys-motion-easing-standard); } */ /* .x-responsive { --x-comp-responsive-transition-timing-function: var(--x-sys-motion-easing-standard); } */ .x-field { /* Field */ --x-field-border-radius: var(--x-sys-shape-corner-x-small); /* --x-field-disabled-color: rgba(var(--x-sys-color-on-surface), var(--x-disabled-opacity)); */ --x-field-font-size: var(--x-ref-root-font-size); --x-field-letter-spacing: 0; /* --x-field-max-width: 100%; */ --x-field-transition-timing: 0.15s var(--x-sys-motion-easing-legacy); --x-field-subtle-transition-timing: 250ms var(--x-sys-motion-easing-legacy); --x-field-clearable-margin: 0; /* Field Control */ --x-field-control-padding-start: 1.5rem; --x-field-control-padding-end: 1.5rem; --x-field-control-padding-top: 0.5rem; --x-field-control-padding-bottom: 0.375rem; --x-field-control-affixed-padding: 1.5rem; --x-field-control-affixed-inner-padding: 0.375rem; --x-field-control-default-filled-height: 3.5rem; --x-field-control-default-filled-padding-bottom: 0.375rem; --x-field-control-comfortable-filled-height: 3rem; --x-field-control-comfortable-filled-padding-bottom: 0.125rem; --x-field-control-compact-filled-height: 2.5rem; --x-field-control-compact-filled-padding-bottom: -0.125rem; --x-field-control-default-underlined-height: 2.5rem; --x-field-control-default-underlined-padding-bottom: 0.375rem; --x-field-control-comfortable-underlined-height: 2rem; --x-field-control-comfortable-underlined-padding-bottom: 0.25rem; --x-field-control-compact-underlined-height: 1.5rem; --x-field-control-compact-underlined-padding-bottom: 0.125rem; /* Field Input */ --x-field-input-opacity: var(--x-high-emphasis-opacity); /* Field Label */ --x-field-label-floating-scale: 0.75em; /* Field Outline */ --x-field-outline-opacity: 0.38; --x-field-outline-border-width: 0.0625rem; --x-field-outline-focused-border-width: 0.125rem; /* Field Overlay */ --x-field-overlay-filled-opacity: 0.04; --x-field-overlay-filled-hover-opacity: 0.08; --x-field-overlay-filled-focus-opacity: 0.16; } .x-input { /* Input control */ --x-input-control-default-height: 3.5rem; --x-input-control-default-padding-top: 1rem; --x-input-control-comfortable-height: 3rem; --x-input-control-comfortable-padding-top: 0.75rem; --x-input-control-compact-height: 2.5rem; --x-input-control-compact-padding-top: 0.5rem; /* Input details */ --x-input-details-font-size: 0.75rem; --x-input-details-font-weight: 400; --x-input-details-letter-spacing: 0.0333333333em; --x-input-details-line-height: normal; --x-input-details-margin-bottom: 0.25rem; --x-input-details-min-height: 1.25rem; --x-input-details-padding-above: 0.375rem; /* Input affixes */ --x-input-affix-margin-inside: 1rem; } .x-text-field { --x-text-field-affix-color: rgba(var(--x-sys-color-on-surface), var(--x-medium-emphasis-opacity)); --x-text-field-border-radius: var(--x-sys-shape-corner-x-small); --x-text-field-details-padding-inline: 1.5rem; --x-text-field-disabled-affix-color: rgba(var(--x-sys-color-on-surface), var(--x-disabled-opacity)); --x-text-field-input-flex: 1; --x-text-field-input-padding-end: 0; --x-text-field-input-padding-start: 0.375rem; --x-text-field-input-transition: 0.15s opacity var(--x-sys-motion-easing-legacy); } /* End */ /* Start:/local/templates/2023/assets/styles/generic/fonts.css?16941777632171*/ /*! * Generic/Fonts */ /* manrope-200 - cyrillic_latin */ @font-face { font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 200; src: local(''), url('/local/templates/2023/assets/styles/generic/../../fonts/manrope-v14-cyrillic_latin/manrope-v14-cyrillic_latin-200.woff2') format('woff2'); } /* manrope-300 - cyrillic_latin */ @font-face { font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 300; src: local(''), url('/local/templates/2023/assets/styles/generic/../../fonts/manrope-v14-cyrillic_latin/manrope-v14-cyrillic_latin-300.woff2') format('woff2'); } /* manrope-regular - cyrillic_latin */ @font-face { font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 400; src: local(''), url('/local/templates/2023/assets/styles/generic/../../fonts/manrope-v14-cyrillic_latin/manrope-v14-cyrillic_latin-regular.woff2') format('woff2'); } /* manrope-500 - cyrillic_latin */ @font-face { font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 500; src: local(''), url('/local/templates/2023/assets/styles/generic/../../fonts/manrope-v14-cyrillic_latin/manrope-v14-cyrillic_latin-500.woff2') format('woff2'); } /* manrope-600 - cyrillic_latin */ @font-face { font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 600; src: local(''), url('/local/templates/2023/assets/styles/generic/../../fonts/manrope-v14-cyrillic_latin/manrope-v14-cyrillic_latin-600.woff2') format('woff2'); } /* manrope-700 - cyrillic_latin */ @font-face { font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 700; src: local(''), url('/local/templates/2023/assets/styles/generic/../../fonts/manrope-v14-cyrillic_latin/manrope-v14-cyrillic_latin-700.woff2') format('woff2'); } /* manrope-800 - cyrillic_latin */ @font-face { font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 800; src: local(''), url('/local/templates/2023/assets/styles/generic/../../fonts/manrope-v14-cyrillic_latin/manrope-v14-cyrillic_latin-800.woff2') format('woff2'); } /* rammetto-one-regular - latin_latin-ext */ @font-face { font-display: swap; font-family: 'Rammetto One'; font-style: normal; font-weight: 400; src: local(''), url('/local/templates/2023/assets/styles/generic/../../fonts/rammetto-one-v18-latin_latin-ext/rammetto-one-v18-latin_latin-ext-regular.woff2') format('woff2'); } /* End */ /* Start:/local/templates/2023/assets/styles/generic/equate.css?169213599213514*/ /*! * Equate v1.0.0 | MIT License * * Modern CSS Reset with some useful normalization features. */ /** * Document * * 1. Set `background-repeat: no-repeat` to all elements and pseudo elements. * 2. Change from `box-sizing: content-box` so that `width` is not affected * by `padding` or `border`. * 3. Inherit text-decoration and vertical align * to ::before and ::after pseudo elements. * See https://github.com/tailwindcss/tailwindcss/pull/116 * 4. Reset `padding` and `margin` of all elements. */ *, ::before, ::after { background-repeat: no-repeat; /* 1 */ box-sizing: border-box; /* 2 */ } ::before, ::after { text-decoration: inherit; /* 3 */ vertical-align: inherit; /* 3 */ } * { margin: 0; /* 4 */ padding: 0; /* 4 */ } /** * Root * * 1. Improve font rendering in Firefox on macOS. * 2. Improve font rendering in Chrome and Safari on macOS. * 3. Set more readable tab size * 4. Change the default tap highlight to be completely transparent in iOS. * 5. The text-rendering CSS property provides information to the rendering * engine about what to optimize for when rendering text. * 6. Prevent adjustments of font size after orientation changes in iOS. */ :root { -moz-osx-font-smoothing: grayscale; /* 1 */ -webkit-font-smoothing: antialiased; /* 2 */ -moz-tab-size: 4; /* 3 */ tab-size: 4; /* 3 */ -webkit-tap-highlight-color: rgb(0, 0, 0, 0); /* 4 */ text-rendering: optimizeLegibility; /* 5 */ -webkit-text-size-adjust: 100%; /* 6 */ } /** * Body * * 1. Improve consistency of default fonts in all browsers. * 2. Set default typography styles in all browsers. * 3. Correct the line height in all browsers. */ body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif; /* 1 */ font-size: 1rem; /* 2 */ font-weight: 400; /* 2 */ line-height: 1.5; /* 3 */ } /** * Content grouping * * 1. Correct the inheritance of border color in Firefox. * (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) * 2. Add the correct height in Firefox. */ hr { color: inherit; /* 1 */ height: 0; /* 2 */ } /** * Headings * * Set heading elements style same font-size and font-weight as normal text. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /** * Abbreviations * * 1. Add explicit cursor to indicate changed behavior. * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. * 3. Prevent the text-decoration to be skipped. */ abbr[title] { cursor: help; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ text-decoration-skip-ink: none; /* 3 */ } /** * Address * * Improve consistency of `font-style` and `line-height` in all browsers. */ address { font-style: normal; line-height: inherit; } /** * Lists * * 1. Ordered and unordered lists are unstyled by default * Accessibility considerations: unstyled lists are not announced as lists * by VoiceOver. If your content is truly a list but you would like to keep * it unstyled, add a “list” role to the element. * 2. Add the correct font weight in Chrome, Edge, and Safari. */ ol, ul { list-style: none; /* 1 */ } dt { font-weight: 700; /* 2 */ } /** * Strong * * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: 700; } /** * Small * * Add the correct font size in all browsers. */ small { font-size: 0.875em; } /** * Sub and Sup * * Prevent `sub` and `sup` elements from affecting the line height * in all browsers. */ sub, sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /** * Links * Remove the outline when hovering in all browsers */ a:active, a:hover { outline-width: 0; } /** * And undo these styles for placeholder links/named anchors (without href). * It would be more straightforward to just use a[href] in previous block, * but that causes specificity issues in many other styles * that are too complex to fix. * See https://github.com/twbs/bootstrap/issues/19402 */ a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } /** * Code * * 1. Improve consistency of default fonts in all browsers. * (https://github.com/sindresorhus/modern-normalize/issues/3) * 2. Correct the odd 'em' font sizing in all browsers. * 3. Correct direction support. */ code, kbd, pre, samp { direction: ltr; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-size: 1em; /* 2 */ unicode-bidi: bidi-override; /* 3 */ } /* Don't allow content to break outside */ pre { display: block; overflow: auto; } /* Account for some code outputs that place code tags in pre tags */ pre code { color: inherit; font-size: inherit; word-break: normal; } code { word-wrap: break-word; } /* Streamline the style when inside anchors to avoid broken underline and more */ a > code { color: inherit; } /** * Images and content * * 1. Make replaced elements `display: block` by default as that's the behavior * you want almost all of the time. Inspired by CSS Remedy, with `svg` * added as well. * (https://github.com/mozdevs/cssremedy/issues/14) * 2. Add `vertical-align: middle` to align replaced elements more sensibly * by default when overriding `display` by adding a utility like `inline`. * This can trigger a poorly considered linting error in some tools but * is included by design. * (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Remove border from iframe */ iframe { border: 0; } /** * Constrain images and videos to the parent width and preserve their * intrinsic aspect ratio. * * (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { height: auto; max-width: 100%; } /** * Tables * * 1. Prevent double borders. * 2. Correct border color in all Chrome, Edge, and Safari. * 3. Remove text indentation in Chrome, Edge, and Safari. */ table { border-collapse: collapse; /* 1 */ border-color: inherit; /* 2 */ caption-side: bottom; /* 1 */ text-indent: 0; /* 3 */ } /** * 1. Matches default `` alignment by inheriting `text-align`. * 2. Fix alignment for Safari. */ th { text-align: inherit; /* 1 */ text-align: -webkit-match-parent; /* 2 */ } /** * Forms * * 1. Remove `background-color` from form elements. * 2. Remove `border-style` from form elements. * 3. Change the font styles in all browsers. */ button, input, optgroup, select, textarea { background-color: transparent; /* 1 */ border-style: none; /* 2 */ font-family: inherit; /* 3 */ font-size: inherit; /* 3 */ line-height: inherit; /* 3 */ } /* Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; } /** * Remove the default `border-radius` that macOS Chrome adds. * See https://github.com/twbs/bootstrap/issues/24093 */ button { border-radius: 0; } /** * Explicitly remove focus outline in Chromium when it shouldn't be * visible (e.g. as result of mouse click or touch tap). It already * should be doing this automatically, but seems to currently be * confused and applies its very visible two-tone outline anyway. */ button:focus:not(:focus-visible) { outline-width: 0; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. * 3. Add "hand" cursor to non-disabled button elements. */ button, [type='button'], /* 1 */ [type='reset'], [type='submit'] { -webkit-appearance: button; /* 2 */ color: inherit; } button:not(:disabled), [type=button]:not(:disabled), /* 1 */ [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; /* 3 */ } /** * Set the cursor for non-`