.astro-route-announcer{left:0;position:absolute;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;white-space:nowrap;width:1px}header{background-color:var(--clr-primary-400);padding-block:.5rem;position:sticky;top:0;z-index:9}header .logo{text-align:left}my-hamburger{--_dimensions:50px;--_lineHeight:4px;cursor:pointer;display:none}my-hamburger button{cursor:pointer;height:var(--_dimensions);position:relative;width:var(--_dimensions);-webkit-tap-highlight-color:transparent}my-hamburger .burger-line{background-color:var(--clr-accent-400);border-radius:100vmax;height:var(--_lineHeight);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease-out,transform .3s var(--bouncyTransition);width:100%}my-hamburger .burger-line:first-child{top:25%}my-hamburger .burger-line:nth-child(2){width:35px}my-hamburger .burger-line:nth-child(3){top:75%;width:20px}my-hamburger[d_open] .burger-line:first-child{top:50%;transform:translate(-50%,-50%) rotate(45deg)}my-hamburger[d_open] .burger-line:nth-child(2){opacity:0}my-hamburger[d_open] .burger-line:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:100%}@media (max-width:1024px){my-hamburger{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;z-index:2}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{mix-blend-mode:plus-lighter;opacity:0}to{mix-blend-mode:plus-lighter;opacity:1}}@keyframes astroFadeOut{0%{mix-blend-mode:plus-lighter;opacity:1}to{mix-blend-mode:plus-lighter;opacity:0}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}my-nav+.nav-overlay{inset:0;opacity:0;position:fixed;visibility:hidden;z-index:1}my-nav[d_open] nav{transform:translate(0)}my-nav[d_open]+.nav-overlay{opacity:1;visibility:visible}nav{border-bottom-left-radius:var(--borderRadius);z-index:2}nav ul{gap:1.5rem;padding:0}nav ul li{list-style:none}.nav-item{letter-spacing:var(--letterSpacing-200);outline:none;position:relative;text-transform:uppercase}.nav-item,.nav-item:link,.nav-item:visited{color:var(--clr-text);text-decoration:none}a.nav-item[aria-pressed]{color:var(--clr-accent-400);cursor:not-allowed}a.nav-item[aria-pressed]:before{background-color:var(--clr-accent-400);width:calc(100% - var(--letterSpacing-200))}.nav-item:before{background-color:var(--clr-text);border:100vmax;content:"";height:2px;position:absolute;top:50%;transition:width .3s ease-out;width:0}@media (hover:hover){.nav-item:focus-visible:before,.nav-item:hover:before{width:calc(100% - var(--letterSpacing-200))}}@media (max-width:1024px){nav{background-color:var(--clr-primary-300);padding:5rem 2rem 2rem;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .3s ease-out}nav ul{flex-direction:column}@supports (backdrop-filter:none){nav{backdrop-filter:blur(5px);background-color:var(--clr-primary-400-transp)}}}toast-notif{--__progressWidth:100%;--_right:2rem;--_bgColor:var(--clr-accent-300);--_fgColor:var(--clr-accent-500);background-color:var(--_bgColor);border-left:.5rem solid var(--_fgColor);box-shadow:0 5px 10px #0000001a;color:var(--clr-primary-400);max-width:320px;overflow:hidden;padding:1rem 3rem 1rem 1rem;position:fixed;right:var(--gridPadding);top:2rem;transform:translate(calc(100% + var(--_right)));transition:transform .5s var(--lessBouncyTransition);z-index:100;view-transition-name:ToastNotif}::view-transition-group(ToastNotif){z-index:100}toast-notif[d_state=success],toast-notif[d_state=warn]{--_bgColor:var(--clr-accent-300);--_fgColor:var(--clr-accent-500)}toast-notif[d_state=error]{--_bgColor:var(--clr-accent-300);--_fgColor:var(--clr-error)}toast-notif .close-btn{position:absolute;right:1rem;top:1rem}toast-notif .close-btn my-icon{background-color:var(--_fgColor);height:20px;width:20px}@media (hover:hover){toast-notif .close-btn:hover my-icon{background-color:var(--clr-primary-400)}}toast-notif .progress{background-color:var(--_fgColor);bottom:0;height:3px;left:0;position:absolute;width:var(--__progressWidth)}toast-notif[d_visible]{transform:translate(0)}@media (max-width:350px){toast-notif{left:var(--gridPadding)}}my-icon{background-color:var(--clr-text-light);display:block;height:20px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;width:20px}my-icon[d_icon=x-mark]{background-color:var(--clr-primary-400);height:15px;-webkit-mask-image:url(https://aminobelyamani.b-cdn.net/vb/images/x.svg);mask-image:url(https://aminobelyamani.b-cdn.net/vb/images/x.svg);width:15px}my-icon[d_icon=success]{background-color:var(--clr-accent-500);height:30px;-webkit-mask-image:url(https://aminobelyamani.b-cdn.net/vb/images/success.svg);mask-image:url(https://aminobelyamani.b-cdn.net/vb/images/success.svg);width:30px}my-icon[d_icon=warn]{background-color:var(--clr-accent-500)}my-icon[d_icon=error],my-icon[d_icon=warn]{-webkit-mask-image:url(https://aminobelyamani.b-cdn.net/vb/images/error.svg);mask-image:url(https://aminobelyamani.b-cdn.net/vb/images/error.svg)}my-icon[d_icon=error]{background-color:var(--clr-error)}my-icon[d_icon=play-btn]{height:50px;-webkit-mask-image:url(https://aminobelyamani.b-cdn.net/vb/images/play-btn.svg);mask-image:url(https://aminobelyamani.b-cdn.net/vb/images/play-btn.svg);width:50px}my-icon[d_color=dark],my-icon[d_icon=play-btn]{background-color:var(--clr-text)}my-icon[d_color=white]{background-color:var(--clr-primary-400)}