#dcfx-custom-cursor {
    border-style: solid;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: width 0.15s ease, height 0.15s ease, background-color 0.15s ease, border 0.20 ease-in-out;
    z-index: 99999999;
}

.dcfx-blend-multiply { mix-blend-mode : multiply; }
.dcfx-blend-screen { mix-blend-mode : screen; }
.dcfx-blend-overlay { mix-blend-mode : overlay; }
.dcfx-blend-darken { mix-blend-mode : darken; }
.dcfx-blend-lighten { mix-blend-mode : lighten; }
.dcfx-blend-color-dodge { mix-blend-mode : color-dodge; }
.dcfx-blend-color-burn { mix-blend-mode : color-burn; }
.dcfx-blend-hard-light { mix-blend-mode : hard-light; }
.dcfx-blend-soft-light { mix-blend-mode : soft-light; }
.dcfx-blend-difference { mix-blend-mode : difference; }
.dcfx-blend-exclusion { mix-blend-mode : exclusion; }
.dcfx-blend-hue { mix-blend-mode : hue; }
.dcfx-blend-saturation { mix-blend-mode : saturation; }
.dcfx-blend-color { mix-blend-mode : color; }
.dcfx-blend-luminosity { mix-blend-mode : luminosity; }

.dcfx-custom-icon {
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1;
    transition: all 0.30s ease-in-out;
}

.dcfx-type-star .dcfx-custom-icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#dcfx-custom-cursor.dcfx-type-circle {
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#dcfx-custom-cursor.dcfx-type-image {
    background-size: contain;
    background-repeat: no-repeat;
}

#dcfx-custom-cursor svg {
    width: 100% !important;
    height: 100% !important;
}

#dcfx-custom-cursor circle,
#dcfx-custom-cursor path {
    transition: all 0.3s ease, stroke 0.3s ease;
}

#dcfx-custom-cursor .dcfx-custom-text {
    text-align: center;
    display: inline-block;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.dcfx-custom-text {
    font-size: 14px;
}
.dcfx-type-image {
    border: 0 !important;
    border-color: transparent !important;
    background-color: none !important;
}
.dcfx-type-double_circle, .dcfx-type-ring_pulse, .dcfx-type-star {
    border: 0 !important;
    border-color: transparent !important;
    background: none !important;
}

#dcfx-custom-cursor.dcfx_rotate_1.dcfx_hover_state { animation: rotate-center-1 0.6s ease-in-out both; }
#dcfx-custom-cursor.dcfx_rotate_2.dcfx_hover_state { animation: rotate-center-2 0.6s ease-in-out both; }
#dcfx-custom-cursor.dcfx_rotate_3.dcfx_hover_state { animation: rotate-center-3 0.9s ease-in-out both; }
#dcfx-custom-cursor.dcfx_rotate_4.dcfx_hover_state { animation: rotate-center-4 1.2s ease-in-out both; }
#dcfx-custom-cursor.dcfx_rotate_5.dcfx_hover_state { animation: rotate-center-5 1.5s ease-in-out both; }


/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
 @keyframes rotate-center-1 { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }
 @keyframes rotate-center-2 { 0% { transform: rotate(0); } 100% { transform: rotate(720deg); } }
 @keyframes rotate-center-3 { 0% { transform: rotate(0); } 100% { transform: rotate(1080deg); } }
 @keyframes rotate-center-4 { 0% { transform: rotate(0); } 100% { transform: rotate(1440deg); } }
 @keyframes rotate-center-5 { 0% { transform: rotate(0); } 100% { transform: rotate(1800deg); } }