.drawer__close{padding:0;background:none;border:none;transition:color var(--duration-default) ease}.drawer__close:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}.drawer__close:hover{background:var(--color-black-5);border-radius:50%}.drawer__close svg{width:1.5rem;height:1.5rem;display:block;pointer-events:none}.drawer__inner{position:fixed;z-index:var(--z-index-offcanvas);top:0;right:0;bottom:0;overflow-y:auto;width:100%;max-width:25rem;visibility:hidden;background-color:var(--color-white);transform:translateX(100%);transition:all var(--duration-short) ease}.drawer.drawer--open .drawer__inner{visibility:visible;transform:translateX(0)}.drawer.drawer--modal .drawer__inner{right:auto;bottom:auto;left:50%;top:50%;width:100%;max-width:25rem;max-height:calc(100vh - var(--site-side-spacing, 1rem)*2);transform:translate(-50%,-50%) scale(.95);opacity:0}.drawer.drawer--modal.drawer--open .drawer__inner{visibility:visible;transform:translate(-50%,-50%) scale(1);opacity:1}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem var(--site-side-spacing);border-bottom:1px solid #f1e7ca;min-height:3.5rem}.drawer__title{margin:0;font-size:1.125rem;line-height:1.5rem;font-weight:600;min-width:0;word-break:break-word;hyphens:auto;overflow-wrap:anywhere}.drawer__close{display:flex;align-items:center;justify-content:center;padding:.5rem;margin:-.5rem;color:var(--color-black);cursor:pointer}.drawer__close:hover{color:var(--color-brand-primary)}.drawer__content{padding:1.5rem var(--site-side-spacing)}.drawer__overlay{display:block;background-color:rgba(0,0,0,.4);position:fixed;z-index:var(--z-index-offcanvas-backdrop);top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;transition:all var(--duration-short) ease}.drawer.drawer--open .drawer__overlay{visibility:visible;opacity:1}