.clearfix::after {
  content: "";
  display: table;
  clear: both; }

/*  To utilize the font mixin,

@mixin font-source-serif($size: false, $color: false, $weight: false,  $lh: false, $ls: false) {
@mixin font-source-serif-italic($size: false, $color: false, $weight: false,  $lh: false, $ls: false) {
@mixin font-source-sans($size: false, $color: false, $weight: false,  $lh: false, $ls: false) {

// @include font-source-serif(40px, $brand-v2-off-black, normal, 50px, null);
// @include font-source-sans(16px, $brand-v2-off-black, normal, 21px, 0.03em);

*/
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px; }

.display-none {
  display: none; }

.menu {
  float: left;
  margin: 0;
  padding: 0; }
  .menu li {
    float: left;
    list-style: none outside none !important; }

.text-ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 99%; }

/* mixin for multiline */
.experience-assets-videocomponent {
  width: 100%; }

.video-component-container {
  width: 100%;
  max-width: 974px; }
  .video-component-container--full {
    max-width: none; }
  .video-component-container .video-container {
    width: 100%;
    position: relative;
    padding-top: var(--aspect_ratio_mobile);
    overflow: hidden; }
    @media only screen and (min-width: 1024px) {
      .video-component-container .video-container {
        padding-top: var(--aspect_ratio_desktop); } }
    .video-component-container .video-container .video-link,
    .video-component-container .video-container iframe {
      border: 0;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }

/*# sourceMappingURL=videocomponent.css.map */