.font-system[data-v-5a640cf9]{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.font-fredoka[data-v-5a640cf9]{font-family:Fredoka,sans-serif}.color-input__pointer-color,.color-input__pointer-transparent,.color-input__slider-canvas,.color-input__slider-container{height:100%;width:100%}.color-input__arrow-down,.color-input__arrow-up,.color-input__text-format-arrows,.color-input__text-inputs-wrapper{align-items:center;display:flex;justify-content:center}.color-input__saturation-pointer,.color-input__slider-pointer{background:#fbfbfb;border:2px solid #fbfbfb;border-radius:50%;box-shadow:0 0 5px #0f0f0f4d;overflow:hidden}.color-input__arrow-down,.color-input__arrow-up{height:10px;opacity:.4;position:relative;transition:.3s;width:12px}.color-input__arrow-down:before,.color-input__arrow-up:before{border-left:5px solid transparent;border-right:5px solid transparent;content:"";display:block;height:0;width:0}.color-input__arrow-down:hover,.color-input__arrow-up:hover{opacity:.8}.color-input__popup{background-color:#fbfbfb;box-shadow:0 5px 10px #0f0f0f66;color:#0f0f0f;min-width:280px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto;z-index:9999;--popup-offset:10px}.color-input__popup--top{translate:0 calc(var(--popup-offset)*-1)}.color-input__popup--bottom{translate:0 var(--popup-offset)}.color-input__popup--center-right{translate:var(--popup-offset) 0}.color-input__popup--center-left{translate:calc(var(--popup-offset)*-1) 0}.color-input__popup--enter-from,.color-input__popup--leave-to{opacity:0;transform:translateY(-10px)}.color-input__popup--enter-active,.color-input__popup--leave-active{transition:transform .3s,opacity .3s}.color-input__slider{height:6px;margin:18px auto;position:relative;width:85%}.color-input__slider-container{background-size:contain;border-radius:3px;display:block;overflow:hidden;top:50%}.color-input__slider-canvas{display:block}.color-input__slider-active-area{left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.color-input__slider-pointer{height:12px;width:12px}.color-input__pointer-transparent{background-size:auto 100%}.color-input__saturation-area{height:125px;position:relative;width:100%}.color-input__saturation-pointer{bottom:0;height:20px;left:0;position:absolute;top:auto;width:20px;z-index:10001}.color-input__text-inputs-area{display:flex;margin:0 7px 10px}.color-input__text-inputs-wrapper{flex:1 0;flex-wrap:wrap}.color-input__text-input-container{white-space:nowrap}.color-input__text-input{background:transparent;border-radius:3px;border-style:solid;border-width:1px;color:inherit;font-family:inherit;margin:0 5px;text-align:center;width:4ch}.color-input__text-input:focus{outline-color:var(--outline-color)}.color-input__text-input--hex{width:8ch}.color-input__text-format-arrows{flex:0 1;flex-direction:column}.color-input__arrow-up:before{border-bottom:5px solid var(--arrow-color)}.color-input__arrow-down:before{border-top:5px solid var(--arrow-color)}.color-input__box-color,.color-input__box-inner{height:100%;width:100%}.color-input{display:inline-block;position:relative}.color-input__box{border-radius:20%;cursor:pointer;height:40px;overflow:hidden;transition:background-color .05s .15s;width:40px}.color-input__box-inner{background-color:#fff;background-size:100%;border-radius:inherit;overflow:hidden;transition:transform .2s}.color-input__box-inner--active{transform:scale(.9)}.color-input__box--active{background:#fbfbfb;transition:all .2s,background-color .05s}.color-input__box--disabled{cursor:not-allowed}[class*=custom-bg-]{background-color:var(--custom-bg-color)}.color-picker{border-radius:4px;height:32px;overflow:hidden;width:100%}:deep(.vue-color-input){border:1px solid var(--color-gray-300);border-radius:.375rem;overflow:hidden;width:100%}:deep(.vue-color-input .color-preview){height:2rem}:deep(.vue-color-input .color-fields){padding:.5rem}:deep(.dark .vue-color-input){background-color:var(--color-gray-800);border-color:var(--color-gray-700)}:deep(.dark .vue-color-input input){background-color:var(--color-gray-700);color:var(--color-gray-200)}.join-item[type=radio][data-v-989aaa85]:checked{--tw-border-opacity:1!important;border-color:rgb(168 85 247/var(--tw-border-opacity,1))!important;--tw-bg-opacity:1!important;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))!important;--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.join-item[type=radio][data-v-989aaa85]:checked:hover{--tw-border-opacity:1!important;border-color:rgb(147 51 234/var(--tw-border-opacity,1))!important;--tw-bg-opacity:1!important;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))!important}.btn[data-v-989aaa85]{--tw-border-opacity:1;background-color:#ffffff80;border-color:rgb(var(--color-gray-200)/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--color-gray-700)/var(--tw-text-opacity,1))}.btn[data-v-989aaa85]:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-100)/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--color-gray-900)/var(--tw-text-opacity,1))}.btn[data-v-989aaa85]:is(.dark *){--tw-border-opacity:1;background-color:rgb(var(--color-gray-900)/.3);border-color:rgb(var(--color-gray-800)/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--color-gray-400)/var(--tw-text-opacity,1))}.btn[data-v-989aaa85]:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-800)/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--color-gray-300)/var(--tw-text-opacity,1))}