vue-fortune-wheel-extended/lib/lib.css

Component "Wheel of Fortune" for Vue

.vue-fortuneWheel[data-v-9438b692]{display:inline-block;position:relative;font-size:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100%}.vue-fortuneWheel[data-v-9438b692],.vue-fortuneWheel [data-v-9438b692]{-webkit-box-sizing:border-box;box-sizing:border-box}.fortuneWheel-box[data-v-9438b692]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.fortuneWheel-box canvas[data-v-9438b692],.fortuneWheel-box img[data-v-9438b692]{display:block;width:100%}.fortuneWheel-wrapper[data-v-9438b692]{position:absolute;top:0;left:0;width:100%;height:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-container[data-v-9438b692]{position:absolute;cursor:pointer;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.fortuneWheel-btn[data-v-9438b692]{position:relative;width:100%;height:100%;background:#fff;border:6px solid #fff;border-radius:50%;background:#15bd96;color:#fff;text-align:center;font-size:42px;font-weight:700;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fortuneWheel-btn[data-v-9438b692]:after{content:"";display:block;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:22px solid #fff;position:absolute;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fortuneWheel-btn[data-v-9438b692]:before{content:"";display:block;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px solid #15bd96;position:absolute;bottom:100%;left:50%;-webkit-transform:translate(-50%) translateY(6px);transform:translate(-50%) translateY(6px);z-index:10}