/* The same 250px Pop Vuddy as TOP, clear of the service reading column. */
.service-guide{position:fixed;z-index:38;left:18px;bottom:18px;width:250px;max-width:calc(100vw - 36px);color:var(--ink);font-family:var(--font-site)}
.service-guide[hidden],.service-guide [hidden]{display:none!important}
.sg-panel{position:relative;width:250px;max-width:100%}
.sg-frame{width:100%;aspect-ratio:9/16}
.sg-frame iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.sg-close{position:absolute;z-index:1;right:0;top:0;width:28px;height:28px;border:1px solid #16161655;background:#ffffffed;border-radius:50%;padding:5px;display:grid;place-items:center}
.sg-close svg{width:15px;height:15px}
.sg-launch{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:28px;background:white;padding:10px 17px;font-size:12px;font-weight:750;line-height:1.5}
.sg-launch svg{width:18px;height:18px}
.sg-launch i{width:7px;height:7px;border-radius:50%;background:var(--green)}
.sg-launch:hover{background:var(--mint)}
.service-guide .sg-launch{border-radius:28px}
.service-guide .sg-close{border-radius:50%}
@media(max-width:1100px){.service-guide{left:14px;bottom:calc(14px + env(safe-area-inset-bottom));max-width:calc(100vw - 28px)}.sg-panel{background:#fff;border-radius:15px;box-shadow:0 0 0 100vmax #00000022}}
