﻿@property --ui-borderanim-angle{syntax:"<angle>";inherits:true;initial-value:0turn}
@keyframes borderRotate
{
    to
    {
        --ui-borderanim-angle: 1turn;
    }
}
.ui-borderanim-rotate.e-con::after, .ui-borderanim-rotate>.elementor-widget-container::after, .ui-borderanim-rotate_item .ui-e-adv-grid .ui-e-post-item>article:after, .ui-borderanim-rotate_item.elementor-widget-uicore-icon-list .ui-e-wrap:after
{
    content: "";
    position: absolute;
    top: calc(var(--ui-borderanim-width-top) * -1);
    right: calc(var(--ui-borderanim-width-right) * -1);
    bottom: calc(var(--ui-borderanim-width-bottom) * -1);
    left: calc(var(--ui-borderanim-width-left) * -1);
    border-radius: var(--ui-borderanim-radius);
    border: solid transparent;
    border-width: var(--ui-borderanim-width-top) var(--ui-borderanim-width-right) var(--ui-borderanim-width-bottom) var(--ui-borderanim-width-left);
    animation: borderRotate var(--ui-borderanim-speed) linear infinite;
    pointer-events: none;
    background: conic-gradient(from var(--ui-borderanim-angle),transparent 88%,var(--ui-borderanim-color),var(--ui-borderanim-color) 99.7%,transparent) border-box;
    background-clip: border-box;
    background-origin: border-box;
    mask: radial-gradient(farthest-side,rgba(0,0,0,0) calc(97% - var(--ui-borderanim-width-top)),rgba(0,0,0,0)) content-box,radial-gradient(farthest-side,rgba(0,0,0,0) calc(2% - var(--ui-borderanim-width-top)),#000) border-box;
    -webkit-mask-composite: destination-in;
    mask-composite: intersect;
}
.ui-borderanim-rotate_item .ui-e-adv-grid .ui-e-post-item>article:after
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.ui-borderanim-rotate.e-con.ui-multicolor::after, .ui-borderanim-rotate.ui-multicolor>.elementor-widget-container::after, .ui-borderanim-rotate_item.ui-multicolor .ui-e-adv-grid .ui-e-post-item>article:after, .ui-borderanim-rotate_item.ui-multicolor.elementor-widget-uicore-icon-list .ui-e-wrap:after
{
    background: conic-gradient(from var(--ui-borderanim-angle),var(--ui-borderanim-color) 0deg 90deg,var(--ui-borderanim-color2) 90deg 180deg,var(--ui-borderanim-color3) 180deg 270deg,var(--ui-borderanim-color4) 270deg 360deg) border-box;
}
.ui-borderanim-rotate.e-con.ui-multicolor-12::after, .ui-borderanim-rotate.ui-multicolor-12>.elementor-widget-container::after, .ui-borderanim-rotate_item.ui-multicolor-12 .ui-e-adv-grid .ui-e-post-item>article:after, .ui-borderanim-rotate_item.ui-multicolor-12.elementor-widget-uicore-icon-list .ui-e-wrap:after
{
    background: conic-gradient(from var(--ui-borderanim-angle),var(--ui-borderanim-color) 0deg 22.5deg,var(--ui-borderanim-color2) 22.5deg 45deg,var(--ui-borderanim-color3) 45deg 67.5deg,var(--ui-borderanim-color4) 67.5deg 90deg,var(--ui-borderanim-color) 90deg 112.5deg,var(--ui-borderanim-color2) 112.5deg 135deg,var(--ui-borderanim-color3) 135deg 157.5deg,var(--ui-borderanim-color4) 157.5deg 180deg,var(--ui-borderanim-color) 180deg 202.5deg,var(--ui-borderanim-color2) 202.5deg 225deg,var(--ui-borderanim-color3) 225deg 247.5deg,var(--ui-borderanim-color4) 247.5deg 270deg,var(--ui-borderanim-color) 270deg 292.5deg,var(--ui-borderanim-color2) 292.5deg 315deg,var(--ui-borderanim-color3) 315deg 337.5deg,var(--ui-borderanim-color4) 337.5deg 360deg) border-box;
}
.ui-borderanim-rotate.e-con.ui-multicolor-8::after, .ui-borderanim-rotate.ui-multicolor-8>.elementor-widget-container::after, .ui-borderanim-rotate_item.ui-multicolor-8 .ui-e-adv-grid .ui-e-post-item>article:after, .ui-borderanim-rotate_item.ui-multicolor-8.elementor-widget-uicore-icon-list .ui-e-wrap:after
{
    background: conic-gradient(from var(--ui-borderanim-angle),var(--ui-borderanim-color) 0deg 45deg,var(--ui-borderanim-color2) 45deg 90deg,var(--ui-borderanim-color3) 90deg 135deg,var(--ui-borderanim-color4) 135deg 180deg,var(--ui-borderanim-color) 180deg 225deg,var(--ui-borderanim-color2) 225deg 270deg,var(--ui-borderanim-color3) 270deg 315deg,var(--ui-borderanim-color4) 315deg 360deg) border-box;
}
.ui-borderanim-rotate.e-con.ui-gradient::after, .ui-borderanim-rotate.ui-gradient>.elementor-widget-container::after, .ui-borderanim-rotate_item.ui-gradient .ui-e-adv-grid .ui-e-post-item>article:after, .ui-borderanim-rotate_item.ui-gradient.elementor-widget-uicore-icon-list .ui-e-wrap:after
{
    background: conic-gradient(from var(--ui-borderanim-angle),transparent,var(--ui-borderanim-color),transparent) border-box;
}
.ui-borderanim-rotate.e-con.ui-dual-gradient::after, .ui-borderanim-rotate.ui-dual-gradient>.elementor-widget-container::after, .ui-borderanim-rotate_item.ui-dual-gradien.elementor-widget-uicore-icon-list .ui-e-wrap:after, .ui-borderanim-rotate_item.ui-dual-gradient .ui-e-adv-grid .ui-e-post-item>article:after
{
    background: conic-gradient(from var(--ui-borderanim-angle),transparent 0,var(--ui-borderanim-color) 25%,transparent 50%,var(--ui-borderanim-color) 75%,transparent 100%) border-box;
}
.ui-borderanim-hover_item.elementor-widget-uicore-icon-list li, .ui-borderanim-rotate, .ui-borderanim-rotate.e-con, .ui-borderanim-rotate>.elementor-widget-container, .ui-borderanim-rotate_item.elementor-widget-uicore-icon-list li
{
    position: relative;
    z-index: 2;
}
.ui-borderanim-hover::after, .ui-borderanim-hover::before, .ui-borderanim-hover_item .ui-e-adv-grid .ui-e-post-item:after, .ui-borderanim-hover_item .ui-e-adv-grid .ui-e-post-item:before, .ui-borderanim-hover_item.elementor-widget-uicore-icon-list li:after, .ui-borderanim-hover_item.elementor-widget-uicore-icon-list li:before
{
    content: "";
    position: absolute;
    top: calc(var(--ui-borderanim-width-top) * -1);
    right: calc(var(--ui-borderanim-width-right) * -1);
    bottom: calc(var(--ui-borderanim-width-bottom) * -1);
    left: calc(var(--ui-borderanim-width-left) * -1);
    border-radius: calc(var(--ui-borderanim-radius) + var(--ui-borderanim-width-top));
    border: 0 solid transparent;
    transition: opacity .5s ease-in-out,--xPos .5s ease-in-out,--yPos .5s ease-in-out;
    background: radial-gradient(50rem circle at var(--xPos) var(--yPos),var(--ui-borderanim-color),transparent 33%);
    opacity: calc(var(--proximity) * 1);
    background-repeat: no-repeat;
}
.ui-borderanim-hover.e-con::after, .ui-borderanim-hover.e-con::before
{
    mask: linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);
    mask-composite: exclude;
    padding: var(--border-top-width) var(--border-right-width) var(--border-bottom-width) var(--border-left-width);
}
.ui-borderanim-hover:not(.e-con):after, .ui-borderanim-hover:not(.e-con):before
{
    mask: linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);
    mask-composite: exclude;
    padding: var(--ui-borderanim-width-top) var(--ui-borderanim-width-right) var(--ui-borderanim-width-bottom) var(--ui-borderanim-width-left);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.ui-borderanim-hover::before, .ui-borderanim-hover_item .ui-e-adv-grid .ui-e-post-item:before, .ui-borderanim-hover_item.elementor-widget-uicore-icon-list li:before
{
    background: var(--ui-borderanim-basecolor)!important;
    background-image: none;
    opacity: 1;
}