html[data-scroll-lock]{overflow:hidden}.pgco-v2 .pgco-offcanvas{z-index:var(--pgco-offcanvas-z);visibility:hidden;position:fixed;inset:0}.pgco-v2 .pgco-offcanvas[data-open]{visibility:visible}.pgco-v2 .pgco-offcanvas__overlay{background:var(--pgco-backdrop-bg);backdrop-filter:blur(var(--pgco-backdrop-blur));opacity:0;position:absolute;inset:0}.pgco-v2 .pgco-offcanvas[data-open] .pgco-offcanvas__overlay{opacity:1}.pgco-v2 .pgco-offcanvas__panel{width:var(--pgco-offcanvas-w);background:var(--pgco-white);box-shadow:var(--pgco-shadow-offcanvas);flex-direction:column;display:flex;position:absolute;inset-block:0;inset-inline-start:0;overflow-y:auto;transform:translate(-100%)}html[dir=rtl] .pgco-v2 .pgco-offcanvas__panel{transform:translate(100%)}.pgco-v2 .pgco-offcanvas[data-open] .pgco-offcanvas__panel,html[dir=rtl] .pgco-v2 .pgco-offcanvas[data-open] .pgco-offcanvas__panel{transform:none}.pgco-v2 .pgco-offcanvas__close{width:var(--pgco-close-size);height:var(--pgco-close-size);background:var(--pgco-scrim);color:var(--pgco-white);cursor:pointer;border:0;border-radius:50%;place-items:center;margin:0;padding:0;line-height:0;display:grid;position:absolute;inset-block-start:var(--pgco-space-2);inset-inline-start:calc(var(--pgco-offcanvas-w) + var(--pgco-space-1))}.pgco-v2 .pgco-offcanvas__close:hover{background:var(--pgco-primary);color:var(--pgco-white)}.pgco-v2 .pgco-offcanvas__close svg{width:var(--pgco-icon-24);height:var(--pgco-icon-24)}