@keyframes idollDrawerFadeIn{0%{opacity:0}to{opacity:.3}}.idoll-drawer{position:fixed;top:0;width:0%;height:100%;z-index:900}.idoll-drawer>*{transition:transform .3s cubic-bezier(.7,.3,.1,1)}.idoll-drawer-content-wrapper{position:fixed}.idoll-drawer .idoll-drawer-content{width:100%;height:100%}.idoll-drawer-left,.idoll-drawer-right{width:0%;height:100%}.idoll-drawer-left .idoll-drawer-content-wrapper,.idoll-drawer-right .idoll-drawer-content-wrapper{height:100%}.idoll-drawer-left.idoll-drawer-open,.idoll-drawer-right.idoll-drawer-open{width:100%}.idoll-drawer-left.idoll-drawer-open.no-mask,.idoll-drawer-right.idoll-drawer-open.no-mask{width:0%}.idoll-drawer-left.idoll-drawer-open .idoll-drawer-content-wrapper{box-shadow:2px 0 8px rgba(0,0,0,.1)}.idoll-drawer-right .idoll-drawer-content-wrapper{right:0}.idoll-drawer-right.idoll-drawer-open .idoll-drawer-content-wrapper{box-shadow:-2px 0 8px rgba(0,0,0,.1)}.idoll-drawer-bottom,.idoll-drawer-top{width:100%;height:0%}.idoll-drawer-bottom .idoll-drawer-content-wrapper,.idoll-drawer-top .idoll-drawer-content-wrapper{width:100%}.idoll-drawer-bottom.idoll-drawer-open,.idoll-drawer-top.idoll-drawer-open{height:100%}.idoll-drawer-bottom.idoll-drawer-open.no-mask,.idoll-drawer-top.idoll-drawer-open.no-mask{height:0%}.idoll-drawer-bottom.idoll-drawer-open .idoll-drawer-content-wrapper,.idoll-drawer-top.idoll-drawer-open .idoll-drawer-content-wrapper{box-shadow:0 2px 8px rgba(0,0,0,.1)}.idoll-drawer-bottom .idoll-drawer-content-wrapper{bottom:0}.idoll-drawer.idoll-drawer-open .idoll-drawer-mask{opacity:.3;height:100%;animation:idollDrawerFadeIn .3s cubic-bezier(.7,.3,.1,1);transition:none}.idoll-drawer-title{margin:0;font-size:16px;line-height:22px;font-weight:500;color:rgba(0,0,0,.8)}.idoll-drawer-content{position:relative;background-color:#fff;border:0;background-clip:padding-box;z-index:1}.idoll-drawer-close{cursor:pointer;border:0;background:0 0;position:absolute;right:0;top:0;z-index:10;font-weight:700;line-height:1;text-decoration:none;transition:color .3s;color:rgba(0,0,0,.4);outline:0;padding:0}.idoll-drawer-close-x{display:block;font-style:normal;text-align:center;text-transform:none;text-rendering:auto;width:56px;height:56px;line-height:56px;font-size:16px}.idoll-drawer-close:focus,.idoll-drawer-close:hover{color:rgba(0,0,0,.6);text-decoration:none}.idoll-drawer-header{padding:16px 24px;border-radius:3px 3px 0 0;background:#fff;color:rgba(0,0,0,.6);border-bottom:1px solid #e2e2e2}.idoll-drawer-body{padding:24px;font-size:14px;line-height:1.5;word-wrap:break-word}.idoll-drawer-mask{position:fixed;width:100%;height:0;opacity:0;background-color:rgba(0,0,0,.6);filter:alpha(opacity=50);transition:opacity .3s linear,height 0s ease .3s}.idoll-drawer-open{transition:transform .3s cubic-bezier(.7,.3,.1,1)}.idoll-drawer-open-content{box-shadow:-2px 0 8px rgba(0,0,0,.1)}