.page-module__VaDJma__dsLayout{gap:var(--layout-column-gap);width:100%;max-width:1440px;padding-top:var(--primitive-gap-xl);display:flex}.page-module__VaDJma__dsContent{gap:var(--primitive-gap-xxxl);flex-direction:column;flex:1;display:flex}.page-module__VaDJma__pageHeader{margin-top:calc(var(--primitive-gap-xl) - var(--primitive-gap-xxxl));justify-content:space-between;align-items:baseline;gap:var(--primitive-gap-lg);width:100%;display:flex}.page-module__VaDJma__pageTitle{font-size:var(--font-display-2-size);font-weight:var(--font-display-2-weight);line-height:var(--font-display-2-line-height);letter-spacing:var(--font-display-2-letter-spacing);color:var(--color-text-primary)}.page-module__VaDJma__subDisplay{font-family:var(--font-sub-display-family);font-size:var(--font-sub-display-size);font-weight:var(--font-sub-display-weight);line-height:var(--font-sub-display-line-height);letter-spacing:var(--font-sub-display-letter-spacing);color:var(--color-text-primary);margin-bottom:0}.page-module__VaDJma__introSection{gap:var(--primitive-gap-lg);flex-direction:column;display:flex}.page-module__VaDJma__introBody{font-size:var(--font-paragraph-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-line-height);color:var(--color-text-primary)}.page-module__VaDJma__section{gap:var(--primitive-gap-xl);flex-direction:column;width:100%;display:flex}.page-module__VaDJma__sectionNote{font-size:var(--font-paragraph-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-line-height);color:var(--color-text-secondary)}.page-module__VaDJma__swatchRow{gap:var(--primitive-gap-lg);flex-wrap:wrap;width:100%;display:flex}.page-module__VaDJma__swatchRow>*{max-width:220px}.page-module__VaDJma__useList{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.page-module__VaDJma__useRow{gap:var(--gap-md);align-items:baseline;display:flex}.page-module__VaDJma__useTerm{font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-em-weight);color:var(--color-text-tertiary);flex:0 0 120px}.page-module__VaDJma__useValue{font-size:var(--font-paragraph-sm-size);line-height:var(--font-paragraph-sm-line-height);color:var(--color-text-secondary);flex:1}@media (max-width:959px){.page-module__VaDJma__pageHeader{flex-direction:column;align-items:flex-start}.page-module__VaDJma__dsLayout{min-width:0;padding-left:0}.page-module__VaDJma__dsContent{min-width:0;max-width:100%}.page-module__VaDJma__subDisplay{font-size:24px;line-height:36px}.page-module__VaDJma__swatchRow{gap:var(--gap-md)}}
.ds-motion-swatch{align-items:center;gap:var(--gap-sm);background:var(--color-bg-container-primary-semi);border:var(--border-xs) solid var(--color-bg-container-border);border-radius:var(--radius-xl);min-width:140px;padding:var(--padding-lg);flex-direction:column;flex:1 1 0;display:flex}.ds-motion-swatch__preview{min-height:60px;margin-bottom:var(--gap-md);cursor:pointer;font:inherit;background:0 0;border:none;justify-content:center;align-self:stretch;align-items:center;padding:0;display:flex;position:relative}.ds-motion-swatch__preview:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px;border-radius:var(--radius-sm)}.ds-motion-swatch__replay-icon{--icon-size:var(--icon-size-sm);color:var(--color-text-tertiary);opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard);position:absolute;top:0;right:0}.ds-motion-swatch__preview:hover .ds-motion-swatch__replay-icon,.ds-motion-swatch__preview:focus-visible .ds-motion-swatch__replay-icon{opacity:1}.ds-motion-swatch__track{border-radius:var(--radius-full);background:var(--color-bg-container-secondary);width:120px;height:16px;display:block}.ds-motion-swatch__dot{border-radius:var(--radius-full);background:var(--color-core-accent-violet);width:16px;height:16px;animation-name:ds-motion-swatch-slide;animation-fill-mode:forwards;display:block}@keyframes ds-motion-swatch-slide{0%{transform:translate(0)}to{transform:translate(104px)}}.ds-motion-swatch__spinner{border-radius:var(--radius-full);border:var(--border-md) solid var(--color-bg-container-secondary);border-top-color:var(--color-core-accent-violet);width:32px;height:32px;animation-name:ds-motion-swatch-spin;animation-iteration-count:infinite;display:block}@keyframes ds-motion-swatch-spin{to{transform:rotate(360deg)}}.ds-motion-swatch__shimmer{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-bg-container-secondary) 25%, var(--color-bg-container-tertiary) 50%, var(--color-bg-container-secondary) 75%);background-size:200% 100%;width:120px;height:16px;animation-name:ds-motion-swatch-shimmer;animation-iteration-count:infinite;display:block}@keyframes ds-motion-swatch-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ds-motion-swatch__label{font-family:var(--font-paragraph-family);font-size:var(--font-paragraph-size);font-weight:var(--font-heading-3-weight);line-height:var(--font-paragraph-line-height);color:var(--color-text-primary);text-align:center}.ds-motion-swatch__value{font-family:var(--font-paragraph-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-sm-line-height);color:var(--color-text-tertiary);text-align:center;overflow-wrap:anywhere}