body,html{margin:0;padding:0}html{scrollbar-color:light;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{text-rendering:optimizeLegibility;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,html,input,select,textarea{font-family:Arial,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}*,:after,:before{box-sizing:border-box}p{-webkit-margin-before:auto;margin-block-start:auto;-webkit-margin-after:auto;margin-block-end:auto}:not(input):not(textarea):not([contenteditable]){-webkit-user-select:none}html{-ms-overflow-style:none;scrollbar-width:none}html ::-webkit-scrollbar{display:none}html ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.drawer{position:fixed;z-index:9999;transition:width 0s ease .3s,height 0s ease .3s,transform .3s cubic-bezier(.78,.14,.15,.86)}.drawer>*{transition:transform .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),box-shadow .3s cubic-bezier(.78,.14,.15,.86)}.drawer.drawer-open{transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.drawer .drawer-mask{background:#000;opacity:0;width:100%;height:0;position:absolute;top:0;left:0;transition:opacity .3s cubic-bezier(.78,.14,.15,.86),height 0s ease .3s}.drawer-content-wrapper{position:absolute;background:#fff}.drawer-content{overflow:auto;z-index:1;position:relative}.drawer-handle{position:absolute;top:72px;width:41px;height:40px;cursor:pointer;z-index:0;text-align:center;line-height:40px;font-size:16px;display:flex;justify-content:center;align-items:center;background:#fff}.drawer-handle-icon{width:14px;height:2px;background:#333;position:relative;transition:background .3s cubic-bezier(.78,.14,.15,.86)}.drawer-handle-icon:after,.drawer-handle-icon:before{content:"";display:block;position:absolute;background:#333;width:100%;height:2px;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.drawer-handle-icon:before{top:-5px}.drawer-handle-icon:after{top:5px}.drawer-left,.drawer-right{width:0;height:100%}.drawer-left .drawer-content,.drawer-left .drawer-content-wrapper,.drawer-right .drawer-content,.drawer-right .drawer-content-wrapper{height:100%}.drawer-left.drawer-open,.drawer-right.drawer-open{width:100%}.drawer-left.drawer-open.no-mask,.drawer-right.drawer-open.no-mask{width:0}.drawer-left{top:0;left:0}.drawer-left .drawer-handle{right:-40px;border-radius:0 4px 4px 0}.drawer-left .drawer-handle,.drawer-left.drawer-open .drawer-content-wrapper{box-shadow:2px 0 8px rgba(0,0,0,.15)}.drawer-right{top:0;right:0}.drawer-right .drawer-content-wrapper{right:0}.drawer-right .drawer-handle{left:-40px;border-radius:4px 0 0 4px}.drawer-right .drawer-handle,.drawer-right.drawer-open .drawer-content-wrapper{box-shadow:-2px 0 8px rgba(0,0,0,.15)}.drawer-right.drawer-open.no-mask{right:1px;transform:translateX(1px)}.drawer-bottom,.drawer-top{width:100%;height:0%}.drawer-bottom .drawer-content,.drawer-bottom .drawer-content-wrapper,.drawer-top .drawer-content,.drawer-top .drawer-content-wrapper{width:100%}.drawer-bottom .drawer-content,.drawer-bottom.drawer-open,.drawer-top .drawer-content,.drawer-top.drawer-open{height:100%}.drawer-bottom.drawer-open.no-mask,.drawer-top.drawer-open.no-mask{height:0%}.drawer-bottom .drawer-handle,.drawer-top .drawer-handle{left:50%;margin-left:-20px}.drawer-top{top:0;left:0}.drawer-top .drawer-handle{top:auto;bottom:-40px;border-radius:0 0 4px 4px}.drawer-top .drawer-handle,.drawer-top.drawer-open .drawer-content-wrapper{box-shadow:0 2px 8px rgba(0,0,0,.15)}.drawer-bottom{bottom:0;left:0}.drawer-bottom .drawer-content-wrapper{bottom:0}.drawer-bottom .drawer-handle{top:-40px;border-radius:4px 4px 0 0}.drawer-bottom .drawer-handle,.drawer-bottom.drawer-open .drawer-content-wrapper{box-shadow:0 -2px 8px rgba(0,0,0,.15)}.drawer-bottom.drawer-open.no-mask{bottom:1px;transform:translateY(1px)}.drawer.drawer-open .drawer-mask{opacity:.3;height:100%;transition:opacity .3s cubic-bezier(.78,.14,.15,.86)}.drawer.drawer-open .drawer-handle-icon{background:transparent}.drawer.drawer-open .drawer-handle-icon:before{transform:translateY(5px) rotate(45deg)}.drawer.drawer-open .drawer-handle-icon:after{transform:translateY(-5px) rotate(-45deg)}