:where(.skp-offcanvas-button){align-items:center;background:transparent;border:0;cursor:pointer;display:flex;justify-content:center;--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{color:var(--skp-offcanvas-trigger-hover-color,inherit)}: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:#fff;box-sizing:border-box;overflow:auto;padding:var(--skp-offcanvas-content-padding,30px 20px);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-header){cursor:pointer;display:flex;justify-content:flex-end;padding:var(--skp-offcanvas-header-padding,.5em 1em)}:where(.skp-offcanvas-header) .skp-offcanvas-close{background:transparent;border:0;cursor:pointer;padding:0;position:absolute;right:0;top:5px;z-index:22}:where(.skp-offcanvas-header) .skp-offcanvas-close-icon{align-items:center;display:inline-flex;font-size:var(--skp-offcanvas-close-icon-size,24px);justify-content:center}:where(.skp-offcanvas-header) .skp-offcanvas-close-icon svg{display:block;height:1em;width:1em}