.TGI6{column-gap:8px;display:flex}body.flex-gap .TGI6>:not(:last-child){margin-right:8px}.TGI6-dot-container{border:2px solid var(--color-border-default);background:var(--color-elevation-app-surface-highlight);border-radius:100px;align-items:center;column-gap:16px;height:48px;padding:0 24px;display:inline-flex}body.flex-gap .TGI6-dot-container>:not(:last-child){margin-right:16px}.TGI6-playback-button{border:2px solid var(--color-border-default);background:var(--color-elevation-app-surface-highlight);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.TGI6-playback-button svg{fill:var(--color-elevation-app-content)}.TGI6-playback-button:hover,.TGI6-playback-button:focus-visible{border:2px solid var(--color-border-mid);background:var(--color-border-default)}.TGI6-dot-wrapper{cursor:pointer;border-radius:100px;margin:-16px -8px;padding:16px 8px}.TGI6-dot{background:var(--color-foreground-neutral-default);border-radius:100px;width:8px;height:8px;transition:width .5s;position:relative}.TGI6.TGI6-mod-auto-play .TGI6-active{background:var(--color-foreground-disabled);cursor:default;width:32px;position:relative;overflow:hidden}@media (width>=768px){.TGI6.TGI6-mod-auto-play .TGI6-active{width:64px}}.TGI6-track{background:var(--color-elevation-app-content);transform-origin:0;border-radius:100px;width:32px;height:8px;animation:linear forwards buttonSlide;position:absolute;left:-32px}@media (width>=768px){.TGI6-track{width:64px;left:-64px}}html[dir=rtl] .TGI6-track{animation:linear forwards buttonSlideRTL;left:0}@media (width>=768px){html[dir=rtl] .TGI6-track{left:0}}.TGI6-dot.TGI6-paused .TGI6-track{animation-play-state:paused}.TGI6.TGI6-mod-elevation-one .TGI6-dot-container,.TGI6.TGI6-mod-elevation-one .TGI6-playback-button{background:var(--color-background-base-default)}.TGI6.TGI6-mod-elevation-one .TGI6-playback-button svg{fill:var(--color-elevation-one-content)}.TGI6.TGI6-mod-elevation-one .TGI6-dot{background:var(--color-foreground-neutral-elevated)}.TGI6.TGI6-mod-elevation-one .TGI6-track{background:var(--color-elevation-one-content)}@keyframes buttonSlide{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes buttonSlideRTL{0%{transform:translate(100%)}to{transform:translate(0)}}.DFtk{flex-direction:column;align-items:center;row-gap:24px;display:flex}body.flex-gap .DFtk>:not(:last-child){margin-bottom:24px}.DFtk-key-controller{width:100%}.DFtk-items{column-gap:32px;width:100%;display:flex;overflow:hidden}body.flex-gap .DFtk-items>:not(:last-child){margin-right:32px}.DFtk-hidden *>a[href],.DFtk-hidden *>area[href],.DFtk-hidden *>input:not([disabled]),.DFtk-hidden *>select:not([disabled]),.DFtk-hidden *>textarea:not([disabled]),.DFtk-hidden *>button:not([disabled]),.DFtk-hidden *>[tabindex]:not([disabled]),.DFtk-hidden *>[contenteditable=true]:not([disabled]){visibility:hidden}.DFtk-sr-only{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.DFtk-item{flex:0 0 100%;max-width:100%}.DFtk-mod-shadow .DFtk-items{filter:drop-shadow(0 12px 30px var(--color-shadow-color-3))}