.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align: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%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .test .olympic-rings[data-v-308d8a5c],.container .test[data-v-308d8a5c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container .test .olympic-rings[data-v-308d8a5c]{width:400px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-transform-style:preserve-3d;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;-webkit-transform:translateZ(-1px) rotateX(2deg);transform:translateZ(-1px) rotateX(2deg)}.container .test .olympic-rings .ring[data-v-308d8a5c]:nth-child(3){border-color:#d83a31;-webkit-transform:translateZ(-5px) rotateX(10deg);transform:translateZ(-5px) rotateX(10deg)}.container .test .olympic-rings .ring[data-v-308d8a5c]:nth-child(4){border-color:#f9d549;-webkit-transform-origin:center 25%;transform-origin:center 25%;-webkit-transform:translateY(-50px) rotateX(1deg);transform:translateY(-50px) rotateX(1deg)}.container .test .olympic-rings .ring[data-v-308d8a5c]:nth-child(5){border-color:#55ac58;-webkit-transform-origin:center 25%;transform-origin:center 25%;-webkit-transform:translateY(-50px) rotateX(3deg);transform:translateY(-50px) rotateX(3deg)}