html body[data-scroll-locked]{overflow:visible!important}.modal-title-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-overlay{inset:0;top:var(--modal-scroll-top,0px);height:100lvh;height:var(--ios-screen-height,100lvh);z-index:999997;backdrop-filter:blur(4px);background-color:#000000b3;position:absolute;&[data-state=open]{animation:.2s ease-out modalOverlayIn}&[data-state=closed]{animation:.3s ease-in modalOverlayOut}}.modal-content{left:1rem;right:1rem;top:var(--modal-vertical-gap);bottom:var(--modal-vertical-gap);z-index:999998;outline:none;max-width:28rem;height:fit-content;margin:auto;position:fixed;&[data-state=open]{animation:.8s cubic-bezier(.16,1,.3,1) modalContentIn}&[data-state=closed]{animation:.15s ease-in modalContentOut}}.modal-close{z-index:10;width:2rem;height:2rem;color:var(--tm-bg);box-shadow:var(--box-shadow-lg);cursor:pointer;background-color:#fff;border-radius:9999px;justify-content:center;align-items:center;transition:scale .15s;display:flex;position:absolute;top:-1rem;right:-1rem;&:hover{scale:1.1}&:active{scale:.95}}.modal-scroll-area{max-height:calc(100dvh - var(--modal-vertical-gap) * 2);box-shadow:var(--box-shadow-lg);background-color:#f7f5f0;border-radius:10px;padding:2rem}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes modalContentOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.75)}}.form-notification{pointer-events:none;z-index:99;box-shadow:var(--shadow-3xl);opacity:0;border-style:solid;border-width:2px;border-radius:.375rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:300px;max-width:90%;margin-block:1.5rem;padding:2rem;transition:all .3s ease-out;display:flex;position:absolute;bottom:3.5rem;left:50%;translate:-50% 1rem;&.form-notification-visible{opacity:1;pointer-events:auto;translate:-50%}&.form-notification-ok{background-color:#86efac;border-color:#22c55e}&.form-notification-default{background-color:#fff;border-color:#cbd5e1}}.form-notification-icon-circle{border-style:solid;border-width:4px;border-radius:999px;padding:1rem;&.form-notification-icon-circle-ok{background-color:#ffffffb3;border-color:#fff}&.form-notification-icon-circle-default{background-color:#f1f5f9;border-color:#e2e8f0}}.form-notification-icon{pointer-events:none;width:auto;height:30px}.form-notification-text{pointer-events:none;text-align:center}.form-notification-heading{padding-top:1rem;padding-bottom:.5rem;font-size:1.4rem;font-weight:900;line-height:1.5rem}.form-legal-check{grid-template-columns:min-content 1fr;align-items:center;gap:.5rem;margin:1.5rem 0;display:grid;&>*{align-items:flex-start}& svg{stroke-width:3px;scale:1.2}}input[name=name],input[name=email]{display:none}.not-valid-msg{--rounded:4px;z-index:-1;border-top-left-radius:var(--rounded);border-top-right-radius:var(--rounded);color:red;background-color:#fff;margin-right:1.5ch;padding:.8ch;font-size:14px;animation:.3s forwards showFormErrorValidationLabel;translate:0 3ch;box-shadow:0 1px 3px #0000001a,0 6px 12px #00000014;&.not-valid-msg-compact{opacity:.8;font-size:13px}}@keyframes showFormErrorValidationLabel{to{translate:0}}@keyframes zoomInValidationLabel{0%{opacity:0;translate:0 1ch;scale:.9}to{opacity:1;translate:0;scale:1}}.contact-form-root{--form-element-border-color:#343434;--form-element-border-opacity:70%;--form-element-border-focus-color:var(--main-color);--form-element-border-width:2px;--form-element-border:var(--form-element-border-width) solid color-mix(in srgb, var(--form-element-border-color) var(--form-element-border-opacity), transparent);max-width:350px;position:relative;& input,& [role=checkbox],& textarea{box-shadow:none;border:var(--form-element-border);&:focus{border-color:var(--main-color);box-shadow:none}}&.form-labels-inside{& .form-input::-moz-placeholder{color:#475569;opacity:.6}& .form-input::placeholder{color:#475569;opacity:.6}& .form-field{position:relative}& .form-field-header{pointer-events:none;justify-content:flex-end;align-items:center;height:100%;position:absolute;inset:0 0 auto auto;& .not-valid-msg{border-radius:var(--rounded);box-shadow:none;margin-right:.8ch;padding:.2ch .8ch}}& .not-valid-msg{z-index:1;animation:.33s forwards zoomInValidationLabel;translate:none}}}.form-label-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.form-field{isolation:isolate;margin-bottom:10px;display:grid}.form-field-header{justify-content:space-between;align-items:baseline;display:flex}.form-label{color:#475569;font-size:15px;font-weight:500;line-height:35px}.form-input{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#475569;border-radius:4px;outline:none;justify-content:center;align-items:center;width:100%;height:35px;padding:8px 10px;font-size:16px;line-height:1;display:inline-flex;&::-moz-selection{color:#fff;background-color:#0003}&::selection{color:#fff;background-color:#0003}}.form-textarea{height:80px;padding:10px}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:25px;height:25px;box-shadow:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;color:var(--form-focus-color);background-color:#fff;border:2px solid #475569;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;&:focus{outline-offset:2px;box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--form-focus-color);outline:2px solid #0000}}.form-checkbox-indicator{color:var(--main-color);font-weight:700;& svg{stroke-width:2px}}.form-checkbox-label{color:#475569;cursor:pointer;padding-left:.5ch;font-size:14px;line-height:1.25rem}.contact-modal-submit{justify-content:center;align-items:center;gap:.5rem;transition:background-color .15s,scale .15s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),padding-inline .3s cubic-bezier(.4,0,.2,1);display:inline-flex;&:hover{background-color:#000;scale:1.02}}.contact-modal-submit-text{white-space:nowrap;transition:opacity .15s,width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.contact-modal-submit-icon{flex-shrink:0;width:1.1em;height:1.1em}.submitContainer{justify-content:center;justify-self:center;align-items:center;width:min(60%,360px);margin:auto;display:flex}.submitContainer.submitting .contact-modal-submit{pointer-events:none;gap:0;width:3.25rem;padding-inline:0;& .contact-modal-submit-text{opacity:0;width:0}& .contact-modal-submit-icon{animation:.9s ease-in-out infinite compassNeedleWobble}}@keyframes compassNeedleWobble{0%,to{rotate:0deg}22%{rotate:-18deg}58%{rotate:15deg}80%{rotate:-6deg}}.contact-modal-form-wrap{flex-flow:column;justify-content:center;align-items:center;display:flex;&>:not(form){text-align:center}& h2,& h3,& h4{margin-bottom:.6ch;padding-bottom:0}& p+form{margin-top:1rem}}.contact-modal-success{gap:.5rem;padding-block:1rem;& .form-notification-icon-circle{margin-bottom:.5rem}}.contact-modal-submit{background-color:var(--main-color);color:#fff;cursor:pointer;border-radius:9999px;width:100%;margin-top:.5rem;padding:.75rem 1.5rem;font-weight:500;&:active{scale:.98}}
