h1,h2,h3,h4,p,body{margin:0;padding:0}body{font-size:var(--font-size-m);font-family:var(--font-family-default);line-height:var(--line-height-default);color:var(--colour-grey-3);display:grid;min-height:100vh;grid-template-rows:auto 1fr auto}.content-medium{margin:var(--spacing-xxxl) auto;padding:0 var(--spacing-m);width:100%;box-sizing:border-box;max-width:var(--page-width-m)}.pattern-section-header{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);padding:var(--spacing-m) var(--spacing-l);margin:calc(2 * var(--spacing-l)) 0 var(--spacing-l) 0;background-color:var(--colour-grey-0)}.pattern-colour-box{width:calc(2 * var(--spacing-xxl));height:calc(2 * var(--spacing-xxl));margin-right:var(--spacing-s);display:inline-block}.heading-largest{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-s);margin-bottom:var(--spacing-l)}.heading-large{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--line-height-s);margin-bottom:var(--spacing-m)}.heading-large-no-margin{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--line-height-s)}.heading-medium{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);line-height:var(--line-height-s);margin-bottom:var(--spacing-s)}.heading-medium-no-margin{font-size:var(--font-size-m);font-weight:var(--font-weight-bold)}p{margin-bottom:var(--spacing-l);overflow-wrap:anywhere}.p-s{font-size:var(--font-size-s)}a{color:var(--colour-primary);overflow-wrap:anywhere}.button-primary{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);padding:var(--spacing-s) var(--spacing-m);background-color:var(--colour-primary);color:var(--colour-white);border-radius:var(--border-radius-m);border:var(--border-thickness-thick) solid var(--colour-primary);text-decoration:none;line-height:var(--line-height-s);display:inline-block;cursor:pointer}.button-primary-large{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);padding:var(--spacing-m) var(--spacing-l);background-color:var(--colour-primary);color:var(--colour-white);border-radius:var(--border-radius-m);border:var(--border-thickness-thick) solid var(--colour-primary);text-decoration:none;line-height:var(--line-height-s);display:inline-block;cursor:pointer}.button-secondary{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);padding:var(--spacing-s) var(--spacing-m);color:var(--colour-primary);border-radius:var(--border-radius-m);border:var(--border-thickness-thick) solid var(--colour-primary);text-decoration:none;line-height:var(--line-height-s);display:inline-block;cursor:pointer}.button-tertiary{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--colour-primary);border-radius:var(--border-radius-m);border:none;text-decoration:none;display:inline-block;cursor:pointer}.button-tertiary-no-margin{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);background-color:var(--colour-white);color:var(--colour-primary);border-radius:var(--border-radius-m);text-decoration:none;display:inline-block;cursor:pointer}.button-danger{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);padding:var(--spacing-s) var(--spacing-m);background-color:var(--colour-red);color:var(--colour-white);border-radius:var(--border-radius-m);border:var(--border-thickness-thick) solid var(--colour-red);text-decoration:none;line-height:var(--line-height-s);display:inline-block;cursor:pointer}.button-danger-tertiary{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);padding:0;color:var(--colour-red);text-decoration:none;line-height:var(--line-height-default);display:inline-block;cursor:pointer}.alert-success{font-weight:var(--font-weight-bold);padding:var(--spacing-m) var(--spacing-l);margin-bottom:var(--spacing-l);border-radius:var(--border-radius-m);background-color:var(--colour-grey-0);display:flex}.alert-success img{margin-right:var(--spacing-m)}form{max-width:var(--page-width-s);margin-bottom:var(--spacing-l)}.form-wrapper-wide form{max-width:100%}.form-heading{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--line-height-s);margin-bottom:var(--spacing-l)}.input-group,.checkbox-group{margin-bottom:var(--spacing-l)}.checkbox-group{display:flex;align-items:center}label{font-weight:var(--font-weight-bold);display:inline-block;margin-bottom:var(--spacing-xs)}.checkbox-group label{margin-bottom:0;font-weight:var(--font-weight-default)}.input-hint{display:block;color:var(--colour-grey-2);font-size:var(--font-size-s);margin-bottom:var(--spacing-xs)}input{font-size:var(--font-size-m);padding:var(--spacing-m);width:100%;border:1px solid var(--colour-grey-1);border-radius:var(--border-radius-m);box-sizing:border-box;font-family:var(--font-family-default)}textarea{font-size:var(--font-size-m);font-family:inherit;font-size:inherit;padding:var(--spacing-m);width:100%;border:1px solid var(--colour-grey-1);border-radius:var(--border-radius-m);box-sizing:border-box}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus,textarea:focus,select:focus{outline:var(--border-thickness-thick) solid var(--colour-primary);outline-offset:calc(-1 * var(--border-thickness-thick))}input[type=checkbox]{width:auto;display:inline-block;cursor:pointer;width:var(--spacing-l);height:var(--spacing-l);margin:0;padding:0;margin-right:var(--spacing-m)}button[type=submit]{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);padding:var(--spacing-s) var(--spacing-m);background-color:var(--colour-primary);color:var(--colour-white);border-radius:var(--border-radius-m);border:var(--border-thickness-thick) solid var(--colour-primary);text-decoration:none;line-height:var(--line-height-s);display:inline-block;cursor:pointer}.input-errors input,.input-errors textarea{outline:var(--border-thickness-thick) solid var(--colour-red);outline-offset:calc(-1 * var(--border-thickness-thick))}.input-error-message{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--colour-red);display:block;margin-bottom:var(--spacing-xs)}.form-error-heading{color:var(--colour-red);font-size:var(--font-family-default);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-m)}.logo{font-weight:var(--font-weight-bold);display:flex;align-items:center}.logo img{margin-right:var(--spacing-s)}header{display:flex;align-items:center;width:100%;padding:var(--spacing-m);box-sizing:border-box}.header-nav{text-align:right;display:flex;align-items:center;justify-content:flex-end;flex-grow:1}.header-nav a{padding:0 calc(.5 * var(--spacing-l))}.header-nav a:last-child{padding-right:0}.header-nav{line-height:0}.header-link{text-decoration:none;font-weight:var(--font-weight-bold);color:var(--colour-grey-2)}.preload-image{display:none}footer{padding:var(--spacing-m);font-weight:var(--font-weight-bold);color:var(--colour-grey-2);text-align:right}footer a{color:var(--colour-grey-2)}.profile-header{border-bottom:var(--border-thickness-thick) solid var(--colour-grey-0);margin-bottom:var(--spacing-l)}.profile-header-inner{margin-bottom:var(--spacing-m)}.profile-header-avatar{height:var(--avatar-size-m);margin-bottom:var(--spacing-xs)}.profile-header-friendship{font-size:var(--font-size-s);display:flex;align-items:center}.profile-header h2{margin-bottom:var(--spacing-s)}.profile-header-friendship img{margin-right:calc(3 * var(--spacing-xs));align-self:flex-start}.profile-header-contact-count{margin-bottom:var(--spacing-s)}.profile-details{margin-bottom:var(--spacing-l)}.profile-details-item{display:flex;align-items:center;margin-bottom:var(--spacing-m)}.profile-details-item-icon{width:var(--spacing-l);display:flex;align-items:center;justify-content:flex-end;margin-right:var(--spacing-m)}.profile-details-address{display:flex;margin-bottom:var(--spacing-m)}.profile-details-address-icon{width:var(--spacing-l);display:flex;align-items:center;justify-content:flex-end;margin-right:var(--spacing-m);height:30px}.profile-details-address-maps{display:flex;margin-left:40px}.profile-details-address-maps a{margin-right:var(--spacing-l)}.profile-details a{text-decoration:none}.profile-details-add a{color:var(--colour-red)}.profile-contacts-header .button-tertiary{margin-bottom:var(--spacing-s)}.profile-contacts-header{margin-bottom:var(--spacing-l);border-bottom:var(--border-thickness-thick) solid var(--colour-grey-0)}.profile-contacts-header-back{display:flex;align-items:center;margin-bottom:var(--spacing-s);text-decoration:none}.profile-contacts-header-back img{height:var(--font-size-s);margin-right:var(--spacing-s)}.contacts-header{margin-bottom:var(--spacing-l);border-bottom:var(--border-thickness-thick) solid var(--colour-grey-0)}.contacts-header a{margin-bottom:var(--spacing-m)}.contacts-list-item{display:flex;align-items:center;margin-bottom:var(--spacing-m)}.contacts-list-item img{height:var(--avatar-size-s);margin-right:var(--spacing-m)}.contacts-list-empty{background-color:var(--colour-grey-0);border-radius:var(--border-radius-m);text-align:center;padding:var(--spacing-xxl)}.contacts-list-empty h2{margin-bottom:var(--spacing-l)}.contacts-request{background-color:var(--colour-grey-0);border-radius:var(--border-radius-m);padding:var(--spacing-l);margin-bottom:var(--spacing-l)}.contacts-request-header{display:flex;align-items:center;margin-bottom:var(--spacing-m)}.contacts-request-header img{margin-right:var(--spacing-m)}.contacts-request-body{display:flex;align-items:center;margin-bottom:var(--spacing-s)}.contacts-request-body img{height:var(--avatar-size-m);margin-right:var(--spacing-m)}.contacts-request-body-name{margin-bottom:var(--spacing-s)}.contacts-request-body-actions{margin-bottom:var(--spacing-s)}.contacts-request-body-actions .button-primary{margin-right:var(--spacing-m)}.contacts-request-footer{text-align:right}.invite-link{background-color:var(--colour-grey-0);border-radius:var(--border-radius-m);padding:var(--spacing-l);margin-bottom:var(--spacing-l)}.invite-link-header{margin-bottom:var(--spacing-m)}.invite-link-link .button-tertiary{background-color:var(--colour-grey-0)}.invite-link-link{display:flex}.invite-link-link input{max-width:70%;margin-right:var(--spacing-m)}.search-input{margin-bottom:var(--spacing-l)}.search-input-group{display:flex;align-items:center;margin-bottom:var(--spacing-m)}.search-input-group input{margin-right:var(--spacing-m);max-width:360px}.search-input-group button[type=submit]{padding:0;background-color:var(--colour-white);border:none}.search-input-summary{font-size:var(--font-size-s)}.search-result{margin-bottom:var(--spacing-m);display:flex;align-items:center}.search-result-avatar{height:var(--avatar-size-m);margin-right:var(--spacing-m)}.search-result-body-actions .button-primary{margin-right:var(--spacing-s)}.search-result-sent{display:flex;align-items:center}.search-result-sent div{margin-right:var(--spacing-s)}.search-result-sent img{height:24px}.invite-start{text-align:center;max-width:var(--page-width-s);margin:var(--spacing-xxxl) auto}.invite-start img{height:128px;margin-bottom:var(--spacing-m)}.invite-end{text-align:center;max-width:var(--page-width-s);margin:var(--spacing-xxxl) auto}.invite-end img{height:128px;margin-bottom:var(--spacing-m)}.password-forgot-complete{text-align:center;max-width:var(--page-width-s);margin:var(--spacing-xxxl) auto}.password-forgot-complete img{height:128px;margin-bottom:var(--spacing-m)}.password-reset-complete{text-align:center;max-width:var(--page-width-s);margin:var(--spacing-xxxl) auto}.password-reset-complete img{height:128px;margin-bottom:var(--spacing-m)}.founder-welcome{text-align:center;max-width:var(--page-width-s);margin:var(--spacing-xxxl) auto}.founder-welcome-text{text-align:left}.founder-welcome img{height:128px;margin-bottom:var(--spacing-m)}.friendship-explanation{padding:var(--spacing-l);margin-bottom:var(--spacing-l);border-radius:var(--border-radius-m);background-color:var(--colour-grey-0)}.friendship-explanation-header{display:flex;align-items:center;margin-bottom:var(--spacing-m)}.friendship-explanation-header img{margin-right:var(--spacing-m)}@media only screen and (max-width: 700px){header{padding:var(--spacing-m)}.content-medium{margin:var(--spacing-l) auto;padding:0 var(--spacing-l)}.contacts-request-body{flex-direction:column;align-items:flex-start}.contacts-request-body img{display:none}.contacts-request-body-actions .button-primary{margin-right:var(--spacing-s)}.search-result-avatar{height:var(--avatar-size-s)}.founder-welcome{margin-top:0}footer{font-size:var(--font-size-s);color:var(--colour-grey-1)}footer a{color:var(--colour-grey-1)}}:root{--font-family-default: system-ui, "Roboto", "Arial", sans-serif;--line-height-default: 1.5;--line-height-s: 1.15;--font-size-s: 16px;--font-size-m: 20px;--font-size-l: 32px;--font-size-xl: 48px;--font-weight-default: 400;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--spacing-xxl: 40px;--spacing-xxxl: 48px;--colour-primary: hsl(214, 83%, 50%);--colour-red: hsl(7, 83%, 50%);--colour-green: hsl(112, 83%, 50%);--colour-white: #FFFFFF;--colour-grey-0: hsl(214, 10%, 95%);--colour-grey-1: hsl(214, 15%, 70%);--colour-grey-2: hsl(214, 10%, 50%);--colour-grey-3: hsl(214, 20%, 20%);--border-thickness-thick: 3px;--border-radius-m: var(--spacing-s);--page-width-l: 900px;--page-width-m: 700px;--page-width-s: 500px;--avatar-size-m: 88px;--avatar-size-s: 32px}.homepage{margin:0 auto;width:100%;box-sizing:border-box}.homepage-hero{margin:calc(3 * var(--spacing-xxl)) auto;max-width:var(--page-width-l);padding:0 var(--spacing-l)}.homepage-hero p{max-width:var(--page-width-s)}.homepage-hiw{background-color:var(--colour-grey-3)}.homepage-hiw-inner{margin:0 auto;padding:0 var(--spacing-l);max-width:var(--page-width-l);display:flex;align-items:center}.homepage-hiw-left,.homepage-hiw-right{flex-basis:50%}.homepage-hiw-left{padding:calc(2 * var(--spacing-xxl)) 0}.homepage-hiw-right{text-align:right;line-height:0;align-self:flex-end}.homepage-hiw-right img{height:400px}.homepage-hiw h2{color:var(--colour-green);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-l)}.homepage-hiw-step-1,.homepage-hiw-step-2,.homepage-hiw-step-3{color:var(--colour-white);font-size:24px;font-weight:var(--font-weight-bold)}.homepage-hiw-step-1{margin-bottom:var(--spacing-s)}.homepage-hiw-step-2{margin-bottom:var(--spacing-m)}.homepage-hiw-step-3{margin-bottom:var(--spacing-l)}.homepage-hiw p{color:var(--colour-grey-0)}.homepage-cfl{padding:calc(3 * var(--spacing-xxl)) 0}.homepage-cfl-inner{margin:0 auto;padding:0 var(--spacing-l);max-width:var(--page-width-l);display:flex}.homepage-cfl-left,.homepage-cfl-right{flex-basis:50%}.homepage-cfl-left{text-align:center}.homepage-cfl-right{order:1}.homepage-cfl h2{color:var(--colour-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-l)}.homepage-sap{padding:calc(3 * var(--spacing-xxl)) 0;background-color:var(--colour-grey-0)}.homepage-sap-inner{margin:0 auto;padding:0 var(--spacing-l);max-width:var(--page-width-l);display:flex}.homepage-sap-left,.homepage-sap-right{flex-basis:50%}.homepage-sap-right{text-align:center}.homepage-sap h2{color:var(--colour-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-l)}.homepage-join{padding:0 var(--spacing-l);text-align:center;padding:calc(2 * var(--spacing-xxl)) 0;background-color:var(--colour-grey-3)}.homepage-join h2{font-size:24px;color:var(--colour-white);margin-bottom:var(--spacing-l)}.homepage-footer{background-color:var(--colour-grey-3)}.homepage-footer footer{margin-top:0}.homepage-footer footer,.homepage-footer footer a{color:var(--colour-grey-1)}@media only screen and (max-width: 700px){.homepage-hero{margin:var(--spacing-xxxl) 0}.homepage-hiw-inner{flex-direction:column}.homepage-hiw-left{padding:var(--spacing-xl) 0 0 0}.homepage-hiw-right{align-self:center}.homepage-hiw-right img{height:300px}.homepage-cfl{padding:var(--spacing-xl) 0}.homepage-cfl-inner{flex-direction:column}.homepage-cfl-right{order:0}.homepage-sap{padding:var(--spacing-xl) 0}.homepage-sap-inner{flex-direction:column}}.account-new-field{display:none}.turbolinks-progress-bar{background-color:var(--colour-primary)}.account-index .button-tertiary{display:block;margin-bottom:var(--spacing-m)}
