.notifications-container{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:10px;z-index:110}.Confirmation-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#0000004d;animation:fade-back .3s ease;z-index:3}.Confirmation-container button{font-size:1rem;color:var(--text);box-shadow:0 0 .5rem var();border:none;padding:.6rem 3rem;border-radius:.7rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.3rem;background-color:var(--border);transition:background-color ease .2s,color ease .2s}.Confirmation-container button:hover{background-color:var(--primary);color:var(--bg-darker)}@keyframes fade-back{0%{background-color:#0000}to{background-color:#0000004d}}.Confirmation-container .Confirmation{position:absolute;top:1rem;left:50%;transform:translate(-50%);width:30rem;height:auto;background-color:var(--bg-light);box-shadow:0 0 1rem var(--bg);display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;border-radius:.75rem;animation:fade-down .3s ease;padding:1rem;gap:1.2rem}@keyframes fade-down{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.Confirmation-container .Confirmation .texts{flex:1;height:auto;display:flex;flex-direction:column;justify-content:start;align-items:start;margin:0;padding:0 1rem;gap:1.2rem}.Confirmation-container .Confirmation .texts h4{width:100%;text-align:center;font-size:2rem;line-height:2rem;color:var(--primary)}.Confirmation-container .Confirmation .texts p{width:100%;text-align:center;font-size:1rem;line-height:1rem;color:var(--text)}.Confirmation-container .Confirmation .actions{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%}.Confirmation-container .Confirmation .actions button{font-size:1.2rem;width:5rem}.Confirmation-container .Confirmation .close{width:1.6rem;height:1.6rem;padding:0;margin:0;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer}.Confirmation-container .Confirmation .close svg{transform:scale(1.5);width:100%;height:100%}.Confirmation-container .Confirmation .close svg path{fill:var(--text)}@media (max-width: 767px){.Confirmation-container .Confirmation{max-width:90%}}.notification{width:25rem;height:auto;background-color:var(--bg-light);box-shadow:0 0 1rem var(--bg);display:flex;justify-content:center;align-items:start;flex-direction:column;overflow:hidden;border-radius:.5rem;animation:fade-in .3s ease}@keyframes fade-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification.removeing{animation:fade-out .3s forwards ease}@keyframes fade-out{0%{margin-top:0;opacity:1}to{margin-top:var(--notification-height);opacity:0}}.notification .timer{width:100%;height:2px;padding:0;margin:0;display:flex;justify-content:end;align-items:end}.notification .timer .timebar{width:0%;height:100%;background-color:var(--primary-dark)}@keyframes timer{0%{width:100%}to{width:0%}}.notification .content{width:100%;height:auto;display:flex;padding:.6rem .8rem}.notification .content .status{width:1.8rem;height:1.8rem;display:flex;justify-content:center;align-items:center;border-radius:50%}.notification .content .status.ok{background-color:var(--success)}.notification .content .status.bad{background-color:var(--danger)}.notification .content .status svg{width:85%;height:85%}.notification .content .status svg path{fill:var(--text)}.notification .content .texts{flex:1;height:auto;display:flex;flex-direction:column;justify-content:start;align-items:start;margin:0;padding:0 1rem;gap:.5rem}.notification .content .texts h4{font-size:1rem;line-height:1rem;color:var(--primary)}.notification .content .texts p{font-size:1rem;line-height:1rem;color:var(--text)}.notification .content .close{width:1.5rem;height:1.5rem;padding:0;margin:0;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer}.notification .content .close svg{transform:scale(1.5);width:100%;height:100%;cursor:pointer}.notification .content .close svg path{fill:var(--text)}@media (max-width: 767px){.notification{width:75vw;max-width:25rem}.notification .content{width:100%;height:auto;display:flex;padding:.45rem .6rem}.notification .content .status{width:1.5rem;height:1.5rem}.notification .content .texts{padding:0 .5rem}.notification .content .texts h4,.notification .content .texts p{font-size:.9rem;line-height:.9rem}.notification .content .close{width:1.25rem;height:1.25rem}}.loader-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loader-container .TheLoader{border:.45rem solid var(--bg-lighter);border-top:.45rem solid var(--primary-dark);border-radius:50%;width:5rem;height:5rem;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--bg);border-top:1px solid var(--bg-lighter);padding:2rem 0;z-index:99}.footer .footer-container{width:calc(100% - 2rem);max-width:1200px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem}.footer .footer-container .footer-content{width:100%;display:flex;justify-content:space-between;align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:1rem}.footer .footer-container .footer-content .brand{flex:1;width:auto;height:auto;display:flex;justify-content:space-between;align-items:start;flex-direction:column}.footer .footer-container .footer-content .brand .logo{width:auto;height:auto;cursor:pointer}.footer .footer-container .footer-content .brand .logo img{width:auto;height:1.3rem;object-fit:cover}.footer .footer-container .footer-content .sections{width:auto;display:flex;gap:3rem;justify-content:space-between;flex-wrap:wrap}.footer .footer-container .footer-content .sections .column{display:flex;gap:1.25rem;justify-content:start;align-items:start;flex-direction:column}.footer .footer-container .footer-content .sections .column h4{font-weight:700;font-family:MyFont4,serif;font-size:1rem}.footer .footer-container .footer-content .sections .column ul{width:auto;list-style:none;padding:0;margin:0;display:flex;justify-content:start;align-items:start;flex-direction:column;gap:.75rem}.footer .footer-container .footer-content .sections .column ul li{display:flex;justify-content:start;align-items:start;flex-direction:column}.footer .footer-container .footer-content .sections .column ul li a{text-decoration:none;color:var(--text-muted);font-family:MyFont4,serif;font-size:.95rem}.footer .footer-container .footer-content .sections .column ul li a:hover{color:var(--text)}.footer .footer-container .footer-content .sections .column ul li p{color:var(--text);font-family:MyFont4,serif;font-size:.95rem}@media (max-width: 768px){.footer .footer-container .footer-content .sections .column{justify-content:center;align-items:center}.footer .footer-container .footer-content .sections .column h4{font-weight:700;font-family:MyFont4,serif;font-size:1rem;text-align:center;width:100%}.footer .footer-container .footer-content .sections .column ul,.footer .footer-container .footer-content .sections .column ul li,.footer .footer-container .footer-content .sections .column ul li p,.footer .footer-container .footer-content .sections .column ul li a{text-align:center;width:100%}}@media (max-width: 768px){.footer .footer-container .footer-content{flex-direction:column;justify-content:center;align-items:center}.footer .footer-container .footer-content .brand{width:100%;justify-content:center;align-items:center;gap:5vw}.footer .footer-container .footer-content .brand .logo{width:auto;height:auto;cursor:pointer;display:flex;justify-content:center;align-items:center}.footer .footer-container .footer-content .brand .logo img{width:auto;height:1.3rem;object-fit:cover}.footer .footer-container .footer-content .sections{width:100%;justify-content:center;align-items:center;gap:5vw}}.footer .footer-container .footer-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:.875rem}@media (max-width: 600px){.footer .footer-container .footer-bottom{flex-direction:column-reverse;gap:2vw;justify-content:center}}.footer .footer-container .footer-bottom p{color:var(--text-muted);font-family:MyFont4,serif;font-size:.95rem}@media (max-width: 600px){.footer .footer-container .footer-bottom p{font-size:3.5vw}}.footer .footer-container .footer-bottom .icons{display:flex;align-items:center;gap:1rem}.footer .footer-container .footer-bottom .icons .external-link{font-size:2rem;text-decoration:none}.footer .footer-container .footer-bottom .icons .external-link svg path{fill:var(--text);transition:fill .2s ease}.footer .footer-container .footer-bottom .icons .external-link:hover svg path{fill:var(--primary-dark)}@media (max-width: 600px){.footer .footer-container .footer-bottom .icons{gap:3vw}.footer .footer-container .footer-bottom .icons .external-link{font-size:8vw}}.image-wrapper{position:relative;height:100%;width:100%}.image-wrapper .lqip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;object-fit:contain;transition:opacity .5s ease,visibility .5s ease;z-index:5;opacity:.75;visibility:visible;display:block;image-rendering:optimizeSpeed}.image-wrapper .lqip.loaded{opacity:0;visibility:hidden}.image-wrapper .lqip.instant{transition:none;opacity:0;visibility:hidden}.image-wrapper .main-image{width:100%;height:auto;display:block;position:relative;z-index:2}.image-wrapper.nonInteractive .lqip{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;touch-action:none;cursor:default}.image-wrapper.nonInteractive .main-image{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;touch-action:none;cursor:default;image-rendering:optimizeQuality}.stars{display:flex;gap:.25rem;align-items:center}.stars .star{background:none;border:none;padding:.1rem .15rem;cursor:pointer;line-height:1}.stars .star .star-inner{display:block;font-size:1.5rem;color:var(--border);transition:color .15s ease,transform .15s ease}.stars .star.lit .star-inner{color:var(--primary)}.stars .star:not(.disabled):hover .star-inner{transform:scale(1.2)}.stars .star.disabled{cursor:not-allowed;opacity:.5}.stars.static .star{cursor:default}.stars.static .star .star-inner{font-size:1.4rem}.stars.static .star.lit .star-inner{color:var(--primary)}.rating-result{display:flex;flex-direction:column;align-items:center;gap:.4rem}.rating-stats{display:flex;align-items:baseline;gap:.35rem;margin:0;font-family:MyFont4,serif}.rating-stats .avg{font-size:1rem;color:var(--primary);font-weight:700}.rating-stats .sep{font-size:.8rem;color:var(--text-muted)}.rating-stats .dot{font-size:.75rem;color:var(--border)}.rating-stats .count{font-size:.8rem;color:var(--text-muted)}.rating-error{font-family:MyFont4,serif;font-size:.8rem;color:var(--danger);margin:0;text-align:center}.edit-btn{background:none;border:none;padding:0;cursor:pointer;font-family:MyFont4,serif;font-size:.78rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.edit-btn:hover{color:var(--primary)}.rating-site{display:flex;flex-direction:column;align-items:center;gap:.6rem}.rating-site .rating-label{font-family:MyFont4,serif;font-size:.9rem;color:var(--text-muted);margin:0;letter-spacing:.03em;transition:color .2s ease}.rating-site .rating-result{align-items:center}@media (max-width: 600px){.rating-site .stars .star .star-inner{font-size:7vw}.rating-site .rating-label{font-size:3.5vw}}.rating-toast{position:fixed;bottom:2rem;right:2rem;z-index:9999;width:272px;background:var(--toast-bg, #111);border:1px solid var(--toast-border, rgba(255, 255, 255, .08));border-radius:16px;padding:1.2rem 1.2rem 1rem;box-shadow:0 4px 6px -1px #0006,0 20px 60px -10px #0009}.rating-toast.toast-enter{animation:toastIn .42s cubic-bezier(.16,1,.3,1) both}.rating-toast.toast-exit{animation:toastOut .32s cubic-bezier(.4,0,1,1) both}.rating-toast .stars .star .star-inner{font-size:1.35rem}.rating-toast .rating-result{align-items:flex-start}.rating-toast .edit-btn{border:1px solid var(--toast-border, rgba(255, 255, 255, .1));border-radius:6px;padding:.28rem .65rem;font-size:.7rem;letter-spacing:.04em;text-decoration:none;color:var(--toast-muted, rgba(255, 255, 255, .4))}.rating-toast .edit-btn:hover{border-color:#ffffff40;color:#ffffffbf}.rating-toast .rating-stats .avg{color:var(--toast-text, rgba(255, 255, 255, .8))}.rating-toast .rating-stats .sep{color:var(--toast-muted, rgba(255, 255, 255, .4))}.rating-toast .rating-stats .dot{color:var(--toast-muted, rgba(255, 255, 255, .25))}.rating-toast .rating-stats .count{color:var(--toast-muted, rgba(255, 255, 255, .4))}.rating-toast .rating-error{color:#f87171}@keyframes toastIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(14px) scale(.96)}}.toast-close{position:absolute;top:.6rem;right:.7rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--toast-muted, rgba(255, 255, 255, .3));font-size:1.15rem;cursor:pointer;border-radius:50%;transition:color .18s,background .18s}.toast-close:hover{color:var(--toast-text, rgba(255, 255, 255, .9));background:#ffffff12}.toast-header{padding-right:1.5rem;margin-bottom:.9rem}.toast-eyebrow{display:block;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--toast-muted, rgba(255, 255, 255, .38));margin-bottom:.2rem}.toast-project-name{display:block;font-size:.95rem;font-weight:500;color:var(--toast-text, rgba(255, 255, 255, .88));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}header{width:100%;height:auto;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:101;background-color:var(--bg-dark)}header .header-container{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;height:3.4rem;padding:0 1rem;background-color:var(--bg-dark)}header .header-container aside{width:auto;height:auto;display:flex;justify-content:start;align-items:center;gap:1rem}header .header-container aside.logins-One{justify-content:end;flex:0 0 25%}header .header-container aside.logo-aside{flex:0 0 25%}header .header-container aside .logo{width:auto;height:auto;display:flex;justify-content:center;align-items:center;cursor:pointer}header .header-container aside .logo img{width:auto;height:1.3rem;object-fit:cover}header .header-container aside .login,header .header-container aside .signup{font-size:.9rem;color:var(--text);font-family:MyFont4,sans-serif;text-decoration:none;transition:border-color .2s ease,color .2s ease}header .header-container aside .login:hover,header .header-container aside .signup:hover{color:var(--text-muted)}header .header-container aside .login.signup,header .header-container aside .signup.signup{border:1px solid var(--border);padding:.2rem .6rem .3rem;border-radius:1rem}header .header-container aside .login.signup:hover,header .header-container aside .signup.signup:hover{color:var(--text);border-color:var(--text-muted)}header .header-container .nav-container{width:auto;height:auto;flex:0 0 50%;display:flex;justify-content:center;align-items:center}header .header-container .nav-container nav{position:relative;font-family:sans-serif}header .header-container .nav-container nav menu{list-style:none;display:flex;position:relative;margin:0;padding:0;gap:.5rem}header .header-container .nav-container nav menu li{position:relative;z-index:1}header .header-container .nav-container nav menu li a,header .header-container .nav-container nav menu li p,header .header-container .nav-container nav menu li button{text-decoration:none;background-color:transparent;border:none;padding:.2rem .75rem .25rem;display:flex;justify-content:center;align-items:center;gap:.3rem;position:relative;z-index:2;font-size:.9rem;color:var(--text);font-family:MyFont4,sans-serif;cursor:pointer}header .header-container .nav-container nav menu li a svg,header .header-container .nav-container nav menu li p svg,header .header-container .nav-container nav menu li button svg{height:1rem;width:auto;aspect-ratio:1/1;transform-origin:center center;transform:translateY(12%) rotate(0);transition:transform .2s ease}header .header-container .nav-container nav menu li a svg path,header .header-container .nav-container nav menu li p svg path,header .header-container .nav-container nav menu li button svg path{fill:var(--text-muted)}header .header-container .nav-container nav menu li:hover~.hover-bg{opacity:1}header .header-container .nav-container nav menu li:hover a svg{transform:translateY(12%) rotate(180deg)}header .header-container .nav-container nav menu li:hover .under-menu{visibility:visible;opacity:1}header .header-container .nav-container nav menu li .under-menu{position:absolute;top:calc(100% + .4rem);left:0;background-color:var(--bg);border:1px solid var(--bg-light);border-radius:.75rem;visibility:hidden;opacity:0;transition:visibility .3s ease,opacity .3s ease;list-style:none;padding:.75rem;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.5rem}header .header-container .nav-container nav menu li .under-menu li a{display:flex;flex-direction:row;justify-content:center;align-items:center;text-wrap:nowrap;color:var(--text);font-size:.9rem;transition:color .2s ease}header .header-container .nav-container nav menu li .under-menu li a svg{height:1.1rem;width:1.1rem;aspect-ratio:1/1;transform-origin:center center;transform:rotate(0);transition:none;margin-right:.5rem}header .header-container .nav-container nav menu li .under-menu li a svg path{fill:var(--text);transition:fill .2s ease}header .header-container .nav-container nav menu li .under-menu li a svg:last-child{margin:0;visibility:hidden;opacity:0;transition:visibility .2s ease,opacity .2s ease}header .header-container .nav-container nav menu li .under-menu li a:hover{color:var(--primary)}header .header-container .nav-container nav menu li .under-menu li a:hover svg path{fill:var(--primary)}header .header-container .nav-container nav menu li .under-menu li a:hover svg:last-child{visibility:visible;opacity:1}header .header-container .nav-container nav menu .hover-bg{position:absolute;top:0;left:0;height:100%;width:0;background-color:var(--bg-light);border-radius:1rem;transition:all .3s ease;z-index:0;opacity:0;pointer-events:none}header .header-container .nav-container .logins-Two{display:none}header .header-container .burger-menu{display:none;width:25px;height:25px;justify-content:space-between;align-items:center;flex-direction:column;gap:.3rem;cursor:pointer;position:relative}header .header-container .burger-menu .bar{width:25px;height:2px;background-color:var(--text);position:absolute;left:50%;transform-origin:center center;transition:transform .4s ease,opacity .4s ease}header .header-container .burger-menu .bar:first-child{top:50%;transform:translate(-50%,calc(-50% + 8px))}header .header-container .burger-menu .bar:nth-child(2){top:50%;transform:translate(-50%,-50%);transition:visibility 0s ease,opacity 0s ease}header .header-container .burger-menu .bar:last-child{top:50%;transform:translate(-50%,calc(-50% - 8px))}header .header-container .burger-menu.step-1 .bar:first-child,header .header-container .burger-menu.step-1 .bar:last-child{transform:translate(-50%,-50%)}header .header-container .burger-menu.step-1 .bar:nth-child(2){opacity:1;visibility:visible}header .header-container .burger-menu.step-2 .bar:first-child{transform:translate(-50%,-50%) rotate(45deg)}header .header-container .burger-menu.step-2 .bar:last-child{transform:translate(-50%,-50%) rotate(-45deg)}header .header-container .burger-menu.step-2 .bar:nth-child(2){opacity:0;visibility:hidden}header .header-container .burger-menu.close-1 .bar:first-child,header .header-container .burger-menu.close-1 .bar:last-child{transform:translate(-50%,-50%) rotate(0)}header .header-container .burger-menu.close-1 .bar:nth-child(2){opacity:0;visibility:hidden}header .header-container .burger-menu.close-2 .bar:first-child{transform:translate(-50%,calc(-50% + 8px))}header .header-container .burger-menu.close-2 .bar:last-child{transform:translate(-50%,calc(-50% - 8px))}header .header-container .burger-menu.close-2 .bar:nth-child(2){opacity:1;visibility:visible}@media (max-width: 800px){header .header-container{position:relative;padding:0 1.5rem}header .header-container .nav-container{max-width:400px;width:auto;height:auto;flex:0;position:absolute;top:100%;left:0;transform:translate(-100%);width:100%;height:calc(100vh - 3.4rem);background-color:var(--bg-dark);pointer-events:auto;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:1rem}header .header-container .nav-container .logins-Two{display:flex;flex-direction:row;width:100%}header .header-container .nav-container .logins-Two .login,header .header-container .nav-container .logins-Two .signup{font-size:1.05rem;color:var(--text);font-family:MyFont4,sans-serif;text-decoration:none;transition:border-color .2s ease,color .2s ease;border:1px solid transparent;padding:.5rem;border-radius:1rem;border-color:var(--text-muted);display:flex;justify-content:center;align-items:center;flex:1}header .header-container .nav-container .logins-Two .login:hover,header .header-container .nav-container .logins-Two .signup:hover{border-color:var(--text)}header .header-container .nav-container .logins-Two .login.signup,header .header-container .nav-container .logins-Two .signup.signup{border:1px solid var(--border);color:var(--bg-dark);background-color:var(--text)}header .header-container .nav-container .logins-Two .login.signup:hover,header .header-container .nav-container .logins-Two .signup.signup:hover{background-color:var(--text-muted)}}@media (max-width: 800px) and (max-width: 800px){header .header-container .nav-container .logins-Two{flex-direction:column}header .header-container .nav-container .logins-Two .login,header .header-container .nav-container .logins-Two .signup{width:100%;font-size:1rem}}@media (max-width: 800px){header .header-container .nav-container.open{opacity:1;visibility:visible;transform:translate(0)}header .header-container .nav-container nav{width:100%;position:relative;font-family:sans-serif}header .header-container .nav-container nav menu{width:100%;list-style:none;display:flex;flex-direction:column;position:relative;margin:0;padding:0;gap:0;overflow:hidden}header .header-container .nav-container nav menu li{width:100%;position:relative;z-index:1;padding:1.3rem 0;border-bottom:1px solid var(--bg-light);display:flex;flex-direction:column;gap:0}header .header-container .nav-container nav menu li a,header .header-container .nav-container nav menu li button{width:100%;justify-content:space-between;padding:0;font-size:1.1rem}header .header-container .nav-container nav menu li a.open svg,header .header-container .nav-container nav menu li button.open svg{transform:rotate(180deg)}header .header-container .nav-container nav menu li:hover a svg{transform:translateY(12%) rotate(180deg)}header .header-container .nav-container nav menu li:hover .under-menu{visibility:visible;opacity:1}header .header-container .nav-container nav menu li .under-menu{position:relative;background-color:transparent;border:none;border-radius:0;visibility:visible;opacity:1;list-style:none;padding:0 .75rem;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1.25rem;opacity:0}header .header-container .nav-container nav menu li .under-menu li{border:none;width:100%;padding:.5rem 0}header .header-container .nav-container nav menu li .under-menu li a{justify-content:start;align-items:start}header .header-container .nav-container nav menu .hover-bg{display:none}header .header-container .logins-One{display:none}header .header-container .burger-menu{display:flex}}@media (max-width: 500px){header .header-container aside .logo img{height:1.5rem}header .header-container .burger-menu{width:30px;height:30px}header .header-container .burger-menu .bar{width:30px;height:2px;background-color:var(--text);position:absolute;left:50%;transform-origin:center center;transition:transform .4s ease,opacity .4s ease}header .header-container .burger-menu .bar:first-child{transform:translate(-50%,calc(-50% + 10px))}header .header-container .burger-menu .bar:last-child{transform:translate(-50%,calc(-50% - 10px))}header .header-container .burger-menu.close-2 .bar:first-child{transform:translate(-50%,calc(-50% + 10px))}header .header-container .burger-menu.close-2 .bar:last-child{transform:translate(-50%,calc(-50% - 10px))}header .header-container .nav-container{max-width:none;width:100%;transform:translate(0)}header .header-container .nav-container.open{opacity:1;visibility:visible}}#PageNotFound{width:100%;height:auto;flex:1;display:flex;justify-content:center;align-items:center}#PageNotFound .container{width:auto;padding:min(2rem,5vw);height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:min(2rem,8vw)}#PageNotFound .container .image-text{font-size:min(20rem,50vw);line-height:1;font-weight:700;color:transparent;background-size:cover;background-position:center;-webkit-background-clip:text;background-clip:text;font-family:MyFont2,sans-serif}#PageNotFound .container .Title,#PageNotFound .container .Text{max-width:700px;text-align:center;font-family:MyFont2,sans-serif;font-size:min(4rem,10vw);line-height:1.2;color:var(--text)}#PageNotFound .container .Title{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:repeating-linear-gradient(to top,var(--primary-dark),var(--primary-light) 100%);background-size:100% 100%;background-position:0 0}#PageNotFound .container .Text{font-size:min(1.5rem,4.2vw);color:var(--text-muted)}#PageNotFound .container .back-btn{background:repeating-linear-gradient(to top,var(--primary-dark),var(--primary-dark) 50%,var(--primary-light) 70%,var(--primary-light) 80%,var(--primary-dark) 100%);background-size:100% 200%;background-position:0 0;animation:animeBtn 2s linear infinite;border:none;padding:min(.8rem,2.5vw) min(2.5rem,5vw);border-radius:min(.5rem,4vw);font-size:min(1.5rem,10vw);line-height:1.2;position:relative;cursor:pointer;color:var(--bg-dark);transition:background .3s ease,color .3s ease,padding .3s ease;text-decoration:none}@keyframes animeBtn{0%{background-position:0 0}to{background-position:0 200%}}#PageNotFound .container .back-btn:hover{color:var(--text)}#Admin-Nav{width:15rem;height:100%;background-color:var(--bg);display:flex;flex-direction:column;transition:width .3s ease;position:relative;overflow:hidden;z-index:2;flex-shrink:0}#Admin-Nav.collapsed{width:4.5rem;overflow:visible}#Admin-Nav.collapsed .site-logo{margin-bottom:1.5rem}#Admin-Nav.collapsed .site-logo .logo-figure{display:none}#Admin-Nav.collapsed .site-logo .button-con #OpenToggle{margin-left:0;transform:rotateY(180deg)}#Admin-Nav.collapsed menu{padding:0;align-items:center;gap:.25rem}#Admin-Nav.collapsed menu li{width:100%;padding:0}#Admin-Nav.collapsed menu li a,#Admin-Nav.collapsed menu li .mobile-logout-btn{width:4.5rem;height:3.5rem;justify-content:center;padding:0}#Admin-Nav.collapsed menu li a .nav-label,#Admin-Nav.collapsed menu li .mobile-logout-btn .nav-label{display:none}#Admin-Nav.collapsed menu li a .nav-icon,#Admin-Nav.collapsed menu li .mobile-logout-btn .nav-icon{width:1.5rem;height:1.5rem}#Admin-Nav.collapsed menu li a:hover .nav-tooltip,#Admin-Nav.collapsed menu li a:focus-visible .nav-tooltip,#Admin-Nav.collapsed menu li .mobile-logout-btn:hover .nav-tooltip,#Admin-Nav.collapsed menu li .mobile-logout-btn:focus-visible .nav-tooltip{opacity:1;transform:translate(0) scale(1);pointer-events:none}#Admin-Nav.collapsed .options{padding-top:.75rem;align-items:center}#Admin-Nav.collapsed .options .profile-name{display:none}#Admin-Nav.collapsed .options .profile .profile-figure{width:2.75rem;height:2.75rem}#Admin-Nav.collapsed .options .logout-btn{padding:0;width:2.75rem;height:2.75rem;border-radius:50%;justify-content:center}#Admin-Nav.collapsed .options .logout-btn span{display:none}#Admin-Nav.collapsed .options .logout-btn svg{width:1.25rem;height:1.25rem;transition:transform .3s ease}#Admin-Nav.collapsed .options .logout-btn:hover svg{transform:scale(1.15)}#Admin-Nav .site-logo{width:100%;padding:.65rem;display:flex;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0}#Admin-Nav .site-logo .logo{display:flex;align-items:center}#Admin-Nav .site-logo .logo .logo-figure{width:2.75rem;height:2.75rem;aspect-ratio:1}#Admin-Nav .site-logo .logo .logo-figure .logo-image{width:100%;height:100%;object-fit:contain}#Admin-Nav .site-logo .button-con{flex:1;display:flex;justify-content:flex-end;align-items:center}#Admin-Nav .site-logo .button-con #OpenToggle{width:2rem;height:2rem;background:transparent;border:none;padding:0;cursor:pointer;color:var(--text);transition:transform .3s ease,color .2s ease;transform:rotateY(0);display:flex;align-items:center;justify-content:center}#Admin-Nav .site-logo .button-con #OpenToggle svg{width:100%;height:100%}#Admin-Nav .site-logo .button-con #OpenToggle:hover{color:var(--primary)}#Admin-Nav .site-logo .button-con #OpenToggle:focus-visible{outline:2px solid var(--primary);border-radius:4px}#Admin-Nav menu{flex:1;width:100%;overflow-x:hidden;overflow-y:auto;padding:.5rem .5rem .5rem 0;display:flex;flex-direction:column;gap:.3rem;list-style:none;margin:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}#Admin-Nav menu li a,#Admin-Nav menu li .mobile-logout-btn{position:relative;width:100%;padding:.7rem 1rem;height:auto;gap:.6rem;font-size:1rem;display:flex;justify-content:flex-start;align-items:center;text-decoration:none;color:var(--text);background:none;border:none;cursor:pointer;border-radius:0 2rem 2rem 0;overflow:hidden;transition:color .2s ease}#Admin-Nav menu li a:before,#Admin-Nav menu li .mobile-logout-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:linear-gradient(30deg,var(--primary-dark),var(--primary));transform:translate(-105%);transition:transform .3s ease;z-index:-1}#Admin-Nav menu li a:hover:before,#Admin-Nav menu li .mobile-logout-btn:hover:before{transform:translate(-50%)}#Admin-Nav menu li a:hover,#Admin-Nav menu li .mobile-logout-btn:hover{color:var(--text)}#Admin-Nav menu li a.active,#Admin-Nav menu li .mobile-logout-btn.active{color:var(--bg-dark)}#Admin-Nav menu li a.active:before,#Admin-Nav menu li .mobile-logout-btn.active:before{transform:translate(0);background-image:linear-gradient(30deg,var(--primary),var(--primary-dark))}#Admin-Nav menu li a:focus-visible,#Admin-Nav menu li .mobile-logout-btn:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}#Admin-Nav menu li a .nav-icon,#Admin-Nav menu li .mobile-logout-btn .nav-icon{display:flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;flex-shrink:0}#Admin-Nav menu li a .nav-icon svg,#Admin-Nav menu li .mobile-logout-btn .nav-icon svg{width:100%;height:100%}#Admin-Nav menu li a .nav-label,#Admin-Nav menu li .mobile-logout-btn .nav-label{flex:1;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#Admin-Nav menu li a .nav-tooltip,#Admin-Nav menu li .mobile-logout-btn .nav-tooltip{position:absolute;left:5rem;top:50%;transform:translateY(-50%) translate(-8px) scale(.95);background:var(--bg-lighter);color:var(--text);font-size:.8rem;padding:.3rem .65rem;border-radius:.5rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;box-shadow:0 2px 8px #00000040;z-index:100;border:1px solid var(--border);display:none}#Admin-Nav menu .mobile-logout-item{display:none}#Admin-Nav.collapsed menu li a .nav-tooltip,#Admin-Nav.collapsed menu li .mobile-logout-btn .nav-tooltip{display:block}#Admin-Nav .options{width:100%;display:flex;flex-direction:column;gap:.5rem;padding:.65rem;flex-shrink:0;box-shadow:0 -1px 0 var(--border)}#Admin-Nav .options .profile{width:100%;display:flex;align-items:center;gap:.6rem}#Admin-Nav .options .profile .profile-figure{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0;aspect-ratio:1}#Admin-Nav .options .profile .profile-figure .profile-image{width:100%;height:100%;object-fit:cover}#Admin-Nav .options .profile .profile-name{flex:1;font-size:.9rem;font-weight:500;color:var(--text);overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%);mask-image:linear-gradient(to right,black 80%,transparent 100%)}#Admin-Nav .options .logout-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.4rem .8rem;background:var(--bg-light);border:none;border-radius:.7rem;color:var(--primary);font-size:.9rem;cursor:pointer;transition:background .3s ease,gap .3s ease}#Admin-Nav .options .logout-btn svg{width:1rem;height:1rem;flex-shrink:0}#Admin-Nav .options .logout-btn:hover{background:var(--border);gap:.7rem}#Admin-Nav .options .logout-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}#Admin-Nav .options .hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.25rem;width:2.2rem}#Admin-Nav .options .hamburger .bar{display:block;width:100%;height:3px;border-radius:2px;background:var(--text);transition:transform .28s ease,opacity .28s ease}#Admin-Nav .options .hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}#Admin-Nav .options .hamburger.active .bar:nth-child(2){opacity:0;transform:scaleX(0)}#Admin-Nav .options .hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}#Admin-Nav .options .hamburger:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}@media (max-width: 1200px){#Admin-Nav{width:13rem}}@media (max-width: 767px){#Admin-Nav{width:100%;height:4rem;flex-direction:row;align-items:center;overflow:visible}#Admin-Nav.collapsed{width:100%}#Admin-Nav .site-logo{width:auto;height:100%;padding:.4rem .65rem;flex-shrink:0}#Admin-Nav .site-logo .button-con{display:none}#Admin-Nav menu{position:absolute;top:4rem;left:0;width:100%;height:auto;max-height:calc(100dvh - 4rem);overflow-y:auto;background:var(--bg-dark);border-top:1px solid var(--primary);border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;padding:.75rem;z-index:10;opacity:0;transform:translateY(-105%);pointer-events:none;transition:transform .3s ease,opacity .3s ease}#Admin-Nav menu li a,#Admin-Nav menu li .mobile-logout-btn{border-radius:1rem;justify-content:center;font-size:1.1rem;padding:.75rem 1rem}#Admin-Nav menu li a .nav-tooltip,#Admin-Nav menu li .mobile-logout-btn .nav-tooltip{display:none!important}#Admin-Nav menu li a:before,#Admin-Nav menu li .mobile-logout-btn:before{border-radius:1rem}#Admin-Nav menu .mobile-logout-item{display:block}#Admin-Nav menu .mobile-logout-item .mobile-logout-btn{color:var(--primary);width:100%}#Admin-Nav.mobile-open menu{opacity:1;transform:translateY(0);pointer-events:auto}#Admin-Nav .options{flex:1;flex-direction:row;justify-content:flex-end;align-items:center;gap:.6rem;padding:.4rem .65rem;box-shadow:none}#Admin-Nav .options .profile{width:auto;flex-shrink:1}#Admin-Nav .options .profile .profile-figure{width:2.25rem;height:2.25rem}#Admin-Nav .options .profile .profile-figure .profile-image{width:100%;height:100%;object-fit:cover}#Admin-Nav .options .logout-btn{display:none}#Admin-Nav .options .hamburger{display:flex}}#Admin{background-color:var(--bg-darker);width:100%;height:100dvh;display:flex;justify-content:center;align-items:start;overflow:hidden}#Admin #Admin-content{flex:1;height:100dvh;overflow-y:auto;overflow-x:hidden;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}@media (max-width: 767px){#Admin{flex-direction:column}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bgColor);display:flex;justify-content:center;align-items:center;transition:opacity .35s ease,visibility .35s ease;z-index:9999}.loading-overlay.relative{position:absolute}.loading-overlay.visible{opacity:1;visibility:visible}.loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-overlay .loader{width:60px;height:60px;display:block;margin:15px auto;position:relative;color:var(--text);box-sizing:border-box;animation:rotation .75s linear infinite}.loading-overlay .loader:after,.loading-overlay .loader:before{content:"";box-sizing:border-box;position:absolute;width:35px;height:35px;top:50%;left:50%;transform:scale(.5) translate(0);background-color:var(--primary);border-radius:50%;animation:animloader .75s infinite ease-in-out}.loading-overlay .loader:before{background-color:var(--primary-dark);transform:scale(.5) translate(-70px,-70px)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animloader{50%{transform:scale(1) translate(-50%,-50%)}}@font-face{font-family:MyFont1;src:url(https://andreasnn1.com/assets/font1-WRcqnDIx.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:MyFont2;src:url(https://andreasnn1.com/assets/font2-VwVUPpnX.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:MyFont3;src:url(https://andreasnn1.com/assets/font3-C6XJyw6E.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:MyFont4;src:url(https://andreasnn1.com/assets/font4-8kRkwJBP.woff2) format("woff2");font-weight:400;font-style:normal}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-dark: rgb(4, 4, 4);--bg: rgb(14, 14, 14);--bg-light: rgb(30, 30, 30);--bg-lighter: rgb(35, 35, 35);--border: rgb(55, 55, 55);--text: #ffffff;--text-muted: #acacac;--text-link: var(--primary);--text-link-hover: var(--primary-dark);--primary-dark: rgb(255, 145, 0);--primary: rgb(255, 166, 0);--primary-light: rgb(255, 208, 0);--danger: #da1e1e;--warning: #e6b25c;--success: #73b27c;--info: var(--primary);--transparent: transparent}html,body{max-width:100%;margin:0;padding:0}#root{min-width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}header{background-color:var(--bg-dark)}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-dark)}main{display:flex;justify-content:start;align-items:center;flex-direction:column;width:100%;height:auto;min-height:100vh;padding-top:var(--headerHeight)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:6px}::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:6px;border:3px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-dark)}
