:root{--offcanvas-py:clamp(40px,min(6.25vw,11.4286vh),56px);--offcanvas-px:clamp(32px,min(5vw,9.14286vh),40px)}[data-offcanvas-toggle]:not(:focus-visible){outline:none}.offcanvas{z-index:9;contain:strict;background-color:#0000;width:100%;height:100dvh;transition-property:opacity,height;transition-duration:.3s,0s;transition-timing-function:cubic-bezier(.56,.27,.46,.82);display:block;position:fixed;top:0;left:0;overflow:hidden}.offcanvas[aria-hidden=true]{opacity:0;pointer-events:none;height:0;transition-delay:0s,.3s}.offcanvas .header__logo{flex-basis:22px;margin-right:auto}@media (width>=1200px){.offcanvas .header__logo{flex-basis:26px}}.offcanvas .header__logo svg{width:100%!important}.offcanvas .header__main{justify-content:end}.offcanvas__inner{background-color:var(--bg-color);width:100%;max-width:clamp(450px,min(59.2105vw,128.571vh),500px);height:100%;padding:var(--offcanvas-py)var(--offcanvas-px);scrollbar-width:thin;position:relative;overflow:hidden auto;container-type:inline-size}.offcanvas__inner>*{max-width:100%}.offcanvas--autowidth,.offcanvas--overlay{--offcanvas-px:var(--container-px)}.offcanvas--autowidth .offcanvas__inner,.offcanvas--overlay .offcanvas__inner{width:auto;max-width:1440px}@media (width>=992px){.offcanvas--overlay{padding:var(--container-px)}.offcanvas--overlay .offcanvas__inner{margin:0 auto}}.offcanvas__close{top:calc(var(--offcanvas-py)*-1);right:calc(var(--offcanvas-px)*-1);z-index:6;box-shadow:none;color:inherit;cursor:pointer;backdrop-filter:blur(6px);aspect-ratio:1;width:48px;margin:calc(var(--offcanvas-py)*-1)calc(var(--offcanvas-px)*-1)calc(-48px + var(--offcanvas-py))auto;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:8px;font-family:inherit;font-size:16px;line-height:1;transition:background-color .2s;display:flex;position:sticky}.offcanvas__close:hover,.offcanvas__close:focus-visible{background-color:var(--primary-c-d)}.offcanvas__close:active{background-color:var(--primary-c)}.offcanvas__title{margin-bottom:var(--offcanvas-py)}.offcanvas .loading-overlay{z-index:5;overscroll-behavior:contain;width:100%;height:10000%;display:none;position:absolute;top:0;left:0}.offcanvas .loading-overlay.loading{display:block}.offcanvas:has(.loading-overlay.loading) [data-offcanvas-async-content]{filter:blur(6px)}.offcanvas:has(.loading-overlay.loading) .offcanvas__inner{overflow:hidden}
