html:has([data-test-banner]){--test-banner-h:40px}html:has([data-theme-preview-bar]){--theme-preview-h:60px}html:has([data-theme-preview-bar]) body{padding-bottom:var(--theme-preview-h)}html:has([data-test-banner],[data-theme-preview-bar]) .h-screen{height:calc(100vh - var(--test-banner-h,0px) - var(--theme-preview-h,0px))}html:has([data-test-banner],[data-theme-preview-bar]) .h-dvh{height:calc(100dvh - var(--test-banner-h,0px) - var(--theme-preview-h,0px))}html:has([data-test-banner],[data-theme-preview-bar]) .min-h-screen{min-height:calc(100vh - var(--test-banner-h,0px) - var(--theme-preview-h,0px))}html:has([data-test-banner],[data-theme-preview-bar]) .min-h-dvh{min-height:calc(100dvh - var(--test-banner-h,0px) - var(--theme-preview-h,0px))}html:has([data-test-banner]) header.sticky.top-0{top:var(--test-banner-h)}html:has([data-test-banner]) :is(.h-dvh,.h-screen) header.sticky.top-0{top:0}html:has([data-theme-preview-bar]) [data-sonner-toaster][data-y-position=bottom]{--offset-bottom:calc(var(--theme-preview-h) + 16px)!important;--mobile-offset-bottom:calc(var(--theme-preview-h) + 16px)!important}