.circles-loader{z-index:1000;background:#fff;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.circles-loader-logo{transform-origin:50%;width:clamp(180px,25vw,280px);height:auto;overflow:visible}[data-entering] [data-loading-logo]{visibility:hidden}.circles-preview-destination{width:34px;height:auto;margin:0 auto 16px}.circles-loader-logo path{opacity:0;transform-box:fill-box;transform-origin:50%}.circles-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.circles-preview{color:#17374a;background:#fff;place-items:center;min-height:100svh;display:grid}.circles-preview-controls{z-index:1001;bottom:max(28px, env(safe-area-inset-bottom));color:#5b6e79;justify-content:space-between;align-items:center;gap:20px;font-size:14px;display:flex;position:fixed;left:40px;right:40px}.circles-preview-divider{color:#aab8c0;margin:0 12px}.circles-preview-controls button{color:#17374a;cursor:pointer;background:#fff;border:1px solid #dce5e9;border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:11px 18px;display:inline-flex}.circles-preview-controls button:hover{background:#f3f8fa}:is(.circles-preview button:focus-visible,.circles-preview a:focus-visible){outline-offset:5px;outline:2px solid #0849a5}.circles-preview-complete{text-align:center}.circles-preview-complete p{letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(24px,4vw,36px)}.circles-preview-complete a{color:#0849a5;font-size:14px;text-decoration:none}.circles-preview-complete a span{margin-left:8px}@keyframes circles-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.circles-preview-controls{left:20px;right:20px;bottom:max(20px, env(safe-area-inset-bottom))}.circles-preview-controls>span{max-width:160px}.circles-preview-divider{margin:0 5px}}@media (prefers-reduced-motion:reduce){.circles-loader-logo path{opacity:1}.circles-preview-complete{animation:none}}