.sortable-ghost{opacity:0}.sortable-drag{opacity:.999!important}.sortable-ghost .group-hover\:opacity-100{display:none!important}.widgetGhost{display:none}@media (min-width:640px){.widgetGhost{display:block;height:170px;width:220px}}.widgetGhost{border-radius:30px;--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1));transition:all .4s}.editMode .widgetGhost{transform:scale(.9)}#widgetsTop .widget{background:#111;color:#fff}#widgetsTop .widget .gray-widget-text{color:#fcfcfc77}.editMode .widget{animation-delay:-1.5s;animation-duration:.5s;cursor:grab}.editMode .widget:first-child{animation-delay:-1s;animation-duration:.6s}.editMode .widget:nth-child(2){animation-delay:-.1s;animation-duration:.54s}.editMode .widget:nth-child(3){animation-delay:-.4s;animation-duration:.66s}.editMode .widget:nth-child(4){animation-delay:-.62s;animation-duration:.48s}.editMode .widget:nth-child(5){animation-delay:-.3s;animation-duration:.5s}.editMode .widget:nth-child(6){animation-delay:-.4s;animation-duration:.44s}.editMode .widget:nth-child(7){animation-delay:-.6s;animation-duration:.56s}.editMode .widget:nth-child(8){animation-delay:-.44s;animation-duration:.6s}.editMode .widget[data-slots="1"]:nth-child(2n){animation-iteration-count:infinite;animation-name:keyframes1;transform-origin:center}.editMode .widget[data-slots="1"]:nth-child(2n-1){animation-direction:alternate;animation-iteration-count:infinite;animation-name:keyframes2;transform-origin:center}.editMode .widget[data-slots="2"]:nth-child(2n){animation-iteration-count:infinite;animation-name:keyframes1_large;transform-origin:center}.editMode .widget[data-slots="2"]:nth-child(2n-1){animation-direction:alternate;animation-iteration-count:infinite;animation-name:keyframes2_large;transform-origin:center}.widget{align-items:center;border-radius:30px;cursor:pointer;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(68 68 68/var(--tw-text-opacity,1));height:130px;transition:all .5s;width:calc(50vw - 37.5px)}@media (min-width:640px){.widget{height:170px;width:220px}}.widget[data-slots="2"]{height:130px;width:calc(100vw - 60px)}@media (min-width:640px){.widget[data-slots="2"]{height:170px;width:460px}}.widget .gray-widget-text{color:#4447}.widget .gray-widget-svg-fill{fill:#4443}.widget .transparent-widget-svg-fill{fill:#f7f7f7}@keyframes keyframes1{0%{animation-timing-function:ease-in;transform:rotate(-1deg)}50%{animation-timing-function:ease-out;transform:rotate(1.5deg)}}@keyframes keyframes2{0%{animation-timing-function:ease-in;transform:rotate(1deg)}50%{animation-timing-function:ease-out;transform:rotate(-1.5deg)}}@keyframes keyframes1_large{0%{animation-timing-function:ease-in;transform:rotate(-.5deg)}50%{animation-timing-function:ease-out;transform:rotate(.75deg)}}@keyframes keyframes2_large{0%{animation-timing-function:ease-in;transform:rotate(.5deg)}50%{animation-timing-function:ease-out;transform:rotate(-.75deg)}}.droppable-element{background:#fdd;border:1px solid #000;margin:10px 0;padding:10px;text-align:center;width:150px}.vue-grid-layout{background:#eee}.vue-grid-item:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing{opacity:.9}.vue-grid-item .static{background:#cce}.vue-grid-item .text{font-size:24px;inset:0;margin:auto;position:absolute;text-align:center}.vue-grid-item .no-drag,.vue-grid-item .text{height:100%;width:100%}.vue-grid-item .minMax{font-size:12px}.vue-grid-item .add{cursor:pointer}.vue-draggable-handle{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle cx='5' cy='5' r='5' fill='#999999'/></svg>") no-repeat;background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;cursor:pointer;height:20px;left:0;padding:0 8px 8px 0;position:absolute;top:0;width:20px}.layoutJSON{background:#ddd;border:1px solid #000;margin-top:10px;padding:10px}.columns{-moz-columns:120px;columns:120px}