.preview-container[data-v-228e58d2]{padding:1rem;border:1px solid #dbdbdb;border-radius:4px;min-height:200px;background:#fff;overflow-y:auto}.solution-container[data-v-228e58d2]{border-top:1px solid #dbdbdb;padding-top:1rem}.timeline[data-v-228e58d2]{position:relative;max-width:800px;margin:2rem auto;padding:2rem}.timeline[data-v-228e58d2]:before{content:"";position:absolute;top:0;left:8px;height:100%;width:2px;background:#3273dc}.timeline-item[data-v-228e58d2]{position:relative;padding-bottom:2.5rem}.timeline-item[data-v-228e58d2]:last-child{padding-bottom:0}.timeline-marker[data-v-228e58d2]{position:absolute;left:0;top:0}.timeline-marker i[data-v-228e58d2]{position:relative;left:-4px;font-size:12px;color:#3273dc;background:#fff;padding:2px}.timeline-content[data-v-228e58d2]{padding-left:2rem;position:relative}.timeline-content .heading[data-v-228e58d2]{color:#3273dc;font-weight:700;margin-bottom:.5rem}.timeline-content p[data-v-228e58d2]{margin:0}.fas[data-v-228e58d2]{margin-right:.5rem}li .fas[data-v-228e58d2]{font-size:.9em}.http-diagram[data-v-228e58d2]{width:100%;max-width:800px;margin:2rem auto}.http-svg[data-v-228e58d2]{width:100%;height:auto}.diagram-text[data-v-228e58d2]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;fill:#363636}.request path[data-v-228e58d2]{animation:dash-228e58d2 3s linear infinite}.response path[data-v-228e58d2]{animation:dash-228e58d2 3s linear infinite;animation-delay:1.5s}@keyframes dash-228e58d2{0%{stroke-dasharray:15;stroke-dashoffset:300}to{stroke-dasharray:15;stroke-dashoffset:0}}.browser-content[data-v-228e58d2]{width:100%;height:100%;position:relative}.loading-spinner[data-v-228e58d2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#3273dc;opacity:0;animation:showSpinner-228e58d2 3s linear infinite}.rendered-content[data-v-228e58d2]{padding:10px;opacity:0;animation:showContent-228e58d2 3s linear infinite}.mini-heading[data-v-228e58d2]{height:10px;width:80%;background:#dbdbdb;margin-bottom:8px;border-radius:2px}.mini-text[data-v-228e58d2]{height:6px;width:90%;background:#dbdbdb;margin-bottom:6px;border-radius:2px}.mini-text[data-v-228e58d2]:last-child{width:70%}.server-active[data-v-228e58d2]{fill:#23d160}.code-text[data-v-228e58d2]{font-family:monospace;font-size:12px;fill:#ff3860}@keyframes showSpinner-228e58d2{0%,to{opacity:0}25%,75%{opacity:1}}@keyframes showContent-228e58d2{0%,50%{opacity:0}75%,to{opacity:1}}.html-snippet[data-v-228e58d2]{animation:fadeInOut-228e58d2 3s linear infinite}@keyframes fadeInOut-228e58d2{0%,50%{opacity:0}75%,to{opacity:1}}.html-icon[data-v-228e58d2]{color:#e34f26}.columns[data-v-228e58d2]{margin-top:0}@media screen and (min-width: 769px){.column.is-3[data-v-228e58d2]{position:sticky;top:1rem;height:calc(100vh - 2rem);overflow-y:auto}}