.showcase-layout{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:start}.showcase-tabs{display:flex;flex-direction:column;gap:2px;position:sticky;top:96px}.stab{text-align:left;background:0 0;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:14.5px;font-weight:600;color:var(--muted);padding:11px 16px;transition:.15s}.stab:hover{color:var(--ink);background:var(--panel-soft)}.stab.on{color:var(--ink);background:var(--panel-soft);box-shadow:inset 3px 0 0 var(--action)}.showcase-panel{width:100%}.showcase-panel-col{display:flex;flex-direction:column;gap:14px}.showcase-panel-title{font-size:19px;font-weight:700;color:var(--ink)}.showcase-panel .panel-top{justify-content:space-between;padding:15px 22px;flex-wrap:wrap;row-gap:10px}.panel-top-left,.panel-top-right{display:flex;align-items:center;gap:14px}.showcase-panel .panel-top-left{flex-wrap:wrap;row-gap:8px}.showcase-panel .panel-top-right{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}.lang-toggle button{padding:7px 11px;font-size:12px}.lang-soon-note{font-style:italic;font-size:12px;color:var(--muted)}.showcase-panel .panel-body{height:568px;padding:34px 32px 36px;display:flex;flex-direction:column}.showcase-panel .demo-text{font-size:20px;line-height:1.55}.showcase-text-wrap{position:relative;flex:1;min-height:0}#showcaseText{height:100%;overflow-y:auto;padding-right:18px;scrollbar-width:none}#showcaseText::-webkit-scrollbar{display:none;width:0;height:0}.showcase-scrollbar{position:absolute;top:0;right:0;bottom:0;width:6px;background:rgba(var(--black-rgb),.08);border-radius:var(--radius-xs)}.showcase-scrollbar.is-hidden{display:none}.showcase-scrollbar-thumb{position:absolute;left:0;right:0;background:rgba(var(--black-rgb),.3);border-radius:var(--radius-xs)}.showcase-eyebrow{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--filigree-d);margin-bottom:20px}.showcase-eyebrow-flag{position:relative;width:18px;height:13px;border-radius:2px;overflow:hidden;box-shadow:0 1px 2px rgba(var(--black-rgb),.25);flex-shrink:0}.showcase-eyebrow-flag svg{position:absolute;inset:0;display:block;width:100%;height:100%}#showcaseText.casc .i1{padding-left:24px;background-image:linear-gradient(var(--line),var(--line));background-size:1px 100%;background-position:0 0;background-repeat:no-repeat}#showcaseText.casc .i2{padding-left:48px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-size:1px 100%,1px 100%;background-position:0 0,24px 0;background-repeat:no-repeat,no-repeat}#showcaseText.casc .i3{padding-left:72px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-size:1px 100%;background-position:0 0,24px 0,48px 0;background-repeat:no-repeat}#showcaseText.casc .i4{padding-left:96px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-size:1px 100%;background-position:0 0,24px 0,48px 0,72px 0;background-repeat:no-repeat}#showcaseText.casc .i5{padding-left:120px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-size:1px 100%;background-position:0 0,24px 0,48px 0,72px 0,96px 0;background-repeat:no-repeat}#showcaseText.casc .i6{padding-left:144px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-size:1px 100%;background-position:0 0,24px 0,48px 0,72px 0,96px 0,120px 0;background-repeat:no-repeat}#showcaseText.casc .i7{padding-left:168px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-size:1px 100%;background-position:0 0,24px 0,48px 0,72px 0,96px 0,120px 0,144px 0;background-repeat:no-repeat}#showcaseText.casc .i8{padding-left:192px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-size:1px 100%;background-position:0 0,24px 0,48px 0,72px 0,96px 0,120px 0,144px 0,168px 0;background-repeat:no-repeat}#showcaseText.casc .i9{padding-left:216px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-size:1px 100%;background-position:0 0,24px 0,48px 0,72px 0,96px 0,120px 0,144px 0,168px 0,192px 0;background-repeat:no-repeat}#showcaseText.casc .i10{padding-left:240px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-size:1px 100%;background-position:0 0,24px 0,48px 0,72px 0,96px 0,120px 0,144px 0,168px 0,192px 0,216px 0;background-repeat:no-repeat}#showcaseText.plain .seg{display:inline;padding-left:0!important;font-weight:600;background:0 0!important}@media(max-width:860px){.showcase-layout{grid-template-columns:minmax(0,1fr)}.showcase-tabs,.showcase-panel-col,.showcase-panel .panel-top-left,.showcase-panel .panel-top-right{min-width:0}.showcase-tabs,.showcase-panel-col{width:100%}.showcase-tabs{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px}.stab{white-space:nowrap}.stab.on{box-shadow:inset 0 -3px 0 var(--action)}}.cascade-component.cascade-showcase-component{line-height:normal}.cascade-showcase-component .stab{appearance:none;-webkit-appearance:none;width:auto;min-width:auto;height:auto;margin:0;padding:11px 16px;border:0;border-radius:var(--radius-sm);background:0 0;color:var(--muted);box-shadow:none;text-shadow:none;font-family:inherit;font-size:14.5px;font-weight:600;line-height:normal;letter-spacing:normal;text-decoration:none;text-transform:none}.cascade-showcase-component .stab:hover{background:var(--panel-soft);color:var(--ink)}.cascade-showcase-component .stab:focus{background:var(--panel-soft);color:var(--ink)}.cascade-showcase-component .stab:focus-visible,.cascade-showcase-component #showcaseText:focus-visible{outline:2px solid var(--action);outline-offset:-3px}.cascade-showcase-component .stab.on,.cascade-showcase-component .stab.on:hover{background:var(--panel-soft);color:var(--ink);box-shadow:inset 3px 0 0 var(--action)}.cascade-showcase-component .toggle button{appearance:none;-webkit-appearance:none;width:auto;min-width:auto;height:auto;margin:0;padding:7px 14px;border:0;border-radius:6px;background:0 0;color:var(--muted);box-shadow:none;text-shadow:none;font-family:inherit;font-size:12.5px;font-weight:600;line-height:normal;letter-spacing:normal;text-decoration:none;text-transform:none}.cascade-showcase-component .lang-toggle button{padding:7px 11px;font-size:12px}.cascade-showcase-component .toggle button.on,.cascade-showcase-component .toggle button.on:hover{background:var(--white);color:var(--ink);box-shadow:0 1px 3px rgba(var(--black-rgb),.1)}@media(max-width:860px){.cascade-showcase-component .stab.on,.cascade-showcase-component .stab.on:hover{box-shadow:inset 0 -3px 0 var(--action)}}.showcase-tabs{top:150px}.cascade-showcase-component .showcase-panel .shape-toggle{background:var(--tint-soft);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.25)}.cascade-showcase-component .showcase-panel .shape-toggle button{color:var(--accent-d)}.cascade-showcase-component .showcase-panel .shape-toggle button.on,.cascade-showcase-component .showcase-panel .shape-toggle button.on:hover{background:var(--action);color:var(--white);box-shadow:0 2px 6px rgba(var(--accent-rgb),.35)}.cascade-showcase-component .showcase-panel .shape-kicker{color:var(--accent-d);font-weight:700}@media(max-width:860px){.showcase-panel .panel-top-right{justify-content:flex-start}}@media(max-width:860px){.showcase-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:860px){.showcase-panel .demo-text{font-size:18px}#showcaseText.casc .i1{padding-left:14px;background-image:linear-gradient(var(--line),var(--line));background-position:0 0}#showcaseText.casc .i2{padding-left:28px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-position:0 0,14px 0}#showcaseText.casc .i3{padding-left:42px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-position:0 0,14px 0,28px 0}#showcaseText.casc .i4{padding-left:56px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-position:0 0,14px 0,28px 0,42px 0}#showcaseText.casc .i5{padding-left:70px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-position:0 0,14px 0,28px 0,42px 0,56px 0}#showcaseText.casc .i6{padding-left:84px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-position:0 0,14px 0,28px 0,42px 0,56px 0,70px 0}#showcaseText.casc .i7{padding-left:98px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-position:0 0,14px 0,28px 0,42px 0,56px 0,70px 0,84px 0}#showcaseText.casc .i8{padding-left:112px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-position:0 0,14px 0,28px 0,42px 0,56px 0,70px 0,84px 0,98px 0}#showcaseText.casc .i9{padding-left:126px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-position:0 0,14px 0,28px 0,42px 0,56px 0,70px 0,84px 0,98px 0,112px 0}#showcaseText.casc .i10{padding-left:140px;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-position:0 0,14px 0,28px 0,42px 0,56px 0,70px 0,84px 0,98px 0,112px 0,126px 0}}