.w1azvtxw{width:100%;height:100%;border-radius:8px;position:relative}.hwmuk47{height:40px;display:flex;justify-content:right;align-items:center;z-index:9;position:relative;transform:translateZ(10px);padding:0 8px}.hwmuk47>*{margin-right:8px}.l1cmqssi{width:100%;height:50vh;overflow-y:auto;padding:0 8px}.i1s9lpbe{width:100%;height:100%;position:absolute;background-color:var(--black3);z-index:1;top:0;left:0;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out;opacity:0;border-radius:4px}.i1s9lpbe>button:first-child{transition:all .3s ease-in-out;transform:scale(0)}.i1s9lpbe .link-btn{position:absolute;right:0;top:0}.i19v6pzb{transform:rotateX(-12deg) rotateY(6deg);transition:all .5s ease-in-out}.igrk9zo{width:calc(50% - 8px);height:160px;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;position:relative;transition:all .2s ease-in-out;margin-bottom:24px;font-family:ovo,sans-serif;line-height:1;font-size:14px}.igrk9zo:nth-child(2n){margin-left:16px}.igrk9zo:hover .i1s9lpbe{opacity:1}.igrk9zo:hover .i1s9lpbe>button:first-child{transform:scale(1)}.igrk9zo:hover .i19v6pzb{transform:rotateX(0) rotateY(0)}.igrk9zo:hover .app-size__1x1{transform:rotateX(0) rotateY(0) scale(2)}.i1jo6dgi{font-size:14px;font-weight:500;width:100%;line-height:25px;overflow:hidden;text-overflow:ellipsis;position:absolute;bottom:-25px;text-align:center;left:50%;transform:translate(-50%);white-space:nowrap}.component-list__wrap .app-size__1x1{width:var(--app-grid-columns);height:var(--app-grid-rows);transform:rotateX(-12deg) rotateY(6deg) scale(2)}.component-list__wrap .app-size__2x1{width:calc(var(--app-grid-columns) * 2 + var(--app-grid-col-gap));height:var(--app-grid-rows)}.component-list__wrap .app-size__2x2{width:calc(var(--app-grid-columns) * 2 + var(--app-grid-col-gap));height:calc(var(--app-grid-rows) * 2 + var(--app-grid-row-gap))}.component-list__wrap .app-size__4x2{width:100%;height:calc(var(--app-grid-rows) * 2 + var(--app-grid-row-gap))}
