.window{position:absolute;background:var(--white);border:var(--window-border);box-shadow:2px 2px 0 var(--black);min-width:280px;max-width:90vw;cursor:default;transition:box-shadow .1s}.window:hover{box-shadow:3px 3px 0 var(--black)}.window.active{z-index:100!important}.window-title{background:var(--white);padding:6px 12px;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;border-bottom:var(--window-border);cursor:grab;position:relative;height:28px}.window-title:before,.window-title:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:80px;height:12px;background:repeating-linear-gradient(0deg,var(--black) 0px,var(--black) 1px,var(--white) 1px,var(--white) 3px)}.window-title:before{left:8px}.window-title:after{right:8px}.window-title span{background:var(--white);padding:0 12px;position:relative;z-index:1}.window-content{padding:20px}.close-box{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:1px solid var(--black);background:var(--white);z-index:2;cursor:pointer}.close-box:hover{background:var(--black)}@media(max-width:768px){.window{position:relative!important;top:auto!important;left:auto!important;max-width:100%;box-shadow:2px 2px 0 var(--black)}.window-title{cursor:default}.window-title:before,.window-title:after{width:40px}.window-content{padding:16px}.close-box{display:none}}@media(max-width:400px){.window-content{padding:12px}.window-title span{font-size:12px;padding:0 8px}.window-title:before,.window-title:after{width:24px}}