:root{--flyout-bg:var(--color-bg)}@media (width>=1240px){:root{--flyout-gap:.3125rem}}[data-flyout][hidden]{display:none}.flyout{--flyout-offset-top:calc(var(--header-offset-top,0px) + var(--header-h) + var(--flyout-gap,0px));z-index:8;padding-inline:var(--header-offset-x);pointer-events:none;visibility:hidden;transition:top var(--duration-animate) var(--tf-animation);background:0 0;border:0;justify-content:center;align-items:flex-start;margin:0;padding-block-end:var(--space-3);display:flex;position:fixed;inset-block-start:var(--flyout-offset-top);inset-block-end:0;inset-inline:0}.flyout.is-open,.flyout.is-closing{visibility:visible}.flyout.is-open{pointer-events:auto}.flyout__inner{inline-size:100%;max-inline-size:var(--container-mw);block-size:auto;max-block-size:min(56.25rem, 100dvh - var(--flyout-offset-top) - var(--space-3));min-block-size:min(28.125rem, 100dvh - var(--flyout-offset-top) - var(--space-3));border-radius:var(--border-radius);background-color:var(--flyout-bg);opacity:0;transition-property:opacity,transform;transition-duration:var(--duration-animate);transition-timing-function:var(--tf-animation);border:1px solid #f5faf5;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(-.75rem);box-shadow:0 .625rem 1.875rem #00000026}.flyout__close{z-index:2;padding:.75rem;position:absolute;inset-block-start:1.1875rem;inset-inline-end:1.1875rem}.flyout.is-open .flyout__inner{opacity:1;transform:translateY(0)}.flyout.is-closing .flyout__inner{opacity:0;transform:translateY(-.75rem)}.flyout.flyout--expanded .flyout__inner{block-size:calc(100dvh - var(--flyout-offset-top) - var(--space-3));overflow:hidden}.flyout.flyout--white{--flyout-bg:#fff}.flyout.flyout--autowidth{block-size:auto;inline-size:max-content;inset-block-end:auto;inset-inline:auto;padding-inline:0;display:block;inset-inline-start:var(--flyout-anchor-left,0);transform:translate(-100%)}.flyout.flyout--autowidth .flyout__inner{min-block-size:0;inline-size:auto}.flyout.flyout--dropup{inset:auto auto var(--flyout-anchor-bottom,0) var(--flyout-anchor-left,0);z-index:10;pointer-events:none;block-size:auto;inline-size:max-content;padding:0;display:block;position:fixed;transform:translate(-100%)}.flyout.flyout--dropup.is-open{pointer-events:auto}.flyout.flyout--dropup .flyout__inner{block-size:auto;min-block-size:0;max-block-size:none;transform:translateY(.5rem)}.flyout.flyout--dropup.is-open .flyout__inner{transform:translateY(0)}.flyout.flyout--dropup.is-closing .flyout__inner{transform:translateY(.5rem)}