.gx-timed-message { position:relative; padding-right:66px!important; min-height:58px; }
body .gx-timed-message .gx-message-countdown { position:absolute; right:14px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:36px; height:36px; min-height:0; margin:0; padding:0; border:0; border-radius:50%; background:transparent; color:inherit; cursor:pointer; font:700 11px/1 Manrope,system-ui,sans-serif; }
.gx-message-countdown svg { position:absolute; inset:0; width:36px; height:36px; transform:rotate(-90deg); fill:none; stroke:currentColor; stroke-width:2; pointer-events:none; }
.gx-countdown-track { opacity:.17; }
.gx-countdown-progress { stroke-dasharray:100; stroke-dashoffset:0; stroke-linecap:round; transition:stroke-dashoffset .25s linear; }
.gx-message-countdown .gx-countdown-value,.gx-message-countdown .gx-countdown-close { grid-area:1/1; flex:none; pointer-events:none; }
.gx-message-countdown .gx-countdown-close { visibility:hidden; font:400 23px/1 system-ui,sans-serif; }
.gx-message-countdown:is(:hover,:focus-visible) .gx-countdown-value { visibility:hidden; }
.gx-message-countdown:is(:hover,:focus-visible) .gx-countdown-close { visibility:visible; }
.gx-message-countdown:hover { background:#ffffff40!important; }
.gx-message-countdown:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
@media(prefers-reduced-motion:reduce) { .gx-countdown-progress { transition:none; } }