.box{height:var(--6ce72380);width:var(--4117f9f4);margin:10px auto;border:2px solid #444;border-top:none;position:relative}.box .line{height:var(--75245710);display:flex;flex-wrap:wrap}.box .line div{width:var(--75245710);height:100%;box-sizing:border-box;padding:2px}.bg{background-clip:content-box}.bg-f1707d{background-color:#f1707d;border:2px solid #f1707d}.bg-f15536{background-color:#f15536;border:2px solid #f15536}.bg-ddff95{background-color:#ddff95;border:2px solid #ddff95}.bg-f1b8f1{background-color:#f1b8f1;border:2px solid #f1b8f1}.bg-b8f1ed{background-color:#b8f1ed;border:2px solid #b8f1ed}.bg-f3d751{background-color:#f3d751;border:2px solid #f3d751}.bg-ac5e74{background-color:#ac5e74;border:2px solid #ac5e74}.arrow{position:relative;margin:20px auto}.arrow div{display:flex;justify-content:center}.down,.left,.right,.top{margin:6px;height:46px;width:46px;border:1px solid #333;background-color:orange}.arrow img{display:block;height:100%;width:100%}body,html{margin:0;padding:0}