.window-frame{position:relative;border-radius:15px 15px 0px 0px;box-shadow:0px -9px 20px -5px rgba(0,0,0,0.3);padding:0.5em 1em 0px 1em;background-color:white;margin-bottom:0}.window-frame .window-panel{padding:10px 0;overflow:hidden}.window-frame .window-panel .window-button{width:9px;height:9px;background:#FFFFFF 0% 0% no-repeat padding-box;border:2px solid #D6D6D6;border-radius:50%;position:relative;float:left;margin-right:5px}@media (max-width: 400px){.window-frame .window-panel .window-button{width:3px;height:3px}}.window-frame .image-background,.cloud-frame .image-background{position:absolute;z-index:-1;bottom:0;overflow:hidden;max-height:100%;height:100%}.window-frame .image-background line,.cloud-frame .image-background line{stroke:#040404 !important;opacity:0.24 !important}.window-frame .image-background.right,.cloud-frame .image-background.right{right:0;transform:translateX(100%)}.window-frame .image-background.right svg,.cloud-frame .image-background.right svg{transform:translate(-10%, -10%) scale(0.8)}.window-frame .image-background.left,.cloud-frame .image-background.left{left:0;transform:translateX(-100%)}.window-frame .image-background.left svg,.cloud-frame .image-background.left svg{transform:translate(10%, -10%) scale(0.8)}@media (max-width: 600px){.window-frame .image-background.right svg,.cloud-frame .image-background.right svg{transform:translate(-20%, -20%) scale(0.6)}.window-frame .image-background.left svg,.cloud-frame .image-background.left svg{transform:translate(20%, -20%) scale(0.6)}}@media (max-width: 400px){.window-frame .image-background.right svg,.cloud-frame .image-background.right svg{transform:translate(-30%, -30%) scale(0.4)}.window-frame .image-background.left svg,.cloud-frame .image-background.left svg{transform:translate(30%, -30%) scale(0.4)}}.window-content>*{max-width:100%}.zero-spacing{line-height:0;padding:0;margin:0}
