body.grid\:base{grid-template-rows:auto auto auto 1fr;background:linear-gradient(90deg, #FD876F, #ED5583)}body.grid\:base>header,body.grid\:base>main{grid-column:2/span 6}body.grid\:base>header{--logo-colour: white;display:flex;justify-content:center}body.grid\:base>header span{display:none}body.grid\:base>header a.logo{order:-1;display:flex;max-width:340px;min-width:140px;align-items:center;justify-self:center}body.grid\:base>header a.logo svg{width:100%;display:block}body.grid\:base::after{content:"";-webkit-clip-path:ellipse(65% 50% at 50% 100%);clip-path:ellipse(65% 50% at 50% 100%);position:absolute;background:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));bottom:0;height:100%;width:100%;left:0;z-index:-1;display:block;opacity:.2}body.grid\:base>main{grid-row:3;display:grid;align-content:start;justify-items:center;row-gap:var(--gutter1);padding-block:var(--spacer1);height:-moz-fit-content;height:fit-content}body.grid\:base>main>.heading{font-size:2em;line-height:1.3;font-weight:600;color:#333}body.grid\:base>main>.sub-heading{color:#333;margin-top:var(--gutter0-);text-align:center;font-size:1.5625em;line-height:1.4}@media(min-width: 481px){body.grid\:base>main>.sub-heading br{display:none}}body.grid\:base>footer{grid-row:4;background-color:initial;padding:var(--spacer0) var(--gutter1);margin:0;font-size:.8em;color:#fff;justify-content:center}body.grid\:base .registered-or-not{margin-top:var(--spacer0);font-family:"Open Sans",sans-serif;font-weight:600;font-style:normal;--link-colour: var(--primary, #ff2871);--text-decoration: none}@media(max-width: 480px){body.grid\:base header a.logo{width:180px;max-width:initial;min-width:initial}}@media(min-width: 961px){body.grid\:base{grid-template-rows:auto auto 1fr auto}body.grid\:base header,body.grid\:base main{grid-column:3/span 4;justify-self:center}body.grid\:base header{grid-row:2}body.grid\:base>footer{align-self:self-end}}nav.social-links{display:flex;flex-wrap:wrap;grid-auto-flow:column;justify-content:center;justify-self:center;grid-template-columns:repeat(auto-fill, 1fr);width:100%}nav.social-links a.button{--icon-size: 1.4em;justify-content:flex-start;margin:calc(var(--gutter0)/2)}@media(max-width: 600px){nav.social-links a.button{width:100%;justify-content:center}}@media(max-width: 600px)and (min-width: 481px){nav.social-links a.button{max-width:200px}}.divider{width:calc(100% - var(--gutter1));display:flex;align-items:center;justify-content:center;white-space:nowrap;color:#9c9c9c;margin:var(--gutter1) 0}.divider::before,.divider::after{content:"";width:100%;height:1px;margin-top:1px;background:#ddd}.divider::before{margin-right:2ch}.divider::after{margin-left:2ch}form.login{flex-direction:column;max-width:440px;width:100%;display:flex;justify-self:center}form.login button[type=submit]{width:100%}form.login button[type=submit]+p{margin-bottom:var(--gutter1);text-align:center;font-size:.8em;padding:calc(var(--gap)*0.5);order:-1;font-weight:600;border-radius:calc(var(--border-radius)/2);color:#fff;background:linear-gradient(var(--gradient-angle, 270deg), var(--theme-primary, #C90023) var(--gradient-offset, 33%), var(--theme-secondary, #cb3d00));animation:shake var(--animation-shake-duration, var(--animation-duration, 0.5s)) var(--animation-shake-ease, var(--animation-ease, ease)) var(--animation-shake-delay, var(--animation-delay, 0s)) var(--animation-shake-loop, var(--animation-loop, 1)) var(--animation-shake-direction, var(--animation-direction, normal)) var(--animation-shake-fill, var(--animation-fill, forwards))}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}form.login button[type=submit]+p::before{content:"⚠️";margin-right:1ch}form.login input-field{margin-bottom:var(--gap)}form.login .remember-and-forgot-password{display:flex;align-items:center;justify-content:space-between;font-size:0.8em;margin:var(--gutter0) 0}form.login .remember-and-forgot-password input-field[type=checkbox]{--checkbox-box-border-gap: 2px}form.login .remember-and-forgot-password a{--link-colour: var(--primary, #ff2871);--text-decoration: none}@media(max-width: 480px){form.login{padding-left:var(--gutter0);padding-right:var(--gutter0)}}
/*# sourceMappingURL=../sourcemaps/pages/login.css.map */