:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sf-page-builder-previewer{display:flex;flex-direction:column;border:1px solid #ccc;border-radius:12px;width:100%;height:100%;padding:12px;box-sizing:border-box}.sf-page-builder-previewer-select{z-index:99}.sf-page-builder-previewer-info-menu-button{all:unset;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;margin-bottom:12px}.sf-page-builder-previewer-info-menu-button:hover{transform:scale(1.02)}.sf-page-builder-previewer-info-menu-button:active{transform:scale(.98)}.sf-page-builder-previewer-info-menu{display:flex;flex-direction:column;border:1px solid #ccc;border-radius:12px;height:100%;padding:12px;margin:12px}.sf-page-builder-previewer-muted{color:#666;font-size:1em;margin-bottom:8px}.sf-page-builder-previewer-container{display:flex;flex-direction:column;width:100%;flex-grow:1;overflow:hidden;padding:20px 0;gap:20px}.sf-page-builder-previewer-prop-controls{overflow:auto;border-top:1px solid #eee;padding-top:16px;width:100%}.sf-page-builder-previewer-right-side,.sf-page-builder-previewer-top-section{display:flex;flex-direction:column;align-items:center;overflow:hidden}.sf-page-builder-previewer-right-side{margin-left:16px}.sf-page-builder-previewer-viewport-options{display:flex;gap:8px;margin-bottom:12px}.sf-page-builder-previewer-option-button{all:unset;padding:4px 8px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease-in-out}.sf-page-builder-previewer-option-button:hover{filter:brightness(.95);transform:scale(1.05)}.sf-page-builder-previewer-option-button:active{transform:scale(.98)}.sf-page-builder-previewer-option-button.sf-page-builder-previewer-selected{background-color:#212121;color:#fff;border-color:#212121}.sf-page-builder-previewer-vertical-pane{grid-template-rows:1fr 12px auto}.sf-page-builder-previewer-split-pane,.sf-page-builder-previewer-vertical-pane{display:grid;box-sizing:border-box;width:100%;align-items:stretch;flex-grow:1;overflow:hidden;padding:20px 0}.sf-page-builder-previewer-component-container{display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;width:100%;height:100%}.sf-page-builder-previewer-component-container>.component{border:1px solid #eee;background-color:#fafafa}.sf-page-builder-previewer-component-container>.full-size{height:100%;width:100%}.sf-page-builder-previewer-component-container>.desktop{object-fit:contain;overflow:auto;aspect-ratio:16/9;width:100%}.sf-page-builder-previewer-component-container>.mobile{object-fit:contain;overflow:auto;max-width:100%;max-height:100%;aspect-ratio:9/16;width:320px}.sf-page-builder-previewer-component-container>.tablet{object-fit:contain;overflow:auto;max-width:100%;max-height:100%;aspect-ratio:4/3;width:768px}.sf-page-builder-previewer-divider{display:flex;align-items:center;justify-content:center;cursor:row-resize;background-color:#f0f0f0;border-radius:4px;transition:background-color .2s ease-in-out}.sf-page-builder-previewer-divider:hover{background-color:#e0e0e0}.sf-page-builder-previewer-divider-handle{width:40px;height:4px;background-color:#ccc;border-radius:2px;cursor:pointer}.jer-input-text{background:#fff}.jer-collection-element{padding:12px 0;border-bottom:1px solid #212121}.jer-value-main-row{display:grid!important;grid-template-columns:1fr 2fr!important}