.segment-control{align-items:center;background-color:#f5f6fa;background-color:var(--colour-background-sunken);border:.063rem solid #0000001a;border:.063rem solid var(--colour-stroke-weak);border-radius:100svw;box-sizing:border-box;display:flex;flex-direction:column;position:relative}.segment-list{border-radius:100svw;display:flex;justify-content:center;overflow:hidden;padding:0;position:relative;width:100%}.segment-list li{list-style-type:none;padding-bottom:0}.segment-button{align-items:center;background:none;border:none;border-radius:100svw;color:#0009;color:var(--colour-text-weak);cursor:pointer;display:flex;font-size:1rem;font-weight:500;height:100%;justify-content:center;padding:.5rem 1rem;position:relative;z-index:1}.segment-button:before{background-color:#0000000a;background-color:var(--colour-fill-hover);border-radius:100svw;content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease-in-out;z-index:-1}.segment-button:hover:before{opacity:1}.segment-button .segment-icon{display:flex;margin-right:.5rem}.segment-button .segment-icon svg{height:1.25rem;width:1.25rem}.segment-overlay-shadow{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));z-index:5}.segment-overlay-container,.segment-overlay-shadow{left:0;pointer-events:none;position:absolute;top:0;width:100%}.segment-overlay-container{background-color:#fff;background-color:var(--colour-background-overlay);border-radius:100svw;clip-path:inset(0 100% 0 0 round 1000px);overflow:hidden;transform:translateZ(0);transition:clip-path .25s ease-in-out;will-change:clip-path;z-index:6}.segment-button-overlay{color:#000000e6;color:var(--colour-text-strong)}.badge{align-items:center;background-color:#0000000a;background-color:var(--colour-fill-weak);border:.063rem solid #0000001a;border:.063rem solid var(--colour-stroke-weak);border-radius:100svw;box-sizing:border-box;color:#0009;color:var(--colour-text-weak);display:inline-flex;padding:0 .5rem}.badge svg{color:#00000073;color:var(--colour-icon-neutral)}.badge span{padding:0 .25rem}.badge.medium{height:2rem}.badge.medium svg{width:1.5rem}.badge.small{height:1.5rem}.badge.small svg{width:1rem}.badge.success{background-color:#0acd920d;background-color:var(--colour-fill-success-weak);border:.063rem solid #067a5733;border:.063rem solid var(--colour-stroke-success-weak);color:#067a57;color:var(--colour-text-success)}.badge.success svg{color:#067a57cc;color:var(--colour-icon-success)}.badge.warning{background-color:#ffc02e0d;background-color:var(--colour-fill-warning-weak);border:.063rem solid #8e6b1a33;border:.063rem solid var(--colour-stroke-warning-weak);color:#8e6b1a;color:var(--colour-text-warning)}.badge.warning svg{color:#8e6b1acc;color:var(--colour-icon-warning)}.tool-card{align-self:stretch;background:#fff;background:var(--colour-background-base);border:.063rem solid #0000001a;border:.063rem solid var(--colour-stroke-weak);border-radius:.5rem;box-shadow:none;display:flex;flex-direction:row;gap:1.25rem;padding:1rem}.tool-card>svg{align-self:start;height:auto;min-width:3rem;width:3rem}.tool-card .tool-card-text{align-self:stretch;display:flex;flex-direction:column}.tool-card .tool-card-text>header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.tool-card .tool-card-text>header>h2{font-size:1.5rem}.tool-card .tool-card-text>header>div{display:flex}.tool-card .tool-card-text>p{font-size:.875rem}body{font-family:Mulish,sans-serif}body code{font-family:Roboto Mono,monospace}h1{color:#000000e6;color:var(--colour-text-strong);font-family:Mulish,sans-serif;font-size:2.25rem;font-weight:600;line-height:2.75rem;margin:0}@media(min-width:1200px){h1{font-size:2.5rem;line-height:3rem}}h2{color:#000000e6;color:var(--colour-text-strong);font-family:Mulish,sans-serif;font-size:1.75rem;font-weight:600;line-height:2.25rem;margin:0}@media(min-width:1200px){h2{font-size:2rem;line-height:2.5rem}}h3{color:#000000e6;color:var(--colour-text-strong);font-family:Mulish,sans-serif;font-size:1.5rem;font-weight:600;line-height:2rem;margin:0}@media(min-width:1200px){h3{font-size:1.5rem;line-height:2rem}}h4{color:#000000e6;color:var(--colour-text-strong);font-family:Mulish,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem;margin:0}@media(min-width:1200px){h4{font-size:1.25rem;line-height:1.75rem}}h5{color:#000000e6;color:var(--colour-text-strong);font-family:Mulish,sans-serif;font-size:2.5rem;font-weight:600;line-height:3rem;margin:0}@media(min-width:1200px){h5{font-size:2.5rem;line-height:3rem}}h6{color:#000000e6;color:var(--colour-text-strong);font-family:Mulish,sans-serif;font-size:2.5rem;font-weight:600;line-height:3rem;margin:0}@media(min-width:1200px){h6{font-size:2.5rem;line-height:3rem}}p{color:#0009;color:var(--colour-text-weak);font-family:Mulish,sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem;margin:0;max-width:64ch}@media(min-width:1200px){p{font-size:1rem;line-height:1.5rem}}@media(max-width:1024px){p{width:100%}}small{color:#0009;color:var(--colour-text-weak);font-family:Mulish,sans-serif;font-size:.875rem;font-weight:400;line-height:1.25rem;margin:0}@media(min-width:1200px){small{font-size:.875rem;line-height:1.25rem}}.large{color:#0009;color:var(--colour-text-weak);font-family:Mulish,sans-serif;font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:0}@media(min-width:1200px){.large{font-size:1.25rem;line-height:1.75rem}}.uppercase{color:#000000e6;color:var(--colour-text-strong);font-family:Mulish,sans-serif;font-size:.875rem;font-weight:400;line-height:1.25rem;margin:0;text-transform:uppercase}@media(min-width:1200px){.uppercase{font-size:.875rem;line-height:1.25rem}}.display{color:#000000e6;color:var(--colour-text-strong);font-family:Mulish,sans-serif;font-size:2.5rem;font-weight:600;line-height:3rem;margin:0}@media(min-width:1200px){.display{font-size:3.5rem;line-height:4rem}}li,ul{margin:0}li{font-size:1rem;line-height:1.5rem;padding-bottom:.75rem}@media(min-width:1200px){li{font-size:1rem;line-height:1.5rem}}a{color:#7f47cd;color:var(--colour-text-brand)}a:hover{text-decoration:none}label{font-size:.875rem;margin-bottom:.5rem}input,label,textarea{color:#000000e6;color:var(--colour-text-strong)}input,textarea{background-color:#fff;background-color:var(--colour-fill-inverse-strong);border:.063rem solid #00000073;border:.063rem solid var(--colour-stroke-strong);border-radius:.5rem;box-sizing:border-box;font-size:1rem;max-width:100%;padding:1rem;transition:background-color .25s ease-in-out;width:100%}input:hover,textarea:hover{background-color:#0000000a;background-color:var(--colour-fill-hover)}input:active,textarea:active{background-color:#0000001a;background-color:var(--colour-fill-press)}textarea{height:100%;resize:none}input:focus,textarea:focus{border-color:#00000073;border-color:var(--colour-stroke-strong);box-shadow:0 0 4px #6c63ff80;outline:none}.form-success{color:#067a57;color:var(--colour-text-success)}.form-error{color:#c73838;color:var(--colour-text-error)}.container-base{background:#fff;background:var(--colour-background-base);box-shadow:none}.container-base,.container-raised{border:.063rem solid #0000001a;border:.063rem solid var(--colour-stroke-weak);border-radius:.5rem;padding:1.5rem}.container-raised{background:#fff;background:var(--colour-background-raised);box-shadow:0 .125rem .25rem -.125rem #00000014,0 .25rem .5rem -.125rem #0000000a}.container-overlay{background:#fff;background:var(--colour-background-overlay);box-shadow:0 1.25rem 1.5rem -.25rem #00000014,0 .5rem .5rem -.25rem #0000000a}.container-overlay,.container-sunken{border:.063rem solid #0000001a;border:.063rem solid var(--colour-stroke-weak);border-radius:.5rem;padding:1.5rem}.container-sunken{background:#f5f6fa;background:var(--colour-background-sunken);box-shadow:inset 0 .063rem .25rem #00000014}:root{--varColor:var(--colour-icon-neutral);--colour-text-strong:#000000e6;--colour-text-weak:#0009;--colour-text-brand:#7f47cd;--colour-text-disabled:#0000001a;--colour-text-error:#c73838;--colour-text-warning:#8e6b1a;--colour-text-success:#067a57;--colour-text-information:#1a74a8;--colour-text-inverse-strong:#fff;--colour-text-inverse-weak:#ffffffc7;--colour-text-inverse-disabled:#ffffff1f;--colour-background-base:#fff;--colour-background-raised:#fff;--colour-background-overlay:#fff;--colour-background-sunken:#f5f6fa;--colour-background-alternate:#f5f6fa;--colour-background-brand:#7f47cd;--colour-background-inverse:#12131a;--colour-stroke-strong:#00000073;--colour-stroke-weak:#0000001a;--colour-stroke-selected:#7f47cd;--colour-stroke-focus:#7f47cd;--colour-stroke-disabled:#0000001a;--colour-stroke-brand-strong:#7f47cdcc;--colour-stroke-brand-weak:#7f47cd33;--colour-stroke-error-strong:#c73838cc;--colour-stroke-error-weak:#c7383824;--colour-stroke-warning-strong:#8e6b1acc;--colour-stroke-warning-weak:#8e6b1a33;--colour-stroke-success-strong:#067a57cc;--colour-stroke-success-weak:#067a5733;--colour-stroke-information-strong:#1a74a8cc;--colour-stroke-information-weak:#1a74a833;--colour-stroke-inverse-strong:#fff9;--colour-stroke-inverse-weak:#ffffff1f;--colour-stroke-inverse-disabled:#ffffff1f;--colour-icon-neutral:#00000073;--colour-icon-brand:#7f47cdcc;--colour-icon-disabled:#0000001a;--colour-icon-error:#c73838cc;--colour-icon-warning:#8e6b1acc;--colour-icon-success:#067a57cc;--colour-icon-information:#1a74a8cc;--colour-icon-inverse:#fff9;--colour-icon-inverse-strong:#fff;--colour-icon-inverse-disabled:#ffffff1f;--colour-fill-strong:#000000e6;--colour-fill-weak:#0000000a;--colour-fill-weaker:#00000005;--colour-fill-hover:#0000000a;--colour-fill-press:#0000001a;--colour-fill-selected:#7f47cd;--colour-fill-disabled:#0000001a;--colour-fill-overlay:#00000073;--colour-fill-brand-strong:#7f47cd;--colour-fill-brand-weak:#7f47cd0d;--colour-fill-error-strong:#c73838;--colour-fill-error-weak:#ff4d4d0d;--colour-fill-warning-strong:#8e6b1a;--colour-fill-warning-weak:#ffc02e0d;--colour-fill-success-strong:#067a57;--colour-fill-success-weak:#0acd920d;--colour-fill-information-strong:#1a74a8;--colour-fill-information-weak:#29b0ff0d;--colour-fill-inverse-strong:#fff;--colour-fill-inverse-weak:#ffffff0f;--colour-fill-inverse-hover:#ffffff0f;--colour-fill-inverse-press:#ffffff1f;--colour-fill-inverse-disabled:#ffffff1f;--colour-fill-white:#fff;--colour-fill-yellow:#fec62e}[data-theme=dark]{--varColor:var(--colour-icon-brand);--colour-text-strong:#fff;--colour-text-weak:#ffffffc7;--colour-text-brand:#d2b3ff;--colour-text-disabled:#ffffff1f;--colour-text-error:#ff9e9e;--colour-text-warning:#e0be71;--colour-text-success:#76c6ae;--colour-text-information:#7fc0e6;--colour-text-inverse-strong:#000000e6;--colour-text-inverse-weak:#0009;--colour-text-inverse-disabled:#0000001a;--colour-background-base:#12131a;--colour-background-raised:#1d1e26;--colour-background-overlay:#292b33;--colour-background-sunken:#000;--colour-background-alternate:#1d1e26;--colour-background-brand:#d2b3ff;--colour-background-inverse:#fff;--colour-stroke-strong:#fff9;--colour-stroke-weak:#ffffff1f;--colour-stroke-selected:#d2b3ff;--colour-stroke-focus:#d2b3ff;--colour-stroke-disabled:#ffffff1f;--colour-stroke-brand-strong:#d2b3ffcc;--colour-stroke-brand-weak:#d2b3ff33;--colour-stroke-error-strong:#ff9e9ecc;--colour-stroke-error-weak:#ff9e9e24;--colour-stroke-warning-strong:#e0be71cc;--colour-stroke-warning-weak:#e0be7133;--colour-stroke-success-strong:#76c6aecc;--colour-stroke-success-weak:#76c6ae33;--colour-stroke-information-strong:#7fc0e6cc;--colour-stroke-information-weak:#7fc0e633;--colour-stroke-inverse-strong:#00000073;--colour-stroke-inverse-weak:#0000001a;--colour-stroke-inverse-disabled:#0000001a;--colour-icon-neutral:#fff9;--colour-icon-brand:#d2b3ffcc;--colour-icon-disabled:#ffffff1f;--colour-icon-error:#ff9e9ecc;--colour-icon-warning:#e0be71cc;--colour-icon-success:#76c6aecc;--colour-icon-information:#7fc0e6cc;--colour-icon-inverse:#00000073;--colour-icon-inverse-strong:#000000e6;--colour-icon-inverse-disabled:#0000001a;--colour-fill-strong:#fff;--colour-fill-weak:#ffffff0f;--colour-fill-weaker:#ffffff08;--colour-fill-hover:#ffffff0f;--colour-fill-press:#ffffff1f;--colour-fill-selected:#d2b3ff;--colour-fill-disabled:#ffffff1f;--colour-fill-overlay:#000000e6;--colour-fill-brand-strong:#d2b3ff;--colour-fill-brand-weak:#d2b3ff0d;--colour-fill-error-strong:#ff9e9e;--colour-fill-error-weak:#ff9e9e14;--colour-fill-warning-strong:#e0be71;--colour-fill-warning-weak:#e0be7114;--colour-fill-success-strong:#76c6ae;--colour-fill-success-weak:#76c6ae14;--colour-fill-information-strong:#7fc0e6;--colour-fill-information-weak:#7fc0e614;--colour-fill-inverse-strong:#12131a;--colour-fill-inverse-weak:#0000000a;--colour-fill-inverse-hover:#0000000a;--colour-fill-inverse-press:#0000001a;--colour-fill-inverse-disabled:#0000001a;--colour-fill-white:#fff;--colour-fill-yellow:#fec62e}:root{--gap:2rem;--container-padding:8rem}@media(max-width:1024px){:root{--gap:2.5rem;--container-padding:3.5rem}}@media(max-width:767px){:root{--gap:2rem;--container-padding:2rem}}@media(max-width:548px){:root{--gap:2rem;--container-padding:2rem}}main,section{gap:2rem;gap:var(--gap)}#root #smooth-wrapper{grid-gap:2rem;grid-gap:var(--gap);display:grid;grid-template-columns:[sidebar] 5fr [main] 11fr [main-end]}@media(max-width:1024px){#root #smooth-wrapper{grid-template-columns:[sidebar] 1fr [main] 5fr [main-end]}}@media(max-width:548px){#root #smooth-wrapper{display:flex;flex-direction:column}}#root #smooth-wrapper aside{grid-column:span sidebar;height:100svh;position:sticky;top:0;z-index:10}@media(max-width:548px){#root #smooth-wrapper aside{position:absolute}}#root #smooth-wrapper #smooth-content{grid-column:main/main-end}@media(max-width:548px){#root #smooth-wrapper #smooth-content{grid-column:1/-1}}#root #smooth-wrapper #smooth-content main{display:grid;grid-template-columns:repeat(11,1fr);height:100%}@media(max-width:1024px){#root #smooth-wrapper #smooth-content main{grid-template-columns:1fr}}#root #smooth-wrapper #smooth-content main>section{align-items:start;display:flex;flex-direction:column;grid-column-start:2;padding:8rem 0;padding:var(--container-padding) 0}@media(max-width:1024px){#root #smooth-wrapper #smooth-content main>section{grid-column-start:1;padding-right:2rem;padding-right:var(--gap)}}@media(max-width:548px){#root #smooth-wrapper #smooth-content main>section{gap:0;padding-right:0;padding-top:6rem!important}}#root #smooth-wrapper #smooth-content main>section>header{align-self:stretch;display:flex;flex-direction:column;gap:1.5rem}@media(max-width:548px){#root #smooth-wrapper #smooth-content main>section>header{padding:2rem;padding:var(--gap)}}:root{--colour-gy-black:var(--colour-icon-neutral);--colour-gofundme-green:#02a95c;--colour-hp-blue:#024ad8;--colour-hp-white:#fff;--colour-jj-red:#eb1700;--colour-novartis-gradient-1:#e74a21;--colour-novartis-gradient-2:#ec9a1e;--colour-novartis-blue:#0460a9;--colour-ocean-light-blue:#3d6beb;--colour-ocean-dark-blue:#000d5c;--colour-takeda-red:#e1242a;--colour-thinkmoney-blue:#003057;--colour-thinkmoney-orange:#ffb494;--colour-wickes-blue:#004587;--colour-wickes-white:#fff;--colour-dribbble-light-pink:#ea4c89;--colour-dribbble-dark-pink:#c32361;--colour-figma-green:#0acf83;--colour-figma-purple:#a259ff;--colour-figma-red:#f24e1e;--colour-figma-light-red:#ff7262;--colour-figma-blue:#1abcfe;--colour-github-black:#24292f;--colour-godaddy-black:#111;--colour-gsap-black:#0e100f;--colour-linkedin-blue:#0a66c2;--colour-lottie-green:#00ddb3;--colour-lottie-white:#fff;--colour-x-black:#000;--colour-react:#087ea4;--colour-sass-pink:#c69;--colour-sass-white:#fff;--colour-framer-blue:#0d63f8;--colour-framer-white:#f5f5f5;--colour-netlify-light-green:#05bdba;--colour-netlify-dark-green:#014847;--colour-render:#0d0d0d;--colour-cloudinary:#3448c5}[data-theme=dark]{--colour-gy-black:var(--colour-icon-neutral);--colour-gofundme-green:var(--colour-icon-neutral);--colour-hp-blue:var(--colour-icon-neutral);--colour-hp-white:#fff0;--colour-jj-red:var(--colour-icon-neutral);--colour-novartis-gradient-1:var(--colour-icon-neutral);--colour-novartis-gradient-2:var(--colour-icon-neutral);--colour-novartis-blue:var(--colour-icon-neutral);--colour-ocean-light-blue:var(--colour-icon-neutral);--colour-ocean-dark-blue:var(--colour-icon-neutral);--colour-takeda-red:var(--colour-icon-neutral);--colour-thinkmoney-blue:var(--colour-icon-neutral);--colour-thinkmoney-orange:var(--colour-icon-neutral);--colour-wickes-blue:#fff0;--colour-wickes-white:var(--colour-icon-neutral);--colour-dribbble-light-pink:#b8509a;--colour-dribbble-dark-pink:#ffabe7;--colour-figma-green:#0acf83;--colour-figma-purple:#a259ff;--colour-figma-red:#f24e1e;--colour-figma-light-red:#ff7262;--colour-figma-blue:#1abcfe;--colour-x-black:#fff;--colour-github-black:#fff;--colour-godaddy-black:#1cdbdb;--colour-gsap-black:#fffce1;--colour-linkedin-blue:#fff;--colour-lottie-green:#fff;--colour-lottie-white:#fff0;--colour-react:#58c4dc;--colour-sass-pink:#fff;--colour-sass-white:#c69;--colour-framer-blue:#fff312;--colour-framer-white:#0f1115;--colour-netlify-light-green:#fff;--colour-netlify-dark-green:#fff;--colour-render:#fff;--colour-cloudinary:#fff}.details{grid-column-end:10}@media(max-width:548px){.details{grid-column-end:1}.details .segment-control{align-self:center}}.details .tools-container{grid-gap:2rem;grid-gap:var(--gap);align-self:stretch;display:grid;gap:2rem;gap:var(--gap);grid-template-columns:repeat(2,1fr)}@media(max-width:1024px){.details .tools-container{display:flex;flex-direction:column;gap:1rem;width:100%}}@media(max-width:548px){.details .tools-container{box-sizing:border-box;padding:2rem;padding:var(--gap)}}
/*# sourceMappingURL=837.76b52c07.chunk.css.map*/