:where(.skp-offcanvas-button){align-items:center;background:transparent;border:0;cursor:pointer;display:flex;justify-content:center;transition:color .2s ease,background-color .2s ease,opacity .2s ease;--skp-offcanvas-trigger-icon-size:3rem;--skp-offcanvas-trigger-text-size:1rem;--skp-offcanvas-trigger-gap:0.5em;--skp-offcanvas-trigger-font-weight:400}:where(.skp-offcanvas-button):hover{background-color:var(--skp-offcanvas-trigger-hover-bg-color,transparent);color:var(--skp-offcanvas-trigger-hover-color,inherit);opacity:var(--skp-offcanvas-trigger-hover-opacity,.85)}:where(.skp-offcanvas-button):focus-visible{color:var(--skp-offcanvas-trigger-focus-color,inherit);outline:2px solid currentColor;outline-offset:2px}:where(.skp-offcanvas-button.trigger-layout-after){flex-direction:row;gap:var(--skp-offcanvas-trigger-gap,.5em)}:where(.skp-offcanvas-button.trigger-layout-before){flex-direction:row;gap:var(--skp-offcanvas-trigger-gap,.5em)}:where(.skp-offcanvas-button.trigger-layout-before) .skp-offcanvas-trigger-icon{order:2}:where(.skp-offcanvas-button.trigger-layout-before) .skp-offcanvas-trigger-text{order:1}:where(.skp-offcanvas-button.trigger-layout-below){flex-direction:column;gap:var(--skp-offcanvas-trigger-gap,.5em)}.skp-offcanvas-trigger-icon{align-items:center;justify-content:center;min-height:var(--skp-offcanvas-trigger-icon-size);min-width:var(--skp-offcanvas-trigger-icon-size)}.skp-offcanvas-trigger-icon-open{align-items:center;display:inline-flex;flex-shrink:0;font-size:var(--skp-offcanvas-trigger-icon-size);justify-content:center}.skp-offcanvas-trigger-icon-open svg{display:block;height:1em;width:1em}.skp-offcanvas-trigger-text{font-size:var(--skp-offcanvas-trigger-text-size);font-weight:var(--skp-offcanvas-trigger-font-weight,400)}.skp-offcanvas-trigger-icon-open.is-hidden{display:none}.skp-offcanvas-trigger-icon-close{display:none;flex-shrink:0;font-size:24px}.skp-offcanvas-trigger-icon-close svg{display:block;height:1em;width:1em}.skp-offcanvas-trigger-icon-close.is-visible{align-items:center;display:inline-flex;justify-content:center}:where(.skp-offcanvas-button) .skp-offcanvas-trigger-icon{cursor:pointer}:where(.skp-offcanvas-button) .skp-offcanvas-trigger-icon-open{display:inline-flex}:where(.skp-offcanvas-button) .skp-offcanvas-trigger-icon-close{display:none}:where(.skp-offcanvas-button.is-open) .skp-offcanvas-trigger-icon-open{display:none}:where(.skp-offcanvas-button.is-open) .skp-offcanvas-trigger-icon-close{align-items:center;display:inline-flex;justify-content:center}:where(.skp-offcanvas-content){background:var(--skp-offcanvas-bg-color,#fff);box-sizing:border-box;color:var(--skp-offcanvas-content-color,#000);overflow:auto;position:fixed;top:0;transition:var(--skp-offcanvas-animation-duration,.3s);z-index:9999}:where(.skp-offcanvas-content).position-top{height:var(--skp-offcanvas-size,350px);left:0;top:-100%;width:100%}:where(.skp-offcanvas-content).position-bottom{bottom:-100%;height:var(--skp-offcanvas-size,350px);left:0;top:inherit;width:100%}:where(.skp-offcanvas-content).position-left{height:100vh;left:-100%;max-width:var(--skp-offcanvas-size,350px);top:0;width:100%}:where(.skp-offcanvas-content).position-right{height:100vh;max-width:var(--skp-offcanvas-size,350px);right:-100%;top:0;width:100%}:where(.skp-offcanvas-overlay){height:0;left:0;position:fixed;top:0;transition:opacity var(--skp-offcanvas-animation-duration,.3s);width:0;z-index:9998}.skp-offcanvas-overlay{cursor:pointer}.skp-offcanvas-overlay.has-background-dim{opacity:0}.skp-offcanvas-overlay.has-background-dim-10{opacity:.1}.skp-offcanvas-overlay.has-background-dim-20{opacity:.2}.skp-offcanvas-overlay.has-background-dim-30{opacity:.3}.skp-offcanvas-overlay.has-background-dim-40{opacity:.4}.skp-offcanvas-overlay.has-background-dim-50{opacity:.5}.skp-offcanvas-overlay.has-background-dim-60{opacity:.6}.skp-offcanvas-overlay.has-background-dim-70{opacity:.7}.skp-offcanvas-overlay.has-background-dim-80{opacity:.8}.skp-offcanvas-overlay.has-background-dim-90{opacity:.9}.skp-offcanvas-overlay.has-background-dim-100{opacity:1}:where(.skp-offcanvas-trigger-icon svg){fill:currentColor!important}:where(.skp-offcanvas-body){padding:var(--skp-offcanvas-content-padding,1rem)}:where(.skp-offcanvas-header){align-items:center;cursor:pointer;display:flex;gap:var(--wp--preset--spacing--xs,.25rem);justify-content:flex-start;padding:var(--skp-offcanvas-header-padding,.5em 1em);position:relative}:where(.skp-offcanvas-header):after{background:var(--skp-offcanvas-header-border-color,transparent);bottom:0;content:"";height:var(--skp-offcanvas-header-border-width,1px);left:0;opacity:var(--skp-offcanvas-header-border-opacity,1);position:absolute;right:0}:where(.skp-offcanvas-header) :where(.skp-offcanvas-close){align-items:center;background:transparent;border:0;color:var(--skp-offcanvas-header-close-button-color,currentColor);cursor:pointer;display:inline-flex;font-weight:700;gap:var(--wp--preset--spacing--xs,.25rem);line-height:1;padding:0;position:relative;transition:opacity .2s ease}:where(.skp-offcanvas-header) :where(.skp-offcanvas-close):hover{opacity:var(--skp-offcanvas-close-hover-opacity,.75)}:where(.skp-offcanvas-header) :where(.skp-offcanvas-close):focus-visible{outline:2px solid currentColor;outline-offset:2px}:where(.skp-offcanvas-header) :where(.skp-offcanvas-close-icon){align-items:center;display:inline-flex;font-size:var(--skp-offcanvas-close-icon-size,1rem);justify-content:center;vertical-align:middle}:where(.skp-offcanvas-header) :where(.skp-offcanvas-close-icon) svg{display:block;height:1em;width:1em}