:where(.skp-offcanvas-button){align-items:center;background:transparent;border:0;cursor:pointer;display:flex}:where(.skp-offcanvas-button) .skp-offcanvas-trigger-icon{cursor:pointer}:where(.skp-offcanvas-button) .skp-offcanvas-trigger-icon-open{display:block}: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{display:block}:where(.skp-offcanvas-content){background:#fff;box-sizing:border-box;overflow:auto;padding:30px 20px;position:fixed;transition:.3s;z-index:20;z-index:21}:where(.skp-offcanvas-content).position-top{height:350px;left:0;top:-100%;width:100%}:where(.skp-offcanvas-content).position-bottom{bottom:-100%;height:350px;left:0;width:100%}:where(.skp-offcanvas-content).position-left{height:100vh;left:-100%;top:0;width:350px}:where(.skp-offcanvas-content).position-right{height:100vh;right:-100%;top:0;width:350px}:where(.skp-offcanvas-overlay){height:0;left:0;position:fixed;top:0;transition:opacity .3s;width:0;z-index:20}.skp-offcanvas-container .skp-offcanvas-overlay.has-background-dim{opacity:0}.skp-offcanvas-container .skp-offcanvas-overlay.has-background-dim-10{opacity:.1}.skp-offcanvas-container .skp-offcanvas-overlay.has-background-dim-20{opacity:.2}.skp-offcanvas-container .skp-offcanvas-overlay.has-background-dim-30{opacity:.3}.skp-offcanvas-container .skp-offcanvas-overlay.has-background-dim-40{opacity:.4}.skp-offcanvas-container .skp-offcanvas-overlay.has-background-dim-50{opacity:.5}.skp-offcanvas-container .skp-offcanvas-overlay.has-background-dim-60{opacity:.6}.skp-offcanvas-container .skp-offcanvas-overlay.has-background-dim-70{opacity:.7}.skp-offcanvas-container .skp-offcanvas-overlay.has-background-dim-80{opacity:.8}.skp-offcanvas-container .skp-offcanvas-overlay.has-background-dim-90{opacity:.9}.skp-offcanvas-container .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}:where(.skp-offcanvas-header) .skp-offcanvas-close{background:transparent;border:0;cursor:pointer;padding:0;position:absolute;right:0;top:5px;z-index:22}