body{margin:0}:root{--mobile-navigation-heigth: 65px}.windowContainer{position:absolute;background-color:#ffffffd9;width:300px;height:300px;border-radius:5px;-webkit-user-select:none;user-select:none;padding:10px;box-sizing:border-box;border:1px solid black;pointer-events:all;bottom:0;right:0;display:flex;flex-direction:column;gap:10px}.windowContainerMobile{position:relative;top:0!important;left:0!important;width:100%!important;height:100%!important}.windowToolbar{display:flex;max-height:24px;flex-direction:row;gap:5px}.windowToolbar .windowTitle{flex-grow:1;display:flex;align-items:center}.windowToolbar .windowTitle p{margin:0}.windowToolbar .windowDragHandle{width:24px;height:24px;cursor:move}.windowToolbar .windowClose{width:24px;height:24px;cursor:pointer}.windowContent{flex-grow:1;overflow:hidden}.item-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:10px}.item-slot{background-color:#ccc;aspect-ratio:1;border-radius:5px;box-shadow:0 0 10px #0000001a}.empty-slot{border:dotted 5px #00a2ff;box-sizing:border-box;border-radius:5px;width:100%;height:100%}.item{border:solid 5px #0065ff;box-sizing:border-box;background:#fff;border-radius:5px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer}.item-slot:not(:has(.item)){border:dotted 5px #00a2ff;box-sizing:border-box;border-radius:5px;width:100%;height:100%}.item-ghost{border:dotted 5px #ff5d00;display:block;margin:-5px;background:ff9a00;border-radius:5px;width:100%;height:100%;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{box-sizing:border-box;border-radius:5px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.item-slot.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}@keyframes rainbow{0%{border-color:red}10%{border-color:#ff8000}20%{border-color:#ff0}30%{border-color:#80ff00}40%{border-color:#0f0}50%{border-color:#00ff80}60%{border-color:#0ff}70%{border-color:#0080ff}80%{border-color:#00f}90%{border-color:#8000ff}to{border-color:#ff0080}}
