.drawer{--drawer-panel-gutter:var(--space-300);--drawer-panel-width:540px;--drawer-panel-icon-size:.75rem;--nested-drawer-panel-width:440px;--icon-size-mobile:2rem;--icon-size:1.5rem;--accordion-icon-size-mobile:var(--icon-size-mobile);--accordion-icon-size:var(--icon-size);background-color:var(--color-cream-0);overscroll-behavior:none;contain:layout style paint;width:100%;height:100%;transform:translateX(calc(var(--drawer-translate,100%) - var(--drawer-nesting-offset,0px)));transform-origin:0;z-index:calc(var(--z-modal) + var(--drawer-depth,0));transition:all var(--animation-overlay);flex-direction:row;transition-duration:.01ms;display:flex;position:fixed;top:0;right:0;overflow:hidden}@media screen and (width<=63.9375rem){.drawer:not(.drawer--sheet){transition:none}.drawer:not(.is-open,.drawer--sheet),.drawer.is-closing:not(.drawer--sheet){visibility:hidden}}@media screen and (width>=64rem){.drawer{min-width:var(--drawer-panel-width);width:var(--drawer-panel-width);--drawer-translate:0%;opacity:0;visibility:hidden;transition:var(--animation-duration-300) var(--animation-easing-custom);justify-content:flex-end;transition-property:opacity,visibility,transform;box-shadow:-10px 0 7px #00000005}.drawer.display-nested-content{width:calc(var(--drawer-panel-width) + var(--nested-drawer-panel-width))}}.drawer__content{width:100%;height:100%;flex-direction:column;padding-block-end:env(safe-area-inset-bottom,0);display:flex}@media screen and (width>=64rem){.drawer__content{width:var(--drawer-panel-width)}}.drawer__nested-content{top:0;right:var(--drawer-panel-width);height:100%;width:var(--nested-drawer-panel-width);border-right:var(--border-width-1) var(--border-style-solid) var(--color-cream-300);position:absolute}@media screen and (width<=63.9375rem){.drawer__nested-content{display:none}}.drawer__header{z-index:var(--z-sticky);padding:var(--drawer-panel-gutter);touch-action:none;position:sticky;top:0}.drawer__header-inner{background-color:var(--color-cream-200);padding:var(--space-150) var(--drawer-panel-gutter);justify-content:space-between;align-items:center;display:flex}.drawer__title{font-family:var(--font-family-sans-serif);font-size:var(--ui-1-uppercase-font-size);line-height:var(--ui-1-uppercase-line-height);font-weight:var(--ui-1-uppercase-font-weight);letter-spacing:var(--ui-1-uppercase-letter-spacing);text-transform:uppercase}.drawer__body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;padding-inline:var(--drawer-panel-gutter);view-transition-name:none;flex:1;overflow:hidden auto}.drawer__footer{z-index:var(--z-sticky);padding:var(--drawer-panel-gutter);background-color:var(--color-cream-0);border-block-start:var(--border-width-1) var(--border-style-solid) var(--color-cream-300);touch-action:none;position:sticky;bottom:0}.drawer__close{--icon-close-text:#000;padding-block:0;padding-inline:var(--drawer-panel-gutter) 0;cursor:pointer;transition:transform var(--animation-press);flex:none;justify-content:center;align-self:stretch;align-items:center;display:flex;position:static}.drawer__close:focus-visible{outline:var(--border-width-2) solid var(--color-border-focus);outline-offset:calc(var(--border-width-2) * -1)}.drawer__close:active{transform:scale(.9)}.drawer__close svg{width:var(--drawer-panel-icon-size);height:var(--drawer-panel-icon-size)}.drawer__handle{border-radius:var(--radius-2);background-color:var(--color-ui-0);width:122px;height:2px;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}@media screen and (width>=64rem){.drawer__handle{display:none}}.drawer:focus-visible{outline:none}.drawer.is-open{--drawer-translate:0%;will-change:transform}@media screen and (width>=64rem){.drawer.is-open{opacity:1;visibility:visible;transition-property:opacity,transform}}.drawer.is-closing{--drawer-translate:100%;transition-timing-function:var(--animation-easing-in-quad)}@media screen and (width>=64rem){.drawer.is-closing{--drawer-translate:0%;opacity:0;visibility:hidden;transition-timing-function:var(--animation-easing-custom);transition-property:opacity,visibility,transform}}.drawer.is-nested{transition-property:transform,opacity,visibility}.drawer.is-swiping{will-change:transform}.drawer--handle{background-clip:content-box;padding-block-start:10px}@media screen and (width>=64rem){.drawer--handle{background-clip:border-box;padding-block-start:0}}.drawer--elevated{z-index:calc(var(--z-modal) + 51)}@media screen and (width<=63.9375rem){.drawer--sheet{background-color:var(--color-background-default);border-radius:var(--border-radius-2xl) var(--border-radius-2xl) 0 0;height:auto;max-height:95dvh;transform:translateY(calc(var(--drawer-translate,100%) - var(--drawer-nesting-offset,0px))) scale(var(--drawer-scale,1));transform-origin:top;top:auto;bottom:0}.drawer--sheet .drawer__header{min-height:0;padding:var(--space-300);background-color:#0000;margin:0}.drawer--sheet .drawer__header-inner{background-color:var(--color-background-default)}.drawer--sheet .drawer__body{padding-inline:var(--space-350);padding-block-end:var(--space-600)}.drawer--sheet .drawer__footer{padding:var(--space-350);background-color:var(--color-background-default);border-block-start:none;box-shadow:0 -2px 6px #0000000f}.drawer--sheet .drawer__close{flex:initial;padding-inline:0 var(--space-400);align-self:auto;position:absolute;inset-inline-end:0}.drawer--sheet .drawer__close svg{width:var(--icon-size-mobile);height:var(--icon-size-mobile)}}@media screen and (width>=64rem){.drawer--sheet .drawer__content{width:100%}.drawer--sheet .drawer__nested-content{display:none}.drawer--sheet .drawer__close svg{width:var(--icon-size);height:var(--icon-size)}}.drawer--centered{border-radius:0}.drawer--centered .drawer__body{padding:0}@media screen and (width>=64rem){.drawer--centered{--drawer-centered-width:707px;--drawer-centered-rise:0px;min-width:0;width:min(var(--drawer-centered-width), 100vw - var(--space-800));height:fit-content;max-height:calc(100dvh - var(--space-800));translate:-50% -50%;transform:translateY(var(--drawer-centered-rise));inset:50% auto auto 50%}.drawer--centered:not(.is-open),.drawer--centered.is-closing{--drawer-centered-rise:var(--space-200);visibility:hidden}}
