vue-spin-the-wheel/dist/style.css

Component "Wheel of Names" for Vue

.fw-container[data-v-45b073d4]{position:relative;display:inline-block;font-size:0;overflow:hidden}.fw-container canvas[data-v-45b073d4],.fw-container img[data-v-45b073d4]{display:block;width:100%}.fw-btn[data-v-45b073d4]{position:absolute;top:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.fw-btn__btn[data-v-45b073d4]{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:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.fw-btn__btn[data-v-45b073d4]:after{content:"";display:block;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:22px #fff solid;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.fw-btn__btn[data-v-45b073d4]:before{content:"";display:block;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px #15BD96 solid;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(6px);z-index:10}.fw-btn__image[data-v-45b073d4]{display:inline-block}