.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[x_sel=header]{background-color:var(--clr-primary-400);padding-block:.5rem;position:sticky;top:0;z-index:9}header[x_sel=header] a[x_sel=logo]{text-align:left}my-hamburger{--_dimensions:50px;--_lineHeight:4px;cursor:pointer;display:none}my-hamburger button[x_sel=hamburgerBtn]{cursor:pointer;height:var(--_dimensions);position:relative;width:var(--_dimensions);-webkit-tap-highlight-color:transparent}my-hamburger button[x_sel=hamburgerBtn] div[x_sel=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 button[x_sel=hamburgerBtn] div[x_sel=burger-line]:first-child{top:25%}my-hamburger button[x_sel=hamburgerBtn] div[x_sel=burger-line]:nth-child(2){width:35px}my-hamburger button[x_sel=hamburgerBtn] div[x_sel=burger-line]:nth-child(3){top:75%;width:20px}my-hamburger[d_open] button[x_sel=hamburgerBtn] div[x_sel=burger-line]:first-child{top:50%;transform:translate(-50%,-50%) rotate(45deg)}my-hamburger[d_open] button[x_sel=hamburgerBtn] div[x_sel=burger-line]:nth-child(2){opacity:0}my-hamburger[d_open] button[x_sel=hamburgerBtn] div[x_sel=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[d_open] nav[x_sel=nav]{transform:translate(0)}nav[x_sel=nav]{border-bottom-left-radius:var(--borderRadius);z-index:2}nav[x_sel=nav] ul[x_sel=navUl]{gap:1.5rem;padding:0}@media(max-width:1024px){nav[x_sel=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[x_sel=nav] ul[x_sel=navUl]{flex-direction:column}@supports (backdrop-filter:none){nav[x_sel=nav]{backdrop-filter:blur(5px);background-color:var(--clr-primary-400-transp)}}}li[x_sel=navItem]{list-style:none}li[x_sel=navItem] a[x_sel=nav-link]{letter-spacing:var(--letterSpacing-200);outline:none;position:relative;text-transform:uppercase}li[x_sel=navItem] a[x_sel=nav-link],li[x_sel=navItem] a[x_sel=nav-link]:link,li[x_sel=navItem] a[x_sel=nav-link]:visited{color:var(--clr-text);text-decoration:none}li[x_sel=navItem] a[x_sel=nav-link][aria-pressed]{color:var(--clr-accent-400);cursor:not-allowed}li[x_sel=navItem] a[x_sel=nav-link][aria-pressed]:before{background-color:var(--clr-accent-400);width:calc(100% - var(--letterSpacing-200))}li[x_sel=navItem] a[x_sel=nav-link]: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){li[x_sel=navItem] a[x_sel=nav-link]:focus-visible:before,li[x_sel=navItem] a[x_sel=nav-link]:hover:before{width:calc(100% - var(--letterSpacing-200))}}my-overlay{inset:0;position:fixed;z-index:1}my-overlay[hidden]{display:none}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);view-transition-name:ToastNotif;z-index:100}::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 button[x_sel=close-btn]{position:absolute;right:1rem;top:1rem}toast-notif button[x_sel=close-btn] my-icon[x_sel=closeBtnIcon]{background-color:var(--_fgColor);height:20px;width:20px}@media(hover:hover){toast-notif button[x_sel=close-btn]:hover my-icon[x_sel=closeBtnIcon]{background-color:var(--clr-primary-400)}}toast-notif div[x_sel=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)}app-btn[hidden]{display:none}app-btn{--_color:var(--clr-accent-400);--_hoverColor:var(--clr-accent-300);--_textColor:var(--clr-primary-400);--_disabledColor:var(--clr-primary-200);--_btnBorderR:100vmax;--_padding:.5em 1.5em;--_fontSize:var(--fs-500);--_minWidth:unset;min-width:-moz-fit-content;min-width:fit-content}app-btn a[x_sel=aLink],app-btn button[x_sel=button]{background-color:var(--_color);border:none;border-radius:var(--_btnBorderR);color:var(--_textColor);cursor:pointer;font-family:var(--fontFamily,system-ui,sans-serif);font-size:var(--_fontSize);font-weight:600;letter-spacing:var(--letterSpacing-200);max-width:100%;min-width:var(--_minWidth);outline:none;outline-offset:2px;padding:var(--_padding);position:relative;text-align:center;text-transform:uppercase;transition:color .2s ease-in-out,background-color .2s ease-in-out}app-btn a[x_sel=aLink]{display:block;text-decoration:none}app-btn a[x_sel=aLink] span[x_sel=aLinkSpan]:before{background-color:currentColor;border-radius:100vmax;bottom:-4px;content:"";height:2px;position:absolute;transition:width .2s ease-out;width:0}app-btn a[x_sel=aLink]:focus-visible span[x_sel=aLinkSpan]:before{width:100%}@media(hover:hover){app-btn a[x_sel=aLink]:hover span[x_sel=aLinkSpan]:before{width:100%}}app-btn[d_height=small]{--_padding:.3em 1em;--_fontSize:var(--fs-300)}app-btn[d_full_width] button[x_sel=button]{width:100%}app-btn[d_min_width=fit]{--_minWidth:fit-content}app-btn[d_min_width=auto]{--_minWidth:auto}app-btn[d_pill]{--_btnBorderR:100vmax}app-btn[d_color=accent]{--_color:var(--clr-accent-400);--_hoverColor:var(--clr-accent-400)}app-btn[d_color=neutral]{--_color:var(--clr-primary-400);--_hoverColor:var(--clr-primary-300);--_textColor:var(--clr-text)}app-btn[d_color=neutral] button[x_sel=button]{border-color:var(--clr-primary-300)}app-btn[d_color=error]{--_color:var(--clr-error);--_hoverColor:var(--clr-error)}app-btn a[x_sel=aLink]:focus-visible,app-btn button[x_sel=button]:focus-visible{background-color:var(--_hoverColor);border-color:var(--_hoverColor)}app-btn button[x_sel=button]:disabled{background-color:var(--_disabledColor);color:var(--clr-text);cursor:not-allowed}@media(hover:hover){app-btn a[x_sel=aLink]:hover,app-btn button[x_sel=button]:hover:enabled{background-color:var(--_hoverColor);border-color:var(--_hoverColor)}}app-btn>button[x_sel=button] my-loader{--_diameter:25px}app-btn[d_loading]>button[x_sel=button] div[x_sel=btn-content]{opacity:0;visibility:hidden}my-loader{--_diameter:70px;--_color:var(--clr-accent-300);height:var(--_diameter);width:var(--_diameter);--flow-spacing:0}my-loader[hidden]{display:none}my-loader div[x_sel=myLoaderDiv]{animation:player-loader 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid var(--_color);border-color:var(--_color) transparent transparent transparent;border-radius:50%;display:block;height:var(--_diameter);position:absolute;width:var(--_diameter)}my-loader div[x_sel=myLoaderDiv]:first-child{animation-delay:-.45s}my-loader div[x_sel=myLoaderDiv]:nth-child(2){animation-delay:-.3s}my-loader div[x_sel=myLoaderDiv]:nth-child(3){animation-delay:-.15s}@keyframes player-loader{0%{transform:rotate(0)}to{transform:rotate(1turn)}}lazy-image{overflow:hidden;position:relative;transition:transform .4s ease-in-out,box-shadow .4s ease-in-out;width:100%;--_imgWidth:100%;--_imgMaxWidth:unset}lazy-image[d_width=unset]{width:unset}lazy-image:before{animation:gradientAnim 2s linear infinite;background-image:linear-gradient(var(--a),var(--clr-primary-500),var(--clr-primary-300));content:"";inset:0;opacity:1;position:absolute;transition:opacity .5s ease-in-out}lazy-image img[x_sel=lazyImageImg]{height:100%;max-width:var(--_imgMaxWidth);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0;transition:opacity .5s ease-in-out;visibility:hidden;width:var(--_imgWidth)}lazy-image[d_loaded] img[x_sel=lazyImageImg]{opacity:1;visibility:visible}lazy-image[d_loaded]:before{opacity:0}