.TGI6{display:flex;column-gap:8px}html:not([dir=rtl]) body.flex-gap .TGI6>*:not(:last-child){margin-right:8px}html[dir=rtl] body.flex-gap .TGI6>*:not(:last-child){margin-left:8px}.TGI6-dot-container{height:48px;padding:0 24px;border-radius:100px;border:2px solid var(--color-border-default);background:var(--color-elevation-app-surface-highlight);display:inline-flex;column-gap:16px;align-items:center}html:not([dir=rtl]) body.flex-gap .TGI6-dot-container>*:not(:last-child){margin-right:16px}html[dir=rtl] body.flex-gap .TGI6-dot-container>*:not(:last-child){margin-left:16px}.TGI6-playback-button{height:48px;width:48px;border-radius:50%;border:2px solid var(--color-border-default);background:var(--color-elevation-app-surface-highlight);display:flex;justify-content:center;align-items:center;cursor:pointer}.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{border-radius:100px;cursor:pointer;padding:16px 8px;margin:-16px -8px}.TGI6-dot{border-radius:100px;height:8px;width:8px;background:var(--color-foreground-neutral-default);transition:width;transition-duration:.5s;position:relative}.TGI6.TGI6-mod-auto-play .TGI6-active{width:32px;overflow:hidden;position:relative;background:var(--color-foreground-disabled);cursor:default}@media (min-width: 768px){.TGI6.TGI6-mod-auto-play .TGI6-active{width:64px}}.TGI6-track{position:absolute;width:32px;border-radius:100px;height:8px;background:var(--color-elevation-app-content);animation:linear running forwards buttonSlide;transform-origin:left}html:not([dir=rtl]) .TGI6-track{left:-32px}html[dir=rtl] .TGI6-track{right:-32px}@media (min-width: 768px){.TGI6-track{width:64px}html:not([dir=rtl]) .TGI6-track{left:-64px}html[dir=rtl] .TGI6-track{right:-64px}}html[dir=rtl] .TGI6-track{animation:linear running forwards buttonSlideRTL;left:0}@media (min-width: 768px){html[dir=rtl] .TGI6-track{left:0}}.TGI6-dot.TGI6-paused .TGI6-track{animation-play-state:paused}@keyframes buttonSlide{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes buttonSlideRTL{0%{transform:translate(100%)}to{transform:translate(0)}}.DFtk{display:flex;flex-direction:column;align-items:center;row-gap:24px}body.flex-gap .DFtk>*:not(:last-child){margin-bottom:24px}.DFtk-key-controller{width:100%}.DFtk-items{overflow:hidden;display:flex;column-gap:32px;width:100%}html:not([dir=rtl]) body.flex-gap .DFtk-items>*:not(:last-child){margin-right:32px}html[dir=rtl] body.flex-gap .DFtk-items>*:not(:last-child){margin-left: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%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.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))}