.dia-circular-animation__wrapper{--dia-rx: var(--dia-radius, 140px);--dia-ry: var(--dia-radius, 140px);--dia-rx-eff: calc(var(--dia-rx) + var(--dia-image-spacing, 0px));--dia-ry-eff: calc(var(--dia-ry) + var(--dia-image-spacing, 0px));--dia-hover-speed-active: 1;position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(var(--dia-ry)*2)}.dia-circular-animation__wrapper.dia-shape-ellipse,.dia-circular-animation__wrapper.dia-shape-custom{--dia-rx: var(--dia-radius-x, 180px);--dia-ry: var(--dia-radius-y, 120px)}.dia-circular-animation__scroll,.dia-circular-animation__mouse{position:relative;display:flex;align-items:center;justify-content:center}.dia-circular-animation__stage{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--dia-rx)*2);height:calc(var(--dia-ry)*2);transform-origin:var(--dia-origin, center center);transition:transform var(--dia-hover-duration, 0.4s) ease,filter var(--dia-hover-duration, 0.4s) ease,opacity var(--dia-hover-duration, 0.4s) ease}.dia-circular-animation__ring{position:absolute;inset:0;transform:rotate(var(--dia-ring-rotation, 0deg));transform-origin:center center}.dia-circular-animation__item{position:absolute;top:50%;left:50%;line-height:0;transform:translate(-50%, -50%) translate(calc(var(--dia-rx-eff) * var(--dia-ux, 0)), calc(var(--dia-ry-eff) * var(--dia-uy, 0))) rotate(var(--dia-item-rotation, 0deg))}.dia-circular-animation__image{display:block;width:var(--dia-image-width, 64px);height:var(--dia-image-height, 64px);max-width:none;object-fit:var(--dia-image-fit, cover);border-radius:var(--dia-image-radius, 50%);transform:rotate(var(--dia-image-rotation, 0deg)) scale(var(--dia-image-scale, 1))}.dia-circular-animation__custom{display:block;transform:rotate(var(--dia-image-rotation, 0deg)) scale(var(--dia-image-scale, 1))}.dia-circular-animation__text{position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%, -50%) rotate(var(--dia-start-angle, 0deg));opacity:var(--dia-text-opacity, 1)}.dia-circular-animation__text text{fill:currentColor;letter-spacing:var(--dia-text-spacing, 0px);white-space:pre}.dia-circular-animation__center{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:var(--dia-center-align, center);justify-content:var(--dia-center-align, center);width:var(--dia-center-width, 120px);height:var(--dia-center-height, 120px);overflow:hidden;text-align:center;transform:translate(-50%, -50%)}.dia-circular-animation__center-image{display:block;width:100%;height:100%;object-fit:cover}.dia-circular-animation__center-icon{display:inline-block;color:var(--dia-icon-color, currentColor);font-size:var(--dia-icon-size, 32px);font-style:normal;font-variant:normal;line-height:1;text-transform:none;speak:none;-webkit-font-smoothing:antialiased}.dia-circular-animation__center-button{display:inline-block;border:0;background:none;color:inherit;cursor:pointer;font:inherit}.dia-circular-animation__placeholder{display:grid;place-items:center;width:100%;height:100%;padding:8px;border:1px dashed rgba(0,0,0,.25);border-radius:50%;background:rgba(0,0,0,.03);color:rgba(0,0,0,.45);font-size:12px;line-height:1.4;text-align:center}@keyframes dia-circular-spin{from{transform:rotate(var(--dia-ring-rotation, 0deg))}to{transform:rotate(calc(var(--dia-ring-rotation, 0deg) + 360deg))}}@keyframes dia-circular-spin-reverse{from{transform:rotate(var(--dia-image-rotation, 0deg)) scale(var(--dia-image-scale, 1))}to{transform:rotate(calc(var(--dia-image-rotation, 0deg) - 360deg)) scale(var(--dia-image-scale, 1))}}.dia-circular-animation__wrapper.dia-is-animated .dia-circular-animation__ring{animation:dia-circular-spin calc(var(--dia-speed, 16s)*var(--dia-hover-speed-active, 1)) var(--dia-easing, linear) var(--dia-delay, 0s) infinite;will-change:transform}.dia-circular-animation__wrapper.dia-is-animated .dia-circular-animation__image.is-upright,.dia-circular-animation__wrapper.dia-is-animated .dia-circular-animation__custom.is-upright{animation:dia-circular-spin-reverse calc(var(--dia-speed, 16s)*var(--dia-hover-speed-active, 1)) var(--dia-easing, linear) var(--dia-delay, 0s) infinite}.dia-circular-animation__wrapper.dia-is-animated.dia-direction-counterclockwise .dia-circular-animation__ring,.dia-circular-animation__wrapper.dia-is-animated.dia-direction-counterclockwise .dia-circular-animation__image.is-upright,.dia-circular-animation__wrapper.dia-is-animated.dia-direction-counterclockwise .dia-circular-animation__custom.is-upright{animation-direction:reverse}.dia-circular-animation__wrapper.dia-is-animated.dia-direction-alternate .dia-circular-animation__ring,.dia-circular-animation__wrapper.dia-is-animated.dia-direction-alternate .dia-circular-animation__image.is-upright,.dia-circular-animation__wrapper.dia-is-animated.dia-direction-alternate .dia-circular-animation__custom.is-upright{animation-direction:alternate}.dia-circular-animation__wrapper.dia-is-animated.dia-play-once .dia-circular-animation__ring,.dia-circular-animation__wrapper.dia-is-animated.dia-play-once .dia-circular-animation__image.is-upright,.dia-circular-animation__wrapper.dia-is-animated.dia-play-once .dia-circular-animation__custom.is-upright{animation-iteration-count:1;animation-fill-mode:forwards}.dia-circular-animation__wrapper.dia-is-animated.dia-is-paused .dia-circular-animation__ring,.dia-circular-animation__wrapper.dia-is-animated.dia-is-paused .dia-circular-animation__image.is-upright,.dia-circular-animation__wrapper.dia-is-animated.dia-is-paused .dia-circular-animation__custom.is-upright{animation-play-state:paused}.dia-circular-animation__wrapper.dia-has-hover:hover .dia-circular-animation__stage,.dia-circular-animation__wrapper.dia-has-hover:focus-within .dia-circular-animation__stage{transform:scale(var(--dia-hover-scale, 1)) rotate(var(--dia-hover-rotate, 0deg)) var(--dia-hover-transform, translate(0));filter:blur(var(--dia-hover-blur, 0px));opacity:var(--dia-hover-opacity, 1)}.dia-circular-animation__wrapper.dia-has-hover.dia-hover-pause:hover .dia-circular-animation__ring,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-pause:hover .dia-circular-animation__image.is-upright,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-pause:hover .dia-circular-animation__custom.is-upright,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-pause:focus-within .dia-circular-animation__ring,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-pause:focus-within .dia-circular-animation__image.is-upright,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-pause:focus-within .dia-circular-animation__custom.is-upright{animation-play-state:paused}.dia-circular-animation__wrapper.dia-has-hover.dia-hover-reverse:hover .dia-circular-animation__ring,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-reverse:hover .dia-circular-animation__image.is-upright,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-reverse:hover .dia-circular-animation__custom.is-upright,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-reverse:focus-within .dia-circular-animation__ring,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-reverse:focus-within .dia-circular-animation__image.is-upright,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-reverse:focus-within .dia-circular-animation__custom.is-upright{animation-direction:reverse}.dia-circular-animation__wrapper.dia-has-hover.dia-hover-reverse.dia-direction-counterclockwise:hover .dia-circular-animation__ring,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-reverse.dia-direction-counterclockwise:hover .dia-circular-animation__image.is-upright,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-reverse.dia-direction-counterclockwise:hover .dia-circular-animation__custom.is-upright,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-reverse.dia-direction-counterclockwise:focus-within .dia-circular-animation__ring,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-reverse.dia-direction-counterclockwise:focus-within .dia-circular-animation__image.is-upright,.dia-circular-animation__wrapper.dia-has-hover.dia-hover-reverse.dia-direction-counterclockwise:focus-within .dia-circular-animation__custom.is-upright{animation-direction:normal}.dia-circular-animation__wrapper.dia-has-hover:hover,.dia-circular-animation__wrapper.dia-has-hover:focus-within{--dia-hover-speed-active: var(--dia-hover-speed, 1)}.dia-circular-animation__wrapper.dia-has-3d,.dia-circular-animation__wrapper.dia-has-3d-hover{perspective:var(--dia-perspective, 1000px)}.dia-circular-animation__wrapper.dia-has-3d .dia-circular-animation__stage,.dia-circular-animation__wrapper.dia-has-3d-hover .dia-circular-animation__stage{transform-style:preserve-3d}.dia-circular-animation__wrapper.dia-has-3d .dia-circular-animation__stage,.dia-circular-animation__wrapper.dia-has-3d-hover:hover .dia-circular-animation__stage,.dia-circular-animation__wrapper.dia-has-3d-hover:focus-within .dia-circular-animation__stage{transform:rotateX(var(--dia-rotate-x, 0deg)) rotateY(var(--dia-rotate-y, 0deg)) rotateZ(var(--dia-rotate-z, 0deg)) translateZ(var(--dia-depth, 0px))}.dia-circular-animation__wrapper.dia-has-3d.dia-has-hover:hover .dia-circular-animation__stage,.dia-circular-animation__wrapper.dia-has-3d.dia-has-hover:focus-within .dia-circular-animation__stage{transform:rotateX(var(--dia-rotate-x, 0deg)) rotateY(var(--dia-rotate-y, 0deg)) rotateZ(var(--dia-rotate-z, 0deg)) translateZ(var(--dia-depth, 0px)) scale(var(--dia-hover-scale, 1)) rotate(var(--dia-hover-rotate, 0deg)) var(--dia-hover-transform, translate(0))}.dia-circular-animation__wrapper.dia-has-scroll>.dia-circular-animation__scroll,.dia-circular-animation__wrapper.dia-has-mouse .dia-circular-animation__mouse{will-change:transform}.dia-circular-animation__wrapper.dia-mouse-tilt{perspective:var(--dia-perspective, 1000px)}.dia-circular-animation__wrapper.dia-mouse-tilt .dia-circular-animation__mouse{transform-style:preserve-3d}.dia-circular-animation__wrapper.dia-has-entrance{transition:transform var(--dia-entrance-duration, 0.8s) var(--dia-entrance-easing, ease-out) var(--dia-entrance-delay, 0s),opacity var(--dia-entrance-duration, 0.8s) var(--dia-entrance-easing, ease-out) var(--dia-entrance-delay, 0s),filter var(--dia-entrance-duration, 0.8s) var(--dia-entrance-easing, ease-out) var(--dia-entrance-delay, 0s)}.dia-circular-animation__wrapper.dia-has-entrance.dia-entrance-fade{opacity:0}.dia-circular-animation__wrapper.dia-has-entrance.dia-entrance-scale{opacity:0;transform:scale(0.7)}.dia-circular-animation__wrapper.dia-has-entrance.dia-entrance-rotate{opacity:0;transform:rotate(-90deg)}.dia-circular-animation__wrapper.dia-has-entrance.dia-entrance-slide{opacity:0;transform:translateY(60px)}.dia-circular-animation__wrapper.dia-has-entrance.dia-entrance-zoom{opacity:0;transform:scale(1.4)}.dia-circular-animation__wrapper.dia-has-entrance.dia-entrance-blur{opacity:0;filter:blur(12px)}.dia-circular-animation__wrapper.dia-has-entrance.dia-entrance-custom{opacity:0;transform:var(--dia-entrance-transform, translateY(40px))}.dia-circular-animation__wrapper.dia-has-entrance.dia-entered{opacity:1;transform:none;filter:none}@media(prefers-reduced-motion: reduce){.dia-circular-animation__wrapper.dia-is-animated .dia-circular-animation__ring,.dia-circular-animation__wrapper.dia-is-animated .dia-circular-animation__image.is-upright,.dia-circular-animation__wrapper.dia-is-animated .dia-circular-animation__custom.is-upright{animation:none}.dia-circular-animation__wrapper.dia-has-entrance{transition:none;opacity:1;transform:none;filter:none}.dia-circular-animation__stage,.dia-circular-animation__scroll,.dia-circular-animation__mouse{transition:none}}