.sidebar{display:flex;height:100%;flex-basis:300px;flex-direction:column;flex-shrink:0;border-radius:.5rem;background:#fff;box-shadow:0 0 2px #16161740,0 4px 6px -2px #1616171f,0 2px 2.5px -2px #1616171f,0 1px 1.75px -2px #1616171f;color:#161617}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.1)}.sidebar-headline{color:#161617a6;font-size:1rem;font-weight:700;letter-spacing:.02rem;line-height:1.25rem;margin:0}.snapshot-count{color:#161617a6;font-size:.875rem;font-weight:400}.snapshot-list{display:flex;flex:1 0 0;flex-direction:column;align-items:stretch;align-self:stretch;padding:.75rem 1rem;gap:.25rem;overflow-y:auto}.snapshot-item{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.5rem;border:none;border-radius:.5rem;gap:.5rem;text-align:start;transition:background .2s ease-in-out;background:transparent;cursor:pointer;box-sizing:border-box}.snapshot-item:hover,.snapshot-item:focus-visible{background:#471aff0d}.snapshot-item:hover .snapshot-item-button,.snapshot-item:focus-visible .snapshot-item-button{background:#471aff40}.snapshot-divider{width:100%;height:1px;border:none;background:#0000001a;margin:0}.snapshot-item-image{width:56px;height:56px;flex-shrink:0;object-fit:contain;border-radius:4px;background:#f5f5f5}.snapshot-item-info{display:flex;flex-direction:column;flex-grow:1;gap:.125rem}.snapshot-item-name{color:#161617;font-size:.875rem;font-weight:600;letter-spacing:.0175rem;line-height:1.25rem}.snapshot-item-date{color:#161617a6;font-size:.75rem;font-weight:400;line-height:1rem}.snapshot-item-button{display:flex;height:2rem;align-items:center;justify-content:center;padding:0rem .5rem;border-radius:.5rem;color:#3d5cf5;font-size:.875rem;font-weight:600;letter-spacing:.0175rem;line-height:1.25rem;transition:background .2s ease-in-out;white-space:nowrap;background:transparent}html{font-size:16px;-webkit-font-smoothing:antialiased;line-height:1.45}*,*:before,*:after{border-style:solid;border-width:0;box-sizing:border-box}body,blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:transparent;padding:0}button,[role=button]{cursor:pointer}button::-moz-focus-inner{border:0!important}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block}img,video{height:auto;max-width:100%}a{background-color:transparent;color:inherit;text-decoration:inherit}*:focus{-webkit-tap-highlight-color:transparent;outline:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{height:100%}.wrapper{display:flex;height:100%;flex-grow:1;border-radius:.75rem;gap:1.5rem;padding:1.5rem;background:#f5f5f5}html.demo-preview .wrapper{background:transparent}.cesdk-wrapper{position:relative;display:flex;overflow:hidden;flex:1;width:100%;border-radius:.75rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 2px #16161740,0 4px 6px -2px #1616171f,0 2px 2.5px -2px #1616171f,0 1px 1.75px -2px #1616171f}