.ask-orbit { position: relative; width: min(100%, var(--ask-max-width)); max-width: 100%; aspect-ratio: 1; margin: 0 auto; isolation: isolate; }
.ask-orbit *, .ask-orbit *::before, .ask-orbit *::after { box-sizing: border-box; }
.ask-orbit__ring { position: absolute; inset: 19%; z-index: 2; display: grid; place-items: center; border-radius: 50%; background: var(--ask-ring); }
.ask-orbit__centre { width: 72%; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: var(--ask-center-bg, var(--ask-center)); }
.ask-orbit__centre img { width: var(--ask-logo-size); max-height: 70%; object-fit: contain; }
.ask-orbit__track { position: absolute; inset: 3%; z-index: 3; border: 2px dashed var(--ask-orbit); border-radius: 50%; animation: ask-orbit-spin var(--ask-speed) linear infinite; }
.ask-orbit__position { position: absolute; top: 50%; left: 50%; width: min(var(--ask-icon-size), 20%); aspect-ratio: 1; transform: translate(-50%, -50%) rotate(var(--ask-angle)) translateY(-240%) rotate(calc(-1 * var(--ask-angle))); transform-origin: center; }
.ask-orbit__icon { display: grid; width: 100%; height: 100%; place-items: center; padding: 19%; overflow: hidden; border-radius: var(--ask-radius); background: var(--ask-icon); box-shadow: 0 3px 12px rgba(0,0,0,.12); transition: transform .2s ease, box-shadow .2s ease; }
.ask-orbit__icon img { width: 100%; height: 100%; object-fit: contain; animation: ask-orbit-counter-spin var(--ask-speed) linear infinite; }
.ask-orbit__icon:not(a) { cursor: default; }
.ask-orbit:hover .ask-orbit__track, .ask-orbit:hover .ask-orbit__icon img { animation-play-state: paused; }
.ask-orbit__icon:hover, .ask-orbit__icon:focus-visible { transform: scale(1.14); box-shadow: 0 8px 22px rgba(0,0,0,.2); outline: none; }
@keyframes ask-orbit-spin { to { transform: rotate(360deg); } }
@keyframes ask-orbit-counter-spin { to { transform: rotate(-360deg); } }
@media (max-width: 767px) { .ask-orbit { width: min(100%, var(--ask-max-width), 280px); margin: 0 auto; clear: both; } .ask-orbit__track { border-width: 1px; } 
    .ask-orbit {
	min-height: 280px;
}
}
@media (prefers-reduced-motion: reduce) { .ask-orbit__track, .ask-orbit__icon img { animation: none; } }