@layer components{.dd-ld{gap:1.25rem;display:grid}@media (min-width:1024px){.dd-ld{grid-template-columns:minmax(0,7fr) minmax(0,17fr);align-items:stretch;gap:2rem}}.dd-ld__list{scrollbar-width:none;gap:.5rem;margin-inline:-1rem;padding:.25rem 1rem;display:flex;overflow-x:auto}.dd-ld__list::-webkit-scrollbar{display:none}@media (min-width:1024px){.dd-ld__list{flex-direction:column;gap:.25rem;margin-inline:0;padding:0;overflow:visible}}.dd-ld__item{border:1px solid var(--color-line);border-radius:var(--radius-card);background-color:var(--color-bg);min-height:3rem;color:var(--color-ink);text-align:left;transition:background-color var(--duration-hover) ease, border-color var(--duration-hover) ease;flex-shrink:0;align-items:center;gap:.875rem;padding:.5rem .875rem .5rem .5rem;display:flex}@media (min-width:1024px){.dd-ld__item{background-color:#0000;border-color:#0000;width:100%;min-height:3.5rem;padding:.625rem .875rem .625rem .625rem}}.dd-ld__illu{object-fit:contain;width:3rem;height:3rem;transition:transform var(--duration-hover) var(--ease-out);flex-shrink:0}@media (min-width:1024px){.dd-ld__illu{width:3.5rem;height:3.5rem}}@media (hover:hover) and (pointer:fine){.dd-ld__item:hover .dd-ld__illu{transform:translateY(-2px)scale(1.04)}}.dd-ld__label{white-space:nowrap;font-weight:600;line-height:1.3;display:block}@media (min-width:1024px){.dd-ld__label{white-space:normal}}.dd-ld__sublabel{color:var(--color-ink-muted);font-size:var(--text-small);white-space:nowrap;margin-top:.125rem;line-height:1.3;display:block}.dd-ld__badge{background-color:var(--color-accent-soft);color:var(--color-accent);vertical-align:.125em;border-radius:999px;margin-left:.5rem;padding:.0625rem .4375rem;font-size:.6875rem;font-weight:600}.dd-ld__arrow{color:var(--color-ink-muted);opacity:0;transition:opacity var(--duration-hover) ease, transform var(--duration-hover) var(--ease-out);flex-shrink:0;margin-left:auto;display:none;transform:translate(-4px)}@media (min-width:1024px){.dd-ld__arrow{display:block}}.dd-ld__item[aria-selected=true]{border-color:var(--color-bg-sunken);background-color:var(--color-bg-sunken)}@media (hover:hover) and (pointer:fine){.dd-ld__item[aria-selected=false]:hover{background-color:var(--color-bg-section)}.dd-ld__item[aria-selected=false]:hover .dd-ld__arrow{opacity:1;transform:none}}.dd-ld__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.dd-ld__card{border-radius:var(--radius-panel);background-color:var(--color-bg-sunken);gap:1.5rem;padding:1.5rem;display:grid}.dd-ld__media{align-self:center}@media (min-width:768px){.dd-ld__card{grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:stretch;gap:2rem;padding:2rem}}.dd-ld__text{flex-direction:column;display:flex}.dd-ld__link{margin-top:1.5rem}@media (min-width:768px){.dd-ld__link{margin-top:auto;padding-top:1.5rem}}.dd-ld__list{position:relative}.dd-ld__item{z-index:1;transition:background-color .22s var(--ease-out), border-color .22s var(--ease-out);position:relative}.dd-ld__slide{display:none}.dd-ld__list[data-slide] .dd-ld__slide{width:var(--slide-w,0);height:var(--slide-h,0);border-radius:var(--radius-card);background-color:var(--color-bg-sunken);transform:translate(var(--slide-x,0), var(--slide-y,0));display:block;position:absolute;top:0;left:0}.dd-ld__list[data-slide] .dd-ld__item[aria-selected=true]{background-color:#0000}.dd-ld__list[data-slide-ready] .dd-ld__slide{transition:transform .38s var(--ease-out), width .38s var(--ease-out), height .38s var(--ease-out)}.dd-ld__item{animation:dd-ld-rise .42s var(--ease-out) both}.dd-ld__item:nth-of-type(2){animation-delay:30ms}.dd-ld__item:nth-of-type(3){animation-delay:60ms}.dd-ld__item:nth-of-type(4){animation-delay:90ms}.dd-ld__item:nth-of-type(n+5){animation-delay:.12s}.dd-ld__text>*{animation:dd-ld-rise .46s var(--ease-out) both}.dd-ld__text>:nth-child(2){animation-delay:60ms}.dd-ld__text>:nth-child(3){animation-delay:.12s}.dd-ld__media{animation:dd-ld-media .62s var(--ease-out) both}@keyframes dd-ld-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes dd-ld-media{0%{opacity:0;clip-path:inset(5% round 24px);transform:scale(1.03)}to{opacity:1;clip-path:inset(0);transform:none}}@media (prefers-reduced-motion:reduce){.dd-ld__arrow{transition:opacity var(--duration-hover) ease;transform:none}.dd-ld__list[data-slide-ready] .dd-ld__slide{transition:none}.dd-ld__item,.dd-ld__text>*,.dd-ld__media{animation:.2s both dd-ld-fade}@keyframes dd-ld-fade{0%{opacity:0}}}@media (min-width:768px){.dd-ld__card:has(.dd-ld__media[data-format=P]){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.dd-ld__media[data-format=P]{align-self:stretch}}
@layer components{.dd-ft__tabs{scrollbar-width:none;gap:.25rem;margin-inline:-1rem;padding-inline:1rem;display:flex;overflow-x:auto}.dd-ft__tabs::-webkit-scrollbar{display:none}@media (min-width:768px){.dd-ft__tabs{margin-inline:0;padding-inline:0}}.dd-ft__tab{border-radius:var(--radius-card) var(--radius-card) 0 0;color:var(--color-ink-muted);white-space:nowrap;transition:background-color var(--duration-hover) ease, color var(--duration-hover) ease;flex-shrink:0;padding:.875rem;font-weight:500}@media (hover:hover) and (pointer:fine){.dd-ft__tab[aria-selected=false]:hover{color:var(--color-ink);text-underline-offset:.3em;text-decoration:underline}}@media (min-width:1280px){.dd-ft__tab{text-align:center;flex:1 0 auto;padding-inline:.75rem}}.dd-ft__tab[aria-selected=true]{background-color:var(--color-bg);color:var(--color-ink);font-weight:600}.dd-ft__tabs{position:relative}.dd-ft__tab{z-index:1;position:relative}.dd-ft__slide{display:none}.dd-ft__tabs[data-slide] .dd-ft__slide{width:var(--slide-w,0);height:var(--slide-h,0);border-radius:var(--radius-card) var(--radius-card) 0 0;background-color:var(--color-bg);transform:translate(var(--slide-x,0), var(--slide-y,0));display:block;position:absolute;top:0;left:0}.dd-ft__tabs[data-slide] .dd-ft__tab[aria-selected=true]{background-color:#0000}.dd-ft__tabs[data-slide-ready] .dd-ft__slide{transition:transform .38s var(--ease-out), width .38s var(--ease-out)}@media (prefers-reduced-motion:reduce){.dd-ft__tabs[data-slide-ready] .dd-ft__slide{transition:none}}.dd-ft__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.dd-ft__panel{border-radius:var(--radius-panel);background-color:var(--color-bg);padding:1.25rem 1rem 1rem}.dd-ft__panel[data-first=true]{border-top-left-radius:0}@media (min-width:1024px){.dd-ft__panel{padding:2rem}}}