#self-reflection-header{background-color:var(--white);padding:clamp(5rem,7vw,7rem) 1rem 0;text-align:left}#self-reflection-header .cs-container{align-items:flex-start;display:flex;flex-direction:column;margin:auto;max-width:56rem;width:100%}#self-reflection-header .cs-icon-wrapper{align-self:center;margin-bottom:2rem}#self-reflection-header .cs-icon-wrapper img{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12));height:120px;width:120px}#self-reflection-header .title{font-size:clamp(1.9375rem,3.9vw,3rem);margin-bottom:1rem}#self-reflection-header .cs-intro-text{margin:0;max-width:50rem}#self-reflection-header .cs-intro-text p{color:var(--bodyTextColor);font-size:1.125rem;line-height:1.6em;margin-bottom:1rem}#self-reflection-header .cs-intro-text p:last-child{margin-bottom:0}#self-reflection-form{background-color:var(--white);padding:0 1rem}#self-reflection-form .cs-container{margin:auto;max-width:56rem;width:100%}#self-reflection-form .cs-form{display:flex;flex-direction:column;gap:0;width:100%}#self-reflection-form .cs-form-section{border:none;display:block;margin:0;min-inline-size:0;min-width:0;padding:0}#self-reflection-form .cs-form-section legend{display:block;margin:0 0 2rem;padding:0;width:100%}#self-reflection-form .cs-form-section .cs-section-heading{color:var(--primary);font-family:DM Sans,sans-serif;font-size:clamp(1.5rem,2.5vw,1.75rem);font-weight:500;line-height:1.2em;margin:0}#self-reflection-form .cs-section-divider{display:block;height:auto;margin:3rem auto;width:100%}#self-reflection-form label{color:var(--headerColor);display:flex;flex-direction:column;font-size:1rem;font-weight:400;gap:.5rem;line-height:1.5em;margin-bottom:1.5rem}#self-reflection-form label .cs-helper-text{color:var(--neutral);font-size:.875rem;font-style:italic;line-height:1.4em;margin-top:-.25rem}#self-reflection-form .cs-form-section label:last-of-type{margin-bottom:0}#self-reflection-form .cs-input,#self-reflection-form .cs-textarea{background-color:var(--white);border:1px solid var(--neutral);border-radius:12px;box-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);color:var(--neutralDark);font-family:Open Sans,sans-serif;font-size:1rem;line-height:1.5;padding:.75rem 1rem;transition:border-color .3s,box-shadow .3s;width:100%}#self-reflection-form .cs-input:focus,#self-reflection-form .cs-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,90,163,.1),0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);outline:none}#self-reflection-form .cs-input::-moz-placeholder,#self-reflection-form .cs-textarea::-moz-placeholder{color:var(--neutral)}#self-reflection-form .cs-input::placeholder,#self-reflection-form .cs-textarea::placeholder{color:var(--neutral)}#self-reflection-form .cs-textarea{min-height:120px;padding-top:.75rem;resize:vertical}#self-reflection-form .cs-closing{margin:3rem 0 2rem;text-align:left}#self-reflection-form .cs-closing p{color:var(--neutralDark);font-size:1rem;line-height:1.6em;margin-bottom:.75rem}#self-reflection-form .cs-closing p:last-child{margin-bottom:0;margin-top:1.5rem}#self-reflection-form .cs-closing strong{color:var(--headerColor)}#self-reflection-form .cs-button-solid{display:block;margin:2rem 0 0;max-width:20rem;width:100%}body.dark-mode #self-reflection-header{background-color:var(--neutralDarker)}body.dark-mode #self-reflection-header .cs-icon-wrapper img{filter:invert(1) drop-shadow(0 4px 8px rgba(0,0,0,.12))}body.dark-mode #self-reflection-header .cs-intro-text p{color:var(--bodyTextColorWhite)}body.dark-mode #self-reflection-form{background-color:var(--neutralDarker)}body.dark-mode #self-reflection-form .cs-form-section .cs-section-heading{color:var(--primaryLight)}body.dark-mode #self-reflection-form label{color:var(--bodyTextColorWhite)}body.dark-mode #self-reflection-form label .cs-helper-text{color:var(--neutralLight)}body.dark-mode #self-reflection-form .cs-input,body.dark-mode #self-reflection-form .cs-textarea{background-color:var(--white);border-color:var(--neutralLight);color:var(--neutralDark)}body.dark-mode #self-reflection-form .cs-closing p{color:var(--neutralLight)}body.dark-mode #self-reflection-form .cs-closing strong{color:var(--bodyTextColorWhite)}@media only screen and (min-width:42rem){#self-reflection-header .cs-icon-wrapper img{height:150px;width:150px}}@media only screen and (min-width:64rem){#self-reflection-header{padding:clamp(5rem,10vw,8rem) 1rem 0}#self-reflection-header .cs-intro-text p{font-size:1.25rem}}