:where(.js-offcanvas,[data-offcanvas]){--_offcanvas-bg:var(--js-offcanvas-bg,#fff);--_offcanvas-width:var(--js-offcanvas-width,18rem);--_offcanvas-height:var(--js-offcanvas-height,100%);--_offcanvas-closed-x:calc(-1 * var(--_offcanvas-width));--_offcanvas-closed-y:0;--_offcanvas-duration:var(--js-offcanvas-duration,.3s);--_offcanvas-easing:var(--js-offcanvas-easing,ease-in-out);--_offcanvas-z-index:var(--js-offcanvas-z-index,100);--_offcanvas-box-shadow:var(--js-offcanvas-box-shadow,0 0 10px #0003);--_offcanvas-animation-in:var(--js-offcanvas-animation-in,fadeIn);--_offcanvas-animation-out:var(--js-offcanvas-animation-out,fadeOut);backface-visibility:hidden;background:var(--_offcanvas-bg);box-sizing:border-box;box-shadow:var(--_offcanvas-box-shadow);height:var(--_offcanvas-height);max-height:100dvh;transform:translate3d(var(--_offcanvas-closed-x),var(--_offcanvas-closed-y),0);transition-delay:0s,var(--_offcanvas-duration);transition-duration:var(--_offcanvas-duration),0s;transition-property:transform,visibility;transition-timing-function:var(--_offcanvas-easing),linear;visibility:hidden;width:var(--_offcanvas-width);z-index:var(--_offcanvas-z-index);display:block;position:fixed;inset-block-start:0;inset-inline-start:0;overflow:hidden auto}@media (prefers-reduced-motion:reduce){:where(.js-offcanvas,[data-offcanvas]){--_offcanvas-duration:1ms}}@media (width<=768px){:where(.js-offcanvas,[data-offcanvas]){--_offcanvas-width:min(var(--js-offcanvas-width,18rem), 80vw)}}:where(.js-offcanvas,[data-offcanvas])[position=right]{--_offcanvas-closed-x:var(--_offcanvas-width);inset-inline:auto 0}:where(.js-offcanvas,[data-offcanvas]):is([position=top],[position=bottom]){--_offcanvas-height:var(--js-offcanvas-height,15rem);--_offcanvas-width:100%;--_offcanvas-closed-x:0;height:var(--_offcanvas-height);max-height:min(var(--_offcanvas-height),100dvh);width:100%;inset-inline-end:0}@media (width<=768px){:where(.js-offcanvas,[data-offcanvas]):is([position=top],[position=bottom]){--_offcanvas-height:var(--js-offcanvas-height,min(15rem, 50dvh))}}:where(.js-offcanvas,[data-offcanvas])[position=top]{--_offcanvas-closed-y:calc(-1 * var(--_offcanvas-height));inset-block-start:0}:where(.js-offcanvas,[data-offcanvas])[position=bottom]{--_offcanvas-closed-y:var(--_offcanvas-height);inset-block:auto 0}:where(.js-offcanvas,[data-offcanvas]):is([open],[aria-hidden=false]){visibility:visible}:where(.js-offcanvas,[data-offcanvas])[open]{transition-delay:0s}:where(.js-offcanvas,[data-offcanvas])[aria-hidden=false]{--_offcanvas-closed-x:0;--_offcanvas-closed-y:0}:where(.js-offcanvas,[data-offcanvas]):is([animation],[animation-open],[animation-close]){animation-duration:var(--_offcanvas-duration);visibility:visible;transition:none;animation-fill-mode:both}:where(.js-offcanvas,[data-offcanvas]):is([animation],[animation-open],[animation-close])[aria-hidden=false]{animation-name:var(--_offcanvas-animation-in)}:where(.js-offcanvas,[data-offcanvas]):is([animation],[animation-open],[animation-close])[aria-hidden=true][open]{--_offcanvas-closed-x:0;--_offcanvas-closed-y:0;animation-name:var(--_offcanvas-animation-out)}:where(.js-offcanvas,[data-offcanvas]):focus{outline:none}:where(.js-offcanvas,[data-offcanvas]):focus-visible{outline-offset:-2px;outline:2px solid #4d90fe}:where(.js-offcanvas,[data-offcanvas]) button:focus-visible{outline-offset:2px;outline:2px solid #4d90fe}:where(.js-offcanvas-overlay,[data-offcanvas-overlay]){--_offcanvas-overlay-bg:var(--js-offcanvas-overlay-bg,#000000ad);--_offcanvas-overlay-z-index:var(--js-offcanvas-overlay-z-index,90);backface-visibility:hidden;box-sizing:border-box;visibility:hidden;width:100%;height:100%;z-index:var(--_offcanvas-overlay-z-index);background-color:#0000;transition:background-color .2s ease-in-out,visibility 0s linear .2s;position:fixed;inset:0}:where(.js-offcanvas-overlay,[data-offcanvas-overlay])[open]{background-color:var(--_offcanvas-overlay-bg);visibility:visible;transition:background-color .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate(-100%)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate(100%)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translateY(100%)}}