.parent[data-v-0091d84c]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:12px;grid-row-gap:12px}.card[data-v-0091d84c]{position:relative;border-width:1px;border-color:#ffffff1a;border-radius:.75rem;border-style:solid;--un-bg-opacity:.58;background-color:rgb(17 17 17 / var(--un-bg-opacity));padding:2rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.card[data-v-0091d84c]:hover{--un-bg-opacity:1;background-color:rgb(28 28 28 / var(--un-bg-opacity))}@media(min-width:768px){.card[data-v-0091d84c]{padding:2.5rem}}.card.active[data-v-0091d84c]{--un-bg-opacity:1;background-color:rgb(28 28 28 / var(--un-bg-opacity))}.div1[data-v-0091d84c]{grid-area:1/1/2/2}.div2[data-v-0091d84c]{grid-area:2/1/3/2}.div3[data-v-0091d84c]{grid-area:3/1/4/2}.div4[data-v-0091d84c]{grid-area:1/2/4/4}.fade-enter-active[data-v-0091d84c],.fade-leave-active[data-v-0091d84c]{transition:opacity .3s ease}.fade-enter-from[data-v-0091d84c],.fade-leave-to[data-v-0091d84c]{opacity:0}