.dynamic-solid[data-v-7ffdbf52]{background-color:var(--dynamic-color)!important;border-color:var(--dynamic-color)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--dynamic-color) 30%,transparent);transition:all .3s ease}.dynamic-gradient[data-v-7ffdbf52]{background:linear-gradient(75deg,color-mix(in srgb,var(--dynamic-color) 50%,#000) 10%,var(--dynamic-color) 100%);background-clip:padding-box;border:transparent;position:relative;transition:all .3s ease}.dynamic-shimmer[data-v-7ffdbf52]{--border-angle:0turn;--main-bg:conic-gradient(from var(--border-angle),color-mix(in srgb,var(--dynamic-color) 20%,var(--dynamic-color)),color-mix(in srgb,var(--dynamic-color) 40%,var(--dynamic-color)) 5%,color-mix(in srgb,var(--dynamic-color) 40%,var(--dynamic-color)) 50%,color-mix(in srgb,var(--dynamic-color) 20%,var(--dynamic-color)) 150%);border:1.5px solid transparent;border-radius:6px;--gradient-border:conic-gradient(from var(--border-angle),transparent 25%,var(--dynamic-color),color-mix(in srgb,var(--dynamic-color) 10%,#fff) 100%,transparent);animation:shimmer-spin-7ffdbf52 3s linear infinite;background:var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;background-position:50%;transition:all .3s ease}.dynamic-shimmer[data-v-7ffdbf52]:hover{animation-play-state:paused}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}@keyframes shimmer-spin-7ffdbf52{to{--border-angle:1turn}}