.sample-wrap{display:contents;height:300px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:.5rem}.box1{background:#f5e6a880}.box1,.box2{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:30px;height:100%;outline:1px solid #333;padding:1rem;text-align:center;width:auto;-ms-flex-preferred-size:0px;flex-basis:0px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.box2{background:#94d7c780}.box3{background:#f39e6d80}.box3,.box4{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:30px;height:100%;outline:1px solid #333;padding:1rem;text-align:center;width:auto;-ms-flex-preferred-size:0px;flex-basis:0px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.box4{background:#7b9bcf80}.u-layout-state-disabled[data-v-8c159a9d],.u-layout-state-disabled[data-v-1ac03d9c]{opacity:.3}