@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500&family=Dancing+Script&family=Young+Serif&display=swap";#root{margin:0;padding:0;text-align:center;overflow-x:hidden;overflow-y:hidden}@media only screen and (max-width: 990px){html{font-size:.7em}}@media only screen and (max-width: 750px){html{font-size:.5em}}@media only screen and (max-width: 680px){html{font-size:.33em}}.button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;height:10vh;width:100vw;position:absolute;top:1em;font-size:1.5em;background-color:#ffffff16;font-family:Cinzel,serif}.header-button{color:#fff;margin-top:1em;margin-bottom:1em;margin-right:1em;font-size:1em;cursor:pointer}.linkButtonDesign{width:5em;height:3em;background-color:#00bd03;border:.2em solid black;color:#c78787;cursor:pointer;margin:1em}.home-body{height:100vh;width:100vw;background-color:#3f5f5f;display:flex;justify-content:center;background-image:url(/assets/background-c823f9f7.jpg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;top:0;z-index:-100}.linkButtonDesign{width:5em;height:3em;background-color:#0f9d12;border:.2em solid black;color:#c78787;cursor:pointer;margin:1em}.title{font-family:Cinzel,serif;margin-top:0;font-size:2.5em}.logo{height:15em;min-width:15em;background-image:url(/assets/42cea1eb-e7ef-449e-a2ec-25301714895c-cee91572.png);z-index:100;background-position:center;background-repeat:no-repeat;background-size:contain;margin-top:0}.home-justify{display:flex;justify-content:center;align-items:center;flex-direction:column}.landing-button{padding:1.3em 3em;font-size:12px;text-transform:uppercase;letter-spacing:2.5px;font-weight:500;color:#000;background-color:#fff;border:none;border-radius:45px;box-shadow:0 8px 15px #0000001a;transition:all .3s ease 0s;cursor:pointer;outline:none;height:2em;margin-top:2em}.landing-button:hover{background-color:#23c483;box-shadow:0 15px 20px #2ee59d66;color:#fff;transform:translateY(-7px)}.landing-button:active{transform:translateY(-1px)}.login-body{height:100vh;width:100vw;background-color:#3f5f5f;display:flex;justify-content:center;align-items:center;background-image:url(/assets/background-c823f9f7.jpg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;z-index:-100}.input-card-login{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;font-size:1em;width:18em;height:auto;padding-bottom:3em;border-radius:2em;background:#212121;box-shadow:15px 15px 30px #191919,-15px -15px 30px #3c3c3c}.inputs-login-container{margin-top:3em}.title-login{font-size:1em;color:#fff;z-index:100;position:relative;font-family:Cinzel,serif;margin-bottom:1em;margin-top:1em}.inputDesign{height:2em;width:15em;border-radius:1em;border:.5 solid darkcyan;margin-bottom:2em}.register-body{height:100vh;width:100vw;background-color:#3f5f5f;display:flex;justify-content:center;align-items:center;background-image:url(/assets/background-c823f9f7.jpg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;z-index:-100}.input-card-register{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:1em;width:18em;height:auto;border-radius:30px;background:#212121;box-shadow:15px 15px 30px #191919,-15px -15px 30px #3c3c3c}.inputs-register-container{margin-top:2em}.title-login{font-size:1em;color:#fff;z-index:100;position:relative;top:1em;font-family:Cinzel,serif}.errorMsg{color:red}.animated-button{display:flex;justify-content:center;align-items:center;margin-top:1em;--clr-font-main: hsla(0 0% 20% / 100);--btn-bg-1: hsla(194 100% 69% / 1);--btn-bg-2: hsla(217 100% 56% / 1);--btn-bg-color: hsla(360 100% 100% / 1);--radii: .5em;cursor:pointer;padding:.5em 1.5em;min-width:4em;min-height:1em;font-size:var(--size, 1rem);font-family:Segoe UI,system-ui,sans-serif;font-weight:500;transition:.8s;background-size:280% auto;background-image:linear-gradient(325deg,var(--btn-bg-2) 0%,var(--btn-bg-1) 55%,var(--btn-bg-2) 90%);border:none;border-radius:var(--radii);color:var(--btn-bg-color);box-shadow:0 0 20px #47b8ff80,0 5px 5px -1px #3a7de940,inset 4px 4px 8px #afe6ff80,inset -4px -4px 8px #135fd859}.not-necesarilly{height:1em;display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:.8em;margin-top:0;font-size:.6em;color:#f80}.profile-body{height:100vh;width:100vw;background-color:#3f5f5f;display:flex;justify-content:center;background-image:url(/assets/background-c823f9f7.jpg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;top:0;z-index:-100}.div-photo{display:flex;justify-content:center;align-items:center;flex-direction:column}.div-photo img{display:flex;justify-content:center;align-items:center;width:14em;height:14em;border-radius:50%}.update-profile .class-button{display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;width:150px;height:50px;background-image:linear-gradient(to top,#D8D9DB 0%,#fff 80%,#FDFDFD 100%);border-radius:30px;border:1px solid #8F9092;transition:all .2s ease;font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:600;color:#606060;text-shadow:0 1px #fff;margin-top:2em}.class-button:hover{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 3px 3px #cecfd1}.class-button:active{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 5px 3px #999,inset 0 0 30px #aaa}.class-button:focus{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 5px 3px #999,inset 0 0 30px #aaa}.portfolio-body{height:100%;width:100vw;background-color:#171717;display:flex;justify-content:center;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-100}.portfolio-Roster{display:flex;justify-content:center;flex-wrap:wrap;position:absolute;top:11em}.pagination-portfolio{width:100vw;height:5em;display:flex;justify-content:space-evenly;align-items:center;position:absolute;top:6.5em}.card-portfolio{height:15em;width:15em;border-radius:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#ffffff38;border:.2 solid black;transition:1s;padding:1em;margin:1em;font-family:Cinzel,serif;font-size:1.2em;-webkit-user-select:none;user-select:none}.portfolio{height:15em;width:15em;border-radius:1em;position:absolute}.desc-portfolio{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#000;height:15em;width:15em;position:absolute;background-color:#ffffffa9;border-radius:1em;z-index:100;opacity:0;transition:.5s}.desc-portfolio:hover{opacity:1;transition:.5s}.button{display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;width:100px;height:25px;background-image:linear-gradient(to top,#D8D9DB 0%,#fff 80%,#FDFDFD 100%);border-radius:30px;border:1px solid #8F9092;transition:all .2s ease;font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:600;color:#606060;text-shadow:0 1px #fff;-webkit-user-select:none;user-select:none}.button:hover{box-shadow:0 3px 3px 1px #fcfcfc,0 4px 6px #d6d7d9,0 -3px 3px #cecfd1,0 -4px 2px #fefefe,inset 0 0 3px 3px #cecfd1}.button:active{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 5px 3px #999,inset 0 0 30px #aaa}.button:focus{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 5px 3px #999,inset 0 0 30px #aaa}.card-worker{height:15em;width:15em;border-radius:1em;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;background-color:#ffffff1f;border:.2 solid black;transition:1s;padding:1em;margin:1em;font-family:Cinzel,serif;font-size:1em;cursor:pointer;-webkit-user-select:none;user-select:none}.worker{height:15em;width:15em;position:absolute;background-size:contain;border-radius:1em}.desc{z-index:100;width:15em;height:15em;opacity:0;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;transition:.5s}.desc:hover{z-index:100;opacity:1;background-color:#ffffff81;color:#000;border-radius:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.workers-body{height:100%;width:100vw;background-color:#171717;display:flex;justify-content:center;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-100}.worker-Roster{display:flex;justify-content:center;flex-wrap:wrap;position:absolute;top:11em}.pagination-workers{width:100vw;height:5em;display:flex;justify-content:space-evenly;align-items:center;position:absolute;top:6.5em}.worker{background-size:cover}.input-card-update{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;font-size:1em;width:18em;height:auto;border-radius:2em;background:#212121;box-shadow:15px 15px 30px #191919,-15px -15px 30px #3c3c3c}.inputs-update-container{margin-top:.3em;margin-bottom:1em;display:flex;flex-direction:column;justify-content:center;align-items:center}.update-number,.update-email,.update-password,.url-avatar{text-align:center;margin-top:1em;background:rgb(46,45,45);border:none;outline:none;width:15em;height:2.3em;font-size:16px;border-radius:.8em;box-shadow:inset 2px 5px 10px #050505;color:#fff}.appointments-body{height:100vh;width:100vw;background-color:#151515;display:flex;flex-direction:column;justify-content:center;background-position:center;background-repeat:no-repeat;background-size:100% 100%;z-index:-100}.appointments-Roster{height:84vh;width:100vw;display:flex;flex-direction:column;align-items:center;position:absolute;margin-top:14em}.create-appointment-button{width:6em;height:1em;display:flex;justify-content:center;align-items:center;border:none;color:#fff;background-image:linear-gradient(30deg,#0400ff,#4ce3f7);border-radius:20px;background-size:100% auto;font-family:inherit;font-size:17px;padding:.6em 1.5em;font-family:Cinzel,serif}.create-appointment-button:hover{background-position:right center;background-size:200% auto;-moz-animation:pulse512 1.5s infinite;animation:pulse512 1.5s infinite}.card-appointment{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;min-width:50%;max-width:80%;height:auto;color:#fff;text-align:center;border-radius:2em;background-color:#29292b;margin:3em;padding:2em;font-family:Cinzel,serif}.card-appointment-board{display:flex;justify-content:center;align-items:center;flex-direction:row;transition-duration:2s}.date-category{display:flex;justify-content:center;align-items:center}.center,.right{justify-content:center;align-items:flex-start;flex-direction:column;display:flex;justify-content:space-between;margin-right:5em}.left{margin-left:2em;height:14em;width:19em;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:5em}.nameProduct{font-size:1.3em;margin-right:1em}.card-appointment img{border-radius:10%;width:60%;margin-top:1.25em}.desc-col{margin-top:1em;font-size:1.5em}.desc-row{margin-right:1em;margin-left:2em;font-size:1.2em}.status,.client_name,.client_email,.date,.shift,.service{margin-right:3em}.button-spoiler{width:7em;display:flex;position:relative;left:1em;margin-right:1em}.tattoo-artist-card-container{display:flex;justify-content:space-between;align-items:center}.button-update-appointment{cursor:pointer;background-size:cover;background-repeat:no-repeat;background-position:center;height:3em;width:3em;margin-bottom:2em}.button-update-appointment img{cursor:pointer;background-size:cover;background-repeat:no-repeat;background-position:center;height:2em;width:2em}.buttons-card-appointments{display:flex;justify-content:flex-start;align-self:start;height:.5em;position:relative;right:3.5em}.delete{width:5em;height:2em;background-color:bisque;border:.2em solid black;border-radius:.7em;color:#000;cursor:pointer;margin:1em}.appointment-body{height:100vh;width:100vw;background-color:#3f5f5f;display:flex;justify-content:center;align-items:center}.input-card-create{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;font-size:1em;width:18em;height:auto;border-radius:2em;background:#212121;box-shadow:15px 15px 30px #191919,-15px -15px 30px #3c3c3c}.inputs-create-container{margin-top:1em;margin-bottom:1em;display:flex;flex-direction:column;justify-content:center;align-items:center}.title-create{font-size:1em;color:#fff;z-index:100;position:relative;font-family:Cinzel,serif;margin-top:1em}.shift-create,.create-date,select{text-align:center;margin-top:1em;background:rgb(46,45,45);border:none;outline:none;width:15em;height:2.3em;font-size:16px;border-radius:.8em;box-shadow:inset 2px 5px 10px #050505;color:#fff}.shift-toggle{display:flex;align-items:center;justify-content:center;margin:0}.shift-toggle-select{width:15em;height:2.3em;border-radius:.8em;text-align:center}.appointment-body{height:100vh;width:100vw;background-color:#3f5f5f;display:flex;justify-content:center;align-items:center;background-image:url(/assets/background-c823f9f7.jpg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;z-index:-100}.input-card-update-appointment{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;font-size:1em;width:18em;height:auto;border-radius:2em;background:#212121;box-shadow:15px 15px 30px #191919,-15px -15px 30px #3c3c3c}.inputs-update-appointment-container{margin-top:.3em;margin-bottom:1em;display:flex;flex-direction:column;justify-content:center;align-items:center}.title-update{font-size:1em;color:#fff;z-index:100;position:relative;font-family:Cinzel,serif;margin-top:1.8em}.date-appointment,.shift-appointment{text-align:center;margin-top:1em;background:rgb(46,45,45);border:none;outline:none;width:15em;height:2.3em;font-size:16px;border-radius:.8em;box-shadow:inset 2px 5px 10px #050505;color:#fff}.animated-button{--clr-font-main: hsla(0 0% 20% / 100);--btn-bg-1: hsla(194 100% 69% / 1);--btn-bg-2: hsla(217 100% 56% / 1);--btn-bg-color: hsla(360 100% 100% / 1);--radii: .5em;cursor:pointer;padding:.5em 1.5em;min-width:4em;min-height:1em;font-size:var(--size, 1rem);font-family:Segoe UI,system-ui,sans-serif;font-weight:500;transition:.8s;background-size:280% auto;background-image:linear-gradient(325deg,var(--btn-bg-2) 0%,var(--btn-bg-1) 55%,var(--btn-bg-2) 90%);border:none;border-radius:var(--radii);color:var(--btn-bg-color);box-shadow:0 0 20px #47b8ff80,0 5px 5px -1px #3a7de940,inset 4px 4px 8px #afe6ff80,inset -4px -4px 8px #135fd859}.animated-button:hover{background-position:right top}.animated-button:is(:focus,:focus-visible,:active){outline:none;box-shadow:0 0 0 3px var(--btn-bg-color),0 0 0 6px var(--btn-bg-2)}@media (prefers-reduced-motion: reduce){.animated-button{transition:linear}}.users-body{height:84vh;width:100vw;background-color:#3f5f5f00;display:flex;justify-content:center}.users-Roster{display:flex;justify-content:center;flex-wrap:wrap}.pagination-all-users{width:100vw;height:5em;display:flex;justify-content:space-around;align-items:center;position:absolute;top:7em}.container-all-users{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;position:absolute;margin-top:8em}.getAllAppointments-body{height:100vh;width:100vw;background-color:#3f5f5f;display:flex;flex-direction:column;justify-content:center;background-image:url(/assets/background-c823f9f7.jpg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;z-index:-100}.getAllAppointments-Roster{height:84vh;width:100vw;display:flex;flex-direction:column;align-items:center;position:absolute;margin-top:14em}.pagination-appointments{width:100vw;height:5em;display:flex;justify-content:space-around;align-items:center;position:absolute;top:7em}.create-appointment-admin-button{width:6em;height:1em;display:flex;justify-content:center;align-items:center;margin-top:-3em;border:none;color:#fff;background-image:linear-gradient(30deg,#0400ff,#4ce3f7);border-radius:20px;background-size:100% auto;font-family:inherit;font-size:17px;padding:.6em 1.5em;font-family:Cinzel,serif}.create-appointment-admin-button:hover{background-position:right center;background-size:200% auto;-moz-animation:pulse512 1.5s infinite;animation:pulse512 1.5s infinite}@keyframes pulse512{0%{box-shadow:0 0 #05bada66}70%{box-shadow:0 0 0 10px #da674400}to{box-shadow:0 0 #da674400}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;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%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}