:root{--mm-ocd-width: 80%;--mm-ocd-min-width: 200px;--mm-ocd-max-width: 440px}
body.mm-ocd-opened{overflow-y: hidden;-ms-scroll-chaining: none;overscroll-behavior: none}
.mm-ocd{position: fixed;top: 0;right: 0;bottom: 100%;left: 0;z-index: 9999;overflow: hidden;-ms-scroll-chaining: none;overscroll-behavior: contain;background: rgba(0,0,0,0);-webkit-transition-property: bottom,background-color;-o-transition-property: bottom,background-color;transition-property: bottom,background-color;-webkit-transition-duration: 0s,.3s;-o-transition-duration: 0s,.3s;transition-duration: 0s,.3s;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-delay: .45s,.15s;-o-transition-delay: .45s,.15s;transition-delay: .45s,.15s}
.mm-ocd--open{bottom: 0;background: rgba(0,0,0,.25);-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s}
.mm-ocd__content{position: absolute;top: 0;bottom: 0;z-index: 2;width: var(--mm-ocd-width);min-width: var(--mm-ocd-min-width);max-width: var(--mm-ocd-max-width);background: #fff;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease}
.mm-ocd--left .mm-ocd__content{left: 0;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0)}
.mm-ocd--right .mm-ocd__content{right: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0)}
.mm-ocd--open .mm-ocd__content{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}
.mm-ocd__backdrop{position: absolute;top: 0;bottom: 0;z-index: 3;width: clamp(calc(100% - var(--mm-ocd-max-width)),calc(100% - var(--mm-ocd-width)),calc(100% - var(--mm-ocd-min-width)));background: rgba(3,2,1,0)}
.mm-ocd--left .mm-ocd__backdrop{right: 0}
.mm-ocd--right .mm-ocd__backdrop{left: 0}
.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display: block;padding: 0;margin: 0;-webkit-box-sizing: border-box;box-sizing: border-box}
:root{--mm-spn-item-height: 50px;--mm-spn-item-indent: 20px;--mm-spn-line-height: 24px}
.mm-spn{width: 100%;height: 100%;-webkit-tap-highlight-color: transparent;-webkit-overflow-scrolling: touch;overflow: hidden;-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0);-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}
.mm-spn ul{-webkit-overflow-scrolling: touch;position: fixed;top: 0;left: 100%;bottom: 0;z-index: 2;width: 130%;padding-right: 30%;line-height: var(--mm-spn-line-height);overflow: visible;overflow-y: auto;background: inherit;-webkit-transition: left .3s ease 0s;-o-transition: left .3s ease 0s;transition: left .3s ease 0s;cursor: default}
.mm-spn ul:after{content: "";display: block;height: var(--mm-spn-item-height)}
.mm-spn>ul{left: 0}
.mm-spn ul.mm-spn--open{left: 0}
.mm-spn ul.mm-spn--parent{left: -30%;overflow-y: hidden}
.mm-spn li{position: relative;background: inherit;cursor: pointer}
.mm-spn li:before{content: "";display: block;position: absolute;top: calc(var(--mm-spn-item-height)/ 2);right: calc(var(--mm-spn-item-height)/ 2);z-index: 0;width: 10px;height: 10px;border-top: 2px solid;border-right: 2px solid;-webkit-transform: rotate(45deg) translate(0,-50%);-ms-transform: rotate(45deg) translate(0,-50%);transform: rotate(45deg) translate(0,-50%);opacity: .4}
.mm-spn li:after{content: "";display: block;margin-left: var(--mm-spn-item-indent);border-top: 1px solid;opacity: .15}
.mm-spn a,.mm-spn span{position: relative;z-index: 1;padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)}
.mm-spn a{background: inherit;color: inherit;text-decoration: none}
.mm-spn a:not(:last-child){width: calc(100% - var(--mm-spn-item-height))}
.mm-spn a:not(:last-child):after{content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;border-right: 1px solid;opacity: .15}
.mm-spn span{background: 0 0}
.mm-spn.mm-spn--navbar{cursor: pointer}
.mm-spn.mm-spn--navbar:before{content: "";display: block;position: absolute;top: calc(var(--mm-spn-item-height)/ 2);left: var(--mm-spn-item-indent);width: 10px;height: 10px;margin-top: 2px;border-top: 2px solid;border-left: 2px solid;-webkit-transform: rotate(-45deg) translate(50%,-50%);-ms-transform: rotate(-45deg) translate(50%,-50%);transform: rotate(-45deg) translate(50%,-50%);opacity: .4}
.mm-spn.mm-spn--navbar.mm-spn--main{cursor: default}
.mm-spn.mm-spn--navbar.mm-spn--main:before{content: none;display: none}
.mm-spn.mm-spn--navbar:after{content: attr(data-mm-spn-title);display: block;position: absolute;top: 0;left: 0;right: 0;height: var(--mm-spn-item-height);padding: 0 calc(var(--mm-spn-item-indent) * 2);line-height: var(--mm-spn-item-height);opacity: .4;text-align: center;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis}
.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left: var(--mm-spn-item-indent)}
.mm-spn.mm-spn--navbar ul{top: calc(var(--mm-spn-item-height) + 1px)}
.mm-spn.mm-spn--navbar ul:before{content: "";display: block;position: fixed;top: inherit;z-index: 2;width: 100%;border-top: 1px solid currentColor;opacity: .15}
.mm-spn.mm-spn--light{color: #444;background: #f3f3f3}
.mm-spn.mm-spn--dark{color: #ddd;background: #333}
.mm-spn.mm-spn--vertical{overflow-y: auto}
.mm-spn.mm-spn--vertical ul{width: 100%;padding-right: 0;position: static}
.mm-spn.mm-spn--vertical ul ul{display: none;padding-left: var(--mm-spn-item-indent)}
.mm-spn.mm-spn--vertical ul ul:after{height: calc(var(--mm-spn-item-height)/ 2)}
.mm-spn.mm-spn--vertical ul.mm-spn--open{display: block}
.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform: rotate(135deg) translate(-50%,0);-ms-transform: rotate(135deg) translate(-50%,0);transform: rotate(135deg) translate(-50%,0)}
.mm-spn.mm-spn--vertical ul ul li:last-child:after{content: none;display: none}
