@layer components{html[data-theme=spectrum] .tl-demo-index{border-top:1px solid var(--sp-line-1);margin:0;padding:0;list-style:none}html[data-theme=spectrum] .tl-demo-index>li{border-bottom:1px solid var(--sp-line-1);align-items:center;gap:.875rem;min-height:44px;padding:.625rem 0;display:flex}html[data-theme=spectrum] .tl-demo-index .tl-demo-native{min-width:0;font-family:var(--font-display);letter-spacing:-.01em;color:var(--sp-text-1);flex:auto;font-size:1.125rem;font-weight:600}html[data-theme=spectrum] .tl-demo-caption{font-family:var(--font-sans);color:var(--sp-text-3);align-items:flex-start;gap:.75rem;font-size:.8125rem;line-height:1.6;display:flex}html[data-theme=spectrum] .tl-demo-caption:before{content:"";background:var(--sp-spectrum);border-radius:999px;flex:none;width:6px;height:6px;margin-top:.45rem}html[data-theme=spectrum] .tl-steps-wrap{--tl-gap:1.25rem;--tl-step:3.5rem;--tl-num:2.25rem;position:relative}html[data-theme=spectrum] .tl-steps{grid-template-columns:minmax(0,1fr);gap:1.75rem;margin:0;padding:0;list-style:none;display:grid}html[data-theme=spectrum] .tl-step{z-index:1;flex-direction:column;display:flex;position:relative}html[data-theme=spectrum] .tl-num{width:var(--tl-num);height:var(--tl-num);border:1px solid var(--sp-line-3);background:var(--sp-bg-0);color:var(--sp-signal);font-family:var(--font-sans);letter-spacing:.1em;font-variant-numeric:tabular-nums;box-shadow:0 0 0 4px var(--sp-bg-0);border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}html[data-theme=spectrum] [data-surface=surface] .tl-num{background:var(--sp-bg-1);box-shadow:0 0 0 4px var(--sp-bg-1)}html[data-theme=spectrum] .tl-step:not(:last-child):after{content:"";left:calc(var(--tl-num) / 2);background:linear-gradient(180deg, var(--sp-line-3), var(--sp-line-1));width:1px;height:1.75rem;position:absolute;top:100%}@media (min-width:768px){html[data-theme=spectrum] .tl-steps{gap:var(--tl-gap);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));row-gap:2.5rem}html[data-theme=spectrum] .tl-step:not(:last-child):after{display:none}}@media (min-width:1024px){html[data-theme=spectrum] .tl-steps{grid-template-columns:repeat(var(--tl-n,3), minmax(0, 1fr));align-items:start;gap:var(--tl-gap)}html[data-theme=spectrum] .tl-step{margin-top:calc(var(--tl-i,0) * var(--tl-step))}html[data-theme=spectrum] .tl-step:not(:last-child):before{content:"";z-index:0;top:calc(var(--tl-num) / 2);left:var(--tl-num);width:calc(100% + var(--tl-gap) - var(--tl-num) / 2);height:var(--tl-step);pointer-events:none;clip-path:inset(0 100% 0 0);transition:clip-path 1.1s var(--ease-out-expo) .25s;border-top:1px solid #0000;border-right:1px solid #0000;border-image:linear-gradient(90deg,#0284c7b3,#14b8a6bf) 1;position:absolute}html[data-theme=spectrum] .tl-step[data-revealed=true]:before{clip-path:inset(0)}}html[data-theme=spectrum] .tl-bento{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}html[data-theme=spectrum] .tl-bento>*{min-width:0}@media (min-width:640px){html[data-theme=spectrum] .tl-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){html[data-theme=spectrum] .tl-bento[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-theme=spectrum] .tl-bento[data-cols="4"]{grid-template-columns:repeat(12,minmax(0,1fr))}html[data-theme=spectrum] .tl-bento[data-cols="4"]>:nth-child(4n+1),html[data-theme=spectrum] .tl-bento[data-cols="4"]>:nth-child(4n+4){grid-column:span 5}html[data-theme=spectrum] .tl-bento[data-cols="4"]>:nth-child(4n+2),html[data-theme=spectrum] .tl-bento[data-cols="4"]>:nth-child(4n+3){grid-column:span 7}html[data-theme=spectrum] .tl-bento[data-cols="4"]>:nth-child(4n+2) .tl-feature,html[data-theme=spectrum] .tl-bento[data-cols="4"]>:nth-child(4n+3) .tl-feature{flex-direction:row;align-items:flex-start;gap:1.5rem}html[data-theme=spectrum] .tl-bento[data-cols="4"]>:nth-child(4n+2) .tl-feature>.icon-tile,html[data-theme=spectrum] .tl-bento[data-cols="4"]>:nth-child(4n+3) .tl-feature>.icon-tile{margin-bottom:0}}html[data-theme=spectrum] .tl-feature{flex-direction:column;height:100%;display:flex}html[data-theme=spectrum] .tl-feature-index{color:var(--sp-text-3);position:absolute;top:1.5rem;right:1.5rem}html[data-theme=spectrum] .tl-audience{border-top:1px solid var(--sp-line-1);margin:0;padding:0;list-style:none}html[data-theme=spectrum] .tl-audience-row{border-bottom:1px solid var(--sp-line-1);transition:background-color var(--dur-base) var(--ease-out-expo);grid-template-columns:40px minmax(0,1fr);gap:.25rem 1.25rem;padding:1.75rem 0;display:grid;position:relative}html[data-theme=spectrum] .tl-audience-row:hover{background:linear-gradient(90deg,#ffffff06,#0000 70%)}html[data-theme=spectrum] .tl-audience-row>.icon-tile{grid-row:span 2}html[data-theme=spectrum] .tl-audience-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}@media (min-width:640px){html[data-theme=spectrum] .tl-audience-row{grid-template-columns:3rem 40px minmax(0,1fr);gap:.5rem 1.5rem;padding:2rem 0}html[data-theme=spectrum] .tl-audience-row>.icon-tile{grid-column:2}html[data-theme=spectrum] .tl-audience-row>.tl-audience-head,html[data-theme=spectrum] .tl-audience-row>.tl-audience-text{grid-column:3}html[data-theme=spectrum] .tl-audience-index-col{color:var(--sp-signal);grid-area:span 2/1;padding-top:.75rem}}html[data-theme=spectrum] .tl-audience-index-col{display:none}@media (min-width:640px){html[data-theme=spectrum] .tl-audience-index-col{display:block}html[data-theme=spectrum] .tl-audience-head>.text-hud{display:none}}html[data-theme=spectrum] .tl-table-wrap{border-radius:var(--radius-xl);overflow:hidden}html[data-theme=spectrum] .tl-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}html[data-theme=spectrum] .tl-table th,html[data-theme=spectrum] .tl-table td{vertical-align:top;border-bottom:1px solid var(--sp-line-1);padding:1.125rem 1.5rem}html[data-theme=spectrum] .tl-table thead th{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sp-text-3);background:#fff;padding-block:1rem;font-size:.75rem;font-weight:500}html[data-theme=spectrum] .tl-table thead th.tl-reco{color:var(--sp-text-1);position:relative}html[data-theme=spectrum] .tl-table thead th.tl-reco:before{content:"";inset-inline:0;background:var(--sp-spectrum);height:2px;position:absolute;top:0}html[data-theme=spectrum] .tl-table tbody th{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sp-text-2);white-space:nowrap;font-size:.75rem;font-weight:500;line-height:1.6}html[data-theme=spectrum] .tl-table tbody td{color:var(--sp-text-2);text-wrap:pretty;font-size:.9375rem;line-height:1.55}html[data-theme=spectrum] .tl-table .tl-reco{background:#14b8a612}html[data-theme=spectrum] .tl-table tbody td.tl-reco{color:var(--sp-text-1);font-weight:500}html[data-theme=spectrum] .tl-table tbody tr:last-child>*{border-bottom:0}html[data-theme=spectrum] .tl-cell-yes{color:var(--sp-success)}html[data-theme=spectrum] .tl-cell-no{color:var(--sp-text-3)}html[data-theme=spectrum] .tl-table td:before{display:none}@media (max-width:767px){html[data-theme=spectrum] .tl-table thead{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html[data-theme=spectrum] .tl-table,html[data-theme=spectrum] .tl-table tbody,html[data-theme=spectrum] .tl-table tbody tr,html[data-theme=spectrum] .tl-table tbody th,html[data-theme=spectrum] .tl-table tbody td{display:block}html[data-theme=spectrum] .tl-table tbody tr{border-bottom:1px solid var(--sp-line-1);padding:1.25rem 1.25rem .25rem}html[data-theme=spectrum] .tl-table tbody tr:last-child{border-bottom:0}html[data-theme=spectrum] .tl-table tbody th,html[data-theme=spectrum] .tl-table tbody td{border-bottom:0;padding:0}html[data-theme=spectrum] .tl-table tbody th{color:var(--sp-text-3);margin-bottom:.875rem}html[data-theme=spectrum] .tl-table tbody td{border-left:1px solid var(--sp-line-2);margin-bottom:1rem;padding-left:.875rem}html[data-theme=spectrum] .tl-table tbody td.tl-reco{border-left:2px solid #0000;border-image:var(--sp-spectrum) 1;background:0 0}html[data-theme=spectrum] .tl-table td:before{content:attr(data-col);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sp-text-3);margin-bottom:.25rem;font-size:.6875rem;display:block}}html[data-theme=spectrum] .tl-lang-panel{border-radius:var(--radius-xl);overflow:hidden}html[data-theme=spectrum] .tl-lang-head{border-bottom:1px solid var(--sp-line-1);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.5rem;display:flex}}@media (prefers-reduced-motion:reduce){html[data-theme=spectrum]:not([data-reduce-motion=false]) .tl-step:before{clip-path:none;transition:none}}html[data-theme=spectrum][data-reduce-motion=true] .tl-step:before{clip-path:none;transition:none}