/* Resella tutorial bubble. Namespaced; no reset and no external dependencies. */
.rt-bubble{--rt-surface:#171719;--rt-ink:#fff;--rt-muted:#c6c5cc;--rt-action:#a58aff;--rt-action-ink:#20123e;position:fixed;inset:auto;z-index:2147483000;box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:22px;border:0;border-radius:25px;background:var(--rt-surface);color:var(--rt-ink);font:400 15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;filter:drop-shadow(0 10px 17px #10101826);isolation:isolate;overflow:visible;overflow-wrap:anywhere;color-scheme:dark}
.rt-bubble *, .rt-bubble *::before,.rt-bubble *::after{box-sizing:border-box}
.rt-bubble[hidden]{display:none!important}
.rt-bubble[data-theme="light"]{--rt-surface:#fff;--rt-ink:#171719;--rt-muted:#64616e;--rt-action:#7044d8;--rt-action-ink:#fff;color-scheme:light}
.rt-bubble:focus{outline:none}.rt-bubble:focus-visible{outline:3px solid #ac8cfa;outline-offset:4px}
.rt-bubble button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.rt-bubble button:focus-visible{outline:3px solid var(--rt-action);outline-offset:4px}
.rt-bubble__content{min-height:0;overflow:visible;flex:none}
.rt-bubble__heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:7px}
.rt-bubble__title{font-size:17px;line-height:1.35;font-weight:650;letter-spacing:-.025em;margin:0;flex:1}
.rt-bubble__close{width:30px;height:30px;flex:none;display:grid;place-items:center;border:0;background:transparent;color:var(--rt-muted);margin:-5px -7px 0 0;border-radius:8px}
.rt-bubble__close:hover{background:color-mix(in srgb,var(--rt-ink) 10%,transparent);color:var(--rt-ink)}
.rt-bubble__text{color:var(--rt-muted);margin:0;white-space:pre-line}.rt-bubble__text strong{color:var(--rt-ink);font-weight:750}
.rt-bubble.rt-bubble--external-dialog{margin:0!important}
.rt-bubble__footer{display:flex;align-items:center;gap:10px;padding-top:20px;flex-shrink:0;flex-wrap:wrap}
.rt-bubble__step{font-size:12px;color:var(--rt-muted);font-variant-numeric:tabular-nums;margin-right:auto}
.rt-bubble__back,.rt-bubble__next{border:0;min-height:40px;border-radius:11px;padding:9px 13px;font-size:13px!important;font-weight:600!important}
.rt-bubble__back{background:transparent;color:var(--rt-muted)}.rt-bubble__back:hover{color:var(--rt-ink)}
.rt-bubble__next{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--rt-action);color:var(--rt-action-ink)}
.rt-bubble__next:hover{filter:brightness(1.08)}.rt-bubble__next:disabled{opacity:.5;cursor:wait}
.rt-bubble__arrow{position:absolute;width:32px;height:14px;fill:var(--rt-surface);pointer-events:none;overflow:visible}
.rt-bubble[data-side="top"] .rt-bubble__arrow{top:calc(100% - 1px);left:calc(var(--rt-arrow) - 16px)}
.rt-bubble[data-side="bottom"] .rt-bubble__arrow{bottom:calc(100% - 1px);left:calc(var(--rt-arrow) - 16px);transform:rotate(180deg)}
.rt-bubble[data-side="left"] .rt-bubble__arrow{left:calc(100% - 10px);top:calc(var(--rt-arrow) - 7px);transform:rotate(-90deg)}
.rt-bubble[data-side="right"] .rt-bubble__arrow{right:calc(100% - 10px);top:calc(var(--rt-arrow) - 7px);transform:rotate(90deg)}
.rt-bubble[data-detached="true"] .rt-bubble__arrow{visibility:hidden}
.rt-bubble ::selection{background:var(--rt-action);color:var(--rt-action-ink)}
@media(prefers-reduced-motion:no-preference){.rt-bubble.rt-enter{animation:rt-enter .18s cubic-bezier(.16,1,.3,1)}@keyframes rt-enter{from{opacity:.55;translate:0 4px}to{opacity:1;translate:0 0}}}
@media(forced-colors:active){.rt-bubble{border:1px solid CanvasText;filter:none}.rt-bubble__arrow{fill:CanvasText}.rt-bubble__next{border:1px solid ButtonText}}
.rt-bubble [hidden]{display:none!important}

.rt-bubble__pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px;color:var(--rt-muted);font-size:12px;font-variant-numeric:tabular-nums}
.rt-bubble__pager button{display:grid;place-items:center;width:34px;height:32px;border:0;border-radius:8px;background:color-mix(in srgb,var(--rt-ink) 10%,transparent);color:var(--rt-ink)}
.rt-bubble__pager button:disabled{opacity:.35;cursor:default}
@media(max-width:560px){.rt-bubble.rt-bubble--external-dialog{padding:12px 16px;font-size:15px;line-height:1.4}.rt-bubble--external-dialog .rt-bubble__heading{margin-bottom:5px}.rt-bubble--external-dialog .rt-bubble__title{font-size:17px}}
