.skp-offcanvas__panel{position:fixed;z-index:99999;max-width:100%;max-height:100%;margin:0;padding:0;overflow:auto;--skp-oc-slide-right: calc(100% + var(--skp-offcanvas-m-right, 0px));--skp-oc-slide-left: calc(-100% - var(--skp-offcanvas-m-left, 0px));--skp-oc-slide-top: calc(-100% - var(--skp-offcanvas-m-top, 0px));--skp-oc-slide-bottom: calc(100% + var(--skp-offcanvas-m-bottom, 0px));color:var(--skp-offcanvas-fg, var(--wp--preset--color--contrast, inherit));background:var(--skp-offcanvas-bg, var(--wp--preset--color--base, #fff));border-top:var(--skp-offcanvas-border-top, 0);border-right:var(--skp-offcanvas-border-right, 0);border-bottom:var(--skp-offcanvas-border-bottom, 0);border-left:var(--skp-offcanvas-border-left, 0);border-radius:var(--skp-offcanvas-border-radius, 0);box-shadow:var(--skp-offcanvas-shadow, 0 0 40px rgba(0, 0, 0, 0.2));transition:transform var(--skp-offcanvas-dur, 0.3s) ease,opacity var(--skp-offcanvas-dur, 0.3s) ease,display var(--skp-offcanvas-dur, 0.3s) allow-discrete,overlay var(--skp-offcanvas-dur, 0.3s) allow-discrete;container-type:inline-size;container-name:skp-offcanvas}.skp-offcanvas.is-side-right .skp-offcanvas__panel{inset:var(--skp-offcanvas-m-top, 0px) var(--skp-offcanvas-m-right, 0px) var(--skp-offcanvas-m-bottom, 0px) auto;width:var(--skp-offcanvas-width, min(400px, 90vw));max-width:calc(100% - var(--skp-offcanvas-m-left, 0px) - var(--skp-offcanvas-m-right, 0px));transform:translateX(var(--skp-oc-slide-right))}.skp-offcanvas.is-side-left .skp-offcanvas__panel{inset:var(--skp-offcanvas-m-top, 0px) auto var(--skp-offcanvas-m-bottom, 0px) var(--skp-offcanvas-m-left, 0px);width:var(--skp-offcanvas-width, min(400px, 90vw));max-width:calc(100% - var(--skp-offcanvas-m-left, 0px) - var(--skp-offcanvas-m-right, 0px));transform:translateX(var(--skp-oc-slide-left))}.skp-offcanvas.is-side-top .skp-offcanvas__panel{inset:var(--skp-offcanvas-m-top, 0px) var(--skp-offcanvas-m-right, 0px) auto var(--skp-offcanvas-m-left, 0px);width:auto;max-height:min(85vh,100% - var(--skp-offcanvas-m-top, 0px) - var(--skp-offcanvas-m-bottom, 0px));transform:translateY(var(--skp-oc-slide-top))}.skp-offcanvas.is-side-bottom .skp-offcanvas__panel{inset:auto var(--skp-offcanvas-m-right, 0px) var(--skp-offcanvas-m-bottom, 0px) var(--skp-offcanvas-m-left, 0px);width:auto;max-height:min(85vh,100% - var(--skp-offcanvas-m-top, 0px) - var(--skp-offcanvas-m-bottom, 0px));transform:translateY(var(--skp-oc-slide-bottom))}.skp-offcanvas.is-side-left .skp-offcanvas__panel,.skp-offcanvas.is-side-right .skp-offcanvas__panel{height:auto}.skp-offcanvas.is-side-right .skp-offcanvas__panel[open],.skp-offcanvas.is-side-left .skp-offcanvas__panel[open],.skp-offcanvas.is-side-top .skp-offcanvas__panel[open],.skp-offcanvas.is-side-bottom .skp-offcanvas__panel[open]{transform:none}@starting-style{.skp-offcanvas.is-side-right .skp-offcanvas__panel[open]{transform:translateX(var(--skp-oc-slide-right))}.skp-offcanvas.is-side-left .skp-offcanvas__panel[open]{transform:translateX(var(--skp-oc-slide-left))}.skp-offcanvas.is-side-top .skp-offcanvas__panel[open]{transform:translateY(var(--skp-oc-slide-top))}.skp-offcanvas.is-side-bottom .skp-offcanvas__panel[open]{transform:translateY(var(--skp-oc-slide-bottom))}}.skp-offcanvas__panel::backdrop{background:color-mix(in srgb, var(--skp-offcanvas-overlay-color, #000) calc(var(--skp-offcanvas-overlay-op, 0.35) * 100%), transparent);opacity:0;transition:opacity var(--skp-offcanvas-dur, 0.3s) ease,display var(--skp-offcanvas-dur, 0.3s) allow-discrete,overlay var(--skp-offcanvas-dur, 0.3s) allow-discrete}.skp-offcanvas__panel[open]::backdrop{opacity:1}@starting-style{.skp-offcanvas__panel[open]::backdrop{opacity:0}}.skp-offcanvas.has-skp-blur .skp-offcanvas__panel::backdrop{backdrop-filter:blur(var(--skp-offcanvas-overlay-blur, 0));-webkit-backdrop-filter:blur(var(--skp-offcanvas-overlay-blur, 0))}.skp-offcanvas.is-effect-fade .skp-offcanvas__panel{transform:none;opacity:0}.skp-offcanvas.is-effect-fade .skp-offcanvas__panel[open]{opacity:1}@starting-style{.skp-offcanvas.is-effect-fade .skp-offcanvas__panel[open]{opacity:0}}body.skp-offcanvas-push>*:not(script):not(style){transform:translate(var(--skp-push-x, 0), var(--skp-push-y, 0));transition:transform var(--skp-push-dur, 0.3s) ease}.skp-offcanvas__content{padding-top:var(--skp-offcanvas-pad-top, var(--wp--preset--spacing--large, 2rem));padding-right:var(--skp-offcanvas-pad-right, var(--wp--preset--spacing--large, 2rem));padding-bottom:var(--skp-offcanvas-pad-bottom, var(--wp--preset--spacing--large, 2rem));padding-left:var(--skp-offcanvas-pad-left, var(--wp--preset--spacing--large, 2rem))}.skp-offcanvas__content{box-sizing:border-box;display:flex;flex-direction:column;min-height:100%}.skp-offcanvas__content>*{flex:0 0 auto}.skp-offcanvas__content>:only-child,.skp-offcanvas__content>.skp-oc-fill{flex:1 1 auto;min-height:0}.skp-offcanvas__content .skp-oc-bottom{margin-top:auto}.skp-offcanvas.has-skp-link .skp-offcanvas__content a{color:var(--skp-offcanvas-link)}.skp-offcanvas__panel:hover .skp-edit-btn,.skp-offcanvas__panel:focus-within .skp-edit-btn{opacity:1;pointer-events:auto}body.skp-offcanvas-open{overflow:hidden;scrollbar-gutter:auto;padding-right:var(--skp-oc-sbw, 0px) !important}html:has(body.skp-offcanvas-open){scrollbar-gutter:auto}@media(prefers-reduced-motion: reduce){.skp-offcanvas__panel,.skp-offcanvas__panel::backdrop,body.skp-offcanvas-push>*:not(script):not(style){transition:none}}