.header{display:grid;grid-template-columns:auto auto;grid-template-rows:auto;padding:var(--spacing-x2);align-items:center;background-color:var(--primary-light);color:var(--primary-text);height:5rem}.header>h1{grid-row:1;grid-column:1/3;font-size:1.2em}.header .login-menu{justify-self:end}.header>div:last-child{grid-row:1;grid-column:1/3}@media (min-width: 768px){.header>h1{font-size:1.5em}}@media (min-width: 768px) and (hover: hover){.header{padding:var(--spacing)}}.categories{display:grid;gap:var(--spacing);grid-auto-flow:column;grid-auto-columns:1fr;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:var(--spacing);background-color:inherit}.categories>li{padding:var(--spacing);scroll-snap-align:center;min-width:max-content;width:auto;white-space:nowrap}.categories>li>a{align-items:center;justify-content:center}.categories>li:last-child{margin-right:0}@media (min-width: 768px) and (hover: hover){.categories{display:grid;padding-left:var(--spacing);padding-right:var(--spacing);overflow:hidden;grid-auto-flow:row;grid-auto-columns:max-content;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fit,minmax(262px,1fr));height:3.625rem}.categories:hover{overflow:auto;height:max-content;padding-bottom:var(--spacing);transition-duration:.5s}.categories>li.active{grid-column:1 / 2;grid-row:1 / 2}}.main-navigation{position:fixed;left:0;right:0;bottom:0;z-index:30;font-size:1.2em;padding:var(--spacing);background-color:var(--primary)}.main-navigation .pane{background:var(--primary-text-dark)}.main-navigation .active,.main-navigation .active a{font-weight:600;color:var(--primary-text)}.main-navigation .order{display:flex;flex-wrap:nowrap;white-space:nowrap;justify-content:space-around;align-items:flex-start;overflow:hidden}.main-navigation .order a{display:block;margin-right:var(--spacing);padding:var(--spacing);text-align:center}.main-navigation .order a:last-child{margin-right:0}@media (min-width: 768px) and (hover: hover){.main-navigation{position:sticky;top:0;font-size:1em;display:grid;gap:0px;grid-template-columns:max-content auto;padding-top:var(--spacing);padding-right:0;max-height:calc(58px + var(--spacing))}.main-navigation .categories{grid-column:2 / 3;grid-row:1 / 2;border-radius:var(--border-radius)}.main-navigation .order{grid-column:1 / 2;grid-row:1 / 2}.main-navigation .order:after{content:"";display:block;margin:calc(var(--spacing) / 2) 0 calc(var(--spacing) / 2) var(--spacing);border:1px solid var(--transparency);width:0px;height:calc(100% - var(--spacing))}}.login-menu{display:flex;flex-direction:row;gap:var(--spacing)}.login-menu .login-action{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-menu .login-action .login-icon{font-size:xx-large;line-height:0}.login-menu .login-action .login-legend{font-size:xx-small}.footer{padding:var(--spacing-x2);padding-bottom:9em;display:flex;flex-direction:column;background-color:var(--primary-light);color:var(--primary-text-dark)}.footer a{color:inherit}.footer a:hover,.footer a:active{color:var(--primary-text-light)}.footer nav{display:flex;justify-content:space-between;margin-bottom:var(--spacing-x2)}.footer .navigation>*{padding-bottom:var(--spacing-x2);font-size:1.2em}.footer .social *{font-size:1.5em;padding-bottom:var(--spacing)}@media (min-width: 768px) and (hover: hover){.footer{padding-bottom:var(--spacing-x2)}}