/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-divide-x-reverse:0}}}.app-view .av-example .pointer-events-none{pointer-events:none}.app-view .av-example .absolute{position:absolute}.app-view .av-example .fixed{position:fixed}.app-view .av-example .relative{position:relative}.app-view .av-example .inset-0{inset:0}.app-view .av-example .inset-x-0{inset-inline:0}.app-view .av-example .inset-x-0\.5{inset-inline:.125rem}.app-view .av-example .inset-y-0{inset-block:0}.app-view .av-example .inset-y-1{inset-block:.25rem}.app-view .av-example .inset-y-\[3px\]{inset-block:3px}.app-view .av-example .-top-\[3px\]{top:-3px}.app-view .av-example .top-0\.5{top:.125rem}.app-view .av-example .top-1\.5{top:.375rem}.app-view .av-example .top-1\/2{top:50%}.app-view .av-example .top-6{top:1.5rem}.app-view .av-example .top-\[11px\]{top:11px}.app-view .av-example .right-0\.5{right:.125rem}.app-view .av-example .right-1{right:.25rem}.app-view .av-example .right-1\.5{right:.375rem}.app-view .av-example .right-1\/2{right:50%}.app-view .av-example .-bottom-px{bottom:-1px}.app-view .av-example .bottom-0{bottom:0}.app-view .av-example .bottom-1{bottom:.25rem}.app-view .av-example .bottom-1\.5{bottom:.375rem}.app-view .av-example .-left-1{left:-.25rem}.app-view .av-example .left-0{left:0}.app-view .av-example .left-0\.5{left:.125rem}.app-view .av-example .left-1\.5{left:.375rem}.app-view .av-example .left-3{left:.75rem}.app-view .av-example .z-10{z-index:10}.app-view .av-example .z-30{z-index:30}.app-view .av-example .z-40{z-index:40}.app-view .av-example .z-\[45\]{z-index:45}.app-view .av-example .col-span-10{grid-column:span 10/span 10}.app-view .av-example .-mx-0\.5{margin-inline:-.125rem}.app-view .av-example .-mx-2{margin-inline:-.5rem}.app-view .av-example .mx-1{margin-inline:.25rem}.app-view .av-example .mx-auto{margin-inline:auto}.app-view .av-example .my-1{margin-block:.25rem}.app-view .av-example .my-2{margin-block:.5rem}.app-view .av-example .my-3{margin-block:.75rem}.app-view .av-example .-mt-2{margin-top:-.5rem}.app-view .av-example .mt-0\.5{margin-top:.125rem}.app-view .av-example .mt-1{margin-top:.25rem}.app-view .av-example .mt-1\.5{margin-top:.375rem}.app-view .av-example .mt-2{margin-top:.5rem}.app-view .av-example .mt-3{margin-top:.75rem}.app-view .av-example .mt-3\.5{margin-top:.875rem}.app-view .av-example .mt-4{margin-top:1rem}.app-view .av-example .mt-auto{margin-top:auto}.app-view .av-example .-mr-1\.5{margin-right:-.375rem}.app-view .av-example .mr-1{margin-right:.25rem}.app-view .av-example .mr-2{margin-right:.5rem}.app-view .av-example .mb-0{margin-bottom:0}.app-view .av-example .mb-1{margin-bottom:.25rem}.app-view .av-example .mb-1\.5{margin-bottom:.375rem}.app-view .av-example .mb-2{margin-bottom:.5rem}.app-view .av-example .mb-3{margin-bottom:.75rem}.app-view .av-example .mb-4{margin-bottom:1rem}.app-view .av-example .mb-6{margin-bottom:1.5rem}.app-view .av-example .-ml-0\.5{margin-left:-.125rem}.app-view .av-example .-ml-1{margin-left:-.25rem}.app-view .av-example .-ml-1\.5{margin-left:-.375rem}.app-view .av-example .ml-1{margin-left:.25rem}.app-view .av-example .ml-2{margin-left:.5rem}.app-view .av-example .ml-3{margin-left:.75rem}.app-view .av-example .ml-auto{margin-left:auto}.app-view .av-example .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.app-view .av-example .block{display:block}.app-view .av-example .contents{display:contents}.app-view .av-example .flex{display:flex}.app-view .av-example .grid{display:grid}.app-view .av-example .hidden{display:none}.app-view .av-example .inline{display:inline}.app-view .av-example .inline-flex{display:inline-flex}.app-view .av-example .table{display:table}.app-view .av-example .table-cell{display:table-cell}.app-view .av-example .table-row{display:table-row}.app-view .av-example .aspect-\[4\/3\]{aspect-ratio:4/3}.app-view .av-example .aspect-video{aspect-ratio:16/9}.app-view .av-example .size-1\.5{width:.375rem;height:.375rem}.app-view .av-example .size-2{width:.5rem;height:.5rem}.app-view .av-example .size-2\.5{width:.625rem;height:.625rem}.app-view .av-example .size-3{width:.75rem;height:.75rem}.app-view .av-example .size-3\.5{width:.875rem;height:.875rem}.app-view .av-example .size-4{width:1rem;height:1rem}.app-view .av-example .size-5{width:1.25rem;height:1.25rem}.app-view .av-example .size-6{width:1.5rem;height:1.5rem}.app-view .av-example .size-7{width:1.75rem;height:1.75rem}.app-view .av-example .size-8{width:2rem;height:2rem}.app-view .av-example .size-9{width:2.25rem;height:2.25rem}.app-view .av-example .size-10{width:2.5rem;height:2.5rem}.app-view .av-example .size-\[16px\]{width:16px;height:16px}.app-view .av-example .size-\[18px\]{width:18px;height:18px}.app-view .av-example .size-full{width:100%;height:100%}.app-view .av-example .h-0\.5{height:.125rem}.app-view .av-example .h-1{height:.25rem}.app-view .av-example .h-1\.5{height:.375rem}.app-view .av-example .h-2\.5{height:.625rem}.app-view .av-example .h-4{height:1rem}.app-view .av-example .h-4\.5{height:1.125rem}.app-view .av-example .h-5{height:1.25rem}.app-view .av-example .h-6{height:1.5rem}.app-view .av-example .h-7{height:1.75rem}.app-view .av-example .h-8{height:2rem}.app-view .av-example .h-9{height:2.25rem}.app-view .av-example .h-10{height:2.5rem}.app-view .av-example .h-11{height:2.75rem}.app-view .av-example .h-12{height:3rem}.app-view .av-example .h-14{height:3.5rem}.app-view .av-example .h-\[18px\]{height:18px}.app-view .av-example .h-\[57px\]{height:57px}.app-view .av-example .h-\[150px\]{height:150px}.app-view .av-example .h-\[240px\]{height:240px}.app-view .av-example .h-full{height:100%}.app-view .av-example .h-px{height:1px}.app-view .av-example .max-h-48{max-height:12rem}.app-view .av-example .max-h-\[35\%\]{max-height:35%}.app-view .av-example .min-h-0{min-height:0}.app-view .av-example .min-h-12{min-height:3rem}.app-view .av-example .min-h-\[42\%\]{min-height:42%}.app-view .av-example .w-3{width:.75rem}.app-view .av-example .w-7{width:1.75rem}.app-view .av-example .w-9{width:2.25rem}.app-view .av-example .w-10{width:2.5rem}.app-view .av-example .w-11{width:2.75rem}.app-view .av-example .w-12{width:3rem}.app-view .av-example .w-14{width:3.5rem}.app-view .av-example .w-16{width:4rem}.app-view .av-example .w-20{width:5rem}.app-view .av-example .w-24{width:6rem}.app-view .av-example .w-48{width:12rem}.app-view .av-example .w-52{width:13rem}.app-view .av-example .w-56{width:14rem}.app-view .av-example .w-60{width:15rem}.app-view .av-example .w-\[44px\]{width:44px}.app-view .av-example .w-\[72px\]{width:72px}.app-view .av-example .w-\[86px\]{width:86px}.app-view .av-example .w-\[102px\]{width:102px}.app-view .av-example .w-\[236px\]{width:236px}.app-view .av-example .w-\[248px\]{width:248px}.app-view .av-example .w-\[256px\]{width:256px}.app-view .av-example .w-\[260px\]{width:260px}.app-view .av-example .w-\[272px\]{width:272px}.app-view .av-example .w-\[288px\]{width:288px}.app-view .av-example .w-\[300px\]{width:300px}.app-view .av-example .w-\[340px\]{width:340px}.app-view .av-example .w-\[380px\]{width:380px}.app-view .av-example .w-\[480px\]{width:480px}.app-view .av-example .w-\[min\(288px\,85cqw\)\]{width:min(288px,85cqw)}.app-view .av-example .w-fit{width:fit-content}.app-view .av-example .w-full{width:100%}.app-view .av-example .w-px{width:1px}.app-view .av-example .max-w-0{max-width:0}.app-view .av-example .max-w-\[40cqw\]{max-width:40cqw}.app-view .av-example .max-w-\[80\%\]{max-width:80%}.app-view .av-example .max-w-\[220px\]{max-width:220px}.app-view .av-example .max-w-\[480px\]{max-width:480px}.app-view .av-example .max-w-\[720px\]{max-width:720px}.app-view .av-example .max-w-full{max-width:100%}.app-view .av-example .max-w-md{max-width:28rem}.app-view .av-example .min-w-0{min-width:0}.app-view .av-example .min-w-4{min-width:1rem}.app-view .av-example .min-w-\[18px\]{min-width:18px}.app-view .av-example .min-w-\[120px\]{min-width:120px}.app-view .av-example .min-w-\[180px\]{min-width:180px}.app-view .av-example .min-w-full{min-width:100%}.app-view .av-example .flex-1{flex:1}.app-view .av-example .shrink{flex-shrink:1}.app-view .av-example .shrink-0{flex-shrink:0}.app-view .av-example .basis-\[200px\]{flex-basis:200px}.app-view .av-example .table-fixed{table-layout:fixed}.app-view .av-example .border-collapse{border-collapse:collapse}.app-view .av-example .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.app-view .av-example .-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.app-view .av-example .translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.app-view .av-example .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.app-view .av-example .animate-spin{animation:1s linear infinite spin}.app-view .av-example .\[scrollbar-width\:none\]{scrollbar-width:none}.app-view .av-example .list-none{list-style-type:none}.app-view .av-example .auto-rows-max{grid-auto-rows:max-content}.app-view .av-example .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.app-view .av-example .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.app-view .av-example .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.app-view .av-example .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.app-view .av-example .grid-cols-\[40px_repeat\(5\,minmax\(0\,1fr\)\)\]{grid-template-columns:40px repeat(5,minmax(0,1fr))}.app-view .av-example .grid-cols-\[40px_repeat\(7\,minmax\(0\,1fr\)\)\]{grid-template-columns:40px repeat(7,minmax(0,1fr))}.app-view .av-example .grid-cols-\[68px_1fr\]{grid-template-columns:68px 1fr}.app-view .av-example .grid-cols-\[108px_repeat\(10\,minmax\(0\,1fr\)\)\]{grid-template-columns:108px repeat(10,minmax(0,1fr))}.app-view .av-example .grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.app-view .av-example .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.app-view .av-example .flex-col{flex-direction:column}.app-view .av-example .flex-nowrap{flex-wrap:nowrap}.app-view .av-example .flex-wrap{flex-wrap:wrap}.app-view .av-example .content-start{align-content:flex-start}.app-view .av-example .items-baseline{align-items:baseline}.app-view .av-example .items-center{align-items:center}.app-view .av-example .items-end{align-items:flex-end}.app-view .av-example .items-start{align-items:flex-start}.app-view .av-example .items-stretch{align-items:stretch}.app-view .av-example .justify-between{justify-content:space-between}.app-view .av-example .justify-center{justify-content:center}.app-view .av-example .justify-end{justify-content:flex-end}.app-view .av-example .gap-0{gap:0}.app-view .av-example .gap-0\.5{gap:.125rem}.app-view .av-example .gap-1{gap:.25rem}.app-view .av-example .gap-1\.5{gap:.375rem}.app-view .av-example .gap-2{gap:.5rem}.app-view .av-example .gap-2\.5{gap:.625rem}.app-view .av-example .gap-3{gap:.75rem}.app-view .av-example .gap-4{gap:1rem}.app-view .av-example .gap-5{gap:1.25rem}.app-view .av-example .gap-px{gap:1px}:where(.app-view .av-example .space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.app-view .av-example .space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.app-view .av-example .space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem * 6) * calc(1 - var(--tw-space-y-reverse)))}.app-view .av-example .gap-x-2{column-gap:.5rem}.app-view .av-example .gap-x-3{column-gap:.75rem}.app-view .av-example .gap-x-6{column-gap:1.5rem}:where(.app-view .av-example .-space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(.25rem * -1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(.25rem * -1) * calc(1 - var(--tw-space-x-reverse)))}:where(.app-view .av-example .-space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(.25rem * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(.25rem * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.app-view .av-example .gap-y-1{row-gap:.25rem}.app-view .av-example .gap-y-1\.5{row-gap:.375rem}.app-view .av-example .gap-y-2{row-gap:.5rem}:where(.app-view .av-example .divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.app-view .av-example .divide-border>:not(:last-child)){border-color:var(--op-border)}.app-view .av-example .self-center{align-self:center}.app-view .av-example .self-start{align-self:flex-start}.app-view .av-example .self-stretch{align-self:stretch}.app-view .av-example .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-view .av-example .overflow-auto{overflow:auto}.app-view .av-example .overflow-hidden{overflow:hidden}.app-view .av-example .overflow-x-auto{overflow-x:auto}.app-view .av-example .overflow-y-auto{overflow-y:auto}.app-view .av-example .rounded{border-radius:.25rem}.app-view .av-example .rounded-2xl{border-radius:1rem}.app-view .av-example .rounded-\[5px\]{border-radius:5px}.app-view .av-example .rounded-full{border-radius:2147483647px}.app-view .av-example .rounded-lg{border-radius:12px}.app-view .av-example .rounded-md{border-radius:10px}.app-view .av-example .rounded-sm{border-radius:7px}.app-view .av-example .rounded-xl{border-radius:16px}.app-view .av-example .rounded-t-lg{border-top-left-radius:12px;border-top-right-radius:12px}.app-view .av-example .rounded-t-md{border-top-left-radius:10px;border-top-right-radius:10px}.app-view .av-example .rounded-br-md{border-bottom-right-radius:10px}.app-view .av-example .border{border-style:var(--tw-border-style);border-width:1px}.app-view .av-example .border-2{border-style:var(--tw-border-style);border-width:2px}.app-view .av-example .border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.app-view .av-example .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.app-view .av-example .border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.app-view .av-example .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.app-view .av-example .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.app-view .av-example .border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.app-view .av-example .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.app-view .av-example .border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.app-view .av-example .border-dashed{--tw-border-style:dashed;border-style:dashed}.app-view .av-example .border-accent,.app-view .av-example .border-accent\/40{border-color:var(--op-accent)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .border-accent\/40{border-color:color-mix(in oklab, var(--op-accent) 40%, transparent)}}.app-view .av-example .border-accent\/50{border-color:var(--op-accent)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .border-accent\/50{border-color:color-mix(in oklab, var(--op-accent) 50%, transparent)}}.app-view .av-example .border-border{border-color:var(--op-border)}.app-view .av-example .border-border-strong{border-color:var(--op-border-strong)}.app-view .av-example .border-control-border{border-color:var(--op-control-border)}.app-view .av-example .border-danger{border-color:var(--op-danger)}.app-view .av-example .border-info{border-color:var(--op-info)}.app-view .av-example .border-subtle{border-color:var(--op-subtle)}.app-view .av-example .border-success{border-color:var(--op-success)}.app-view .av-example .border-transparent{border-color:#0000}.app-view .av-example .border-warning,.app-view .av-example .border-warning\/30{border-color:var(--op-warning)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .border-warning\/30{border-color:color-mix(in oklab, var(--op-warning) 30%, transparent)}}.app-view .av-example .border-t-border-strong{border-top-color:var(--op-border-strong)}.app-view .av-example .bg-accent{background-color:var(--op-accent)}.app-view .av-example .bg-accent-soft,.app-view .av-example .bg-accent-soft\/40{background-color:var(--op-accent-soft)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-accent-soft\/40{background-color:color-mix(in oklab, var(--op-accent-soft) 40%, transparent)}}.app-view .av-example .bg-bg{background-color:var(--op-bg)}.app-view .av-example .bg-border{background-color:var(--op-border)}.app-view .av-example .bg-border-strong{background-color:var(--op-border-strong)}.app-view .av-example .bg-c1\/15{background-color:var(--op-c1)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-c1\/15{background-color:color-mix(in oklab, var(--op-c1) 15%, transparent)}}.app-view .av-example .bg-c1\/20{background-color:var(--op-c1)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-c1\/20{background-color:color-mix(in oklab, var(--op-c1) 20%, transparent)}}.app-view .av-example .bg-c2\/20{background-color:var(--op-c2)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-c2\/20{background-color:color-mix(in oklab, var(--op-c2) 20%, transparent)}}.app-view .av-example .bg-c3\/20{background-color:var(--op-c3)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-c3\/20{background-color:color-mix(in oklab, var(--op-c3) 20%, transparent)}}.app-view .av-example .bg-c3\/25{background-color:var(--op-c3)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-c3\/25{background-color:color-mix(in oklab, var(--op-c3) 25%, transparent)}}.app-view .av-example .bg-c4,.app-view .av-example .bg-c4\/20{background-color:var(--op-c4)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-c4\/20{background-color:color-mix(in oklab, var(--op-c4) 20%, transparent)}}.app-view .av-example .bg-c4\/25{background-color:var(--op-c4)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-c4\/25{background-color:color-mix(in oklab, var(--op-c4) 25%, transparent)}}.app-view .av-example .bg-c5,.app-view .av-example .bg-c5\/20{background-color:var(--op-c5)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-c5\/20{background-color:color-mix(in oklab, var(--op-c5) 20%, transparent)}}.app-view .av-example .bg-c5\/25{background-color:var(--op-c5)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-c5\/25{background-color:color-mix(in oklab, var(--op-c5) 25%, transparent)}}.app-view .av-example .bg-c6\/20{background-color:var(--op-c6)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-c6\/20{background-color:color-mix(in oklab, var(--op-c6) 20%, transparent)}}.app-view .av-example .bg-count{background-color:var(--app-count)}.app-view .av-example .bg-danger{background-color:var(--op-danger)}.app-view .av-example .bg-danger-soft{background-color:var(--op-danger-soft)}.app-view .av-example .bg-danger\/70{background-color:var(--op-danger)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-danger\/70{background-color:color-mix(in oklab, var(--op-danger) 70%, transparent)}}.app-view .av-example .bg-elevated{background-color:var(--op-elevated)}.app-view .av-example .bg-fg{background-color:var(--op-fg)}.app-view .av-example .bg-hover,.app-view .av-example .bg-hover\/50{background-color:var(--op-hover)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-hover\/50{background-color:color-mix(in oklab, var(--op-hover) 50%, transparent)}}.app-view .av-example .bg-info{background-color:var(--op-info)}.app-view .av-example .bg-info-soft{background-color:var(--op-info-soft)}.app-view .av-example .bg-main{background-color:var(--app-main)}.app-view .av-example .bg-pick{background-color:var(--app-pick)}.app-view .av-example .bg-pill{background-color:var(--app-pill)}.app-view .av-example .bg-scrim{background-color:var(--op-scrim)}.app-view .av-example .bg-side{background-color:var(--app-side)}.app-view .av-example .bg-subtle{background-color:var(--op-subtle)}.app-view .av-example .bg-success{background-color:var(--op-success)}.app-view .av-example .bg-success-soft{background-color:var(--op-success-soft)}.app-view .av-example .bg-sunk{background-color:var(--op-sunk)}.app-view .av-example .bg-surface,.app-view .av-example .bg-surface\/90{background-color:var(--op-surface)}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .bg-surface\/90{background-color:color-mix(in oklab, var(--op-surface) 90%, transparent)}}.app-view .av-example .bg-transparent{background-color:#0000}.app-view .av-example .bg-warning{background-color:var(--op-warning)}.app-view .av-example .bg-warning-soft{background-color:var(--op-warning-soft)}.app-view .av-example .stroke-border{stroke:var(--op-border)}.app-view .av-example .p-1{padding:.25rem}.app-view .av-example .p-1\.5{padding:.375rem}.app-view .av-example .p-2{padding:.5rem}.app-view .av-example .p-2\.5{padding:.625rem}.app-view .av-example .p-3{padding:.75rem}.app-view .av-example .p-4{padding:1rem}.app-view .av-example .p-5{padding:1.25rem}.app-view .av-example .p-6{padding:1.5rem}.app-view .av-example .px-0\.5{padding-inline:.125rem}.app-view .av-example .px-1{padding-inline:.25rem}.app-view .av-example .px-1\.5{padding-inline:.375rem}.app-view .av-example .px-2{padding-inline:.5rem}.app-view .av-example .px-2\.5{padding-inline:.625rem}.app-view .av-example .px-3{padding-inline:.75rem}.app-view .av-example .px-4{padding-inline:1rem}.app-view .av-example .px-5{padding-inline:1.25rem}.app-view .av-example .px-6{padding-inline:1.5rem}.app-view .av-example .py-0\.5{padding-block:.125rem}.app-view .av-example .py-1{padding-block:.25rem}.app-view .av-example .py-1\.5{padding-block:.375rem}.app-view .av-example .py-2{padding-block:.5rem}.app-view .av-example .py-2\.5{padding-block:.625rem}.app-view .av-example .py-3{padding-block:.75rem}.app-view .av-example .py-4{padding-block:1rem}.app-view .av-example .py-6{padding-block:1.5rem}.app-view .av-example .py-\[7px\]{padding-block:7px}.app-view .av-example .pt-0\.5{padding-top:.125rem}.app-view .av-example .pt-1{padding-top:.25rem}.app-view .av-example .pt-1\.5{padding-top:.375rem}.app-view .av-example .pt-2{padding-top:.5rem}.app-view .av-example .pt-2\.5{padding-top:.625rem}.app-view .av-example .pt-3{padding-top:.75rem}.app-view .av-example .pt-3\.5{padding-top:.875rem}.app-view .av-example .pt-4{padding-top:1rem}.app-view .av-example .pr-1{padding-right:.25rem}.app-view .av-example .pr-1\.5{padding-right:.375rem}.app-view .av-example .pr-2{padding-right:.5rem}.app-view .av-example .pr-4{padding-right:1rem}.app-view .av-example .pr-8{padding-right:2rem}.app-view .av-example .pb-0\.5{padding-bottom:.125rem}.app-view .av-example .pb-1{padding-bottom:.25rem}.app-view .av-example .pb-1\.5{padding-bottom:.375rem}.app-view .av-example .pb-2{padding-bottom:.5rem}.app-view .av-example .pb-2\.5{padding-bottom:.625rem}.app-view .av-example .pb-3{padding-bottom:.75rem}.app-view .av-example .pb-4{padding-bottom:1rem}.app-view .av-example .pb-8{padding-bottom:2rem}.app-view .av-example .pb-\[max\(12px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(12px, env(safe-area-inset-bottom))}.app-view .av-example .pl-2{padding-left:.5rem}.app-view .av-example .pl-2\.5{padding-left:.625rem}.app-view .av-example .pl-3{padding-left:.75rem}.app-view .av-example .pl-4{padding-left:1rem}.app-view .av-example .text-center{text-align:center}.app-view .av-example .text-left{text-align:left}.app-view .av-example .text-right{text-align:right}.app-view .av-example .align-top{vertical-align:top}.app-view .av-example .font-display{font-variation-settings:normal;font-family:Figtree,Inter Variable,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app-view .av-example .font-mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace}.app-view .av-example .font-sans{font-family:Figtree,Inter Variable,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app-view .av-example .text-\[9px\]{font-size:9px}.app-view .av-example .text-\[10\.5px\]{font-size:10.5px}.app-view .av-example .text-\[10px\]{font-size:10px}.app-view .av-example .text-\[11\.5px\]{font-size:11.5px}.app-view .av-example .text-\[11px\]{font-size:11px}.app-view .av-example .text-\[12\.5px\]{font-size:12.5px}.app-view .av-example .text-\[12px\]{font-size:12px}.app-view .av-example .text-\[13\.5px\]{font-size:13.5px}.app-view .av-example .text-\[13px\]{font-size:13px}.app-view .av-example .text-\[14\.5px\]{font-size:14.5px}.app-view .av-example .text-\[14px\]{font-size:14px}.app-view .av-example .text-\[15\.5px\]{font-size:15.5px}.app-view .av-example .text-\[15px\]{font-size:15px}.app-view .av-example .text-\[16px\]{font-size:16px}.app-view .av-example .text-\[17px\]{font-size:17px}.app-view .av-example .text-\[20px\]{font-size:20px}.app-view .av-example .text-\[30px\]{font-size:30px}.app-view .av-example .leading-4{--tw-leading:calc(.25rem * 4);line-height:1rem}.app-view .av-example .leading-5{--tw-leading:calc(.25rem * 5);line-height:1.25rem}.app-view .av-example .leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.app-view .av-example .leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.app-view .av-example .leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.app-view .av-example .leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.app-view .av-example .leading-\[13px\]{--tw-leading:13px;line-height:13px}.app-view .av-example .leading-\[14px\]{--tw-leading:14px;line-height:14px}.app-view .av-example .leading-\[16px\]{--tw-leading:16px;line-height:16px}.app-view .av-example .leading-\[17px\]{--tw-leading:17px;line-height:17px}.app-view .av-example .leading-\[18px\]{--tw-leading:18px;line-height:18px}.app-view .av-example .leading-\[19px\]{--tw-leading:19px;line-height:19px}.app-view .av-example .leading-none{--tw-leading:1;line-height:1}.app-view .av-example .leading-relaxed{--tw-leading:1.625;line-height:1.625}.app-view .av-example .leading-tight{--tw-leading:1.25;line-height:1.25}.app-view .av-example .font-\[650\]{--tw-font-weight:650;font-weight:650}.app-view .av-example .font-bold{--tw-font-weight:700;font-weight:700}.app-view .av-example .font-medium{--tw-font-weight:550;font-weight:550}.app-view .av-example .font-normal{--tw-font-weight:400;font-weight:400}.app-view .av-example .font-semibold{--tw-font-weight:650;font-weight:650}.app-view .av-example .tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.app-view .av-example .tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.app-view .av-example .tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.app-view .av-example .\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.app-view .av-example .break-words{overflow-wrap:break-word}.app-view .av-example .whitespace-nowrap{white-space:nowrap}.app-view .av-example .whitespace-pre{white-space:pre}.app-view .av-example .whitespace-pre-wrap{white-space:pre-wrap}.app-view .av-example .text-accent{color:var(--op-accent)}.app-view .av-example .text-accent-fg{color:var(--op-accent-fg)}.app-view .av-example .text-accent-text{color:var(--op-accent-text)}.app-view .av-example .text-bg{color:var(--op-bg)}.app-view .av-example .text-c1{color:var(--op-c1)}.app-view .av-example .text-c3{color:var(--op-c3)}.app-view .av-example .text-c5{color:var(--op-c5)}.app-view .av-example .text-count-fg{color:var(--app-count-fg)}.app-view .av-example .text-danger{color:var(--op-danger)}.app-view .av-example .text-fg{color:var(--op-fg)}.app-view .av-example .text-info{color:var(--op-info)}.app-view .av-example .text-muted{color:var(--op-muted)}.app-view .av-example .text-subtle{color:var(--op-subtle)}.app-view .av-example .text-success{color:var(--op-success)}.app-view .av-example .text-surface{color:var(--op-surface)}.app-view .av-example .text-warning{color:var(--op-warning)}.app-view .av-example .text-white{color:#fff}.app-view .av-example .capitalize{text-transform:capitalize}.app-view .av-example .uppercase{text-transform:uppercase}.app-view .av-example .italic{font-style:italic}.app-view .av-example .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.app-view .av-example .line-through{text-decoration-line:line-through}.app-view .av-example .opacity-30{opacity:.3}.app-view .av-example .opacity-40{opacity:.4}.app-view .av-example .opacity-60{opacity:.6}.app-view .av-example .shadow-\[0_0_0_1px_var\(--app-pill-ring\)\,0_1px_2px_rgb\(var\(--app-shadow\)\/0\.06\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--app-pill-ring)), 0 1px 2px var(--tw-shadow-color,rgb(var(--app-shadow)/.06));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.app-view .av-example .shadow-\[0_12px_40px_-16px_rgb\(var\(--app-shadow\)\/0\.25\)\]{--tw-shadow:0 12px 40px -16px var(--tw-shadow-color,rgb(var(--app-shadow)/.25));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.app-view .av-example .shadow-\[inset_0_1px_0_rgb\(255_255_255\/0\.18\)\,0_1px_2px_color-mix\(in_srgb\,var\(--op-accent-hover\)_30\%\,transparent\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff2e), 0 1px 2px var(--tw-shadow-color,var(--op-accent-hover))}@supports (color:color-mix(in lab, red, red)){.app-view .av-example .shadow-\[inset_0_1px_0_rgb\(255_255_255\/0\.18\)\,0_1px_2px_color-mix\(in_srgb\,var\(--op-accent-hover\)_30\%\,transparent\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff2e), 0 1px 2px var(--tw-shadow-color,color-mix(in srgb,var(--op-accent-hover) 30%,transparent))}}.app-view .av-example .shadow-\[inset_0_1px_0_rgb\(255_255_255\/0\.18\)\,0_1px_2px_color-mix\(in_srgb\,var\(--op-accent-hover\)_30\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.app-view .av-example .shadow-pop{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--op-border)), 0 18px 40px -14px var(--tw-shadow-color,rgb(var(--op-shadow) / calc(.3 * var(--op-shadow-strength)))), 0 4px 10px -4px var(--tw-shadow-color,rgb(var(--op-shadow) / calc(.12 * var(--op-shadow-strength))));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.app-view .av-example .shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,rgb(var(--app-shadow) / .06));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.app-view .av-example .ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.app-view .av-example .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.app-view .av-example .ring-bg{--tw-ring-color:var(--op-bg)}.app-view .av-example .ring-border{--tw-ring-color:var(--op-border)}.app-view .av-example .ring-danger{--tw-ring-color:var(--op-danger)}.app-view .av-example .ring-surface{--tw-ring-color:var(--op-surface)}.app-view .av-example .backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.app-view .av-example .ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.app-view .av-example .select-none{-webkit-user-select:none;user-select:none}.app-view .av-example .select-text{-webkit-user-select:text;user-select:text}.app-view .av-example .ring-inset{--tw-ring-inset:inset}.app-view .av-example .first\:mt-0:first-child{margin-top:0}.app-view .av-example .first\:ml-0:first-child{margin-left:0}.app-view .av-example .last\:mb-0:last-child{margin-bottom:0}.app-view .av-example .last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.app-view .av-example .last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@container av-window (width>=640px){.app-view .av-example .av-sm\:ml-0{margin-left:0}.app-view .av-example .av-sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.app-view .av-example .av-sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.app-view .av-example .av-sm\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}@container av-window (width>=768px){.app-view .av-example .av-md\:visible{visibility:visible}.app-view .av-example .av-md\:absolute{position:absolute}.app-view .av-example .av-md\:inset-auto{inset:auto}.app-view .av-example .av-md\:right-6{right:1.5rem}.app-view .av-example .av-md\:bottom-6{bottom:1.5rem}.app-view .av-example .av-md\:col-span-4{grid-column:span 4/span 4}.app-view .av-example .av-md\:col-span-5{grid-column:span 5/span 5}.app-view .av-example .av-md\:col-span-6{grid-column:span 6/span 6}.app-view .av-example .av-md\:col-span-7{grid-column:span 7/span 7}.app-view .av-example .av-md\:col-span-12{grid-column:span 12/span 12}.app-view .av-example .av-md\:mb-2{margin-bottom:.5rem}.app-view .av-example .av-md\:flex{display:flex}.app-view .av-example .av-md\:hidden{display:none}.app-view .av-example .av-md\:size-8{width:2rem;height:2rem}.app-view .av-example .av-md\:h-\(--av-dock-h\){height:var(--av-dock-h)}.app-view .av-example .av-md\:max-h-none{max-height:none}.app-view .av-example .av-md\:min-h-0{min-height:0}.app-view .av-example .av-md\:w-\(--av-dock-w\){width:var(--av-dock-w)}.app-view .av-example .av-md\:w-60{width:15rem}.app-view .av-example .av-md\:w-\[256px\]{width:256px}.app-view .av-example .av-md\:w-\[400px\]{width:400px}.app-view .av-example .av-md\:flex-none{flex:none}.app-view .av-example .av-md\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.app-view .av-example .av-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.app-view .av-example .av-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.app-view .av-example .av-md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.app-view .av-example .av-md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.app-view .av-example .av-md\:grid-cols-\[84px_1fr\]{grid-template-columns:84px 1fr}.app-view .av-example .av-md\:grid-cols-\[132px_repeat\(10\,minmax\(0\,1fr\)\)\]{grid-template-columns:132px repeat(10,minmax(0,1fr))}.app-view .av-example .av-md\:grid-cols-\[260px\]{grid-template-columns:260px}.app-view .av-example .av-md\:flex-row{flex-direction:row}:where(.app-view .av-example .av-md\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.app-view .av-example .av-md\:rounded-xl{border-radius:16px}.app-view .av-example .av-md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.app-view .av-example .av-md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.app-view .av-example .av-md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.app-view .av-example .av-md\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.app-view .av-example .av-md\:p-6{padding:1.5rem}.app-view .av-example .av-md\:px-3{padding-inline:.75rem}.app-view .av-example .av-md\:px-4{padding-inline:1rem}.app-view .av-example .av-md\:px-5{padding-inline:1.25rem}.app-view .av-example .av-md\:px-6{padding-inline:1.5rem}.app-view .av-example .av-md\:px-8{padding-inline:2rem}.app-view .av-example .av-md\:py-4{padding-block:1rem}.app-view .av-example .av-md\:pt-0{padding-top:0}.app-view .av-example .av-md\:pb-4{padding-bottom:1rem}.app-view .av-example .av-md\:opacity-100{opacity:1}.app-view .av-example .av-md\:shadow-\[0_24px_70px_-12px_rgb\(var\(--app-shadow\)\/0\.35\)\,0_0_0_1px_var\(--op-window-border\)\]{--tw-shadow:0 24px 70px -12px var(--tw-shadow-color,rgb(var(--app-shadow)/.35)), 0 0 0 1px var(--tw-shadow-color,var(--op-window-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.app-view .av-example .av-md\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@container av-window (width>=1024px){.app-view .av-example .av-lg\:flex{display:flex}}@container av-window (width>=1280px){.app-view .av-example .av-xl\:w-\[440px\]{width:440px}}@container av-window (width<=767.98px){.app-view .av-example .av-max-md\:mb-1\.5{margin-bottom:.375rem}.app-view .av-example .av-max-md\:hidden{display:none}.app-view .av-example .av-max-md\:h-8{height:2rem}.app-view .av-example .av-max-md\:w-full{width:100%}.app-view .av-example .av-max-md\:flex-none{flex:none}.app-view .av-example .av-max-md\:grid-cols-\[40px_minmax\(0\,1fr\)\]{grid-template-columns:40px minmax(0,1fr)}.app-view .av-example .av-max-md\:flex-col{flex-direction:column}.app-view .av-example .av-max-md\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.app-view .av-example .av-max-md\:text-\[16px\]{font-size:16px}}.app-view .av-example .\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.app-view .av-example .\[\&_tbody_tr\]\:border-b tbody tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.app-view .av-example .\[\&_tbody_tr\]\:border-border tbody tr{border-color:var(--op-border)}.app-view .av-example .\[\&_tbody_tr\:last-child\]\:border-b-0 tbody tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.app-view .av-example .\[\&_td\]\:px-3 td{padding-inline:.75rem}.app-view .av-example .\[\&_td\]\:py-1\.5 td{padding-block:.375rem}.app-view .av-example .\[\&_td\]\:align-middle td{vertical-align:middle}.app-view .av-example .\[\&_th\]\:px-3 th{padding-inline:.75rem}.app-view .av-example .\[\&_th\]\:py-2 th{padding-block:.5rem}.app-view .av-example .\[\&_th\]\:font-medium th{--tw-font-weight:550;font-weight:550}.app-view .av-example .\[\&_th\]\:whitespace-nowrap th{white-space:nowrap}.app-view .av-example .\[\&_thead_tr\]\:border-b thead tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.app-view .av-example .\[\&_thead_tr\]\:border-border thead tr{border-color:var(--op-border)}.app-view .av-example .\[\&_thead_tr\]\:text-\[11\.5px\] thead tr{font-size:11.5px}.app-view .av-example .\[\&_thead_tr\]\:text-subtle thead tr{color:var(--op-subtle)}.app-view .av-example .\[\&\>li\]\:list-none>li{list-style-type:none}.av-loop{display:block;position:relative}.app-view .av-loop-pane{position:absolute;inset:0}.app-view .av-loop-pane:not([data-on]){display:none}.av-loop nav ul>li>div{transition:color .15s}.av-loop nav ul{isolation:isolate}.av-loop nav ul>li{background:0 0!important}.av-loop nav ul .bg-pill{z-index:-1}.av-loop-pause{z-index:1;min-width:64px;min-height:44px;font:inherit;color:var(--op-fg);border:1px solid var(--op-border);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0 12px;font-size:13px;display:inline-flex;position:relative}.av-loop-pause:not([data-ready]){visibility:hidden}.av-loop-pause:focus-visible{outline-offset:2px;outline:2px solid}@media (scripting:none),(prefers-reduced-motion:reduce){.av-loop-pause{display:none}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.av-loop:not([data-av-playing]):not([data-av-finished]) .av-loop-dock [data-at]:not([data-at="0"]){display:none}.av-loop:not([data-av-playing]):not([data-av-finished]) .av-loop-dock [data-at="0"][data-until]{display:revert!important}}@media (scripting:none){.av-loop [data-loop-early]{display:none}@container av-window (width>=768px){.av-loop-dock .overflow-y-auto{flex-direction:column;justify-content:flex-end;display:flex}.av-loop-dock .overflow-y-auto>div{flex:none}}}.av-loop-table th,.av-loop-table td{padding-inline:8px!important}.av-loop-table th{width:var(--w)}.av-loop-dock header>.h-7{min-width:48px}@container av-window (width<=767.98px){.av-loop-dock aside{height:56%;box-shadow:0 -16px 40px -12px rgb(var(--app-shadow) / .35), 0 0 0 1px var(--op-window-border);border-radius:16px 16px 0 0;top:auto!important}.av-loop-table th,.av-loop-table td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-inline:6px!important}.av-loop-table td{padding-block:4px!important}.av-loop-table th{width:var(--pw)}.av-loop-table{margin-block:4px!important}.av-loop-dock .overflow-y-auto>div{padding-block:12px}}.av-build{display:block;position:relative}.av-build:not([data-av-playing]) [data-until],.av-loop:not([data-av-playing]) [data-until]{display:none!important}.av-build:not([data-widget]) .av-build-widget,.av-build[data-widget] .av-build-ext{display:none}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.av-build:not([data-av-playing]):not([data-av-finished]) .av-build-ext [data-at]:not([data-at="0"]){display:none}.av-build:not([data-av-playing]):not([data-av-finished]) .av-build-ext [data-at="0"][data-until]{display:revert!important}.av-build:not([data-av-playing]):not([data-av-finished]) .av-build-ext div[data-at="0"][data-until]{display:flex!important}}.av-build .av-widget-frame{height:100%}@container av-window (width<=767.98px){.av-build-dock aside{height:66%;box-shadow:0 -16px 40px -12px rgb(var(--app-shadow) / .35), 0 0 0 1px var(--op-window-border);border-radius:16px 16px 0 0;top:auto!important}}.av-build [data-typed-1],.av-build [data-typed-2]{white-space:nowrap;justify-content:flex-end;min-width:0;display:flex;overflow:hidden}@media (scripting:none){.av-build [data-build-scroll]{flex-direction:column;justify-content:flex-end;display:flex}.av-build [data-build-scroll]>div{flex:none;width:100%}}.av-build [data-tab-item]>span{display:none}.av-build:not([data-tab]) [data-tab-item=Edit],.av-build[data-tab=Edit] [data-tab-item=Edit],.av-build[data-tab=Code] [data-tab-item=Code],.av-build[data-tab=Publish] [data-tab-item=Publish]{color:var(--op-fg);font-weight:550}.av-build:not([data-tab]) [data-tab-item=Edit]>span,.av-build[data-tab=Edit] [data-tab-item=Edit]>span,.av-build[data-tab=Code] [data-tab-item=Code]>span,.av-build[data-tab=Publish] [data-tab-item=Publish]>span{display:block}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{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-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}