:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--color-accent: rgb(105, 255, 71);--color-primary: #242424}body{margin:0;padding:0;overflow-x:hidden}.initials-container{display:flex;flex-direction:row;align-items:start;gap:20px;margin-top:20px}label{font-family:basic-sans,sans-serif;font-weight:400;font-size:18px;color:#fff}button{color:var(--color-accent);background-color:#000;max-width:300px;height:68px;font-family:cooper-black-std,serif;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:block;margin:40px auto 80px}input,select{border:2px solid rgb(105,255,71);background-color:#242424;color:#fff;height:20px;width:200px;font-family:basic-sans,sans-serif;font-size:16px;font-style:normal;font-weight:400;padding:5px;border-radius:5px;width:150px}select{height:30px}h2{color:#fff;font-size:1.5rem;font-family:cooper-black-std,serif;font-size:24px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.6px;margin:80px 0 30px 100px}a{text-decoration:none;color:var(--color-accent)}.configurator{display:flex;gap:120px;justify-content:center}.configurator__arrow{color:var(--color-accent);font-family:cooper-black-std,serif;font-size:32px;font-weight:700;margin-top:5px}.configurator__arrow:hover{cursor:pointer}.configurator__subtitle{color:#fff;font-family:basic-sans,sans-serif;font-size:24px;font-style:normal;margin-top:15px;margin-bottom:5px}.configurator__button{position:absolute;right:0;bottom:0;z-index:1;color:var(--color-accent);background-color:#000;width:40%;max-width:150px;height:30px;font-family:cooper-black-std,serif;font-size:16px;font-style:normal;font-weight:300;line-height:normal;margin:0 10px 10px 0}.configurator__error-message{color:red;margin-top:10px;margin-left:100px;margin-bottom:10px;font-family:basic-sans,sans-serif;font-size:18px}.configurator__flex{display:flex;flex-direction:column;align-items:center;justify-content:space-around;flex-wrap:wrap}.configurator__flex2{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:40px;flex-wrap:wrap}.configurator__options .configurator__circle{cursor:pointer;transition:transform .2s;width:35px;height:35px;border-radius:50%;margin:10px 0;border:2px solid #fff}.configurator__options .configurator__circle:hover{transform:scale(1.2)}.configurator__initials-container{display:flex;flex-direction:row;align-items:start;gap:20px;margin-top:20px}.configurator__flex1{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:40px;flex-wrap:wrap}.configurator__checkbox{border:2px solid rgb(105,255,71);background-color:#242424;color:#fff;width:20px;margin-left:15px;margin-top:5px}.user-details{display:flex;flex-direction:column;align-items:left;justify-content:space-around;margin-left:100px;margin-bottom:20px;gap:40px;flex-wrap:wrap}.user-details-div{display:flex;flex-direction:row;gap:10px}.progbar{width:100%;height:20px;margin:0;background-color:#242424;border-radius:5px}progress[value]::-webkit-progress-bar{border-radius:5px}progress[value]::-webkit-progress-value{border-radius:5px;background-color:#69ff47}progress[value]::-moz-progress-bar{border-radius:5px;background-color:#69ff47}.configurator__AIGenerator{display:flex;flex-direction:row;align-items:center;justify-content:space-around}.configurator__generateButton,.configurator__updateShoeWithAI{color:var(--color-accent);background-color:#000;width:70px;height:50px;font-size:12px;font-style:normal;font-weight:300;line-height:normal;display:block;margin:auto}.loading-placeholder{margin:0;min-height:280px;display:flex;justify-content:center;align-items:center;text-align:center}.loading-placeholder--big{height:78vh}.loading-placeholder__message{font-family:basic-sans,sans-serif;font-weight:600;color:var(--color-accent);font-size:24px;letter-spacing:0;line-height:normal;margin:0}.login-container{background-color:#242424;width:100vw;height:100vh}.login-form{display:flex;flex-direction:column;gap:1em}.login-container__title{color:#fff;text-align:center;margin-top:0;padding-top:2em;font-family:cooper-black-std,serif;font-weight:400;font-size:36px;margin-bottom:50px}.login-form__label{font-family:basic-sans,sans-serif;font-weight:400;font-size:18px;color:#fff;display:block;margin:auto}.login-form__button{color:var(--color-accent);background-color:#000;width:60%;max-width:300px;height:68px;font-family:cooper-black-std,serif;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:block;margin:40px auto 80px}.login-form__input{border:2px solid white;background-color:#242424;color:#fff;width:60%;max-width:300px;height:30px;font-family:cooper-black-std,serif;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:block;margin:10px auto;padding-left:20px}.login-form__input:focus{outline:none;border:2px solid var(--color-accent)}.headerMain{background-color:#242424;background-image:url(../media/header1.png);background-size:40%;background-position:center;color:#000;display:flex;justify-content:space-between;width:100vw;margin:0;border-bottom:var(--color-accent);border-width:0 0 2px 0;border-style:solid;height:100px;animation:loopBackground 50s infinite alternate ease-in-out}@keyframes loopBackground{0%{background-position:0% 0%}to{background-position:0% 100%}}.headerMain__logo{flex-direction:column;align-items:start;padding:32px;background-color:var(--color-accent)}.headerMain__admin-button{color:var(--color-accent);background-color:#000;width:80%;max-width:300px;height:50px;font-family:cooper-black-std,serif;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:block;margin-right:100px;margin-top:30px}.headerMinimal{position:absolute;z-index:5;background-color:transparent;color:#000;display:flex;justify-content:space-between;align-items:center;width:100vw;margin:0}.headerMinimal__logo{display:flex;flex-direction:column;align-items:start;padding:20px}.headerMinimal__logo__img{width:200px}.headerMinimal__sound-icon{height:50px;width:50px;margin-top:10px}.headerMinimal__sound-button{color:var(--color-accent);background-color:transparent;border:none;width:50px;height:50px;font-size:40px;display:block;margin:auto 50px auto auto}.headerMinimal__sound-button:hover{cursor:pointer}.admin-title{font-family:cooper-black-std,serif;font-weight:400;color:#fff;font-size:36px;letter-spacing:1.08px;line-height:normal;margin-top:50px;margin-left:100px}.orders-title{font-family:cooper-black-std,serif;font-weight:400;color:#fff;font-size:36px;letter-spacing:1.08px;line-height:normal;margin-left:100px;margin-top:50px}.orders-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:left;align-items:left;gap:20px;background-color:#242424;margin-left:100px}.orders-container__shoe-item{border:1px solid var(--color-accent);padding:10px;margin-bottom:10px}.orders-container__shoe-info{flex-grow:1}.orders-container__shoe-info__type,.orders-container__shoe-info__status,.orders-container__shoe-info__size,.orders-container__shoe-info__user{font-family:basic-sans,sans-serif;font-weight:400;color:#fff;font-size:16px;letter-spacing:0;line-height:normal;white-space:nowrap}.orders-container__view-button{color:var(--color-accent);background-color:#000;width:90%;height:50px;font-family:cooper-black-std,serif;font-size:16px;font-style:normal;font-weight:300;line-height:normal;display:block;margin:20px auto}.orders-container__view-button__link{text-decoration:none;color:var(--color-accent)}.admin-password-change,.admin-logout-button{color:var(--color-accent);background-color:#000;width:100%;max-width:300px;height:50px;font-family:cooper-black-std,serif;font-size:16px;font-style:normal;font-weight:300;line-height:normal;display:block;margin:20px auto 20px 100px}.order-container{height:50vh}.order-container__flex{display:flex;align-items:center;justify-content:center;width:100vw;gap:100px}.order-info__title{font-family:cooper-black-std,serif;font-weight:400;color:#fff;font-size:36px;letter-spacing:1.08px;line-height:normal;margin:50px 0 20px}.order-info__shoe-type,.order-info__user-name,.order-info__user-address,.order-info__user-email,.order-info__shoe-size,.order-info__status{font-family:basic-sans,sans-serif;font-weight:400;color:#fff;font-size:16px;letter-spacing:0;line-height:normal;white-space:nowrap;margin-top:0}.order-container__buttons{display:flex;flex-direction:column;gap:20px}.order-container__buttons__status-update-button,.order-container__buttons__delete-button{width:299px;height:36px;top:0;left:0;font-family:basic-sans,sans-serif;font-weight:700;font-size:14px;letter-spacing:1.61px;line-height:normal;margin-bottom:-50px;margin-left:0}.order-container__buttons__status-update-button:hover,.order-container__buttons__delete-button:hover{cursor:pointer;color:var(--color-accent)}.order-container__buttons__status-update-button,.order-container__buttons__delete-button{background-color:#000;color:#fff}.order-container__buttons__status-update-button:first-child{margin-top:20px}.models-container{background-color:#242424}.models-container__title{font-family:cooper-black-std,serif;font-weight:400;color:#fff;font-size:36px;letter-spacing:1.08px;line-height:normal;padding-top:50px;margin:0 0 0 50px}.models-container__flexbox{display:flex;flex-direction:row;justify-content:left;margin-left:75px;align-items:center;margin-bottom:50px;gap:100px;flex-wrap:wrap}.models-container__model{display:flex;flex-direction:column;align-items:center;justify-content:left}.models-container__model__name,.models-container__model__type,.models-container__model__price{font-family:cooper-black-std,serif;font-weight:400;color:#fff}.models-container__model__name{font-size:24px;letter-spacing:1.08px;line-height:normal;margin:0}.models-container__model__type{font-size:16px;letter-spacing:.72px;line-height:normal;white-space:nowrap;margin:0}.models-container__model__price{font-family:basic-sans,sans-serif;font-weight:400;color:#fff;font-size:16px;letter-spacing:0;line-height:normal;white-space:nowrap}.models-container__model__buttons{gap:20px;width:299px;height:36px;background-color:#000;font-family:basic-sans,sans-serif;font-weight:700;color:var(--color-accent);font-size:14px;letter-spacing:1.61px;line-height:normal;margin:0}.thankyou-container{height:50vh}.thankyou-container__flex{display:flex;align-items:center;justify-content:center;width:100vw;gap:100px}.thankyou-container__canvas-container{margin-top:50px}.thankyou-container__order-info{display:flex;flex-direction:column;gap:0px}.thankyou-container__order-info__title{font-family:cooper-black-std,serif;font-weight:400;color:#fff;font-size:36px;letter-spacing:1.08px;line-height:normal;margin:50px 0 20px}.thankyou-container__order-info__shoe-type,.thankyou-container__order-info__user-name,.thankyou-container__order-info__user-address,.thankyou-container__order-info__user-email,.thankyou-container__order-info__shoe-size,.thankyou-container__order-info__status{font-family:basic-sans,sans-serif;font-weight:400;color:#fff;font-size:16px;letter-spacing:0;line-height:normal;white-space:nowrap}@media (max-width: 950px){.configurator{gap:0px}.configurator__arrow{font-size:24px}.configurator__subtitle{font-size:20px}.configurator__flex2{gap:20px}.configurator__options .configurator__circle{width:30px;height:30px}.configurator__initials-container{gap:10px}.configurator__initials-container input:nth-child(5){width:25px}.configurator__flex1{gap:20px}.configurator__button{width:100px;font-size:12px;margin-right:10px;margin-bottom:10px}}@media (max-width: 800px){.order-info__title{font-size:30px}.order-container__flex{width:90vw;gap:80px}.order-container__buttons{gap:15px}.order-container__buttons__status-update-button,.order-container__buttons__delete-button{width:280px;height:30px;font-size:14px}.order-container__buttons__status-update-button:first-child{margin-top:10px}.thankyou-container__flex{flex-direction:column-reverse;flex-wrap:wrap;gap:0px;justify-content:left;align-items:baseline;margin-left:20px}.thankyou-container__canvas-container{margin-top:0}.thankyou-container__order-info{margin-top:50px}.thankyou-container__order-info__title{font-family:cooper-black-std,serif;font-weight:400;color:#fff;font-size:24px;letter-spacing:1.08px;line-height:normal;margin:0 0 20px}.thankyou-container__order-info__shoe-type,.thankyou-container__order-info__user-name,.thankyou-container__order-info__user-address,.thankyou-container__order-info__user-email,.thankyou-container__order-info__shoe-size,.thankyou-container__order-info__status{font-size:14px}}@media (max-width: 700px){.configurator__button{width:70px;height:50px;font-size:12px;margin-right:10px;margin-bottom:10px}}@media (max-width: 600px){.headerMain{height:63px}.headerMain__logo{flex-direction:column;align-items:start;padding:20px;background-color:var(--color-accent)}.headerMain__admin-button{width:60%;max-width:200px;height:30px;font-size:12px;margin-right:40px;margin-top:20px;margin-bottom:0}.headerMain__img{width:100px}.admin-title{font-size:30px;margin-top:50px;margin-left:50px}.orders-title{font-size:24px;margin-top:50px;margin-left:50px}.orders-container{margin-left:50px}.orders-container__view-button{width:80%;height:30px;font-size:14px;margin-top:20px;margin-bottom:10px}.admin-password-change,.admin-logout-button{width:80%;max-width:200px;height:40px;font-size:14px;margin-left:50px}.order-info__title{font-size:24px}.order-info__shoe-type,.order-info__user-name,.order-info__user-address,.order-info__user-email,.order-info__shoe-size,.order-info__status{font-size:14px;white-space:wrap}.order-container__flex{display:flex;flex-direction:column-reverse;width:100vw;gap:50px}.order-container__buttons__status-update-button,.order-container__buttons__delete-button{width:260px;font-size:12px}}@media (max-width: 500px){.configurator{margin-left:10px;margin-right:10px}.configurator__flex2{gap:10px}.user-details__title{font-size:20px;margin-left:20px}.user-details{margin-left:20px;gap:30px}.user-details-div label{font-size:16px}.user-details-div input,.user-details-div select{width:100px}.models-container__title{font-size:24px;margin-left:20px}.models-container__flexbox{margin-left:20px;margin-bottom:0}.models-container__model__name{font-size:20px}.models-container__button{width:200px;font-size:12px}.models-container__model{display:flex;align-items:normal}.models-container__canvas-container{margin-left:-50px}.models-container__model__buttons{margin-bottom:70px}}@media (max-width: 400px){.configurator__flex1{gap:0px}.configurator__button{position:absolute;bottom:28%;z-index:1}button{max-width:200px;height:50px;font-family:cooper-black-std,serif;font-size:16px;margin-top:50px}.order-info__title{font-size:20px;margin-left:10px}.order-info__shoe-type,.order-info__user-name,.order-info__user-address,.order-info__user-email,.order-info__shoe-size,.order-info__status{font-size:14px;margin-left:10px}.order-container__flex{width:80vw;margin-left:30px}.order-container__buttons__status-update-button,.order-container__buttons__delete-button{width:200px;height:40px;font-size:12px;margin-left:10px}}@media (max-width: 300px){.admin-title{font-size:24px;margin-top:30px;margin-left:30px}.orders-title{font-size:20px;margin-top:30px;margin-left:30px}.orders-container{margin-left:30px}.admin-password-change,.admin-logout-button{max-width:180px;margin-left:30px}}
