:root{--primary-color: #0048FF;--secondary-color: #FF8ECE;--tertiary-color: #FED101}#root{overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body[data-theme=app]{font-family:gotham,sans-serif;height:100dvh;background-color:var(--primary-color);font-weight:700;color:#fff;max-width:525px;margin:auto;text-align:center}h1{font-size:18px;line-height:22px;color:var(--tertiary-color)}h2{font-size:16px;line-height:22px;color:var(--tertiary-color)}p{font-size:14px;line-height:22px;font-weight:400}a{color:#fff;text-decoration:none}.cgu-p{font-size:10px;line-height:20px;font-weight:400}header{display:flex;align-items:center;justify-content:center}.app-header{height:70px;padding:0 10px}footer{height:80px}main{min-height:calc(100dvh - 150px);display:flex;flex-direction:column;padding:0 10px 20px}main.home-screen{justify-content:flex-start}main.card-screen{gap:15px;min-height:calc(100dvh - 80px)}.bold{font-weight:700}.subtitle{padding:20px 0}.customer-image-container{position:relative;height:450px;margin-top:15px}.customer-image{position:absolute;max-width:440px;top:200px;left:180px;transform:translate(-50%,-50%)}.admin{background-color:#fff}.error-msg{color:red;font-size:12px;background-color:#fff;border-radius:5px;padding:5px;border:2px solid black}.button-container{position:relative;display:inline-block}.button{background-color:var(--secondary-color);border:2px solid black;height:60px;width:100%;padding:0 25px;border-radius:10px}.button:active{transform:translate(5px,5px)}.button>p{font-size:21px;text-transform:uppercase;font-weight:700;letter-spacing:2px;color:#fff;white-space:nowrap}.shadow-button{position:absolute;top:5px;left:5px;width:100%;height:100%;background-color:var(--tertiary-color);border-radius:10px;z-index:-1;border:2px solid black}.retry-button>p,.download-button>p{font-size:10px}.retry-button,.download-button{height:45px;background-color:var(--primary-color);border-color:#fff;display:flex;align-items:center;gap:8px;padding:0 10px}.start-button{margin:20px auto}.start-button:active{transform:translate(5px,5px)}.start-button>p{font-size:21px;text-transform:uppercase;font-weight:700;letter-spacing:2px;color:#fff}.disabled{pointer-events:none}.button.disabled{background-color:#c3c3c3}@media screen and (min-width:768px){.button{cursor:pointer}.retry-button:hover,.download-button:hover{background-color:#1f5eff}}.step-number{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-color);border-radius:50%;border:2px solid black}.step-number>p{font-weight:700;font-size:21px;line-height:24px}.step-container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}.step-instructions{font-size:14px}.steps-container{display:flex;flex-direction:row;justify-content:center;gap:16px;margin:0 5px 10px}.input-type-file{display:none}.container-main-image{position:relative;height:300px;width:630px;margin-top:70px}.container-main-image-email,.container-main-image-thanks{position:relative;height:300px;margin-top:55px}.main-image{display:block;height:auto;max-width:100%;position:absolute;top:105px;left:220px;transform:translate(-50%,-50%)}.steps-components{width:80%;height:auto}.join-the-team-text{margin:0 20px 20px}.first-container{margin-bottom:10px}@media screen and (min-width:768px){.container-main-image{width:550px}}.selectable-item{display:flex;flex-direction:row;align-items:center;padding:10px;gap:15px;height:80px}.selectable-item-icon{width:50px}.selectable-item-description{text-align:left}@media screen and (min-width:768px){.selectable-item:hover{cursor:pointer;background-color:#1f5eff}}.item-selector-container{display:flex;flex-direction:column;width:100%;margin:auto;padding:15px}.item-selector-container>div:nth-child(-n+4){border-top:2px solid white}.item-selector-container>div:nth-child(5){border-top:2px solid white;border-bottom:2px solid white}.input-type-text-or-email{height:60px;border:2px solid black;border-radius:10px;width:100%;max-width:335px;color:var(--primary-color);font-family:gotham,sans-serif;font-weight:700;font-size:16px;padding:10px}.input-type-text-or-email:focus{outline:none}.input-type-text-or-email::placeholder{color:var(--primary-color);font-weight:700}.name-form-container{display:flex;flex-direction:column;width:100%;align-items:center;gap:15px;margin:auto 0;height:150px;position:relative}.empty-message{position:absolute;top:150px}.container-progress-bar{border-radius:100px;width:90%;max-width:570px;background-color:#fff;margin:0 auto;border:2px solid black}.progress-bar{background:var(--tertiary-color);height:45px;border-radius:inherit}.progress-bar.error{background:red}.error-message{margin-bottom:10px}.subtitle-loader{height:100px;display:flex;align-items:center;margin:20px auto}.loader-container{display:flex;flex-direction:column;margin:auto 0;gap:15px;height:150px;justify-content:center}.card-container{position:relative;background-color:#fff;width:310px;padding:10px;margin:10px auto 0;display:block;aspect-ratio:110 / 119}.card-image{width:100%;max-width:300px;display:block;margin:0 auto}.buttons-container{display:flex;justify-content:center;padding:10px;gap:15px}.separator{border-top:2px solid white;width:80%;margin:10px auto}.additional-info{display:flex;align-content:center;flex-direction:column;gap:20px}.email-form-container{display:flex;flex-direction:column;width:100%;align-items:center;gap:15px;height:230px;position:relative}.empty-message-email{position:absolute;top:200px}.thanx-container{height:230px;display:flex;flex-direction:column;justify-content:center;gap:15px}body[data-theme=admin]{--bg: #ede6e6;--fg: #1b1f2a;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100dvh}body[data-theme=admin] :is(h1,h2,p){color:#000}body[data-theme=admin] h1{font-size:22px;font-weight:700}body[data-theme=admin] h2{font-size:20px;font-weight:600}body[data-theme=admin] h3{font-size:18px;font-weight:500}.back-office{position:relative}.admin-header{position:sticky;top:0;display:flex;z-index:8;justify-content:flex-start;padding:10px;background-color:#cecaca}.admin-wall{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.admin-form{display:flex;flex-direction:column;gap:15px}.filter-bar-container{position:sticky;top:44px;z-index:8;display:flex;justify-content:flex-start;padding:20px 10px;gap:10px;flex-direction:column;align-items:flex-start;background-color:#cecaca}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;padding:15px}.card-bo{display:flex;width:300px;height:100%;position:relative;flex-direction:column;background-color:#fff;box-shadow:5px 5px 30px gray}.card-image-bo{width:100%}.favorite-icon{position:absolute;top:8px;right:5px;width:50px;cursor:pointer}.card-legend-bo{display:flex;flex-direction:row;justify-content:space-between;padding:8px}.image-counter{padding:10px}.download-btn{padding:0 5px}.download-zip-button{border:1px solid #767676;border-radius:2px;background-color:#fff;width:120px;padding:8px}.download-zip-button:hover{background-color:#f0f0f0;cursor:pointer}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}.modal{position:relative;width:300px;max-width:500px;height:200px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;z-index:10;padding:30px;box-shadow:0 12px 30px #00000026;gap:35px;border-radius:8px;flex-direction:column}.modal-buttons-container{display:flex;flex-direction:row;gap:20px;position:absolute;top:50%;right:50%;transform:translate(50%)}.title-modal{text-align:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9}.modal-close{position:absolute;top:8px;right:8px;border:0;background:transparent;font-size:18px;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.favorite-icon{transition:transform .3s ease}.favorite-icon:hover{transform:scale(1.05)}.filter-bar-container{flex-direction:row;align-items:center;position:sticky}.modal{width:500px;max-width:600px;height:250px;flex-direction:column}.modal-buttons-container{flex-direction:row;gap:40px}.download-zip-button{width:150px}}