.nl-scrollbar-editor-main{grid-template-columns:min-content 1fr 1fr;align-items:start;gap:64px;display:grid}.nl-scrollbar-editor-preview{flex:1;position:sticky;top:64px}.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content{justify-content:center;width:100%;display:flex}.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content .nl-scrollbar-editor-preview-content-box{background-color:var(--box-background-color,#fff);border:10px solid var(--box-border-color,#252733);aspect-ratio:4/3;overscroll-behavior:contain;width:100%;height:auto;overflow:auto}@supports not selector(::-webkit-scrollbar){.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content .nl-scrollbar-editor-preview-content-box{scrollbar-color:var(--scrollbar-thumb-color,#9fa2b4) var(--scrollbar-track-color,#dfe0eb)}}@supports selector(::-webkit-scrollbar){.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content .nl-scrollbar-editor-preview-content-box::-webkit-scrollbar{width:var(--scrollbar-width,16px);height:var(--scrollbar-height,16px)}.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content .nl-scrollbar-editor-preview-content-box::-webkit-scrollbar-corner{display:none}.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content .nl-scrollbar-editor-preview-content-box::-webkit-scrollbar-button{display:none}.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content .nl-scrollbar-editor-preview-content-box::-webkit-scrollbar-track{background-color:var(--scrollbar-track-color,#dfe0eb);background-clip:content-box;border-style:solid;border-color:#0000}.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content .nl-scrollbar-editor-preview-content-box::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#9fa2b4);background-clip:content-box;border-style:solid;border-color:#0000}.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content .nl-scrollbar-editor-preview-content-box::-webkit-scrollbar-track:vertical{border-width:var(--scrollbar-border-width-vertical,6px);border-radius:var(--scrollbar-border-radius-vertical,8px)}.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content .nl-scrollbar-editor-preview-content-box::-webkit-scrollbar-thumb:vertical{border-width:var(--scrollbar-border-width-vertical,6px);border-radius:var(--scrollbar-border-radius-vertical,8px)}.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content .nl-scrollbar-editor-preview-content-box::-webkit-scrollbar-track:horizontal{border-width:var(--scrollbar-border-width-horizontal,6px);border-radius:var(--scrollbar-border-radius-horizontal,8px)}.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content .nl-scrollbar-editor-preview-content-box::-webkit-scrollbar-thumb:horizontal{border-width:var(--scrollbar-border-width-horizontal,6px);border-radius:var(--scrollbar-border-radius-horizontal,8px)}}.nl-scrollbar-editor-preview .nl-scrollbar-editor-preview-content .nl-scrollbar-editor-preview-content-box .nl-scrollbar-editor-preview-content-box-placeholder{width:200%;height:200%}.nl-scrollbar-editor-settings{width:440px;display:grid}.nl-scrollbar-editor-settings .nl-scrollbar-editor-settings-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:12px;display:grid}.nl-scrollbar-editor-settings .nl-scrollbar-editor-settings-row:not(:last-child):not(:is(.nl-scrollbar-editor-settings-row .nl-scrollbar-editor-settings-row)){margin-bottom:48px}.nl-scrollbar-editor-settings .nl-scrollbar-editor-settings-fieldset{border:0;gap:12px;margin:0;padding:0;display:grid}.nl-scrollbar-editor-settings .nl-scrollbar-editor-settings-fieldset:not(:last-child):not(:is(.nl-scrollbar-editor-settings-row .nl-scrollbar-editor-settings-fieldset)){margin-bottom:24px}