/* A moving highlight on the rim, with the centre cut out so the content stays clear. */
@property --admall-rim-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 130deg;
}
@keyframes admall-rim-turn {
  from { --admall-rim-angle: 130deg }
  to { --admall-rim-angle: 490deg }
}

html[data-admall-focus] :is(.gpt-choice, .chat-card, .faq-list details, .last-call, .business-inquiry) {
  position: relative;
  --rim-color: #ca91ff;
}
html[data-admall-focus] .gpt-choice:first-child { --rim-color: #8df4de }
html[data-admall-focus] .gpt-choice:last-child { --rim-color: #9fb6ff }
@supports (mask-composite: exclude) {
  html[data-admall-focus] :is(.gpt-choice, .chat-card, .faq-list details, .last-call, .business-inquiry)::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1.5px;
    border-radius: inherit;
    z-index: 1;
    pointer-events: none;
    background: conic-gradient(from var(--admall-rim-angle), #a68bd528 0 55%, var(--rim-color) 71%, #fff 76%, #a68bd528 86%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    opacity: .52;
  }
}
html[data-admall-focus] .gpt-choice:focus-within {
  outline: 2px solid var(--rim-color);
  outline-offset: 3px;
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html[data-admall-focus] :is(.gpt-choice, .business-inquiry) {
    transition: transform .24s ease, box-shadow .24s ease;
  }
  html[data-admall-focus] .gpt-choice > img { transition: transform .42s ease, filter .42s ease }
  html[data-admall-focus] .gpt-choice:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 36px #05031688, 0 0 20px #936bea30;
  }
  html[data-admall-focus] .gpt-choice:hover > img { transform: scale(1.025); filter: brightness(1.08) }
  html[data-admall-focus] :is(.gpt-choice, .chat-card, .faq-list details, .last-call, .business-inquiry):is(:hover,:focus-within)::after {
    opacity: 1;
    animation: admall-rim-turn 3.2s linear infinite;
  }
  html[data-admall-focus] .business-inquiry:hover { transform: translateY(-2px); box-shadow: 0 5px 18px #a451fb50 }
}
html[data-admall-focus] .business-inquiry:active { filter: brightness(.88) }
@media (prefers-reduced-motion:no-preference) {
  html[data-admall-focus] .business-inquiry:active { transform: scale(.98) }
}