.mm{--radius:10px;--transition-timing-function:cubic-bezier(0.32,0.72,0,1);pointer-events:none;&:before{background:rgba(0,0,0,.65);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transform:scale(1);opacity:0;pointer-events:none;transition-property:all;transition-duration:.8s;transition-timing-function:var(--transition-timing-function);z-index:1}&:after,&:before{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%}&:after{z-index:-1}.mm__content{position:fixed;background-color:#fff;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);z-index:1;bottom:0;left:0;width:100%;transform:translateY(110%);transition-property:all;transition-duration:.8s;transition-timing-function:var(--transition-timing-function);overflow:auto;overscroll-behavior:contain;height:90vh;height:90dvh;box-shadow:0 10px 5px -5px rgba(0,0,0,.14);&::-webkit-scrollbar{display:none}&:before{position:sticky;top:10px;background-color:#dadae1;content:"";margin-left:auto;margin-right:auto;display:block;border-radius:9999px;width:48px;height:6px;margin-top:10px;z-index:1}.item__sub{a{width:100%;background-color:#f2f2f2;border-bottom:1px solid #dadada;transition-property:color;transition-duration:.2s;transition-timing-function:ease-out;&:hover{color:#e25a5a}&:last-child{border-bottom:0}}}}.mm__item{border-bottom:1px solid #d7d7d7;&.has__sub>a:before{content:"";right:13px;top:calc(50% - 15px);position:absolute;display:inline-block;width:28px;height:28px;background:linear-gradient(#000 0 0),linear-gradient(#000 0 0),transparent;background-position:50%;background-size:50% 2px,2px 50%;background-repeat:no-repeat;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out;transform-origin:center}&>a{transition-property:color;transition-duration:.2s;transition-timing-function:ease-out;cursor:pointer;&:hover{color:#e25a5a}}a{position:relative;color:#000;text-decoration:none;display:block;padding:20px}.item__sub{position:relative;background-color:#e9e9e9;height:0;overflow:hidden;transition-property:all;transition-duration:.3s;transition-timing-function:ease-out;&>:first-child{border-top:1px solid #d7d7d7}}&.open.has__sub>a:before{transform:rotate(135deg)}}}main{transition-property:transform;transition-duration:.8s;transition-timing-function:var(--transition-timing-function)}body.mm-open{overflow:hidden;.mm{pointer-events:all;&:before{opacity:1;pointer-events:all}.mm__content{transform:translateY(0)}}main{overflow:hidden;transform:translateY(-12px)}}