.db-layout{display:grid;grid-area:content;grid-template-columns:var(--db-split,50%) 0 1fr;min-height:calc(100vh - 64px)}.db-divider{cursor:col-resize;position:relative;z-index:10}.db-divider:before{background:var(--color--surface-border,#e0e0e0);left:0;transition:background-color .15s,width .15s;width:1px}.db-divider:after,.db-divider:before{bottom:0;content:"";position:absolute;top:0}.db-divider:after{left:-4px;width:9px}.db-divider.is-dragging:before,.db-divider:hover:before{background:var(--color--surface-contrast-muted,#999);left:-1px;width:3px}.db-preview{background:var(--color--background,#f5f5f5);border-left:none;height:100vh;overflow-y:auto;position:sticky;top:0}.db-preview__inner{display:grid;gap:2rem}@media (max-width:960px){.db-layout{grid-template-columns:1fr}.db-divider{display:none}.db-preview{border-top:1px solid var(--color--surface-border,#e0e0e0);height:auto;position:static}}.db-component-target{cursor:pointer;position:relative;transition:box-shadow .15s ease,transform .15s ease}.db-component-target:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--color--primary,#1f6feb) 45%,transparent)}.db-component-target:after{background:color-mix(in srgb,var(--color--primary,#1f6feb) 86%,#000 14%);border-radius:4px;color:var(--color--primary-contrast,#fff);content:attr(data-customize-tooltip);font-size:.6875rem;left:.5rem;line-height:1.2;max-width:calc(100% - 1rem);opacity:0;overflow-wrap:anywhere;padding:.2rem .35rem;pointer-events:none;position:absolute;text-overflow:clip;top:.5rem;transform:translateY(-3px);transition:opacity .15s ease,transform .15s ease;white-space:normal;z-index:3}.db-component-target:hover:after{opacity:1;transform:translateY(0)}.db-component-target-active{box-shadow:0 0 0 3px color-mix(in srgb,var(--color--primary,#1f6feb) 65%,transparent)}