.styles-module-scss-module__g9nZ4W__backdrop{opacity:0;visibility:hidden;z-index:999;background:#0006;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.styles-module-scss-module__g9nZ4W__backdrop.styles-module-scss-module__g9nZ4W__show{opacity:1;visibility:visible}.styles-module-scss-module__g9nZ4W__offcanvas{background:var(--color-bg-tint-10);z-index:1000;flex-direction:column;width:400px;max-width:100%;height:100%;transition:transform .3s;display:flex;position:fixed;box-shadow:0 0 15px #0003}.styles-module-scss-module__g9nZ4W__offcanvas.styles-module-scss-module__g9nZ4W__left{top:0;left:0;transform:translate(-100%)}.styles-module-scss-module__g9nZ4W__offcanvas.styles-module-scss-module__g9nZ4W__right{top:0;right:0;transform:translate(100%)}.styles-module-scss-module__g9nZ4W__offcanvas.styles-module-scss-module__g9nZ4W__top{width:100%;height:300px;top:0;left:0;transform:translateY(-100%)}.styles-module-scss-module__g9nZ4W__offcanvas.styles-module-scss-module__g9nZ4W__bottom{width:100%;height:300px;bottom:0;left:0;transform:translateY(100%)}.styles-module-scss-module__g9nZ4W__offcanvas.styles-module-scss-module__g9nZ4W__open{transform:translate(0)translateY(0)}.styles-module-scss-module__g9nZ4W__offcanvas .styles-module-scss-module__g9nZ4W__header{border-bottom:1px solid var(--color-border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.styles-module-scss-module__g9nZ4W__offcanvas .styles-module-scss-module__g9nZ4W__header h3{margin:0;font-size:1.2rem;font-weight:400}.styles-module-scss-module__g9nZ4W__offcanvas .styles-module-scss-module__g9nZ4W__header .styles-module-scss-module__g9nZ4W__closeButton{color:var(--color-text-color);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.styles-module-scss-module__g9nZ4W__offcanvas .styles-module-scss-module__g9nZ4W__body{flex:1;padding:1rem;overflow-y:auto}
.styles-module-scss-module__iwFn6W__topbar{background-color:var(--color-bg);padding:var(--gutter);border-bottom:1px solid var(--color-bg-tone-5);justify-content:space-between;align-items:center;display:flex}.styles-module-scss-module__iwFn6W__topbar svg{--svg-width:24px}@media (min-width:576px){.styles-module-scss-module__iwFn6W__topbar svg{--svg-width:26px}}@media (min-width:768px){.styles-module-scss-module__iwFn6W__topbar svg{--svg-width:28px}}.styles-module-scss-module__iwFn6W__topbar svg{width:var(--svg-width);height:var(--svg-width)}.styles-module-scss-module__iwFn6W__topbar button{color:var(--color-text-color)}.styles-module-scss-module__iwFn6W__topbar .styles-module-scss-module__iwFn6W__logo{--logo-text:var(--color-bg);--logo-bg:var(--color-text)}.styles-module-scss-module__iwFn6W__topbar .styles-module-scss-module__iwFn6W__logo svg{--svg-logo:26px}@media (min-width:576px){.styles-module-scss-module__iwFn6W__topbar .styles-module-scss-module__iwFn6W__logo svg{--svg-logo:28px}}@media (min-width:768px){.styles-module-scss-module__iwFn6W__topbar .styles-module-scss-module__iwFn6W__logo svg{--svg-logo:32px}}.styles-module-scss-module__iwFn6W__topbar .styles-module-scss-module__iwFn6W__logo svg{width:var(--svg-logo);height:var(--svg-logo);cursor:pointer;background:0 0;border:none;margin:0;padding:0;transition:transform .2s ease-in-out}.styles-module-scss-module__iwFn6W__topbar .styles-module-scss-module__iwFn6W__logo svg:hover{transform:scale(1.1)rotate(2deg)}.styles-module-scss-module__iwFn6W__topbar .styles-module-scss-module__iwFn6W__logo svg:active{transform:scale(.95)}.styles-module-scss-module__iwFn6W__topbar.styles-module-scss-module__iwFn6W__isItemPage{z-index:1000;background-color:#0000;border-color:#0000;width:100%;position:absolute;top:0}.styles-module-scss-module__iwFn6W__topbar.styles-module-scss-module__iwFn6W__isItemPage svg{color:#fff}.styles-module-scss-module__iwFn6W__topbar.styles-module-scss-module__iwFn6W__isItemPage .styles-module-scss-module__iwFn6W__logo{--logo-text:#212529;--logo-bg:white}.styles-module-scss-module__iwFn6W__actions{--gap:10px;display:flex}@media (min-width:576px){.styles-module-scss-module__iwFn6W__actions{--gap:14px}}@media (min-width:768px){.styles-module-scss-module__iwFn6W__actions{--gap:18px}}@media (min-width:992px){.styles-module-scss-module__iwFn6W__actions{--gap:20px}}.styles-module-scss-module__iwFn6W__actions{gap:var(--gap)}