:root{--border-radius-tiny: 3px;--border-radius-sm: 5px;--border-radius-md: 7px;--border-radius-lg: 9px;--border-sm: 1px solid var(--color-grey-200);--border-md: 2px solid var(--color-grey-200);--border-lg: 4px solid var(--color-grey-200)}:root.light-mode{--color-brand-50: #fffbea;--color-brand-100: #fff1c5;--color-brand-200: #ffe485;--color-brand-300: #ffcf46;--color-brand-400: #ffb91b;--color-brand-500: #ff9602;--color-brand-600: #e26e00;--color-brand-700: #bb4a02;--color-brand-800: #983908;--color-brand-900: #7c2f0b;--color-brand-950: #481600;--color-grey-0: #fafaf9;--color-grey-50: #f5f5f4;--color-grey-100: #e7e5e4;--color-grey-200: #d6d3d1;--color-grey-300: #a8a29e;--color-grey-400: #78716c;--color-grey-500: #57534e;--color-grey-600: #44403c;--color-grey-700: #292524;--color-grey-800: #1c1917;--color-grey-900: #0c0a09;--color-blue-100: #e0f2fe;--color-blue-700: #0369a1;--color-green-100: #2bfd66;--color-green-700: #00c032;--color-yellow-100: #fef9c3;--color-yellow-700: #a16207;--color-silver-100: #e5e7eb;--color-silver-700: #374151;--color-indigo-100: #e0e7ff;--color-indigo-700: #4338ca;--color-red-100: #ff5f57;--color-red-700: #ff2d23;--color-red-800: #ff0c00;--backdrop-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 2.5px rgba(0, 0, 0, .06);--shadow-lg: 0 2.4px 3.2px rgba(0, 0, 0, .12);--image-grayscale: 0;--image-opacity: 100%}:root,:root.dark-mode{--color-brand-950: #fffbea;--color-brand-900: #fff1c5;--color-brand-800: #ffe485;--color-brand-700: #ffcf46;--color-brand-600: #ffb91b;--color-brand-500: #ff9602;--color-brand-400: #e26e00;--color-brand-300: #bb4a02;--color-brand-200: #983908;--color-brand-100: #7c2f0b;--color-brand-50: #481600;--color-grey-0: #0c0a09;--color-grey-50: #1c1917;--color-grey-100: #292524;--color-grey-200: #44403c;--color-grey-300: #57534e;--color-grey-400: #78716c;--color-grey-500: #a8a29e;--color-grey-600: #d6d3d1;--color-grey-700: #e7e5e4;--color-grey-800: #f5f5f4;--color-grey-900: #fafaf9;--color-blue-100: #075985;--color-blue-700: #e0f2fe;--color-green-100: #00c032;--color-green-700: #2bfd66;--color-yellow-100: #854d0e;--color-yellow-700: #fef9c3;--color-silver-100: #374151;--color-silver-700: #f3f4f6;--color-indigo-100: #3730a3;--color-indigo-700: #e0e7ff;--color-red-100: #ff0c00;--color-red-700: #ff2d23;--color-red-800: #ff5f57;--backdrop-color: rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 2.5px rgba(0, 0, 0, .6);--shadow-lg: 0 2.4px 3.2px rgba(0, 0, 0, .12);--image-grayscale: 10%;--image-opacity: 90%}.user-admin__img,.resume__introduction-image{border-radius:var(--border-radius-md);display:inline-block;filter:drop-shadow(-10px -10px 2px var(--color-grey-200))}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0;transition:background-color .3s,border .3s}button{cursor:pointer}button:has(svg){line-height:0}a{text-decoration:none}ul{list-style:none}img{max-width:100%;filter:grayscale(var(--image-grayscale)) opacity(var(--image-opacity))}html{font-size:62.5%}body{font-family:Poppins,sans-serif;line-height:1.5;font-size:1.6rem}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.heading{margin-bottom:1rem}.heading-1{color:var(--color-grey-500);font-weight:200;font-size:2.8rem}.heading-2{color:var(--color-grey-500);font-weight:200;font-size:2.1rem}.heading-3{color:var(--color-grey-500);font-weight:300;font-size:1.7rem}body{background-color:var(--color-grey-100);color:var(--color-grey-700);min-height:100vh;transition:color .3s,background-color .3s}.container__body{background-color:var(--color-grey-100);display:flex;justify-content:center}input,button,textarea,select{font:inherit;color:inherit}:disabled{cursor:not-allowed}select:disabled,input:disabled{background-color:var(--color-grey-200);color:var(--color-grey-500)}.row{display:flex}.row-horizontal{justify-content:space-between;align-items:center}.row-vertical{flex-direction:column;gap:1.6rem}.divider{width:100%;border:.5px solid var(--color-grey-100)}.spin{animation:spinLoader 1s linear infinite}.btn-tooltip{background-color:var(--color-grey-500);border-radius:var(--border-radius-md);color:var(--color-grey-100)}.footer{display:flex;align-items:flex-start;justify-content:center;gap:1rem;border-top:1px solid rgba(87,83,78,.4);font-size:1.4rem;margin-top:3rem;padding-top:2rem;width:100%}.footer__heart,.footer__tacos,.footer__copy{display:flex;align-items:center;gap:.7rem}.footer__copy{color:var(--color-brand-600);gap:.3rem}.footer__heart>svg{color:var(--color-red-100)}.footer__tacos>svg{color:var(--color-brand-600)}.footer__heart svg,.footer__tacos svg{width:2rem;height:2rem}.btn{border:1px solid transparent;border-radius:var(--border-radius-md);outline:none}.btn.small{padding:.7rem 3rem;font-size:1.5rem}.btn.medium{padding:1rem 2rem;font-size:1.9rem}.btn.large{padding:2rem 5rem;font-size:2.4rem}.btn:active{outline:none;transform:scale(.99)}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn:hover{opacity:.9}.btn.primary{background-color:transparent;outline:2px solid var(--color-brand-400);color:var(--color-brand-400)}.btn.secondary{background-color:var(--color-grey-200);outline:2px solid var(--color-grey-300);color:var(--color-grey-700)}.btn.danger{background-color:var(--color-red-700);outline:2px solid var(--color-red-800);color:var(--color-grey-900)}.btn.danger:hover{opacity:.8}.btn.ghost{background-color:transparent;color:var(--color-brand-400)}.btn.ghost:active{transform:scale(.95)}.btn.ghost svg{width:5rem;height:3.5rem}.btn.form{background-color:transparent;border-radius:var(--border-radius-md);color:var(--color-grey-500);outline:2px solid var(--color-grey-200);width:100%}.btn.form:hover{outline:2px solid var(--color-brand-600)}.btn.form:active{outline:2px solid var(--color-brand-600);transform:scale(.98)}.btn.icon,.btn.linkicon{background-color:transparent;border:none;color:var(--color-grey-500);padding:0;transition:all .3s ease-out}.btn.icon,.btn.icon:link,.btn.linkicon,.btn.linkicon:link{display:inline-block}.btn.icon svg,.btn.linkicon svg{height:2.3rem;width:2.3rem}.btn.icon.large>svg,.btn.linkicon.large>svg{height:3rem;width:3rem}.btn.icon.medium>svg,.btn.linkicon.medium>svg{height:2.6rem;width:2.6rem}@media screen and (max-width: 800px){.btn.icon.medium>svg,.btn.linkicon.medium>svg{height:2.3rem;width:2.3rem}}.btn.icon:hover,.btn.linkicon:hover{color:var(--color-brand-600)}.btn.icon:hover>svg,.btn.linkicon:hover>svg{transform:scale(.95)}.btn.icon:active,.btn.icon:focus,.btn.linkicon:active,.btn.linkicon:focus{outline:none;border:none;transform:scale(1.1)}.btn .spin{animation:spinLoader 1s linear infinite}.btn.float{position:absolute;top:4rem;right:13rem}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-grey-100);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:3.2rem 4rem;transition:all .5s ease-out;max-height:90vh;overflow-y:auto}.modal-overlay{position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--backdrop-color);height:100vh;transition:all 1s ease-out;width:100%;z-index:1000}.modal-button{background:none;border:none;border-radius:var(--border-radius-md);padding:.4rem;transform:translate(.8rem);transition:all .3s ease-out;position:absolute;top:1.2rem;right:1.9rem}.modal-button:hover{background-color:var(--color-grey-100)}.modal-button svg{color:var(--color-grey-500);height:2.4rem;width:2.4rem}.container-me{display:flex;flex-direction:column;justify-content:space-between;align-items:center;column-gap:4rem;background-color:var(--color-grey-100);color:var(--color-grey-500);min-height:100vh;padding:5rem 15rem;max-width:120rem;width:100%}@media screen and (max-width: 900px){.container-me{padding:3rem 7rem}}@media screen and (max-width: 800px){.container-me{padding:3rem 5rem}}@media screen and (max-width: 700px){.container-me{padding:3rem}}@media screen and (max-width: 500px){.container-me{padding:1rem}}.me-header{margin-bottom:5rem;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem}@media screen and (max-width: 700px){.me-header{margin-bottom:2rem;margin-top:1rem}}.me-header__img{height:20rem;width:auto;border-radius:50%;border:1px solid var(--color-grey-400)}@media screen and (max-width: 700px){.me-header__img{height:18rem}}.me-header__title h1{background:linear-gradient(var(--color-brand-400),var(--color-brand-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:Sono,sans-serif;font-size:5rem;font-weight:600}@media screen and (max-width: 700px){.me-header__title h1{font-size:4rem;font-weight:500;text-align:center;line-height:1.3}}.me-header__title p{background:linear-gradient(var(--color-brand-500),var(--color-brand-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:5rem;font-weight:700;text-align:center;text-transform:uppercase}@media screen and (max-width: 700px){.me-header__title p{font-size:4rem;font-weight:600}}.me-header__intro{color:var(--color-grey-500);font-size:1.7rem;font-family:Poppins,sans-serif;font-weight:400;text-align:justify}@media screen and (max-width: 700px){.me-header__intro{font-size:1.6rem;font-weight:500;text-align:left}}.me-social{display:flex;flex-direction:column;align-items:center;gap:4rem;width:100%}.me-social__cta{display:flex;align-items:center;justify-content:space-evenly;gap:5rem}@media screen and (max-width: 700px){.me-social__cta{gap:2rem}}@media screen and (max-width: 500px){.me-social__cta{flex-direction:column}}.me-social__cta-link:link,.me-social__cta-link:visited{border:none;color:var(--color-brand-500);font-size:2rem;font-family:Poppins;font-weight:500;padding:.9rem 1.8rem;transition:all .3s ease-out;display:flex;align-items:center;gap:1.5rem}@media screen and (max-width: 700px){.me-social__cta-link:link,.me-social__cta-link:visited{font-size:1.7rem;padding:.9rem 1.4rem}}.me-social__cta-link:hover,.me-social__cta-link:active,.me-social__cta-link:active:link,.me-social__cta-link:focus,.me-social__cta-link:focus:link,.me-social__cta-link:focus:visited,.me-social__cta-link:active:visited{text-decoration:underline;transform:scale(.99)}.me-social__cta-link svg{color:var(--color-brand-500);height:2.4rem;width:2.4rem;transition:all .1s ease-out}@media screen and (max-width: 500px){.me-social__cta-link svg{height:3rem;width:3rem}}.me-social__cta-link.resume--btn:link,.me-social__cta-link.resume--btn:visited{background-color:var(--color-brand-600);border:none;border-radius:var(--border-radius-md);color:var(--color-grey-200);outline:none;transition:all .3s ease-out}.me-social__cta-link.resume--btn:link svg,.me-social__cta-link.resume--btn:visited svg{color:var(--color-grey-200)}.me-social__cta-link.resume--btn:hover,.me-social__cta-link.resume--btn:active,.me-social__cta-link.resume--btn:active:visited,.me-social__cta-link.resume--btn:active:link{background-color:var(--color-brand-500);color:var(--color-grey-50);text-decoration:none}.me-social__cta-link.resume--btn:hover svg,.me-social__cta-link.resume--btn:active svg,.me-social__cta-link.resume--btn:active:visited svg,.me-social__cta-link.resume--btn:active:link svg{color:var(--color-grey-50)}.me-social__media{display:flex;align-items:center;justify-content:center;gap:4rem;width:100%}@media screen and (max-width: 700px){.me-social__media{gap:3rem}}@media screen and (max-width: 500px){.me-social__media{gap:2rem}}.me-social__media-link:link,.me-social__media-link:visited{background-color:var(--color-grey-100);border-radius:50%;display:flex;align-items:center;padding:2rem}@media screen and (max-width: 700px){.me-social__media-link:link,.me-social__media-link:visited{background-color:var(--color-brand-600);padding:1.3rem}}@media screen and (max-width: 500px){.me-social__media-link:link,.me-social__media-link:visited{padding:1rem}}.me-social__media-link:hover,.me-social__media-link:active,.me-social__media-link:hover:link,.me-social__media-link:active:visited{background-color:var(--color-brand-600)}.me-social__media-link svg{height:5rem;width:5rem;fill:var(--color-grey-600)}@media screen and (max-width: 700px){.me-social__media-link svg{fill:var(--color-grey-100)}}.me-social__media-link:hover svg,.me-social__media-link:active svg,.me-social__media-link:hover:link svg,.me-social__media-link:active:visited svg{fill:var(--color-grey-200)}.me-background{height:30rem;padding:1rem 2rem;width:100%;display:flex;flex-direction:column;align-items:center}.me-background h1{font-size:3.5rem;font-family:Sono;margin-bottom:1.5rem}.me-background__tabs-content{width:40rem;width:max(50%,40rem)}@media screen and (max-width: 500px){.me-background__tabs-content{width:30rem;width:max(50%,30rem)}}.me-background__tabs-buttons{display:flex}.me-background__tabs-button{flex-grow:1;background-color:transparent;margin-bottom:3rem;padding:.5rem 3rem;text-transform:uppercase}.me-background__tabs-button,.me-background__tabs-button:focus{border:.3rem solid transparent;outline:none}.me-background__tabs-button.active{border-bottom:.3rem solid var(--color-brand-600);color:var(--color-brand-600)}.me-background__tabs-content{display:flex;gap:1rem;justify-content:space-evenly;flex-wrap:wrap}.me-background__tabs-content span{background-color:transparent;outline:1px solid var(--color-brand-500);border-radius:var(--border-radius-md);font-size:1.4rem;padding:.7rem 2rem}.me-background__tabs-content span:hover{background-color:var(--color-grey-50);border:1px solid var(--color-brand-700)}.me-footer{border-top:1px solid var(--color-brand-500);width:100%;font-size:1.5rem;padding:1rem 1rem 3rem;display:flex;justify-content:center;align-items:center;gap:.5rem}.me-footer span{display:flex;align-items:center}.me-footer svg{width:2.7rem;height:2.7rem}.me-footer>svg{color:var(--color-red-800)}.me-footer span svg{color:var(--color-silver-700)}.me-footer span svg:nth-child(2n){margin-left:-1rem}.resume__container{background-image:linear-gradient(to bottom,transparent 50%,var(--color-grey-50) 50%),linear-gradient(to right,var(--color-grey-100) 50%,var(--color-grey-50) 50%);background-size:20px 20px,20px 20px;padding:3rem 8rem;position:relative;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1000px){.resume__container{padding:1.5rem 4rem}}@media screen and (max-width: 900px){.resume__container{padding:0}}.resume__layout{background-color:#292524b3;border-radius:var(--border-radius-lg);min-height:100vh;text-align:justify;padding:1rem 0 4rem;max-width:120rem;width:100%;display:grid;--gutter: 1rem;grid-template-columns:3rem 25rem 2fr 3rem;grid-template-rows:5rem 30rem 3fr}@media screen and (max-width: 1000px){.resume__layout{grid-template-columns:1.5rem 25rem 2fr 1.5rem}}@media screen and (max-width: 850px){.resume__layout{grid-template-columns:1.5rem 1fr 1.5rem;grid-template-rows:repeat(4,auto);padding:1rem 3rem}}@media screen and (max-width: 700px){.resume__layout{padding:1rem}}@media screen and (max-width: 600px){.resume__layout{padding:.5rem}}.resume__header{grid-row:1/2;grid-column:2/4;display:flex;align-self:center;justify-content:flex-end;gap:2rem}@media screen and (max-width: 850px){.resume__header{grid-column:2/2;padding-top:.5rem}}.resume__header svg{cursor:pointer;color:var(--color-brand-500);height:2.5rem!important;width:2.5rem!important;transition:all .3s ease-out}.resume__header svg:hover{color:var(--color-brand-600)}.resume__introduction{grid-column:2/4;grid-row:2/2;display:flex;align-items:center;justify-content:space-between;gap:4rem;border-left:2rem solid var(--color-grey-400);margin-bottom:5rem;padding:2rem 0}@media screen and (max-width: 850px){.resume__introduction{border-left:none;margin-bottom:3rem;padding:2rem 0;flex-direction:column-reverse;gap:1rem;height:min-content;grid-column:2/2}}.resume__introduction-profile{font-family:Sono,sans-serif;padding-left:4rem}@media screen and (max-width: 850px){.resume__introduction-profile{padding-left:2rem}}@media screen and (max-width: 700px){.resume__introduction-profile{padding-left:0rem}}.resume__introduction-profile h1{color:var(--color-brand-300);font-size:3rem;font-weight:100}.resume__introduction-profile h2{color:var(--color-brand-300);font-size:5rem;font-weight:500;margin-top:-1.5rem}@media screen and (max-width: 850px){.resume__introduction-profile h1,.resume__introduction-profile h2{text-align:center}}.resume__introduction-profile p{font-family:Sono,sans-serif;font-size:1.6rem}@media screen and (max-width: 850px){.resume__introduction-profile p{font-size:1.5rem}}.resume__introduction-image{height:20rem;width:auto}@media screen and (max-width: 850px){.resume__introduction-image{height:18rem}}.resume__background{grid-column:2/3;grid-row:3/3;display:flex;flex-direction:column;align-items:flex-start;gap:3rem}@media screen and (max-width: 850px){.resume__background{grid-column:2/2;grid-row:4/4;flex-direction:row;justify-content:space-between;margin-bottom:4rem}}@media screen and (max-width: 600px){.resume__background{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(0,auto));place-items:start center;row-gap:0;column-gap:0}}.resume__background-option{border-left:1rem solid var(--color-grey-500);padding:1rem 0 1rem 5rem}.resume__background-option ul{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 850px){.resume__background-option{border:none;padding-left:0}}.resume__background-heading{margin-bottom:2rem;font-family:Sono,sans-serif;font-size:2rem;font-weight:500;color:var(--color-brand-400)}.resume__background-link:link,.resume__background-link:visited{color:var(--color-grey-600);font-size:1.6rem;transition:all .3s ease-out;width:min-content;display:flex;align-items:center;gap:1.5rem}.resume__background-link:hover,.resume__background-link:active,.resume__background-link:active:link,.resume__background-link:active:visited{color:var(--color-grey-500)}.resume__background-link svg{width:2.5rem;height:2.5rem}.resume__background-link:hover svg,.resume__background-link:active svg,.resume__background-link:active:link svg,.resume__background-link:active:visited svg{color:var(--color-brand-600)}.resume__background-stack,.resume__background-langs{display:flex;align-items:center;gap:1.5rem;color:var(--color-grey-600)}.resume__background-stack svg,.resume__background-langs svg{width:2.5rem;height:2.5rem}.resume__experience{grid-column:3/4;grid-row:3/-1;margin-left:5rem}@media screen and (max-width: 850px){.resume__experience{grid-column:2/2;grid-row:3/3;margin-left:0}}.resume__experience-container{display:flex;flex-direction:column;gap:2rem}@media screen and (max-width: 850px){.resume__experience-container>h2{text-align:center}}.resume__experience-jobs,.resume__experience-education{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.resume__experience-job,.resume__experience-school{display:flex;align-items:flex-start;justify-content:flex-start;gap:2rem}@media screen and (max-width: 850px){.resume__experience-job,.resume__experience-school{border-bottom:1px solid var(--color-grey-200);flex-direction:column;gap:0;padding-bottom:1rem}}.resume__experience-where{flex:0 0 17rem}.resume__experience-where h3{color:var(--color-brand-400);font-size:1.9rem;font-weight:500;font-family:Sono,sans-serif}.resume__experience-where i{font-size:1.3rem;color:var(--color-grey-600)}.resume__experience-where p{font-size:1.4rem;color:var(--color-grey-400)}@media screen and (max-width: 850px){.resume__experience-where{flex:0 0 0;margin-bottom:2rem}.resume__experience-where h3{font-size:1.8rem}}.resume__experience-description{flex:1}.resume__experience-description h3{color:var(--color-grey-600);font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:.8rem}.resume__experience-description p{font-size:1.5rem;font-family:Poppins,sans-serif}@media screen and (max-width: 850px){.resume__experience-description p strong small{display:none}}.resume__experience-description p span{color:var(--color-brand-600)}.tooltip__text{display:inline-block;font-size:1.3rem;padding-inline:.3rem;width:50ch}.tooltip__tech-stack{font-size:1.1rem;width:50ch}.auth__container{background-color:var(--color-grey-100);min-height:100vh;position:relative}.auth__form-container{position:absolute;top:30%;left:50%;transform:translate(-50%,-30%);display:flex;flex-direction:column;align-items:center;gap:2rem}.auth__form-container h1{color:var(--color-brand-500);font-family:Sono,sans-serif;font-size:4rem;text-transform:uppercase}@media screen and (max-width: 500px){.auth__form-container h1{font-size:3.5rem;font-weight:500}}.auth__form-container-logo{display:inline-block;height:fit-content;margin-top:auto;text-align:center;position:absolute;bottom:-20rem;left:50%;transform:translate(-50%)}.auth__form-container-logo .logo svg{color:var(--color-brand-500);height:15rem;width:15rem}.auth__form-container-logo h2{color:var(--color-brand-500);font-family:Cutive Mono,monospace;font-size:3rem;text-align:center}.auth__form{background-color:inherit;outline:3px solid var(--color-grey-200);border-radius:var(--border-radius-md);min-width:30rem;padding:3rem 5rem;transition:all .3s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:1rem}@media screen and (max-width: 500px){.auth__form{outline:none}}.auth__form:hover{border-color:var(--color-brand-500)}.auth__button-container,.auth__input-container,.auth__links-container{min-height:6rem;position:relative;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.auth__input-box{background-color:var(--color-grey-100);border:none;border-radius:var(--border-radius-md);color:var(--color-grey-400);font-size:1.4rem;height:4rem;max-width:25rem;outline:2px solid var(--color-grey-200);padding:1rem 4rem;transition:all .3s ease-out}.auth__input-box::placeholder{color:var(--color-grey-400);font-size:1.4rem}.auth__input-box:focus{outline:2px solid var(--color-brand-500);outline-offset:-1px}.auth__input-box:focus+svg{color:var(--color-brand-500)}.auth__input-box--error{outline:2px solid var(--color-red-700)}.auth__input-box--error+svg{color:var(--color-red-700)}.auth__input--error{align-self:flex-start;font-size:1.3rem;color:var(--color-red-700);margin:.5rem}.auth__input-icon{position:absolute;top:1rem;left:1rem;height:2.2rem;width:2.2rem;color:var(--color-grey-500)}.auth__input-icon--password{left:auto;right:1rem;cursor:pointer;height:1.8rem;transition:all 1s ease-out;width:1.8rem}.auth__input-icon--password--hidden{display:none;visibility:hidden}.auth__links-container{display:flex;flex-direction:row;justify-content:space-between;min-height:fit-content}.auth__links-p{color:var(--color-grey-400);font-size:1.2rem}.auth__links-link:link,.auth__links-link:visited{border-bottom:1px solid currentColor;color:var(--color-grey-400);font-size:1.3rem;letter-spacing:.15rem}.blog__container{background-color:var(--color-grey-100);min-height:100vh;max-width:120rem;width:100%;display:grid;grid-template-columns:10rem 4fr 1fr 10rem;grid-template-rows:9rem 1fr 10rem}@media screen and (max-width: 1050px){.blog__container{grid-template-columns:5rem 5fr 1fr 5rem}}@media screen and (max-width: 950px){.blog__container{grid-template-columns:2rem 5fr 1fr 2rem}}@media screen and (max-width: 850px){.blog__container{grid-template-columns:1rem 5fr 1fr 1rem}}@media screen and (max-width: 700px){.blog__container{grid-template-columns:1rem 5fr 2rem}}.blog__header{grid-column:2/4;grid-row:1/2;margin-top:1px}@media screen and (max-width: 700px){.blog__header{grid-column:2/3}}.blog__main{grid-column:2/3;grid-row:2/3;display:flex;flex-direction:column;gap:2rem;margin-top:2rem;width:100%}.blog__tags{margin-top:2rem;grid-column:3/4;grid-row:2/3}.blog__footer{grid-column:2/4;grid-row:3/4}@media screen and (max-width: 700px){.blog__footer{grid-column:2/3}}.blog__header{display:flex;justify-content:space-between;align-items:center;position:relative}.blog__header-logo>a:link,.blog__header-logo>a:visited{color:var(--color-brand-600);font-weight:light;transition:all .3s ease-out}@media screen and (max-width: 700px){.blog__header-logo>a:link>.logo svg,.blog__header-logo>a:visited>.logo svg{height:6.5rem;width:6.5rem}}.blog__header-logo>a:hover,.blog__header-logo>a:active{color:var(--color-brand-500);transform:scale(1.1)}.blog__header-search{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25rem}@media screen and (max-width: 500px){.blog__header-search{left:60%;transform:translate(-60%,-50%);width:20rem}}.blog__header-search>input{background-color:transparent;border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);color:var(--color-grey-500);font-size:1.5rem;outline:2px solid var(--color-grey-400);padding:.7rem 3.1rem;transition:all .3s ease-out;width:100%}@media screen and (max-width: 850px){.blog__header-search>input{font-size:1.4rem;outline:1px solid var(--color-grey-400)}}@media screen and (max-width: 500px){.blog__header-search>input{outline-width:1px;padding:.5rem 2rem .5rem 3.1rem}}.blog__header-search>input::placeholder{color:var(--color-grey-400);font-size:1.4rem}@media screen and (max-width: 850px){.blog__header-search>input::placeholder{font-size:1.3rem}}.blog__header-search>input:hover,.blog__header-search>input:focus{outline-color:var(--color-brand-600)}.blog__header-search>input:hover+svg,.blog__header-search>input:focus+svg{color:var(--color-brand-600)}.blog__header-search>svg{color:var(--color-grey-400);position:absolute;top:.9rem;left:.5rem;height:2.1rem;width:2.1rem;transition:all .3s ease-out}@media screen and (max-width: 850px){.blog__header-search>svg{height:1.9rem;width:1.9rem}}@media screen and (max-width: 500px){.blog__header-search>svg{top:.5rem}}.blog__header-menu{display:flex;align-items:center;gap:2rem}@media screen and (max-width: 850px){.blog__header-menu{gap:1rem}}@media screen and (max-width: 700px){.blog__header-menu{position:absolute;top:3rem;right:1.5rem;flex-direction:column}}.blog__tags-404,.blog__main-posts-404{color:var(--color-brand-600);font-size:1.8rem;font-weight:100;font-family:Sono,sans-serif;text-align:center;width:100%}.blog__main{border-right:1px solid rgba(87,83,78,.4)}@media screen and (max-width: 700px){.blog__main{border:none}}.blog__main-title{color:var(--color-brand-800);font-family:Sono,sans-serif;font-size:3rem;font-weight:100;text-align:center;width:100%}.blog__main-posts{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:2rem;position:relative}.blog__main-posts-back:link,.blog__main-posts-back:visited{color:var(--color-brand-500);font-size:1.5rem;letter-spacing:.2rem;text-decoration:underline}.blog__main-posts-post:link,.blog__main-posts-post:visited{border-radius:var(--border-radius-md);color:var(--color-grey-500);font-size:1.6rem;margin-left:10rem;padding:.5rem 1rem;transition:all .3s ease-out;width:50rem;display:flex;align-items:center;gap:2rem;font-family:Sono,sans-serif}.blog__main-posts-post:link a:hover,.blog__main-posts-post:link a:active,.blog__main-posts-post:visited a:hover,.blog__main-posts-post:visited a:active{color:var(--color-brand-600)}@media screen and (max-width: 800px){.blog__main-posts-post:link,.blog__main-posts-post:visited{margin-left:0}}@media screen and (max-width: 700px){.blog__main-posts-post:link,.blog__main-posts-post:visited{width:50rem}}@media screen and (max-width: 600px){.blog__main-posts-post:link,.blog__main-posts-post:visited{font-size:1.5rem;gap:.5rem;margin-left:-5rem;padding-inline:0;width:40rem}}@media screen and (max-width: 500px){.blog__main-posts-post:link,.blog__main-posts-post:visited{margin-left:-2rem;width:30rem}}.blog__main-posts-post:hover{background-color:var(--color-grey-50)}.blog__main-posts-post-date{color:var(--color-brand-800);width:8rem}.blog__main-posts-post-title{display:block;width:50rem;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 700px){.blog__main-posts-post-title{width:30rem}}@media screen and (max-width: 500px){.blog__main-posts-post-title{width:25rem}}.blog__main-post{grid-row:2/-1;grid-column:1/2}.blog__main-post-content{text-align:justify}.blog__tags{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4rem;margin-left:2rem}@media screen and (max-width: 700px){.blog__tags{display:none}}.blog__tags>h2{color:var(--color-brand-950)}.blog__tags div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.blog__tag{transition:all .3s ease-out}.blog__tag,.blog__tag:link,.blog__tag:visited{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--color-brand-500);font-family:Cutive Mono,serif;font-size:1.6rem;font-style:normal;font-weight:400;outline:1px solid transparent;padding:.3rem .5rem;transition:all .3s ease-out}.blog__tag:hover,.blog__tag:active{outline-color:var(--color-brand-500)}.blog__post-info{overflow:hidden;padding-right:1.5rem}.blog__post-info__heading{margin-bottom:.5rem}.blog__post-info__heading .blog__post-info__error{font-size:2rem;color:var(--color-red-700)}.blog__post-info__heading .blog__post-info__error-icon{color:var(--color-red-700)}.blog__post-info__heading .blog__post-info__error-icon>svg{height:3rem;width:3rem}.blog__post-info__title{color:var(--color-brand-700);font-family:Sono,sans-serif;font-size:3rem;font-weight:100;text-transform:uppercase}@media screen and (max-width: 700px){.blog__post-info__title{font-size:3rem;padding-right:2rem;padding-left:.2rem}}.blog__post-info__meta{display:flex;justify-content:space-between;align-items:center;color:var(--color-grey-500);font-size:1.3rem;margin-bottom:2rem}@media screen and (max-width: 700px){.blog__post-info__meta{flex-direction:column;align-items:flex-start;gap:.5rem;justify-content:flex-start}}.blog__post-info__meta-read{color:var(--color-brand-400)}.blog__post-info__tags{display:flex;gap:.8rem;padding-left:.2rem}.blog__post-info__tags span{background-color:var(--color-brand-100);border-radius:var(--border-radius-md);color:var(--color-grey-900);font-size:1.1rem;outline:2px solid var(--color-grey-100);padding:.2rem .6rem}@media screen and (max-width: 700px){.blog__post-info__tags span{outline-width:1px}}.blog__post-info__banner{margin-bottom:3rem;overflow:hidden;display:flex;justify-content:center;text-align:center}.blog__post-info__banner>img{aspect-ratio:16/9;border-radius:var(--border-radius-md);width:60%}.blog__post-info__description{font-size:1.5rem;font-family:Sono,sans-serif;color:var(--color-grey-600);border-bottom:1px dotted var(--color-brand-100);padding-bottom:1rem;margin:2rem 0}.blog__post-info__content h2,.blog__post-info__content h3{color:var(--color-grey-600);font-family:Poppins,sans-serif;font-weight:400;letter-spacing:.1rem;margin-bottom:2rem;margin-top:2rem}.blog__post-info__content h2{color:var(--color-brand-600);font-size:2rem}.blog__post-info__content h3{color:var(--color-brand-800);font-size:1.8rem;margin-top:3rem}.blog__post-info__content p{color:var(--color-grey-800);font-family:Sono,sans-serif;font-size:1.6rem;font-weight:400;margin-bottom:.5rem}.blog__post-info__content ul,.blog__post-info__content ol{color:var(--color-blue-700);margin-left:2rem;margin-bottom:2rem}.blog__post-info__content ul{list-style:disc}.blog__post-info__content ol{list-style:decimal}.blog__post-info__content ul li p,.blog__post-info__content ol li p{color:var(--color-grey-600);font-size:1.5rem}.blog__post-info__content strong{font-weight:700}.blog__post-info__content hr{color:var(--color-grey-50);margin:2rem 0}.blog__post-info__content blockquote{border-radius:var(--border-radius-sm);margin:3rem 0;padding:.2rem 5rem;position:relative}.blog__post-info__content blockquote:before{content:open-quote;color:var(--color-grey-400);display:inline-block;font-size:8rem;position:absolute;top:-.4em;left:.5rem}@media screen and (max-width: 700px){.blog__post-info__content blockquote:before{font-size:6rem;left:1rem}}.blog__post-info__content blockquote p{color:var(--color-grey-500);font-size:1.8rem;font-style:italic}@media screen and (max-width: 700px){.blog__post-info__content blockquote p{font-size:1.6rem}}.blog__post-info__content pre,.blog__post-info__content pre[class*=language-]{background-color:#1c1917;border-radius:var(--border-radius-md);margin:1rem auto;padding:2rem;display:inline-block;overflow-x:scroll;white-space:pre;max-width:100%;width:100%}@media screen and (max-width: 700px){.blog__post-info__content pre,.blog__post-info__content pre[class*=language-]{padding-inline:.5rem}}@media screen and (max-width: 600px){.blog__post-info__content pre,.blog__post-info__content pre[class*=language-]{padding-inline:.5rem}}.blog__post-info__content pre>code,.blog__post-info__content pre[class*=language-]>code{font-family:Cutive Mono,serif;font-size:1.6rem;font-style:normal;font-weight:400;line-height:1.15;letter-spacing:.01rem;width:95%;display:inline-block}@media screen and (max-width: 700px){.blog__post-info__content pre>code,.blog__post-info__content pre[class*=language-]>code{font-size:1.5rem}}@media screen and (max-width: 600px){.blog__post-info__content pre>code,.blog__post-info__content pre[class*=language-]>code{width:40rem;font-size:1.4rem}}@media screen and (max-width: 450px){.blog__post-info__content pre>code,.blog__post-info__content pre[class*=language-]>code{width:33rem}}.logo{height:6rem;display:flex;align-items:center;justify-content:center}.logo svg{display:inline-block;height:10rem;width:10rem;color:var(--color-brand-700)}@media screen and (max-width: 850px){.logo svg{height:8rem;width:8rem}}.container-admin{display:grid;grid-template-columns:17rem 1fr;grid-template-rows:auto 1fr;height:100vh}@media screen and (max-width: 1000px){.container-admin{grid-template-columns:1fr}}.header-admin{background-color:var(--color-grey-50);border-bottom:1px solid var(--color-grey-200);padding:1.2rem 4.8rem}.sidebar-toggle{display:none;position:absolute;top:1rem;left:1rem;background-color:var(--color-grey-100);border:none;border-radius:var(--border-radius-sm);outline:1px solid var(--color-grey-100);transition:all .3s ease-out;z-index:4}.sidebar-toggle svg{color:var(--color-brand-700);height:2.7rem;width:2.7rem}@media screen and (max-width: 1000px){.sidebar-toggle{display:block}.sidebar-toggle.sidebar-toggle-open{transform:translate(15rem)}}.sidebar-admin{background-color:var(--color-grey-50);border-right:1px solid var(--color-grey-200);padding:3.2rem 0rem;transition:all .3s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2rem;grid-row:1/-1}@media screen and (max-width: 1000px){.sidebar-admin{position:fixed;top:0;left:-20rem;border:none;height:100vh;opacity:0;transition:left .3s ease-out;width:20rem;z-index:3}.sidebar-admin.sidebar-open{left:0;opacity:1;transition:left .3s ease-out,opacity .4s ease-out}.sidebar-admin.sidebar-open+.main-admin{filter:blur(.2rem)}.sidebar-admin.sidebar-open:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:2}}.sidebar-admin__logo{color:var(--color-brand-700);text-align:center;transition:all .3s ease-out}.sidebar-admin__logo:hover{color:var(--color-grey-400);transform:scale(1.2)}.sidebar-admin__ul{display:flex;flex-direction:column;gap:.8rem}.sidebar-admin__li{width:16rem}.sidebar-admin__link:link,.sidebar-admin__link:visited{display:flex;align-items:center;gap:1.2rem;color:var(--color-grey-600);font-size:1.6rem;font-weight:500;padding:1.2rem 2.4rem;width:100%;transition:all .3s ease-out}.sidebar-admin__link:hover,.sidebar-admin__link:active,.sidebar-admin__link:active:link,.sidebar-admin__link:active:visited{background-color:var(--color-grey-100);border-radius:var(--border-radius-sm);color:var(--color-grey-800)}.sidebar-admin__link svg{color:var(--color-grey-600);height:2.4rem;width:2.4rem;transition:all .3s ease-out}.sidebar-admin__link:hover svg,.sidebar-admin__link:active svg,.sidebar-admin__link:active:link svg,.sidebar-admin__link:active:visited svg{color:var(--color-brand-400)}.main-admin{background-color:var(--color-grey-100);padding:4rem 2rem 6.4rem}.header-admin{display:flex;gap:2.4rem;align-items:center;justify-content:flex-end}.header-admin__menu{display:flex;gap:.6rem}.header-admin__btn-icon{background-color:transparent;border:none;outline:none;color:var(--color-grey-500);transition:all .3s ease-out}.header-admin__btn-icon svg{height:2.3rem;width:2.3rem}@media screen and (max-width: 850px){.header-admin__btn-icon svg{height:2rem;width:2rem}}.header-admin__btn-icon>.light{color:var(--color-brand-800)}.header-admin__btn-icon>.dark{color:var(--color-grey-900)}.header-admin__btn-icon:hover>.light{color:var(--color-brand-600)}.header-admin__btn-icon:hover>.dark{color:var(--color-grey-500)}.header-admin__btn-icon:active,.header-admin__btn-icon:focus{outline:none;border:none;transform:scale(1.1)}.blog-table{border:1px solid var(--color-grey-200);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);font-size:1.4rem;overflow:hidden}.blog-table__header,.blog-table__body-row{display:grid;align-items:center;column-gap:2.4rem;grid-template-columns:.5fr 2.3fr 1.8fr .5fr .5fr 1fr}@media screen and (max-width: 900px){.blog-table__header,.blog-table__body-row{grid-template-columns:.6fr 2.2fr 1.8fr .5fr 1fr}}@media screen and (max-width: 800px){.blog-table__header,.blog-table__body-row{grid-template-columns:.6fr 2.2fr .5fr 1fr}}@media screen and (max-width: 700px){.blog-table__header,.blog-table__body-row{grid-template-columns:3fr .5fr 1fr}}.blog-table__header{background-color:var(--color-grey-50);border-bottom:2px solid var(--color-grey-200);color:var(--color-grey-500);font-weight:600;letter-spacing:.4px;padding:1.6rem 0rem;text-transform:uppercase}@media screen and (max-width: 700px){.blog-table__header-img{display:none}}@media screen and (max-width: 700px){.blog-table__header-post{margin-left:1rem}}@media screen and (max-width: 800px){.blog-table__header-tags{display:none}}@media screen and (max-width: 900px){.blog-table__header-date{display:none}}.blog-table__header-published{font-size:1.2rem}.blog-table__body-row{display:grid;column-gap:2.4rem;align-items:center;background-color:var(--color-grey-50);padding:1.6rem 0rem;position:relative}.blog-table__body-row:nth-child(2n){background-color:transparent}.blog-table__body-row:hover{opacity:.9}.blog-table__body-row:not(:last-child){border-bottom:1px solid var(--color-grey-200)}.blog-table__body-row_img{grid-column:1/2;aspect-ratio:3/2;border-radius:var(--border-radius-sm);display:inline-block;object-fit:cover;object-position:center;padding-left:.5rem;width:100%}@media screen and (max-width: 700px){.blog-table__body-row_img{display:none}}.blog-table__body-row_svg{height:3rem;width:3rem;position:absolute;top:1.5rem;left:2rem}@media screen and (max-width: 700px){.blog-table__body-row_svg{display:none}}.blog-table__body-row_post{grid-column:2/3;color:var(--color-brand-600);font-family:Sono;font-size:1.5rem;font-weight:400;width:100%;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 700px){.blog-table__body-row_post{margin-left:1rem;grid-column:1/2}}.blog-table__body-row_tags{font-family:Sono;font-weight:400}@media screen and (max-width: 800px){.blog-table__body-row_tags{display:none}}.blog-table__body-row_date{font-family:Sono;font-size:1.3rem;font-weight:300;color:var(--color-grey-500)}@media screen and (max-width: 900px){.blog-table__body-row_date{display:none}}.blog-table__body-row_draft{font-family:Sono;font-weight:500;text-align:center;width:6.6rem}.blog-table__body-row_draft-true{color:var(--color-green-700)}.blog-table__body-row_draft-false{color:var(--color-red-700)}.blog-table__body-row_draft svg{height:2.5rem;width:2.5rem}@media screen and (max-width: 800px){.blog-table__body-row_draft svg{height:2.2rem;width:2.2rem}}.post__actions{display:flex;align-items:center;gap:1rem;width:min-content;z-index:2;margin-left:1rem}.delete__confirmation{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center;padding-inline:3rem;margin:0 auto}.delete__confirmation p{font-size:1.5rem;color:var(--color-grey-400)}.delete__confirmation p.delete__undone{font-size:1.4rem;color:var(--color-red-800)}.delete__actions{display:flex;gap:2rem}.tiptap__editor{border-radius:var(--border-radius-md);position:relative}.tiptap__editor--toolbar{position:sticky;top:0;z-index:999;background-color:var(--color-grey-200);border-bottom:2px solid var(--color-grey-100);padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.2rem}.tiptap__editor--toolbar>button{background-color:var(--color-grey-200);border:none;border-radius:.4rem;color:var(--color-grey-600);cursor:pointer;font-size:1.2rem;margin-bottom:.2rem;outline:1px solid var(--color-grey-400);padding:.1rem .4rem;transition:all .3s ease;height:2rem}.tiptap__editor--toolbar>button:hover{outline-color:var(--color-grey-300)}.tiptap__editor--toolbar>button.is-active{background-color:var(--color-grey-700);color:var(--color-grey-100)}.tiptap__editor--toolbar>button>svg{height:1.7rem;width:1.7rem}.tiptap.ProseMirror{padding:1rem 2rem;font-family:Sono,sans-serif;min-height:30rem}.tiptap.ProseMirror-focused{border:none;outline:none}.tiptap.ProseMirror>h1{font-size:1.8rem;font-weight:600}.tiptap.ProseMirror>h2{font-size:1.7rem;font-weight:400}.tiptap.ProseMirror>h3{font-size:1.6rem;font-weight:500}.tiptap.ProseMirror>p{font-size:1.4rem;font-weight:200}.tiptap.ProseMirror>ul{list-style:square;margin-left:3rem}.tiptap.ProseMirror>ol{list-style:decimal;margin-left:3rem}.tiptap.ProseMirror strong{font-weight:600}.tiptap.ProseMirror hr{color:var(--color-grey-200);margin:1rem}.tiptap.ProseMirror blockquote{border-radius:var(--border-radius-sm);font-size:1.3rem;padding:.2rem 8rem .2rem 5rem;position:relative}.tiptap.ProseMirror blockquote:before{content:open-quote;left:-2rem}.tiptap.ProseMirror blockquote:after{content:close-quote;right:3rem}.tiptap.ProseMirror blockquote:before,.tiptap.ProseMirror blockquote:after{color:var(--color-grey-200);display:inline-block;font-size:10rem;position:absolute;top:-.4em}.tiptap.ProseMirror .code-block{background:#1c1917;border-radius:var(--border-radius-md);padding:1rem;overflow:hidden;position:relative}.tiptap.ProseMirror .code-block select{position:absolute;right:.5rem;top:.5rem;background-color:var(--color-grey-100);border:none;border-radius:var(--border-radius-md);color:var(--color-grey-900);cursor:pointer;font-size:1.3rem;outline:1px solid var(--color-grey-300);padding:.5rem 1rem;transition:all .3s ease-out}.tiptap.ProseMirror .code-block select:hover{outline-color:#e0e7ff}.tiptap.ProseMirror .code-block-content{padding:.5rem 1rem}.tiptap.ProseMirror .code-block-content pre{background-color:transparent;border-radius:var(--border-radius-md);outline:2px solid #292524;padding:0}.tiptap.ProseMirror .code-block-content pre:hover,.tiptap.ProseMirror .code-block-content pre:focus{outline-color:#676767}.tiptap.ProseMirror .code-block-content pre code{background-color:#0c0a09;border-radius:var(--border-radius-md);color:#fafaf9;display:block;font-family:Cutive Mono,serif;font-size:1.4rem;font-style:normal;font-weight:400;padding:1.5rem}.tiptap.ProseMirror .code-block pre{margin:1.5rem 0;padding:.75rem 1rem}.tiptap.ProseMirror .code-block pre code{background:none;color:inherit;font-size:1.5rem;padding:0}.tiptap.ProseMirror .code-block pre .hljs-comment,.tiptap.ProseMirror .code-block pre .hljs-quote{color:#616161}.tiptap.ProseMirror .code-block pre .hljs-variable,.tiptap.ProseMirror .code-block pre .hljs-template-variable,.tiptap.ProseMirror .code-block pre .hljs-attribute,.tiptap.ProseMirror .code-block pre .hljs-tag,.tiptap.ProseMirror .code-block pre .hljs-name,.tiptap.ProseMirror .code-block pre .hljs-regexp,.tiptap.ProseMirror .code-block pre .hljs-link,.tiptap.ProseMirror .code-block pre .hljs-selector-id,.tiptap.ProseMirror .code-block pre .hljs-selector-class{color:#f98181}.tiptap.ProseMirror .code-block pre .hljs-number,.tiptap.ProseMirror .code-block pre .hljs-meta,.tiptap.ProseMirror .code-block pre .hljs-built_in,.tiptap.ProseMirror .code-block pre .hljs-builtin-name,.tiptap.ProseMirror .code-block pre .hljs-literal,.tiptap.ProseMirror .code-block pre .hljs-type,.tiptap.ProseMirror .code-block pre .hljs-params{color:#fbbc88}.tiptap.ProseMirror .code-block pre .hljs-string,.tiptap.ProseMirror .code-block pre .hljs-symbol,.tiptap.ProseMirror .code-block pre .hljs-bullet{color:#b9f18d}.tiptap.ProseMirror .code-block pre .hljs-title,.tiptap.ProseMirror .code-block pre .hljs-section{color:#faf594}.tiptap.ProseMirror .code-block pre .hljs-keyword,.tiptap.ProseMirror .code-block pre .hljs-selector-tag{color:#70cff8}.tiptap.ProseMirror .code-block pre .hljs-emphasis{font-style:italic}.tiptap.ProseMirror .code-block pre .hljs-strong{font-weight:700}.create__container{min-width:80rem;max-height:90vh;font-family:Sono,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-inline:1rem;margin-top:-2rem}.create__form{margin-top:2rem;width:100%}.create__main{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,5rem);gap:2rem}.create__main-banner{grid-column:1/2;grid-row:1/4;outline:1px solid red}.create__main-title{grid-column:2/3;grid-row:1/2}.create__main-tags{grid-column:2/3;grid-row:2/4}.create__main-description{grid-column:1/-1;grid-row:4/6}.create__main-banner{border-radius:var(--border-radius-md);outline:2px dashed var(--color-grey-200);position:relative}.create__main-banner:hover,.create__main-banner:focus{outline-color:var(--color-brand-400)}.create__main-banner-label{cursor:pointer;display:block;height:100%;width:100%}.create__main-banner-label>div,.create__main-banner-label>img,.create__main-banner-label>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.create__main-banner-label>div{z-index:30;color:var(--color-grey-600)}.create__main-banner-label>img{aspect-ratio:16/9;height:auto;width:25rem;z-index:20}.create__main-banner-label>svg{height:20rem;width:25rem;color:var(--color-grey-200)}.create__main-title,.create__main-tags-input{display:flex;justify-content:center}.create__main-title input,.create__main-tags-input input{background-color:transparent;border:none;border-radius:var(--border-radius-md);font-size:1.3rem;height:4rem;outline:2px solid var(--color-grey-200);padding:.5rem;width:100%}.create__main-title input::placeholder,.create__main-tags-input input::placeholder{color:var(--color-grey-400)}.create__main-title input:hover,.create__main-title input:focus,.create__main-tags-input input:hover,.create__main-tags-input input:focus{outline-color:var(--color-brand-400)}.create__main-tags{display:flex;flex-direction:column;justify-content:space-between}.create__main-tags-db,.create__main-tags-selected{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:1rem;transition:all .3s ease-out}.create__main-tags-db>button,.create__main-tags-selected>button{background-color:transparent;border-radius:var(--border-radius-md);border:none;color:var(--color-grey-400);cursor:pointer;font-size:1.1rem;padding:.3rem .5rem;transition:all .3s ease-out}.create__main-tags-db>button{outline:1px dashed var(--color-grey-200)}.create__main-tags-db>button:hover{outline-color:var(--color-grey-400)}.create__main-tags-db>button:active{transform:scale(.99)}.create__main-tags-db>button:disabled{opacity:.8;text-decoration:line-through}.create__main-tags-db>p{color:var(--color-grey-300);font-size:1.3rem}.create__main-tags-selected{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.create__main-tags-selected-tag{display:flex;justify-content:center;align-items:center;gap:.1rem;color:var(--color-grey-400);font-family:Sono,sans-serif;font-size:1.2rem}.create__main-tags-selected-tag>input{background-color:transparent;border:none;border-radius:var(--border-radius-md);font-size:1.2rem;outline:1px solid var(--color-grey-400);text-align:center;text-transform:lowercase;width:15ch}.create__main-tags-selected-tag>button{border:none;background-color:transparent}.create__main-tags-selected-tag>button>svg{width:2rem;height:2rem;color:var(--color-red-700)}.create__main-description textarea{background-color:transparent;border:none;border-radius:var(--border-radius-md);outline:2px solid var(--color-grey-200);padding:1rem 2rem;width:100%}.create__main-description textarea:hover,.create__main-description textarea:focus{outline-color:var(--color-brand-400)}.create__content{border-radius:var(--border-radius-md);cursor:text;min-height:30rem;max-height:70rem;outline:2px solid var(--color-grey-200);overflow-y:auto}.create__buttons{display:flex;align-items:center;justify-content:center;gap:3rem;height:5rem}.create__main,.create__content{margin-bottom:2rem}.create__loading,.create__not-found{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.create>svg{height:10rem;width:10rem;color:var(--color-grey-200)}.create__main-title,.create__main-tags-input,.create__main-description,.create__main__content{position:relative}.error-msg-input{outline-color:var(--color-red-700)!important}.error-msg-input::placeholder{color:transparent;opacity:0}.error-msg{position:absolute;top:.9rem;left:.5rem;color:var(--color-red-700);font-size:1.4rem;z-index:-1}.error-msg-content{outline-color:var(--color-red-700)!important;position:relative}.error-msg-content>.error-msg{position:absolute;top:5rem;left:.5rem;color:var(--color-red-700);font-size:1.4rem;z-index:-1}.user-admin__container{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center}.user-admin{display:flex;align-items:center;flex-direction:column;gap:2rem}.user-admin__title{color:var(--color-brand-700);font-size:3.5rem;font-family:Sono,monospace}.user-admin__img{height:20rem;width:auto}.user-admin svg{height:15rem;width:15rem;color:var(--color-brand-600)}.user-admin__email{color:var(--color-blue-700);font-size:1.8rem;text-decoration:underline}.user-admin__posts{color:var(--color-brand-700);font-size:2rem}.user-admin hr{color:var(--color-brand-700);height:2px;width:100%}.user__form{border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:2rem;outline:2px solid var(--color-grey-300);margin:1rem;padding:3rem}.user__form-box{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-family:Sono,sans-serif;position:relative}.user__form-box:first-of-type{justify-content:center}.user__form-imglabel{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--border-radius-md);cursor:pointer;padding:1rem;outline:2px dashed var(--color-grey-200);transition:all .3s ease-out}.user__form-imglabel:hover,.user__form-imglabel:focus{outline-color:var(--color-brand-500)}.user__form-imglabel>img{display:inline-block;border-radius:var(--border-radius-md);height:17rem;margin-bottom:1rem;filter:grayscale(70%);width:auto}.user__form-imglabel>svg{color:var(--color-brand-600);height:10rem;width:10rem}.user__form-imglabel>span{color:var(--color-brand-600);font-size:1rem}.user__form-label{color:var(--color-brand-600);font-weight:400;font-size:1.5rem}.user__form-input{background-color:transparent;border:none;border-radius:var(--border-radius-md);color:var(--color-grey-500);font-size:1.5rem;outline:1px solid var(--color-grey-300);padding:.5rem 1rem;width:30ch;transition:all .3s ease-out}.user__form-input:hover,.user__form-input:focus{outline-color:var(--color-brand-500)}.user__form-input-error{outline-color:var(--color-red-700);color:transparent}.user__form-input:focus+.user__form-error{display:none;visibility:hidden}.user__form-input:focus{color:var(--color-grey-500)}.user__form-error{position:absolute;top:.5rem;left:15rem;color:var(--color-red-700);font-size:1.3rem;transition:all .3s ease-out;z-index:-1}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
