.squared-mock{--sq-surface: #FFFFFF;--sq-bg: #E8EAEE;--sq-ink: #424242;--sq-ink-strong: #212121;--sq-mute: #9E9E9E;--sq-footer-bg: #F0F2F7;--sq-footer-ink: #616161;--sq-divider: #E0E0E0;--sq-arc-track: #ECEFF1;--sq-card-pad: 7cqi;--sq-footer-pad-v: 5.5cqi;--sq-footer-text-h: 3.25cqi;--sq-fab-size: 13cqi;--sq-accent: #4285F4;--sq-accent-shadow: #185ABC}[data-theme=dark] .squared-mock{--sq-surface: #141414;--sq-bg: #2E2F31;--sq-ink: #E0E0E0;--sq-ink-strong: #FFFFFF;--sq-mute: #9E9E9E;--sq-footer-bg: #0E0E0E;--sq-footer-ink: #BDBDBD;--sq-divider: #2E353D;--sq-arc-track: #2A2F36}[data-theme=dark] .squared-mock[data-module="1"] .squared-arc-label{color:#fff!important}[data-theme=dark] .squared-mock[data-module="4"] .squared-arc-label{color:#fbbc05!important}.squared-mock{width:100%;height:100%;display:flex;align-items:center;justify-content:center;container-type:inline-size}.squared-card{position:relative;width:100%;height:100%;background:var(--sq-surface);padding:var(--sq-card-pad);display:grid;grid-template-rows:auto 1fr auto;gap:3.5cqi;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;color:var(--sq-ink);overflow:hidden;isolation:isolate}.squared-head{display:flex;align-items:flex-start;justify-content:space-between;gap:3cqi;min-width:0}.squared-title-block{display:flex;flex-direction:column;gap:1cqi;min-width:0;transition:opacity .24s cubic-bezier(.2,0,0,1),transform .24s cubic-bezier(.2,0,0,1),filter .24s cubic-bezier(.2,0,0,1)}.squared-mock.is-morphing .squared-title-block{opacity:0;transform:translateY(-4px);filter:blur(1.5px)}.squared-title{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:6.5cqi;font-weight:400;line-height:1.1;letter-spacing:0;color:var(--sq-ink)}.squared-subtitle{margin:0;font-size:3.5cqi;font-weight:400;line-height:1.2;color:var(--mute)}.squared-menu{display:flex;flex-direction:column;gap:.75cqi;flex-shrink:0}.squared-menu span{width:1cqi;height:1cqi;border-radius:50%;background:var(--sq-mute)}.squared-icon-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin:1.5cqi 0;padding-bottom:6.5cqi}.squared-arc{position:absolute;width:32.5cqi;height:32.5cqi;transform:rotate(-90deg);z-index:0}.squared-arc-bg{fill:none;stroke:var(--sq-arc-track);stroke-width:4}.squared-arc-fg{fill:none;stroke:var(--sq-accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:0 339.292;transition:stroke .32s cubic-bezier(.2,0,0,1)}.squared-icon{position:relative;width:22cqi;height:22cqi;border-radius:50%;background:var(--sq-accent);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;transition:background .32s cubic-bezier(.2,0,0,1),transform .32s cubic-bezier(.2,0,0,1)}.squared-mock.is-morphing .squared-icon{transform:scale(.88) rotate(-8deg)}.squared-icon-glyph{position:relative;z-index:1;width:52%;height:52%;color:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .22s cubic-bezier(.2,0,0,1)}.squared-icon-glyph svg{width:100%;height:100%;display:block;fill:currentColor}.squared-mock.is-morphing .squared-icon-glyph{opacity:0}.squared-arc-label{position:absolute;left:calc(50% + 13.75cqi);top:calc(50% - 23.25cqi);font-family:Roboto,-apple-system,sans-serif;font-size:6.5cqi;font-weight:400;font-variant-numeric:tabular-nums;color:var(--sq-accent);letter-spacing:-.02em;transition:color .32s cubic-bezier(.2,0,0,1)}.squared-footer{display:flex;align-items:center;min-height:24px;background:var(--sq-footer-bg);border-top:1px solid var(--sq-divider);margin:0 calc(var(--sq-card-pad) * -1) calc(var(--sq-card-pad) * -1);padding:var(--sq-footer-pad-v) var(--sq-card-pad)}.squared-footer-text{font-size:var(--sq-footer-text-h);font-weight:400;color:var(--sq-footer-ink);line-height:1}.squared-countdown{font-variant-numeric:tabular-nums;font-size:1em;letter-spacing:0;color:var(--sq-footer-ink)}.squared-fab{position:absolute;right:5.5cqi;bottom:calc(1px + var(--sq-footer-pad-v) * 2 + var(--sq-footer-text-h) - var(--sq-fab-size) / 2);width:var(--sq-fab-size);height:var(--sq-fab-size);padding:0;border:0;border-radius:50%;background:var(--sq-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;transition:background .32s cubic-bezier(.2,0,0,1),box-shadow .24s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1);z-index:2}.squared-fab.is-hovered{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.squared-fab.is-clicked{transform:scale(.95)}.squared-fab-icon{position:relative;z-index:1;width:44%;height:44%}.squared-fab-ripple{position:absolute;inset:0;margin:auto;width:8px;height:8px;border-radius:999px;background:#fff6;opacity:0;pointer-events:none;z-index:0}.squared-fab.is-clicked .squared-fab-ripple{animation:sq-ripple .52s cubic-bezier(.2,0,0,1) forwards}@keyframes sq-ripple{0%{width:8px;height:8px;opacity:.55}to{width:180px;height:180px;opacity:0}}@media(prefers-reduced-motion:reduce){.squared-title-block,.squared-icon,.squared-icon-glyph,.squared-arc-fg{transition:none}.squared-fab-ripple{display:none}}