.button{--buttons-xs:2rem;--buttons-s:2.5rem;--buttons-m:3rem;--buttons-l:3.25rem;display:inline-flex;flex:0 0 auto;align-content:stretch;justify-content:stretch;align-items:stretch;align-self:center;border-width:2px;border-radius:999rem;font-weight:500;text-decoration:none}.button.stretch{align-self:unset}.button .title{width:max-content}.button .wrap-button{display:flex;align-items:center;gap:var(--space-xs)}.button,.button .wrap-button,.button .wrap-button .icon{transition:all var(--easing-s) ease-out}@media (hover:hover){.button.icon:hover:not(.skinny,.square) .wrap-button{gap:var(--space-s)}.button.icon:hover:not(.active,.skinny,.square) .wrap-button,.button.solid:hover:not(.active) .wrap-button{padding:0 var(--space-xxs)}.button.normal.outline.icon:hover:not(.active,.skinny,.square) .wrap-button{padding:0 0 0 var(--space-xxs)}}.button.s{padding:0 var(--space-s);height:var(--buttons-s);font-size:var(--paragraph-xs)}.button.s .icon{height:var(--buttons-xs)}.button.s.square{width:var(--buttons-s)}.button.m{padding:0 var(--space-m);height:var(--buttons-m);font-size:var(--paragraph-s)}.button.m .icon{width:auto;height:var(--buttons-s)}.button.m.square{width:var(--buttons-m)}.button.l{padding:0 var(--space-m);height:var(--buttons-l);font-size:var(--paragraph-l)}.button.l.square{width:var(--buttons-l)}.button.square{padding:0}.button.skinny{background:none!important;padding:0!important}.button.skinny,.button.solid{border:none!important}.button.outline{border-style:solid;background:none!important}.button.bare{stroke:none!important;background:none!important}@media (hover:hover){.button.bare:hover:not(.icon,.active) .wrap-button{transform:translateY(calc(var(--space-xxs) * -1))}}.button.normal{border-color:var(--theme-normal-border-colour);background-color:var(--theme-normal-background-colour);color:var(--theme-normal-colour)}@media (hover:hover){.button.normal:hover:not(.icon,.active){border-color:var(--theme-normal-hover-border-colour);background-color:var(--theme-normal-hover-background-colour);color:var(--theme-normal-hover-colour)}}.button.normal .icon{filter:var(--theme-normal-icon-colour)}.button.normal.active{border-color:var(--theme-normal-active-border-colour);background-color:var(--theme-normal-active-background-colour);color:var(--theme-normal-active-colour);font-weight:900}.button.normal.active .icon{filter:var(--theme-normal-active-icon-colour)}.button.normal.solid{background-color:var(--theme-normal-solid-background-colour);color:var(--theme-normal-solid-colour)}.button.normal.solid .icon{filter:var(--theme-normal-solid-icon-colour)}@media (hover:hover){.button.normal.solid:hover:not(.icon,.active){border-color:var(--theme-normal-hover-solid-border-colour);background-color:var(--theme-normal-hover-solid-background-colour);color:var(--theme-normal-hover-solid-colour)}}.button.secondary{border-color:var(--theme-secondary-border-colour);background-color:var(--theme-secondary-background-colour);color:var(--theme-secondary-colour)}@media (hover:hover){.button.secondary:hover:not(.icon,.active){border-color:var(--theme-secondary-hover-border-colour);background-color:var(--theme-secondary-hover-background-colour);color:var(--theme-secondary-hover-colour)}}.button.secondary .icon{filter:var(--theme-secondary-icon-colour)}.button.secondary.active{border-color:var(--theme-secondary-active-border-colour);background-color:var(--theme-secondary-active-background-colour);color:var(--theme-secondary-active-colour)}.button.secondary.active .icon{filter:var(--theme-secondary-active-icon-colour)}.button.secondary.solid{background-color:var(--theme-secondary-solid-background-colour);color:var(--theme-secondary-solid-colour)}.button.secondary.solid .icon{filter:var(--theme-secondary-solid-icon-colour)}.button.secondary.solid.active{border-color:var(--theme-secondary-solid-active-border-colour);background-color:var(--theme-secondary-solid-active-background-colour);color:var(--theme-secondary-solid-active-colour)}@media (hover:hover){.button.secondary.solid:hover:not(.icon,.active){border-color:var(--theme-secondary-hover-solid-border-colour);background-color:var(--theme-secondary-hover-solid-background-colour);color:var(--theme-secondary-hover-solid-colour)}}.button.primary{border-color:var(--theme-primary-border-colour);background-color:var(--theme-primary-background-colour);color:var(--theme-primary-colour)}@media (hover:hover){.button.primary:hover:not(.icon,.active){border-color:var(--theme-primary-hover-border-colour);background-color:var(--theme-primary-hover-background-colour);color:var(--theme-primary-hover-colour)}}.button.primary .icon{filter:var(--theme-primary-icon-colour)}.button.primary.active{border-color:var(--theme-primary-active-border-colour);background-color:var(--theme-primary-active-background-colour);color:var(--theme-primary-active-colour)}.button.primary.active .icon{filter:var(--theme-primary-active-icon-colour)}.button.primary.solid{color:var(--theme-primary-solid-colour)}.button.primary.solid .icon{filter:var(--theme-primary-solid-icon-colour)}.button.skinny .icon{filter:var(--theme-skinny-icon-colour)}@media (hover:hover){.button.skinny:hover:not(.icon,.active) .icon{filter:var(--theme-skinny-hover-icon-colour)}}.button.skinny.active .icon{filter:var(--theme-skinny-active-icon-colour)}.button.active{cursor:default}.media-block .button.bare.s,.media-block .button.bare.xs{margin-left:calc(var(--space-s) * -1)}.media-block .button.bare.l,.media-block .button.bare.m{margin-left:calc(var(--space-m) * -1)}.media-block.card .button.bare.s,.media-block.card .button.bare.xs{margin-bottom:-1rem}.media-block.card .button.bare.l,.media-block.card .button.bare.m{margin-bottom:-1.2rem}.skip{position:absolute;left:50%;transform:translateX(-50%) translateY(calc(var(--space-topbar) * -1 - 100%));z-index:1}.skip:focus{transform:translateX(-50%) translateY(var(--space-s));border:2px solid var(--theme-normal-solid-colour)!important}