.sidebar[data-v-52608777]{position:fixed;top:68px;right:0;width:300px;height:calc(100% - 68px);background-color:#fff;box-shadow:-2px 0 5px #0000001a;transform:translate(100%);transition:transform .3s ease;z-index:1000}.sidebar.is-visible[data-v-52608777]{transform:translate(0);overflow:auto}.sidebar-content[data-v-52608777]{padding:20px}.grid-container[data-v-21264f8c]{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);border:12px solid white;background-image:linear-gradient(to right,#ddd 1px,transparent 1px),linear-gradient(to bottom,#ddd 1px,transparent 1px);background-size:50px 50px;background-color:#fff}.grid-item[data-v-21264f8c]{position:relative}.grid-item-content[data-v-21264f8c]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;text-align:center}.layout{height:100vh;margin:0}.header{color:#fff;padding:20px;height:68px}.sidebar{color:#fff}.content{height:calc(100vh - 68px)}.logo[data-v-cb78a74e]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-cb78a74e]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-cb78a74e]:hover{filter:drop-shadow(0 0 2em #42b883aa)}