:where(.c-base-card-reels){position:relative;aspect-ratio:2/3;border-radius:var(--theme-borderRadius-card, var(--theme-borderRadius-card--sm));overflow:clip}:where(.c-base-card-reels):not(.c-base-card-reels--is-paused) .c-base-card-reels__bar{animation:progressBar var(--duration) linear running infinite}.c-base-card-reels--is-paused:where(.c-base-card-reels) .c-base-card-reels__bar{animation:progressBar var(--duration) linear paused}:is(:where(.c-base-card-reels) .c-base-card-reels__bar):before{position:absolute;top:50%;left:0;width:100%;height:4px;--un-translate-y:-50%;--un-scale-y:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));transition-duration:.5s;transition-timing-function:var(--easing-ease-slow);--un-bg-opacity:1;background-color:rgb(var(--theme-colors-indent-on-X) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-indent-on-X) / var(--un-bg-opacity)) ;--bgCurrentRgb:var(--theme-colors-background-indent);--bgCurrentRgbHover:var(--theme-colors-background-indentHover);--bgCurrentRgbActive:var(--theme-colors-background-indentActive);border-radius:var(--theme-borderRadius-full, var(--theme-borderRadius-full--sm));content:""}@media (min-width: 60em){:is(:where(.c-base-card-reels) .c-base-card-reels__duration:hover) .c-base-card-reels__bar:before{--un-scale-y:1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}}:where(.c-base-card-reels) .c-base-image__external-img{width:100%;height:100%;object-fit:cover}.c-base-card-reels--fill-canvas{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-canvas) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-canvas) / var(--un-bg-opacity)) ;--theme-colors-placeholder-on-X:var(--theme-colors-onCanvasPlaceholder);--theme-colors-strong-on-X:var(--theme-colors-onCanvasStrong);--theme-colors-alternative-on-X:var(--theme-colors-onCanvasAlternative);--theme-colors-interactive-on-X:var(--theme-colors-onCanvasInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onCanvasInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onCanvasInteractiveActive);--theme-colors-medium-on-X:var(--theme-colors-onCanvasMedium);--theme-colors-subtle-on-X:var(--theme-colors-onCanvasSubtle);--theme-colors-disabled-on-X:var(--theme-colors-onCanvasDisabled);--theme-colors-danger-on-X:var(--theme-colors-onCanvasDanger);--theme-colors-onDisabled-on-X:var(--theme-colors-onCanvasOnDisabled);--theme-colors-onIndent-on-X:var(--theme-colors-onCanvasOnIndent);--theme-colors-onIndentHover-on-X:var(--theme-colors-onCanvasOnIndentHover);--theme-colors-onIndentActive-on-X:var(--theme-colors-onCanvasOnIndentActive);--theme-colors-indent-on-X:var(--theme-colors-onCanvasIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onCanvasIndentActive);--theme-colors-indentHover-on-X:var(--theme-colors-onCanvasIndentHover);--theme-colors-text-placeholder-on-X:var(--theme-colors-text-onCanvasPlaceholder);--theme-colors-text-strong-on-X:var(--theme-colors-text-onCanvasStrong);--theme-colors-text-alternative-on-X:var(--theme-colors-text-onCanvasAlternative);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onCanvasInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onCanvasInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onCanvasInteractiveActive);--theme-colors-text-medium-on-X:var(--theme-colors-text-onCanvasMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onCanvasSubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onCanvasDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onCanvasDanger);--theme-colors-text-onDisabled-on-X:var(--theme-colors-text-onCanvasOnDisabled);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onCanvasOnIndent);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onCanvasOnIndentHover);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onCanvasOnIndentActive);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onCanvasSubtle);--theme-colors-border-medium-on-X:var(--theme-colors-border-onCanvasMedium);--theme-colors-border-strong-on-X:var(--theme-colors-border-onCanvasStrong);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onCanvasExtraStrong);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onCanvasInteractive);--theme-colors-border-danger-on-X:var(--theme-colors-border-onCanvasDanger);--bgCurrentRgb:var(--theme-colors-background-canvas);--bgCurrentRgbHover:var(--theme-colors-background-canvasHover);--bgCurrentRgbActive:var(--theme-colors-background-canvasActive)}.c-base-card-reels--fill-surface{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-surface) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-surface) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onSurfaceStrong);--theme-colors-alternative-on-X:var(--theme-colors-onSurfaceAlternative);--theme-colors-interactive-on-X:var(--theme-colors-onSurfaceInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onSurfaceInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onSurfaceInteractiveActive);--theme-colors-medium-on-X:var(--theme-colors-onSurfaceMedium);--theme-colors-subtle-on-X:var(--theme-colors-onSurfaceSubtle);--theme-colors-disabled-on-X:var(--theme-colors-onSurfaceDisabled);--theme-colors-danger-on-X:var(--theme-colors-onSurfaceDanger);--theme-colors-onDisabled-on-X:var(--theme-colors-onSurfaceOnDisabled);--theme-colors-onIndent-on-X:var(--theme-colors-onSurfaceOnIndent);--theme-colors-onIndentHover-on-X:var(--theme-colors-onSurfaceOnIndentHover);--theme-colors-onIndentActive-on-X:var(--theme-colors-onSurfaceOnIndentActive);--theme-colors-indent-on-X:var(--theme-colors-onSurfaceIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onSurfaceIndentActive);--theme-colors-indentHover-on-X:var(--theme-colors-onSurfaceIndentHover);--theme-colors-text-strong-on-X:var(--theme-colors-text-onSurfaceStrong);--theme-colors-text-alternative-on-X:var(--theme-colors-text-onSurfaceAlternative);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onSurfaceInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onSurfaceInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onSurfaceInteractiveActive);--theme-colors-text-medium-on-X:var(--theme-colors-text-onSurfaceMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onSurfaceSubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onSurfaceDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onSurfaceDanger);--theme-colors-text-onDisabled-on-X:var(--theme-colors-text-onSurfaceOnDisabled);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onSurfaceOnIndent);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onSurfaceOnIndentHover);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onSurfaceOnIndentActive);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onSurfaceSubtle);--theme-colors-border-medium-on-X:var(--theme-colors-border-onSurfaceMedium);--theme-colors-border-strong-on-X:var(--theme-colors-border-onSurfaceStrong);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onSurfaceExtraStrong);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onSurfaceInteractive);--theme-colors-border-danger-on-X:var(--theme-colors-border-onSurfaceDanger);--bgCurrentRgb:var(--theme-colors-background-surface);--bgCurrentRgbHover:var(--theme-colors-background-surfaceHover);--bgCurrentRgbActive:var(--theme-colors-background-surfaceActive)}.c-base-card-reels--fill-surfaceVariant{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-surfaceVariant) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-surfaceVariant) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onSurfaceVariantStrong);--theme-colors-alternative-on-X:var(--theme-colors-onSurfaceVariantAlternative);--theme-colors-interactive-on-X:var(--theme-colors-onSurfaceVariantInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onSurfaceVariantInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onSurfaceVariantInteractiveActive);--theme-colors-medium-on-X:var(--theme-colors-onSurfaceVariantMedium);--theme-colors-subtle-on-X:var(--theme-colors-onSurfaceVariantSubtle);--theme-colors-disabled-on-X:var(--theme-colors-onSurfaceVariantDisabled);--theme-colors-danger-on-X:var(--theme-colors-onSurfaceVariantDanger);--theme-colors-onDisabled-on-X:var(--theme-colors-onSurfaceVariantonDisabled);--theme-colors-onIndent-on-X:var(--theme-colors-onSurfaceVariantOnIndent);--theme-colors-onIndentActive-on-X:var(--theme-colors-onSurfaceVariantOnIndentActive);--theme-colors-onIndentHover-on-X:var(--theme-colors-onSurfaceVariantOnIndentHover);--theme-colors-indent-on-X:var(--theme-colors-onSurfaceVariantIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onSurfaceVariantIndentActive);--theme-colors-indentHover-on-X:var(--theme-colors-onSurfaceVariantIndentHover);--theme-colors-text-strong-on-X:var(--theme-colors-text-onSurfaceVariantStrong);--theme-colors-text-alternative-on-X:var(--theme-colors-text-onSurfaceVariantAlternative);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onSurfaceVariantInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onSurfaceVariantInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onSurfaceVariantInteractiveActive);--theme-colors-text-medium-on-X:var(--theme-colors-text-onSurfaceVariantMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onSurfaceVariantSubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onSurfaceVariantDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onSurfaceVariantDanger);--theme-colors-text-onDisabled-on-X:var(--theme-colors-text-onSurfaceVariantonDisabled);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onSurfaceVariantOnIndent);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onSurfaceVariantOnIndentActive);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onSurfaceVariantOnIndentHover);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onSurfaceVariantSubtle);--theme-colors-border-medium-on-X:var(--theme-colors-border-onSurfaceVariantMedium);--theme-colors-border-strong-on-X:var(--theme-colors-border-onSurfaceVariantStrong);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onSurfaceVariantExtraStrong);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onSurfaceVariantInteractive);--theme-colors-border-danger-on-X:var(--theme-colors-border-onSurfaceVariantDanger);--bgCurrentRgb:var(--theme-colors-background-surfaceVariant);--bgCurrentRgbHover:var(--theme-colors-background-surfaceVariantHover);--bgCurrentRgbActive:var(--theme-colors-background-surfaceVariantActive)}.c-base-card-reels--fill-primary{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-primary) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-primary) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onPrimaryStrong);--theme-colors-alternative-on-X:var(--theme-colors-onPrimaryAlternative);--theme-colors-interactive-on-X:var(--theme-colors-onPrimaryInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onPrimaryInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onPrimaryInteractiveActive);--theme-colors-medium-on-X:var(--theme-colors-onPrimaryMedium);--theme-colors-subtle-on-X:var(--theme-colors-onPrimarySubtle);--theme-colors-disabled-on-X:var(--theme-colors-onPrimaryDisabled);--theme-colors-danger-on-X:var(--theme-colors-onPrimaryDanger);--theme-colors-onDisabled-on-X:var(--theme-colors-onPrimaryOnDisabled);--theme-colors-onIndent-on-X:var(--theme-colors-onPrimaryOnIndent);--theme-colors-onIndentActive-on-X:var(--theme-colors-onPrimaryOnIndentActive);--theme-colors-onIndentHover-on-X:var(--theme-colors-onPrimaryOnIndentHover);--theme-colors-indent-on-X:var(--theme-colors-onPrimaryIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onPrimaryIndentActive);--theme-colors-indentHover-on-X:var(--theme-colors-onPrimaryIndentHover);--theme-colors-text-strong-on-X:var(--theme-colors-text-onPrimaryStrong);--theme-colors-text-alternative-on-X:var(--theme-colors-text-onPrimaryAlternative);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onPrimaryInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onPrimaryInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onPrimaryInteractiveActive);--theme-colors-text-medium-on-X:var(--theme-colors-text-onPrimaryMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onPrimarySubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onPrimaryDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onPrimaryDanger);--theme-colors-text-onDisabled-on-X:var(--theme-colors-text-onPrimaryOnDisabled);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onPrimaryOnIndent);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onPrimaryOnIndentActive);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onPrimaryOnIndentHover);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onPrimarySubtle);--theme-colors-border-medium-on-X:var(--theme-colors-border-onPrimaryMedium);--theme-colors-border-strong-on-X:var(--theme-colors-border-onPrimaryStrong);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onPrimaryExtraStrong);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onPrimaryInteractive);--theme-colors-border-danger-on-X:var(--theme-colors-border-onPrimaryDanger);--bgCurrentRgb:var(--theme-colors-background-primary);--bgCurrentRgbHover:var(--theme-colors-background-primaryHover);--bgCurrentRgbActive:var(--theme-colors-background-primaryActive)}.c-base-card-reels--fill-primaryVariant{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-primaryVariant) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-primaryVariant) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onPrimaryVariantStrong);--theme-colors-alternative-on-X:var(--theme-colors-onPrimaryVariantAlternative);--theme-colors-interactive-on-X:var(--theme-colors-onPrimaryVariantInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onPrimaryVariantInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onPrimaryVariantInteractiveActive);--theme-colors-medium-on-X:var(--theme-colors-onPrimaryVariantMedium);--theme-colors-subtle-on-X:var(--theme-colors-onPrimaryVariantSubtle);--theme-colors-disabled-on-X:var(--theme-colors-onPrimaryVariantDisabled);--theme-colors-danger-on-X:var(--theme-colors-onPrimaryVariantDanger);--theme-colors-onDisabled-on-X:var(--theme-colors-onPrimaryVariantOnDisabled);--theme-colors-onIndent-on-X:var(--theme-colors-onPrimaryVariantOnIndent);--theme-colors-onIndentActive-on-X:var(--theme-colors-onPrimaryVariantOnIndentActive);--theme-colors-onIndentHover-on-X:var(--theme-colors-onPrimaryVariantOnIndentHover);--theme-colors-indent-on-X:var(--theme-colors-onPrimaryVariantIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onPrimaryVariantIndentActive);--theme-colors-indentHover-on-X:var(--theme-colors-onPrimaryVariantIndentHover);--theme-colors-text-strong-on-X:var(--theme-colors-text-onPrimaryVariantStrong);--theme-colors-text-alternative-on-X:var(--theme-colors-text-onPrimaryVariantAlternative);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onPrimaryVariantInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onPrimaryVariantInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onPrimaryVariantInteractiveActive);--theme-colors-text-medium-on-X:var(--theme-colors-text-onPrimaryVariantMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onPrimaryVariantSubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onPrimaryVariantDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onPrimaryVariantDanger);--theme-colors-text-onDisabled-on-X:var(--theme-colors-text-onPrimaryVariantOnDisabled);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onPrimaryVariantOnIndent);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onPrimaryVariantOnIndentActive);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onPrimaryVariantOnIndentHover);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onPrimaryVariantSubtle);--theme-colors-border-medium-on-X:var(--theme-colors-border-onPrimaryVariantMedium);--theme-colors-border-strong-on-X:var(--theme-colors-border-onPrimaryVariantStrong);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onPrimaryVariantExtraStrong);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onPrimaryVariantInteractive);--theme-colors-border-danger-on-X:var(--theme-colors-border-onPrimaryVariantDanger);--bgCurrentRgb:var(--theme-colors-background-primaryVariant);--bgCurrentRgbHover:var(--theme-colors-background-primaryVariantHover);--bgCurrentRgbActive:var(--theme-colors-background-primaryVariantActive)}.c-base-card-reels--fill-secondary{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-secondary) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-secondary) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onSecondaryStrong);--theme-colors-alternative-on-X:var(--theme-colors-onSecondaryAlternative);--theme-colors-interactive-on-X:var(--theme-colors-onSecondaryInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onSecondaryInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onSecondaryInteractiveActive);--theme-colors-medium-on-X:var(--theme-colors-onSecondaryMedium);--theme-colors-subtle-on-X:var(--theme-colors-onSecondarySubtle);--theme-colors-disabled-on-X:var(--theme-colors-onSecondaryDisabled);--theme-colors-danger-on-X:var(--theme-colors-onSecondaryDanger);--theme-colors-onDisabled-on-X:var(--theme-colors-onSecondaryOnDisabled);--theme-colors-onIndent-on-X:var(--theme-colors-onSecondaryOnIndent);--theme-colors-onIndentHover-on-X:var(--theme-colors-onSecondaryOnIndentHover);--theme-colors-onIndentActive-on-X:var(--theme-colors-onSecondaryOnIndentActive);--theme-colors-indent-on-X:var(--theme-colors-onSecondaryIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onSecondaryIndentActive);--theme-colors-indentHover-on-X:var(--theme-colors-onSecondaryIndentHover);--theme-colors-text-strong-on-X:var(--theme-colors-text-onSecondaryStrong);--theme-colors-text-alternative-on-X:var(--theme-colors-text-onSecondaryAlternative);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onSecondaryInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onSecondaryInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onSecondaryInteractiveActive);--theme-colors-text-medium-on-X:var(--theme-colors-text-onSecondaryMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onSecondarySubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onSecondaryDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onSecondaryDanger);--theme-colors-text-onDisabled-on-X:var(--theme-colors-text-onSecondaryOnDisabled);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onSecondaryOnIndent);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onSecondaryOnIndentHover);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onSecondaryOnIndentActive);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onSecondarySubtle);--theme-colors-border-medium-on-X:var(--theme-colors-border-onSecondaryMedium);--theme-colors-border-strong-on-X:var(--theme-colors-border-onSecondaryStrong);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onSecondaryExtraStrong);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onSecondaryInteractive);--theme-colors-border-danger-on-X:var(--theme-colors-border-onSecondaryDanger);--bgCurrentRgb:var(--theme-colors-background-secondary);--bgCurrentRgbHover:var(--theme-colors-background-secondaryHover);--bgCurrentRgbActive:var(--theme-colors-background-secondaryActive)}@keyframes progressBar{0%{width:var(--width, 0)}to{width:100%}}.t-base-card-story__overlay-icon--fade-enter-active,.t-base-card-story__overlay-icon--fade-leave-active{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s;transition-timing-function:var(--easing-ease-slow)}.t-base-card-story__overlay-icon--fade-enter-from,.t-base-card-story__overlay-icon--fade-leave-to{opacity:0}:where(.c-reels-overlay-video){position:relative}:where(.c-reels-overlay-video)>.c-base-video-background{background-color:rgb(var(--theme-colors-background-primaryVariant) / .1);--bgCurrent:rgb(var(--theme-colors-background-primaryVariant) / .1) }:where(.c-reels-overlay-video) .c-reels-overlay-video__progress-bar{position:absolute;--un-translate-y:16px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));padding-top:16px;padding-bottom:16px;bottom:var(--theme-spacing-md, var(--theme-spacing-md--sm));left:var(--theme-spacing-lg, var(--theme-spacing-lg--sm));right:var(--theme-spacing-lg, var(--theme-spacing-lg--sm))}:is(:where(.c-reels-overlay-video) .c-reels-overlay-video__progress-bar)>input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0}:is(:where(.c-reels-overlay-video) .c-reels-overlay-video__progress-bar)>div{position:relative;margin-top:auto;margin-bottom:auto;width:100%;height:2px;border-radius:var(--theme-borderRadius-full, var(--theme-borderRadius-full--sm));background-color:rgb(var(--theme-colors-background-primaryVariant) / .4);--bgCurrent:rgb(var(--theme-colors-background-primaryVariant) / .4) ;pointer-events:none}:is(:is(:where(.c-reels-overlay-video) .c-reels-overlay-video__progress-bar)>div):after{content:"";position:absolute;top:0;left:0;height:100%;--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-primaryVariant) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-primaryVariant) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onPrimaryVariantStrong);--theme-colors-alternative-on-X:var(--theme-colors-onPrimaryVariantAlternative);--theme-colors-interactive-on-X:var(--theme-colors-onPrimaryVariantInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onPrimaryVariantInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onPrimaryVariantInteractiveActive);--theme-colors-medium-on-X:var(--theme-colors-onPrimaryVariantMedium);--theme-colors-subtle-on-X:var(--theme-colors-onPrimaryVariantSubtle);--theme-colors-disabled-on-X:var(--theme-colors-onPrimaryVariantDisabled);--theme-colors-danger-on-X:var(--theme-colors-onPrimaryVariantDanger);--theme-colors-onDisabled-on-X:var(--theme-colors-onPrimaryVariantOnDisabled);--theme-colors-onIndent-on-X:var(--theme-colors-onPrimaryVariantOnIndent);--theme-colors-onIndentActive-on-X:var(--theme-colors-onPrimaryVariantOnIndentActive);--theme-colors-onIndentHover-on-X:var(--theme-colors-onPrimaryVariantOnIndentHover);--theme-colors-indent-on-X:var(--theme-colors-onPrimaryVariantIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onPrimaryVariantIndentActive);--theme-colors-indentHover-on-X:var(--theme-colors-onPrimaryVariantIndentHover);--theme-colors-text-strong-on-X:var(--theme-colors-text-onPrimaryVariantStrong);--theme-colors-text-alternative-on-X:var(--theme-colors-text-onPrimaryVariantAlternative);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onPrimaryVariantInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onPrimaryVariantInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onPrimaryVariantInteractiveActive);--theme-colors-text-medium-on-X:var(--theme-colors-text-onPrimaryVariantMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onPrimaryVariantSubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onPrimaryVariantDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onPrimaryVariantDanger);--theme-colors-text-onDisabled-on-X:var(--theme-colors-text-onPrimaryVariantOnDisabled);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onPrimaryVariantOnIndent);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onPrimaryVariantOnIndentActive);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onPrimaryVariantOnIndentHover);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onPrimaryVariantSubtle);--theme-colors-border-medium-on-X:var(--theme-colors-border-onPrimaryVariantMedium);--theme-colors-border-strong-on-X:var(--theme-colors-border-onPrimaryVariantStrong);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onPrimaryVariantExtraStrong);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onPrimaryVariantInteractive);--theme-colors-border-danger-on-X:var(--theme-colors-border-onPrimaryVariantDanger);--bgCurrentRgb:var(--theme-colors-background-primaryVariant);--bgCurrentRgbHover:var(--theme-colors-background-primaryVariantHover);--bgCurrentRgbActive:var(--theme-colors-background-primaryVariantActive);border-radius:var(--theme-borderRadius-full, var(--theme-borderRadius-full--sm));transition-duration:.2s;transition-timing-function:var(--easing-ease-slow);width:calc(100%*var(--progress, 0))}:is(:where(.c-reels-overlay-video) .c-reels-overlay-video__progress-bar):hover>div:after{top:-1px;height:4px}:where(.c-reels-overlay-content){display:flex;flex-direction:column;justify-content:flex-end;padding:var(--theme-spacing-lg, var(--theme-spacing-lg--sm));padding-bottom:var(--theme-spacing-2xl, var(--theme-spacing-2xl--sm));--un-text-opacity:1;color:rgb(var(--theme-colors-text-strong-on-X) / var(--un-text-opacity));font-size:var(--theme-fontSize-caption-lg-regular);font-family:var(--theme-fontFamily-caption-lg-regular);font-weight:var(--theme-fontWeight-caption-lg-regular);font-style:var(--theme-fontStyle-caption-lg-regular);line-height:var(--theme-lineHeight-caption-lg-regular);letter-spacing:var(--theme-letterSpacing-caption-lg-regular);text-transform:initial;text-decoration:initial;transition-duration:.3s;transition-timing-function:var(--easing-ease-slow);pointer-events:none}@media (min-width: 80em){:where(.c-reels-overlay-content){justify-content:center}}@media (min-width: 80em){:where(.c-reels-overlay-content){padding-right:var(--theme-spacing-2xl, var(--theme-spacing-2xl--sm))}}:where(.c-reels-overlay-content)>*{pointer-events:auto}:where(.c-reels-overlay-content) .c-reels-overlay-content__preview{font-size:var(--theme-fontSize-caption-lg-strong);font-family:var(--theme-fontFamily-caption-lg-strong);font-weight:var(--theme-fontWeight-caption-lg-strong);font-style:var(--theme-fontStyle-caption-lg-strong);line-height:var(--theme-lineHeight-caption-lg-strong);letter-spacing:var(--theme-letterSpacing-caption-lg-strong);text-transform:initial;text-decoration:initial;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 80em){:where(.c-reels-overlay-content) .c-reels-overlay-content__preview{opacity:0}}:where(.c-reels-overlay-content) .c-reels-overlay-content__text{padding-bottom:16px;padding-right:var(--theme-spacing-3xl, var(--theme-spacing-3xl--sm))}@media (min-width: 80em){:where(.c-reels-overlay-content) .c-reels-overlay-content__text{padding-bottom:0}}:where(.c-reels-overlay-content) .c-reels-overlay-content__preview,:where(.c-reels-overlay-content) .c-reels-overlay-content__text{transition-duration:.3s;transition-timing-function:var(--easing-ease-slow)}@media (min-width: 80em){:where(.c-reels-overlay-content) .c-reels-overlay-content__preview,:where(.c-reels-overlay-content) .c-reels-overlay-content__text{transition-duration:0s}}:where(.c-reels-overlay-content):not(.c-reels-overlay-content--is-open) .c-reels-overlay-content__text{pointer-events:none;--un-translate-y:40px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:0}@media (min-width: 80em){:where(.c-reels-overlay-content):not(.c-reels-overlay-content--is-open) .c-reels-overlay-content__text{pointer-events:auto;--un-translate-y:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:1}}:where(.c-reels-overlay-content):not(.c-reels-overlay-content--is-open) .c-reels-overlay-content__preview{opacity:1}@media (min-width: 80em){:where(.c-reels-overlay-content):not(.c-reels-overlay-content--is-open) .c-reels-overlay-content__preview{display:none}}.c-reels-overlay-content--is-open:where(.c-reels-overlay-content){background-color:rgba(var(--theme-colors-background-primary) / .6)}.c-reels-overlay-content--is-open:where(.c-reels-overlay-content) .c-reels-overlay-content__text{display:flex}.c-reels-overlay-content--is-open:where(.c-reels-overlay-content) .c-reels-overlay-content__preview{opacity:0;--un-translate-y:-32px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}:where(.c-reels-overlay-controls){display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:16px;padding:var(--theme-spacing-lg, var(--theme-spacing-lg--sm));pointer-events:none}@media (min-width: 80em){:where(.c-reels-overlay-controls){padding:0}}:where(.c-reels-overlay-controls)>*{pointer-events:auto}:where(.c-reels-overlay){--ratio: 9 / 16;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;width:100%;height:100%;--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-primary) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-primary) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onPrimaryStrong);--theme-colors-alternative-on-X:var(--theme-colors-onPrimaryAlternative);--theme-colors-interactive-on-X:var(--theme-colors-onPrimaryInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onPrimaryInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onPrimaryInteractiveActive);--theme-colors-medium-on-X:var(--theme-colors-onPrimaryMedium);--theme-colors-subtle-on-X:var(--theme-colors-onPrimarySubtle);--theme-colors-disabled-on-X:var(--theme-colors-onPrimaryDisabled);--theme-colors-danger-on-X:var(--theme-colors-onPrimaryDanger);--theme-colors-onDisabled-on-X:var(--theme-colors-onPrimaryOnDisabled);--theme-colors-onIndent-on-X:var(--theme-colors-onPrimaryOnIndent);--theme-colors-onIndentActive-on-X:var(--theme-colors-onPrimaryOnIndentActive);--theme-colors-onIndentHover-on-X:var(--theme-colors-onPrimaryOnIndentHover);--theme-colors-indent-on-X:var(--theme-colors-onPrimaryIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onPrimaryIndentActive);--theme-colors-indentHover-on-X:var(--theme-colors-onPrimaryIndentHover);--theme-colors-text-strong-on-X:var(--theme-colors-text-onPrimaryStrong);--theme-colors-text-alternative-on-X:var(--theme-colors-text-onPrimaryAlternative);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onPrimaryInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onPrimaryInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onPrimaryInteractiveActive);--theme-colors-text-medium-on-X:var(--theme-colors-text-onPrimaryMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onPrimarySubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onPrimaryDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onPrimaryDanger);--theme-colors-text-onDisabled-on-X:var(--theme-colors-text-onPrimaryOnDisabled);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onPrimaryOnIndent);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onPrimaryOnIndentActive);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onPrimaryOnIndentHover);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onPrimarySubtle);--theme-colors-border-medium-on-X:var(--theme-colors-border-onPrimaryMedium);--theme-colors-border-strong-on-X:var(--theme-colors-border-onPrimaryStrong);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onPrimaryExtraStrong);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onPrimaryInteractive);--theme-colors-border-danger-on-X:var(--theme-colors-border-onPrimaryDanger);--bgCurrentRgb:var(--theme-colors-background-primary);--bgCurrentRgbHover:var(--theme-colors-background-primaryHover);--bgCurrentRgbActive:var(--theme-colors-background-primaryActive);display:flex;flex-direction:column;align-items:stretch;padding:var(--theme-spacing-sectionInset, var(--theme-spacing-sectionInset--sm))}@media (min-width: 80em){:where(.c-reels-overlay){padding:var(--theme-layout-margin, var(--theme-layout-margin--sm))}}:where(.c-reels-overlay) .c-reels-overlay__container{position:relative;flex:1 1 0%;aspect-ratio:3/2;margin-left:auto;margin-right:auto;height:100%;max-width:100%}:is(:where(.c-reels-overlay) .c-reels-overlay__container) .c-reels-overlay-content,:is(:where(.c-reels-overlay) .c-reels-overlay__container) .c-reels-overlay-controls,:is(:where(.c-reels-overlay) .c-reels-overlay__container) .c-reels-overlay-video{aspect-ratio:var(--ratio);position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%}@media (min-width: 80em){:where(.c-reels-overlay) .c-reels-overlay__container .c-reels-overlay-video{inset:unset;top:0;bottom:0;left:0}:where(.c-reels-overlay) .c-reels-overlay__container .c-reels-overlay-controls{aspect-ratio:auto}:where(.c-reels-overlay) .c-reels-overlay__container .c-reels-overlay-content{--in: var(--theme-spacing-sectionInset);--vw: calc((100svh - var(--in)*2)*var(--ratio));--cw: calc(100% - var(--vw) - var(--in));height:100%;width:var(--cw);inset:unset;position:absolute;top:0;right:0}}:where(.c-reels-overlay) .t-reels-overlay-content-enter-active,:where(.c-reels-overlay) .t-reels-overlay-content-leave-active{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:1s;transition-timing-function:var(--easing-ease-slow);transform-origin:center}:is(:where(.c-reels-overlay) .c-reels-overlay__container--up) .t-reels-overlay-content-enter-from{transform:translateY(-100svh) scale(1)}:is(:where(.c-reels-overlay) .c-reels-overlay__container--up) .t-reels-overlay-content-leave-to{transform:translateY(100svh) scale(1)}:is(:where(.c-reels-overlay) .c-reels-overlay__container--down) .t-reels-overlay-content-enter-from{transform:translateY(100svh) scale(1)}:is(:where(.c-reels-overlay) .c-reels-overlay__container--down) .t-reels-overlay-content-leave-to{transform:translateY(-100svh) scale(1)}.t-reels-overlay-enter-active,.t-reels-overlay-leave-active{transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.t-reels-overlay-enter-from,.t-reels-overlay-leave-to{--un-scale-x:1.1;--un-scale-y:1.1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:0}