.DesignSystem{max-width:1200px;color:var(--color-text);margin:0 auto;padding:50px}.DesignSystem h1{margin-bottom:20px;font-size:40px}.DesignSystem h2{font-family:var(--font-title);margin:30px 0 20px}.DesignSystem hr{border:0;border-top:1px solid var(--color-black);margin:40px 0}.DesignSystem-colors{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;display:grid}.DesignSystem-colorBox{border:1px solid var(--color-grey);border-radius:8px;width:100%;height:60px;margin-top:10px;display:block}.DesignSystem-colorBox.isColor-background{background-color:var(--color-background)}.DesignSystem-colorBox.isColor-primary{background-color:var(--color-primary)}.DesignSystem-colorBox.isColor-text{background-color:var(--color-text)}.DesignSystem-colorBox.isColor-title{background-color:var(--color-title)}.DesignSystem-colorBox.isColor-grey{background-color:var(--color-grey)}.DesignSystem-colorBox.isColor-error{background-color:var(--color-error)}.DesignSystem-colorBox.isColor-success{background-color:var(--color-success)}.DesignSystem-fontText{font-family:var(--font-text)}.DesignSystem-fontTitle{font-family:var(--font-title)}.DesignSystem-taille{flex-direction:column;gap:15px;display:flex}.DesignSystem-taille .label{display:block}.DesignSystem-typoTitle{text-transform:uppercase;margin:3rem 0;font-size:25px;font-weight:900}.DesignSystem-typoGrid{justify-content:space-between;gap:100px;display:flex}.DesignSystem-column{flex:1}.DesignSystem-columnTitle{border-bottom:2px solid var(--color-grey);margin-bottom:2rem;padding-bottom:1rem;font-size:20px}.DesignSystem-group{flex-direction:column;gap:10px;display:flex}.DesignSystem-item{margin-bottom:1.5rem}.DesignSystem-label{margin-bottom:4px;font-family:monospace;font-size:11px;display:block}.DesignSystem-textDesktopxs{font-size:var(--desktop-xs);font-family:var(--font-text);line-height:1.2}.DesignSystem-textDesktops{font-size:var(--desktop-s);font-family:var(--font-text);line-height:1.2}.DesignSystem-textDesktopm{font-size:var(--desktop-m);font-family:var(--font-text);line-height:1.2}.DesignSystem-textDesktopl{font-size:var(--desktop-l);font-family:var(--font-text);line-height:1.2}.DesignSystem-textDesktopxl{font-size:var(--desktop-xl);font-family:var(--font-text);line-height:1.2}.DesignSystem-textDesktopxxl{font-size:var(--desktop-xxl);font-family:var(--font-text);line-height:1.2}.DesignSystem-textDesktopxxxl{font-size:var(--desktop-xxxl);font-family:var(--font-text);line-height:1.2}.DesignSystem-textDesktopxxxxl{font-size:var(--desktop-xxxxl);font-family:var(--font-text);line-height:1.2}.DesignSystem-textMobilexs{font-size:var(--mobile-xs);font-family:var(--font-text);line-height:1.2}.DesignSystem-textMobiles{font-size:var(--mobile-s);font-family:var(--font-text);line-height:1.2}.DesignSystem-textMobilem{font-size:var(--mobile-m);font-family:var(--font-text);line-height:1.2}.DesignSystem-textMobilel{font-size:var(--mobile-l);font-family:var(--font-text);line-height:1.2}.DesignSystem-textMobilexl{font-size:var(--mobile-xl);font-family:var(--font-text);line-height:1.2}.DesignSystem-textMobilexxl{font-size:var(--mobile-xxl);font-family:var(--font-text);line-height:1.2}.DesignSystem-textMobilexxxl{font-size:var(--mobile-xxxl);font-family:var(--font-text);line-height:1.2}.DesignSystem-textMobilexxxxl{font-size:var(--mobile-xxxxl);font-family:var(--font-text);line-height:1.2}.DesignSystem-weightblack{font-weight:var(--font-weight-black)}.DesignSystem-weightbold{font-weight:var(--font-weight-bold)}.DesignSystem-weightsemiBold{font-weight:var(--font-weight-semiBold)}.DesignSystem-weightmedium{font-weight:var(--font-weight-medium)}.DesignSystem-weightnormal{font-weight:var(--font-weight-normal)}.DesignSystem-buttons{flex-direction:column;gap:20px;display:flex}.DesignSystem-buttons .button{width:fit-content;height:45px;padding:0 30px}.DesignSystem-inputs{flex-direction:column;gap:10px;display:flex}
.InputText{width:100%}.InputText-control{flex-direction:column;display:flex;position:relative}.InputText-input{border:1px solid rgb(from var(--color-primary)r g b/.3);background:var(--color-white);width:100%;height:60px;font-size:var(--text-desktop-m);border-radius:5px;outline:none;align-items:center;padding:20px 15px 21px 25px;transition:border-color .2s;display:flex}.InputText-input:focus{border:1.5px solid rgb(from var(--color-primary)r g b/.38)}.InputText-input.is-invalid{border-color:var(--color-red)}@media only screen and (max-width:768px){.InputText-input{padding-left:11.27px}}.InputText-label{font-family:var(--font-text);font-size:var(--text-desktop-m);font-weight:var(--font-weight-light);color:var(--color-grey-1);pointer-events:none;background:0 0;transition:all .2s;position:absolute;top:50%;left:25px;transform:translateY(-50%)}@media only screen and (max-width:768px){.InputText-label{left:11.27px}}.InputText-required{color:var(--color-red);font-family:var(--font-text);font-size:var(--text-desktop-m);font-weight:var(--font-weight-light)}.InputText-input:focus+.InputText-label,.InputText-input:not(:placeholder-shown)+.InputText-label{font-size:var(--text-desktop-m);background:var(--color-white);color:var(--color-primary);padding:0 5px;top:0;left:20px;transform:translateY(-50%)}@media only screen and (max-width:768px){.InputText-input:focus+.InputText-label,.InputText-input:not(:placeholder-shown)+.InputText-label{left:10px}}
.InputEmail{width:100%}.InputEmail-control{flex-direction:column;display:flex;position:relative}.InputEmail-input{width:100%;height:60px;font-family:var(--font-text);border:1px solid rgb(from var(--color-primary)r g b/.3);background:var(--color-white);font-size:var(--text-desktop-m);border-radius:5px;outline:none;align-items:center;padding:20px 15px 21px 25px;transition:border-color .2s;display:flex}.InputEmail-input:focus{border:1.5px solid rgb(from var(--color-primary)r g b/.38)}.InputEmail-input.is-invalid{border-color:var(--color-red)}@media only screen and (max-width:768px){.InputEmail-input{padding-left:11.27px}}.InputEmail-label{font-family:var(--font-text);font-size:var(--text-desktop-m);font-weight:var(--font-weight-light);color:var(--color-grey-1);pointer-events:none;background:0 0;transition:all .2s;position:absolute;top:50%;left:25px;transform:translateY(-50%)}@media only screen and (max-width:768px){.InputEmail-label{left:11.27px}}.InputEmail-required{color:var(--color-red);font-family:var(--font-text);font-size:var(--text-desktop-m);font-weight:var(--font-weight-light)}.InputEmail-input:focus+.InputEmail-label,.InputEmail-input:not(:placeholder-shown)+.InputEmail-label{font-size:var(--text-desktop-m);background:var(--color-white);color:var(--color-primary);padding:0 5px;top:0;left:20px;transform:translateY(-50%)}@media only screen and (max-width:768px){.InputEmail-input:focus+.InputEmail-label,.InputEmail-input:not(:placeholder-shown)+.InputEmail-label{left:10px}}
.FormInputTel{width:100%}.FormInputTel-control{flex-direction:column;display:flex;position:relative}.FormInputTel-input{border:1px solid rgb(from var(--color-primary)r g b/.3);background:var(--color-white);width:100%;height:60px;font-size:var(--text-desktop-m);border-radius:5px;outline:none;align-items:center;padding:20px 15px 21px 25px;transition:border-color .2s;display:flex}.FormInputTel-input:focus{border:1.5px solid rgb(from var(--color-primary)r g b/.38)}.FormInputTel-input::placeholder{border-color:var(--color-red)}@media only screen and (max-width:768px){.FormInputTel-input{padding-left:11.27px}}.FormInputTel-label{font-family:var(--font-text);font-size:var(--text-desktop-m);font-weight:var(--font-weight-light);color:var(--color-grey-1);pointer-events:none;background:0 0;transition:all .2s;position:absolute;top:50%;left:25px;transform:translateY(-50%)}@media only screen and (max-width:768px){.FormInputTel-label{left:11.27px}}.FormInputTel-required{color:var(--color-red);font-family:var(--font-text);font-size:var(--text-desktop-m);font-weight:var(--font-weight-light)}.FormInputTel-input:focus+.FormInputTel-label,.FormInputTel-input:not(:placeholder-shown)+.FormInputTel-label{font-size:var(--text-desktop-m);background:var(--color-white);color:var(--color-primary);padding:0 5px;top:0;left:20px;transform:translateY(-50%)}@media only screen and (max-width:768px){.FormInputTel-input:focus+.FormInputTel-label,.FormInputTel-input:not(:placeholder-shown)+.FormInputTel-label{left:10px}}
.Textarea{width:100%}.Textarea-control{width:100%;position:relative}.Textarea-textarea{border:1px solid rgb(from var(--color-primary)r g b/.3);background:var(--color-white);width:100%;min-height:165px;font-size:var(--text-desktop-m);border-radius:5px;outline:none;padding:20px 15px 21px 25px;transition:border-color .2s}.Textarea-textarea:focus{border:1.5px solid rgb(from var(--color-primary)r g b/.38)}.Textarea-textarea::placeholder{border-color:var(--color-red)}@media only screen and (max-width:768px){.Textarea-textarea{padding-left:11.27px}}.Textarea-label{font-family:var(--font-text);font-size:var(--text-desktop-m);font-weight:var(--font-weight-light);color:var(--color-grey-1);pointer-events:none;background:0 0;transition:all .2s;position:absolute;top:22px;left:25px;transform:translateY(-50%)}@media only screen and (max-width:768px){.Textarea-label{left:11.27px}}.Textarea-required{color:var(--color-red);font-family:var(--font-text);font-size:var(--text-desktop-m);font-weight:var(--font-weight-light)}.Textarea-textarea:focus+.Textarea-label,.Textarea-textarea:not(:placeholder-shown)+.Textarea-label{background:var(--color-white);color:var(--color-primary);font-size:12px;font-size:var(--text-desktop-m);padding:0 5px;top:0;left:20px;transform:translateY(-50%)}@media only screen and (max-width:768px){.Textarea-textarea:focus+.Textarea-label,.Textarea-textarea:not(:placeholder-shown)+.Textarea-label{left:10px}}