@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root,:host{--sd-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sd-color-blue-500:oklch(62.3% .214 259.815);--sd-color-gray-50:oklch(98.5% .002 247.839);--sd-color-gray-400:oklch(70.7% .022 261.325);--sd-color-gray-500:oklch(55.1% .027 264.364);--sd-color-gray-600:oklch(44.6% .03 256.802);--sd-color-gray-900:oklch(21% .034 264.665);--sd-spacing:.25rem;--sd-text-xs:.75rem;--sd-text-xs--line-height:calc(1 / .75);--sd-text-sm:.875rem;--sd-text-sm--line-height:calc(1.25 / .875);--sd-text-base:1rem;--sd-text-base--line-height: 1.5 ;--sd-text-lg:1.125rem;--sd-text-lg--line-height:calc(1.75 / 1.125);--sd-font-weight-medium:500;--sd-font-weight-semibold:600;--sd-radius-lg:.5rem;--sd-radius-xl:.75rem}.sd\:absolute{position:absolute}.sd\:absolute\!{position:absolute!important}.sd\:relative{position:relative}.sd\:top-0{top:calc(var(--sd-spacing) * 0)}.sd\:top-1\/2{top:50%}.sd\:top-15{top:calc(var(--sd-spacing) * 15)}.sd\:top-30{top:calc(var(--sd-spacing) * 30)}.sd\:top-45{top:calc(var(--sd-spacing) * 45)}.sd\:top-60{top:calc(var(--sd-spacing) * 60)}.sd\:top-\[10px\]{top:10px}.sd\:right-2{right:calc(var(--sd-spacing) * 2)}.sd\:left-1\/2{left:50%}.sd\:left-2\.5{left:calc(var(--sd-spacing) * 2.5)}.sd\:left-17\.5{left:calc(var(--sd-spacing) * 17.5)}.sd\:left-45{left:calc(var(--sd-spacing) * 45)}.sd\:left-72\.5{left:calc(var(--sd-spacing) * 72.5)}.sd\:left-87\.5{left:calc(var(--sd-spacing) * 87.5)}.sd\:left-\[55px\]{left:55px}.sd\:z-\[7\]{z-index:7}.sd\:m-0{margin:calc(var(--sd-spacing) * 0)}.sd\:m-10{margin:calc(var(--sd-spacing) * 10)}.sd\:my-4{margin-block:calc(var(--sd-spacing) * 4)}.sd\:my-4\!{margin-block:calc(var(--sd-spacing) * 4)!important}.sd\:my-6{margin-block:calc(var(--sd-spacing) * 6)}.sd\:-mt-10{margin-top:calc(var(--sd-spacing) * -10)}.sd\:mt-0\.5{margin-top:calc(var(--sd-spacing) * .5)}.sd\:mt-1{margin-top:calc(var(--sd-spacing) * 1)}.sd\:mt-2{margin-top:calc(var(--sd-spacing) * 2)}.sd\:mt-2\.5{margin-top:calc(var(--sd-spacing) * 2.5)}.sd\:mt-3{margin-top:calc(var(--sd-spacing) * 3)}.sd\:mt-4{margin-top:calc(var(--sd-spacing) * 4)}.sd\:mt-5{margin-top:calc(var(--sd-spacing) * 5)}.sd\:mt-7\.5{margin-top:calc(var(--sd-spacing) * 7.5)}.sd\:mt-10{margin-top:calc(var(--sd-spacing) * 10)}.sd\:mt-12{margin-top:calc(var(--sd-spacing) * 12)}.sd\:mt-20{margin-top:calc(var(--sd-spacing) * 20)}.sd\:mr-2{margin-right:calc(var(--sd-spacing) * 2)}.sd\:mr-4{margin-right:calc(var(--sd-spacing) * 4)}.sd\:mr-5{margin-right:calc(var(--sd-spacing) * 5)}.sd\:mr-6{margin-right:calc(var(--sd-spacing) * 6)}.sd\:mr-10{margin-right:calc(var(--sd-spacing) * 10)}.sd\:mr-\[38px\]{margin-right:38px}.sd\:mr-\[67px\]{margin-right:67px}.sd\:-mb-1{margin-bottom:calc(var(--sd-spacing) * -1)}.sd\:mb-1{margin-bottom:calc(var(--sd-spacing) * 1)}.sd\:mb-1\!{margin-bottom:calc(var(--sd-spacing) * 1)!important}.sd\:mb-2{margin-bottom:calc(var(--sd-spacing) * 2)}.sd\:mb-2\.5{margin-bottom:calc(var(--sd-spacing) * 2.5)}.sd\:mb-3{margin-bottom:calc(var(--sd-spacing) * 3)}.sd\:mb-4{margin-bottom:calc(var(--sd-spacing) * 4)}.sd\:mb-5{margin-bottom:calc(var(--sd-spacing) * 5)}.sd\:mb-6{margin-bottom:calc(var(--sd-spacing) * 6)}.sd\:mb-7\.5{margin-bottom:calc(var(--sd-spacing) * 7.5)}.sd\:mb-8{margin-bottom:calc(var(--sd-spacing) * 8)}.sd\:mb-10{margin-bottom:calc(var(--sd-spacing) * 10)}.sd\:mb-\[18px\]{margin-bottom:18px}.sd\:ml-1{margin-left:calc(var(--sd-spacing) * 1)}.sd\:ml-2\.5{margin-left:calc(var(--sd-spacing) * 2.5)}.sd\:ml-3{margin-left:calc(var(--sd-spacing) * 3)}.sd\:ml-4{margin-left:calc(var(--sd-spacing) * 4)}.sd\:ml-6{margin-left:calc(var(--sd-spacing) * 6)}.sd\:ml-px{margin-left:1px}.sd\:box-border{box-sizing:border-box}.sd\:block{display:block}.sd\:flex{display:flex}.sd\:grid{display:grid}.sd\:inline-block{display:inline-block}.sd\:inline-flex{display:inline-flex}.sd\:h-2{height:calc(var(--sd-spacing) * 2)}.sd\:h-7\.5{height:calc(var(--sd-spacing) * 7.5)}.sd\:h-10{height:calc(var(--sd-spacing) * 10)}.sd\:h-25{height:calc(var(--sd-spacing) * 25)}.sd\:h-39\.5{height:calc(var(--sd-spacing) * 39.5)}.sd\:h-50{height:calc(var(--sd-spacing) * 50)}.sd\:h-51{height:calc(var(--sd-spacing) * 51)}.sd\:h-55{height:calc(var(--sd-spacing) * 55)}.sd\:h-60{height:calc(var(--sd-spacing) * 60)}.sd\:h-70{height:calc(var(--sd-spacing) * 70)}.sd\:h-75{height:calc(var(--sd-spacing) * 75)}.sd\:h-87\.5{height:calc(var(--sd-spacing) * 87.5)}.sd\:h-100{height:calc(var(--sd-spacing) * 100)}.sd\:h-125{height:calc(var(--sd-spacing) * 125)}.sd\:h-130{height:calc(var(--sd-spacing) * 130)}.sd\:h-135{height:calc(var(--sd-spacing) * 135)}.sd\:h-500{height:calc(var(--sd-spacing) * 500)}.sd\:h-\[30px\]{height:30px}.sd\:h-\[300px\]{height:300px}.sd\:h-full{height:100%}.sd\:w-2{width:calc(var(--sd-spacing) * 2)}.sd\:w-10{width:calc(var(--sd-spacing) * 10)}.sd\:w-15{width:calc(var(--sd-spacing) * 15)}.sd\:w-20{width:calc(var(--sd-spacing) * 20)}.sd\:w-22\.5{width:calc(var(--sd-spacing) * 22.5)}.sd\:w-25{width:calc(var(--sd-spacing) * 25)}.sd\:w-32{width:calc(var(--sd-spacing) * 32)}.sd\:w-32\.5{width:calc(var(--sd-spacing) * 32.5)}.sd\:w-37\.5{width:calc(var(--sd-spacing) * 37.5)}.sd\:w-40{width:calc(var(--sd-spacing) * 40)}.sd\:w-44{width:calc(var(--sd-spacing) * 44)}.sd\:w-48\.5{width:calc(var(--sd-spacing) * 48.5)}.sd\:w-50{width:calc(var(--sd-spacing) * 50)}.sd\:w-52{width:calc(var(--sd-spacing) * 52)}.sd\:w-55{width:calc(var(--sd-spacing) * 55)}.sd\:w-60{width:calc(var(--sd-spacing) * 60)}.sd\:w-63{width:calc(var(--sd-spacing) * 63)}.sd\:w-63\.5{width:calc(var(--sd-spacing) * 63.5)}.sd\:w-67{width:calc(var(--sd-spacing) * 67)}.sd\:w-75{width:calc(var(--sd-spacing) * 75)}.sd\:w-80{width:calc(var(--sd-spacing) * 80)}.sd\:w-88{width:calc(var(--sd-spacing) * 88)}.sd\:w-90{width:calc(var(--sd-spacing) * 90)}.sd\:w-95{width:calc(var(--sd-spacing) * 95)}.sd\:w-100{width:calc(var(--sd-spacing) * 100)}.sd\:w-105{width:calc(var(--sd-spacing) * 105)}.sd\:w-110{width:calc(var(--sd-spacing) * 110)}.sd\:w-125{width:calc(var(--sd-spacing) * 125)}.sd\:w-140{width:calc(var(--sd-spacing) * 140)}.sd\:w-150{width:calc(var(--sd-spacing) * 150)}.sd\:w-160{width:calc(var(--sd-spacing) * 160)}.sd\:w-225{width:calc(var(--sd-spacing) * 225)}.sd\:w-300{width:calc(var(--sd-spacing) * 300)}.sd\:w-500{width:calc(var(--sd-spacing) * 500)}.sd\:w-\[25\%\]{width:25%}.sd\:w-\[50\%\]{width:50%}.sd\:w-\[60\%\]{width:60%}.sd\:w-\[90px\]{width:90px}.sd\:w-\[194px\]{width:194px}.sd\:w-\[252px\]{width:252px}.sd\:w-\[calc\(100\%-55px\)\]{width:calc(100% - 55px)}.sd\:w-full{width:100%}.sd\:max-w-60{max-width:calc(var(--sd-spacing) * 60)}.sd\:max-w-65{max-width:calc(var(--sd-spacing) * 65)}.sd\:max-w-70{max-width:calc(var(--sd-spacing) * 70)}.sd\:max-w-72{max-width:calc(var(--sd-spacing) * 72)}.sd\:max-w-80{max-width:calc(var(--sd-spacing) * 80)}.sd\:max-w-full{max-width:100%}.sd\:min-w-25{min-width:calc(var(--sd-spacing) * 25)}.sd\:min-w-70{min-width:calc(var(--sd-spacing) * 70)}.sd\:min-w-125{min-width:calc(var(--sd-spacing) * 125)}.sd\:min-w-\[140px\]{min-width:140px}.sd\:min-w-auto{min-width:auto}.sd\:flex-1{flex:1}.sd\:border-collapse{border-collapse:collapse}.sd\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.sd\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.sd\:-translate-y-5{--tw-translate-y:calc(var(--sd-spacing) * -5);translate:var(--tw-translate-x) var(--tw-translate-y)}.sd\:rotate-180{rotate:180deg}.sd\:cursor-pointer{cursor:pointer}.sd\:cursor-text{cursor:text}.sd\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sd\:flex-col{flex-direction:column}.sd\:flex-wrap{flex-wrap:wrap}.sd\:items-center{align-items:center}.sd\:items-end{align-items:flex-end}.sd\:items-start{align-items:flex-start}.sd\:justify-between{justify-content:space-between}.sd\:justify-center{justify-content:center}.sd\:gap-2{gap:calc(var(--sd-spacing) * 2)}.sd\:gap-3{gap:calc(var(--sd-spacing) * 3)}.sd\:gap-4{gap:calc(var(--sd-spacing) * 4)}.sd\:gap-6{gap:calc(var(--sd-spacing) * 6)}.sd\:self-center{align-self:center}.sd\:self-start{align-self:flex-start}.sd\:overflow-auto{overflow:auto}.sd\:overflow-hidden{overflow:hidden}.sd\:overflow-y-auto{overflow-y:auto}.sd\:overflow-y-scroll{overflow-y:scroll}.sd\:rounded{border-radius:.25rem}.sd\:rounded-\[2px\]{border-radius:2px}.sd\:rounded-\[6px\]{border-radius:6px}.sd\:rounded-\[50\%\]{border-radius:50%}.sd\:rounded-full{border-radius:3.40282e38px}.sd\:rounded-lg{border-radius:var(--sd-radius-lg)}.sd\:rounded-xl{border-radius:var(--sd-radius-xl)}.sd\:border{border-style:var(--tw-border-style);border-width:1px}.sd\:border-30{border-style:var(--tw-border-style);border-width:30px}.sd\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.sd\:border-dashed{--tw-border-style:dashed;border-style:dashed}.sd\:border-none{--tw-border-style:none;border-style:none}.sd\:border-solid{--tw-border-style:solid;border-style:solid}.sd\:\[border-bottom-style\:dotted\]{border-bottom-style:dotted}.sd\:border-\(--color-border-2\){border-color:var(--color-border-2)}.sd\:border-\(--color-border-3\){border-color:var(--color-border-3)}.sd\:border-\[\#e5e6eb\]{border-color:#e5e6eb}.sd\:border-\[rgb\(var\(--gray-2\)\)\]{border-color:rgb(var(--gray-2))}.sd\:border-\[var\(--color-border-2\)\]{border-color:var(--color-border-2)}.sd\:border-\[var\(--color-fill-3\)\]{border-color:var(--color-fill-3)}.sd\:border-\[var\(--color-fill-4\)\]{border-color:var(--color-fill-4)}.sd\:bg-\(--color-bg-2\){background-color:var(--color-bg-2)}.sd\:bg-\(--color-fill-1\){background-color:var(--color-fill-1)}.sd\:bg-\(--color-fill-2\){background-color:var(--color-fill-2)}.sd\:bg-\[\#00d0b6\]{background-color:#00d0b6}.sd\:bg-\[\#7bc616\]{background-color:#7bc616}.sd\:bg-\[\#14a9f8\]{background-color:#14a9f8}.sd\:bg-\[\#14c9c9\]{background-color:#14c9c9}.sd\:bg-\[\#165dff\]{background-color:#165dff}.sd\:bg-\[\#168cff\]{background-color:#168cff}.sd\:bg-\[\#3370ff\]{background-color:#3370ff}.sd\:bg-\[\#ccc\]{background-color:#ccc}.sd\:bg-\[\#ff7d00\]{background-color:#ff7d00}.sd\:bg-\[\#ffc72e\]{background-color:#ffc72e}.sd\:bg-\[var\(--color-bg-2\)\]{background-color:var(--color-bg-2)}.sd\:bg-\[var\(--color-fill-2\)\]{background-color:var(--color-fill-2)}.sd\:bg-\[var\(--color-fill-3\)\]{background-color:var(--color-fill-3)}.sd\:bg-\[var\(--color-primary-light-1\)\]{background-color:var(--color-primary-light-1)}.sd\:bg-blue-500{background-color:var(--sd-color-blue-500)}.sd\:bg-gray-50{background-color:var(--sd-color-gray-50)}.sd\:bg-gray-900{background-color:var(--sd-color-gray-900)}.sd\:bg-\[radial-gradient\(var\(--color-fill-3\)_1px\,rgba\(0\,0\,0\,0\)_1px\)\]{background-image:radial-gradient(var(--color-fill-3) 1px,#0000 1px)}.sd\:\[background-size\:16px_16px\]{background-size:16px 16px}.sd\:p-0{padding:calc(var(--sd-spacing) * 0)}.sd\:p-0\.5{padding:calc(var(--sd-spacing) * .5)}.sd\:p-1\.5{padding:calc(var(--sd-spacing) * 1.5)}.sd\:p-2{padding:calc(var(--sd-spacing) * 2)}.sd\:p-2\.5{padding:calc(var(--sd-spacing) * 2.5)}.sd\:p-4{padding:calc(var(--sd-spacing) * 4)}.sd\:p-5{padding:calc(var(--sd-spacing) * 5)}.sd\:p-6{padding:calc(var(--sd-spacing) * 6)}.sd\:p-7{padding:calc(var(--sd-spacing) * 7)}.sd\:p-10{padding:calc(var(--sd-spacing) * 10)}.sd\:px-3{padding-inline:calc(var(--sd-spacing) * 3)}.sd\:px-6\!{padding-inline:calc(var(--sd-spacing) * 6)!important}.sd\:py-1\.5{padding-block:calc(var(--sd-spacing) * 1.5)}.sd\:py-2{padding-block:calc(var(--sd-spacing) * 2)}.sd\:pr-2{padding-right:calc(var(--sd-spacing) * 2)}.sd\:pr-4{padding-right:calc(var(--sd-spacing) * 4)}.sd\:pl-5{padding-left:calc(var(--sd-spacing) * 5)}.sd\:text-center{text-align:center}.sd\:text-left{text-align:left}.sd\:align-\[-3px\]{vertical-align:-3px}.sd\:align-middle{vertical-align:middle}.sd\:align-top{vertical-align:top}.sd\:font-mono{font-family:var(--sd-font-mono)}.sd\:text-base{font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--sd-text-base--line-height))}.sd\:text-lg{font-size:var(--sd-text-lg);line-height:var(--tw-leading,var(--sd-text-lg--line-height))}.sd\:text-sm{font-size:var(--sd-text-sm);line-height:var(--tw-leading,var(--sd-text-sm--line-height))}.sd\:text-xs{font-size:var(--sd-text-xs);line-height:var(--tw-leading,var(--sd-text-xs--line-height))}.sd\:text-\[13px\]{font-size:13px}.sd\:leading-5{--tw-leading:calc(var(--sd-spacing) * 5);line-height:calc(var(--sd-spacing) * 5)}.sd\:leading-7\.5{--tw-leading:calc(var(--sd-spacing) * 7.5);line-height:calc(var(--sd-spacing) * 7.5)}.sd\:leading-35{--tw-leading:calc(var(--sd-spacing) * 35);line-height:calc(var(--sd-spacing) * 35)}.sd\:leading-39\.5{--tw-leading:calc(var(--sd-spacing) * 39.5);line-height:calc(var(--sd-spacing) * 39.5)}.sd\:leading-40{--tw-leading:calc(var(--sd-spacing) * 40);line-height:calc(var(--sd-spacing) * 40)}.sd\:leading-100{--tw-leading:calc(var(--sd-spacing) * 100);line-height:calc(var(--sd-spacing) * 100)}.sd\:leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.sd\:leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.sd\:leading-\[300px\]{--tw-leading:300px;line-height:300px}.sd\:font-medium{--tw-font-weight:var(--sd-font-weight-medium);font-weight:var(--sd-font-weight-medium)}.sd\:font-semibold{--tw-font-weight:var(--sd-font-weight-semibold);font-weight:var(--sd-font-weight-semibold)}.sd\:text-\(--color-text-2\){color:var(--color-text-2)}.sd\:text-\[\#1d2129\]{color:#1d2129}.sd\:text-\[\#4e5969\]{color:#4e5969}.sd\:text-\[\#888\]{color:#888}.sd\:text-\[\#3370ff\]{color:#3370ff}.sd\:text-\[\#c9cdd4\]{color:#c9cdd4}.sd\:text-\[\#e70a0a\]{color:#e70a0a}.sd\:text-\[\#f53f3f\]{color:#f53f3f}.sd\:text-\[\#ffb400\]{color:#ffb400}.sd\:text-\[f53f3f\]{color:f53f3f}.sd\:text-\[green\]{color:green}.sd\:text-\[red\]{color:red}.sd\:text-\[var\(--color-primary-light-4\)\]{color:var(--color-primary-light-4)}.sd\:text-\[var\(--color-text-1\)\]{color:var(--color-text-1)}.sd\:text-\[var\(--color-text-2\)\]{color:var(--color-text-2)}.sd\:text-\[var\(--color-text-3\)\]{color:var(--color-text-3)}.sd\:text-blue-500{color:var(--sd-color-blue-500)}.sd\:text-gray-400{color:var(--sd-color-gray-400)}.sd\:text-gray-500{color:var(--sd-color-gray-500)}.sd\:text-gray-600{color:var(--sd-color-gray-600)}.sd\:blur-\[5px\]{--tw-blur:blur(5px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.demo-block:where(.astro-v7lugaz6){overflow:hidden;border:1px solid var(--sl-color-gray-5);border-radius:1rem;background:var(--sl-color-bg);box-shadow:0 18px 50px #0f172a0d}.demo-block__preview:where(.astro-v7lugaz6){position:relative;padding:1.5rem;border-bottom:1px solid var(--sl-color-gray-5);background:linear-gradient(180deg,#ffffffbf,#f8fafcf2),var(--sl-color-bg)}.demo-block__preview-content:where(.astro-v7lugaz6){position:relative;z-index:1}.demo-block__preview-skeleton:where(.astro-v7lugaz6){position:absolute;inset:1.5rem;display:grid;align-content:start;gap:.75rem;opacity:0;pointer-events:none;transition:opacity .18s ease}.demo-block__preview-skeleton:where(.astro-v7lugaz6):before{content:"";position:absolute;inset:0;border-radius:1rem;background:linear-gradient(90deg,#94a3b814,#ffffff73,#94a3b814);background-size:200% 100%;animation:demo-block-preview-shimmer 1.2s linear infinite}.demo-block__preview-skeleton-bar:where(.astro-v7lugaz6){display:block;height:.875rem;border-radius:999px;background:#94a3b833}.demo-block__preview-skeleton-bar--hero:where(.astro-v7lugaz6){width:min(16rem,88%);height:3.75rem;border-radius:1rem}.demo-block__preview-skeleton-bar--wide:where(.astro-v7lugaz6){width:min(20rem,96%)}.demo-block__preview-skeleton-bar--medium:where(.astro-v7lugaz6){width:min(12rem,72%)}.demo-block:where(.astro-v7lugaz6)[data-deferred] .demo-block__preview:where(.astro-v7lugaz6){min-height:9.5rem}.demo-block:where(.astro-v7lugaz6)[data-deferred] .demo-block__preview-skeleton:where(.astro-v7lugaz6){opacity:1}.demo-block__preview:where(.astro-v7lugaz6):has(astro-island[ssr]){min-height:9.5rem}.demo-block__preview:where(.astro-v7lugaz6):has(astro-island[ssr]) .demo-block__preview-skeleton:where(.astro-v7lugaz6){opacity:1}.demo-block:where(.astro-v7lugaz6)[data-loaded] .demo-block__preview-skeleton:where(.astro-v7lugaz6){opacity:0}:root[data-theme=dark] .demo-block:where(.astro-v7lugaz6){box-shadow:none}:root[data-theme=dark] .demo-block__preview:where(.astro-v7lugaz6){background:linear-gradient(180deg,#0f172a4d,#0f172a99),var(--sl-color-bg)}:root[data-theme=dark] .demo-block__preview-skeleton:where(.astro-v7lugaz6):before{background:linear-gradient(90deg,#3341552e,#94a3b833,#3341552e)}:root[data-theme=dark] .demo-block__preview-skeleton-bar:where(.astro-v7lugaz6){background:#94a3b829}@keyframes demo-block-preview-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}