html,body{width:100%;min-height:100%;margin:0;padding:0;font-family:Barlow,sans-serif;box-sizing:border-box;display:grid;place-items:center}*{box-sizing:inherit}p,h1{margin:0}input{font-family:inherit}button{font-family:inherit;cursor:pointer}#root{display:flex;justify-content:center;align-items:center;width:100%;height:100%}#root .close-btn-container{display:flex;justify-content:space-between}@media screen and (min-width:361px){html,body{background-color:#f0f2f6}#root{width:100%}.ads{max-width:360px}}.ad-card-container{background-color:#fff;border-radius:16px;border:1px solid #e5e5e5;display:flex;flex-direction:column;gap:16px;padding:16px;cursor:pointer}.ad-card-container .ad-name{font-weight:700;font-size:14px;line-height:20px}.ad-card-container .status-switch-container{display:flex;align-items:center;gap:8px;font-size:14px}.ad-card-container .stats-container{display:flex;flex-direction:column;gap:4px}.ad-card-container .stats-container .stat-container{display:flex;align-items:center;gap:8px}.ad-card-container .stats-container .stat-container span{font-weight:400}.ad-card-container .stats-container .stat-container .label{color:#949494}.ad-field{box-sizing:border-box;display:flex;flex-direction:column;gap:4px}.ad-field .label{font-size:14px;line-height:16px;color:#7f7f7f}.ad-field .value{font-weight:700;line-height:24px}.ad-field img{border-radius:16px}.ad-view{height:auto;padding:16px}.ad-view .status{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px}.ad-view .status .switch-container{display:flex;align-items:center;gap:8px;font-size:14px}.ad-view .status span{font-size:14px;line-height:20px}.ad-view .status .actions{display:flex;flex-direction:column;gap:8px}.ad-view .status .actions button{background:transparent;color:#ad2b23;border:none;height:32px;border-radius:16px}.ad-view .status .actions button:first-of-type{border:1px solid #ad2b23}.ad-view .status .actions button:nth-of-type(2):hover{text-decoration:underline}.ad-view .ad-fields{display:flex;flex-direction:column;gap:16px}.ad-view .ad-fields hr{margin:0}.cost-review{box-sizing:border-box;border:1px solid #afb8cb;border-radius:8px;background-color:#f0f2f6;padding:16px;color:#44100e;display:flex;align-items:center}.cost-review p:nth-of-type(1){width:56%;font-size:14px;line-height:16px}.cost-review p:nth-of-type(2){font-weight:700;font-size:20px;line-height:24px}.button{border:none;border-radius:8px;height:40px;padding:8px 16px;background-color:#ad2b23;color:#fff;font-weight:700;font-size:20px;line-height:24px;display:flex;justify-content:center;align-items:center;gap:8px;min-width:100%}.button svg path{fill:#fff}.button:hover{opacity:.85}.button.standard{background-color:transparent;color:#000;font-weight:400}.button.standard:hover,.button.disabled{background-color:#ccc}.button.disabled:hover{opacity:1;cursor:wait}.button-group-btn{background-color:transparent;border:none;border-radius:50px;height:24px;font-size:14px;line-height:16px;padding:4px 8px;flex-grow:1;color:#ad2b23}.button-group-btn.selected{color:#fff;background-color:#ad2b23;font-weight:700}.button-group{height:40px;background-color:#fbe3e0;border-radius:50px;padding:8px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px}.close-btn{width:32px;height:32px;display:grid;place-items:center;background-color:transparent;border:none;padding:0;border-radius:500px;position:absolute;top:16px;right:16px}.close-btn.closeBtnHover:hover{background-color:#02acd0}.close-btn.white-icon svg path{fill:#fff}.close-btn.black-icon svg path{fill:#000}.close-btn .close-icon{width:12px}.create-ad-step-header{box-sizing:border-box;display:flex;flex-direction:column;gap:4px}.create-ad-step-header .sub-title{display:flex;align-items:center;justify-content:space-between;height:20px}.create-ad-step-header .sub-title span{font-size:14px;line-height:20px}.create-ad-step-header .sub-title .progress-container{display:none}.create-ad-step-header .title{font-weight:700;font-size:20px;line-height:24px}.app-header{box-sizing:border-box;height:64px;padding:16px 24px;display:flex;justify-content:space-between;box-shadow:0 4px 8px #00000014;margin-bottom:12px;background-color:#fff}.app-header .menu-btn{width:32px;display:grid;place-items:center;background-color:#fff;border:none;padding:0}.app-header .menu-btn .menu-icon{width:16px}.app-header .menu-btn .close-icon{width:12px}.app-header .elara-box{display:flex;align-items:center;gap:8px;color:#355772;font-size:14px;line-height:16px}.app-header .elara-box img{width:32px;border-radius:8px}.icon-container-component{width:80px;height:80px;background-color:#fbe3e0;display:grid;place-items:center;box-shadow:0 8px 24px #00000029;border-radius:16px}.icon-container-component img{width:24px}.menu{height:calc(100vh - 64px);padding:16px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;background-color:#fafafa;margin-top:-12px}.menu header{box-sizing:border-box;background-color:#fff;height:48px;border:1px solid #e5e5e5;border-radius:8px;padding:8px;display:flex;justify-content:flex-start;align-items:center;gap:8px}.menu header .logo-container{box-sizing:border-box;width:32px;height:32px;border:1px solid #e5e5e5;border-radius:500px;display:grid;place-items:center}.menu header .logo-container img{width:14px}.menu header span{font-size:12px;font-weight:700;line-height:20px}.menu .options{display:flex;flex-direction:column;gap:8px}.menu .options .option{box-sizing:border-box;height:40px;display:flex;align-items:center;gap:8px;padding:8px;font-size:14px;color:#7f7f7f;border-radius:8px}.menu .options .option .icon-container{width:16px;height:16px;display:grid;place-items:center;color:inherit}.menu .options .option .icon-container svg path{fill:#7f7f7f}.menu .options .selected{background-color:#02acd0;color:#fff}.menu .options .selected .icon-container svg path{fill:#fff}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;justify-content:center;align-items:center}.modal-overlay.active{display:flex}.modal-overlay .modal{padding:24px;background:#fff;border:1px solid #e6ebf3;border-radius:16px;box-shadow:0 4px 8px #00000014;position:relative}.modal-content{width:280px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.modal-content .icon-container{width:80px;height:80px;background-color:#f2bfb9;display:grid;place-items:center;box-shadow:0 8px 24px #00000029;border-radius:16px;margin-top:-64px}.modal-content .icon-container img{width:20px}.modal-content .title{font-weight:700;font-size:20px;line-height:24px;margin-bottom:8px}.modal-content .description{font-size:14px;line-height:20px}.modal-content .buttons{display:flex;flex-direction:column;gap:8px;width:100%}.modal-content .buttons button{height:32px;border:none;border-radius:500px;padding:4px 16px;font-size:16px}.modal-content .buttons .main-btn{font-weight:700}.modal-content .buttons .main-btn-alert{background-color:#d44333;color:#fff}.modal-content .buttons .main-btn-alert:hover{background-color:#bf3c2e}.modal-content .buttons .second-btn{background-color:transparent}.modal-content .buttons .second-btn:hover{background-color:#e6e6e6}.ads{height:100%;width:100%;background-color:#f0f2f6;position:relative}.ads .ads-content{padding:16px;display:flex;flex-direction:column;gap:24px;box-sizing:border-box;background-color:#f0f2f6;margin-top:-12px}.ads .ads-content h1{font-size:20px;line-height:24px}.ads .ads-content .ads-list{display:flex;flex-direction:column;gap:16px}.ads .ads-content .button{height:32px;font-size:16px}.ads .initial-screen{background:linear-gradient(#355772,#122a3f);height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.ads .initial-screen img{width:216px}.ads .initial-screen p{width:296px;color:#fff;font-weight:700;font-size:20px;text-align:center;line-height:24px;margin-bottom:24px}.ads .initial-screen .start-button{height:32px;padding:4px 16px;border-radius:8px;border:none;font-size:16px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px;width:132px;color:#000}.ads .initial-screen .start-button svg path{fill:#000}.ads .initial-screen .start-button:hover{background-color:#fff}.ads .initial-screen.final-screen{background:linear-gradient(#ad2b23,#8a211c)}.ads .initial-screen.final-screen .start-again-button{border:none;background:transparent;height:32px;margin-top:8px;font-size:16px;line-height:24px;color:#fff;font-weight:300}.ads .initial-screen.final-screen .start-again-button:hover{text-decoration:underline}.ads .create-ad{padding:24px;display:flex;flex-direction:column;gap:24px;background-color:#fff;min-height:100%}.ads .create-ad header .progress .progress-label{font-size:14px;line-height:20px}.ads .create-ad header .title{font-weight:700;font-size:20px;line-height:24px}.ads .create-ad main{display:flex;flex-direction:column;gap:24px}.ads .create-ad main .input-group{display:flex;flex-direction:column;gap:8px}.ads .create-ad main .input-group label{font-size:14px;line-height:16px;color:#7f7f7f}.ads .create-ad main .input-group input{box-sizing:border-box;height:56px;padding:8px;border:1px solid #7f7f7f;border-radius:4px;font-size:16px}.ads .create-ad main .input-group textarea{height:100px;resize:vertical;box-sizing:border-box;padding:8px;border:1px solid #7f7f7f;border-radius:4px;font-size:16px;font-family:inherit}.ads .create-ad main .input-group .helper-text{color:#a8a8a8;font-size:14px;line-height:16px}.ads .create-ad main .input-group .char-counter-container{display:flex;align-items:center;justify-content:space-between}.ads .create-ad main .input-group .char-counter-container .char-counter{font-size:12px;color:#7f7f7f}.ads .create-ad main .input-img-label{box-sizing:border-box;min-height:88px;max-height:425px;border:1px dashed #ad2b23;border-radius:16px;background-color:#fbe3e0;cursor:pointer;display:grid;place-items:center;overflow:hidden}.ads .create-ad main .input-img-label img{width:100%;height:100%;object-fit:cover;border-radius:16px}.ads .create-ad main .input-img-label .camera-icon{width:20px;height:auto;border-radius:0;margin-bottom:-24px}.ads .create-ad main #input-ad-image{display:none}.ads .create-ad main .disclaimer{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid #29cc5f;border-radius:8px;box-shadow:0 1px 2px #00000052;color:#145a29;font-weight:700;background-color:#e6f8ec}.ads .create-ad main .disclaimer img{width:24px}.ads .create-ad main .customize-exhibition-container{padding:16px;border:1px solid #e5e5e5;border-radius:4px}.ads .create-ad main .customize-exhibition-container .switch-container{display:flex;align-items:center;gap:8px}.ads .create-ad main .customize-exhibition-container .switch-container label{font-size:14px}.ads .create-ad main .customize-exhibition-container .customize-exhibition{padding-top:16px}.ads .create-ad main .customize-exhibition-container .customize-exhibition .label-input{font-size:14px;line-height:16px;font-family:inherit;margin-bottom:8px}.ads .create-ad main .radio-options-container{border:1px solid #e5e5e5;padding:16px 16px 0;border-radius:4px;display:flex;flex-direction:column;gap:16px}.ads .create-ad main .radio-options-container .radio-container{display:flex;align-items:center;gap:8px}.ads .create-ad main .radio-options-container .radio-container label{font-size:14px;line-height:20px}.ads .create-ad main .radio-options-container .radio-container input[type=radio]{accent-color:#ad2b23}.ads .create-ad main .exhibition-cost-container{border:1px solid #afb8cb;padding:16px;border-radius:8px;background-color:#f5f7fa}.ads .create-ad main .exhibition-cost-container .cost{display:flex;align-items:center;color:#44100e;gap:8px}.ads .create-ad main .exhibition-cost-container .cost p:nth-of-type(1){font-size:14px;line-height:16px;width:54%}.ads .create-ad main .exhibition-cost-container .cost p:nth-of-type(2){font-weight:700;font-size:20px;line-height:24px}.ads .create-ad main .exhibition-cost-container .balance{display:flex;flex-direction:column;gap:4px}.ads .create-ad main .exhibition-cost-container .balance span{color:#d44333;font-size:14px;line-height:16px}.ads .create-ad main .exhibition-cost-container .balance .add-credits{color:#ad2b23;text-decoration:underline;cursor:pointer;font-size:14px;line-height:20px}.ads .checkbox-container{display:flex;gap:10px;align-items:center}.ads .checkbox-container #create-promotion-terms{cursor:pointer;margin:0;height:16px;transform:scale(1.2)}.ads .checkbox-container .checkbox-label{font-size:14px;line-height:16px}.ads .checkbox-container .checkbox-label a,.ads .checkbox-container .checkbox-label a:visited{color:#ad2b23}.ads .review-ad{padding:24px;display:flex;flex-direction:column;gap:24px;background-color:#fff}.ads .review-ad .ad-fields{display:flex;flex-direction:column;gap:16px}.ads .review-ad .ad-fields hr{margin:0}.ads .review-ad .cost-review{box-sizing:border-box;border:1px solid #afb8cb;border-radius:8px;background-color:#f5f7fa;padding:16px;color:#44100e;display:flex;align-items:center}.ads .review-ad .cost-review p:nth-of-type(1){width:54%;font-size:14px;line-height:16px}.ads .review-ad .cost-review p:nth-of-type(2){font-weight:700;font-size:20px;line-height:24px}.ads .view-ad-container{background:#f0f2f6}.ads .view-ad-container header{padding:16px 24px;height:64px;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;box-shadow:0 4px 8px #00000014;background:#fff}.ads .view-ad-container header .back-btn{width:32px;height:32px;display:grid;place-items:center;border:none;background:transparent}.ads .view-ad-container header span{font-weight:700}.ads .view-ad-container header svg path{fill:#000}.ads .navigation{width:100%;align-self:center;display:flex;flex-direction:column;gap:8px}.ads .navigation button{width:100%}.ads hr{margin:16px 0;border:none;border-bottom:1px solid #e5e5e5}.ads .error-msg{font-size:14px;color:red;opacity:.9}.login{height:100vh;width:100%;background-color:#f0f2f6;display:grid;place-items:center}.login main{width:328px;box-sizing:border-box;background-color:#fff;border:1px solid #e6ebf3;border-radius:16px;box-shadow:0 4px 8px #00000014;padding:24px;display:flex;flex-direction:column;align-items:center;gap:32px}.login main .icon-container{width:80px;height:80px;border-radius:16px;margin-top:-64px;margin-bottom:-8px;box-shadow:0 8px 24px #00000029;display:grid;place-items:center;background-color:#fff}.login main .icon-container img{width:60px}.login main .title{font-weight:700;font-size:20px;line-height:24px;text-align:center}.login main .inputs{display:flex;flex-direction:column;gap:24px}.login main .inputs label{display:flex;flex-direction:column;gap:8px;width:280px;color:#7f7f7f;font-size:14px}.login main .inputs label input{box-sizing:border-box;height:40px;border:1px solid #7f7f7f;border-radius:4px;padding:0 8px;letter-spacing:1px}.login main .inputs label input:focus{outline:none}.login main .inputs button{background-color:#ad2b23;border:none;border-radius:8px;height:32px;color:#fff;font-size:16px;font-weight:700}.login main .inputs button:hover{opacity:.85}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background:#f6f7fb}.login-form{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:380px}.login-form h1{margin-bottom:.5rem;font-size:1.8rem}.login-form p{color:#555;margin-bottom:1.5rem}.login-form label{display:block;font-weight:600;margin-bottom:.3rem}.login-form input{width:100%;padding:.7rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:6px}.login-form button{width:100%;padding:.8rem;background-color:#3b82f6;border:none;color:#fff;font-weight:600;border-radius:6px;cursor:pointer;transition:background .2s ease}.login-form button:hover{background-color:#2563eb}.erro{color:#d32f2f;background:#fdecea;padding:.6rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}