.container[data-v-308d8a5c]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-308d8a5c]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-308d8a5c],.container .flex-row-wrap-center-center[data-v-308d8a5c]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-308d8a5c]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-308d8a5c]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .olympic-rings[data-v-308d8a5c]{width:400px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;transform-style:preserve-3d}.container .test .olympic-rings .ring[data-v-308d8a5c]{width:100px;height:100px;border:10px solid #3884c2;border-radius:50%;margin:0 5px}.container .test .olympic-rings .ring[data-v-308d8a5c]:first-child{border-color:#2fa0ea}.container .test .olympic-rings .ring[data-v-308d8a5c]:nth-child(2){border-color:#101010;transform:translateZ(-1px) rotateX(2deg)}.container .test .olympic-rings .ring[data-v-308d8a5c]:nth-child(3){border-color:#d83a31;transform:translateZ(-5px) rotateX(10deg)}.container .test .olympic-rings .ring[data-v-308d8a5c]:nth-child(4){border-color:#f9d549;transform-origin:center 25%;transform:translateY(-50px) rotateX(1deg)}.container .test .olympic-rings .ring[data-v-308d8a5c]:nth-child(5){border-color:#55ac58;transform-origin:center 25%;transform:translateY(-50px) rotateX(3deg)}