: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:#fff; --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:#000; --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:rgba(0,0,0,.1); --aalto-base-color__transparent--darkening-2:rgba(0,0,0,.2); --aalto-base-color__transparent--darkening-3:rgba(0,0,0,.15); --aalto-base-color__transparent--darkening-4:rgba(0,0,0,.4); --aalto-base-color__transparent--lightening-1:hsla(0,0%,100%,.1); --aalto-base-color__transparent--lightening-2:hsla(0,0%,100%,.2); --aalto-base-color__transparent--lightening-3:hsla(0,0%,100%,.15); --aalto-base-color__transparent--lightening-4:hsla(0,0%,100%,.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-weight:var(--aalto-base-fontweight--primary-0) }.aalto-alias-typography__body,.aalto-alias-typography__body--bold,.aalto-txt-body,.aalto-txt-bold,div,p{ font-family:var(--aalto-base-fontfamily--primary); font-size:var(--aalto-base-fontsize--3); letter-spacing:var(--aalto-base-letterspacing--0); line-height:var(--aalto-base-lineheight--3); margin-bottom:var(--aalto-base-paragraphspacing--0); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none); text-indent:var(--aalto-base-paragraphindent--0); text-transform:var(--aalto-base-textcase--none) }.aalto-alias-typography__body--bold,.aalto-txt-bold{ font-weight:var(--aalto-base-fontweight--primary-1) }.aalto-alias-typography__body--extra-large,.aalto-txt-extra-large{ font-size:var(--aalto-base-fontsize--5); line-height:var(--aalto-base-lineheight--5) }.aalto-alias-typography__body--extra-large,.aalto-alias-typography__body--large,.aalto-txt-extra-large,.aalto-txt-large{ font-family:var(--aalto-base-fontfamily--primary); font-weight:var(--aalto-base-fontweight--primary-0); letter-spacing:var(--aalto-base-letterspacing--0); margin-bottom:var(--aalto-base-paragraphspacing--0); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none); text-indent:var(--aalto-base-paragraphindent--0); text-transform:var(--aalto-base-textcase--none) }.aalto-alias-typography__body--large,.aalto-txt-large{ font-size:var(--aalto-base-fontsize--4); line-height:var(--aalto-base-lineheight--3) }.aalto-alias-typography__body--small,.aalto-txt-small{ font-weight:var(--aalto-base-fontweight--primary-0) }.aalto-alias-typography__body--small,.aalto-alias-typography__body--small-bold,.aalto-txt-small,.aalto-txt-small-bold{ font-family:var(--aalto-base-fontfamily--primary); font-size:var(--aalto-base-fontsize--2); letter-spacing:var(--aalto-base-letterspacing--0); line-height:var(--aalto-base-lineheight--2); margin-bottom:var(--aalto-base-paragraphspacing--0); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none); text-indent:var(--aalto-base-paragraphindent--0); text-transform:var(--aalto-base-textcase--none) }.aalto-alias-typography__body--small-bold,.aalto-txt-small-bold{ font-weight:var(--aalto-base-fontweight--primary-1) }.aalto-alias-typography__body--extra-small,.aalto-txt-extra-small{ font-family:var(--aalto-base-fontfamily--primary); font-size:var(--aalto-base-fontsize--1); font-weight:var(--aalto-base-fontweight--primary-0); letter-spacing:var(--aalto-base-letterspacing--0); line-height:var(--aalto-base-lineheight--1); margin-bottom:var(--aalto-base-paragraphspacing--0); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none); text-indent:var(--aalto-base-paragraphindent--0); text-transform:var(--aalto-base-textcase--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) }.aalto-alias-typography__body--code,.aalto-alias-typography__body--condensed,.aalto-txt-code,.aalto-txt-condensed{ font-size:var(--aalto-base-fontsize--3); letter-spacing:var(--aalto-base-letterspacing--0); margin-bottom:var(--aalto-base-paragraphspacing--0); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none); text-indent:var(--aalto-base-paragraphindent--0); text-transform:var(--aalto-base-textcase--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) }.aalto-alias-typography__body--button,.aalto-txt-button,button{ font-size:var(--aalto-base-fontsize--2); line-height:var(--aalto-base-lineheight--1) }.aalto-alias-typography__body--accent,.aalto-alias-typography__body--button,.aalto-txt-accent,.aalto-txt-button,button{ font-family:var(--aalto-base-fontfamily--primary); font-weight:var(--aalto-base-fontweight--primary-1); letter-spacing:var(--aalto-base-letterspacing--0); margin-bottom:var(--aalto-base-paragraphspacing--0); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none); text-indent:var(--aalto-base-paragraphindent--0); text-transform:var(--aalto-base-textcase--none) }.aalto-alias-typography__body--accent,.aalto-txt-accent{ font-size:var(--aalto-base-fontsize--4); line-height:var(--aalto-base-lineheight--2) }.aalto-alias-typography__title--h1,.aalto-txt-h1,h1{ font-size:var(--aalto-base-fontsize--6); line-height:var(--aalto-base-lineheight--5) }.aalto-alias-typography__title--h1,.aalto-alias-typography__title--h2,.aalto-txt-h1,.aalto-txt-h2,h1,h2{ font-family:var(--aalto-base-fontfamily--primary); font-weight:var(--aalto-base-fontweight--primary-1); letter-spacing:var(--aalto-base-letterspacing--0); margin-bottom:var(--aalto-base-paragraphspacing--0); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none); text-indent:var(--aalto-base-paragraphindent--0); text-transform:var(--aalto-base-textcase--none) }.aalto-alias-typography__title--h2,.aalto-txt-h2,h2{ font-size:var(--aalto-base-fontsize--5); line-height:var(--aalto-base-lineheight--4) }.aalto-alias-typography__title--h3,.aalto-txt-h3,h3{ font-family:var(--aalto-base-fontfamily--primary); font-size:var(--aalto-base-fontsize--4); font-weight:var(--aalto-base-fontweight--primary-1); letter-spacing:var(--aalto-base-letterspacing--0); line-height:var(--aalto-base-lineheight--2); margin-bottom:var(--aalto-base-paragraphspacing--0); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none); text-indent:var(--aalto-base-paragraphindent--0); text-transform:var(--aalto-base-textcase--none) }.aalto-alias-typography__icon--small,.aalto-txt-icon-s{ font-size:var(--aalto-base-fontsize--2); line-height:var(--aalto-base-lineheight--1) }.aalto-alias-typography__icon--medium,.aalto-alias-typography__icon--small,.aalto-txt-icon-m,.aalto-txt-icon-s{ font-family:var(--aalto-base-fontfamily--icon); font-weight:var(--aalto-base-fontweight--icon); letter-spacing:var(--aalto-base-letterspacing--0); margin-bottom:var(--aalto-base-paragraphspacing--0); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none); text-indent:var(--aalto-base-paragraphindent--0); text-transform:var(--aalto-base-textcase--none) }.aalto-alias-typography__icon--medium,.aalto-txt-icon-m{ font-size:var(--aalto-base-fontsize--5); line-height:var(--aalto-base-lineheight--2) }.aalto-alias-typography__icon--large,.aalto-txt-icon-l{ font-family:var(--aalto-base-fontfamily--icon); font-size:var(--aalto-base-fontsize--6); font-weight:var(--aalto-base-fontweight--icon); letter-spacing:var(--aalto-base-letterspacing--0); line-height:var(--aalto-base-lineheight--3); margin-bottom:var(--aalto-base-paragraphspacing--0); -webkit-text-decoration:var(--aalto-base-textdecoration--none); text-decoration:var(--aalto-base-textdecoration--none); text-indent:var(--aalto-base-paragraphindent--0); text-transform:var(--aalto-base-textcase--none) }@media only screen and (min-width:992px){ .aalto-alias-typography__title--h1,.aalto-txt-h1,h1{ font-size:var(--aalto-base-fontsize--7); line-height:var(--aalto-base-lineheight--7) }.aalto-alias-typography__title--h2,.aalto-txt-h2,h2{ font-size:var(--aalto-base-fontsize--6); line-height:var(--aalto-base-lineheight--6) }.aalto-alias-typography__title--h3,.aalto-txt-h3,h3{ font-size:var(--aalto-base-fontsize--5); line-height:var(--aalto-base-lineheight--3) } }.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-display:swap; font-family:besley; font-style:normal; font-weight:var(--aalto-base-fontweight--secondary-0); src:url(https://fonts.gstatic.com/s/besley/v19/PlI8FlO1MaNwaNG8XAeH2n5MnQ.woff2) format(woff2) }@font-face{ font-display:swap; font-family:source code pro; font-style:normal; font-weight:var(--aalto-base-fontweight--code); src:url(https://fonts.gstatic.com/s/sourcecodepro/v22/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQtMlrTFcZZJmOpw.woff2) format(woff2) }@font-face{ font-family:aalto-icons; font-style:normal; font-weight:var(--aalto-base-fontweight--icon); src:url(data:application/x-font-woff; charset=utf-8; base64,d09GRgABAAAAACBAAAwAAAAAH/AAAQACAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABHAAABfgAAAX4NkoxMk9TLzIAAAcUAAAAYAAAAGAPEgZOY21hcAAAB3QAAAB8AAAAfOoyAhhnYXNwAAAH8AAAAAgAAAAIAAAAEGdseWYAAAf4AAAUHAAAFBzimCcaaGVhZAAAHBQAAAA2AAAANiU8tghoaGVhAAAcTAAAACQAAAAkB54ED2htdHgAABxwAAABOAAAATjCABUfbG9jYQAAHagAAACeAAAAnolohGRtYXhwAAAeSAAAACAAAAAgAFkAUm5hbWUAAB5oAAABtgAAAbZpetj5cG9zdAAAICAAAAAgAAAAIAADAAAAAQAAAAoAHgAsAAFsYXRuAAgABAAAAAAAAAABAAAAAWxpZ2EACAAAAAEAAAABAAQABAAAAAEACgAAAAEADAADABYAJgW0AAEAAwAKAA4ATQABAAQAMAAFABUAFQATABUALgBeAHYAjACkAMAA2gDuAQYBHgE4AUwBYAF2AYoBsAHaAfACBAIiAkYCaAKGApoCrgLMAuwDCAMuA1gDhAOgA7wD1AP0BAoEKgRQBHQEmAS4BMwE7gUKBSwFTAVsAEsACwAIABMAEgAEABoADgASAAkAEwAaAEoACgAIABMAEgAEABgAFgAKABUAFgBJAAsACAATABIABAAYABIAEQAYABcACgBIAA0ACAATABIABAAWABgADgAXAAgABgAWAAoARwAMAAgAEwASAAQAFgAYAAgACAAKABYAFgBGAAkACAATABIABAAWABcAEwAUAEUACwAIABMAEgAEABYADQAOAAoAEAAJAEQACwAIABMAEgAEABYACgAGABUACAANAEMADAAIABMAEgAEABQAFQATAAsADgAQAAoAQgAJAAgAEwASAAQAFAAQABgAFgBBAAkACAATABIABAAUABAABgAcAEAACgAIABMAEgAEABQABgAYABYACgA/AAkACAATABIABAARABgAFwAKAD4AEgAIABMAEgAEABEAEwAVAAoABAAZAAoAFQAXAA4ACAAGABAAPQAUAAgAEwASAAQAEQATABUACgAEAA0AEwAVAA4AHQATABIAFwAGABAAPAAKAAgAEwASAAQAEQAOABIAGAAWADsACQAIABMAEgAEABEABgAOABAAOgAOAAgAEwASAAQAEAAOABIADwAKAAkABAAOABIAOQARAAgAEwASAAQAEAAOAAwADQAXAAQAFwANAAoAEQAKAAUAOAAQAAgAEwASAAQAEAAOAAwADQAXAAQAFwANAAoAEQAKADcADgAIABMAEgAEAA4AEgAWABcABgAMABUABgARAEwACQAIABMAEgAEAA4AEgALABMANgAJAAgAEwASAAQADQATABEACgA1AA4ACAATABIABAANAAYAEQAHABgAFQAMAAoAFQA0AA8ACAATABIABAAMABUABgAJABgABgAXAA4AEwASADMADQAIABMAEgAEAAsABgAIAAoABwATABMADwAyABIACAATABIABAAKABsAFwAKABUAEgAGABAABAATABQACgASADEAFAAIABMAEgAEAAoAGwAOABcABAALABgAEAAQABYACAAVAAoACgASAC8AFQAIABMAEgAEAAoAEgAXAAoAFQAEAAsAGAAQABAAFgAIABUACgAKABIALgANAAgAEwASAAQACQATABoAEgAQABMABgAJAC0ADQAIABMAEgAEAAkAEwAIABgAEQAKABIAFwAsAAsACAATABIABAAJAAoAEAAKABcACgArAA8ACAATABIABAAJAAYAFQAPAAQAFwANAAoAEQAKACoACgAIABMAEgAEAAgAEAATABYACgApAA8ACAATABIABAAIAA0ACgAZABUAEwASAAQAGAAUACgAEgAIABMAEgAEAAgADQAKABkAFQATABIABAAVAA4ADAANABcAJwARAAgAEwASAAQACAANAAoAGQAVABMAEgAEABAACgALABcAJgARAAgAEwASAAQACAANAAoAGQAVABMAEgAEAAkAEwAaABIAJQAPAAgAEwASAAQACAANAAoACAAPAAQAEQAGABUADwAkAAkACAATABIABAAHABMAEwAPACMAEAAIABMAEgAEAAcABgAIAA8ABAAXABMABAAXABMAFAAiAA0ACAATABIABAAGABUAFQATABoABAAYABQAIQAQAAgAEwASAAQABgAVABUAEwAaAAQAFQAOAAwADQAXACAADwAIABMAEgAEAAYAFQAVABMAGgAEABAACgALABcAHwAPAAgAEwASAAQABgAVABUAEwAaAAQACQATABoAEgAeABAACAATABIABAAGABIACAANABMAFQAEABAADgAS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) format(woff2) }body{ margin:0 }*{ -webkit-font-smoothing:antialiased; border:0 solid; box-sizing:border-box }button{ appearance:button; -webkit-appearance:button; background-color:initial; background-image:none; color:inherit; padding-bottom:0; padding-top:0 }blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,p,pre{ margin:0 }input,optgroup,select,textarea{ border-radius:0; color:inherit; font-family:inherit; font-size:100%; font-weight:inherit; line-height:inherit; margin:0; padding:0 }a{ color:inherit; text-decoration:inherit }menu,ol,ul{ list-style:none; margin:0; padding:0 }textarea{ resize:vertical }body,html{ color:var(--aalto-col-fg); font-family:var(--aalto-base-fontfamily--primary); 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{ -ms-overflow-style:none; scrollbar-width:none }.no-scrollbar::-webkit-scrollbar{ height:0; width:0 }.aalto-statefx,.aalto-statefx-group,.aalto-statefx-group-rev,.aalto-statefx-rev{ cursor:pointer; transition-duration:var(--aalto-trans-slow); transition-property:color,background-color,border-color,text-decoration-color,fill,stroke }.aalto-statefx-group-rev:hover,.aalto-statefx-group:hover,.aalto-statefx-rev:hover,.aalto-statefx:hover{ transition-duration:var(--aalto-trans-fast) }.aalto-statefx-group:hover,.aalto-statefx:hover{ background-color:var(--aalto-col-hover) }.aalto-statefx-group:active,.aalto-statefx:active{ background-color:var(--aalto-col-active) }.aalto-statefx-group-rev:hover,.aalto-statefx-rev:hover{ background-color:var(--aalto-col-hover-rev) }.aalto-statefx-group-rev:active,.aalto-statefx-rev:active{ background-color:var(--aalto-col-active-rev) }.rc-slider{ border-radius:6px; height:14px; padding:5px 0; position:relative; touch-action:none; width:100% }.rc-slider,.rc-slider *{ -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box }.rc-slider-rail{ background-color:#e9e9e9; border-radius:6px; height:4px; position:absolute; width:100% }.rc-slider-track,.rc-slider-tracks{ background-color:#abe2fb; border-radius:6px; height:4px; position:absolute }.rc-slider-track-draggable{ background-clip:content-box; border-bottom:5px solid transparent; border-top:5px solid transparent; box-sizing:initial; -webkit-transform:translateY(-5px); transform:translateY(-5px); z-index:1 }.rc-slider-handle{ border:2px solid #96dbfa; border-radius:50%; cursor:pointer; cursor:grab; height:14px; margin-top:-5px; opacity:.8; position:absolute; touch-action:pan-x; width:14px; z-index:1 }.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{ box-shadow:none; outline: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{ font-size:12px; left:0; position:absolute; top:18px; width:100% }.rc-slider-mark-text{ color:#999; cursor:pointer; display:inline-block; position:absolute; text-align:center; vertical-align:middle }.rc-slider-mark-text-active{ color:#666 }.rc-slider-step{ background:transparent; height:4px; position:absolute; width:100% }.rc-slider-dot{ background-color:#fff; border:2px solid #e9e9e9; border-radius:50%; bottom:-2px; cursor:pointer; height:8px; position:absolute; vertical-align:middle; width:8px }.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-dot,.rc-slider-disabled .rc-slider-handle{ background-color:#fff; border-color:#ccc; box-shadow:none; cursor:not-allowed }.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{ cursor:not-allowed!important }.rc-slider-vertical{ height:100%; padding:0 5px; width:14px }.rc-slider-vertical .rc-slider-rail{ height:100%; width:4px }.rc-slider-vertical .rc-slider-track{ bottom:0; left:5px; width:4px }.rc-slider-vertical .rc-slider-track-draggable{ border-bottom:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:0; -webkit-transform:translateX(-5px); transform:translateX(-5px) }.rc-slider-vertical .rc-slider-handle{ margin-left:-5px; margin-top:0; position:absolute; touch-action:pan-y; z-index:1 }.rc-slider-vertical .rc-slider-mark{ height:100%; left:18px; top:0 }.rc-slider-vertical .rc-slider-step{ height:100%; width:4px }.rc-slider-vertical .rc-slider-dot{ margin-left:-2px }.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{ -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-play-state:paused; animation-play-state:paused; display:block!important }.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-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-appear,.rc-slider-tooltip-zoom-down-enter{ -webkit-animation-timing-function:cubic-bezier(.23,1,.32,1); animation-timing-function:cubic-bezier(.23,1,.32,1); -webkit-transform:scale(0); transform:scale(0) }.rc-slider-tooltip-zoom-down-leave{ -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06); animation-timing-function:cubic-bezier(.755,.05,.855,.06) }@-webkit-keyframes rcSliderTooltipZoomDownIn{ 0%{ opacity:0; -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 100%; transform-origin:50% 100% }to{ -webkit-transform:scale(1); transform:scale(1); -webkit-transform-origin:50% 100%; transform-origin:50% 100% } }@keyframes rcSliderTooltipZoomDownIn{ 0%{ opacity:0; -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 100%; transform-origin:50% 100% }to{ -webkit-transform:scale(1); transform:scale(1); -webkit-transform-origin:50% 100%; transform-origin:50% 100% } }@-webkit-keyframes rcSliderTooltipZoomDownOut{ 0%{ -webkit-transform:scale(1); transform:scale(1); -webkit-transform-origin:50% 100%; transform-origin:50% 100% }to{ opacity:0; -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 100%; transform-origin:50% 100% } }@keyframes rcSliderTooltipZoomDownOut{ 0%{ -webkit-transform:scale(1); transform:scale(1); -webkit-transform-origin:50% 100%; transform-origin:50% 100% }to{ opacity:0; -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 100%; transform-origin:50% 100% } }.rc-slider-tooltip{ left:-9999px; position:absolute; top:-9999px; visibility:visible }.rc-slider-tooltip,.rc-slider-tooltip *{ -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box }.rc-slider-tooltip-hidden{ display:none }.rc-slider-tooltip-placement-top{ padding:4px 0 8px }.rc-slider-tooltip-inner{ background-color:#6c6c6c; border-radius:6px; box-shadow:0 0 4px #d9d9d9; color:#fff; font-size:12px; height:24px; line-height:1; min-width:24px; padding:6px 2px; text-align:center; text-decoration:none }.rc-slider-tooltip-arrow{ border-color:transparent; border-style:solid; height:0; position:absolute; width:0 }.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{ border-top-color:#6c6c6c; border-width:4px 4px 0; bottom:4px; left:50%; margin-left:-4px }.aalto-accordion-item{ color:var(--aalto-col-fg); display:flex; flex-direction:column }.aalto-accordion-item button{ position:relative }.aalto-accordion-item button.top-divider{ border-top:1px solid var(--aalto-col-fg-tint) }.aalto-accordion-item button>div{ align-content:center; align-items:center; display:flex; flex-direction:row; gap:var(--aalto-dim-2); justify-content:space-between; 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{ height:100%; top:0 }.aalto-accordion-item__content{ border-bottom:1px solid var(--aalto-col-fg-tint); overflow:hidden }.aalto-accordion-item__content--children{ display:flex; padding:var(--aalto-dim-4) var(--aalto-dim-3) }.aalto-avatar{ align-content:center; background-color:var(--aalto-col-action); background-size:cover; border:1px solid var(--aalto-col-action); border-radius:50%; display:flex; flex-basis:var(--aalto-dim-10); flex-grow:0; flex-shrink:0; height:var(--aalto-dim-10); justify-content:center; vertical-align:middle; width:var(--aalto-dim-10) }.aalto-avatar>div{ color:var(--aalto-col-action-rev); line-height:5rem }.aalto-icon{ flex:0 0 auto; height:var(--icon-size); text-align:left; white-space:nowrap; width:var(--icon-size) }.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{ background-color:var(--aalto-col-action); background-position:50%; background-repeat:no-repeat; background-size:contain; height:var(--icon-size); transition-duration:var(--aalto-trans-fast); transition-property:background-color; width:var(--icon-size) }.aalto-badge{ background-color:var(--aalto-col-subtle); color:var(--aalto-col-fg); display:inline-flex; gap:var(--aalto-dim-2); padding:var(--aalto-dim-2) var(--aalto-dim-2) }.aalto-badge .aalto-icon{ place-self:center }.aalto-button{ display:inline-flex; height:var(--aalto-dim-7) }.aalto-button--default{ border-color:var(--aalto-col-action); border-width:1px; 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) }.aalto-button--overlay,.aalto-button--primary{ background-color:var(--aalto-col-action); color:var(--aalto-col-action-rev) }.aalto-button--overlay.disabled,.aalto-button--primary.disabled{ background-color:var(--aalto-col-disabled); color:var(--aalto-col-action) }.aalto-button--overlay.highlighted,.aalto-button--primary.highlighted{ background-color:var(--aalto-col-selected); color:var(--aalto-col-action) }.aalto-button--icon{ border-color:transparent; border-width:1px }.aalto-button--icon,.aalto-button--icon.disabled{ color:var(--aalto-col-action) }.aalto-button--icon.highlighted{ background-color:var(--aalto-col-selected) }.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) }.aalto-button button{ display:flex; gap:var(--aalto-dim-2); height:100%; justify-content:center; padding-left:var(--aalto-dim-5); padding-right:var(--aalto-dim-5); white-space:nowrap; width:100% }.aalto-button--icon button,.aalto-button--overlay 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{ color:var(--aalto-col-action-rev); cursor:pointer; display:inline-flex; gap:var(--aalto-dim-3) }.aalto-checkbox:hover .aalto-statefx-group{ background-color:var(--aalto-col-hover); transition-duration:var(--aalto-trans-fast) }.aalto-checkbox:active .aalto-statefx-group{ background-color:var(--aalto-col-active) }.aalto-checkbox .aalto-statefx-group:first-child{ border:1px solid var(--aalto-col-action); height:var(--aalto-dim-4); position:relative; width:var(--aalto-dim-4) }.aalto-checkbox .aalto-statefx-group:first-child:focus-within{ outline:2px solid var(--aalto-col-action) }.aalto-checkbox input{ cursor:pointer; height:100%; opacity:0; width:var(--aalto-dim-4) }.aalto-checkbox__mark{ display:flex; height:100%; left:0; place-content:space-around; pointer-events:none; position:absolute; top:0; width:100% }.aalto-checkbox__mark>div{ align-self:center; background-color:var(--aalto-col-action); display:flex; height:0; place-content:space-around; transition:all var(--aalto-trans-fast); width:0 }.aalto-checkbox__mark.selected>div{ height:100%; width:100% }.aalto-checkbox__mark>div .aalto-icon{ align-self:center; color:transparent }.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{ background-color:var(--aalto-col-bg); display:inline-flex; flex-direction:column; gap:var(--aalto-dim-2); width:100% }.aalto-form-element-base>label{ color:var(--aalto-col-fg) }.aalto-form-element-base>p{ color:var(--aalto-col-fg-tint) }.aalto-form-element-base__error{ background-color:var(--aalto-col-action); color:var(--aalto-col-action-rev); display:flex; gap:var(--aalto-dim-2); height:var(--aalto-dim-5); opacity:0; padding:var(--aalto-dim-1) var(--aalto-dim-2) }.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{ align-items:flex-start; display:inline-flex; flex-direction:column; gap:var(--aalto-dim-2) }.aalto-chip{ border:1px solid var(--aalto-col-action); border-radius:9999px; color:var(--aalto-col-action); display:flex; gap:var(--aalto-dim-2); padding:var(--aalto-dim-2) var(--aalto-dim-3) }.aalto-divider{ border-color:var(--aalto-col-subtle); border-style:solid; border-top-width:1px; height:0; width:100% }.aalto-divider.vertical{ border-left-width:1px; border-top-width:0; height:100%; width:0 }.aalto-selection-list{ background-color:var(--aalto-col-action-rev); display:flex; flex-direction:column; position:absolute; width:100%; z-index:1000 }.aalto-selection-list.condensed{ margin-top:calc(var(--aalto-dim-1)*-1) }.aalto-selection-list button{ border:1px solid var(--aalto-col-fg); color:var(--aalto-col-fg); display:flex; justify-content:space-between; padding:var(--aalto-dim-2) var(--aalto-dim-3); text-align:left }.aalto-selection-list button.current{ background-color:var(--aalto-col-subtle) }.aalto-selection-list button .aalto-icon{ align-self:center }.aalto-link{ color:var(--aalto-col-fg); display:inline-flex; transition-duration:var(--aalto-trans-fast); transition-property:color,background-color,border-color,text-decoration-color,fill,stroke }.aalto-link.highlighted{ background-color:var(--aalto-col-selected) }.aalto-link__rlink{ color:var(--aalto-col-fg); display:inline-flex; gap:var(--aalto-dim-2); overflow:hidden; white-space:nowrap; width:100% }.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-bottom:var(--aalto-dim-2); padding-top:var(--aalto-dim-2) }.aalto-link .aalto-icon{ align-self:center }.aalto-dropdown{ position:relative }.aalto-dropdown__header{ background-color:var(--aalto-col-action-rev); border:1px solid var(--aalto-col-action); height:var(--aalto-dim-7); position:relative; width:100% }.aalto-dropdown__header button{ color:var(--aalto-col-action); height:100%; outline:2px solid transparent; outline-offset:2px; padding-left:var(--aalto-dim-3); text-align:left; width:100% }.aalto-dropdown__header button:focus-within{ outline-color:var(--aalto-col-action) }.aalto-dropdown__header-placeholder{ color:var(--aalto-col-fg-tint) }.aalto-dropdown__header-icon{ display:flex; height:100%; position:absolute; right:var(--aalto-dim-3); top:0 }.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{ object-fit:cover; transition-duration:var(--aalto-trans-slower); transition-property:all; width:100% }.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{ --size:var(--aalto-dim-9); align-items:center; color:var(--aalto-col-action); display:flex; gap:var(--aalto-dim-3); width:-webkit-fit-content; width:-moz-fit-content; width:fit-content }.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{ background-color:var(--aalto-col-action); border-radius:50%; overflow:hidden; width:var(--size) }.aalto-image-link__image{ height:var(--size); transition-duration:var(--aalto-trans-fast); transition-property:background-color; width:var(--size) }.aalto-image-link .aalto-icon{ color:var(--aalto-col-action-rev); height:var(--size); line-height:var(--size); text-align:center; width:var(--size) }@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{ display:table; position:relative }.aalto-image-link__highlight{ height:100%; left:0; position:absolute; top:0; width:100% }.aalto-image-link.label-bottom span{ text-align:center }.aalto-image-link span,.aalto-image-link__highlight{ transition-duration:var(--aalto-trans-slow); transition-property:color,background-color,border-color,text-decoration-color,fill,stroke }.aalto-image-link:hover .aalto-image-link__highlight,.aalto-image-link:hover span{ background-color:var(--aalto-col-hover); transition-duration:var(--aalto-trans-fast) }.aalto-image-link.dark:hover .aalto-image-link__highlight{ background-color:var(--aalto-col-hover-rev) }.aalto-image-link:active .aalto-image-link__highlight,.aalto-image-link:active span{ background-color:var(--aalto-col-active) }.aalto-image-link.dark:active .aalto-image-link__highlight{ background-color:var(--aalto-col-active-rev) }.aalto-info{ align-items:start; gap:var(--aalto-dim-4) }.aalto-info,.aalto-list{ color:var(--aalto-col-fg); display:flex; flex-direction:column }.aalto-list{ gap:0; padding-top:var(--aalto-dim-4) }.aalto-list.expanded{ margin-top:calc(var(--aalto-dim-4)*-1) }.aalto-list__list{ align-items:flex-start; display:flex; flex-direction:column; margin-bottom:var(--aalto-dim-2) }.aalto-list__list.expanded{ padding-top:var(--aalto-dim-3) }.aalto-list__ulist{ color:var(--aalto-col-fg-tint); padding-left:var(--aalto-dim-3); padding-top:var(--aalto-dim-2) }.aalto-list__link{ line-height:1.5rem; min-height:var(--aalto-dim-4) }.aalto-list__link.highlighted{ border-bottom:1px solid var(--aalto-col-fg); margin-bottom:3px }.aalto-progress-bar{ align-items:flex-start; display:flex; flex-direction:row; flex-grow:1; gap:var(--aalto-dim-2); padding:0; position:relative }.aalto-progress-bar__step{ background-color:var(--aalto-col-subtle); height:var(--aalto-dim-1); width:100% }.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{ height:100%; width:100% }.aalto-progress-bar__step>div>div{ background-color:var(--aalto-col-action); height:var(--aalto-dim-1) }.aalto-progress-indicator{ --size:var(--aalto-dim-9); border:var(--aalto-dim-1) solid var(--aalto-col-subtle); border-radius:50%; height:var(--size); position:relative; width:var(--size) }.aalto-progress-indicator>svg{ --stroke:var(--aalto-dim-1); --radius:calc(var(--size) + var(--stroke)*1.5); --offset:calc(var(--radius)*-0.5); -webkit-animation:rotate 2.5s linear infinite; animation:rotate 2.5s linear infinite; height:var(--radius); left:50%; margin:var(--offset) 0 0 var(--offset); position:absolute; top:50%; width:var(--radius) }.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{ to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } }@keyframes rotate{ to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } }@-webkit-keyframes dash{ 0%{ stroke-dasharray:1,210; stroke-dashoffset:0 }50%{ stroke-dasharray:126,210; stroke-dashoffset:-49 }to{ 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 }to{ stroke-dasharray:126,210; stroke-dashoffset:-174 } }.aalto-radio-button{ color:var(--aalto-col-action); cursor:pointer; display:inline-flex; gap:var(--aalto-dim-3); height:var(--aalto-dim-4); position:relative }.aalto-radio-button:hover .aalto-statefx-group{ background-color:var(--aalto-col-hover); transition-duration:var(--aalto-trans-fast) }.aalto-radio-button:active .aalto-statefx-group{ background-color:var(--aalto-col-active) }.aalto-radio-button__input-wrapper{ border:1px solid var(--aalto-col-action); border-radius:9999px; height:var(--aalto-dim-4); outline-color:var(--aalto-col-action); outline-width:2px; width:var(--aalto-dim-4) }.aalto-radio-button__input-wrapper:focus-within{ outline-style:solid }.aalto-radio-button__input-wrapper input{ cursor:pointer; height:100%; opacity:0; width:100% }.aalto-radio-button__mark{ display:flex; height:var(--aalto-dim-4); left:0; place-content:space-around; pointer-events:none; position:absolute; top:0; width:var(--aalto-dim-4) }.aalto-radio-button__mark>div{ align-self:center; background-color:var(--aalto-col-action); border-radius:9999px; height:0; transition-duration:var(--aalto-trans-fast); transition-property:all; width:0 }.aalto-radio-button__mark.selected>div{ height:var(--aalto-dim-3); width:var(--aalto-dim-3) }.aalto-radio-group{ align-items:flex-start; display:inline-flex; flex-direction:column; gap:var(--aalto-dim-2) }.aalto-text-input{ background-color:var(--aalto-col-action-rev); border-color:var(--aalto-col-action); border-width:1px; height:var(--aalto-dim-7); position:relative; transition-property:all }.aalto-text-input,.aalto-text-input input{ color:var(--aalto-col-action); transition-duration:var(--aalto-trans-fast); width:100% }.aalto-text-input input{ background-color:initial; height:100%; outline:2px solid transparent; outline-offset:2px; padding:0 var(--aalto-dim-3); transition-property:outline-color,color,background-color,border-color,text-decoration-color,fill,stroke }.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-text-input__icon{ display:flex; height:100%; position:absolute; right:0; top:0 }.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{ background-color:var(--aalto-col-bg); display:flex; opacity:0; pointer-events:none }.aalto-skip-link:focus-within{ opacity:1; pointer-events:auto }.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--range{ display:flex; padding-top:var(--aalto-dim-2) }.aalto-slider__legend--range{ justify-content:space-between }.rc-slider{ padding:1rem 0 }.rc-slider-track{ background-color:#000; border-radius:0; height:4px; margin-top:-1px }.rc-slider-rail{ background-color:#aaa; border-radius:0; height:2px }.rc-slider-handle{ background-color:#fff; border:none; box-shadow:inset 0 0 0 8px #000!important; height:1rem; margin-top:-7px; opacity:1; transition-duration:.2s; transition-property:width,height,margin-top,box-shadow; width:1rem }.rc-slider-handle:hover{ box-shadow:inset 0 0 0 4px #000!important; height:1.5rem; margin-top:-11px; transition-duration:.1s; width:1.5rem }.rc-slider-handle-dragging{ background-color:#fff; border-color:#000!important; border:none; box-shadow:0 0 0 4px #000!important }.aalto-snackbar{ background-color:var(--aalto-col-action); border:1px solid var(--aalto-col-action-rev); color:var(--aalto-col-action-rev); display:inline-flex; gap:var(--aalto-dim-4); max-width:100%; padding:var(--aalto-dim-3) var(--aalto-dim-5); position:relative }.aalto-snackbar>p{ align-self:center; height:var(--aalto-dim-5); overflow:hidden; padding-right:var(--aalto-dim-5); text-overflow:ellipsis; white-space:nowrap }.aalto-snackbar>.aalto-icon{ align-self:center }.aalto-snackbar .aalto-button{ position:absolute; right:var(--aalto-dim-3); top:var(--aalto-dim-2) }.aalto-switch{ cursor:pointer; display:inline-flex; gap:var(--aalto-dim-3) }.aalto-switch>*{ position:relative }.aalto-switch__fx{ cursor:pointer; transition-duration:var(--aalto-trans-fast) }.aalto-switch:hover .aalto-switch__fx{ background-color:var(--aalto-col-hover); transition-duration:var(--aalto-trans-fast) }.aalto-switch:active .aalto-switch__fx{ background-color:var(--aalto-col-active) }.aalto-switch__handle{ background:var(--aalto-col-action-rev); border:1px solid var(--aalto-col-action); border-radius:var(--aalto-dim-4); height:var(--aalto-dim-4); overflow:hidden; position:relative; width:var(--aalto-dim-6) }.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{ background:var(--aalto-col-action-rev); border:1px solid; border-color:var(--aalto-col-action); border-radius:var(--aalto-dim-3); height:var(--aalto-dim-3); left:var(--aalto-dim-1); position:absolute; top:3px; transition-duration:var(--aalto-trans-fast); transition-property:left; width:var(--aalto-dim-3) }.aalto-switch.selected .aalto-switch__handle>div>div{ border-color:var(--aalto-col-action-rev); left:18px }.aalto-switch input{ cursor:pointer; height:100%; opacity:0; width:var(--aalto-dim-6) }.aalto-switch label{ color:var(--aalto-col-action) }.aalto-tag{ background-color:var(--aalto-col-action); border-radius:9999px; color:var(--aalto-col-action-rev); display:inline-flex; height:var(--aalto-dim-5); max-width:100% }.aalto-tag>div{ display:flex; gap:var(--aalto-dim-2); line-height:var(--aalto-dim-5); padding:0 var(--aalto-dim-3); width:100% }.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; flex-wrap:wrap; gap:var(--aalto-dim-3) }.aalto-text-area{ background-color:var(--aalto-col-action-rev); border-color:var(--aalto-col-action); border-width:1px; color:var(--aalto-col-action); height:100%; margin-bottom:-9px!important; outline:2px solid transparent; outline-offset:2px; padding:var(--aalto-dim-3); transition-duration:var(--aalto-trans-fast); transition-property:outline-color,color,background-color,border-color,text-decoration-color,fill,stroke; width:100% }.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{ background-color:var(--aalto-col-action); border:1px solid var(--aalto-col-action-rev); color:var(--aalto-col-action-rev); margin-top:var(--aalto-dim-2); padding:var(--aalto-dim-2); pointer-events:none; position:relative }/* we get tokens and base styles from components */.aalto-asset-preview { padding: var(--aalto-dim-6); background-color: white; border: 1px var(--aalto-col-subtle) solid; }.aalto-breadcrumbs > div { gap: var(--aalto-dim-3); display: flex; }/* Breadcrumbs link item */.aalto-breadcrumbs > div > div { display: flex; align-items: center; gap: var(--aalto-dim-3); color: var(--aalto-col-action); }.aalto-breadcrumbs .aalto-link { height: var(--aalto-dim-4); min-width: var(--aalto-dim-4); }.aalto-breadcrumbs .aalto-link .aalto-icon { width: 100%; padding: 0 var(--aalto-dim-2); }/* Mad haxx: this applies only on Safari and fixes a mysterious layout bug */@supports (font: -apple-system-body) and (-webkit-appearance: none) { .aalto-breadcrumbs .aalto-link .aalto-icon { padding-right: var(--aalto-dim-4); } }/* Breadcrumbs current item */.aalto-breadcrumbs > div > div:last-child { color: var(--aalto-col-fg-tint); }/* Truncated (mobile) and full versions */.aalto-breadcrumbs .truncated { display: flex; }.aalto-breadcrumbs .full { display: none; }@media (min-width: 768px) { .aalto-breadcrumbs .truncated { display: none; } .aalto-breadcrumbs .full { display: flex; } }.aalto-card { display: flex; flex-direction: column; background-color: var(--aalto-col-surface); color: var(--aalto-col-fg-tint); position: relative; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: var(--aalto-trans-slow); align-self: stretch; }.aalto-card:hover { -webkit-transform: scale(1.01); transform: scale(1.01); }/* Content wrapper */.aalto-card__content-wrap, .aalto-card a { height: 100%; display: contents; }.aalto-card__content { padding: var(--aalto-dim-3); min-height: 0; display: flex; flex-direction: column; gap: var(--aalto-dim-3); height: 100%; }.aalto-card__content .aalto-card__content-crop { height: 100%; display: flex; flex-direction: column; gap: var(--aalto-dim-3); min-height: 0; overflow: hidden; }/* Title */.aalto-card h3 { color: var(--aalto-col-fg); width: 100%; overflow-wrap: break-word; }/* Body text */.aalto-card__body { height: 100%; align-self: stretch; min-height: 0; }.aalto-card__body > .rich { height: 100%; overflow: hidden; }/* Tags */.aalto-card__tags { color: var(--aalto-col-fg-tint); align-self: flex-end; min-height: var(--aalto-dim-5); width: 100%; flex: none; padding-right: var(--aalto-dim-6); justify-self: end; display: flex; flex-direction: column; justify-content: start; }/* Arrow icon */.aalto-card .aalto-icon { position: absolute; bottom: var(--aalto-dim-3); right: var(--aalto-dim-3); color: var(--aalto-col-fg); }/* Variants */.aalto-card.minimal h3 { padding-right: var(--aalto-dim-6); }.aalto-card.float-icon .aalto-icon { bottom: auto; }.aalto-card.float-icon .aalto-card__content { display: flex; justify-content: space-between; align-items: center; }/* screen size - tablet */@media (min-width: 768px) { .aalto-card__content { padding: var(--aalto-dim-4); } }.aalto-code-preview { display: flex; flex-direction: column; gap: var(--aalto-dim-3); }.aalto-code-preview pre { background-color: #2d2d2d; margin: 0 !important; padding: var(--aalto-dim-3) var(--aalto-dim-3) !important; }.aalto-code-preview > div:last-of-type { display: flex; gap: var(--aalto-dim-3); justify-content: space-between; }.aalto-code-preview__code-area { position: relative; }.aalto-code-preview__code-area > .aalto-button { position: absolute; top: 0; right: 0; background-color: #2d2d2d; background-color: rgba(0, 0, 0, 0); display: none; }/* screen size - tablet */@media (min-width: 768px) { .aalto-code-preview pre { padding: var(--aalto-dim-6) var(--aalto-dim-6) !important; } .aalto-code-preview__code-area > .aalto-button { display: initial; } .aalto-code-preview__actions > .aalto-button:last-of-type { display: none; } }.aalto-content-box { padding: var(--aalto-dim-4); gap: var(--aalto-dim-4); display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; background-color: var(--aalto-col-surface); color: var(--aalto-col-fg); }.aalto-content-box .rich { color: var(--aalto-col-fg-tint); }.aalto-content-box__wrap { display: flex; flex-direction: column; align-items: start; gap: var(--aalto-dim-3); }/* screen size - desktop */@media (min-width: 992px) { .aalto-content-box { padding: var(--aalto-dim-6); gap: var(--aalto-dim-6); } }.aalto-image-tile { display: flex; flex-direction: column; gap: var(--aalto-dim-2); color: var(--aalto-col-fg-tint) }.aalto-liftup { display: flex; flex-direction: column; gap: var(--aalto-dim-3); color: var(--aalto-col-fg-tint); }.aalto-liftup > h3 { color: var(--aalto-col-fg); }/* Liftup image */.aalto-liftup__image { width: 100%; background-color: var(--aalto-col-subtle); transition-property: all; transition-duration: var(--aalto-trans-slower); object-fit: cover; }/* Liftup rich text */.aalto-liftup > .rich { margin-top: calc(var(--aalto-dim-2) * -1); }/* Liftup body */.aalto-liftup__body { gap: var(--aalto-dim-3); }.aalto-liftup__body .rich { flex: 1 1 0%; }/* Liftup CTA */.aalto-liftup__cta { display: flex; flex: 1 1 0%; padding-top: var(--aalto-dim-3); }.aalto-liftup__cta > div { width: 100%; }.aalto-liftup .aalto-link, .aalto-liftup .aalto-button { align-self: flex-start; }.aalto-liftup .aalto-link { margin-top: calc(var(--aalto-dim-2) * -1); }.aalto-liftup .aalto-button { width: 100%; margin-top: var(--aalto-dim-2); }/* Breakpoint tablet */@media (min-width: 768px) { .aalto-liftup__body { display: flex; } .aalto-liftup__cta { place-content: end; } .aalto-liftup__cta > div { width: auto !important; place-self: end; } .aalto-liftup .aalto-link, .aalto-liftup .aalto-button { width: auto !important; } }/* Breakpoint desktop */@media (min-width: 992px) { }/* Navigation Accordion */.aalto-navigation-accordion { position: relative; display: flex; flex-direction: column; gap: var(--aalto-dim-3); width: 100%; }/* Navigation Accordion Highlighter */.aalto-navigation-accordion__highlighter { height: var(--aalto-dim-6); position: absolute; left: 0; transition-property: all; transition-duration: 0s; width: var(--aalto-dim-1); background-color: var(--aalto-col-action); }.aalto-navigation-accordion__highlighter.animate { transition-duration: var(--aalto-trans-slow); }/* Navigation Accordion Item */.aalto-navigation-accordion-item { display: flex; flex-direction: column; width: 100%; }.aalto-navigation-accordion .aalto-navigation-accordion-item:last-child { padding-bottom: var(--aalto-dim-6); }.aalto-navigation-accordion-item__title { display: flex; width: 100%; height: var(--aalto-dim-7); }.aalto-navigation-accordion-item__title .aalto-link { flex-grow: 1; height: 100%; }.aalto-navigation-accordion-item__title .aalto-link__rlink { padding-left: var(--aalto-dim-padding); }.aalto-navigation-accordion-item__title .aalto-button { height: var(--aalto-dim-7) !important; width: var(--aalto-dim-7); }/* Navigation Accordion Sub Items */.aalto-navigation-accordion-item__sub-items { display: flex; flex-direction: column; padding-top: var(--aalto-dim-2); }.aalto-navigation-accordion-item__sub-item { width: 100%; }.aalto-navigation-accordion-item__sub-item > .aalto-link { width: 100%; height: var(--aalto-dim-6); color: var(--aalto-col-fg-tint) !important; }.aalto-navigation-accordion-item__sub-item .aalto-link__rlink { padding-left: calc(var(--aalto-dim-3) + var(--aalto-dim-padding)); }.aalto-pager { display: flex; gap: var(--aalto-dim-2); align-items: center; }.aalto-profile-card { padding: var(--aalto-dim-6); display: flex; flex-direction: column; gap: var(--aalto-dim-6); background-color: var(--aalto-col-surface); color: var(--aalto-col-fg-tint); }.aalto-profile-card .aalto-txt-accent { color: var(--aalto-col-fg); }/* Profile Card Top */.aalto-profile-card__top { display: flex; flex-direction: column; gap: var(--aalto-dim-6); }.aalto-profile-card.wide .aalto-profile-card__top .aalto-button { align-self: start; }/* Profile Card Bottom */.aalto-profile-card__bottom { display: flex; flex-direction: column; gap: var(--aalto-dim-5); }.aalto-profile-card.wide .aalto-profile-card__bottom { gap: var(--aalto-dim-3); }.aalto-profile-card__profile { display: flex; flex-direction: column; gap: var(--aalto-dim-3); }.aalto-profile-card__profile--content { display: flex; flex-direction: column; }.aalto-profile-card .aalto-badge { align-self: start; }@media (min-width: 992px) { .aalto-profile-card__cta { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } }@media (min-width: 768px) { .aalto-profile-card.wide .aalto-profile-card__bottom { flex-direction: row; } }.aalto-side-navigation { overflow-y: auto; position: relative; background-color: var(--aalto-col-surface); }.aalto-side-navigation .aalto-skip-link { position: absolute; top: 0; left: 0; z-index: 1; }.aalto-tabs-block { display: flex; }.aalto-tabs-block .aalto-button.fill { flex-grow: 1; }.aalto-text-chapter-block { display: flex; flex-direction: column; gap: var(--aalto-dim-4); color: var(--aalto-col-fg-tint) }.aalto-text-chapter-block > h3 { color: var(--aalto-col-fg) }.aalto-video-player { position: relative; display: flex; flex-direction: column; justify-content: center; }.aalto-video-player > video { width: 100%; display: block; }.aalto-video-player__video-full { cursor: pointer; }.aalto-video-player .aalto-video-player__video-full:hover + .aalto-video-player__play-button-centered, .aalto-video-player__play-button-centered:hover { opacity: 1; }.aalto-video-player__play-button { position: absolute; right: var(--aalto-dim-padding); bottom: var(--aalto-dim-padding); }.aalto-video-player__play-button-centered { position: absolute; right: 50%; bottom: 50%; -webkit-transform: translate(50%); transform: translate(50%); transition: opacity var(--aalto-trans-fast) linear; opacity: 0; }.aalto-video-player__progress { display: flex; align-self: stretch; align-items: center; width: 100%; cursor: pointer; }.aalto-video-player__controls { display: flex; align-items: center; justify-content: space-between; position: relative; padding-top: var(--aalto-dim-1); }.aalto-video-player__controls__container { display: flex; align-items: center; }.aalto-video-player__time { padding-left: var(--aalto-dim-padding); color: var(--aalto-col-action); white-space: nowrap; display: flex; }.aalto-video-player__time > span { display: flex; justify-content: center; }.aalto-video-player__time > span.aalto-video-player__time__fixed { width: var(--aalto-dim-8); }.aalto-video-player .aalto-progress-bar { position: absolute; top: 0; left: 0; width: 100%; }@media only screen and (min-width: 768px) { .aalto-video-player .aalto-progress-bar { position: relative; padding: var(--aalto-dim-padding); width: auto; } }.aalto-section.aalto-alert { justify-content: space-between; background-color: var(--aalto-col-action); color: var(--aalto-col-action-rev); border: var(--aalto-col-action-rev); padding: var(--aalto-dim-4) 0; }.aalto-alert .aalto-container > div { display: flex; place-content: space-around; position: relative; }.aalto-alert .aalto-container > div > p { display: flex; flex-direction: column; place-content: space-around; padding-right: var(--aalto-dim-7); }.aalto-alert .aalto-container > div .aalto-button { position: absolute; top: 0px; right: 0px; display: flex; flex-direction: column; height: 100%; place-content: space-around; }.aalto-section.aalto-anchor-links { background-color: var(--aalto-col-bg); }.aalto-anchor-links .aalto-anchor-links__color { background-color: var(--aalto-col-bg); }.aalto-anchor-links .aalto-container > div { display: flex; flex-direction: column; padding-top: var(--aalto-dim-2); padding-bottom: var(--aalto-dim-2); flex-wrap: wrap; gap: var(--aalto-dim-4); }.aalto-anchor-links.vertical .aalto-container > div { gap: var(--aalto-dim-3); }.aalto-anchor-links .aalto-link { align-self: flex-start; }.aalto-anchor-links.horizontal { align-self: center; }/* reset: vertical */.aalto-anchor-links.horizontal .reset.wrapped { margin-left: 0px !important; }@media (min-width: 768px) { .aalto-anchor-links.horizontal .aalto-container > div { flex-direction: row !important; } .aalto-anchor-links .reset { display: inline-flex !important; } /* reset: parent-horizontal and not overflow */ .aalto-anchor-links.horizontal .reset { margin-left: auto !important; } }.aalto-anchor-links .aalto-link__rlink { white-space: normal; }.aalto-anchor-links .aalto-link__rlink-label { overflow-wrap: break-word; }.aalto-anchor-links .aalto-icon { line-height: var(--aalto-base-lineheights--2); }.aalto-anchor-links .aalto-icon.aalto-txt-icon-s { height: 100%; }.aalto-section.aalto-back-to-top { justify-content: space-between; background-color: transparent; position: -webkit-sticky; position: sticky; bottom: 0; padding: var(--aalto-dim-3) 0; pointer-events: none; }.aalto-back-to-top .aalto-container > div { display: flex; justify-content: flex-end; }.aalto-back-to-top .aalto-button { background-color: var(--aalto-col-bg); transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; pointer-events: initial; }.aalto-back-to-top.hidden .aalto-button { -webkit-transform: translateY(var(--aalto-dim-9)); transform: translateY(var(--aalto-dim-9)); }.aalto-component-preview-block { display: flex; flex-direction: column; gap: var(--aalto-dim-5); }/* Component Preview Block - FigmaEmbed */.aalto-component-preview-block__figma { display: flex; flex-direction: column; }/* Component Preview Block - StorybookEmbed */.aalto-component-preview-block__storybook-wrap { display: flex; flex-direction: column; }.aalto-component-preview-block__storybook-button { padding-top: var(--aalto-dim-3); }.aalto-component-preview-block__storybook { background-color: white; border: 1px var(--aalto-col-subtle) solid; }.aalto-component-preview-block__iframe { margin: var(--aalto-dim-3); }/* Component Preview Block - StaticEmbed */.aalto-component-preview-block__static-component { display: flex; flex-direction: column; }.aalto-cta .aalto-container { background-color: var(--aalto-col-bg); color: var(--aalto-col-fg); }.aalto-cta .rich { color: var(--aalto-col-fg-tint); }.aalto-cta .aalto-container > div { height: 100%; }.aalto-cta .aalto-container > :last-child { display: flex; flex-direction: column; gap: var(--aalto-dim-5); padding-top: var(--aalto-dim-2); align-items: flex-start; }@media (min-width: 768px) { .aalto-cta .aalto-container > :last-child { padding-left: 0px; } }.aalto-footer { padding-top: var(--aalto-dim-6); background-color: var(--aalto-col-bg); color: var(--aalto-col-fg); display: flex; flex-direction: column; }.aalto-footer > .aalto-container:first-of-type { min-height: 12rem; }/* footer link */.aalto-footer__links { display: flex; flex-direction: column; gap: var(--aalto-dim-4); padding-bottom: var(--aalto-dim-5); }.aalto-footer__links--list { display: flex; flex-direction: column; gap: var(--aalto-dim-3); }/* footer cta column */.aalto-footer__cta-column { display: flex; flex-direction: column; gap: var(--aalto-dim-6); padding-bottom: var(--aalto-dim-5); }.aalto-footer__cta-column--group { display: flex; flex-direction: column; gap: var(--aalto-dim-3); }.aalto-footer__cta-column--group .aalto-button { width: 100%; align-items: stretch; }.aalto-footer__cta-column--group-image-link { display: flex; gap: var(--aalto-dim-3); }/* footer clumns */.aalto-footer__columns { display: flex; flex-direction: column; gap: var(--aalto-dim-4); }.aalto-footer__columns--group { display: flex; flex-direction: column; padding-bottom: var(--aalto-dim-3); }/* footer contacts */.aalto-footer__contacts { display: flex; flex-direction: column; gap: var(--aalto-dim-4); }.aalto-footer__contacts .aalto-image-link { margin-top: -14px; margin-bottom: calc(var(--aalto-dim-2) * -1); }.aalto-footer__contacts--social-media { display: flex; flex-direction: column; gap: var(--aalto-dim-3); }.aalto-footer__contacts--social-media-buttons { display: flex; }/* desktop */@media (min-width: 992px) { .aalto-footer { padding-top: var(--aalto-dim-10); } .aalto-footer__links { padding-top: var(--aalto-dim-3); } .aalto-footer__links--list { flex-direction: row !important; gap: var(--aalto-dim-5) !important; } }.aalto-form-block { display: flex; flex-direction: column; gap: var(--aalto-dim-7); }.aalto-form-block > p { color: var(--aalto-col-fg-tint); }.aalto-form-block form { display: flex; flex-direction: column; gap: var(--aalto-dim-3); }.aalto-form-block form > .aalto-button, .aalto-form-block > .aalto-button { align-self: flex-start; }.aalto-hero { display: flex; flex-direction: column; gap: var(--aalto-dim-5); background-color: var(--aalto-col-bg); --header-padding-bottom: var(--aalto-dim-7); --body-padding-bottom: var(--aalto-dim-7); --image-offset: calc(-1 * (var(--aalto-dim-4) + var(--aalto-dim-padding))); }.aalto-hero > div { margin-bottom: -1px; }.aalto-hero.condensed { --header-padding-bottom: var(--aalto-dim-4); }.aalto-hero, .aalto-hero__header, .aalto-hero__body { transition-property: background-color; transition-duration: var(--aalto-trans-slow); }.aalto-hero__header, .aalto-hero__body { transition-property: color, background-color; }.aalto-hero__header { background-color: var(--aalto-col-bg); }.aalto-hero__body { background-color: var(--aalto-col-bg-tint); }.aalto-hero__header .aalto-container { padding-top: var(--aalto-dim-9); padding-bottom: var(--header-padding-bottom); }.aalto-hero__body .aalto-container { padding-top: var(--aalto-dim-section-top); padding-bottom: var(--aalto-dim-section-bottom); }.aalto-hero__content-container { display: flex; flex-direction: column; gap: var(--aalto-dim-4); }.aalto-hero__image-container { position: relative; align-self: start; margin-bottom: var(--image-offset); }.aalto-hero__image-container.square { aspect-ratio: var(--aalto-asp-square); }.aalto-hero__image-container.hd { aspect-ratio: var(--aalto-asp-hd); }.aalto-hero__image { position: absolute; width: 100%; /* height: 100%; */ top: var(--image-offset); }/* screen size - tablet */@media (min-width: 768px) { .aalto-hero { --header-padding-bottom: var(--aalto-dim-8); } /* page scroll fade effect */ @-webkit-keyframes fade-txt-big { 0% { opacity: 1; margin-top: 0; } 60% { opacity: 0; margin-top: -4rem; } 100% { opacity: 0; margin-top: -4rem; } } @keyframes fade-txt-big { 0% { opacity: 1; margin-top: 0; } 60% { opacity: 0; margin-top: -4rem; } 100% { opacity: 0; margin-top: -4rem; } } @-webkit-keyframes fade-txt-small { 0% { opacity: 1; margin-top: 0; } 60% { opacity: 0; margin-top: -0.4rem; } 100% { opacity: 0; margin-top: -0.4rem; } } @keyframes fade-txt-small { 0% { opacity: 1; margin-top: 0; } 60% { opacity: 0; margin-top: -0.4rem; } 100% { opacity: 0; margin-top: -0.4rem; } } @-webkit-keyframes fade-img { 0% { opacity: 1; margin-top: 0; -webkit-filter: brightness(100%); filter: brightness(100%); } 80% { opacity: 0; margin-top: -8rem; -webkit-filter: brightness(50%); filter: brightness(50%); } 100% { opacity: 0; margin-top: -8rem; -webkit-filter: brightness(50%); filter: brightness(50%); } } @keyframes fade-img { 0% { opacity: 1; margin-top: 0; -webkit-filter: brightness(100%); filter: brightness(100%); } 80% { opacity: 0; margin-top: -8rem; -webkit-filter: brightness(50%); filter: brightness(50%); } 100% { opacity: 0; margin-top: -8rem; -webkit-filter: brightness(50%); filter: brightness(50%); } } .aalto-hero__image, .aalto-hero__content-container, .aalto-hero__fading, .aalto-hero .aalto-breadcrumbs { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-delay: calc(var(--aalto-hero-scroll) * -1s); animation-delay: calc(var(--aalto-hero-scroll) * -1s); } .aalto-hero__content-container, .aalto-hero__fading, .aalto-hero .aalto-breadcrumbs, .aalto-hero .aalto-info { -webkit-animation-name: fade-txt-small; animation-name: fade-txt-small; } .aalto-hero__content-container { -webkit-animation-name: fade-txt-big; animation-name: fade-txt-big; } .aalto-hero__image { -webkit-animation-name: fade-img; animation-name: fade-img; } }/* screen size - desktop */@media (min-width: 992px) { .aalto-hero { --header-padding-bottom: var(--aalto-dim-11); --body-padding-bottom: var(--aalto-dim-9); } }.aalto-highlight .aalto-container { background-color: var(--aalto-col-bg); color: var(--aalto-col-fg); }.aalto-highlight.aalto-section--tinted .aalto-container { background-color: var(--aalto-col-bg-tint); }.aalto-highlight .aalto-container > :last-child { border-left: var(--aalto-dim-1) solid var(--aalto-col-fg); padding-left: var(--aalto-dim-3); margin-bottom: var(--aalto-dim-2); }@media (min-width: 768px) { .aalto-highlight .aalto-container > :last-child { margin-bottom: 0; } }.aalto-logo-wall { display: flex; flex-direction: column; gap: var(--aalto-dim-gutter); }.aalto-logo-wall__legend { display: flex; flex-direction: column; gap: var(--aalto-dim-3); }.aalto-logo-wall__logos { display: grid; grid-template-columns: repeat(2, auto); justify-content: center; row-gap: var(--aalto-dim-gutter); -webkit-column-gap: var(--aalto-dim-gutter); column-gap: var(--aalto-dim-gutter); }/* custom breakpoint: slightly wider than minimum */@media (min-width: 336px) { .aalto-logo-wall__logos { -webkit-column-gap: var(--aalto-dim-7); column-gap: var(--aalto-dim-7); } }/* screen size - tablet */@media (min-width: 768px) { .aalto-logo-wall__logos { grid-template-columns: repeat(3, auto); justify-content: space-between; -webkit-column-gap: normal; column-gap: normal; } .aalto-logo-wall.full .aalto-logo-wall__logos { grid-template-columns: repeat(4, auto); } }/* screen size - desktop */@media (min-width: 992px) { .aalto-logo-wall__logos { grid-template-columns: repeat(4, auto); } .aalto-logo-wall.full .aalto-logo-wall__logos { grid-template-columns: repeat(8, auto); } }.aalto-mega-links .aalto-container > div:last-child { display: flex; flex-direction: column; gap: var(--aalto-dim-3); align-items: stretch; }.aalto-mega-links__link-item-content { display: flex; flex-direction: row; gap: var(--aalto-dim-2); }.aalto-mega-links__link-item-content .aalto-icon { line-height: var(--aalto-dim-7); height: var(--aalto-dim-7); }.aalto-mega-links__link-item-content .aalto-txt-small { color: var(--aalto-col-fg-tint); }.aalto-mega-links__link-item-content > div:last-child { display: flex; flex-direction: column; gap: var(--aalto-dim-1); }@media (min-width: 992px) { .aalto-mega-links .aalto-container > div:last-child { gap: var(--aalto-dim-4); } }.aalto-modal { background-color: rgba(0, 0, 0, 0) !important; width: 100%; padding: 0; --aalto-modal__padding: var(--aalto-dim-3); }.aalto-modal, .aalto-modal .aalto-container, .aalto-modal .aalto-container > div { max-height: calc(100vh - 2 * var(--aalto-dim-padding)); }.aalto-modal::-webkit-backdrop { background-color: var(--aalto-col-overlay); -webkit-backdrop-filter: var(--aalto-fx-sat-1); backdrop-filter: var(--aalto-fx-sat-1); }.aalto-modal::backdrop { background-color: var(--aalto-col-overlay); -webkit-backdrop-filter: var(--aalto-fx-sat-1); backdrop-filter: var(--aalto-fx-sat-1); }.aalto-modal .aalto-container > div { background-color: var(--aalto-col-bg); padding: var(--aalto-modal__padding); display: flex; gap: var(--aalto-modal__padding); flex-direction: column; }.aalto-modal__header { display: flex; justify-content: space-between; align-content: center; align-items: start; }.aalto-modal__content { overflow: scroll; }.aalto-modal__actions { display: flex; flex-direction: column; gap: var(--aalto-dim-3); }/* Screen size - tablet */@media (min-width: 768px) { .aalto-modal.wide .aalto-modal__actions { flex-direction: row; justify-content: end; gap: var(--aalto-dim-4); } .aalto-modal.wide .aalto-modal__actions > .aalto-button:nth-last-child(3) { margin-right: auto; } }/* Screen size - desktop */@media (min-width: 992px) { .aalto-modal { --aalto-modal__padding: var(--aalto-dim-5); } .aalto-modal__actions { flex-direction: row; justify-content: end; gap: var(--aalto-dim-4); } .aalto-modal__actions > .aalto-button:nth-last-child(3) { margin-right: auto; } }.aalto-quick-links .aalto-container { background-color: var(--aalto-col-bg); color: var(--aalto-col-fg); }.aalto-quick-links .aalto-container > div { height: 100%; }.aalto-quick-links__link-wrap { padding-top: var(--aalto-dim-2); display: flex; flex-direction: column; gap: var(--aalto-dim-4); align-items: flex-start; }.aalto-quick-links__link-wrap.horizontal { display: none; flex-direction: row; }.aalto-quick-links__link-wrap.horizontal .aalto-image-link { width: 100%; }/* .aalto-quick-links .aalto-image-link { flex-direction: row; gap: var(--aalto-dim-4); } .aalto-quick-links .aalto-image-link span { text-align: left; } *//* screen size - tablet */@media (min-width: 768px) { .aalto-quick-links__link-wrap.vertical { display: none; } .aalto-quick-links__link-wrap.horizontal { display: flex; } /* .aalto-quick-links .aalto-image-link { width: 100%; flex-direction: column; gap: var(--aalto-dim-2); } .aalto-quick-links .aalto-image-link span { text-align: center; } */ }/* Generic section styles */.aalto-section { background-color: var(--aalto-col-bg); color: var(--aalto-col-fg); max-width: 100vw; overflow: hidden; }.aalto-section--padded { padding-top: var(--aalto-dim-section-top); padding-bottom: var(--aalto-dim-section-bottom); }.aalto-section--padded.aalto-section--boundary-top { padding-top: var(--aalto-dim-section-top-boundary); }.aalto-section--padded.aalto-section--boundary-bottom { padding-bottom: var(--aalto-dim-section-bottom-boundary); }.aalto-section--padded.aalto-section--first { padding-top: var(--aalto-dim-section-top-first); }.aalto-section--padded.aalto-section--last { padding-bottom: var(--aalto-dim-section-bottom-last); }.aalto-section--tinted { background-color: var(--aalto-col-bg-tint); }/* Section contained in another section: keep parent section's background color */.aalto-section .aalto-section { background-color: transparent; }.aalto-table .aalto-container > * { display: flex; flex-direction: column; gap: var(--aalto-dim-5); }.aalto-table table { width: 100%; table-layout: fixed; }.aalto-table tr { width: 100%; }/* Table header */.aalto-table tr:first-child { display: contents; color: var(--aalto-col-fg-tint); }.aalto-table th { padding-right: var(--aalto-dim-2); padding-left: var(--aalto-dim-2); height: var(--aalto-dim-7); border-bottom-width: 1px; align-self: stretch; width: 100%; }.aalto-table th.s { width: 40%; }.aalto-table th.xs { width: var(--aalto-dim-10); max-width: var(--aalto-dim-10); }/* Table body */.aalto-table tr:nth-child(odd) { background-color: var(--aalto-col-subtle); }.aalto-table td.clear-bg { background-color: var(--aalto-col-bg); }.aalto-table td { align-self: stretch; padding-left: var(--aalto-dim-2); padding-right: var(--aalto-dim-2); height: var(--aalto-dim-7); }/* Alignment */.aalto-table .text--left { text-align: left; }.aalto-table .text--center { text-align: center; }.aalto-table .text--end { text-align: end; }.aalto-tabs { overflow: initial; }.aalto-text-and-image__text { display: flex; flex-direction: column; gap: var(--aalto-dim-5); align-items: start; }.aalto-text-and-image__links { display: flex; flex-direction: column; gap: var(--aalto-dim-2); align-items: start; }@media (min-width: 768px) { .aalto-text-and-image__text { max-height: calc(((7 * (100vw - (2 * var(--aalto-dim-padding))) / var(--aalto-base-columns--tablet)) - var(--aalto-dim-6)) * 3 / 4); overflow: hidden; } }.aalto-title { padding-bottom: 0; }.aalto-token-group .aalto-title { padding-top: 0; }.aalto-token-group .aalto-text-chapter { padding-bottom: var(--aalto-dim-4); }.aalto-token-group-table-wrap { overflow-x: scroll; }.aalto-token-group .aalto-table { min-width: 55rem; }.aalto-token-group-tile { color: var(--aalto-col-fg); }/* token name */.aalto-token-group-tile > p { width: 100%; }.aalto-token-group-tile__attributes { display: flex; }/* property name */.aalto-token-group-tile__attributes :first-child { width: 10rem; }/* property value */.aalto-token-group-tile__attributes :last-child { color: var(--aalto-col-fg-tint); }/* copy to clipboard button */.aalto-token-group-tile .aalto-button { margin-left: calc(var(--aalto-dim-3) * -1); margin-top: calc(var(--aalto-dim-3) * -1); }/* snapshot variants */.aalto-token-group-tile__snapshot { display: flex; align-items: center; width: 100%; aspect-ratio: var(--aalto-asp-hd); background-color: var(--aalto-col-subtle); margin-bottom: var(--aalto-dim-2); overflow: hidden; justify-content: center; }.aalto-token-group-tile__snapshot > div { width: 100%; height: 100%; text-align: center; background-repeat: no-repeat; background-size: cover; display: grid; }.aalto-token-group-tile__snapshot--typography, .aalto-token-group-tile__snapshot--icon { height: auto !important; }.aalto-token-group-tile__snapshot--icon { text-align: left !important; width: var(--aalto-dim-5) !important; }.aalto-token-title__snapshot--transition > div { width: var(--aalto-dim-6); height: var(--aalto-dim-6); background-color: var(--aalto-col-action); border-radius: 9999px; place-self: center; transition-property: all; }.aalto-token-title__snapshot--transition:hover > div { -webkit-transform: scale(1.5); transform: scale(1.5); }.aalto-token-group__color-dots { display: flex; gap: var(--aalto-dim-1); }.aalto-token-group__color-dots > div { border: 1px solid var(--aalto-col-action); width: var(--aalto-dim-4); height: var(--aalto-dim-4); flex: 0 0 auto; border-radius: var(--aalto-dim-4); }/* Breakpoint desktop */@media (min-width: 992px) { .aalto-token-group__color-dots { gap: var(--aalto-dim-2); } }/* Breakpoint XL */@media (min-width: 1616px) { .aalto-token-group__color-dots { gap: var(--aalto-dim-3); } }.aalto-top-navigation { position: absolute; left: 0; z-index: 50; width: 100%; position: relative; background-color: var(--aalto-col-bg); transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; transition-duration: var(--aalto-trans-slow); min-height: var(--aalto-dim-9); }.aalto-top-navigation.hidden { -webkit-transform: translateY(-9rem); transform: translateY(-9rem); }.aalto-top-navigation .aalto-container { position: relative; }.aalto-top-navigation .aalto-skip-link { position: absolute; top: 0; left: 0; z-index: 1; }.aalto-top-navigation__mega-menu { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background-color: transparent; }/* top navigation block */.aalto-top-navigation-block__sub-brand { color: var(--aalto-col-action); padding-top: var(--aalto-dim-3); }.aalto-top-navigation-block { display: flex; align-content: space-around; justify-content: space-between; }.aalto-top-navigation-block > div { display: inline-flex; gap: var(--aalto-dim-4); }.aalto-top-navigation-block > div > * { height: var(--aalto-dim-5); align-self: center; }.aalto-top-navigation-block .aalto-image-link { height: var(--aalto-dim-9); }/* navigation menu */.aalto-top-navigation-block__menu { gap: var(--aalto-dim-4); display: none; position: relative; }.aalto-top-navigation-block__menu--active { position: absolute; margin-left: calc(var(--aalto-dim-4) * -1); bottom: calc(var(--aalto-dim-4) * -1); background-color: var(--aalto-col-action); height: var(--aalto-dim-1); width: var(--aalto-dim-7); transition-property: all; transition-duration: var(--aalto-trans-normal); }/* navigation dropdown */.aalto-top-navigation-block__dropdown { gap: var(--aalto-dim-5); display: none; }.aalto-top-navigation-block__dropdown .aalto-dropdown { width: 8rem !important; margin-right: calc(var(--aalto-dim-6) * -1); }.aalto-top-navigation-block__mega-menu { gap: var(--aalto-dim-4); display: inline-flex; }/* screen size - tablet */@media (min-width: 768px) { .aalto-top-navigation-block__dropdown { display: inline-flex !important; } }/* screen-size - desktop */@media (min-width: 992px) { .aalto-top-navigation { padding-top: var(--aalto-dim-2); padding-bottom: var(--aalto-dim-2); } .aalto-top-navigation-block__menu { display: inline-flex !important; } .aalto-top-navigation-block__mega-menu { display: none; } }.aalto-top-navigation-menu { height: 100vh; pointer-events: none; }.aalto-top-navigation-menu .aalto-container > * { display: flex; flex-direction: column; gap: var(--aalto-dim-3); padding-top: var(--aalto-dim-5); justify-content: flex-end; width: 100%; pointer-events: auto; }.aalto-top-navigation-menu .aalto-tabs-block { display: inline-flex; }.aalto-top-navigation-menu__actions { display: flex; flex-direction: column; padding: 0 var(--aalto-dim-3); gap: var(--aalto-dim-2); align-items: flex-start; }@media (min-width: 768px) { .aalto-top-navigation-menu .aalto-tabs-block { display: none !important; } }.aalto-top-navigation-search { padding-top: var(--aalto-dim-4); padding-bottom: var(--aalto-dim-4); height: 100vh; color: var(--aalto-col-fg); position: relative; }.aalto-top-navigation-search .aalto-search-field { padding-top: var(--aalto-dim-3); }.aalto-top-navigation-search__search-result { display: flex; flex-direction: column; gap: var(--aalto-dim-4); padding-bottom: var(--aalto-dim-6); margin-top: calc(var(--aalto-dim-3) * -1); position: relative; width: 100%; }.aalto-top-navigation-search__search-result--category { color: var(--aalto-col-fg-tint); }.aalto-container { padding-left: var(--aalto-dim-padding); padding-right: var(--aalto-dim-padding); margin-left: auto; margin-right: auto; display: grid; align-items: flex-start; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--aalto-dim-gutter); width: 100%; }/* Screen size - phone-portrait */.aalto-container.col-12 > *, .aalto-container.col-4-x-7 > *, .aalto-container.col-4-x-7-reverse > *, .aalto-container.col-4-x-7-shy-reverse > *, .aalto-container.col-7-x-4 > *, .aalto-container.col-7-x-4-reverse > *, .aalto-container.col-x-8-x > *, .aalto-container.col-x-10-x > *, .aalto-container.col-6-6 > *, .aalto-container.col-6-x > *, .aalto-container.col-8-x > *, .aalto-container.col-10-x > *, .aalto-container.col-x-6 > *, .aalto-container.col-4-4-4 > *, .aalto-container.col-4-x-3-4 > *, .aalto-container.col-4-x-4 > *, .aalto-container.col-4-x-2-2-3 > *, .aalto-container.col-3-3-3-3 > *, .aalto-container.col-3-3-3-3-nonbreaking > *, .aalto-container.col-6-x-3 > * { grid-column: span 12 / span 12; }.aalto-container.col-4-x-7-reverse > *:nth-child(odd), .aalto-container.col-4-x-7-shy-reverse > *:nth-child(odd), .aalto-container.col-7-x-4-reverse > *:nth-child(odd) { order: 1; }.aalto-container.col-4-x-7-reverse > *:nth-child(even), .aalto-container.col-4-x-7-shy-reverse > *:nth-child(even), .aalto-container.col-7-x-4-reverse > *:nth-child(even) { order: 0; }.aalto-container.col-2-2-2-2-2-2 > * { grid-column: span 6 / span 6; }/* Screen size - tablet */@media (min-width: 768px) { .aalto-container.col-4-x-7 > *:nth-child(odd), .aalto-container.col-4-x-7-reverse > *:nth-child(odd) { grid-column: span 4 / span 4; } .aalto-container.col-4-x-7 > *:nth-child(even), .aalto-container.col-4-x-7-reverse > *:nth-child(even) { grid-column: span 7 / span 7; grid-column-start: 6; order: 2; } .aalto-container.col-7-x-4 > *:nth-child(odd), .aalto-container.col-7-x-4-reverse > *:nth-child(odd) { grid-column: span 7 / span 7; } .aalto-container.col-7-x-4 > *:nth-child(even), .aalto-container.col-7-x-4-reverse > *:nth-child(even) { grid-column: span 4 / span 4; grid-column-start: 9; order: 2; } .aalto-container.col-4-x-2-2-3 > *:nth-child(1n) { grid-column: span 3 / span 3; } .aalto-container.col-4-x-2-2-3 > *:nth-child(2n) { grid-column: span 3 / span 3; grid-column-start: 4; } .aalto-container.col-4-x-2-2-3 > *:nth-child(3n) { grid-column: span 3 / span 3; grid-column-start: 7; } .aalto-container.col-4-x-2-2-3 > *:nth-child(4n) { grid-column: span 3 / span 3; grid-column-start: 10; } .aalto-container.col-4-x-3-4 > *:nth-child(1n) { grid-column: span 4 / span 4; } .aalto-container.col-4-x-3-4 > *:nth-child(2n) { grid-column: span 4 / span 4; grid-column-start: 5; } .aalto-container.col-4-x-3-4 > *:nth-child(3n) { grid-column: span 4 / span 4; grid-column-start: 9; } .aalto-container.col-6-x-3 > *:nth-child(odd) { grid-column: span 6 / span 6; } .aalto-container.col-6-x-3 > *:nth-child(even) { grid-column: span 3 / span 3; grid-column-start: 10; } .aalto-container.col-x-8-x > * { grid-column: span 8 / span 8; grid-column-start: 3; } .aalto-container.col-6-6 > * { grid-column: span 6 / span 6; } .aalto-container.col-6-x > *, .aalto-container.col-8-x > *, .aalto-container.col-x-6 > * { grid-column: span 8 / span 8; } .aalto-container.col-10-x > * { grid-column: span 10 / span 10; } .aalto-container.col-x-6 > * { grid-column-start: 5; } .aalto-container.col-4-4-4 > * { grid-column: span 6 / span 6; } .aalto-container.col-4-x-4 > * { grid-column: span 5 / span 5; } .aalto-container.col-4-x-4 > *:nth-child(even) { grid-column-start: 8; } .aalto-container.col-3-3-3-3-nonbreaking > *, .aalto-container.col-2-2-2-2-2-2 > * { grid-column: span 3 / span 3; } }/* Screen size - desktop */@media (min-width: 992px) { .aalto-container.col-x-10-x > * { grid-column: span 10 / span 10; grid-column-start: 2; } .aalto-container.col-4-x-7-reverse > *:nth-child(odd) { grid-column: span 4 / span 7; } .aalto-container.col-4-x-7-shy-reverse > *:nth-child(odd) { grid-column: span 4 / span 4; } .aalto-container.col-4-x-7-shy-reverse > *:nth-child(even) { grid-column: span 7 / span 7; grid-column-start: 6; order: 2; } .aalto-container.col-3-3-3-3 > * { grid-column: span 6 / span 6; } .aalto-container.col-4-x-2-2-3 > *:nth-child(1n) { grid-column: span 4 / span 4; } .aalto-container.col-4-x-2-2-3 > *:nth-child(2n) { grid-column: span 2 / span 2; grid-column-start: 6; } .aalto-container.col-4-x-2-2-3 > *:nth-child(3n) { grid-column: span 2 / span 2; grid-column-start: 8; } .aalto-container.col-4-x-2-2-3 > *:nth-child(4n) { grid-column: span 3 / span 3; grid-column-start: 10; } .aalto-container.col-4-x-3-4 > *:nth-child(1n) { grid-column: span 4 / span 4; } .aalto-container.col-4-x-3-4 > *:nth-child(2n) { grid-column: span 3 / span 3; grid-column-start: 6; } .aalto-container.col-4-x-3-4 > *:nth-child(3n) { grid-column: span 4 / span 4; grid-column-start: 9; } .aalto-container.col-4-4-4 > *, .aalto-container.col-4-x-4 > * { grid-column: span 4 / span 4; } .aalto-container.col-4-x-4 > *:nth-child(even) { grid-column-start: 9; } }/* Screen size - xl */@media (min-width: 1616px) { .aalto-container { max-width: 1616px; } .aalto-container.col-x-6 > * { grid-column: span 6 / span 6; grid-column-start: 7; } .aalto-container.col-3-3-3-3 > * { grid-column: span 3 / span 3; } .aalto-container.col-2-2-2-2-2-2 > * { grid-column: span 2 / span 2; } }