@media (min-width:701px){
.wh-drawer{
top:20px!important;
bottom:auto!important;
right:20px!important;
width:min(760px,calc(100vw - 40px))!important;
height:calc(100vh - 40px)!important;
min-width:420px!important;
min-height:320px!important;
max-width:calc(100vw - 24px)!important;
max-height:calc(100vh - 24px)!important;
border-radius:14px!important;
overflow:auto!important;
}
.wh-drawer.wh-user-sized{width:var(--wh-user-width)!important;height:var(--wh-user-height)!important}
.wh-drawer.wh-maximized{left:12px!important;right:12px!important;top:12px!important;width:auto!important;height:calc(100vh - 24px)!important;max-width:none!important;max-height:none!important}
.wh-resize-handle-left{position:absolute;left:-6px;top:0;bottom:0;width:12px;cursor:ew-resize;z-index:10040;touch-action:none}
.wh-resize-handle-bottom{position:absolute;left:0;right:0;bottom:-6px;height:12px;cursor:ns-resize;z-index:10040;touch-action:none}
.wh-resize-handle-corner{position:absolute;left:-8px;bottom:-8px;width:24px;height:24px;cursor:nesw-resize;z-index:10041;touch-action:none}
.wh-drawer-tools{position:sticky;top:0;z-index:4;display:flex;justify-content:flex-end;gap:7px;margin:-8px -8px 8px 8px;pointer-events:none}
.wh-drawer-tools button{pointer-events:auto}
.wh-drawer-close{position:static!important;float:none!important;margin:0!important}
}
@media (max-width:700px){
.wh-drawer{left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;height:100vh!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;border-radius:0!important}
.wh-resize-handle-left,.wh-resize-handle-bottom,.wh-resize-handle-corner,.wh-resize-max{display:none!important}
}