.alternate-bg{background-color:#fff}@-webkit-keyframes of-open{0%{overflow:hidden}to{overflow:visible}}@keyframes of-open{0%{overflow:hidden}to{overflow:visible}}@-webkit-keyframes of-close{0%{overflow:visible}to{overflow:hidden}}@keyframes of-close{0%{overflow:visible}to{overflow:hidden}}.drag-modal__layer{display:none}.drag-modal__layer.visible-layer{display:block}.drag-modal__layer,.drag-modal__layer-header{background-color:#fff}@media screen and (max-width:768px){.drag-modal{position:fixed;display:block;pointer-events:none;overflow:hidden}.drag-modal.shadowed{pointer-events:all}.drag-modal:after{content:"";position:fixed;display:block;will-change:opacity}.drag-modal__layer{position:absolute;will-change:transform;-ms-touch-action:none;touch-action:none;overflow:hidden;pointer-events:all}.drag-modal__layer-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto}.drag-modal__layer-header{position:absolute}.drag-modal__layer-header:after{content:"";position:absolute;display:block}.drag-modal.shadowed:after{opacity:1}.drag-modal:after{background-color:rgba(0,0,0,.533);opacity:0}.drag-modal__layer,.drag-modal__layer-header{background-color:#fff}.drag-modal__layer-header:after{background-color:#d3d3d3}.drag-modal{z-index:1000;top:60px;left:0;width:100%;height:calc(100vh - 60px);height:calc(var(--vh, 1vh)*100 - 60px);height:calc(var(--vh, 1dvh)*100 - 60px)}.drag-modal:after{z-index:-1;top:0;left:0;width:100%;height:100%}.drag-modal__layer{bottom:0;left:0;width:100%;max-height:100%;border-radius:clamp(30px,8vw,30px) clamp(30px,8vw,30px) 0 0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.drag-modal__layer.active-layer{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.drag-modal__layer.full{height:100%}.drag-modal__layer-body{width:100%;height:100%;max-height:calc(var(--vh, 1vh)*100);padding-top:44px}.drag-modal__layer-header{z-index:22;top:0;left:0;width:100%;height:44px}.drag-modal__layer-header:after{z-index:5;top:50%;left:50%;width:96px;height:3px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.drag-modal:after{-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}}