:root{--main-color: rgb(56, 90, 124)}*{padding:0;margin:0;box-sizing:border-box}.sideWrapper{width:95%;max-width:1100px;height:100dvh;margin:0 auto}.niceSpinnerWrapper{width:100%;height:100%;background:#ffffffe4;position:absolute;top:0;left:0;z-index:100}.niceSpinnerBox{width:100px;height:100px;margin:150px auto;position:relative}.niceSpinner-element{width:5%;height:30%;background:#385a7c33;position:absolute;top:35%;left:48%;border-radius:5px;animation:niceSpinnerAnimation var(--animation-duration) infinite linear}@keyframes niceSpinnerAnimation{0%{background:#385a7c}to{background:#385a7c33}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-wrapper{width:100%;height:100vh;position:relative;color:#fff;font-family:Frank Ruhl Libre,serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.welcome{width:100%;height:170px;background-color:var(--main-color);margin-top:20px;display:flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 3vw}.welcome h1{font-size:clamp(1rem,5vw,2.7rem)}.info{width:100%;height:300px;background-color:var(--main-color);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin-top:10px;border-radius:10px;font-size:clamp(.8rem,5vw,1.6rem)}.highlight{font-size:clamp(1.2rem,7vw,2.5rem)}.header{width:100%;position:relative;display:flex;align-items:flex-end;justify-content:space-between;margin-top:10px;border-bottom:4px solid var(--main-color);padding-bottom:7px}.header a{text-decoration:none}.headerButtons{display:flex;gap:.5rem}.headerButton{display:flex;white-space:nowrap;width:fit-content;align-items:center;justify-content:center;padding:8px;border-radius:10px;background:var(--main-color);color:#fff;font-family:Frank Ruhl Libre,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:clamp(.6rem,3vw,1.1rem);transition:.3s}.headerButton:hover{background:hsl(from var(--main-color) h s calc(l - 10))}.burgerIcon{font-size:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.perfectGalleryLogo{width:clamp(70px,22vw,150px)}.headerDropdownMenue{width:200px;position:absolute;top:100%;right:0;background-color:hsl(from var(--main-color) h s calc(l + 59));transform-origin:top right;transform:scale(1);z-index:100}.HeaderDropdownMenue-links{list-style:none;display:flex;flex-direction:column}.HeaderDropdownMenue-links a{color:#474848;display:flex;align-items:center;padding-left:.8rem;height:3rem;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:400;font-size:1rem;background-color:transparent;transition:background-color .3s}.HeaderDropdownMenue-links a:hover{background-color:hsl(from var(--main-color) h s calc(l + 55))}.no-galleries{width:60vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:75vh;margin:0 auto;font-size:2rem}.galleries-wrapper{width:100%;max-width:850px;margin:0 auto;min-height:80vh;position:relative}.gallery-card{margin:1rem auto;width:100%;position:relative}.gallery-title{width:100%;display:flex;align-items:center;justify-content:center;font-family:Frank Ruhl Libre,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:1.2rem;color:var(--main-color);margin-bottom:5px}.image-title-buttons-wrapper{display:flex;height:100%;justify-content:space-between;align-items:flex-end}.title-buttons-wrapper{display:flex;height:120px;flex-direction:column;justify-content:space-between}.buttons-wrapper{display:flex;gap:1rem}.galleries-image{height:120px}.warning{height:50px;width:100%;margin-top:1rem;background-color:#faccc8;display:flex;padding-left:1rem;justify-content:space-between;align-items:center;padding-right:10px;gap:2rem}.warning-text{color:red}.warning-buttons-div{display:flex;gap:2rem}.space{margin-left:15px}@media (max-width: 768px){.no-galleries{width:95vw}.galleries-wrapper{width:93vw}.gallery-card{padding:8px}.title-buttons-wrapper{height:80px}.gallery-title{font-size:15px}.galleries-image{height:80px}.warning{height:35px}.warning-buttons-div{gap:1rem}}.card{position:relative;box-shadow:0 2px 8px #00000042;padding:1rem;border-radius:6px;overflow:hidden}.button{font:inherit;font-size:1rem;height:1.8rem;display:flex;width:fit-content;align-items:center;padding:.4rem .7rem;border-radius:5px;border:1px solid #908f8f;cursor:pointer;color:#000;background:#fff;text-decoration:none;-webkit-user-select:none;user-select:none;transition:.2s}.button:hover{background:var(--main-color);color:#fff}.button:active{background:var(--main-color)}.button:disabled,.button:hover:disabled,.button:active:disabled{background:hsl(from var(--main-color) h s calc(l + 55));color:#fff;border-color:var(--main-color);cursor:not-allowed}.button--inverse{background:#eeeeed;color:#403f3f;border:1px solid #a8a8a8}.button--inverse:hover{background:#a8a8a8}.button--inverse:active{color:#fff}.button--inverse:disabled,.button--inverse:hover:disabled,.button--inverse:active:disabled{background:#a8a8a8;color:#403f3f;border-color:#a8a8a8;cursor:not-allowed}.button--danger{background-color:#fdfcfc;border:1px solid rgb(214,39,39);color:#000}.button--danger:hover{background-color:#ff6d63;color:#fff}.button--danger:active{background-color:#cf6060}.button--ok{background:#fff;color:#385a7c;border:1px solid rgb(56,90,124)}.button--ok:hover{background:#385a7c;color:#fff}.button--small{font-size:.9rem;padding:.3rem;height:1.5rem}.button--very-small{font-size:.7rem;padding:.2rem;height:1.2rem}.spineerCirclesWrapper{width:100%;height:100%;position:absolute;z-index:100;background-color:#ffffffe8;top:0;left:0}.spinnerCirclesBox{width:80px;height:80px;margin:180px auto;position:relative}.circle{width:25%;height:25%;background:transparent;position:absolute;top:37%;left:37%;border-radius:50%;animation:spinner-circles 1.4s infinite linear}.circle-1{transform:rotate(0) translate(160%);animation-delay:-1.4s}.circle-2{transform:rotate(45deg) translate(160%);animation-delay:-1.225s}.circle-3{transform:rotate(90deg) translate(160%);animation-delay:-1.05s}.circle-4{transform:rotate(135deg) translate(160%);animation-delay:-.875s}.circle-5{transform:rotate(180deg) translate(160%);animation-delay:-.7s}.circle-6{transform:rotate(225deg) translate(160%);animation-delay:-.525s}.circle-7{transform:rotate(270deg) translate(160%);animation-delay:-.35s}.circle-8{transform:rotate(315deg) translate(160%);animation-delay:-.175s}@keyframes spinner-circles{0%{background:#385a7c}to{background:transparent}}.actionButton{width:fit-content;display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:hsl(from var(--main-color) h s calc(l + 59));color:var(--main-color);font-family:Frank Ruhl Libre,serif;font-optical-sizing:auto;font-weight:450;font-style:normal;font-size:clamp(.6rem,5vw,1.2rem);text-decoration:none;padding:7px 15px;transition:.3s}.actionButton:hover{background-color:hsl(from var(--main-color) h s calc(l + 54))}.form-control{width:100%;flex-direction:column;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;margin-top:1.8rem}.lableInput{position:relative;width:100%;height:3.2rem}.inputLable{font-size:.9rem;color:#4b4b4b;margin-bottom:.3rem;position:absolute;top:.2rem;left:.8rem;transition:.3s}.inputLable-active{top:-1.3rem}.setType{height:100%;width:1.3rem;position:absolute;z-index:10;display:flex;align-items:center;justify-content:center;padding:1px;top:0;right:3px}.setType:hover{cursor:pointer}.visibility{width:100%}.form-control input{top:0;left:0;width:100%;height:3.2rem;font-size:1rem;font-weight:100;border:1px solid rgb(56,90,124);border-radius:5px;padding-left:.5rem;padding-right:.5rem}.form-control input:focus{outline:none;background:#f6f9fc}.form-control--invalid input{border:1px solid #cf1919;background:#fceded}.form-control--invalid p{font-size:1rem;margin-top:.15rem;margin-left:.8rem;color:#cf1919}.form-control--invalid .inputLable{color:#cf1919}.form-control textarea{border:1px solid #cfb419;padding:.3rem}.form-control textarea:focus{outline:none;background:#f5f0d8}.contact-wrapper{width:100vw;min-height:80vh}.contact-form-wrapper{height:auto;width:40%;margin:30px auto;position:relative}.contact-form{width:100%}@media (max-width: 768px){.contact-form-wrapper{width:80%}}.loading-spinner{position:fixed;top:0;left:0;z-index:300;display:flex;background:#ffffffc2;justify-content:center;align-items:center;width:100%;height:100%}.loading-spinner--position-top{position:absolute;align-items:flex-start;padding-top:100px}.loading-spinner--position-absolute{position:absolute}.icon-loading--default{font-size:4rem;color:#cfb419;animation:drehen 2s linear infinite}@keyframes drehen{to{transform:rotate(360deg)}}.errorModal{display:flex;position:fixed;justify-content:center;align-items:center;top:0;left:0;z-index:200;width:100vw;height:100vh;background:#0000008b}.card--errorModal{display:flex;flex-direction:column;width:400px;height:250px;align-items:center;justify-content:center;background:#fff;font-size:1.3rem}.message-wrapper{display:flex;justify-content:center;align-items:center;height:70%;width:100%}@media (max-width: 768px){.card--errorModal{width:85vw}}.sortable-list-wrapper{width:100%;height:auto;display:flex;flex-direction:column}.list-item-wrapper{width:100%;background:#fff;transition:scale .5s;display:flex}.animate-item-drag{transition:transform .2s ease-in-out}.no-item-transition{transition:none!important}.by-item-drag{box-shadow:0 0 15px 5px #8a8a8a}.list-grab-button{height:100%;width:50px;display:flex;justify-content:center;align-items:center;font-size:2.2rem;color:#b3b2b2;position:absolute;right:0;cursor:pointer;-webkit-user-select:none;user-select:none}.list-grab-button:hover{font-size:2.5rem}.select-images-card{width:100%;height:100%;display:flex;flex-direction:column;padding:0}.image-input-deleteButton-wrapper{width:100%;padding:.4rem;display:flex;align-items:center;justify-content:space-between}.selected-image{height:100%;-webkit-user-select:none;user-select:none}.input-deletButtonWrapper{display:flex;width:60%;gap:1rem}.image-alt-text-wrapper{width:70%}.image-alt-text-input{width:100%;height:1.9rem;border:1px solid var(--main-color);border-radius:5px;padding:5px}.image-alt-text-input:focus{outline:none;background:#f6f9fc}.delete-button-wrapper{width:20%;min-height:100%;display:flex;align-items:flex-end}.delete-selected-image-wrapper{display:flex;width:100%;height:30px;background:#fcc5c1;gap:2rem;align-items:center}.delete-image-warning{display:flex;align-items:center;padding-left:20px;color:red}@media (max-width: 768px){.image-input-deleteButton-wrapper{justify-content:unset;gap:.7rem}.input-deletButtonWrapper{flex-direction:column}}@property --progress{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --progress01{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --progress02{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.circularProgressBarWraper{width:100%;height:100vh;background:#ffffffe2;position:absolute;z-index:100;top:0;left:0}.circularProgressBar{width:200px;height:200px;position:relative;margin:200px auto;border-radius:50%;background:conic-gradient(#d5d8dc 0% var(--progress02),var(--main-color) var(--progress02) var(--progress01),#d5d8dc var(--progress01) 85%,var(--main-color) 85% 100%);animation:spinner02 2s ease-in-out infinite,spin 2.5s linear infinite}.circularProgressBar-uploading{background:conic-gradient(var(--main-color) var(--progress),rgb(213,216,220) 0%);transition:--progress .5s linear;animation:spin 2.5s linear infinite}.circularProgressBarPercent{width:160px;height:160px;position:absolute;display:flex;align-items:center;justify-content:center;top:20px;left:20px;border-radius:50%;background-color:#fff;animation:spin-back 2.5s linear infinite}.circularProgressBarPercent-upload{animation:none}.progressNumber{font-size:3rem;font-weight:700}.progressPercent{font-size:1.3rem}@keyframes spinner02{0%{--progress01: 0%;--progress02: 0%}40%{--progress01: 85%;--progress02: 0%}50%{--progress01: 85%;--progress02: 0%}80%{--progress02: 85%;--progress01: 85%}to{--progress02: 85%;--progress01: 85%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-back{to{transform:rotate(-360deg)}}.create-gallery-wrapper{width:100%;min-height:80vh;position:relative}.create-gallery-form-card{width:100%;max-width:400px;margin:30px auto;padding:1rem}.protected-or-not-wrapper{display:flex;gap:.5rem;align-items:center;margin-bottom:.6rem}.chekboxes-wrapper{display:flex;gap:1.5rem;margin-bottom:.7rem}.checkbox{width:18px;height:18px;font-size:13px;display:flex;align-items:center;justify-content:center;border:2px solid rgb(105,105,105);border-radius:5px;transition:.4s;cursor:pointer}.checkbox-label{font-size:1rem;color:#696969;-webkit-user-select:none;user-select:none}.create-gallery-form{display:flex;width:100%;flex-direction:column;justify-content:center;margin-bottom:1rem}.passAndPassConfNotSame{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;color:#cf1919}.create-gallery-title{display:block;text-align:center;font-size:1.3rem;margin-bottom:1.5rem}.image-preview{width:50vw;position:relative;display:flex;gap:8px;flex-direction:column;margin:20px auto}@media (max-width: 768px){.create-gallery-form-card,.image-preview{width:95vw}.free-gallery-name-input-and-button-wrapper{flex-direction:column;align-items:flex-start}.create-protected-gallery-form{flex-direction:column;align-items:flex-start;gap:.5rem}}.formButton{width:100%;height:3rem;margin-top:2rem;border-radius:25px;border:none;background-color:#385a7c;cursor:pointer;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:1.1rem;color:#fff;transition:.3s}.formButton:disabled{cursor:not-allowed}.formButton:hover{background-color:#243a51}.embedGalleryItemDiv{background:#ecebeb;padding:0;border-radius:0;overflow:hidden;transition:.4s}.embedGalleryItemDiv:hover img{transform:scale(1.015)}.embedGalleryItemDiv-downloadsActive{padding:18px;border-radius:12px}.embedGalleryItemDiv-downloadsActive:hover img{transform:none}.embedDownloadCheckBox{position:absolute;top:12px;left:12px;height:1.8rem;width:1.8rem;border-radius:20px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;background:gray;color:#fff;opacity:0;transition:opacity .4s ease,transform .2s ease-in}@media (hover: hover) and (pointer: fine){.embedGalleryItemDiv:hover .embedDownloadCheckBox{opacity:1}}.embedDownloadCheckBox:hover{transform:scale(1.1)}.embedDownloadCheckBox-downloadsActiv{opacity:1;border:3px solid white;background:#808080ae}.embedDownloadCheckBox-activ{opacity:1;background:#4d75ee}.embed-desctop-slider-wrapper{position:relative;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.embed-desctop-slider-image{position:absolute;transition:.3s ease-in-out;height:98vh;opacity:0}.embed-desctop-slider-image-visible{opacity:1}.sliderElement{width:300vw;height:100vh;display:flex;overflow:hidden}.imageelemntWrapper{width:100vw;height:100%;display:flex;align-items:center;justify-content:center}.imageSlider-image{height:100%;width:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.imageSlider{width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0;z-index:200}.counter-div{display:flex;align-items:center;justify-content:center;color:#ffffff95;width:auto;height:auto;padding:5px;border-radius:8px;font-weight:400;font-style:normal;font-size:1rem;position:absolute;z-index:30;top:12px;left:20px}.downloadButton{-webkit-tap-highlight-color:transparent;position:absolute;display:flex;width:2.1rem;height:2.1rem;justify-content:center;align-items:center;border-radius:30px;padding:8px;z-index:30;top:10px;right:70px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.3s}.closeSliderButton{position:absolute;display:flex;justify-content:center;align-items:center;padding:8px;z-index:30;top:10px;right:20px;width:2.1rem;height:2.1rem;border-radius:30px;background-color:#0000;transition:.3s;cursor:pointer;-webkit-user-select:none;user-select:none}@media (hover: hover) and (pointer: fine){.downloadButton:hover,.closeSliderButton:hover{transform:scale(1.2);background:#ffffff2d}}.errow-div{display:flex;height:100vh;width:9rem;align-items:center;justify-content:center}.errow-div-left{position:absolute;top:0;left:0;z-index:25}.errow-div-right{position:absolute;top:0;right:0;z-index:25}.errow{transition:.3s;width:2.5rem;height:2.5rem;padding:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.errow:hover{transform:scale(1.2)}@media (max-width: 768px){.errow-div{display:none}.downloadButton:active{background:#ffffff2d}}.downloadManueContainer{width:220px;background-color:#ebf3fb;transform-origin:top right;position:absolute;display:flex;flex-direction:column;top:100%;right:0;z-index:200}.gallery-download-Button{width:100%;height:3rem;padding-left:10px;background-color:transparent;border:none;display:flex;align-items:center;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:400;font-size:1rem;color:#474848;cursor:pointer}@media (hover: hover) and (pointer: fine){.gallery-download-Button:hover{background-color:#d6e0ea}}.gallery-download-Button:disabled{cursor:not-allowed}.userGalleryWrapper{width:100%;height:auto;margin:1rem auto;position:relative}.downloadButtonWrapper{width:100%;height:2rem;display:flex;margin-bottom:.3rem;position:relative}.downloadButtonDiv{height:100%;width:2rem;padding:5px;margin-left:auto;margin-right:10px;cursor:pointer}.scrollToTop{background-color:#cfb419b1;display:flex;align-items:center;justify-content:center;border-radius:100px;width:3.5rem;height:3.5rem;color:#fff;font-size:3.5rem;font-weight:300;transform:rotate(-90deg);position:fixed;top:calc(100vh - 160px);right:10px;z-index:10;opacity:0;transition:.4s}.scrollToTop-visible{opacity:1}.edit-gallery-wrapper{width:65vw;position:relative;margin:1.5rem auto}.edit-gallery-buttons-wrapper{display:flex;gap:1rem}.edit-gallery-items-wrapper{display:flex;width:100%;margin-top:.6rem}@media (max-width: 768px){.edit-gallery-wrapper{width:95vw}}h5{font-family:system-ui;font-size:20px;margin:15px 0}.impressum{width:60vw;margin:auto}.data{font-size:24px}.data02{font-weight:600;font-size:21px}.data03{font-weight:600;font-size:19px}.datenschutz{margin:20px auto;width:70%}.createUserWrapper{width:100%;height:100vh}.createAccountForm-Wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.createUserForm{width:100%}.errorNotSame{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:500;font-size:1rem;color:#cf1919;margin-top:5px}.confirmUserMessageBox{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;position:absolute;font-family:Frank Ruhl Libre,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:1.5rem;z-index:20;top:0;left:0}@media (width < 700px){.createAccountForm-Wrapper{align-items:flex-start;padding-top:20px}}.loginFormWrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loginForm{width:100%}.forgotPassword{margin-top:.6rem;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;color:var(--main-color)}.forgotPassword:hover{text-decoration:underline;cursor:pointer}@media (width < 700px){.loginFormWrapper{align-items:flex-start;padding-top:50px}}.formsDisplay{width:100%;max-width:900px;height:550px;display:flex;border-radius:15px;position:relative;box-shadow:0 2px 8px #00000042;overflow:hidden;margin:2rem auto}.userForms-forms{width:50%;height:100%}.userFormsWrapper{width:300%;height:100%;display:flex;transition:.3s ease-in}.userFormsWrapper-login{transform:translate(-33.33%)}.userFormsWrapper-createAccount{transform:translate(-66.66%)}.userFormsWrapper-resetPassword{transform:translate(0)}.createUser-Form{width:33.33%;height:100%;padding:0 clamp(2rem,5vw,60px);overflow-x:hidden;overflow-y:auto}.TextDysplay{width:50%;height:100%;background-color:var(--main-color);border-top-right-radius:50px;border-bottom-right-radius:50px;z-index:100;overflow:hidden}.textDivs{width:300%;height:100%;display:flex;transition:.3s ease-in;transition-delay:.3s}.textDivs-signIn{transform:translate(-33.33%)}.textDivs-signUp{transform:translate(-66.66%)}.textDivs-resetPassword{transform:translate(0)}.textDiv{width:33.33%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-family:Frank Ruhl Libre,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:clamp(1.6rem,3vw,2rem)}.perfektGallery-text{font-size:clamp(2.2rem,4vw,3rem)}.signInDiv{display:flex;font-size:clamp(1.1rem,1.8vw,1.3rem);gap:.8rem}.signin{text-decoration:underline;cursor:pointer;transition:.3s}.signin:hover{transform:scale(1.05)}.signUpDiv{display:flex;align-items:flex-end;height:2.7rem;gap:.8rem}.signUp{text-decoration:underline;cursor:pointer;transition:.3s;font-size:clamp(1.1rem,1.8vw,1.2rem)}.signUp:hover{transform:scale(1.05)}.havePassword-text{font-size:clamp(1rem,2.2vw,1.5rem)}@media (width < 700px){.formsDisplay{height:100vh;flex-direction:column}.TextDysplay{width:100%;height:30%;border-top-right-radius:0;border-bottom-right-radius:50px;border-bottom-left-radius:50px}.userForms-forms{width:100%;height:70%}.createUser-Form{padding:0 15vw}}@media (width < 480px){.createUser-Form{padding:0 10vw}}.resetPasswordWrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.resetPasswordForm{width:100%}.resetPasswordMessage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:100;background:#fff;font-family:Frank Ruhl Libre,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:1.2rem;color:var(--main-color)}@media (width < 700px){.resetPasswordWrapper{align-items:flex-start;padding-top:100px}}.confirmUserWraper{width:100%;height:70vh;display:flex;align-items:center;justify-content:center}.messageBox{width:550px;height:300px;background-color:#385a7c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border-radius:10px;font-family:Frank Ruhl Libre,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:1.7rem}.messageBox a{color:#fff}.resetPassword-Wrapper{width:100%;height:100vh}.resetPasswordCard{margin:150px auto;width:90%;max-width:430px}.resetPassword-span{display:flex;align-items:center;justify-content:center;font-family:Frank Ruhl Libre,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:1.6rem;color:var(--main-color)}.resetPassword-message{position:absolute;top:0;left:0;z-index:100;background:#fff;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Frank Ruhl Libre,serif;font-optical-sizing:auto;padding:10px;font-weight:500;font-style:normal;color:var(--main-color);font-size:1.2rem;gap:5px}.resetPassword-message a{color:#0a730a}.buttonSpinner{height:20px;width:20px;border-radius:50%;border:2px solid black;border-right:2px solid transparent;animation:buttonSpinner-animation 1s ease-in-out infinite}@keyframes buttonSpinner-animation{to{transform:rotate(360deg)}}.profileWrapper{width:100%;min-height:600px;display:flex;flex-direction:column;padding:40px 2.5vw;gap:10px;font-size:1.2rem}.convirmFormBox{transform-origin:top}.confirmCodeForm{width:100%;max-width:300px}.chandePasswordForm{width:100%;max-width:340px;transform-origin:top}