:root{ --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); --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; --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; --aalto-base-effect--saturate-1:0.5; --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; --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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) }.aalto-alias-typography__body,.aalto-txt-body,div,p{ 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); -webkit-text-decoration:var(--aalto-base-textdecoration--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); -webkit-text-decoration:var(--aalto-base-textdecoration--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); -webkit-text-decoration:var(--aalto-base-textdecoration--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); -webkit-text-decoration:var(--aalto-base-textdecoration--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); -webkit-text-decoration:var(--aalto-base-textdecoration--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); -webkit-text-decoration:var(--aalto-base-textdecoration--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); -webkit-text-decoration:var(--aalto-base-textdecoration--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); -webkit-text-decoration:var(--aalto-base-textdecoration--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); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none) }.aalto-alias-typography__body--button,.aalto-txt-button,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); -webkit-text-decoration:var(--aalto-base-textdecoration--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); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none) }.aalto-alias-typography__title--h1,.aalto-txt-h1,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); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none) }.aalto-alias-typography__title--h2,.aalto-txt-h2,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); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none) }.aalto-alias-typography__title--h3,.aalto-txt-h3,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); -webkit-text-decoration:var(--aalto-base-textdecoration--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); -webkit-text-decoration:var(--aalto-base-textdecoration--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); -webkit-text-decoration:var(--aalto-base-textdecoration--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); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none) }@media only screen and (min-width:992px){ .aalto-alias-typography__title--h1,.aalto-txt-h1,h1{ line-height:var(--aalto-base-lineheight--7); font-size:var(--aalto-base-fontsize--7) }.aalto-alias-typography__title--h2,.aalto-txt-h2,h2{ line-height:var(--aalto-base-lineheight--6); font-size:var(--aalto-base-fontsize--6) }.aalto-alias-typography__title--h3,.aalto-txt-h3,h3{ line-height:var(--aalto-base-lineheight--3); font-size:var(--aalto-base-fontsize--5) } }.aalto-semantic-color__theme--neutral.aalto-semantic-color__theme-variant--light,.aalto-semantic-color__theme-variant--light .aalto-semantic-color__theme--neutral,:root{ --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) }.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) }.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) }.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) }.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) }.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) }.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) }.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) }.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) }.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) }.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) }.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) }: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); --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) } }@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) }/* Custom CSS reset */body { margin: 0; }* { box-sizing: border-box; border-style: solid; border-width: 0; border-color: currentColor; -webkit-font-smoothing: antialiased; }button { color: inherit; padding-top: 0; padding-bottom: 0; appearance: button; -webkit-appearance: button; background-color: transparent; background-image: none; }a { color: inherit; text-decoration: inherit; }blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre { margin: 0; }input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; border-radius: 0; }a { color: inherit; text-decoration: inherit; }ol, ul, menu { list-style: none; margin: 0; padding: 0; }textarea { resize: vertical; }/* Universal Aalto styles */html, body { font-family: var(--aalto-base-fontfamily--primary); color: var(--aalto-col-fg); font-size: 1rem; transition-timing-function: ease-in-out; }:focus-visible { outline: 2px solid var(--aalto-col-action); }.rich a { text-decoration: underline; }.no-scrollbar { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* Internet Explorer 10+ */ }.no-scrollbar::-webkit-scrollbar { /* WebKit */ width: 0; height: 0; }/* Generic utility classes for hover and active state effects */.aalto-statefx, .aalto-statefx-group, .aalto-statefx-rev, .aalto-statefx-group-rev { cursor: pointer; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: var(--aalto-trans-slow); }.aalto-statefx:hover, .aalto-statefx-group:hover, .aalto-statefx-rev:hover, .aalto-statefx-group-rev:hover { transition-duration: var(--aalto-trans-fast); }.aalto-statefx:hover, .aalto-statefx-group:hover { background-color: var(--aalto-col-hover); }.aalto-statefx:active, .aalto-statefx-group:active { background-color: var(--aalto-col-active); }.aalto-statefx-rev:hover, .aalto-statefx-group-rev:hover { background-color: var(--aalto-col-hover-rev); }.aalto-statefx-rev:active, .aalto-statefx-group-rev:active { background-color: var(--aalto-col-active-rev); }/* 3rd party component styles */.rc-slider { position: relative; width: 100%; height: 14px; padding: 5px 0; border-radius: 6px; touch-action: none; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }.rc-slider * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }.rc-slider-rail { position: absolute; width: 100%; height: 4px; background-color: #e9e9e9; border-radius: 6px; }.rc-slider-track, .rc-slider-tracks { position: absolute; height: 4px; background-color: #abe2fb; border-radius: 6px; }.rc-slider-track-draggable { z-index: 1; box-sizing: content-box; background-clip: content-box; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); -webkit-transform: translateY(-5px); transform: translateY(-5px); }.rc-slider-handle { position: absolute; z-index: 1; width: 14px; height: 14px; margin-top: -5px; background-color: #fff; border: solid 2px #96dbfa; border-radius: 50%; cursor: pointer; cursor: grab; opacity: 0.8; touch-action: pan-x; }.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging { border-color: #57c5f7; box-shadow: 0 0 0 5px #96dbfa; }.rc-slider-handle:focus { outline: none; box-shadow: none; }.rc-slider-handle:focus-visible { border-color: #2db7f5; box-shadow: 0 0 0 3px #96dbfa; }.rc-slider-handle-click-focused:focus { border-color: #96dbfa; box-shadow: unset; }.rc-slider-handle:hover { border-color: #57c5f7; }.rc-slider-handle:active { border-color: #57c5f7; box-shadow: 0 0 5px #57c5f7; cursor: grabbing; }.rc-slider-mark { position: absolute; top: 18px; left: 0; width: 100%; font-size: 12px; }.rc-slider-mark-text { position: absolute; display: inline-block; color: #999; text-align: center; vertical-align: middle; cursor: pointer; }.rc-slider-mark-text-active { color: #666; }.rc-slider-step { position: absolute; width: 100%; height: 4px; background: transparent; }.rc-slider-dot { position: absolute; bottom: -2px; width: 8px; height: 8px; vertical-align: middle; background-color: #fff; border: 2px solid #e9e9e9; border-radius: 50%; cursor: pointer; }.rc-slider-dot-active { border-color: #96dbfa; }.rc-slider-dot-reverse { margin-right: -4px; }.rc-slider-disabled { background-color: #e9e9e9; }.rc-slider-disabled .rc-slider-track { background-color: #ccc; }.rc-slider-disabled .rc-slider-handle, .rc-slider-disabled .rc-slider-dot { background-color: #fff; border-color: #ccc; box-shadow: none; cursor: not-allowed; }.rc-slider-disabled .rc-slider-mark-text, .rc-slider-disabled .rc-slider-dot { cursor: not-allowed !important; }.rc-slider-vertical { width: 14px; height: 100%; padding: 0 5px; }.rc-slider-vertical .rc-slider-rail { width: 4px; height: 100%; }.rc-slider-vertical .rc-slider-track { bottom: 0; left: 5px; width: 4px; }.rc-slider-vertical .rc-slider-track-draggable { border-top: 0; border-bottom: 0; border-right: 5px solid rgba(0, 0, 0, 0); border-left: 5px solid rgba(0, 0, 0, 0); -webkit-transform: translateX(-5px); transform: translateX(-5px); }.rc-slider-vertical .rc-slider-handle { position: absolute; z-index: 1; margin-top: 0; margin-left: -5px; touch-action: pan-y; }.rc-slider-vertical .rc-slider-mark { top: 0; left: 18px; height: 100%; }.rc-slider-vertical .rc-slider-step { width: 4px; height: 100%; }.rc-slider-vertical .rc-slider-dot { margin-left: -2px; }.rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear { display: block !important; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; }.rc-slider-tooltip-zoom-down-leave { display: block !important; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; }.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active, .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active { -webkit-animation-name: rcSliderTooltipZoomDownIn; animation-name: rcSliderTooltipZoomDownIn; -webkit-animation-play-state: running; animation-play-state: running; }.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active { -webkit-animation-name: rcSliderTooltipZoomDownOut; animation-name: rcSliderTooltipZoomDownOut; -webkit-animation-play-state: running; animation-play-state: running; }.rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear { -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }.rc-slider-tooltip-zoom-down-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }@-webkit-keyframes rcSliderTooltipZoomDownIn { 0% { -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } }@keyframes rcSliderTooltipZoomDownIn { 0% { -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } }@-webkit-keyframes rcSliderTooltipZoomDownOut { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } 100% { -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } }@keyframes rcSliderTooltipZoomDownOut { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } 100% { -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } }.rc-slider-tooltip { position: absolute; top: -9999px; left: -9999px; visibility: visible; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }.rc-slider-tooltip * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }.rc-slider-tooltip-hidden { display: none; }.rc-slider-tooltip-placement-top { padding: 4px 0 8px 0; }.rc-slider-tooltip-inner { min-width: 24px; height: 24px; padding: 6px 2px; color: #fff; font-size: 12px; line-height: 1; text-align: center; text-decoration: none; background-color: #6c6c6c; border-radius: 6px; box-shadow: 0 0 4px #d9d9d9; }.rc-slider-tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow { bottom: 4px; left: 50%; margin-left: -4px; border-width: 4px 4px 0; border-top-color: #6c6c6c; }/* Aalto component styles *//* Accordion Item */.aalto-accordion-item { display: flex; flex-direction: column; color: var(--aalto-col-fg); }/* Accordion Item Button */.aalto-accordion-item button { position: relative; }.aalto-accordion-item button.top-divider { border-top: 1px solid var(--aalto-col-fg-tint); }/* Accordion Item Title */.aalto-accordion-item button > div { display: flex; flex-direction: row; gap: var(--aalto-dim-2); justify-content: space-between; align-items: center; align-content: center; padding: var(--aalto-dim-4) var(--aalto-dim-2); position: relative; }.aalto-accordion-item button > div .aalto-txt-accent { text-align: left; }.aalto-accordion-item .aalto-icon { top: 0; height: 100%; }/* Accordion Item Content */.aalto-accordion-item__content { overflow: hidden; border-bottom: 1px solid var(--aalto-col-fg-tint); }.aalto-accordion-item__content--children { display: flex; padding: var(--aalto-dim-4) var(--aalto-dim-3); }.aalto-avatar { width: var(--aalto-dim-10); height: var(--aalto-dim-10); flex-basis: var(--aalto-dim-10); flex-grow: 0; flex-shrink: 0; border-radius: 50%; background-color: var(--aalto-col-action); border: 1px solid var(--aalto-col-action); background-size: cover; display: flex; justify-content: center; align-content: center; vertical-align: middle; }.aalto-avatar > div { color: var(--aalto-col-action-rev); line-height: 5rem; }.aalto-icon { text-align: left; white-space: nowrap; flex: 0 0 auto; width: var(--icon-size); height: var(--icon-size); }/* Icon Size variant */.aalto-icon.aalto-txt-icon-s { --icon-size: var(--aalto-dim-3); }.aalto-icon.aalto-txt-icon-m { --icon-size: var(--aalto-dim-4); }.aalto-icon.aalto-txt-icon-l { --icon-size: var(--aalto-dim-5); }.aalto-icon__image { width: var(--icon-size); height: var(--icon-size); background-position: center; background-repeat: no-repeat; background-size: contain; background-color: var(--aalto-col-action); transition-property: background-color; transition-duration: var(--aalto-trans-fast); }/* Badge */.aalto-badge { padding: var(--aalto-dim-2) var(--aalto-dim-2); display: inline-flex; gap: var(--aalto-dim-2); background-color: var(--aalto-col-subtle); color: var(--aalto-col-fg); }/* Badge Icon and Text */.aalto-badge .aalto-icon { place-self: center; }.aalto-button { display: inline-flex; height: var(--aalto-dim-7); }/* Default variant */.aalto-button--default { border-width: 1px; border-color: var(--aalto-col-action); color: var(--aalto-col-action); }.aalto-button--default.disabled { border-color: var(--aalto-col-disabled); }.aalto-button--default.highlighted { background-color: var(--aalto-col-selected); }/* Primary and Overlay variants */.aalto-button--primary, .aalto-button--overlay { background-color: var(--aalto-col-action); color: var(--aalto-col-action-rev); }.aalto-button--primary.disabled, .aalto-button--overlay.disabled { background-color: var(--aalto-col-disabled); color: var(--aalto-col-action); }.aalto-button--primary.highlighted, .aalto-button--overlay.highlighted { background-color: var(--aalto-col-selected); color: var(--aalto-col-action); }/* Icon variant */.aalto-button--icon { border-width: 1px; border-color: transparent; color: var(--aalto-col-action); }.aalto-button--icon.disabled { color: var(--aalto-col-action); }.aalto-button--icon.highlighted { background-color: var(--aalto-col-selected); }/* Tab variant */.aalto-button--tab { border-bottom-width: 4px; border-color: transparent; color: var(--aalto-col-action); }.aalto-button--tab.highlighted { background-color: var(--aalto-col-selected); border-color: var(--aalto-col-action); }/* Button element styles */.aalto-button button { display: flex; gap: var(--aalto-dim-2); height: 100%; justify-content: center; white-space: nowrap; padding-left: var(--aalto-dim-5); padding-right: var(--aalto-dim-5); width: 100%; }.aalto-button--overlay button, .aalto-button--icon button { padding-left: var(--aalto-dim-2); padding-right: var(--aalto-dim-2); width: var(--aalto-dim-7); }.aalto-button button.reversed { flex-direction: row-reverse; }.aalto-button button > div { align-self: center; }.aalto-button--tab button > div { margin-bottom: -4px; }.aalto-checkbox { display: inline-flex; gap: var(--aalto-dim-3); cursor: pointer; color: var(--aalto-col-action-rev); }.aalto-checkbox:hover .aalto-statefx-group { transition-duration: var(--aalto-trans-fast); background-color: var(--aalto-col-hover); }.aalto-checkbox:active .aalto-statefx-group { background-color: var(--aalto-col-active); }/* Checkbox input outline*/.aalto-checkbox .aalto-statefx-group:first-child { position: relative; border: 1px solid var(--aalto-col-action); width: var(--aalto-dim-4); height: var(--aalto-dim-4); }.aalto-checkbox .aalto-statefx-group:first-child:focus-within { outline: 2px solid var(--aalto-col-action); }/* Checkbox input */.aalto-checkbox input { width: var(--aalto-dim-4); height: 100%; opacity: 0; cursor: pointer; }/* Checkbox mark */.aalto-checkbox__mark { position: absolute; top: 0px; left: 0px; display: flex; width: 100%; height: 100%; pointer-events: none; place-content: space-around; }.aalto-checkbox__mark > div { align-self: center; display: flex; place-content: space-around; background-color: var(--aalto-col-action); transition: all var(--aalto-trans-fast); width: 0px; height: 0px; }.aalto-checkbox__mark.selected > div { width: 100%; height: 100%; }/* Checkbox Icon */.aalto-checkbox__mark > div .aalto-icon { color: rgba(0, 0, 0, 0); align-self: center; }.aalto-checkbox__mark.selected > div .aalto-icon { color: var(--aalto-col-action-rev); }.aalto-checkbox label { color: var(--aalto-col-action); }.aalto-form-element-base { display: inline-flex; flex-direction: column; gap: var(--aalto-dim-2); width: 100%; background-color: var(--aalto-col-bg); }/* FormElementBase label */.aalto-form-element-base > label { color: var(--aalto-col-fg); }/* FormElementBase hint */.aalto-form-element-base > p { color: var(--aalto-col-fg-tint); }/* FormElementBase error */.aalto-form-element-base__error { height: var(--aalto-dim-5); display: flex; gap: var(--aalto-dim-2); background-color: var(--aalto-col-action); color: var(--aalto-col-action-rev); padding: var(--aalto-dim-1) var(--aalto-dim-2); opacity: 0; }.aalto-form-element-base.error .aalto-form-element-base__error { opacity: 1; }.aalto-form-element-base__error .aalto-icon { align-self: center; }.aalto-checkbox-group { display: inline-flex; flex-direction: column; gap: var(--aalto-dim-2); align-items: flex-start; }.aalto-chip { display: flex; gap: var(--aalto-dim-2); padding: var(--aalto-dim-2) var(--aalto-dim-3); color: var(--aalto-col-action); border: 1px solid var(--aalto-col-action); border-radius: 9999px; }.aalto-divider { border-style: solid; border-color: var(--aalto-col-subtle); border-top-width: 1px; width: 100%; height: 0; }.aalto-divider.vertical { border-top-width: 0; width: 0; height: 100%; border-left-width: 1px; }/* Selection list */.aalto-selection-list { position: absolute; z-index: 1000; width: 100%; display: flex; flex-direction: column; background-color: var(--aalto-col-action-rev); }.aalto-selection-list.condensed { /* return negative value of var(--aalto-dim-2) */ margin-top: calc(var(--aalto-dim-1) * -1); }/* Selection button */.aalto-selection-list button { text-align: left; padding: var(--aalto-dim-2) var(--aalto-dim-3); display: flex; justify-content: space-between; color: var(--aalto-col-fg); border: 1px solid var(--aalto-col-fg); }.aalto-selection-list button.current { background-color: var(--aalto-col-subtle); }.aalto-selection-list button .aalto-icon { align-self: center; }.aalto-link { display: inline-flex; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: var(--aalto-trans-fast); color: var(--aalto-col-fg) }.aalto-link.highlighted { background-color: var(--aalto-col-selected); }.aalto-link__rlink { display: inline-flex; width: 100%; gap: var(--aalto-dim-2); white-space: nowrap; overflow: hidden; color: var(--aalto-col-fg) }.aalto-link__rlink.large { border-bottom: 1px solid var(--aalto-col-action); }.aalto-link__rlink.icon-on-right { flex-direction: row-reverse; }.aalto-link__rlink-label { align-self: center; display: inline-flex; width: 100%; }.aalto-link__rlink.large .aalto-link__rlink-label { padding-top: var(--aalto-dim-2); padding-bottom: var(--aalto-dim-2); }.aalto-link .aalto-icon { align-self: center; }.aalto-dropdown { position: relative; }/* Dropdown header */.aalto-dropdown__header { position: relative; width: 100%; height: var(--aalto-dim-7); border: 1px solid var(--aalto-col-action); background-color: var(--aalto-col-action-rev); }/* Dropdown header button */.aalto-dropdown__header button { text-align: left; padding-left: var(--aalto-dim-3); width: 100%; height: 100%; outline: 2px solid transparent; outline-offset: 2px; color: var(--aalto-col-action); }.aalto-dropdown__header button:focus-within { outline-color: var(--aalto-col-action); }/* Dropdown header button placeholder */.aalto-dropdown__header-placeholder { color: var(--aalto-col-fg-tint); }/* Dropdown header button icon */.aalto-dropdown__header-icon { position: absolute; top: 0px; right: var(--aalto-dim-3); height: 100%; display: flex; }.aalto-dropdown__header-icon .aalto-icon { align-self: center; transition: all var(--aalto-trans-normal) ease-in-out; }.aalto-dropdown__header-icon.open .aalto-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); }.aalto-image { width: 100%; transition-property: all; transition-duration: var(--aalto-trans-slower); object-fit: cover; }.aalto-image__aspect--hd { aspect-ratio: var(--aalto-asp-hd); }.aalto-image__aspect--sd { aspect-ratio: var(--aalto-asp-sd); }.aalto-image__aspect--cinemascope { aspect-ratio: var(--aalto-asp-cinemascope); }.aalto-image__aspect--hd-portrait { aspect-ratio: var(--aalto-asp-hd-portrait); }.aalto-image__aspect--sd-portrait { aspect-ratio: var(--aalto-asp-sd-portrait); }.aalto-image__aspect--cinemascope-portrait { aspect-ratio: var(--aalto-asp-cinemascope-portrait); }.aalto-image__aspect--square { aspect-ratio: var(--aalto-asp-square); }.aalto-image-link { display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; align-items: center; gap: var(--aalto-dim-3); color: var(--aalto-col-action); --size: var(--aalto-dim-9); }.aalto-image-link.large { --size: var(--aalto-dim-13); }.aalto-image-link.label-bottom { flex-direction: column; gap: var(--aalto-dim-2); }.aalto-image-link.rounded .aalto-image-link__image-wrap { border-radius: 50%; overflow: hidden; background-color: var(--aalto-col-action); width: var(--size); }.aalto-image-link__image { width: var(--size); height: var(--size); transition-property: background-color; transition-duration: var(--aalto-trans-fast); }.aalto-image-link .aalto-icon { color: var(--aalto-col-action-rev); width: var(--size); height: var(--size); text-align: center; line-height: var(--size); }/* Mad haxx: this applies only on Safari and fixes a mysterious layout bug */@supports (font: -apple-system-body) and (-webkit-appearance: none) { .aalto-image-link .aalto-icon { margin-left: calc(var(--aalto-dim-3) * -1); } }.aalto-image-link__image-wrap { position: relative; display: table; }.aalto-image-link__highlight { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }.aalto-image-link.label-bottom span { text-align: center; }/* State effects */.aalto-image-link span, .aalto-image-link__highlight { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: var(--aalto-trans-slow); }.aalto-image-link:hover span, .aalto-image-link:hover .aalto-image-link__highlight { transition-duration: var(--aalto-trans-fast); }.aalto-image-link:hover span, .aalto-image-link:hover .aalto-image-link__highlight { background-color: var(--aalto-col-hover); }.aalto-image-link.dark:hover .aalto-image-link__highlight { background-color: var(--aalto-col-hover-rev); }.aalto-image-link:active span, .aalto-image-link:active .aalto-image-link__highlight { background-color: var(--aalto-col-active); }.aalto-image-link.dark:active .aalto-image-link__highlight { background-color: var(--aalto-col-active-rev); }.aalto-info { display: flex; flex-direction: column; gap: var(--aalto-dim-4); color: var(--aalto-col-fg); align-items: start; }.aalto-list { display: flex; flex-direction: column; gap: 0px; padding-top: var(--aalto-dim-4); color: var(--aalto-col-fg); }.aalto-list.expanded { margin-top: calc(var(--aalto-dim-4) * -1); }.aalto-list__list { display: flex; flex-direction: column; margin-bottom: var(--aalto-dim-2); align-items: flex-start; }.aalto-list__list.expanded { padding-top: var(--aalto-dim-3); }.aalto-list__ulist { padding-left: var(--aalto-dim-3); padding-top: var(--aalto-dim-2); color: var(--aalto-col-fg-tint); }.aalto-list__link { min-height: var(--aalto-dim-4); line-height: 1.5rem; }.aalto-list__link.highlighted { margin-bottom: 3px; }.aalto-list__link.highlighted { border-bottom: 1px solid var(--aalto-col-fg); }.aalto-progress-bar { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: var(--aalto-dim-2); position: relative; flex-grow: 1; }/* Progressbar Step */.aalto-progress-bar__step { width: 100%; height: var(--aalto-dim-1); background-color: var(--aalto-col-subtle); }.aalto-progress-bar__step.active { background-color: var(--aalto-col-selected); }.aalto-progress-bar__step.completed { background-color: var(--aalto-col-action); }.aalto-progress-bar__step > div { width: 100%; height: 100%; }/* Progressbar indicator */.aalto-progress-bar__step > div > div { /* transition: width var(--aalto-trans-normal) linear; */ background-color: var(--aalto-col-action); height: var(--aalto-dim-1); }.aalto-progress-indicator { --size: var(--aalto-dim-9); width: var(--size); height: var(--size); position: relative; border: var(--aalto-dim-1) solid var(--aalto-col-subtle); border-radius: 50%; }.aalto-progress-indicator > svg { --stroke: var(--aalto-dim-1); --radius: calc(var(--size) + 1.5 * var(--stroke)); --offset: calc(var(--radius) * -0.5); position: absolute; top: 50%; left: 50%; margin: var(--offset) 0 0 var(--offset); width: var(--radius); height: var(--radius); -webkit-animation: rotate 2.5s linear infinite; animation: rotate 2.5s linear infinite; }.aalto-progress-indicator > svg > circle { stroke: var(--aalto-col-fg); -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; }@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }@keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }@-webkit-keyframes dash { 0% { stroke-dasharray: 1, 210; stroke-dashoffset: 0; } 50% { stroke-dasharray: 126, 210; stroke-dashoffset: -49; } 100% { stroke-dasharray: 126, 210; stroke-dashoffset: -174; } }@keyframes dash { 0% { stroke-dasharray: 1, 210; stroke-dashoffset: 0; } 50% { stroke-dasharray: 126, 210; stroke-dashoffset: -49; } 100% { stroke-dasharray: 126, 210; stroke-dashoffset: -174; } }.aalto-radio-button { position: relative; display: inline-flex; gap: var(--aalto-dim-3); height: var(--aalto-dim-4); cursor: pointer; color: var(--aalto-col-action); }.aalto-radio-button:hover .aalto-statefx-group { transition-duration: var(--aalto-trans-fast); background-color: var(--aalto-col-hover); }.aalto-radio-button:active .aalto-statefx-group { background-color: var(--aalto-col-active); }/* Radio button input */.aalto-radio-button__input-wrapper { border: 1px solid var(--aalto-col-action); border-radius: 9999px; width: var(--aalto-dim-4); height: var(--aalto-dim-4); outline-width: 2px; outline-color: var(--aalto-col-action); }.aalto-radio-button__input-wrapper:focus-within { outline-style: solid; }/* Radio button input */.aalto-radio-button__input-wrapper input { width: 100%; height: 100%; opacity: 0; cursor: pointer; }/* Radio button mark */.aalto-radio-button__mark { position: absolute; top: 0px; left: 0px; display: flex; pointer-events: none; width: var(--aalto-dim-4); height: var(--aalto-dim-4); place-content: space-around; }.aalto-radio-button__mark > div { background-color: var(--aalto-col-action); border-radius: 9999px; align-self: center; transition-property: all; transition-duration: var(--aalto-trans-fast); width: 0px; height: 0px; }.aalto-radio-button__mark.selected > div { width: var(--aalto-dim-3); height: var(--aalto-dim-3); }.aalto-radio-group { display: inline-flex; flex-direction: column; align-items: flex-start; gap: var(--aalto-dim-2); }/* Aalto TextInput */.aalto-text-input { position: relative; width: 100%; height: var(--aalto-dim-7); border-width: 1px; transition-property: all; transition-duration: var(--aalto-trans-fast); border-color: var(--aalto-col-action); color: var(--aalto-col-action); background-color: var(--aalto-col-action-rev); }/* Aalto TextInput input-element */.aalto-text-input input { outline: 2px solid transparent; outline-offset: 2px; padding: 0 var(--aalto-dim-3); width: 100%; height: 100%; transition-property: outline-color, color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: var(--aalto-trans-fast); color: var(--aalto-col-action); background-color: transparent; }.aalto-text-input input:focus-visible { outline-color: var(--aalto-col-action); }.aalto-text-input input::-webkit-input-placeholder { color: var(--aalto-col-fg-tint); }.aalto-text-input input::placeholder { color: var(--aalto-col-fg-tint); }.aalto-text-input input:hover { background-color: var(--aalto-col-hover); }.aalto-text-input.icon-on-right input { padding-right: var(--aalto-dim-9); }/* Aalto TextInput search-icon wrapper */.aalto-text-input__icon { display: flex; position: absolute; right: 0; top: 0; height: 100%; }.aalto-text-input__icon .aalto-button { align-self: center; }.aalto-search-field { position: relative; }.aalto-search-field .aalto-selection-list { top: var(--aalto-dim-7); }.aalto-skip-link { display: flex; background-color: var(--aalto-col-bg); opacity: 0; pointer-events: none; }.aalto-skip-link:focus-within { opacity: 1; pointer-events: initial; }.aalto-skip-link .aalto-link { border-bottom: 1px solid var(--aalto-col-action); }.aalto-skip-link :focus-visible { outline: none; }/* aalto slider legend */.aalto-slider__legend, .aalto-slider__legend--range { display: flex; padding-top: var(--aalto-dim-2); }.aalto-slider__legend--range { justify-content: space-between; }/* rc-slider style customization */.rc-slider { padding: 1rem 0; }.rc-slider-track { background-color: black; height: 4px; margin-top: -1px; border-radius: 0; }.rc-slider-rail { background-color: #aaaaaa; height: 2px; border-radius: 0; }.rc-slider-handle { background-color: white; opacity: 1; width: 1rem; height: 1rem; border: none; box-shadow: 0 0 0 8px black inset !important; margin-top: -7px; transition-duration: 0.2s; transition-property: width, height, margin-top, box-shadow; }.rc-slider-handle:hover { width: 1.5rem; height: 1.5rem; margin-top: -11px; box-shadow: 0 0 0 4px black inset !important; transition-duration: 0.1s; }.rc-slider-handle-dragging { background-color: white; border-color: black !important; border: none; box-shadow: 0 0 0 4px black !important; }.aalto-snackbar { display: inline-flex; gap: var(--aalto-dim-4); padding: var(--aalto-dim-3) var(--aalto-dim-5); position: relative; max-width: 100%; background-color: var(--aalto-col-action); color: var(--aalto-col-action-rev); border: 1px solid var(--aalto-col-action-rev); }.aalto-snackbar > p { height: var(--aalto-dim-5); padding-right: var(--aalto-dim-5); align-self: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.aalto-snackbar > .aalto-icon { align-self: center; }.aalto-snackbar .aalto-button { position: absolute; top: var(--aalto-dim-2); right: var(--aalto-dim-3); }.aalto-switch { display: inline-flex; gap: var(--aalto-dim-3); cursor: pointer; }.aalto-switch > * { position: relative; }.aalto-switch__fx { transition-duration: var(--aalto-trans-fast); cursor: pointer; }.aalto-switch:hover .aalto-switch__fx { transition-duration: var(--aalto-trans-fast); background-color: var(--aalto-col-hover); }.aalto-switch:active .aalto-switch__fx { background-color: var(--aalto-col-active); }.aalto-switch__handle { position: relative; border: 1px solid var(--aalto-col-action); width: var(--aalto-dim-6); height: var(--aalto-dim-4); border-radius: var(--aalto-dim-4); background: var(--aalto-col-action-rev); overflow: hidden; }.aalto-switch__handle:focus-within { outline: 2px solid var(--aalto-col-action); }.aalto-switch.selected .aalto-switch__handle { background: var(--aalto-col-action); }.aalto-switch__handle > div > div { border: 1px solid; border-color: var(--aalto-col-action); background: var(--aalto-col-action-rev); position: absolute; left: var(--aalto-dim-1); top: 3px; width: var(--aalto-dim-3); height: var(--aalto-dim-3); border-radius: var(--aalto-dim-3); transition-property: left; transition-duration: var(--aalto-trans-fast); }.aalto-switch.selected .aalto-switch__handle > div > div { left: 18px; border-color: var(--aalto-col-action-rev); }.aalto-switch input { width: var(--aalto-dim-6); height: 100%; opacity: 0; cursor: pointer; }.aalto-switch label { color: var(--aalto-col-action); }.aalto-tag { color: var(--aalto-col-action-rev); display: inline-flex; height: var(--aalto-dim-5); border-radius: 9999px; background-color: var(--aalto-col-action); max-width: 100%; }.aalto-tag > div { display: flex; width: 100%; gap: var(--aalto-dim-2); padding: 0 var(--aalto-dim-3); line-height: var(--aalto-dim-5); }.aalto-tag > div > .aalto-icon { align-self: center; }.aalto-tag > div > span { height: var(--aalto-dim-5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.aalto-tag-group { display: flex; gap: var(--aalto-dim-3); flex-wrap: wrap; }.aalto-text-area { color: var(--aalto-col-action); background-color: var(--aalto-col-action-rev); border-width: 1px; border-color: var(--aalto-col-action); padding: var(--aalto-dim-3); margin-bottom: -9px !important; width: 100%; height: 100%; outline: 2px solid transparent; outline-offset: 2px; transition-property: outline-color, color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: var(--aalto-trans-fast); }.aalto-text-area:focus-visible { outline-color: var(--aalto-col-action); }.aalto-text-area::-webkit-input-placeholder { color: var(--aalto-col-fg-tint); }.aalto-text-area::placeholder { color: var(--aalto-col-fg-tint); }.aalto-text-area:hover { background-color: var(--aalto-col-hover); }.aalto-tooltip { position: relative; background-color: var(--aalto-col-action); color: var(--aalto-col-action-rev); border: 1px solid var(--aalto-col-action-rev); padding: var(--aalto-dim-2); margin-top: var(--aalto-dim-2); pointer-events: none; }