body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.aurora-container{height:100vh;left:0;overflow:hidden;pointer-events:none;position:absolute;top:-20px;width:100vw;z-index:-10}canvas{display:block;height:100%;width:100%}:root{--primary-color:#25074d;--secondary-color:#662ab5;--accent-color:#efc552;--text:#cdbbf0;--sub-text:#6b5497}body{background-color:#25074d;background-color:var(--primary-color);background-image:radial-gradient(at 40% 20%,#452065 0,#0000 50%),radial-gradient(at 80% 0,#3e0b71 0,#0000 50%),radial-gradient(at 0 50%,#3e0c52 0,#0000 50%),radial-gradient(at 80% 50%,#26054f 0,#0000 50%),radial-gradient(at 0 100%,#5a177c 0,#0000 50%),radial-gradient(at 80% 100%,#521668 0,#0000 50%),radial-gradient(at 0 0,#410c5a 0,#0000 50%);margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.logo-header{box-sizing:border-box;left:0;position:static;top:0;width:100%;z-index:10}.logo-container{align-items:center;display:flex;justify-content:flex-start;padding-bottom:10px}.logo{display:block;height:auto;max-width:300px;min-width:180px;padding:10px;width:15vw}@media (max-width:768px){.logo-container{justify-content:center;max-height:100px}}.content{align-items:center;box-sizing:border-box;display:flex;height:90vh;justify-content:center;position:relative;z-index:5}::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{-ms-overflow-style:none}.cta.fade-out{opacity:0;pointer-events:none;transition:opacity .5s ease}h2{color:var(--sub-text);font-family:Lexend Deca,sans-serif;font-optical-sizing:auto;font-size:1.5rem;font-weight:400;letter-spacing:-1px;margin:0}.step-container{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center;margin:20px auto;max-width:1350px;padding-bottom:30px;padding-top:20px;width:100%}@media (max-width:768px){.step-container{padding:0}}.main-container1{-ms-overflow-style:none;align-items:center;background-color:var(--primary-color);border:1px solid #fbc73845;border-radius:20px;box-shadow:0 10px 10px #00000037;margin:5px;max-height:90vh;max-width:1100px;overflow-y:auto;padding:10px;scrollbar-width:none;width:90%;will-change:transform,opacity}.fade-slide-out{animation:slideOut .4s ease forwards}@keyframes slideOut{0%{opacity:1}to{opacity:0}}.fade-slide-in{animation:fadeSlideIn .3s ease forwards}@keyframes fadeSlideIn{0%{opacity:0}to{opacity:1}}.main-container1::-webkit-scrollbar{display:none}.main-container-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:10px;padding:5px 10px 10px;width:100%}.scroll-wrapper{-ms-overflow-style:none;max-height:80vh;overflow-y:auto;padding-bottom:2rem;padding-top:1rem;scrollbar-width:none}.scroll-wrapper::-webkit-scrollbar{display:none}.step-title-container{background-color:var(--primary-color);position:relative;text-align:center}.step-title-text{color:var(--text);font-family:Lexend Deca,sans-serif;font-optical-sizing:auto;font-size:3rem;font-weight:500;letter-spacing:-1px;margin:0}.step-title-subtext{color:var(--sub-text);font-size:1.4rem;font-weight:300;margin-top:-10px}.button-container{display:flex;justify-content:center;margin-bottom:20px;padding:10px;width:33%}.cta{background:var(--primary-color);border:none;box-shadow:6px 6px 0 #000;color:var(--secondary-color);cursor:pointer;display:flex;font-size:25px;margin:3px auto 0;padding:11px 20px;text-decoration:none;transform:skewX(-15deg);transition:1s}.cta:focus{outline:none}.cta:hover{box-shadow:10px 10px 0 var(--accent-color);transition:.5s}.cta .second{margin-right:0;transition:.5s}.cta:hover .second{margin-right:45px;transition:.5s}.span{transform:skewX(15deg)}.second{margin-left:20px;width:20px}.left-arrow,.second{position:relative;top:12%}.left-arrow{align-items:center;display:flex;margin-left:0;margin-top:7px;width:30px}.back-txt{margin-left:20px}.one{transform:translateX(-60%);transition:.4s}.two{transform:translateX(-30%);transition:.5s}.cta:hover .three{animation:color_anim 1s .2s infinite}.cta:hover .one{animation:color_anim 1s .6s infinite;transform:translateX(0)}.cta:hover .two{animation:color_anim 1s .4s infinite;transform:translateX(0)}@keyframes color_anim{0%{fill:var(--secondary-color)}50%{fill:#fbc638}to{fill:var(--secondary-color)}}.style-button-container{flex-wrap:wrap;padding:10px}.style-button,.style-button-container{align-items:center;display:flex;justify-content:center}.style-button{aspect-ratio:5/4;background:#0000;border:none;border-radius:15px;margin:10px 10px 15px;max-width:100%;overflow:hidden;padding:0;transition:all .2s ease-in-out;width:90%}.style-button img{display:block;height:100%;object-fit:fill;width:100%}.style-button:hover{box-shadow:0 0 .7rem #fbc638;transform:scale(1.05)}.style-button.selected{border:2px solid #fbc638;box-shadow:0 0 15px #14032398;transform:scale(1.12);transition:all .2s ease-in-out}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.style-button.limit-reached{animation:shake .3s ease-in-out}.step2-container{align-items:flex-start;gap:30px;height:auto;min-height:70vh}.left-side-container,.step2-container{display:flex;flex-direction:column;justify-content:center;width:100%}.left-side-container{align-items:center;height:80vh;max-height:90%;max-width:36%;min-width:25vh}.body-picker{align-items:center;align-self:center;background-color:#240748;background-color:#1f0640;border:1px solid #fbc73814;border-radius:10px;box-shadow:inset 0 8px 8px #00000018;display:flex;flex-direction:column;height:90%;justify-content:center;margin-top:10px;padding:10px;transition:.3s;width:90%}.body-picker:hover{border-color:#fbc73849;box-shadow:inset 0 8px 8px #0000004f}.body-svg{height:90%;margin:0 auto;max-width:200px;width:90%}.body-svg path{stroke:#333;fill:var(--secondary-color);cursor:pointer;transition:fill .2s ease}.body-svg path:hover{fill:#efc55274}.body-svg path.selected{fill:var(--accent-color)}path{stroke:var(--accent-color);stroke-width:.5}.options-picker{align-items:left;display:flex;flex-direction:column;height:95%;min-width:50%}.options-row{max-height:36%;min-height:-webkit-fit-content;min-height:fit-content;padding-bottom:15px}.prompt-input{background-color:#1e073c;border:1px solid #fbc73819;border-radius:10px;color:#e9b8ffc4;font-size:1rem;height:60%;margin-top:10px;overflow:auto;padding:10px;resize:none;transition:.2s;width:100%}.prompt-input:hover{border-color:#fbc73849}.prompt-input:focus{border-color:var(--accent-color);outline:none}.prompt-input::placeholder{color:#a786e4;opacity:.3}.color-picker-container{align-items:center;display:flex;flex-direction:column;padding-bottom:30px;width:100%}button{all:unset}.SwitchRoot{-webkit-tap-highlight-color:rgb(12,3,24);background-color:#120224;border:1px solid #fbc7383f;border-radius:9999px;height:25px;position:relative;transition:.3s;width:42px;&:focus{box-shadow:0 0 0 1px var(--accent-color)}&[data-state=checked]{background-color:var(--accent-color)}}.SwitchThumb{background-color:var(--secondary-color);border-radius:9999px;box-shadow:0 2px 2px #000;display:block;height:21px;transform:translateX(2px);transition:transform .1s;width:21px;will-change:transform;&[data-state=checked]{transform:translateX(19px)}}.Label{color:#fff;font-size:15px;line-height:1;-webkit-user-select:none;user-select:none}.size-title{margin-bottom:5px;width:-webkit-fit-content;width:fit-content}.size-picker-container{flex-wrap:nowrap;justify-content:flex-start;width:100%}.size-boxes,.size-picker-container{align-items:center;display:flex;flex-direction:row}.size-boxes{gap:10px;justify-content:left;width:auto}.size-option{align-items:center;aspect-ratio:1/1;background-color:#1e073c;border:1px solid #fbc73819;border-radius:10px;box-sizing:border-box;color:#e9b8ff50;cursor:pointer;display:flex;flex:0 0 auto;font-family:Lexend Deca,sans-serif;font-weight:500;justify-content:center;padding:5px;transition:.2s ease-in-out}.L{font-size:4vw;width:clamp(80px,10vw,120px)}.M{font-size:3vw;width:clamp(60px,8vw,90px)}.S{font-size:2vw;width:clamp(40px,6vw,70px)}.size-option:hover{background-color:#240748;border-color:#fbc73849;scale:1.1}.size-option.selected{background-color:var(--accent-color);border-color:#fbc738;color:#000}.style-weight-container{align-items:stretch;display:flex;flex-direction:row;gap:15px;height:auto;justify-content:flex-start;width:100%}.style-slider-card{align-items:center;background-color:#1f0640;border-radius:10px;box-shadow:inset 0 8px 8px #00000018;display:flex;flex-direction:column;height:auto;justify-content:center;min-width:8rem;padding:10px;width:30%}.style-image{height:auto;margin-bottom:10px;max-width:200px;min-width:5rem;width:100%}.sliders-grid{gap:2rem}.slider-col{gap:1.5rem}@media (max-width:768px){.step2-container{align-items:center;flex-direction:column;padding:20px}.body-picker{height:60%;margin-top:12rem;max-width:400px;width:60%}.style-weight-container{align-items:center;flex-direction:column;width:100%}.style-slider-card{width:40%}.sliders-grid{flex-direction:column;gap:.5rem}.slider-col{min-width:0;width:100%}}.required{color:#de2e63a7;font-size:1.1rem;margin-left:2px;position:relative;vertical-align:super}.step-navigation{display:flex;justify-content:flex-end;padding:20px 0;width:100%}.next-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.next-button:hover{background-color:#45a049}.prompt-input:invalid,.size-boxes:invalid{border-color:#f44}.sliders-grid{display:flex;flex-wrap:wrap;gap:1rem}.slider-col{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:220px}.slider-root{align-items:center;display:flex;height:20px;margin-top:5px;position:relative;width:100%}.slider-track{background-color:var(--secondary-color);border-radius:2px;flex-grow:1;height:4px;position:relative}.slider-range{background-color:var(--accent-color);border-radius:2px;height:100%;position:absolute}.slider-thumb{background-color:#fff;border:2px solid var(--accent-color);border-radius:50%;cursor:pointer;display:block;height:16px;width:16px}.weight-text{color:var(--secondary-color);font-family:Lexend Deca,sans-serif;font-size:.9rem;text-align:center}.slider-group label{color:var(--sub-text);display:block;font-family:Lexend,sans-serif;font-size:1rem;font-weight:500;margin-bottom:6px}.slider-group{margin-bottom:1.5rem}.slider-label-container{align-items:center;display:flex;gap:.5rem;margin-bottom:6px}.slider-label{font-family:Lexend Deca,sans-serif;font-optical-sizing:auto;font-size:1.5rem;font-weight:400;letter-spacing:.5px;margin:0}.checkbox-root{align-items:center;background-color:initial;border:2px solid #e9b8ff;border-radius:4px;display:flex;height:18px;justify-content:center;width:18px}.checkbox-indicator{color:#e9b8ff}.slider-wrapper.disabled{opacity:.3;pointer-events:none;transition:opacity .3s ease}.main-container1{display:flex;flex-direction:column;min-height:80vh}.step3-content{flex:1 1;padding-bottom:2rem}.result-image-container{align-items:center;display:flex;justify-content:center;margin-bottom:1rem;min-height:350px;width:100%}.generated-tattoo-image{background:var(--primary-color);border:2px solid var(--accent-color);border-radius:24px;box-shadow:0 4px 32px 0 #25074d40;max-height:50vh;max-width:80vw;object-fit:contain;transition:box-shadow .4s}.placeholder-image{align-items:center;background:var(--secondary-color);background:linear-gradient(135deg,#1a0634,#280655 50%,#1a0634);border:1px solid var(--accent-color);border-radius:24px;box-shadow:0 10px 10px 0 rgba(18,2,39,.852);color:var(--sub-text);display:flex;font-size:1.2rem;height:360px;justify-content:center;width:420px}.step3-content{align-items:center;display:flex;flex-direction:column;width:100%}.sub-text{color:var(--sub-text);font-size:1.1rem;text-align:center}@media (max-width:600px){.result-image-container{height:180px;min-height:180px;padding:0 10px;width:100%}.placeholder-image{height:180px;max-width:calc(100% - 32px);min-height:180px;width:100%}.generated-tattoo-image{max-height:40vh;max-width:calc(100% - 32px);width:auto}.main-container1{padding:0 8px}}.loader{--c:#fbc638 92%,#0000;animation:l14 1.5s infinite;background:radial-gradient(circle closest-side,var(--c)) -25% 0,radial-gradient(circle closest-side,var(--c)) 25% 0;background-size:50% 100%;height:14px;width:90px}@keyframes l14{0%{background-position:-25% 0,25% 0}50%{background-position:-25% -14px,25% 14px}to{background-position:25% -14px,75% 14px}}.fin_buttons-container{display:flex;flex-direction:row;gap:10px;justify-content:center;margin-top:20px;width:100%}.download-icon{align-items:center;cursor:pointer;display:inline-block;justify-content:center;padding:.5rem;z-index:10}.download-icon:hover .dl-arrow{fill:#a57d0d;stroke:#a57d0d;transform:translateY(3px) scaleY(.95)}.download-icon:hover .dl-base{fill:#a57d0d;stroke:#a57d0d;transform:translateY(1px) scaleX(1.15)}.dl-arrow,.dl-base{transform-box:fill-box;transform-origin:center;transition:transform .2s ease,fill .3s,filter .3s ease}.fin-buttons{align-items:center;background:var(--accent-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;min-width:170px;outline:none;padding:5px 10px;position:relative;transition:all .3s ease}.submit-bttn:hover{box-shadow:0 3px #af9617;top:1px}.strt-over-bttn:hover{box-shadow:0 3px #3c0484;top:1px}.fin-buttons:active{box-shadow:0 0 #bba017;top:5px}.submit-bttn{box-shadow:0 5px #6f6015}.sbmt-text{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.5px}.strt-over-bttn{background:var(--secondary-color);box-shadow:0 5px #110323;color:var(--primary-color)}@media (max-width:600px){.fin_buttons-container{flex-direction:column;gap:10px}}.landing-wrap{align-content:center;display:grid;min-height:100vh;opacity:0;overflow:hidden;place-items:center;position:relative;transform:translateY(16px);transition:opacity 2s ease,transform 2s ease;width:100%}.landing-wrap.is-visible{opacity:1;transform:translateY(0)}.landing-wrap.is-hiding{opacity:0;transform:translateY(-16px)}.landing-logo{height:auto;margin-top:5vw;-webkit-user-select:none;user-select:none;width:clamp(340px,55vw,660px)}.landing-howto{border-radius:14px;height:auto;max-width:90vw;width:clamp(300px,50vw,350px)}.landing-button{background:var(--accent-color);border:none;border-radius:999px;color:#25074d;cursor:pointer;font-family:Lexend Deca,sans-serif;font-size:1.7rem;font-weight:600;padding:12px 22px;transition:.16s ease}.landing-button:hover{background:#d9ad32;transform:translateY(-3px)}.landing-button:active{transform:translateY(0)}.landing-button:focus{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.landing-button,.landing-wrap{transform:none!important;transition:none!important}}
/*# sourceMappingURL=main.39fc888e.css.map*/