:root{--ck-sample-editor-min-height: 300px}.presence{display:flex;justify-content:flex-start;padding:0}.live-snippet .row{display:flex;position:relative;margin:20px 0}.sidebar{min-width:300px;font-size:20px;padding:0 10px;border:1px solid var(--ck-color-toolbar-border);margin-left:-1px;background:var(--ck-color-toolbar-background);overflow:hidden}.sidebar.narrow{min-width:65px}.sidebar.hidden{display:none}.live-snippet .ck.ck-editor{margin:0;width:100%}.live-snippet .ck.ck-editor .ck-content{min-height:var(--ck-sample-editor-min-height)}.live-snippet .ck-comments-archive .ck-editor .ck-content{min-height:auto}.live-snippet .ck-heading-dropdown{width:108px}.sidebar .ck-sidebar ul.ck-thread__comments{padding:0;margin:0;list-style-type:none;line-height:1em}.sidebar .ck-sidebar .ck.ck-content{padding:0}.live-snippet{min-height:200px}.live-snippet__container{overflow:auto;opacity:0;display:none}.live-snippet__container.loaded{display:block;opacity:1;animation:.3s _fadein ease-in-out}.live-snippet__loader{position:absolute;display:flex;justify-content:center;align-items:center;opacity:1;width:100%;text-align:center;margin:50px auto}.live-snippet__loader.fadeout{display:none;animation:.3s _fadeout ease-in-out}.live-snippet__loader .spinner{display:block;height:75px;width:75px}.live-snippet__loader .spinner .path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:_spinner-color 6s ease-in-out infinite,_spinner-dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes _fadein{0%{opacity:0}to{opacity:1}}@keyframes _fadeout{0%{opacity:1}to{opacity:0}}@keyframes _spinner-color{to,0%{stroke:#f75b4b}40%{stroke:#0387d0}66%{stroke:#1ebd60}80%,90%{stroke:#8d44ad}}@keyframes _spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}