:root { /* --------------------------------------------------------------------- */ /* BASE VARIABLES */ /* --------------------------------------------------------------------- */ /* BASE - COLOR */ --aalto-base-color__aalto-brand--aalto-red-1: #fd6360; --aalto-base-color__aalto-brand--aalto-red-2: #501f1e; --aalto-base-color__aalto-brand--aalto-yellow-1: #f7e159; --aalto-base-color__aalto-brand--aalto-yellow-2: #6c6227; --aalto-base-color__aalto-brand--aalto-blue-1: #46a5ff; --aalto-base-color__aalto-brand--aalto-blue-2: #183856; --aalto-base-color__aalto-brand--aalto-black-1: var(--aalto-base-color__neutral--9); --aalto-base-color__aalto-brand--aalto-black-2: var(--aalto-base-color__neutral--4); --aalto-base-color__school--eng-1: #dc6ade; --aalto-base-color__school--eng-2: #472247; --aalto-base-color__school--elec-1: #a987ff; --aalto-base-color__school--elec-2: #392d56; --aalto-base-color__school--chem-1: #5dd089; --aalto-base-color__school--chem-2: #255236; --aalto-base-color__school--arts-1: #ffc341; --aalto-base-color__school--arts-2: #6c531b; --aalto-base-color__school--biz-1: #9bd84c; --aalto-base-color__school--biz-2: #3f581f; --aalto-base-color__school--sci-1: #ff8d4f; --aalto-base-color__school--sci-2: #5f341d; --aalto-base-color__neutral--1: #ffffff; --aalto-base-color__neutral--2: #fafafa; --aalto-base-color__neutral--3: #f2f2f2; --aalto-base-color__neutral--4: #e0e0e0; --aalto-base-color__neutral--5: #505050; --aalto-base-color__neutral--6: #212121; --aalto-base-color__neutral--7: #1c1c1c; --aalto-base-color__neutral--8: #151515; --aalto-base-color__neutral--9: #000000; --aalto-base-color__neutral--white: var(--aalto-base-color__neutral--1); --aalto-base-color__neutral--black: var(--aalto-base-color__neutral--8); --aalto-base-color__transparent--darkening-1: rgb(0 0 0 / 0.1); --aalto-base-color__transparent--darkening-2: rgb(0 0 0 / 0.2); --aalto-base-color__transparent--darkening-3: rgb(0 0 0 / 0.15); --aalto-base-color__transparent--darkening-4: rgb(0 0 0 / 0.4); --aalto-base-color__transparent--lightening-1: rgb(255 255 255 / 0.1); --aalto-base-color__transparent--lightening-2: rgb(255 255 255 / 0.2); --aalto-base-color__transparent--lightening-3: rgb(255 255 255 / 0.15); --aalto-base-color__transparent--lightening-4: rgb(255 255 255 / 0.4); /* BASE - SCREEN */ --aalto-base-screen--phone-portrait: 320px; --aalto-base-screen--phone-landscape: 576px; --aalto-base-screen--tablet: 768px; --aalto-base-screen--desktop: 992px; --aalto-base-screen--xl: 1616px; /* BASE - DIMENSION */ --aalto-base-dimension--1: 0.25rem; --aalto-base-dimension--2: 0.5rem; --aalto-base-dimension--3: 1rem; --aalto-base-dimension--4: 1.5rem; --aalto-base-dimension--5: 2rem; --aalto-base-dimension--6: 2.5rem; --aalto-base-dimension--7: 3rem; --aalto-base-dimension--8: 3.5rem; --aalto-base-dimension--9: 4rem; --aalto-base-dimension--10: 5rem; --aalto-base-dimension--11: 6rem; --aalto-base-dimension--12: 7rem; --aalto-base-dimension--13: 8rem; /* BASE - EFFECT */ --aalto-base-effect--saturate-1: 0.5; /* Conveniency names */ --aalto-dim-1: var(--aalto-base-dimension--1); --aalto-dim-2: var(--aalto-base-dimension--2); --aalto-dim-3: var(--aalto-base-dimension--3); --aalto-dim-4: var(--aalto-base-dimension--4); --aalto-dim-5: var(--aalto-base-dimension--5); --aalto-dim-6: var(--aalto-base-dimension--6); --aalto-dim-7: var(--aalto-base-dimension--7); --aalto-dim-8: var(--aalto-base-dimension--8); --aalto-dim-9: var(--aalto-base-dimension--9); --aalto-dim-10: var(--aalto-base-dimension--10); --aalto-dim-11: var(--aalto-base-dimension--11); --aalto-dim-12: var(--aalto-base-dimension--12); --aalto-dim-13: var(--aalto-base-dimension--13); --aalto-fx-sat-1: saturate(var(--aalto-base-effect--saturate-1)); --aalto-trans-faster: var(--aalto-base-transition--faster); --aalto-trans-fast: var(--aalto-base-transition--fast); --aalto-trans-normal: var(--aalto-base-transition--normal); --aalto-trans-slow: var(--aalto-base-transition--slow); --aalto-trans-slower: var(--aalto-base-transition--slower); --aalto-asp-hd: var(--aalto-base-aspect--hd); --aalto-asp-sd: var(--aalto-base-aspect--sd); --aalto-asp-cinemascope: var(--aalto-base-aspect--cinemascope); --aalto-asp-hd-portrait: var(--aalto-base-aspect--hd-portrait); --aalto-asp-sd-portrait: var(--aalto-base-aspect--sd-portrait); --aalto-asp-cinemascope-portrait: var(--aalto-base-aspect--cinemascope-portrait); --aalto-asp-square: var(--aalto-base-aspect--square); --aalto-base-lineheight--1: 1rem; --aalto-base-lineheight--2: 1.5rem; --aalto-base-lineheight--3: 1.75rem; --aalto-base-lineheight--4: 2rem; --aalto-base-lineheight--5: 2.5rem; --aalto-base-lineheight--6: 3rem; --aalto-base-lineheight--7: 4.5rem; --aalto-base-fontsize--1: 0.875rem; --aalto-base-fontsize--2: 1rem; --aalto-base-fontsize--3: 1.125rem; --aalto-base-fontsize--4: 1.25rem; --aalto-base-fontsize--5: 1.5rem; --aalto-base-fontsize--6: 2rem; --aalto-base-fontsize--7: 4rem; --aalto-base-fontfamily--primary: 'inter'; --aalto-base-fontfamily--secondary: 'besley'; --aalto-base-fontfamily--code: 'source code pro'; --aalto-base-fontfamily--icon: 'aalto-icons'; --aalto-base-fontweight--primary-0: regular; --aalto-base-fontweight--primary-1: bold; --aalto-base-fontweight--secondary-0: regular; --aalto-base-fontweight--secondary-1: bold; --aalto-base-fontweight--code: regular; --aalto-base-fontweight--icon: regular; --aalto-base-letterspacing--0: 0%; --aalto-base-paragraphspacing--0: 0px; --aalto-base-textcase--none: none; --aalto-base-textdecoration--none: none; --aalto-base-textdecoration--underline: underline; --aalto-base-paragraphindent--0: 0rem; --aalto-base-transition--faster: 0.1s; --aalto-base-transition--fast: 0.2s; --aalto-base-transition--normal: 0.3s; --aalto-base-transition--slow: 0.4s; --aalto-base-transition--slower: 0.5s; --aalto-base-columns--phone-portrait: 2; --aalto-base-columns--phone-landscape: 2; --aalto-base-columns--tablet: 12; --aalto-base-columns--desktop: 12; --aalto-base-columns--xl: 12; --aalto-base-aspect--hd: 16 / 9; --aalto-base-aspect--sd: 4 / 3; --aalto-base-aspect--cinemascope: 2.35 / 1; --aalto-base-aspect--hd-portrait: 9 / 16; --aalto-base-aspect--sd-portrait: 3 / 4; --aalto-base-aspect--cinemascope-portrait: 1 / 2.35; --aalto-base-aspect--square: 1 / 1; --aalto-base-icon--anchor-link: icon-anchor-link; --aalto-base-icon--arrow-down: icon-arrow-down; --aalto-base-icon--arrow-left: icon-arrow-left; --aalto-base-icon--arrow-right: icon-arrow-right; --aalto-base-icon--arrow-up: icon-arrow-up; --aalto-base-icon--back-to-top: icon-back-to-top; --aalto-base-icon--book: icon-book; --aalto-base-icon--check-mark: icon-check-mark; --aalto-base-icon--chevron-down: icon-chevron-down; --aalto-base-icon--chevron-left: icon-chevron-left; --aalto-base-icon--chevron-right: icon-chevron-right; --aalto-base-icon--chevron-up: icon-chevron-up; --aalto-base-icon--close: icon-close; --aalto-base-icon--dark-theme: icon-dark-theme; --aalto-base-icon--delete: icon-delete; --aalto-base-icon--document: icon-document; --aalto-base-icon--download: icon-download; --aalto-base-icon--error: icon-error; --aalto-base-icon--external-open: icon-external-open; --aalto-base-icon--facebook: icon-facebook; --aalto-base-icon--graduation: icon-graduation; --aalto-base-icon--hamburger: icon-hamburger; --aalto-base-icon--home: icon-home; --aalto-base-icon--info: icon-info; --aalto-base-icon--instagram: icon-instagram; --aalto-base-icon--light-theme: icon-light-theme; --aalto-base-icon--linked-in: icon-linked-in; --aalto-base-icon--mail: icon-mail; --aalto-base-icon--minus: icon-minus; --aalto-base-icon--more-horizontal: icon-more-horizontal; --aalto-base-icon--more-vertical: icon-more-vertical; --aalto-base-icon--pause: icon-pause; --aalto-base-icon--play: icon-play; --aalto-base-icon--plus: icon-plus; --aalto-base-icon--profile: icon-profile; --aalto-base-icon--search: icon-search; --aalto-base-icon--shield: icon-shield; --aalto-base-icon--stop: icon-stop; --aalto-base-icon--success: icon-success; --aalto-base-icon--suitcase: icon-suitcase; --aalto-base-icon--users: icon-users; --aalto-base-icon--window: icon-window; --aalto-base-icon--exit-fullscreen: icon-exit-fullscreen; --aalto-base-icon--enter-fullscreen: icon-enter-fullscreen; --aalto-base-icon--mute: icon-mute; --aalto-base-icon--unmute: icon-unmute; /* --------------------------------------------------------------------- */ /* ALIAS VARIABLES */ /* --------------------------------------------------------------------- */ /* ALIAS - COLOR - ACTION */ --aalto-alias-color__action-on-light--action: var(--aalto-base-color__neutral--black); --aalto-alias-color__action-on-light--hover: var(--aalto-base-color__transparent--darkening-1); --aalto-alias-color__action-on-light--active: var(--aalto-base-color__transparent--darkening-2); --aalto-alias-color__action-on-light--disabled: var(--aalto-base-color__transparent--darkening-2); --aalto-alias-color__action-on-light--selected: var(--aalto-base-color__transparent--darkening-3); --aalto-alias-color__action-on-dark--action: var(--aalto-base-color__neutral--white); --aalto-alias-color__action-on-dark--hover: var(--aalto-base-color__transparent--lightening-1); --aalto-alias-color__action-on-dark--active: var(--aalto-base-color__transparent--lightening-2); --aalto-alias-color__action-on-dark--disabled: var(--aalto-base-color__transparent--lightening-2); --aalto-alias-color__action-on-dark--selected: var(--aalto-base-color__transparent--lightening-3); /* ALIAS - COLOR - SCHEMA */ --aalto-alias-color__schema-on-light-basic--background: var(--aalto-base-color__neutral--white); --aalto-alias-color__schema-on-light-basic--background-tint: var(--aalto-base-color__neutral--2); --aalto-alias-color__schema-on-light-basic--foreground: var(--aalto-base-color__neutral--black); --aalto-alias-color__schema-on-light-basic--foreground-tint: var(--aalto-base-color__neutral--5); --aalto-alias-color__schema-on-light-basic--surface: var(--aalto-base-color__neutral--3); --aalto-alias-color__schema-on-light-basic--subtle: var( --aalto-base-color__transparent--darkening-1 ); --aalto-alias-color__schema-on-light-basic--overlay: var( --aalto-base-color__transparent--darkening-4 ); --aalto-alias-color__schema-on-light-action--action: var( --aalto-alias-color__action-on-light--action ); --aalto-alias-color__schema-on-light-action--hover: var( --aalto-alias-color__action-on-light--hover ); --aalto-alias-color__schema-on-light-action--active: var( --aalto-alias-color__action-on-light--active ); --aalto-alias-color__schema-on-light-action--disabled: var( --aalto-alias-color__action-on-light--disabled ); --aalto-alias-color__schema-on-light-action--selected: var( --aalto-alias-color__action-on-light--selected ); --aalto-alias-color__schema-on-dark-basic--background: var(--aalto-base-color__neutral--black); --aalto-alias-color__schema-on-dark-basic--background-tint: var(--aalto-base-color__neutral--7); --aalto-alias-color__schema-on-dark-basic--foreground: var(--aalto-base-color__neutral--white); --aalto-alias-color__schema-on-dark-basic--foreground-tint: var(--aalto-base-color__neutral--4); --aalto-alias-color__schema-on-dark-basic--surface: var(--aalto-base-color__neutral--6); --aalto-alias-color__schema-on-dark-basic--subtle: var( --aalto-base-color__transparent--lightening-1 ); --aalto-alias-color__schema-on-dark-basic--overlay: var( --aalto-base-color__transparent--lightening-4 ); --aalto-alias-color__schema-on-dark-action--action: var( --aalto-alias-color__action-on-dark--action ); --aalto-alias-color__schema-on-dark-action--hover: var( --aalto-alias-color__action-on-dark--hover ); --aalto-alias-color__schema-on-dark-action--active: var( --aalto-alias-color__action-on-dark--active ); --aalto-alias-color__schema-on-dark-action--disabled: var( --aalto-alias-color__action-on-dark--disabled ); --aalto-alias-color__schema-on-dark-action--selected: var( --aalto-alias-color__action-on-dark--selected ); /* ALIAS - COLOR - THEME */ /* NEUTRAL LIGHT */ --aalto-alias-color__theme-neutral-light-basic--background: var( --aalto-alias-color__schema-on-light-basic--background ); --aalto-alias-color__theme-neutral-light-basic--background-tint: var( --aalto-alias-color__schema-on-light-basic--background-tint ); --aalto-alias-color__theme-neutral-light-basic--foreground: var( --aalto-alias-color__schema-on-light-basic--foreground ); --aalto-alias-color__theme-neutral-light-basic--foreground-tint: var( --aalto-alias-color__schema-on-light-basic--foreground-tint ); --aalto-alias-color__theme-neutral-light-basic--surface: var( --aalto-alias-color__schema-on-light-basic--surface ); --aalto-alias-color__theme-neutral-light-basic--subtle: var( --aalto-alias-color__schema-on-light-basic--subtle ); --aalto-alias-color__theme-neutral-light-basic--overlay: var( --aalto-alias-color__schema-on-light-basic--overlay ); --aalto-alias-color__theme-neutral-light-action--action: var( --aalto-alias-color__schema-on-light-action--action ); --aalto-alias-color__theme-neutral-light-action--hover: var( --aalto-alias-color__schema-on-light-action--hover ); --aalto-alias-color__theme-neutral-light-action--active: var( --aalto-alias-color__schema-on-light-action--active ); --aalto-alias-color__theme-neutral-light-action--disabled: var( --aalto-alias-color__schema-on-light-action--disabled ); --aalto-alias-color__theme-neutral-light-action--selected: var( --aalto-alias-color__schema-on-light-action--selected ); --aalto-alias-color__theme-neutral-light-action-rev--action-rev: var( --aalto-alias-color__schema-on-dark-action--action ); --aalto-alias-color__theme-neutral-light-action-rev--hover-rev: var( --aalto-alias-color__schema-on-dark-action--hover ); --aalto-alias-color__theme-neutral-light-action-rev--active-rev: var( --aalto-alias-color__schema-on-dark-action--active ); --aalto-alias-color__theme-neutral-light-action-rev--disabled-rev: var( --aalto-alias-color__schema-on-dark-action--disabled ); --aalto-alias-color__theme-neutral-light-action-rev--selected-rev: var( --aalto-alias-color__schema-on-dark-action--selected ); /* NEUTRAL DARK */ --aalto-alias-color__theme-neutral-dark-basic--background: var( --aalto-alias-color__schema-on-dark-basic--background ); --aalto-alias-color__theme-neutral-dark-basic--background-tint: var( --aalto-alias-color__schema-on-dark-basic--background-tint ); --aalto-alias-color__theme-neutral-dark-basic--foreground: var( --aalto-alias-color__schema-on-dark-basic--foreground ); --aalto-alias-color__theme-neutral-dark-basic--foreground-tint: var( --aalto-alias-color__schema-on-dark-basic--foreground-tint ); --aalto-alias-color__theme-neutral-dark-basic--surface: var( --aalto-alias-color__schema-on-dark-basic--surface ); --aalto-alias-color__theme-neutral-dark-basic--subtle: var( --aalto-alias-color__schema-on-dark-basic--subtle ); --aalto-alias-color__theme-neutral-dark-basic--overlay: var( --aalto-alias-color__schema-on-dark-basic--overlay ); --aalto-alias-color__theme-neutral-dark-action--action: var( --aalto-alias-color__schema-on-dark-action--action ); --aalto-alias-color__theme-neutral-dark-action--hover: var( --aalto-alias-color__schema-on-dark-action--hover ); --aalto-alias-color__theme-neutral-dark-action--active: var( --aalto-alias-color__schema-on-dark-action--active ); --aalto-alias-color__theme-neutral-dark-action--disabled: var( --aalto-alias-color__schema-on-dark-action--disabled ); --aalto-alias-color__theme-neutral-dark-action--selected: var( --aalto-alias-color__schema-on-dark-action--selected ); --aalto-alias-color__theme-neutral-dark-action-rev--action-rev: var( --aalto-alias-color__schema-on-light-action--action ); --aalto-alias-color__theme-neutral-dark-action-rev--hover-rev: var( --aalto-alias-color__schema-on-light-action--hover ); --aalto-alias-color__theme-neutral-dark-action-rev--active-rev: var( --aalto-alias-color__schema-on-light-action--active ); --aalto-alias-color__theme-neutral-dark-action-rev--disabled-rev: var( --aalto-alias-color__schema-on-light-action--disabled ); --aalto-alias-color__theme-neutral-dark-action-rev--selected-rev: var( --aalto-alias-color__schema-on-light-action--selected ); /* BRAND RED */ --aalto-alias-color__theme-brand-red-basic--background: var( --aalto-base-color__aalto-brand--aalto-red-1 ); --aalto-alias-color__theme-brand-red-basic--background-tint: var( --aalto-base-color__aalto-brand--aalto-red-1 ); --aalto-alias-color__theme-brand-red-basic--foreground: var( --aalto-alias-color__schema-on-light-basic--foreground ); --aalto-alias-color__theme-brand-red-basic--foreground-tint: var( --aalto-base-color__aalto-brand--aalto-red-2 ); --aalto-alias-color__theme-brand-red-basic--surface: var( --aalto-base-color__aalto-brand--aalto-red-1 ); --aalto-alias-color__theme-brand-red-basic--subtle: var( --aalto-alias-color__schema-on-light-basic--subtle ); --aalto-alias-color__theme-brand-red-basic--overlay: var( --aalto-alias-color__schema-on-light-basic--overlay ); --aalto-alias-color__theme-brand-red-action--action: var( --aalto-alias-color__schema-on-light-action--action ); --aalto-alias-color__theme-brand-red-action--hover: var( --aalto-alias-color__schema-on-light-action--hover ); --aalto-alias-color__theme-brand-red-action--active: var( --aalto-alias-color__schema-on-light-action--active ); --aalto-alias-color__theme-brand-red-action--disabled: var( --aalto-alias-color__schema-on-light-action--disabled ); --aalto-alias-color__theme-brand-red-action--selected: var( --aalto-alias-color__schema-on-light-action--selected ); --aalto-alias-color__theme-brand-red-action-rev--action-rev: var( --aalto-alias-color__schema-on-dark-action--action ); --aalto-alias-color__theme-brand-red-action-rev--hover-rev: var( --aalto-alias-color__schema-on-dark-action--hover ); --aalto-alias-color__theme-brand-red-action-rev--active-rev: var( --aalto-alias-color__schema-on-dark-action--active ); --aalto-alias-color__theme-brand-red-action-rev--disabled-rev: var( --aalto-alias-color__schema-on-dark-action--disabled ); --aalto-alias-color__theme-brand-red-action-rev--selected-rev: var( --aalto-alias-color__schema-on-dark-action--selected ); /* BRAND YELLOW */ --aalto-alias-color__theme-brand-yellow-basic--background: var( --aalto-base-color__aalto-brand--aalto-yellow-1 ); --aalto-alias-color__theme-brand-yellow-basic--background-tint: var( --aalto-base-color__aalto-brand--aalto-yellow-1 ); --aalto-alias-color__theme-brand-yellow-basic--foreground: var( --aalto-alias-color__schema-on-light-basic--foreground ); --aalto-alias-color__theme-brand-yellow-basic--foreground-tint: var( --aalto-base-color__aalto-brand--aalto-yellow-2 ); --aalto-alias-color__theme-brand-yellow-basic--surface: var( --aalto-base-color__aalto-brand--aalto-yellow-1 ); --aalto-alias-color__theme-brand-yellow-basic--subtle: var( --aalto-alias-color__schema-on-light-basic--subtle ); --aalto-alias-color__theme-brand-yellow-basic--overlay: var( --aalto-alias-color__schema-on-light-basic--overlay ); --aalto-alias-color__theme-brand-yellow-action--action: var( --aalto-alias-color__schema-on-light-action--action ); --aalto-alias-color__theme-brand-yellow-action--hover: var( --aalto-alias-color__schema-on-light-action--hover ); --aalto-alias-color__theme-brand-yellow-action--active: var( --aalto-alias-color__schema-on-light-action--active ); --aalto-alias-color__theme-brand-yellow-action--disabled: var( --aalto-alias-color__schema-on-light-action--disabled ); --aalto-alias-color__theme-brand-yellow-action--selected: var( --aalto-alias-color__schema-on-light-action--selected ); --aalto-alias-color__theme-brand-yellow-action-rev--action-rev: var( --aalto-alias-color__schema-on-dark-action--action ); --aalto-alias-color__theme-brand-yellow-action-rev--hover-rev: var( --aalto-alias-color__schema-on-dark-action--hover ); --aalto-alias-color__theme-brand-yellow-action-rev--active-rev: var( --aalto-alias-color__schema-on-dark-action--active ); --aalto-alias-color__theme-brand-yellow-action-rev--disabled-rev: var( --aalto-alias-color__schema-on-dark-action--disabled ); --aalto-alias-color__theme-brand-yellow-action-rev--selected-rev: var( --aalto-alias-color__schema-on-dark-action--selected ); /* BRAND BLUE */ --aalto-alias-color__theme-brand-blue-basic--background: var( --aalto-base-color__aalto-brand--aalto-blue-1 ); --aalto-alias-color__theme-brand-blue-basic--background-tint: var( --aalto-base-color__aalto-brand--aalto-blue-1 ); --aalto-alias-color__theme-brand-blue-basic--foreground: var( --aalto-alias-color__schema-on-light-basic--foreground ); --aalto-alias-color__theme-brand-blue-basic--foreground-tint: var( --aalto-base-color__aalto-brand--aalto-blue-2 ); --aalto-alias-color__theme-brand-blue-basic--surface: var( --aalto-base-color__aalto-brand--aalto-blue-1 ); --aalto-alias-color__theme-brand-blue-basic--subtle: var( --aalto-alias-color__schema-on-light-basic--subtle ); --aalto-alias-color__theme-brand-blue-basic--overlay: var( --aalto-alias-color__schema-on-light-basic--overlay ); --aalto-alias-color__theme-brand-blue-action--action: var( --aalto-alias-color__schema-on-light-action--action ); --aalto-alias-color__theme-brand-blue-action--hover: var( --aalto-alias-color__schema-on-light-action--hover ); --aalto-alias-color__theme-brand-blue-action--active: var( --aalto-alias-color__schema-on-light-action--active ); --aalto-alias-color__theme-brand-blue-action--disabled: var( --aalto-alias-color__schema-on-light-action--disabled ); --aalto-alias-color__theme-brand-blue-action--selected: var( --aalto-alias-color__schema-on-light-action--selected ); --aalto-alias-color__theme-brand-blue-action-rev--action-rev: var( --aalto-alias-color__schema-on-dark-action--action ); --aalto-alias-color__theme-brand-blue-action-rev--hover-rev: var( --aalto-alias-color__schema-on-dark-action--hover ); --aalto-alias-color__theme-brand-blue-action-rev--active-rev: var( --aalto-alias-color__schema-on-dark-action--active ); --aalto-alias-color__theme-brand-blue-action-rev--disabled-rev: var( --aalto-alias-color__schema-on-dark-action--disabled ); --aalto-alias-color__theme-brand-blue-action-rev--selected-rev: var( --aalto-alias-color__schema-on-dark-action--selected ); /* BRAND BLACK */ --aalto-alias-color__theme-brand-black-basic--background: var( --aalto-base-color__aalto-brand--aalto-black-1 ); --aalto-alias-color__theme-brand-black-basic--background-tint: var( --aalto-base-color__aalto-brand--aalto-black-1 ); --aalto-alias-color__theme-brand-black-basic--foreground: var( --aalto-alias-color__schema-on-dark-basic--foreground ); --aalto-alias-color__theme-brand-black-basic--foreground-tint: var( --aalto-base-color__aalto-brand--aalto-black-2 ); --aalto-alias-color__theme-brand-black-basic--surface: var( --aalto-base-color__aalto-brand--aalto-black-1 ); --aalto-alias-color__theme-brand-black-basic--subtle: var( --aalto-alias-color__schema-on-dark-basic--subtle ); --aalto-alias-color__theme-brand-black-basic--overlay: var( --aalto-alias-color__schema-on-dark-basic--overlay ); --aalto-alias-color__theme-brand-black-action--action: var( --aalto-alias-color__schema-on-dark-action--action ); --aalto-alias-color__theme-brand-black-action--hover: var( --aalto-alias-color__schema-on-dark-action--hover ); --aalto-alias-color__theme-brand-black-action--active: var( --aalto-alias-color__schema-on-dark-action--active ); --aalto-alias-color__theme-brand-black-action--disabled: var( --aalto-alias-color__schema-on-dark-action--disabled ); --aalto-alias-color__theme-brand-black-action--selected: var( --aalto-alias-color__schema-on-dark-action--selected ); --aalto-alias-color__theme-brand-black-action-rev--action-rev: var( --aalto-alias-color__schema-on-light-action--action ); --aalto-alias-color__theme-brand-black-action-rev--hover-rev: var( --aalto-alias-color__schema-on-light-action--hover ); --aalto-alias-color__theme-brand-black-action-rev--active-rev: var( --aalto-alias-color__schema-on-light-action--active ); --aalto-alias-color__theme-brand-black-action-rev--disabled-rev: var( --aalto-alias-color__schema-on-light-action--disabled ); --aalto-alias-color__theme-brand-black-action-rev--selected-rev: var( --aalto-alias-color__schema-on-light-action--selected ); /* SCHOOL ENG */ --aalto-alias-color__theme-school-eng-basic--background: var(--aalto-base-color__school--eng-1); --aalto-alias-color__theme-school-eng-basic--background-tint: var( --aalto-base-color__school--eng-1 ); --aalto-alias-color__theme-school-eng-basic--foreground: var( --aalto-alias-color__schema-on-light-basic--foreground ); --aalto-alias-color__theme-school-eng-basic--foreground-tint: var( --aalto-base-color__school--eng-2 ); --aalto-alias-color__theme-school-eng-basic--surface: var(--aalto-base-color__school--eng-1); --aalto-alias-color__theme-school-eng-basic--subtle: var( --aalto-alias-color__schema-on-light-basic--subtle ); --aalto-alias-color__theme-school-eng-basic--overlay: var( --aalto-alias-color__schema-on-light-basic--overlay ); --aalto-alias-color__theme-school-eng-action--action: var( --aalto-alias-color__schema-on-light-action--action ); --aalto-alias-color__theme-school-eng-action--hover: var( --aalto-alias-color__schema-on-light-action--hover ); --aalto-alias-color__theme-school-eng-action--active: var( --aalto-alias-color__schema-on-light-action--active ); --aalto-alias-color__theme-school-eng-action--disabled: var( --aalto-alias-color__schema-on-light-action--disabled ); --aalto-alias-color__theme-school-eng-action--selected: var( --aalto-alias-color__schema-on-light-action--selected ); --aalto-alias-color__theme-school-eng-action-rev--action-rev: var( --aalto-alias-color__schema-on-dark-action--action ); --aalto-alias-color__theme-school-eng-action-rev--hover-rev: var( --aalto-alias-color__schema-on-dark-action--hover ); --aalto-alias-color__theme-school-eng-action-rev--active-rev: var( --aalto-alias-color__schema-on-dark-action--active ); --aalto-alias-color__theme-school-eng-action-rev--disabled-rev: var( --aalto-alias-color__schema-on-dark-action--disabled ); --aalto-alias-color__theme-school-eng-action-rev--selected-rev: var( --aalto-alias-color__schema-on-dark-action--selected ); /* SCHOOL ELEC */ --aalto-alias-color__theme-school-elec-basic--background: var(--aalto-base-color__school--elec-1); --aalto-alias-color__theme-school-elec-basic--background-tint: var( --aalto-base-color__school--elec-1 ); --aalto-alias-color__theme-school-elec-basic--foreground: var( --aalto-alias-color__schema-on-light-basic--foreground ); --aalto-alias-color__theme-school-elec-basic--foreground-tint: var( --aalto-base-color__school--elec-2 ); --aalto-alias-color__theme-school-elec-basic--surface: var(--aalto-base-color__school--elec-1); --aalto-alias-color__theme-school-elec-basic--subtle: var( --aalto-alias-color__schema-on-light-basic--subtle ); --aalto-alias-color__theme-school-elec-basic--overlay: var( --aalto-alias-color__schema-on-light-basic--overlay ); --aalto-alias-color__theme-school-elec-action--action: var( --aalto-alias-color__schema-on-light-action--action ); --aalto-alias-color__theme-school-elec-action--hover: var( --aalto-alias-color__schema-on-light-action--hover ); --aalto-alias-color__theme-school-elec-action--active: var( --aalto-alias-color__schema-on-light-action--active ); --aalto-alias-color__theme-school-elec-action--disabled: var( --aalto-alias-color__schema-on-light-action--disabled ); --aalto-alias-color__theme-school-elec-action--selected: var( --aalto-alias-color__schema-on-light-action--selected ); --aalto-alias-color__theme-school-elec-action-rev--action-rev: var( --aalto-alias-color__schema-on-dark-action--action ); --aalto-alias-color__theme-school-elec-action-rev--hover-rev: var( --aalto-alias-color__schema-on-dark-action--hover ); --aalto-alias-color__theme-school-elec-action-rev--active-rev: var( --aalto-alias-color__schema-on-dark-action--active ); --aalto-alias-color__theme-school-elec-action-rev--disabled-rev: var( --aalto-alias-color__schema-on-dark-action--disabled ); --aalto-alias-color__theme-school-elec-action-rev--selected-rev: var( --aalto-alias-color__schema-on-dark-action--selected ); /* SCHOOL CHEM */ --aalto-alias-color__theme-school-chem-basic--background: var(--aalto-base-color__school--chem-1); --aalto-alias-color__theme-school-chem-basic--background-tint: var( --aalto-base-color__school--chem-1 ); --aalto-alias-color__theme-school-chem-basic--foreground: var( --aalto-alias-color__schema-on-light-basic--foreground ); --aalto-alias-color__theme-school-chem-basic--foreground-tint: var( --aalto-base-color__school--chem-2 ); --aalto-alias-color__theme-school-chem-basic--surface: var(--aalto-base-color__school--chem-1); --aalto-alias-color__theme-school-chem-basic--subtle: var( --aalto-alias-color__schema-on-light-basic--subtle ); --aalto-alias-color__theme-school-chem-basic--overlay: var( --aalto-alias-color__schema-on-light-basic--overlay ); --aalto-alias-color__theme-school-chem-action--action: var( --aalto-alias-color__schema-on-light-action--action ); --aalto-alias-color__theme-school-chem-action--hover: var( --aalto-alias-color__schema-on-light-action--hover ); --aalto-alias-color__theme-school-chem-action--active: var( --aalto-alias-color__schema-on-light-action--active ); --aalto-alias-color__theme-school-chem-action--disabled: var( --aalto-alias-color__schema-on-light-action--disabled ); --aalto-alias-color__theme-school-chem-action--selected: var( --aalto-alias-color__schema-on-light-action--selected ); --aalto-alias-color__theme-school-chem-action-rev--action-rev: var( --aalto-alias-color__schema-on-dark-action--action ); --aalto-alias-color__theme-school-chem-action-rev--hover-rev: var( --aalto-alias-color__schema-on-dark-action--hover ); --aalto-alias-color__theme-school-chem-action-rev--active-rev: var( --aalto-alias-color__schema-on-dark-action--active ); --aalto-alias-color__theme-school-chem-action-rev--disabled-rev: var( --aalto-alias-color__schema-on-dark-action--disabled ); --aalto-alias-color__theme-school-chem-action-rev--selected-rev: var( --aalto-alias-color__schema-on-dark-action--selected ); /* SCHOOL ARTS */ --aalto-alias-color__theme-school-arts-basic--background: var(--aalto-base-color__school--arts-1); --aalto-alias-color__theme-school-arts-basic--background-tint: var( --aalto-base-color__school--arts-1 ); --aalto-alias-color__theme-school-arts-basic--foreground: var( --aalto-alias-color__schema-on-light-basic--foreground ); --aalto-alias-color__theme-school-arts-basic--foreground-tint: var( --aalto-base-color__school--arts-2 ); --aalto-alias-color__theme-school-arts-basic--surface: var(--aalto-base-color__school--arts-1); --aalto-alias-color__theme-school-arts-basic--subtle: var( --aalto-alias-color__schema-on-light-basic--subtle ); --aalto-alias-color__theme-school-arts-basic--overlay: var( --aalto-alias-color__schema-on-light-basic--overlay ); --aalto-alias-color__theme-school-arts-action--action: var( --aalto-alias-color__schema-on-light-action--action ); --aalto-alias-color__theme-school-arts-action--hover: var( --aalto-alias-color__schema-on-light-action--hover ); --aalto-alias-color__theme-school-arts-action--active: var( --aalto-alias-color__schema-on-light-action--active ); --aalto-alias-color__theme-school-arts-action--disabled: var( --aalto-alias-color__schema-on-light-action--disabled ); --aalto-alias-color__theme-school-arts-action--selected: var( --aalto-alias-color__schema-on-light-action--selected ); --aalto-alias-color__theme-school-arts-action-rev--action-rev: var( --aalto-alias-color__schema-on-dark-action--action ); --aalto-alias-color__theme-school-arts-action-rev--hover-rev: var( --aalto-alias-color__schema-on-dark-action--hover ); --aalto-alias-color__theme-school-arts-action-rev--active-rev: var( --aalto-alias-color__schema-on-dark-action--active ); --aalto-alias-color__theme-school-arts-action-rev--disabled-rev: var( --aalto-alias-color__schema-on-dark-action--disabled ); --aalto-alias-color__theme-school-arts-action-rev--selected-rev: var( --aalto-alias-color__schema-on-dark-action--selected ); /* SCHOOL BIZ */ --aalto-alias-color__theme-school-biz-basic--background: var(--aalto-base-color__school--biz-1); --aalto-alias-color__theme-school-biz-basic--background-tint: var( --aalto-base-color__school--biz-1 ); --aalto-alias-color__theme-school-biz-basic--foreground: var( --aalto-alias-color__schema-on-light-basic--foreground ); --aalto-alias-color__theme-school-biz-basic--foreground-tint: var( --aalto-base-color__school--biz-2 ); --aalto-alias-color__theme-school-biz-basic--surface: var(--aalto-base-color__school--biz-1); --aalto-alias-color__theme-school-biz-basic--subtle: var( --aalto-alias-color__schema-on-light-basic--subtle ); --aalto-alias-color__theme-school-biz-basic--overlay: var( --aalto-alias-color__schema-on-light-basic--overlay ); --aalto-alias-color__theme-school-biz-action--action: var( --aalto-alias-color__schema-on-light-action--action ); --aalto-alias-color__theme-school-biz-action--hover: var( --aalto-alias-color__schema-on-light-action--hover ); --aalto-alias-color__theme-school-biz-action--active: var( --aalto-alias-color__schema-on-light-action--active ); --aalto-alias-color__theme-school-biz-action--disabled: var( --aalto-alias-color__schema-on-light-action--disabled ); --aalto-alias-color__theme-school-biz-action--selected: var( --aalto-alias-color__schema-on-light-action--selected ); --aalto-alias-color__theme-school-biz-action-rev--action-rev: var( --aalto-alias-color__schema-on-dark-action--action ); --aalto-alias-color__theme-school-biz-action-rev--hover-rev: var( --aalto-alias-color__schema-on-dark-action--hover ); --aalto-alias-color__theme-school-biz-action-rev--active-rev: var( --aalto-alias-color__schema-on-dark-action--active ); --aalto-alias-color__theme-school-biz-action-rev--disabled-rev: var( --aalto-alias-color__schema-on-dark-action--disabled ); --aalto-alias-color__theme-school-biz-action-rev--selected-rev: var( --aalto-alias-color__schema-on-dark-action--selected ); /* SCHOOL SCI */ --aalto-alias-color__theme-school-sci-basic--background: var(--aalto-base-color__school--sci-1); --aalto-alias-color__theme-school-sci-basic--background-tint: var( --aalto-base-color__school--sci-1 ); --aalto-alias-color__theme-school-sci-basic--foreground: var( --aalto-alias-color__schema-on-light-basic--foreground ); --aalto-alias-color__theme-school-sci-basic--foreground-tint: var( --aalto-base-color__school--sci-2 ); --aalto-alias-color__theme-school-sci-basic--surface: var(--aalto-base-color__school--sci-1); --aalto-alias-color__theme-school-sci-basic--subtle: var( --aalto-alias-color__schema-on-light-basic--subtle ); --aalto-alias-color__theme-school-sci-basic--overlay: var( --aalto-alias-color__schema-on-light-basic--overlay ); --aalto-alias-color__theme-school-sci-action--action: var( --aalto-alias-color__schema-on-light-action--action ); --aalto-alias-color__theme-school-sci-action--hover: var( --aalto-alias-color__schema-on-light-action--hover ); --aalto-alias-color__theme-school-sci-action--active: var( --aalto-alias-color__schema-on-light-action--active ); --aalto-alias-color__theme-school-sci-action--disabled: var( --aalto-alias-color__schema-on-light-action--disabled ); --aalto-alias-color__theme-school-sci-action--selected: var( --aalto-alias-color__schema-on-light-action--selected ); --aalto-alias-color__theme-school-sci-action-rev--action-rev: var( --aalto-alias-color__schema-on-dark-action--action ); --aalto-alias-color__theme-school-sci-action-rev--hover-rev: var( --aalto-alias-color__schema-on-dark-action--hover ); --aalto-alias-color__theme-school-sci-action-rev--active-rev: var( --aalto-alias-color__schema-on-dark-action--active ); --aalto-alias-color__theme-school-sci-action-rev--disabled-rev: var( --aalto-alias-color__schema-on-dark-action--disabled ); --aalto-alias-color__theme-school-sci-action-rev--selected-rev: var( --aalto-alias-color__schema-on-dark-action--selected ); } /* ALIAS - TYPOGRAPHY */ p, div, .aalto-alias-typography__body, .aalto-txt-body { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-0); line-height: var(--aalto-base-lineheight--3); font-size: var(--aalto-base-fontsize--3); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } .aalto-alias-typography__body--bold, .aalto-txt-bold { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-1); line-height: var(--aalto-base-lineheight--3); font-size: var(--aalto-base-fontsize--3); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } .aalto-alias-typography__body--extra-large, .aalto-txt-extra-large { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-0); line-height: var(--aalto-base-lineheight--5); font-size: var(--aalto-base-fontsize--5); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } .aalto-alias-typography__body--large, .aalto-txt-large { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-0); line-height: var(--aalto-base-lineheight--3); font-size: var(--aalto-base-fontsize--4); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } .aalto-alias-typography__body--small, .aalto-txt-small { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-0); line-height: var(--aalto-base-lineheight--2); font-size: var(--aalto-base-fontsize--2); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } .aalto-alias-typography__body--small-bold, .aalto-txt-small-bold { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-1); line-height: var(--aalto-base-lineheight--2); font-size: var(--aalto-base-fontsize--2); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } .aalto-alias-typography__body--extra-small, .aalto-txt-extra-small { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-0); line-height: var(--aalto-base-lineheight--1); font-size: var(--aalto-base-fontsize--1); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } .aalto-alias-typography__body--code, .aalto-txt-code { font-family: var(--aalto-base-fontfamily--code); font-weight: var(--aalto-base-fontweight--code); line-height: var(--aalto-base-lineheight--3); font-size: var(--aalto-base-fontsize--3); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } .aalto-alias-typography__body--condensed, .aalto-txt-condensed { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-0); line-height: var(--aalto-base-lineheight--2); font-size: var(--aalto-base-fontsize--3); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } button, .aalto-alias-typography__body--button, .aalto-txt-button { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-1); line-height: var(--aalto-base-lineheight--1); font-size: var(--aalto-base-fontsize--2); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } .aalto-alias-typography__body--accent, .aalto-txt-accent { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-1); line-height: var(--aalto-base-lineheight--2); font-size: var(--aalto-base-fontsize--4); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } h1, .aalto-alias-typography__title--h1, .aalto-txt-h1 { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-1); line-height: var(--aalto-base-lineheight--5); font-size: var(--aalto-base-fontsize--6); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } h2, .aalto-alias-typography__title--h2, .aalto-txt-h2 { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-1); line-height: var(--aalto-base-lineheight--4); font-size: var(--aalto-base-fontsize--5); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } h3, .aalto-alias-typography__title--h3, .aalto-txt-h3 { font-family: var(--aalto-base-fontfamily--primary); font-weight: var(--aalto-base-fontweight--primary-1); line-height: var(--aalto-base-lineheight--2); font-size: var(--aalto-base-fontsize--4); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } .aalto-alias-typography__icon--small, .aalto-txt-icon-s { font-family: var(--aalto-base-fontfamily--icon); font-weight: var(--aalto-base-fontweight--icon); line-height: var(--aalto-base-lineheight--1); font-size: var(--aalto-base-fontsize--2); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } .aalto-alias-typography__icon--medium, .aalto-txt-icon-m { font-family: var(--aalto-base-fontfamily--icon); font-weight: var(--aalto-base-fontweight--icon); line-height: var(--aalto-base-lineheight--2); font-size: var(--aalto-base-fontsize--5); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } .aalto-alias-typography__icon--large, .aalto-txt-icon-l { font-family: var(--aalto-base-fontfamily--icon); font-weight: var(--aalto-base-fontweight--icon); line-height: var(--aalto-base-lineheight--3); font-size: var(--aalto-base-fontsize--6); letter-spacing: var(--aalto-base-letterspacing--0); margin-bottom: var(--aalto-base-paragraphspacing--0); text-indent: var(--aalto-base-paragraphindent--0); text-transform: var(--aalto-base-textcase--none); text-decoration: var(--aalto-base-textdecoration--none); } @media only screen and (min-width: 992px) { h1, .aalto-alias-typography__title--h1, .aalto-txt-h1 { line-height: var(--aalto-base-lineheight--7); font-size: var(--aalto-base-fontsize--7); } h2, .aalto-alias-typography__title--h2, .aalto-txt-h2 { line-height: var(--aalto-base-lineheight--6); font-size: var(--aalto-base-fontsize--6); } h3, .aalto-alias-typography__title--h3, .aalto-txt-h3 { line-height: var(--aalto-base-lineheight--3); font-size: var(--aalto-base-fontsize--5); } } /* --------------------------------------------------------------------- */ /* SEMANTIC - COLOR - THEME - NEUTRAL */ /* --------------------------------------------------------------------- */ /* LIGHT (default theme) */ :root, .aalto-semantic-color__theme--neutral.aalto-semantic-color__theme-variant--light, .aalto-semantic-color__theme-variant--light .aalto-semantic-color__theme--neutral { --aalto-col-bg: var(--aalto-alias-color__theme-neutral-light-basic--background); --aalto-col-bg-tint: var(--aalto-alias-color__theme-neutral-light-basic--background-tint); --aalto-col-fg: var(--aalto-alias-color__theme-neutral-light-basic--foreground); --aalto-col-fg-tint: var(--aalto-alias-color__theme-neutral-light-basic--foreground-tint); --aalto-col-surface: var(--aalto-alias-color__theme-neutral-light-basic--surface); --aalto-col-subtle: var(--aalto-alias-color__theme-neutral-light-basic--subtle); --aalto-col-overlay: var(--aalto-alias-color__theme-neutral-light-basic--overlay); --aalto-col-action: var(--aalto-alias-color__theme-neutral-light-action--action); --aalto-col-hover: var(--aalto-alias-color__theme-neutral-light-action--hover); --aalto-col-active: var(--aalto-alias-color__theme-neutral-light-action--active); --aalto-col-disabled: var(--aalto-alias-color__theme-neutral-light-action--disabled); --aalto-col-selected: var(--aalto-alias-color__theme-neutral-light-action--selected); --aalto-col-action-rev: var(--aalto-alias-color__theme-neutral-light-action-rev--action-rev); --aalto-col-hover-rev: var(--aalto-alias-color__theme-neutral-light-action-rev--hover-rev); --aalto-col-active-rev: var(--aalto-alias-color__theme-neutral-light-action-rev--active-rev); --aalto-col-disabled-rev: var(--aalto-alias-color__theme-neutral-light-action-rev--disabled-rev); --aalto-col-selected-rev: var(--aalto-alias-color__theme-neutral-light-action-rev--selected-rev); } /* DARK */ .aalto-semantic-color__theme--neutral.aalto-semantic-color__theme-variant--dark, .aalto-semantic-color__theme-variant--dark .aalto-semantic-color__theme--neutral { --aalto-col-bg: var(--aalto-alias-color__theme-neutral-dark-basic--background); --aalto-col-bg-tint: var(--aalto-alias-color__theme-neutral-dark-basic--background-tint); --aalto-col-fg: var(--aalto-alias-color__theme-neutral-dark-basic--foreground); --aalto-col-fg-tint: var(--aalto-alias-color__theme-neutral-dark-basic--foreground-tint); --aalto-col-surface: var(--aalto-alias-color__theme-neutral-dark-basic--surface); --aalto-col-subtle: var(--aalto-alias-color__theme-neutral-dark-basic--subtle); --aalto-col-overlay: var(--aalto-alias-color__theme-neutral-dark-basic--overlay); --aalto-col-action: var(--aalto-alias-color__theme-neutral-dark-action--action); --aalto-col-hover: var(--aalto-alias-color__theme-neutral-dark-action--hover); --aalto-col-active: var(--aalto-alias-color__theme-neutral-dark-action--active); --aalto-col-disabled: var(--aalto-alias-color__theme-neutral-dark-action--disabled); --aalto-col-selected: var(--aalto-alias-color__theme-neutral-dark-action--selected); --aalto-col-action-rev: var(--aalto-alias-color__theme-neutral-dark-action-rev--action-rev); --aalto-col-hover-rev: var(--aalto-alias-color__theme-neutral-dark-action-rev--hover-rev); --aalto-col-active-rev: var(--aalto-alias-color__theme-neutral-dark-action-rev--active-rev); --aalto-col-disabled-rev: var(--aalto-alias-color__theme-neutral-dark-action-rev--disabled-rev); --aalto-col-selected-rev: var(--aalto-alias-color__theme-neutral-dark-action-rev--selected-rev); } /* --------------------------------------------------------------------- */ /* SEMANTIC - COLOR - THEME - BRAND */ /* --------------------------------------------------------------------- */ /* RED */ .aalto-semantic-color__theme--brand.aalto-semantic-color__theme-variant--red { --aalto-col-bg: var(--aalto-alias-color__theme-brand-red-basic--background); --aalto-col-bg-tint: var(--aalto-alias-color__theme-brand-red-basic--background-tint); --aalto-col-fg: var(--aalto-alias-color__theme-brand-red-basic--foreground); --aalto-col-fg-tint: var(--aalto-alias-color__theme-brand-red-basic--foreground-tint); --aalto-col-surface: var(--aalto-alias-color__theme-brand-red-basic--surface); --aalto-col-subtle: var(--aalto-alias-color__theme-brand-red-basic--subtle); --aalto-col-overlay: var(--aalto-alias-color__theme-brand-red-basic--overlay); --aalto-col-action: var(--aalto-alias-color__theme-brand-red-action--action); --aalto-col-hover: var(--aalto-alias-color__theme-brand-red-action--hover); --aalto-col-active: var(--aalto-alias-color__theme-brand-red-action--active); --aalto-col-disabled: var(--aalto-alias-color__theme-brand-red-action--disabled); --aalto-col-selected: var(--aalto-alias-color__theme-brand-red-action--selected); --aalto-col-action-rev: var(--aalto-alias-color__theme-brand-red-action-rev--action-rev); --aalto-col-hover-rev: var(--aalto-alias-color__theme-brand-red-action-rev--hover-rev); --aalto-col-active-rev: var(--aalto-alias-color__theme-brand-red-action-rev--active-rev); --aalto-col-disabled-rev: var(--aalto-alias-color__theme-brand-red-action-rev--disabled-rev); --aalto-col-selected-rev: var(--aalto-alias-color__theme-brand-red-action-rev--selected-rev); } /* YELLOW */ .aalto-semantic-color__theme--brand.aalto-semantic-color__theme-variant--yellow { --aalto-col-bg: var(--aalto-alias-color__theme-brand-yellow-basic--background); --aalto-col-bg-tint: var(--aalto-alias-color__theme-brand-yellow-basic--background-tint); --aalto-col-fg: var(--aalto-alias-color__theme-brand-yellow-basic--foreground); --aalto-col-fg-tint: var(--aalto-alias-color__theme-brand-yellow-basic--foreground-tint); --aalto-col-surface: var(--aalto-alias-color__theme-brand-yellow-basic--surface); --aalto-col-subtle: var(--aalto-alias-color__theme-brand-yellow-basic--subtle); --aalto-col-overlay: var(--aalto-alias-color__theme-brand-yellow-basic--overlay); --aalto-col-action: var(--aalto-alias-color__theme-brand-yellow-action--action); --aalto-col-hover: var(--aalto-alias-color__theme-brand-yellow-action--hover); --aalto-col-active: var(--aalto-alias-color__theme-brand-yellow-action--active); --aalto-col-disabled: var(--aalto-alias-color__theme-brand-yellow-action--disabled); --aalto-col-selected: var(--aalto-alias-color__theme-brand-yellow-action--selected); --aalto-col-action-rev: var(--aalto-alias-color__theme-brand-yellow-action-rev--action-rev); --aalto-col-hover-rev: var(--aalto-alias-color__theme-brand-yellow-action-rev--hover-rev); --aalto-col-active-rev: var(--aalto-alias-color__theme-brand-yellow-action-rev--active-rev); --aalto-col-disabled-rev: var(--aalto-alias-color__theme-brand-yellow-action-rev--disabled-rev); --aalto-col-selected-rev: var(--aalto-alias-color__theme-brand-yellow-action-rev--selected-rev); } /* BLUE */ .aalto-semantic-color__theme--brand.aalto-semantic-color__theme-variant--blue { --aalto-col-bg: var(--aalto-alias-color__theme-brand-blue-basic--background); --aalto-col-bg-tint: var(--aalto-alias-color__theme-brand-blue-basic--background-tint); --aalto-col-fg: var(--aalto-alias-color__theme-brand-blue-basic--foreground); --aalto-col-fg-tint: var(--aalto-alias-color__theme-brand-blue-basic--foreground-tint); --aalto-col-surface: var(--aalto-alias-color__theme-brand-blue-basic--surface); --aalto-col-subtle: var(--aalto-alias-color__theme-brand-blue-basic--subtle); --aalto-col-overlay: var(--aalto-alias-color__theme-brand-blue-basic--overlay); --aalto-col-action: var(--aalto-alias-color__theme-brand-blue-action--action); --aalto-col-hover: var(--aalto-alias-color__theme-brand-blue-action--hover); --aalto-col-active: var(--aalto-alias-color__theme-brand-blue-action--active); --aalto-col-disabled: var(--aalto-alias-color__theme-brand-blue-action--disabled); --aalto-col-selected: var(--aalto-alias-color__theme-brand-blue-action--selected); --aalto-col-action-rev: var(--aalto-alias-color__theme-brand-blue-action-rev--action-rev); --aalto-col-hover-rev: var(--aalto-alias-color__theme-brand-blue-action-rev--hover-rev); --aalto-col-active-rev: var(--aalto-alias-color__theme-brand-blue-action-rev--active-rev); --aalto-col-disabled-rev: var(--aalto-alias-color__theme-brand-blue-action-rev--disabled-rev); --aalto-col-selected-rev: var(--aalto-alias-color__theme-brand-blue-action-rev--selected-rev); } /* BLACK */ .aalto-semantic-color__theme--brand.aalto-semantic-color__theme-variant--black { --aalto-col-bg: var(--aalto-alias-color__theme-brand-black-basic--background); --aalto-col-bg-tint: var(--aalto-alias-color__theme-brand-black-basic--background-tint); --aalto-col-fg: var(--aalto-alias-color__theme-brand-black-basic--foreground); --aalto-col-fg-tint: var(--aalto-alias-color__theme-brand-black-basic--foreground-tint); --aalto-col-surface: var(--aalto-alias-color__theme-brand-black-basic--surface); --aalto-col-subtle: var(--aalto-alias-color__theme-brand-black-basic--subtle); --aalto-col-overlay: var(--aalto-alias-color__theme-brand-black-basic--overlay); --aalto-col-action: var(--aalto-alias-color__theme-brand-black-action--action); --aalto-col-hover: var(--aalto-alias-color__theme-brand-black-action--hover); --aalto-col-active: var(--aalto-alias-color__theme-brand-black-action--active); --aalto-col-disabled: var(--aalto-alias-color__theme-brand-black-action--disabled); --aalto-col-selected: var(--aalto-alias-color__theme-brand-black-action--selected); --aalto-col-action-rev: var(--aalto-alias-color__theme-brand-black-action-rev--action-rev); --aalto-col-hover-rev: var(--aalto-alias-color__theme-brand-black-action-rev--hover-rev); --aalto-col-active-rev: var(--aalto-alias-color__theme-brand-black-action-rev--active-rev); --aalto-col-disabled-rev: var(--aalto-alias-color__theme-brand-black-action-rev--disabled-rev); --aalto-col-selected-rev: var(--aalto-alias-color__theme-brand-black-action-rev--selected-rev); } /* --------------------------------------------------------------------- */ /* SEMANTIC - COLOR - THEME - SCHOOL */ /* --------------------------------------------------------------------- */ /* ENG */ .aalto-semantic-color__theme--school.aalto-semantic-color__theme-variant--eng { --aalto-col-bg: var(--aalto-alias-color__theme-school-eng-basic--background); --aalto-col-bg-tint: var(--aalto-alias-color__theme-school-eng-basic--background-tint); --aalto-col-fg: var(--aalto-alias-color__theme-school-eng-basic--foreground); --aalto-col-fg-tint: var(--aalto-alias-color__theme-school-eng-basic--foreground-tint); --aalto-col-surface: var(--aalto-alias-color__theme-school-eng-basic--surface); --aalto-col-subtle: var(--aalto-alias-color__theme-school-eng-basic--subtle); --aalto-col-overlay: var(--aalto-alias-color__theme-school-eng-basic--overlay); --aalto-col-action: var(--aalto-alias-color__theme-school-eng-action--action); --aalto-col-hover: var(--aalto-alias-color__theme-school-eng-action--hover); --aalto-col-active: var(--aalto-alias-color__theme-school-eng-action--active); --aalto-col-disabled: var(--aalto-alias-color__theme-school-eng-action--disabled); --aalto-col-selected: var(--aalto-alias-color__theme-school-eng-action--selected); --aalto-col-action-rev: var(--aalto-alias-color__theme-school-eng-action-rev--action-rev); --aalto-col-hover-rev: var(--aalto-alias-color__theme-school-eng-action-rev--hover-rev); --aalto-col-active-rev: var(--aalto-alias-color__theme-school-eng-action-rev--active-rev); --aalto-col-disabled-rev: var(--aalto-alias-color__theme-school-eng-action-rev--disabled-rev); --aalto-col-selected-rev: var(--aalto-alias-color__theme-school-eng-action-rev--selected-rev); } /* ELEC */ .aalto-semantic-color__theme--school.aalto-semantic-color__theme-variant--elec { --aalto-col-bg: var(--aalto-alias-color__theme-school-elec-basic--background); --aalto-col-bg-tint: var(--aalto-alias-color__theme-school-elec-basic--background-tint); --aalto-col-fg: var(--aalto-alias-color__theme-school-elec-basic--foreground); --aalto-col-fg-tint: var(--aalto-alias-color__theme-school-elec-basic--foreground-tint); --aalto-col-surface: var(--aalto-alias-color__theme-school-elec-basic--surface); --aalto-col-subtle: var(--aalto-alias-color__theme-school-elec-basic--subtle); --aalto-col-overlay: var(--aalto-alias-color__theme-school-elec-basic--overlay); --aalto-col-action: var(--aalto-alias-color__theme-school-elec-action--action); --aalto-col-hover: var(--aalto-alias-color__theme-school-elec-action--hover); --aalto-col-active: var(--aalto-alias-color__theme-school-elec-action--active); --aalto-col-disabled: var(--aalto-alias-color__theme-school-elec-action--disabled); --aalto-col-selected: var(--aalto-alias-color__theme-school-elec-action--selected); --aalto-col-action-rev: var(--aalto-alias-color__theme-school-elec-action-rev--action-rev); --aalto-col-hover-rev: var(--aalto-alias-color__theme-school-elec-action-rev--hover-rev); --aalto-col-active-rev: var(--aalto-alias-color__theme-school-elec-action-rev--active-rev); --aalto-col-disabled-rev: var(--aalto-alias-color__theme-school-elec-action-rev--disabled-rev); --aalto-col-selected-rev: var(--aalto-alias-color__theme-school-elec-action-rev--selected-rev); } /* CHEM */ .aalto-semantic-color__theme--school.aalto-semantic-color__theme-variant--chem { --aalto-col-bg: var(--aalto-alias-color__theme-school-chem-basic--background); --aalto-col-bg-tint: var(--aalto-alias-color__theme-school-chem-basic--background-tint); --aalto-col-fg: var(--aalto-alias-color__theme-school-chem-basic--foreground); --aalto-col-fg-tint: var(--aalto-alias-color__theme-school-chem-basic--foreground-tint); --aalto-col-surface: var(--aalto-alias-color__theme-school-chem-basic--surface); --aalto-col-subtle: var(--aalto-alias-color__theme-school-chem-basic--subtle); --aalto-col-overlay: var(--aalto-alias-color__theme-school-chem-basic--overlay); --aalto-col-action: var(--aalto-alias-color__theme-school-chem-action--action); --aalto-col-hover: var(--aalto-alias-color__theme-school-chem-action--hover); --aalto-col-active: var(--aalto-alias-color__theme-school-chem-action--active); --aalto-col-disabled: var(--aalto-alias-color__theme-school-chem-action--disabled); --aalto-col-selected: var(--aalto-alias-color__theme-school-chem-action--selected); --aalto-col-action-rev: var(--aalto-alias-color__theme-school-chem-action-rev--action-rev); --aalto-col-hover-rev: var(--aalto-alias-color__theme-school-chem-action-rev--hover-rev); --aalto-col-active-rev: var(--aalto-alias-color__theme-school-chem-action-rev--active-rev); --aalto-col-disabled-rev: var(--aalto-alias-color__theme-school-chem-action-rev--disabled-rev); --aalto-col-selected-rev: var(--aalto-alias-color__theme-school-chem-action-rev--selected-rev); } /* ARTS */ .aalto-semantic-color__theme--school.aalto-semantic-color__theme-variant--arts { --aalto-col-bg: var(--aalto-alias-color__theme-school-arts-basic--background); --aalto-col-bg-tint: var(--aalto-alias-color__theme-school-arts-basic--background-tint); --aalto-col-fg: var(--aalto-alias-color__theme-school-arts-basic--foreground); --aalto-col-fg-tint: var(--aalto-alias-color__theme-school-arts-basic--foreground-tint); --aalto-col-surface: var(--aalto-alias-color__theme-school-arts-basic--surface); --aalto-col-subtle: var(--aalto-alias-color__theme-school-arts-basic--subtle); --aalto-col-overlay: var(--aalto-alias-color__theme-school-arts-basic--overlay); --aalto-col-action: var(--aalto-alias-color__theme-school-arts-action--action); --aalto-col-hover: var(--aalto-alias-color__theme-school-arts-action--hover); --aalto-col-active: var(--aalto-alias-color__theme-school-arts-action--active); --aalto-col-disabled: var(--aalto-alias-color__theme-school-arts-action--disabled); --aalto-col-selected: var(--aalto-alias-color__theme-school-arts-action--selected); --aalto-col-action-rev: var(--aalto-alias-color__theme-school-arts-action-rev--action-rev); --aalto-col-hover-rev: var(--aalto-alias-color__theme-school-arts-action-rev--hover-rev); --aalto-col-active-rev: var(--aalto-alias-color__theme-school-arts-action-rev--active-rev); --aalto-col-disabled-rev: var(--aalto-alias-color__theme-school-arts-action-rev--disabled-rev); --aalto-col-selected-rev: var(--aalto-alias-color__theme-school-arts-action-rev--selected-rev); } /* BIZ */ .aalto-semantic-color__theme--school.aalto-semantic-color__theme-variant--biz { --aalto-col-bg: var(--aalto-alias-color__theme-school-biz-basic--background); --aalto-col-bg-tint: var(--aalto-alias-color__theme-school-biz-basic--background-tint); --aalto-col-fg: var(--aalto-alias-color__theme-school-biz-basic--foreground); --aalto-col-fg-tint: var(--aalto-alias-color__theme-school-biz-basic--foreground-tint); --aalto-col-surface: var(--aalto-alias-color__theme-school-biz-basic--surface); --aalto-col-subtle: var(--aalto-alias-color__theme-school-biz-basic--subtle); --aalto-col-overlay: var(--aalto-alias-color__theme-school-biz-basic--overlay); --aalto-col-action: var(--aalto-alias-color__theme-school-biz-action--action); --aalto-col-hover: var(--aalto-alias-color__theme-school-biz-action--hover); --aalto-col-active: var(--aalto-alias-color__theme-school-biz-action--active); --aalto-col-disabled: var(--aalto-alias-color__theme-school-biz-action--disabled); --aalto-col-selected: var(--aalto-alias-color__theme-school-biz-action--selected); --aalto-col-action-rev: var(--aalto-alias-color__theme-school-biz-action-rev--action-rev); --aalto-col-hover-rev: var(--aalto-alias-color__theme-school-biz-action-rev--hover-rev); --aalto-col-active-rev: var(--aalto-alias-color__theme-school-biz-action-rev--active-rev); --aalto-col-disabled-rev: var(--aalto-alias-color__theme-school-biz-action-rev--disabled-rev); --aalto-col-selected-rev: var(--aalto-alias-color__theme-school-biz-action-rev--selected-rev); } /* SCI */ .aalto-semantic-color__theme--school.aalto-semantic-color__theme-variant--sci { --aalto-col-bg: var(--aalto-alias-color__theme-school-sci-basic--background); --aalto-col-bg-tint: var(--aalto-alias-color__theme-school-sci-basic--background-tint); --aalto-col-fg: var(--aalto-alias-color__theme-school-sci-basic--foreground); --aalto-col-fg-tint: var(--aalto-alias-color__theme-school-sci-basic--foreground-tint); --aalto-col-surface: var(--aalto-alias-color__theme-school-sci-basic--surface); --aalto-col-subtle: var(--aalto-alias-color__theme-school-sci-basic--subtle); --aalto-col-overlay: var(--aalto-alias-color__theme-school-sci-basic--overlay); --aalto-col-action: var(--aalto-alias-color__theme-school-sci-action--action); --aalto-col-hover: var(--aalto-alias-color__theme-school-sci-action--hover); --aalto-col-active: var(--aalto-alias-color__theme-school-sci-action--active); --aalto-col-disabled: var(--aalto-alias-color__theme-school-sci-action--disabled); --aalto-col-selected: var(--aalto-alias-color__theme-school-sci-action--selected); --aalto-col-action-rev: var(--aalto-alias-color__theme-school-sci-action-rev--action-rev); --aalto-col-hover-rev: var(--aalto-alias-color__theme-school-sci-action-rev--hover-rev); --aalto-col-active-rev: var(--aalto-alias-color__theme-school-sci-action-rev--active-rev); --aalto-col-disabled-rev: var(--aalto-alias-color__theme-school-sci-action-rev--disabled-rev); --aalto-col-selected-rev: var(--aalto-alias-color__theme-school-sci-action-rev--selected-rev); } /* --------------------------------------------------------------------- */ /* SEMANTIC - DIMENSION */ /* --------------------------------------------------------------------- */ :root { --aalto-semantic-dimension__container--padding: var(--aalto-base-dimension--3); --aalto-semantic-dimension__container--gutter: var(--aalto-base-dimension--3); --aalto-semantic-dimension__section--top: var(--aalto-base-dimension--4); --aalto-semantic-dimension__section--bottom: var(--aalto-base-dimension--4); --aalto-semantic-dimension__section--top-boundary: var(--aalto-base-dimension--7); --aalto-semantic-dimension__section--bottom-boundary: var(--aalto-base-dimension--7); --aalto-semantic-dimension__section--top-first: var(--aalto-base-dimension--7); --aalto-semantic-dimension__section--bottom-last: var(--aalto-base-dimension--10); /* Conveniency names */ --aalto-dim-padding: var(--aalto-semantic-dimension__container--padding); --aalto-dim-gutter: var(--aalto-semantic-dimension__container--gutter); --aalto-dim-section-top: var(--aalto-semantic-dimension__section--top); --aalto-dim-section-bottom: var(--aalto-semantic-dimension__section--bottom); --aalto-dim-section-top-boundary: var(--aalto-semantic-dimension__section--top-boundary); --aalto-dim-section-bottom-boundary: var(--aalto-semantic-dimension__section--bottom-boundary); --aalto-dim-section-top-first: var(--aalto-semantic-dimension__section--top-first); --aalto-dim-section-bottom-last: var(--aalto-semantic-dimension__section--bottom-last); } @media only screen and (min-width: 768px) { :root { --aalto-semantic-dimension__container--padding: var(--aalto-base-dimension--4); --aalto-semantic-dimension__container--gutter: var(--aalto-base-dimension--3); } } @media only screen and (min-width: 992px) { :root { --aalto-semantic-dimension__container--padding: var(--aalto-base-dimension--6); --aalto-semantic-dimension__container--gutter: var(--aalto-base-dimension--4); --aalto-semantic-dimension__section--top: var(--aalto-base-dimension--5); --aalto-semantic-dimension__section--bottom: var(--aalto-base-dimension--5); --aalto-semantic-dimension__section--top-boundary: var(--aalto-base-dimension--10); --aalto-semantic-dimension__section--bottom-boundary: var(--aalto-base-dimension--10); --aalto-semantic-dimension__section--bottom-last: var(--aalto-base-dimension--13); } } @media only screen and (min-width: 1616px) { :root { --aalto-semantic-dimension__section--top: var(--aalto-base-dimension--6); --aalto-semantic-dimension__section--bottom: var(--aalto-base-dimension--6); --aalto-semantic-dimension__section--top-boundary: var(--aalto-base-dimension--11); --aalto-semantic-dimension__section--bottom-boundary: var(--aalto-base-dimension--11); } } /* EXTRA */ @font-face { font-family: 'besley'; font-weight: var(--aalto-base-fontweight--secondary-0); font-style: normal; src: url('https://fonts.gstatic.com/s/besley/v19/PlI8FlO1MaNwaNG8XAeH2n5MnQ.woff2') format(woff2); font-display: swap; } @font-face { font-family: 'source code pro'; font-weight: var(--aalto-base-fontweight--code); font-style: normal; src: url('https://fonts.gstatic.com/s/sourcecodepro/v22/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQtMlrTFcZZJmOpw.woff2') format(woff2); font-display: swap; } @font-face { font-family: 'aalto-icons'; font-weight: var(--aalto-base-fontweight--icon); font-style: normal; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAACBAAAwAAAAAH/AAAQACAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABHAAABfgAAAX4NkoxMk9TLzIAAAcUAAAAYAAAAGAPEgZOY21hcAAAB3QAAAB8AAAAfOoyAhhnYXNwAAAH8AAAAAgAAAAIAAAAEGdseWYAAAf4AAAUHAAAFBzimCcaaGVhZAAAHBQAAAA2AAAANiU8tghoaGVhAAAcTAAAACQAAAAkB54ED2htdHgAABxwAAABOAAAATjCABUfbG9jYQAAHagAAACeAAAAnolohGRtYXhwAAAeSAAAACAAAAAgAFkAUm5hbWUAAB5oAAABtgAAAbZpetj5cG9zdAAAICAAAAAgAAAAIAADAAAAAQAAAAoAHgAsAAFsYXRuAAgABAAAAAAAAAABAAAAAWxpZ2EACAAAAAEAAAABAAQABAAAAAEACgAAAAEADAADABYAJgW0AAEAAwAKAA4ATQABAAQAMAAFABUAFQATABUALgBeAHYAjACkAMAA2gDuAQYBHgE4AUwBYAF2AYoBsAHaAfACBAIiAkYCaAKGApoCrgLMAuwDCAMuA1gDhAOgA7wD1AP0BAoEKgRQBHQEmAS4BMwE7gUKBSwFTAVsAEsACwAIABMAEgAEABoADgASAAkAEwAaAEoACgAIABMAEgAEABgAFgAKABUAFgBJAAsACAATABIABAAYABIAEQAYABcACgBIAA0ACAATABIABAAWABgADgAXAAgABgAWAAoARwAMAAgAEwASAAQAFgAYAAgACAAKABYAFgBGAAkACAATABIABAAWABcAEwAUAEUACwAIABMAEgAEABYADQAOAAoAEAAJAEQACwAIABMAEgAEABYACgAGABUACAANAEMADAAIABMAEgAEABQAFQATAAsADgAQAAoAQgAJAAgAEwASAAQAFAAQABgAFgBBAAkACAATABIABAAUABAABgAcAEAACgAIABMAEgAEABQABgAYABYACgA/AAkACAATABIABAARABgAFwAKAD4AEgAIABMAEgAEABEAEwAVAAoABAAZAAoAFQAXAA4ACAAGABAAPQAUAAgAEwASAAQAEQATABUACgAEAA0AEwAVAA4AHQATABIAFwAGABAAPAAKAAgAEwASAAQAEQAOABIAGAAWADsACQAIABMAEgAEABEABgAOABAAOgAOAAgAEwASAAQAEAAOABIADwAKAAkABAAOABIAOQARAAgAEwASAAQAEAAOAAwADQAXAAQAFwANAAoAEQAKAAUAOAAQAAgAEwASAAQAEAAOAAwADQAXAAQAFwANAAoAEQAKADcADgAIABMAEgAEAA4AEgAWABcABgAMABUABgARAEwACQAIABMAEgAEAA4AEgALABMANgAJAAgAEwASAAQADQATABEACgA1AA4ACAATABIABAANAAYAEQAHABgAFQAMAAoAFQA0AA8ACAATABIABAAMABUABgAJABgABgAXAA4AEwASADMADQAIABMAEgAEAAsABgAIAAoABwATABMADwAyABIACAATABIABAAKABsAFwAKABUAEgAGABAABAATABQACgASADEAFAAIABMAEgAEAAoAGwAOABcABAALABgAEAAQABYACAAVAAoACgASAC8AFQAIABMAEgAEAAoAEgAXAAoAFQAEAAsAGAAQABAAFgAIABUACgAKABIALgANAAgAEwASAAQACQATABoAEgAQABMABgAJAC0ADQAIABMAEgAEAAkAEwAIABgAEQAKABIAFwAsAAsACAATABIABAAJAAoAEAAKABcACgArAA8ACAATABIABAAJAAYAFQAPAAQAFwANAAoAEQAKACoACgAIABMAEgAEAAgAEAATABYACgApAA8ACAATABIABAAIAA0ACgAZABUAEwASAAQAGAAUACgAEgAIABMAEgAEAAgADQAKABkAFQATABIABAAVAA4ADAANABcAJwARAAgAEwASAAQACAANAAoAGQAVABMAEgAEABAACgALABcAJgARAAgAEwASAAQACAANAAoAGQAVABMAEgAEAAkAEwAaABIAJQAPAAgAEwASAAQACAANAAoACAAPAAQAEQAGABUADwAkAAkACAATABIABAAHABMAEwAPACMAEAAIABMAEgAEAAcABgAIAA8ABAAXABMABAAXABMAFAAiAA0ACAATABIABAAGABUAFQATABoABAAYABQAIQAQAAgAEwASAAQABgAVABUAEwAaAAQAFQAOAAwADQAXACAADwAIABMAEgAEAAYAFQAVABMAGgAEABAACgALABcAHwAPAAgAEwASAAQABgAVABUAEwAaAAQACQATABoAEgAeABAACAATABIABAAGABIACAANABMAFQAEABAADgAS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) format(woff2); }