:root{--oc-bg: #050505;--oc-color: #f5f5f7;--oc-border-color: rgba(255, 255, 255, .1);--oc-drawer-bg: rgba(5, 5, 5, .4);--oc-backdrop-blur: 12px;--oc-transition-duration: .5s;--oc-transition-timing: cubic-bezier(.5, 0, 0, 1);--oc-width: 16rem;--oc-zindex: 1001;--oc-border-radius: 12px;--oc-toggler-color: #86868b}.onoffcanvas-container{position:relative;overflow:hidden}.onoffcanvas{position:absolute;inset:0;margin:auto;box-sizing:border-box;pointer-events:none;z-index:var(--oc-zindex);background:var(--oc-bg);color:var(--oc-color);border:1px solid var(--oc-border-color);visibility:hidden;clip-path:inset(50%);transition:clip-path var(--oc-transition-duration) var(--oc-transition-timing),visibility var(--oc-transition-duration);will-change:clip-path}.onoffcanvas.is-fixed{backface-visibility:hidden;position:fixed}.onoffcanvas.is-rounded{border-radius:var(--oc-border-radius)}.onoffcanvas.is-center{bottom:auto;inset-inline-end:auto;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);clip-path:inset(50% 50% 50% 50%)}.onoffcanvas.is-top{inset-block-end:auto;clip-path:inset(0 0 100% 0)}.onoffcanvas.is-bottom{inset-block-start:auto;clip-path:inset(100% 0 0 0)}.onoffcanvas.is-right,.onoffcanvas.is-end{inset-inline-start:auto;inset-inline-end:0;inline-size:var(--oc-width);max-inline-size:80vw;clip-path:inset(0 0 0 100%)}.onoffcanvas.is-left,.onoffcanvas.is-start{inset-inline-end:auto;inset-inline-start:0;inline-size:var(--oc-width);max-inline-size:80vw;clip-path:inset(0 100% 0 0)}.onoffcanvas.is-open{pointer-events:auto;visibility:visible;clip-path:inset(0 0 0 0)}.onoffcanvas-container:hover .onoffcanvas.is-hoverable{visibility:visible;clip-path:inset(0 0 0 0)}.onoffcanvas-toggler{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;cursor:pointer;padding:0;vertical-align:middle;white-space:nowrap;transition:opacity .3s ease}button.onoffcanvas-toggler{border-width:0;background:transparent}.onoffcanvas-toggler:after,.onoffcanvas-toggler:before{content:"";position:absolute;width:1.125rem;border-style:solid;border-color:var(--oc-toggler-color);top:50%;transform:translate3d(0,-50%,0);transition:all var(--oc-transition-duration) var(--oc-transition-timing)}.onoffcanvas-toggler:after{border-width:2px 0;height:.75rem}.onoffcanvas-toggler:before{border-width:2px 0 0 0}.onoffcanvas-toggler[aria-expanded=true]:before,.onoffcanvas-toggler[aria-expanded=true]:after,.onoffcanvas-toggler.is-animated[aria-expanded=true]:before,.onoffcanvas-toggler.is-animated[aria-expanded=true]:after{width:100%;height:2px;inset-inline-start:0}.onoffcanvas-toggler[aria-expanded=true]:before,.onoffcanvas-toggler.is-animated[aria-expanded=true]:before{transform:rotate(45deg)}.onoffcanvas-toggler[aria-expanded=true]:after,.onoffcanvas-toggler.is-animated[aria-expanded=true]:after{transform:rotate(-45deg);border-width:2px 0 0 0}.onoffcanvas-drawer{position:fixed;inset:0;box-sizing:border-box;inline-size:100%;block-size:100%;pointer-events:none;overflow:hidden;contain:strict;z-index:calc(var(--oc-zindex) - 1);visibility:hidden;background:var(--oc-drawer-bg);backdrop-filter:blur(var(--oc-backdrop-blur));-webkit-backdrop-filter:blur(var(--oc-backdrop-blur));transition:visibility var(--oc-transition-duration),background var(--oc-transition-duration) var(--oc-transition-timing)}.onoffcanvas-drawer.is-open{visibility:visible;pointer-events:auto}@media(prefers-reduced-motion:reduce){.onoffcanvas,.onoffcanvas-toggler:after,.onoffcanvas-toggler:before,.onoffcanvas-drawer{transition:none!important}}