@layer design-system {
  ._standaloneLinkStyles_1s6i9_1 {
    -webkit-text-decoration: none;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    padding: 0.25rem 0;
    border: 0px;
    cursor: pointer;
    background: transparent;
  }
  ._standaloneLinkStyles_1s6i9_1:hover {
    border-bottom: 2px solid currentColor;
    padding-bottom: calc(0.25rem - 2px);
  }
  ._standaloneLinkStyles_1s6i9_1:focus:before,
  ._standaloneLinkStyles_1s6i9_1:focus-visible:before {
    pointer-events: none;
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: block;
    z-index: 1;
    top: 0;
    left: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
    height: 100%;
  }
  ._standaloneLinkStyles_1s6i9_1:focus:hover:before,
  ._standaloneLinkStyles_1s6i9_1:focus-visible:hover:before {
    height: calc(100% + 2px);
  }
  ._standaloneLinkStyles_1s6i9_1:active {
    padding-bottom: 0.25rem;
    border-bottom: none;
  }
  ._standaloneLinkStyles_1s6i9_1[aria-disabled="true"] {
    cursor: not-allowed;
    color: var(--es-color-text-disabled);
  }
  ._standaloneLinkStyles_1s6i9_1[aria-disabled="true"]:hover {
    border-bottom: none;
    padding-bottom: 0.25rem;
  }
  ._standaloneLinkStyles_1s6i9_1 > * {
    flex-shrink: 0;
  }
  ._container_162t1_1._container_162t1_1 {
    margin-bottom: 0;
    max-width: 20rem;
  }
  ._button_162t1_6 {
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 100%;
    display: flex;
    border-radius: var(--es-radius-small);
    align-items: center;
    padding: 0.625rem 2.5rem 0.625rem 1rem;
    min-height: 2.75rem;
    gap: 0.5rem;
    cursor: pointer;
  }
  ._button_162t1_6 svg {
    flex-shrink: 0;
  }
  ._secondaryButton_162t1_24 {
    background-color: var(--es-color-action-secondary);
  }
  ._secondaryButton_162t1_24:hover {
    background-color: var(--es-color-action-secondary-hovered);
  }
  ._secondaryButton_162t1_24:active {
    background-color: var(--es-color-action-secondary-pressed);
  }
  ._secondaryButton_162t1_24:disabled {
    cursor: default;
    color: var(--es-color-text-disabled);
    background: var(--es-color-action-secondary-disabled);
  }
  ._focus_162t1_42 :focus {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._ghostContainer_162t1_49 {
    color: var(--es-color-text-secondary);
  }
  ._ghostContainer_162t1_49._hasSelectedValue_162t1_53,
  ._ghostContainer_162t1_49:hover {
    color: var(--es-color-text-primary);
  }
  ._ghostButton_162t1_58 {
    background-color: var(--es-color-action-ghost);
    min-width: 0;
  }
  ._ghostButton_162t1_58:hover {
    background-color: var(--es-color-action-ghost-hovered);
  }
  ._ghostButton_162t1_58:active {
    background-color: var(--es-color-action-ghost-pressed);
  }
  ._ghostButton_162t1_58:disabled {
    cursor: default;
    color: var(--es-color-text-disabled);
    background: var(--es-color-action-ghost-disabled);
  }
  ._tag_12s8o_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    min-height: 2.75rem;
    padding: 0 1rem;
    border: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer;
    background: var(--es-color-action-secondary);
    color: var(--es-color-text-primary);
  }
  ._tag_12s8o_1:hover {
    background: var(--es-color-action-secondary-hovered);
  }
  ._tag_12s8o_1:active {
    background: var(--es-color-action-secondary-pressed);
  }
  ._tag_12s8o_1._active_12s8o_27 {
    background: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
  }
  ._tag_12s8o_1._active_12s8o_27:hover {
    background: var(--es-color-action-primary-hovered);
  }
  ._tag_12s8o_1._active_12s8o_27:active {
    background: var(--es-color-action-primary-pressed);
  }
  ._closeIcon_12s8o_41 {
    fill: var(--es-color-icon-inverse);
    margin-top: -2px;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
  }
  ._rightInnerWrapper_12s8o_52 {
    color: var(--es-color-text-secondary);
    margin-left: 0.5rem;
  }
  ._searchIcon_qvul4_1 {
    fill: var(--es-color-icon-secondary);
    pointer-events: none;
    margin-left: 0.5rem;
    margin-right: -0.5rem;
  }
  ._button_1u6wm_1 {
    -webkit-text-decoration: none;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    border: 0px;
    border-radius: var(--es-radius-small);
    cursor: pointer;
    color: var(--button-text-color);
  }
  ._button_1u6wm_1[aria-disabled="true"] {
    cursor: not-allowed;
    color: var(--es-color-text-disabled);
  }
  ._button_1u6wm_1 > * {
    flex-shrink: 0;
  }
  ._s_1u6wm_33 {
    min-height: var(--es-button-s-min-height, 2.75rem);
    min-width: var(--es-button-s-min-width, 4.75rem);
    padding: var(--es-button-s-padding, 0.25rem 1rem);
  }
  ._m_1u6wm_39 {
    min-height: var(--es-button-m-min-height, 3.5rem);
    min-width: var(--es-button-m-min-width, 6.5rem);
    padding: var(--es-button-m-padding, 0.6rem 1.5rem);
  }
  ._fullWidth_1u6wm_45 {
    width: 100%;
  }
  ._loading_1u6wm_49 {
    color: transparent !important;
    cursor: wait;
  }
  ._spinner_1u6wm_54 {
    position: absolute;
    color: var(--button-text-color);
  }
  ._accent_1u6wm_59 {
    --button-text-color: var(
      --es-i-accent-button-text-color,
      var(--es-color-text-light-static)
    );
    background: var(--es-color-action-accent);
  }
  ._accent_1u6wm_59:hover {
    background: var(--es-color-action-accent-hovered);
  }
  ._accent_1u6wm_59:active {
    background: var(--es-color-action-accent-pressed);
  }
  ._accent_1u6wm_59[aria-disabled="true"] {
    background: var(--es-color-action-accent-disabled);
  }
  ._primary_1u6wm_76 {
    --button-text-color: var(--es-color-text-inverse);
    background: var(--es-color-action-primary);
  }
  ._primary_1u6wm_76:hover {
    background: var(--es-color-action-primary-hovered);
  }
  ._primary_1u6wm_76:active {
    background: var(--es-color-action-primary-pressed);
  }
  ._primary_1u6wm_76[aria-disabled="true"] {
    background: var(--es-color-action-primary-disabled);
  }
  ._secondary_1u6wm_93 {
    --button-text-color: var(--es-color-text-primary);
    background: var(--es-color-action-secondary);
  }
  ._secondary_1u6wm_93:hover {
    background: var(--es-color-action-secondary-hovered);
  }
  ._secondary_1u6wm_93:active {
    background: var(--es-color-action-secondary-pressed);
  }
  ._secondary_1u6wm_93[aria-disabled="true"] {
    background: var(--es-color-action-secondary-disabled);
  }
  ._ghost_1u6wm_110 {
    --button-text-color: var(--es-color-text-primary);
    background: var(--es-color-action-ghost);
  }
  ._ghost_1u6wm_110:hover {
    background: var(--es-color-action-ghost-hovered);
  }
  ._ghost_1u6wm_110:active {
    background: var(--es-color-action-ghost-pressed);
  }
  ._ghost_1u6wm_110[aria-disabled="true"] {
    background: var(--es-color-action-ghost-disabled);
  }
  ._destructive_1u6wm_127 {
    --button-text-color: var(--es-color-text-inverse);
    background: var(--es-color-action-negative);
  }
  ._destructive_1u6wm_127:hover {
    background: var(--es-color-action-negative-hovered);
  }
  ._destructive_1u6wm_127:active {
    background: var(--es-color-action-negative-pressed);
  }
  ._destructive_1u6wm_127[aria-disabled="true"] {
    background: var(--es-color-action-negative-disabled);
  }
  ._containerOuter_3pug8_2 {
    --es-text-input-size: 3.5;
    --es-text-input-line-height: 1.5;
    --es-text-input-vertical-margin-origin: calc(
      calc(var(--es-text-input-size) - var(--es-text-input-line-height)) / 2
    );
    --es-text-input-bottom-margin-filled: 0.4375;
    --es-text-input-top-margin-filled: calc(
      calc(var(--es-text-input-size) - var(--es-text-input-line-height)) -
        var(--es-text-input-bottom-margin-filled)
    );
    --es-text-input-horizontal-margin: 1;
    --es-text-input-label-line-height: calc(16 / 12);
    --es-text-input-label-margin-origin: calc(
      calc(var(--es-text-input-size) - var(--es-text-input-label-line-height)) /
        2
    );
    --es-text-input-label-top-margin-floating: 0.625;
    --es-text-input-label-transform: calc(
      calc(
          calc(
              var(--es-text-input-label-margin-origin) -
                var(--es-text-input-label-top-margin-floating)
            ) / var(--es-text-input-label-line-height)
        ) * -100%
    );
    --es-text-input-label-scale-floating: 0.75;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
  }
  ._containerOuterDescription_3pug8_51 {
    margin-bottom: 0;
  }
  ._container_3pug8_2 {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: var(--es-radius-small);
    background-color: var(--es-color-input-default);
    cursor: text;
  }
  ._container_3pug8_2:hover {
    background-color: var(--es-color-input-hovered);
  }
  ._containerDisabled_3pug8_73,
  ._containerReadOnly_3pug8_74 {
    cursor: default;
    background-color: var(--es-color-input-disabled);
  }
  ._containerDisabled_3pug8_73,
  ._containerDisabled_3pug8_73 label {
    color: var(--es-color-text-disabled);
  }
  ._inputBorder_3pug8_93 {
    height: 100%;
    flex-grow: 1;
    border-radius: inherit;
  }
  ._inputBorder_3pug8_93:before {
    content: "";
    pointer-events: none;
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border: var(--es-border-width-input) solid transparent;
    border-radius: inherit;
  }
  ._inputBorder_3pug8_93:focus-within:before {
    border-color: var(--es-color-border-primary);
  }
  ._containerDisabled_3pug8_73 ._inputBorder_3pug8_93:focus-within:before,
  ._containerReadOnly_3pug8_74 ._inputBorder_3pug8_93:focus-within:before {
    border-color: transparent;
  }
  ._inputContainer_3pug8_131 {
    display: block;
    position: relative;
    height: 100%;
    cursor: inherit;
  }
  ._textInputBase_3pug8_143 {
    box-sizing: border-box;
    width: 100%;
    line-height: var(--es-text-input-line-height);
    background: transparent;
    border: none;
    margin: 0;
    padding: calc(var(--es-text-input-vertical-margin-origin) * 1rem)
      calc(var(--es-text-input-horizontal-margin) * 1rem);
  }
  ._textInputBase_3pug8_143:read-only {
    cursor: default;
    color: var(--es-color-text-secondary);
  }
  ._textInputBase_3pug8_143:disabled {
    cursor: default;
    color: var(--es-color-text-disabled);
  }
  ._textInputBase_3pug8_143::placeholder {
    color: var(--es-color-text-secondary);
  }
  ._textInputBase_3pug8_143::-webkit-search-decoration,
  ._textInputBase_3pug8_143::-webkit-search-cancel-button,
  ._textInputBase_3pug8_143::-webkit-search-results-button,
  ._textInputBase_3pug8_143::-webkit-search-results-decoration {
    -webkit-appearance: none;
  }
  ._textInputBase_3pug8_143:-webkit-autofill,
  ._textInputBase_3pug8_143:-webkit-autofill:focus {
    -webkit-transition: background-color 0s 600000s, color 0s 600000s;
    transition: background-color 0s 600000s, color 0s 600000s;
  }
  ._inputFloatingLabel_3pug8_184._filled_3pug8_184{
    padding-top: calc(var(--es-text-input-top-margin-filled) * 1rem);
    padding-bottom: calc(var(--es-text-input-bottom-margin-filled) * 1rem);
  }
  ._inputFloatingLabel_3pug8_184._filled_3pug8_184 + label {
    max-width: calc(
      calc(100% - calc(var(--es-text-input-horizontal-margin) * 2 * 1rem)) /
        var(--es-text-input-label-scale-floating)
    );
    transform: translate3d(0, var(--es-text-input-label-transform), 0)
      scale(var(--es-text-input-label-scale-floating));
  }
  ._inputHideLabel_3pug8_203._filled_3pug8_184 + label {
    display: none;
  }
  ._textarea_3pug8_215 {
    padding: 0 calc(var(--es-text-input-horizontal-margin) * 1rem);
    resize: none;
  }
  ._textarea_3pug8_215:not(:empty) + label{
    max-width: calc(
      calc(100% - calc(var(--es-text-input-horizontal-margin) * 2 * 1rem)) /
        var(--es-text-input-label-scale-floating)
    );
    transform: translate3d(0, var(--es-text-input-label-transform), 0)
      scale(var(--es-text-input-label-scale-floating));
  }
  ._textarea_3pug8_215._textareaMargin_3pug8_234 {
    margin: calc(var(--es-text-input-vertical-margin-origin) * 1rem) 0;
  }
  ._textarea_3pug8_215._textareaMargin_3pug8_234:not(:empty){
    margin-top: calc(var(--es-text-input-top-margin-filled) * 1rem);
    margin-bottom: calc(var(--es-text-input-bottom-margin-filled) * 1rem);
  }
  ._label_3pug8_245 {
    position: absolute;
    top: calc(var(--es-text-input-label-margin-origin) * 1rem);
    left: calc(var(--es-text-input-horizontal-margin) * 1rem);
    line-height: var(--es-text-input-label-line-height);
    margin: 0;
    transform-origin: top left;
    transition-property: max-width, transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    max-width: calc(
      100% - calc(var(--es-text-input-horizontal-margin) * 2 * 1rem)
    );
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
  }
  ._startAdornmentContainer_3pug8_266 {
    display: flex;
    margin-left: 0.375rem;
  }
  ._startAdornmentContainer_3pug8_266 > *:not(:first-child) {
    margin-left: 0.375rem;
  }
  ._endAdornmentContainer_3pug8_275 {
    display: flex;
    margin-right: 0.375rem;
  }
  ._endAdornmentContainer_3pug8_275 > *:not(:last-child) {
    margin-right: 0.375rem;
  }
  ._containerDisabled_3pug8_73 ._startAdornmentContainer_3pug8_266 svg,
  ._containerDisabled_3pug8_73 ._endAdornmentContainer_3pug8_275 svg {
    fill: var(--es-color-icon-disabled);
  }
  ._containerDisabled_3pug8_73:hover,
  ._containerReadOnly_3pug8_74:hover {
    background-color: var(--es-color-input-disabled);
  }
  ._textareaAutogrow_3pug8_296 {
    display: grid;
  }
  ._textareaAutogrow_3pug8_296:after {
    content: attr(data-replicated-value) " ";
    white-space: pre-wrap;
    visibility: hidden;
    box-sizing: border-box;
    width: 100%;
    line-height: var(--es-text-input-line-height);
    margin: calc(var(--es-text-input-vertical-margin-origin) * 1rem) 0;
    padding: 0 calc(var(--es-text-input-horizontal-margin) * 1rem);
  }
  ._textareaAutogrow_3pug8_296:after:not(:empty) {
    margin-top: calc(var(--es-text-input-top-margin-filled) * 1rem);
    margin-bottom: calc(var(--es-text-input-bottom-margin-filled) * 1rem);
  }
  ._textareaAutogrow_3pug8_296 > textarea {
    overflow: hidden;
  }
  ._textareaAutogrow_3pug8_296 > textarea,
  ._textareaAutogrow_3pug8_296:after {
    grid-area: 1 / 1 / 2 / 2;
  }
  ._containerOuter_18fl0_2 {
    --es-select-input-size: 3.5;
    --es-select-input-line-height: 1.5;
    --es-select-input-bottom-margin-filled: 0.375;
    --es-select-input-top-margin-filled: calc(
      calc(var(--es-select-input-size) - var(--es-select-input-line-height)) -
        var(--es-select-input-bottom-margin-filled)
    );
    --es-select-input-horizontal-margin: 1;
    --es-select-input-label-line-height: calc(16 / 12);
    --es-select-input-label-margin-origin: calc(
      calc(
          var(--es-select-input-size) - var(--es-select-input-label-line-height)
        ) / 2
    );
    --es-select-input-label-top-margin-floating: 0.625;
    --es-select-input-label-transform: calc(
      calc(
          calc(
              var(--es-select-input-label-margin-origin) -
                var(--es-select-input-label-top-margin-floating)
            ) / var(--es-select-input-label-line-height)
        ) * -100%
    );
    --es-select-input-label-scale-floating: 0.75;
    --es-select-input-chevron-icon-width: 1.5;
    --es-select-input-chevron-icon-inner-padding: 0.5;
    --es-select-input-label-width: calc(
      100% -
        calc(
          calc(
              calc(var(--es-select-input-horizontal-margin) * 2) +
                var(--es-select-input-chevron-icon-width) +
                var(--es-select-input-chevron-icon-inner-padding)
            ) * 1rem
        )
    );
    font-size: 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
  }
  ._containerOuterDescription_18fl0_67 {
    margin-bottom: 0;
  }
  ._container_18fl0_2 {
    box-sizing: border-box;
    position: relative;
  }
  ._selectHandler_18fl0_76 {
    --es-select-input-handler-top-padding: calc(
      calc(
          var(--es-select-input-horizontal-margin) +
            var(--es-select-input-chevron-icon-width) +
            var(--es-select-input-chevron-icon-inner-padding)
        ) * 1rem
    );
    position: relative;
    height: calc(var(--es-select-input-size) * 1rem);
    padding: 0 var(--es-select-input-handler-top-padding) 0 1rem;
    margin: 0;
    display: flex;
    border: none;
    font-size: 1rem;
    line-height: var(--es-select-input-line-height);
    width: 100%;
    border-radius: var(--es-radius-small);
    background-color: var(--es-color-input-default);
    cursor: pointer;
  }
  ._selectHandler_18fl0_76:not(:empty) {
    padding-top: calc(var(--es-select-input-top-margin-filled) * 1rem);
    padding-bottom: calc(var(--es-select-input-bottom-margin-filled) * 1rem);
  }
  ._selectHandler_18fl0_76:not(:empty) + label {
    max-width: calc(
      var(--es-select-input-label-width) /
        var(--es-select-input-label-scale-floating)
    );
    transform: translate3d(0, var(--es-select-input-label-transform), 0)
      scale(var(--es-select-input-label-scale-floating));
  }
  ._selectHandler_18fl0_76:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border: var(--es-border-width-input) solid transparent;
    border-radius: inherit;
    pointer-events: none;
  }
  ._selectHandler_18fl0_76[aria-invalid="true"]:before {
    border-color: var(--es-color-border-negative);
  }
  ._selectHandler_18fl0_76:focus:before {
    border-color: var(--es-color-border-primary);
  }
  ._selectHandler_18fl0_76:disabled {
    cursor: default;
    background-color: var(--es-color-input-disabled);
  }
  ._selectHandler_18fl0_76:disabled:before {
    border-color: transparent;
  }
  ._selectHandler_18fl0_76:disabled + label {
    color: var(--es-color-text-disabled);
  }
  ._selectHandler_18fl0_76:disabled > p {
    color: var(--es-color-text-disabled);
  }
  ._selectHandler_18fl0_76:disabled ~ div > svg {
    fill: var(--es-color-icon-disabled);
  }
  ._selectHandler_18fl0_76:hover:not(:disabled) {
    background-color: var(--es-color-input-hovered);
  }
  ._selectHandlerValue_18fl0_160 {
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
  }
  ._selectHandlerLabel_18fl0_168 {
    position: absolute;
    top: 0;
    left: 1rem;
    line-height: var(--es-select-input-label-line-height);
    margin-top: calc(var(--es-select-input-label-margin-origin) * 1rem);
    pointer-events: none;
    transform-origin: top left;
    max-width: var(--es-select-input-label-width);
    transition-property: max-width, transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  ._iconContainer_18fl0_188 {
    position: absolute;
    top: 0;
    height: 100%;
    right: calc(var(--es-select-input-horizontal-margin) * 1rem);
    cursor: pointer;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  ._containerOuter_1qnql_1 {
    border: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  ._containerOuterError_1qnql_12 {
    margin-bottom: 0rem;
  }
  ._radioGroupContainer_1qnql_16 > *:not(:last-child) {
    margin-bottom: 1rem;
  }
  ._containerInner_1qnql_22 {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
  }
  ._selectorSize_1qnql_29 {
    --es-selector-input-size: 1.5;
  }
  ._selector_1qnql_29 {
    flex-shrink: 0;
    height: calc(var(--es-selector-input-size) * 1rem);
    width: calc(var(--es-selector-input-size) * 1rem);
    position: relative;
    margin-right: 1rem;
    background-color: var(--es-color-action-ghost);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  ._selector_1qnql_29:not(._checkboxSelected_1qnql_48):before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    border: var(--es-border-width-select-input) solid
      var(--es-color-border-secondary);
  }
  ._selector_1qnql_29._checkboxSelected_1qnql_48 {
    background-color: var(--es-color-input-active-default);
  }
  ._selector_1qnql_29._checkboxSelected_1qnql_48 > svg {
    z-index: 1;
  }
  ._containerOuter_1qnql_1 ._checkboxDescription_1qnql_69 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    margin-left: calc(calc(var(--es-selector-input-size) * 1rem) + 1rem);
  }
  ._radioButton_1qnql_75 {
    border-radius: 50%;
  }
  ._radioButton_1qnql_75:after {
    content: "";
    box-sizing: border-box;
    border-radius: inherit;
    height: 0.75rem;
    width: 0.75rem;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  ._radioButtonSelected_1qnql_92:after {
    background-color: var(--es-color-input-active-default);
  }
  ._hiddenInput_1qnql_98 {
    position: absolute;
    height: 0;
    width: 0;
    margin: 0;
    opacity: 0;
  }
  ._hiddenInput_1qnql_98:hover + label > div:first-of-type {
    background-color: var(--es-color-action-ghost-hovered);
  }
  ._hiddenInput_1qnql_98:hover
    + label
    > div._checkboxSelected_1qnql_48:first-of-type {
    background-color: var(--es-color-input-active-hovered);
  }
  ._hiddenInput_1qnql_98:focus + label > div:first-of-type:before {
    border-color: var(--es-color-misc-focused);
  }
  ._hiddenInput_1qnql_98:focus + label > ._checkboxSelected_1qnql_48:after {
    position: absolute;
    content: "";
    box-sizing: border-box;
    border-radius: inherit;
    height: 2rem;
    width: 2rem;
    border: var(--es-border-width-select-input) solid
      var(--es-color-misc-focused);
  }
  ._hiddenInput_1qnql_98:active + label > div:first-of-type {
    background-color: var(--es-color-action-ghost-pressed);
  }
  ._hiddenInput_1qnql_98:active
    + label
    > div._checkboxSelected_1qnql_48:first-of-type {
    background-color: var(--es-color-input-active-pressed);
  }
  ._hiddenInput_1qnql_98:disabled + label {
    color: var(--es-color-text-disabled);
    cursor: default;
  }
  ._hiddenInput_1qnql_98:disabled + label > div:first-of-type {
    color: var(--es-color-text-disabled);
    background-color: var(--es-color-action-ghost-disabled);
  }
  ._hiddenInput_1qnql_98:disabled + label > div:first-of-type:before {
    border-color: var(--es-color-border-tertiary);
  }
  ._hiddenInput_1qnql_98:disabled + label > div:first-of-type > svg {
    fill: var(--es-color-icon-disabled);
  }
  ._hiddenInput_1qnql_98:disabled
    + label
    > ._radioButtonSelected_1qnql_92:after {
    background-color: var(--es-color-input-active-disabled);
  }
  ._hiddenInput_1qnql_98:disabled
    + label
    > div._checkboxSelected_1qnql_48:first-of-type {
    background-color: var(--es-color-input-active-disabled);
  }
  ._label_1qnql_166 {
    margin: 0;
  }
  ._helpText_1qnql_170 {
    display: block;
  }
  ._decorativeSelector_1qnql_174 {
    margin: 0;
  }
  h2._dropdownListTitle_7bmzu_1 {
    margin: 1rem;
  }
  @media (min-width: calc(30rem + 1px)) {
    h2._dropdownListTitle_7bmzu_1 {
      display: none;
    }
  }
  ._dropdownListItem_7bmzu_9 {
    box-sizing: border-box;
    flex-basis: calc(var(--es-dropdown-list-item-min-height) * 1rem);
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: calc(var(--es-dropdown-list-item-min-vertical-padding) * 1rem)
      calc(var(--es-dropdown-list-item-horizontal-padding) * 1rem);
    list-style: none;
    cursor: pointer;
  }
  ._dropdownListItem_7bmzu_9:hover,
  ._dropdownListItem_7bmzu_9:focus {
    background-color: var(--es-color-action-ghost-hovered);
  }
  ._dropdownListItem_7bmzu_9:active {
    background-color: var(--es-color-action-ghost-pressed);
  }
  ._dropdownListItemFocus_7bmzu_35 {
    background-color: var(--es-color-action-ghost-hovered);
  }
  ._dropdownListGroupTitle_7bmzu_39 {
    padding: 0.5rem 1rem;
  }
  ._dropdownListGroupContainer_7bmzu_43 {
    padding: 0;
    list-style: none;
  }
  ._dropdownListEmptyState_7bmzu_48 {
    box-sizing: border-box;
    flex-basis: calc(var(--es-dropdown-list-item-min-height) * 1rem);
    flex-grow: 1;
    flex-shrink: 0;
    margin: 0;
    display: flex;
    align-items: center;
    padding: calc(var(--es-dropdown-list-item-min-vertical-padding) * 1rem)
      calc(var(--es-dropdown-list-item-horizontal-padding) * 1rem);
    list-style: none;
  }
  ._dropdownListFooter_7bmzu_66 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 0.5rem;
    box-sizing: border-box;
  }
  @media (min-width: calc(30rem + 1px)) {
    ._dropdownListFooter_7bmzu_66 {
      display: none;
    }
  }
  ._dropdownListFooterButton_7bmzu_82 {
    width: 100%;
    margin: 0 0.5rem;
  }
  ._container_1uoz2_1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
  }
  ._containerWithDescription_1uoz2_9 {
    align-items: initial;
  }
  ._label_1uoz2_13 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  ._label_1uoz2_13 label {
    display: contents;
  }
  ._labelWithDescription_1uoz2_23 {
    margin-bottom: 2rem;
  }
  ._input_1uoz2_27 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 40px;
    height: 24px;
    background-color: var(--es-color-input-default);
    transition: background-color 125ms ease-in-out;
    border-radius: 1000px;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
  }
  ._input_1uoz2_27:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 4px;
    width: 18px;
    height: 18px;
    background-color: var(--es-color-misc-handle);
    border-radius: 50%;
    transition: transform 125ms ease-in-out;
  }
  ._input_1uoz2_27:hover {
    background-color: var(--es-color-input-hovered);
  }
  ._input_1uoz2_27:active {
    background-color: var(--es-color-input-pressed);
  }
  ._input_1uoz2_27:checked {
    background-color: var(--es-color-input-active-default);
  }
  ._input_1uoz2_27:checked:hover {
    background-color: var(--es-color-input-active-hovered);
  }
  ._input_1uoz2_27:checked:active {
    background-color: var(--es-color-input-active-pressed);
  }
  ._input_1uoz2_27:checked:after {
    transform: translate(14px);
  }
  ._input_1uoz2_27:disabled {
    cursor: default;
    background-color: var(--es-color-input-disabled);
  }
  ._input_1uoz2_27:disabled:after {
    background-color: var(--es-color-icon-disabled);
  }
  ._inputS_1uoz2_85 {
    width: 34px;
    height: 20px;
  }
  ._inputS_1uoz2_85:after {
    width: 16px;
    height: 16px;
    top: 2px;
    left: 3px;
  }
  ._inputS_1uoz2_85:checked:after {
    transform: translate(13px);
  }
  ._container_17wq6_1 {
    z-index: var(--es-i-message-base-z-index, 1);
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    box-shadow: var(--es-elevation-floating);
    border-radius: var(--es-radius-small);
  }
  ._stepWrapper_97x88_1 {
    display: flex;
    overflow: hidden;
  }
  ._step_97x88_1 {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 100%;
  }
  ._step_97x88_1._hidden_97x88_13 {
    visibility: hidden;
  }
  ._footer_97x88_17 {
    gap: 1rem;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
  }
  @media (max-width: 30rem) {
    ._footer_97x88_17 {
      gap: 1.5rem;
    }
  }
  ._actionWrapper_97x88_29 {
    display: flex;
    gap: 1rem;
  }
  @media (max-width: 30rem) {
    ._actionWrapper_97x88_29 {
      flex-grow: 1;
    }
  }
  @media (max-width: 30rem) {
    ._actionWrapper_97x88_29 * {
      flex-basis: 50%;
      flex-grow: 1;
    }
  }
  ._chevronContainer_up9ia_1 {
    margin-right: 0.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  ._s_11bgy_1 {
    --es-i-feature-highlight-size: 16.25rem;
  }
  ._m_11bgy_5 {
    --es-i-feature-highlight-size: 20rem;
  }
  ._container_11bgy_9 {
    --es-i-tip-vertical-offset: 50%;
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    width: var(--es-i-feature-highlight-size);
    border-radius: var(--es-radius-small);
    margin: inherit;
    box-sizing: border-box;
    opacity: 0;
    transition-duration: 0.12s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
  }
  ._container_11bgy_9 * {
    box-sizing: border-box;
  }
  ._container_11bgy_9._defaultBackgroundColor_11bgy_30 {
    background: var(--es-color-background-new);
  }
  ._containerVisible_11bgy_35 {
    opacity: 1;
  }
  ._contentContainer_11bgy_39 {
    padding: 1rem;
  }
  ._titleContainer_11bgy_44 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-right: 1.75rem;
    margin-bottom: 0.25rem;
  }
  ._titleContainer_11bgy_44._hasImage_11bgy_52 {
    margin-right: 0;
  }
  ._titleContainer_11bgy_44._noContent_11bgy_56 {
    margin-bottom: 0;
  }
  ._closeButtonContainer_11bgy_61 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  ._closeButtonTarget_13vsd_1:hover
    ~ [data-media-container]
    > [data-video-overlay] {
    opacity: 1;
  }
  ._closeButtonTarget_13vsd_1:has(button:focus-visible)
    ~ [data-media-container]
    > [data-video-overlay] {
    opacity: 1;
  }
  ._videoControlsTarget_13vsd_11:hover [data-video-controls-container] button,
  ._videoControlsTarget_13vsd_11:focus-within
    [data-video-controls-container]
    button {
    opacity: 1;
  }
  ._tooltip_tcwit_1 {
    pointer-events: none;
    background: var(--es-color-background-floating);
    height: -moz-fit-content;
    height: fit-content;
    width: max-content;
    padding: 0.25rem 0.5rem;
    max-width: 16rem;
    font-size: var(--es-i-tooltip-font-size, var(--es-text-xs-font-size));
    font-weight: var(--es-i-tooltip-font-weight, var(--es-text-xs-font-weight));
    line-height: var(--es-i-tooltip-line-height, var(--es-text-xs-line-height));
  }
  ._textLeft_tcwit_14 {
    text-align: left;
  }
  ._textCenter_tcwit_18 {
    text-align: center;
  }
  ._textRight_tcwit_22 {
    text-align: right;
  }
  @media (hover: none) and (max-width: 30rem) {
    ._hideTooltipOnMobile_tcwit_27 {
      display: none;
    }
    ._tooltip_tcwit_1 {
      max-width: calc(100% - 1rem);
      box-sizing: border-box;
    }
  }
  ._container_1gm42_1 {
    margin: 0.5rem 0;
    word-break: break-word;
  }
  ._summary_1gm42_7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--es-color-background-surface);
    position: relative;
    cursor: pointer;
    list-style: none;
  }
  ._summary_1gm42_7::-webkit-details-marker {
    display: none;
  }
  ._overlay_1gm42_26 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--es-color-action-ghost);
  }
  ._overlay_1gm42_26:hover {
    background: var(--es-color-action-ghost-hovered);
  }
  ._overlay_1gm42_26:active {
    background: var(--es-color-action-ghost-pressed);
  }
  ._icon_1gm42_44 {
    flex-shrink: 0;
    margin-left: 1.5rem;
  }
  ._details_1gm42_49[open] ._summary_1gm42_7 ._icon_1gm42_44 {
    transform: rotate(180deg);
  }
  ._contentWrapper_1gm42_53 {
    max-width: 40rem;
    padding: 1rem;
    color: var(--es-color-text-secondary);
  }
  ._contentWrapper_1gm42_53 a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  @media (min-width: 43.75rem) {
    ._summary_1gm42_7._summary_1gm42_7 {
      font-size: var(--es-subheading-m-font-size);
      font-weight: var(--es-subheading-m-font-weight);
      line-height: var(--es-subheading-m-line-height);
      padding: 1.5rem;
    }
    ._contentWrapper_1gm42_53._contentWrapper_1gm42_53 {
      font-size: var(--es-text-m-font-size);
      font-weight: var(--es-text-m-font-weight);
      line-height: var(--es-text-m-line-height);
      padding: 1.5rem;
    }
  }
  ._container_s9tnt_1 {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
  }
  ._scrollingContainer_s9tnt_6 {
    display: inline;
  }
  ._ellipsis_s9tnt_9 {
    text-overflow: ellipsis;
  }
  ._label_s9tnt_12 {
    padding-right: 10px;
  }
  @media (min-width: calc(30rem + 1px)) {
    ._label_s9tnt_12:hover {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }
  }
  @keyframes _scroll_s9tnt_6 {
    to {
      transform: translate(calc(-50% - 5px));
    }
  }
  ._scrolling_s9tnt_6 {
    display: inline-block;
    animation-name: _scroll_s9tnt_6;
    animation-timing-function: linear;
    animation-duration: var(--animation-duration);
  }
  ._canvas_zmtxg_1 {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    height: 3rem;
    image-rendering: crisp-edges;
    pointer-events: none;
  }
  ._accessibilityWrapper_zmtxg_15:focus {
    outline: 2px solid var(--es-color-misc-focused);
  }
  ._linksDisabled_vzd04_1 {
    display: inherit;
  }
  ._creatives_vzd04_5:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  ._segmentsContainer_h8vtc_1 {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    z-index: 0;
  }
  ._segmentsContainer_h8vtc_1 * {
    box-sizing: border-box;
  }
  ._segmentsContainerTop_h8vtc_16 {
    flex-direction: column-reverse;
  }
  ._innerSegmentsContainerBottom_h8vtc_20 {
    position: relative;
    height: 1rem;
  }
  ._innerSegmentsContainerOverlay_h8vtc_25 {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  ._innerSegmentsContainerOverlay_h8vtc_25 > * {
    pointer-events: auto;
    z-index: -1;
  }
  ._innerSegmentsContainerTop_h8vtc_38 {
    height: 100%;
    position: absolute;
    width: 100%;
  }
  ._segment_h8vtc_1 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    cursor: pointer;
    background: var(--es-i-segment-color, var(--es-color-action-segment));
    overflow: hidden;
  }
  ._segment_h8vtc_1:not(._start_h8vtc_58) {
    margin-left: var(--es-i-segment-gap, 0px);
  }
  ._segment_h8vtc_1:not(._start_h8vtc_58):before {
    margin-left: calc(-1 * var(--es-i-segment-gap));
  }
  ._segment_h8vtc_1._progress_h8vtc_66:before {
    content: "";
    display: block;
    height: 0.125rem;
    width: calc(
      100% + var(--es-i-segment-gap) * var(--es-i-segment-gap-amount)
    );
    transform: scaleX(var(--es-i-segment-progress, 0));
    transform-origin: left;
    background-color: var(--es-color-track-fill);
  }
  ._segmentTop_h8vtc_83 {
    background-clip: content-box;
    height: 4rem;
    padding-bottom: 3.75rem;
    pointer-events: none;
  }
  ._segmentTop_h8vtc_83:hover,
  ._segmentTop_h8vtc_83._isMenuOpen_h8vtc_90 {
    padding-bottom: 3rem;
  }
  ._segmentTop_h8vtc_83:after {
    content: "";
    position: absolute;
    pointer-events: all;
    height: 1rem;
    width: 100%;
    z-index: 1000;
  }
  ._popularSegment_h8vtc_104 {
    background-color: var(--es-color-action-secondary);
  }
  ._popularSegment_h8vtc_104:hover {
    background-color: var(--es-color-action-segment-hovered);
  }
  ._popularSegment_h8vtc_104:active {
    background-color: var(--es-color-action-segment-pressed);
  }
  ._popularSegmentPlaying_h8vtc_116 {
    background-color: var(--es-color-action-segment-subtle);
  }
  ._popularSegmentActive_h8vtc_120 {
    background-color: var(--es-color-action-segment);
  }
  ._segmentsContainerInner_h8vtc_124:focus-visible
    > ._segment_h8vtc_1._active_h8vtc_124:not(._segmentTop_h8vtc_83) {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._segmentsContainerInner_h8vtc_124:focus-visible
    > ._segmentTop_h8vtc_83._active_h8vtc_124 {
    padding-bottom: 3rem;
    overflow: visible;
  }
  ._segmentsContainerInner_h8vtc_124:focus-visible
    > ._segmentTop_h8vtc_83._active_h8vtc_124:after {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._inlineMenu_h8vtc_139 {
    max-width: 14rem;
    min-width: 14rem;
  }
  @media (min-width: calc(30rem + 1px)) {
    ._dropdownMenu_h8vtc_145 {
      max-width: 14rem;
      min-width: 14rem;
    }
  }
  ._container_k4iwd_1 {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.5rem;
  }
  ._containerStyles_1h8ju_1 {
    --es-handles-border-width: 0.125rem;
    --start-percentage: translateX(var(--es-handles-start));
    --end-percentage: translateX(var(--es-handles-end));
    --borders-scale: scaleX(
      calc(var(--es-handles-end) - var(--es-handles-start))
    );
    --overlay-start-scale: scaleX(var(--es-handles-start));
    --overlay-end-scale: scaleX(calc(100% - var(--es-handles-end)));
    position: relative;
    box-sizing: border-box;
    min-height: 1rem;
  }
  ._containerStyles_1h8ju_1 > * {
    border-radius: inherit;
  }
  ._handlesContainer_1h8ju_19 {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    overflow: hidden;
    z-index: 1000;
  }
  ._handlesContainerDragging_1h8ju_34 {
    pointer-events: all;
    cursor: col-resize;
  }
  ._handle_1h8ju_19 {
    position: absolute;
    left: 0;
    border: 0px solid currentColor;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: col-resize;
    pointer-events: none;
  }
  ._handle_1h8ju_19:after {
    content: "";
    position: absolute;
    pointer-events: all;
    height: 16px;
    width: 2px;
    background: var(--es-color-icon-light-static);
    box-sizing: border-box;
    box-shadow: 0 0 0 1px #00000052;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
  }
  ._handle_1h8ju_19:before {
    content: "";
    position: absolute;
    pointer-events: all;
    height: 100%;
    width: 1.5rem;
    transform: translate(-50%);
    z-index: 3;
  }
  ._handleLeft_1h8ju_88 {
    transform: var(--start-percentage);
  }
  ._handleLeft_1h8ju_88:after,
  ._handleLeft_1h8ju_88:before {
    left: calc(var(--handle-size) / 2);
  }
  ._handleRight_1h8ju_97 {
    transform: var(--end-percentage);
  }
  ._handleRight_1h8ju_97:after,
  ._handleRight_1h8ju_97:before {
    left: calc(var(--handle-size) / 2 * -1);
  }
  ._base_1scx5_1 {
    margin: 0;
  }
  ._display_1scx5_5,
  ._text_1scx5_9 {
    color: var(--es-i-text-color);
  }
  ._textUppercase_1scx5_13 {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
  }
  ._textUppercaseXS_1scx5_19 {
    text-transform: uppercase;
    font-size: var(--es-text-overline-s-font-size, 0.875rem);
    font-weight: var(--es-text-overline-s-font-weight, 600);
    line-height: var(--es-text-overline-s-line-height, 1.25rem);
    letter-spacing: var(--es-text-overline-s-letter-spacing, 0.1em);
  }
  ._textUppercaseS_1scx5_27 {
    text-transform: uppercase;
    font-size: var(--es-text-overline-m-font-size, 1rem);
    font-weight: var(--es-text-overline-m-font-weight, 600);
    line-height: var(--es-text-overline-m-line-height, 1.5rem);
    letter-spacing: var(--es-text-overline-m-letter-spacing, 0.1em);
  }
  ._XS_n2inl_1 {
    font-size: var(--es-text-xs-font-size, 0.75rem);
    font-weight: var(--es-text-xs-font-weight, 500);
    line-height: var(--es-text-xs-line-height, 1rem);
  }
  ._S_XS_n2inl_7 {
    font-size: var(--es-text-s-font-size, 0.875rem);
    font-weight: var(--es-text-s-font-weight, 500);
    line-height: var(--es-text-s-line-height, 1.25rem);
  }
  ._S_n2inl_7 {
    font-size: var(--es-text-m-font-size, 1rem);
    font-weight: var(--es-text-m-font-weight, 500);
    line-height: var(--es-text-m-line-height, 1.5rem);
  }
  ._M_n2inl_19 {
    font-size: var(--es-text-l-font-size, 1.25rem);
    font-weight: var(--es-text-l-font-weight, 500);
    line-height: var(--es-text-l-line-height, 1.5rem);
  }
  ._L_n2inl_25 {
    font-size: var(--es-text-xl-font-size, 1.5rem);
    font-weight: var(--es-text-xl-font-weight, 500);
    line-height: var(--es-text-xl-line-height, 2rem);
  }
  ._XL_n2inl_31 {
    font-size: var(--es-text-xl-font-size, 2rem);
    font-weight: var(--es-text-xl-font-weight, 500);
    line-height: var(--es-text-xl-line-height, 2.5rem);
  }
  ._XXS_hxfxn_1 {
    font-size: var(--es-heading-2xs-font-size, 1.5rem);
    font-weight: var(--es-heading-2xs-font-weight, 600);
    line-height: var(--es-heading-2xs-line-height, 1.75rem);
    letter-spacing: var(--es-heading-2xs-letter-spacing, -0.02em);
  }
  ._XS_hxfxn_8 {
    font-size: var(--es-heading-xs-font-size, 2rem);
    font-weight: var(--es-heading-xs-font-weight, 600);
    line-height: var(--es-heading-xs-line-height, 2.375rem);
    letter-spacing: var(--es-heading-xs-letter-spacing, -0.02em);
  }
  ._S_hxfxn_15 {
    font-size: var(--es-heading-s-font-size, 2.5rem);
    font-weight: var(--es-heading-s-font-weight, 600);
    line-height: var(--es-heading-s-line-height, 3rem);
    letter-spacing: var(--es-heading-s-letter-spacing, -0.02em);
  }
  ._M_hxfxn_22 {
    font-size: var(--es-heading-m-font-size, 3rem);
    font-weight: var(--es-heading-m-font-weight, 600);
    line-height: var(--es-heading-m-line-height, 3.5rem);
    letter-spacing: var(--es-heading-m-letter-spacing, -0.02em);
  }
  ._L_hxfxn_29 {
    font-size: var(--es-heading-l-font-size, 3.5rem);
    font-weight: var(--es-heading-l-font-weight, 600);
    line-height: var(--es-heading-l-line-height, 4rem);
    letter-spacing: var(--es-heading-l-letter-spacing, -0.02em);
  }
  ._XL_hxfxn_36 {
    font-size: var(--es-heading-xl-font-size, 4rem);
    font-weight: var(--es-heading-xl-font-weight, 600);
    line-height: var(--es-heading-xl-line-height, 4.5rem);
    letter-spacing: var(--es-heading-xl-letter-spacing, inherit);
  }
  ._playhead_ntkjd_1 {
    pointer-events: none;
    box-sizing: border-box;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    text-align: center;
  }
  ._playhead_ntkjd_1:before,
  ._playhead_ntkjd_1:not(._hideLabel_ntkjd_9):after {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    z-index: 1;
    background-color: var(--es-color-background-inverse);
  }
  ._playhead_ntkjd_1:before {
    content: "";
    left: var(--es-i-playhead-position);
    width: 1px;
    height: 100%;
    box-shadow: 1px 0 #00000052, -1px 0 #00000052;
  }
  ._playhead_ntkjd_1:not(._hideLabel_ntkjd_9):after {
    content: attr(aria-valuetext);
    padding: 0 0.125rem;
    left: max(
      calc(var(--es-i-playhead-position) + 1px),
      var(--es-i-playhead-max-length)
    );
    transform: translate(-100%);
    display: block;
    min-width: var(--es-i-playhead-max-length);
  }
  ._playhead_ntkjd_1._hideLabel_ntkjd_9:before {
    height: calc(100% - 1rem);
    margin-top: 1rem;
  }
  ._wrapper_ntkjd_45 {
    --es-i-playhead-cursor: pointer;
    position: relative;
    cursor: var(--es-i-playhead-cursor);
  }
  ._wrapper_ntkjd_45:focus-visible ._playhead_ntkjd_1:after {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._wrapper_ntkjd_45._dragging_ntkjd_56 {
    cursor: ew-resize;
  }
  ._breadcrumbs_1yi3a_1 {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  ._item_1yi3a_7 {
    display: inline-block;
  }
  ._link_1yi3a_11 {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  ._link_1yi3a_11:focus-visible {
    outline-offset: 2px;
    outline: 2px solid var(--es-color-misc-focused);
  }
  ._link_1yi3a_11:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  ._separator_1yi3a_24 {
    white-space: pre;
  }
  ._tab_634hc_1 {
    position: relative;
    display: inline-block;
    border-top: 2px solid transparent;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid transparent;
    padding: calc(0.5rem - 2px) 0;
    background-color: transparent;
    color: var(--es-color-text-secondary);
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer;
  }
  ._tab_634hc_1 * {
    box-sizing: border-box;
  }
  ._tab_634hc_1 span {
    color: inherit;
  }
  @media (hover) {
    ._tab_634hc_1:hover {
      color: var(--es-color-text-primary);
    }
  }
  ._tab_634hc_1:focus-visible {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._active_634hc_40 {
    color: var(--es-color-text-primary);
  }
  ._borderBottom_634hc_44 {
    border-bottom: 2px solid var(--es-color-border-primary);
  }
  ._text_634hc_48 {
    display: inline-flex;
    align-items: center;
    color: inherit;
    white-space: nowrap;
  }
  ._indicator_634hc_55:after {
    position: absolute;
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    margin: 0.5rem 0 0 0.25rem;
    border-radius: 50%;
    background-color: currentColor;
    content: "";
  }
  ._text_vbflw_1 {
    margin: 0;
  }
  ._displayXXS_pvkia_1 {
    --es-i-text-legacy-font-size: 1.5rem;
    --es-i-text-legacy-font-weight: 600;
    --es-i-text-legacy-line-height: 1.75rem;
    --es-i-text-legacy-letter-spacing: -0.02em;
  }
  ._displayXS_pvkia_8 {
    --es-i-text-legacy-font-size: 2rem;
    --es-i-text-legacy-font-weight: 600;
    --es-i-text-legacy-line-height: 2.375rem;
    --es-i-text-legacy-letter-spacing: -0.02em;
  }
  ._displayS_pvkia_15 {
    --es-i-text-legacy-font-size: 2.5rem;
    --es-i-text-legacy-font-weight: 600;
    --es-i-text-legacy-line-height: 3rem;
    --es-i-text-legacy-letter-spacing: -0.02em;
  }
  ._displayM_pvkia_22 {
    --es-i-text-legacy-font-size: 3rem;
    --es-i-text-legacy-font-weight: 600;
    --es-i-text-legacy-line-height: 3.5rem;
    --es-i-text-legacy-letter-spacing: -0.02em;
  }
  ._displayL_pvkia_29 {
    --es-i-text-legacy-font-size: 3.5rem;
    --es-i-text-legacy-font-weight: 600;
    --es-i-text-legacy-line-height: 4rem;
    --es-i-text-legacy-letter-spacing: -0.02em;
  }
  ._displayXL_pvkia_36 {
    --es-i-text-legacy-font-size: 4rem;
    --es-i-text-legacy-font-weight: 600;
    --es-i-text-legacy-line-height: 4.5rem;
    --es-i-text-legacy-letter-spacing: inherit;
  }
  ._textXS_pvkia_43 {
    --es-i-text-legacy-font-size: 0.75rem;
    --es-i-text-legacy-font-weight: 500;
    --es-i-text-legacy-line-height: 1rem;
  }
  ._textS_XS_pvkia_49 {
    --es-i-text-legacy-font-size: 0.875rem;
    --es-i-text-legacy-font-weight: 500;
    --es-i-text-legacy-line-height: 1.25rem;
  }
  ._textS_pvkia_49 {
    --es-i-text-legacy-font-size: 1rem;
    --es-i-text-legacy-font-weight: 500;
    --es-i-text-legacy-line-height: 1.5rem;
  }
  ._textM_pvkia_61 {
    --es-i-text-legacy-font-size: 1.25rem;
    --es-i-text-legacy-font-weight: 500;
    --es-i-text-legacy-line-height: 1.5rem;
  }
  ._textL_pvkia_67 {
    --es-i-text-legacy-font-size: 1.5rem;
    --es-i-text-legacy-font-weight: 500;
    --es-i-text-legacy-line-height: 2rem;
  }
  ._textXL_pvkia_73 {
    --es-i-text-legacy-font-size: 2rem;
    --es-i-text-legacy-font-weight: 500;
    --es-i-text-legacy-line-height: 2.5rem;
  }
  @keyframes _heartFill_jxhj4_1 {
    50% {
      transform: scale(1.5);
    }
  }
  @keyframes _heartClear_jxhj4_1 {
    50% {
      transform: scale(0.75);
    }
  }
  ._noAnimations_jxhj4_13 svg {
    animation-duration: 0s !important;
  }
  ._likeButton_jxhj4_17[aria-checked="true"] svg {
    fill: var(--es-color-icon-liked);
    animation: _heartFill_jxhj4_1 0.5s cubic-bezier(0.67, 0, 0.19, 1.13);
  }
  ._likeButton_jxhj4_17[aria-checked="false"] svg {
    animation: _heartClear_jxhj4_1 0.5s cubic-bezier(0.67, 0, 0.19, 1.13);
  }
  ._iconButton_yaowp_1 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0;
    border-radius: var(--es-radius-circle);
    cursor: pointer;
    border: none;
    color: var(--button-text-color);
  }
  ._iconButton_yaowp_1:disabled {
    cursor: not-allowed;
    color: var(--es-color-icon-disabled);
  }
  ._inlineFlex_yaowp_30 {
    display: inline-flex;
  }
  ._s_yaowp_34 {
    min-width: var(--es-iconbutton-s-min-width, 2.75rem);
    min-height: var(--es-iconbutton-s-min-height, 2.75rem);
  }
  ._s_yaowp_34 svg {
    max-width: var(--es-iconbutton-s-icon-max-width, auto);
    max-height: var(--es-iconbutton-s-icon-max-height, auto);
  }
  ._m_yaowp_44 {
    min-width: var(--es-iconbutton-m-min-width, 3.5rem);
    min-height: var(--es-iconbutton-m-min-height, 3.5rem);
  }
  ._m_yaowp_44 svg {
    max-width: var(--es-iconbutton-m-icon-max-width, auto);
    max-height: var(--es-iconbutton-m-icon-max-height, auto);
  }
  ._l_yaowp_54 {
    min-width: var(--es-iconbutton-l-min-width, 4rem);
    min-height: var(--es-iconbutton-l-min-height, 4rem);
  }
  ._l_yaowp_54 svg {
    max-width: var(--es-iconbutton-l-icon-max-width, auto);
    max-height: var(--es-iconbutton-l-icon-max-height, auto);
  }
  ._xl_yaowp_64 {
    min-width: var(--es-iconbutton-xl-min-width, 5rem);
    min-height: var(--es-iconbutton-xl-min-height, 5rem);
  }
  ._xl_yaowp_64 svg {
    max-width: var(--es-iconbutton-xl-icon-max-width, auto);
    max-height: var(--es-iconbutton-xl-icon-max-height, auto);
  }
  ._ghost_yaowp_74 {
    --button-text-color: var(--es-color-icon-primary);
    background: var(--es-color-action-ghost);
  }
  ._ghost_yaowp_74:hover {
    background: var(--es-color-action-ghost-hovered);
  }
  ._ghost_yaowp_74:active {
    background: var(--es-color-action-ghost-pressed);
  }
  ._ghost_yaowp_74:disabled {
    background: var(--es-color-action-ghost-disabled);
  }
  ._primary_yaowp_91 {
    --button-text-color: var(--es-color-icon-inverse);
    background: var(--es-color-action-primary);
  }
  ._primary_yaowp_91:hover {
    background: var(--es-color-action-primary-hovered);
  }
  ._primary_yaowp_91:active {
    background: var(--es-color-action-primary-pressed);
  }
  ._primary_yaowp_91:disabled {
    background: var(--es-color-action-primary-disabled);
  }
  ._secondary_yaowp_108 {
    --button-text-color: var(--es-color-icon-primary);
    background: var(--es-color-action-secondary);
  }
  ._secondary_yaowp_108:hover {
    background: var(--es-color-action-secondary-hovered);
  }
  ._secondary_yaowp_108:active {
    background: var(--es-color-action-secondary-pressed);
  }
  ._secondary_yaowp_108:disabled {
    background: var(--es-color-action-secondary-disabled);
  }
  ._container_1467q_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--es-color-background-base);
    height: 5rem;
    padding: 0 1rem;
  }
  ._container_1467q_1 * {
    box-sizing: border-box;
  }
  ._container_1467q_1 ._message_1467q_13 {
    flex: 1;
    color: var(--es-color-text-secondary);
  }
  ._actions_1467q_19 {
    display: flex;
    gap: 1rem;
  }
  ._container_1hm54_1 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  ._mobileContainer_1anb3_1 {
    display: contents;
  }
  ._mobileContainer_1anb3_1._allowsFullScreenMenu_1anb3_4 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: stretch;
    align-items: flex-end;
    background-color: var(--es-color-background-backdrop);
  }
  @media (min-width: calc(30rem + 1px)) {
    ._mobileContainer_1anb3_1._allowsFullScreenMenu_1anb3_4 {
      display: contents;
    }
  }
  ._dropdownContainer_1anb3_21 {
    --es-dropdown-list-handler-margin: 4;
    --es-dropdown-list-min-window-margin: 8;
    --es-dropdown-list-vertical-list-padding: 0.5;
    --es-dropdown-list-item-min-height: 2.5;
    --es-dropdown-list-item-min-vertical-padding: 0.5;
    --es-dropdown-list-item-horizontal-padding: 1;
    --es-dropdown-list-max-height-mobile: calc(
      var(--es-dropdown-list-item-min-height) *
        var(--es-dropdown-list-max-visible-items-mobile)
    );
    --es-dropdown-list-max-height: calc(
      var(--es-dropdown-list-vertical-list-padding) +
        calc(
          var(--es-dropdown-list-item-min-height) *
            var(--es-dropdown-list-max-visible-items)
        )
    );
    position: fixed;
    box-sizing: border-box;
    z-index: 11;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    width: var(--es-i-list-width);
    margin: 0;
    padding: 0;
    overflow: auto;
    background-color: var(--es-color-background-elevation);
    border-radius: var(--es-radius-medium);
    box-shadow: var(--es-elevation-floating);
    max-height: 100% !important;
  }
  ._dropdownContainer_1anb3_21._allowsFullScreenMenu_1anb3_4 {
    position: unset;
    width: 100%;
    border-radius: unset;
  }
  @media (min-width: calc(30rem + 1px)) {
    ._dropdownContainer_1anb3_21._allowsFullScreenMenu_1anb3_4 {
      position: fixed;
      width: var(--es-i-list-width);
      border-radius: var(--es-radius-medium);
      --es-dropdown-list-max-visible-items: 6.5;
    }
  }
  ._dropdownContainerLoadingOverlay_1anb3_78 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--es-color-background-overlay);
    pointer-events: all;
  }
  ._dropdownList_1anb3_88 {
    max-height: calc(var(--es-dropdown-list-max-height) * 1rem);
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    margin: 0;
    padding: calc(var(--es-dropdown-list-vertical-list-padding) * 1rem) 0;
    border: none;
    overflow: auto;
  }
  ._dropdownList_1anb3_88._allowsFullScreenMenu_1anb3_4 {
    max-height: calc(var(--es-dropdown-list-max-height-mobile) * 1rem);
    padding: 0;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
  }
  @media (min-width: calc(30rem + 1px)) {
    ._dropdownList_1anb3_88._allowsFullScreenMenu_1anb3_4 {
      border: none;
      padding: calc(var(--es-dropdown-list-vertical-list-padding) * 1rem) 0;
      max-height: calc(var(--es-dropdown-list-max-height) * 1rem);
    }
  }
  @media (max-width: 30rem) {
    ._dropdownList_1anb3_88._allowsFullScreenMenu_1anb3_4:first-child {
      padding-top: 1rem;
    }
    ._dropdownList_1anb3_88._allowsFullScreenMenu_1anb3_4:last-child {
      padding-bottom: 1rem;
    }
  }
  ._dropdownListBorderTop_1anb3_130 {
    border-top-color: var(--es-color-misc-divider);
  }
  ._dropdownListBorderBottom_1anb3_134:not(:last-child) {
    border-bottom-color: var(--es-color-misc-divider);
  }
  ._dropdownListLoading_1anb3_140 {
    overflow: hidden;
  }
  ._m_1anb3_1,
  ._s_1anb3_151 {
    font-family: var(--es-text-font-family);
    font-size: var(--es-text-m-font-size);
    font-weight: var(--es-text-m-font-weight);
    line-height: var(--es-text-m-line-height);
  }
  @media (min-width: calc(30rem + 1px)) {
    ._s_1anb3_151 {
      font-family: var(--es-text-font-family);
      font-size: var(--es-text-s-font-size);
      font-weight: var(--es-text-s-font-weight);
      line-height: var(--es-text-s-line-height);
    }
  }
  ._container_1uy3n_1 {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
  }
  ._container_1uy3n_1 * {
    box-sizing: border-box;
  }
  ._l_1uy3n_12,
  ._xl_1uy3n_12 {
    height: 4rem;
  }
  @media (min-width: calc(60rem + 1px)) {
    ._xl_1uy3n_12 {
      height: 5rem;
    }
  }
  ._button_1uy3n_22 {
    display: flex;
    flex-grow: 1;
    gap: 1rem;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    padding-right: 1rem;
    border: none;
    background: transparent;
    cursor: pointer;
  }
  ._button_1uy3n_22:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  ._button_1uy3n_22:active:before {
    background: var(--es-color-action-ghost-pressed);
  }
  ._container_1uy3n_1:hover ._button_1uy3n_22:before {
    background: var(--es-color-action-ghost-hovered);
  }
  ._container_1uy3n_1:hover ._button_1uy3n_22:active:before {
    background: var(--es-color-action-ghost-pressed);
  }
  ._leadingElementContainer_1uy3n_59 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--es-color-action-secondary);
  }
  ._leadingElementContainer_1uy3n_59._l_1uy3n_12,
  ._leadingElementContainer_1uy3n_59._xl_1uy3n_12 {
    width: 4rem;
    height: 4rem;
  }
  @media (min-width: calc(60rem + 1px)) {
    ._leadingElementContainer_1uy3n_59._xl_1uy3n_12 {
      width: 5rem;
      height: 5rem;
    }
  }
  ._infoContainer_1uy3n_81 {
    display: flex;
    flex-direction: column;
    align-self: center;
    text-align: left;
  }
  ._label_1uy3n_88 {
    color: var(--es-color-text-primary);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  ._label_1uy3n_88:only-child {
    -webkit-line-clamp: 2;
  }
  ._description_1uy3n_101 {
    color: var(--es-color-text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  ._badge_1uy3n_110 {
    align-self: center;
    flex-shrink: 0;
    padding: 0.25rem 0.625rem;
    letter-spacing: 0.075rem;
    text-transform: uppercase;
  }
  ._action_1uy3n_120:last-child {
    margin-right: 1rem;
  }
  @media (min-width: calc(60rem + 1px)) {
    ._hideActions_1uy3n_125 {
      opacity: 0;
    }
    ._container_1uy3n_1:hover ._hideActions_1uy3n_125,
    ._container_1uy3n_1:focus-within ._hideActions_1uy3n_125 {
      opacity: 1;
    }
  }
  ._iconContainerPrimary_1uy3n_135 {
    background-color: var(--es-color-action-primary);
  }
  ._image_1uy3n_139 {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  ._button_i7d7b_1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    border-radius: var(--es-radius-circle);
  }
  ._button_i7d7b_1 > svg {
    pointer-events: none;
  }
  ._m_i7d7b_15 {
    width: var(--es-play-button-size-m, 3rem);
    height: var(--es-play-button-size-m, 3rem);
  }
  ._l_i7d7b_20 {
    width: var(--es-play-button-size-l, 3rem);
    height: var(--es-play-button-size-l, 3rem);
  }
  ._xl_i7d7b_25 {
    width: var(--es-play-button-size-xl, 3rem);
    height: var(--es-play-button-size-xl, 3rem);
  }
  ._primary_i7d7b_30 {
    color: var(--es-color-icon-primary);
    background: var(--es-color-action-secondary);
  }
  ._primary_i7d7b_30:hover {
    background: var(--es-color-action-secondary-hovered);
  }
  ._primary_i7d7b_30:active {
    background: var(--es-color-action-secondary-pressed);
  }
  ._secondary_i7d7b_44,
  ._active_i7d7b_45 {
    color: var(--es-color-icon-inverse);
    background: var(--es-color-action-primary);
  }
  ._secondary_i7d7b_44:hover,
  ._active_i7d7b_45:hover {
    background: var(--es-color-action-primary-hovered);
  }
  ._secondary_i7d7b_44:active,
  ._active_i7d7b_45:active {
    background: var(--es-color-action-primary-pressed);
  }
  ._wrapper_1f1q4_1 {
    position: relative;
    display: inline-block;
  }
  ._childrenWrapper_1f1q4_6 {
    display: inline-block;
    cursor: pointer;
  }
  ._menu_1f1q4_11 {
    position: absolute;
    background-color: var(--es-color-background-elevation);
    padding: 0.5rem;
    box-shadow: var(--es-elevation-floating);
    border-radius: var(--es-radius-medium);
  }
  ._itemWrapper_1f1q4_19 {
    display: block;
    white-space: nowrap;
    border: none;
    background-color: transparent;
    width: 100%;
    border-radius: var(--es-radius-small);
    text-align: left;
  }
  ._itemWrapper_1f1q4_19:hover,
  ._itemWrapper_1f1q4_19:focus {
    outline: 0;
    cursor: pointer;
    background-color: var(--es-color-action-ghost-hovered);
  }
  ._item_1f1q4_19 {
    padding: 0.5rem 0;
  }
  ._header_1f1q4_39 {
    margin: 0.25rem 0 0.5rem;
  }
  ._spinner_1dqwf_1 {
    position: absolute;
    color: var(--button-text-color);
  }
  ._container_1p3vx_1 {
    list-style: none;
    padding: 0;
    width: 100%;
    min-width: 12rem;
  }
  ._item_1p3vx_9 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: none;
    background-color: var(--es-color-action-ghost);
    text-align: left;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer;
  }
  ._item_1p3vx_9:focus {
    background-color: var(--es-color-action-ghost-hovered);
  }
  ._item_1p3vx_9:active {
    background-color: var(--es-color-action-ghost-pressed);
  }
  ._item_1p3vx_9[aria-disabled="true"] {
    cursor: not-allowed;
    color: var(--es-color-text-disabled);
  }
  ._item_1p3vx_9[aria-disabled="true"] span {
    color: var(--es-color-text-disabled);
  }
  ._negative_1p3vx_45 {
    color: var(--es-color-text-negative);
  }
  ._primary_1p3vx_49 {
    color: var(--es-color-text-primary);
  }
  ._dropdownMenuGroupTitle_1p3vx_53 {
    padding: 0.5rem 1rem;
  }
  ._labelContainer_1p3vx_57 {
    display: flex;
    flex-direction: column;
  }
  ._groupContainer_1p3vx_62 {
    padding: 0;
  }
  ._badge_3qgkh_1 {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.125rem;
    padding: 0;
    background: none;
    border: none;
    border-radius: 10000px;
    min-width: 1rem;
    height: 1rem;
    font-size: var(--es-i-activity-badge-font-size, 0.75rem);
    font-weight: 600;
    line-height: 1rem;
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  ._badge_3qgkh_1 svg {
    width: 0.75rem;
    height: 0.75rem;
  }
  ._padding_3qgkh_29 {
    padding: 0.125rem 0.25rem 0.125rem 0.125rem;
  }
  ._interactive_3qgkh_33 {
    cursor: pointer;
  }
  ._primary_3qgkh_37 {
    background-color: #20afff3d;
    color: #20afff;
  }
  ._primary_3qgkh_37._interactive_3qgkh_33:hover {
    background-color: var(--es-color-input-active-default);
    color: var(--es-color-text-dark-static);
  }
  ._primary_3qgkh_37._interactive_3qgkh_33:active {
    background-color: var(--es-color-input-active-pressed);
    color: var(--es-color-text-dark-static);
  }
  ._secondary_3qgkh_62 {
    background-color: var(--es-color-action-secondary);
    color: var(--es-color-text-secondary);
    border: 1px solid var(--es-color-border-secondary);
  }
  ._secondary_3qgkh_62._interactive_3qgkh_33:hover {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
    border-color: transparent;
  }
  ._secondary_3qgkh_62._interactive_3qgkh_33:active {
    background-color: var(--es-color-action-primary-pressed);
    color: var(--es-color-text-inverse);
    border-color: transparent;
  }
  ._range_118v1_1 {
    --es-range-line-stroke: 2px;
    display: flex;
    align-items: center;
    height: 2.5rem;
    overflow: hidden;
  }
  ._rail_118v1_12 {
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
    height: var(--es-range-line-stroke);
    background-color: var(--es-color-track-default);
    pointer-events: none;
  }
  ._track_118v1_24 {
    position: absolute;
    transform: translateY(-50%);
    z-index: 1;
    height: var(--es-range-line-stroke);
    background-color: var(--es-color-action-primary);
    cursor: pointer;
  }
  ._handle_118v1_36 {
    position: absolute;
    z-index: 5;
    overflow-x: hidden;
    width: 128px;
    height: 19px;
    border: 0;
    color: var(--es-color-text-primary);
    background-color: transparent;
    cursor: pointer;
  }
  ._handle_118v1_36:focus + div > div {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  ._handleBorder_118v1_57 {
    position: absolute;
    z-index: 2;
    width: 0;
    height: 19px;
    border-left: var(--es-range-line-stroke) solid
      var(--es-color-border-primary);
    background-color: var(--es-color-background-inverse);
  }
  ._handleLabel_118v1_69 {
    position: absolute;
    z-index: 2;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    height: 1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    text-transform: uppercase;
    white-space: nowrap;
  }
  ._tag_8bn3v_1 {
    vertical-align: top;
    text-transform: capitalize;
    white-space: nowrap;
    min-height: 2.75rem;
    padding: 0 1rem;
    border: none;
    cursor: pointer;
    background: var(--es-color-action-secondary);
    color: var(--es-color-text-primary);
  }
  ._tag_8bn3v_1 span:last-of-type:not(:first-of-type) {
    color: var(--es-color-text-secondary);
    margin-left: 0.5rem;
  }
  ._tag_8bn3v_1:hover {
    background: var(--es-color-action-secondary-hovered);
  }
  ._tag_8bn3v_1:active {
    background: var(--es-color-action-secondary-pressed);
  }
  ._tag_8bn3v_1._active_8bn3v_30 {
    background: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
  }
  ._tag_8bn3v_1._active_8bn3v_30:hover {
    background: var(--es-color-action-primary-hovered);
  }
  ._tag_8bn3v_1._active_8bn3v_30:active {
    background: var(--es-color-action-primary-pressed);
  }
  ._close_8bn3v_44 {
    fill: var(--es-color-icon-inverse);
    margin-top: -2px;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
  }
  ._controls_ocs3v_1 {
    display: flex;
    justify-content: space-between;
  }
  ._filterTagWrapper_ocs3v_6 {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
    padding-top: 1.5rem;
  }
  ._filterTagWrapperPadding_ocs3v_14 {
    padding-bottom: 1.5rem;
  }
  ._tabs_ocs3v_18 {
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
  }
  ._tabs_ocs3v_18::-webkit-scrollbar {
    display: none;
  }
  ._rangeContainer_ocs3v_29 {
    flex-grow: 1;
    padding-bottom: 0.25rem;
  }
  ._container_1wqmz_1 {
    display: flex;
    align-self: baseline;
    gap: 1.5rem;
    overflow-x: auto;
  }
  ._button_1wqmz_9 {
    display: flex;
    align-items: center;
    padding: 0;
    border: 0px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    background: none;
    color: var(--es-color-text-secondary);
  }
  ._button_1wqmz_9 > * {
    pointer-events: none;
  }
  ._highlightButtonActive_1wqmz_30 {
    color: var(--es-color-text-primary);
  }
  ._contentSelectActive_1wqmz_34 {
    color: var(--es-color-text-primary) !important;
  }
  ._icon_1wqmz_38 {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
  }
  ._canvas_uwah6_1 {
    width: 100%;
    display: block;
    position: relative;
    height: var(--es-i-waveform-height);
    image-rendering: crisp-edges;
  }
  ._wrapper_uwah6_9 {
    position: relative;
    cursor: pointer;
  }
  ._cursor_uwah6_14 {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    z-index: 3;
    background-color: var(
      --es-i-time-cursor-color,
      var(--es-color-icon-light-static)
    );
    pointer-events: none;
    white-space: nowrap;
  }
  ._time_uwah6_25 {
    position: absolute;
    top: 0;
    right: 0.5rem;
    color: var(--es-i-time-cursor-color, var(--es-color-text-light-static));
  }
  ._leftAligned_uwah6_32 {
    left: 0.5rem;
    left: 0;
    right: auto;
  }
  ._segmentCursor_uwah6_38 {
    background-color: var(--es-color-background-inverse);
    color: var(--es-color-text-inverse);
    padding: 0 0.125rem;
    right: 0;
    top: 0;
  }
  ._segmentCursor_uwah6_38._leftAligned_uwah6_32 {
    left: 0;
    right: auto;
  }
  ._containerStyles_1k9p7_1 {
    --trim-border-width: 0.125rem;
    --start-percentage: translateX(var(--trim-start));
    --end-percentage: translateX(var(--trim-end));
    --borders-scale: scaleX(calc(var(--trim-end) - var(--trim-start)));
    --overlay-start-scale: scaleX(var(--trim-start));
    --overlay-end-scale: scaleX(calc(100% - var(--trim-end)));
    position: relative;
    box-sizing: border-box;
    border-radius: var(--es-radius-small);
    padding: var(--trim-border-width) var(--handle-size);
    min-height: 1rem;
  }
  ._containerStyles_1k9p7_1 > * {
    border-radius: inherit;
  }
  ._trimContainerOuter_1k9p7_21 {
    box-sizing: border-box;
    position: absolute;
    top: -4px;
    left: -4px;
    height: calc(100% + 8px);
    width: calc(100% + 8px);
    display: flex;
    pointer-events: none;
    overflow: hidden;
  }
  ._trimContainerInner_1k9p7_36 {
    color: var(--es-color-action-trim);
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 4px;
    left: 4px;
    height: calc(100% - 8px);
    width: calc(100% - 8px);
  }
  ._trimBorders_1k9p7_51 {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - var(--handle-size) * 2);
    transform: var(--start-percentage);
    height: 100%;
    z-index: 1;
    cursor: grab;
  }
  ._trimBorders_1k9p7_51:active {
    cursor: grabbing;
  }
  ._trimBorders_1k9p7_51:before {
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 0;
    left: var(--handle-size);
    width: 100%;
    height: 100%;
    border-width: 2px 0;
    border-style: solid;
    border-color: currentColor;
    box-shadow: inset 0 0 0 1px var(--es-color-background-overlay);
    transform-origin: left;
    transform: var(--borders-scale);
    pointer-events: auto;
  }
  ._trimOverlay_1k9p7_90 {
    position: absolute;
    top: 2px;
    left: var(--handle-size);
    transform-origin: left;
    box-sizing: border-box;
    background: var(--es-color-background-overlay);
    width: calc(100% - var(--handle-size) * 2);
    height: calc(100% - 4px);
    z-index: 1;
  }
  ._trimOverlayHidden_1k9p7_106 {
    background: transparent;
    opacity: 1;
  }
  ._trimOverlayStart_1k9p7_111 {
    transform: var(--overlay-start-scale);
  }
  ._trimOverlayEnd_1k9p7_115 {
    transform: var(--end-percentage) var(--overlay-end-scale);
  }
  ._trimHandle_1k9p7_119 {
    position: absolute;
    left: 0;
    border: 0px solid currentColor;
    width: calc(100% - var(--handle-size) * 2);
    height: 100%;
    z-index: 2;
    cursor: col-resize;
    pointer-events: none;
  }
  ._trimHandle_1k9p7_119:before {
    content: "";
    pointer-events: all;
    position: absolute;
    left: 0;
    height: 100%;
    width: var(--handle-size);
    background: currentColor;
  }
  ._trimHandle_1k9p7_119:after {
    content: "";
    position: absolute;
    height: 16px;
    width: 2px;
    background: var(--es-color-icon-dark-static);
    box-sizing: border-box;
    top: 50%;
    left: calc(var(--handle-size) / 2);
    transform: translate(-50%, -50%);
    z-index: 3;
  }
  ._trimHandle_1k9p7_119:focus {
    outline: none;
  }
  ._trimHandle_1k9p7_119:focus:before {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._textDefault_1k9p7_174 {
    position: absolute;
    width: min-content;
    padding: 0.125rem 0.25rem;
    white-space: nowrap;
    color: var(--es-color-text-primary);
  }
  ._leftTop_1k9p7_185 {
    top: 0;
    transform: translate(-50%);
  }
  ._leftTop_1k9p7_185._textPositionedOutside_1k9p7_189 {
    transform: translate(calc(-50% - var(--handle-size)));
  }
  ._leftBottom_1k9p7_194 {
    top: auto;
    bottom: 0;
    transform: translate(-50%);
  }
  ._leftBottom_1k9p7_194._textPositionedOutside_1k9p7_189 {
    transform: translate(calc(-50% - var(--handle-size)));
  }
  ._rightTop_1k9p7_204 {
    top: 0;
    transform: translate(var(--handle-size));
  }
  ._rightTop_1k9p7_204._textPositionedOutside_1k9p7_189 {
    transform: translate(calc(var(--handle-size) * 2));
  }
  ._rightBottom_1k9p7_213 {
    top: auto;
    bottom: 0;
    transform: translate(var(--handle-size));
  }
  ._rightBottom_1k9p7_213._textPositionedOutside_1k9p7_189 {
    transform: translate(calc(var(--handle-size) * 2));
  }
  ._hidden_1k9p7_223 {
    opacity: 0;
  }
  ._visable_1k9p7_227 {
    opacity: 1;
  }
  ._trimHandleLeft_1k9p7_231 {
    transform: var(--start-percentage);
  }
  ._trimHandleLeft_1k9p7_231:before {
    box-shadow: 4px 0 0 -3px var(--es-color-background-overlay);
    border-radius: var(--es-radius-small);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  ._trimHandleRight_1k9p7_242 {
    transform: var(--end-percentage);
  }
  ._trimHandleRight_1k9p7_242:before {
    box-shadow: -4px 0 0 -3px var(--es-color-background-overlay);
    border-radius: var(--es-radius-small);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: calc(var(--handle-size) * 1);
  }
  ._trimHandleRight_1k9p7_242:after {
    left: calc(var(--handle-size) * 1.5);
  }
  ._hiddenVideoStyles_o00xo_1 {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    position: absolute;
  }
  ._canvasStyles_o00xo_8 {
    display: block;
    height: 3rem;
    width: 100%;
    border-radius: 2px;
    transition: opacity 0.2s ease-out;
    -webkit-user-select: none;
    user-select: none;
  }
  ._spinnerStyles_o00xo_18 {
    color: var(--es-color-icon-primary);
    position: absolute;
    top: 0;
    left: 0;
  }
  ._grid_1148m_1 {
    align-items: start;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  ._grid_1148m_1 li {
    height: 100%;
  }
  ._tooltip_1lpt3_1 {
    position: relative;
    display: inline-block;
  }
  ._tooltipBubble_1lpt3_6 {
    position: absolute;
    z-index: 1;
    white-space: nowrap;
  }
  ._tooltipBubble_1lpt3_6:after {
    content: "";
    position: absolute;
    color: var(--es-color-background-floating);
  }
  ._tooltipMessage_1lpt3_18 {
    background: var(--es-color-background-floating);
    color: var(--es-color-text-primary);
    padding: 0.5rem 1rem;
    box-shadow: var(--es-elevation-floating);
  }
  ._tooltipMessageWithTitleAndMessage_1lpt3_25 {
    padding: 1rem;
  }
  ._top_1lpt3_29 {
    bottom: 100%;
    left: 50%;
    margin-bottom: var(--es-i-tooltip-offset);
    padding-bottom: 0.5rem;
    transform: translate(-50%);
  }
  ._top_1lpt3_29:after {
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid currentColor;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
  }
  ._top_left_1lpt3_45 {
    bottom: 100%;
    left: 0;
    margin-bottom: var(--es-i-tooltip-offset);
    padding-bottom: 0.5rem;
  }
  ._top_left_1lpt3_45:after {
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid currentColor;
    bottom: 0;
    left: 10%;
    transform: translate(-10%);
  }
  ._top_right_1lpt3_60 {
    bottom: 100%;
    right: 0;
    margin-bottom: var(--es-i-tooltip-offset);
    padding-bottom: 0.5rem;
  }
  ._top_right_1lpt3_60:after {
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid currentColor;
    bottom: 0;
    right: 7%;
    transform: translate(-7%);
  }
  ._bottom_1lpt3_75 {
    top: 100%;
    left: 50%;
    margin-top: var(--es-i-tooltip-offset);
    padding-top: 0.5rem;
    transform: translate(-50%);
  }
  ._bottom_1lpt3_75:after {
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid currentColor;
    top: 0;
    left: 50%;
    transform: translate(-50%);
  }
  ._bottom_left_1lpt3_91 {
    top: 100%;
    left: 0;
    margin-top: var(--es-i-tooltip-offset);
    padding-top: 0.5rem;
  }
  ._bottom_left_1lpt3_91:after {
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid currentColor;
    top: 0;
    left: 10%;
    transform: translate(-10%);
  }
  ._left_1lpt3_106 {
    top: 50%;
    right: 100%;
    margin-right: var(--es-i-tooltip-offset);
    padding-right: 0.5rem;
    transform: translateY(-50%);
  }
  ._left_1lpt3_106:after {
    border-left: 0.5rem solid currentColor;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  ._right_1lpt3_122 {
    top: 50%;
    left: 100%;
    margin-left: var(--es-i-tooltip-offset);
    padding-left: 0.5rem;
    transform: translateY(-50%);
  }
  ._right_1lpt3_122:after {
    border-right: 0.5rem solid currentColor;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  ._toast_oxe36_1 {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background: var(--es-color-background-elevation);
    color: var(--es-color-text-primary);
    position: fixed;
    right: 1rem;
    left: 1rem;
    margin: auto;
    width: calc(100% - 2rem);
    box-shadow: var(--es-elevation-floating);
  }
  @media (min-width: calc(30rem + 1px)) {
    ._toast_oxe36_1 {
      left: unset;
      width: 20rem;
    }
  }
  ._innerContainer_oxe36_19 {
    margin: 1.5rem 1rem 1.5rem 1.5rem;
    display: flex;
    align-items: center;
  }
  ._hasSubtitlePadding_oxe36_25 {
    margin: 1rem 1rem 1rem 1.5rem;
  }
  ._title_oxe36_29 {
    display: block;
    word-break: break-word;
  }
  ._subtitle_oxe36_34 {
    word-break: break-word;
  }
  ._subtitle_oxe36_34,
  ._subtitle_oxe36_34 * {
    font-weight: 600 !important;
  }
  ._icon_oxe36_41 {
    width: 1.5rem;
    margin-right: 1.75rem;
    flex-shrink: 0;
  }
  ._bottom_oxe36_47 {
    bottom: 1rem;
  }
  ._top_oxe36_51 {
    top: 1rem;
  }
  ._surveyToast_oxe36_55 {
    cursor: default;
  }
  ._surveyToastInnerContainer_oxe36_59 {
    flex-direction: column;
    align-items: stretch;
  }
  ._closeButton_oxe36_64 {
    top: 0.5rem;
    right: 0.5rem;
    position: absolute !important;
  }
  ._surveyTitle_oxe36_69 {
    width: calc(100% - 2rem);
  }
  ._scoreButtons_oxe36_72 {
    display: flex;
    justify-content: space-between;
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
  }
  ._singleScoreButton_oxe36_78 {
    border-radius: 50%;
    width: 2.25rem;
    height: 2.25rem;
    background-color: transparent;
    border: solid 1px var(--es-color-border-secondary);
    padding: 0;
    cursor: pointer;
  }
  ._singleScoreButton_oxe36_78:focus,
  ._singleScoreButton_oxe36_78:hover {
    border-color: var(--es-color-border-primary);
    outline: none;
  }
  ._selectedScoreButton_oxe36_92 {
    background-color: var(--es-color-action-primary);
    border: solid 1px var(--es-color-border-primary);
  }
  ._surveyDescription_oxe36_96 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
  ._wrapper_1g24o_1 {
    --es-i-cover-art-image-padding: 0.5rem;
    --es-i-cover-art-play-button-size: var(--es-play-button-size-m, 3.5rem);
    --es-i-cover-art-focus-padding: 4px;
    position: relative;
    display: grid;
    grid-template-columns: [column-start] 1fr [column-end];
    grid-template-rows: [image-start] min-content [actions-start] min-content [actions-end image-end footer-start] auto [footer-end];
    height: 100%;
    width: 100%;
    background-color: var(--es-color-background-surface);
    isolation: isolate;
  }
  ._wrapper_1g24o_1._fallbackBackground_1g24o_19 {
    background-color: var(--es-color-background-brand-off-white);
  }
  ._imageWrapper_1g24o_24 {
    grid-row: image;
    grid-column: column;
    box-sizing: border-box;
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    max-height: 100%;
  }
  ._imageWrapper_1g24o_24._backgroundImage_1g24o_36 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 17.5%;
  }
  ._imageWrapper_1g24o_24._imagePadding_1g24o_44 {
    margin: var(--es-i-cover-art-image-padding);
  }
  ._imageWrapper_1g24o_24._imageOverlay_1g24o_48:after {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
  }
  ._imageWrapper_1g24o_24 img {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: block;
    object-fit: cover;
    transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  ._imageWrapper_1g24o_24._rounded_1g24o_69 img,
  ._imageWrapper_1g24o_24._rounded_1g24o_69:after {
    border-radius: 50%;
  }
  ._wrapper_1g24o_1:hover ._imageWrapper_1g24o_24._imageOverlay_1g24o_48:after {
    background-color: var(--es-color-background-overlay);
  }
  ._svgWrapper_1g24o_81 {
    display: grid;
    place-items: center;
  }
  ._topicIcon_1g24o_86 {
    background-color: var(--es-color-background-brand-stone);
    width: 100%;
    height: 100%;
  }
  ._similarToIcon_1g24o_92 {
    background-color: var(--es-color-background-brand-pink);
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    max-height: 15.625rem;
    max-width: 15.625rem;
    padding: 3.5rem;
  }
  ._isLoading_1g24o_103 img {
    opacity: 0;
  }
  ._actions_1g24o_107 {
    grid-row: actions;
    grid-column: column;
    display: flex;
    align-items: flex-end;
  }
  ._actions_1g24o_107._imagePadding_1g24o_44 {
    margin: var(--es-i-cover-art-image-padding);
  }
  ._footer_1g24o_119 {
    display: grid;
    grid-row: footer;
    padding: 1rem;
  }
  ._label_1g24o_126,
  ._subLabel_1g24o_127,
  ._tag_1g24o_128 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  ._label_1g24o_126 {
    min-height: var(--es-text-button-s-line-height);
    -webkit-text-decoration: none;
    text-decoration: none;
    word-break: break-all;
  }
  ._label_1g24o_126:before {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
  }
  ._label_1g24o_126:after {
    position: absolute;
    z-index: 2;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
  }
  ._label_1g24o_126._bottomMargin_1g24o_163:not(:only-child) {
    margin-bottom: var(--es-text-xs-line-height);
  }
  ._label_1g24o_126._expressive_1g24o_167 {
    font-family: var(--es-text-font-family);
    font-size: var(--es-text-button-s-font-size);
    font-weight: var(--es-text-button-s-font-weight);
    line-height: var(--es-text-button-s-line-height);
  }
  @media (min-width: calc(60rem + 1px)) {
    ._label_1g24o_126._expressive_1g24o_167 {
      font-family: var(--es-header-font-family);
      font-size: var(--es-heading-xs-font-size);
      font-weight: var(--es-heading-xs-font-weight);
      line-height: var(--es-heading-xs-line-height);
      letter-spacing: var(--es-heading-xs-letter-spacing);
    }
    ._label_1g24o_126._expressive_1g24o_167._bottomMargin_1g24o_163 {
      margin-bottom: 0;
    }
  }
  ._wrapper_1g24o_1:hover ._label_1g24o_126:before {
    background-color: var(--es-color-action-ghost-hovered);
  }
  ._wrapper_1g24o_1:hover ._label_1g24o_126._hoverOverlay_1g24o_191:before {
    background-color: #00000014;
    z-index: 1;
  }
  ._wrapper_1g24o_1 ._label_1g24o_126:active:before {
    background-color: var(--es-color-action-ghost-pressed);
  }
  ._wrapper_1g24o_1 ._label_1g24o_126._hoverOverlay_1g24o_191:active:before {
    background-color: #00000029;
  }
  ._lightText_1g24o_206 ._label_1g24o_126 {
    color: var(--es-color-text-primary);
  }
  ._lightText_1g24o_206 ._subLabel_1g24o_127 {
    color: var(--es-color-text-secondary);
  }
  ._darkText_1g24o_216 ._label_1g24o_126,
  ._darkText_1g24o_216 ._subLabel_1g24o_127 {
    color: var(--es-color-text-dark-static);
  }
  @media (min-width: calc(60rem + 1px)) {
    ._footer_1g24o_119._expressive_1g24o_167 {
      gap: 1rem;
    }
    ._footer_1g24o_119._expressive_1g24o_167 ._label_1g24o_126 {
      min-height: calc(var(--es-heading-xs-line-height) * 2);
      -webkit-line-clamp: 2;
      word-break: break-word;
    }
    ._footer_1g24o_119._expressive_1g24o_167 ._subLabel_1g24o_127 {
      align-self: end;
    }
  }
  ._footer_1g24o_119._hidden_1g24o_239 {
    height: 0;
    padding: 0;
  }
  ._footer_1g24o_119._hidden_1g24o_239 ._label_1g24o_126 {
    min-height: 0;
  }
  ._tagWrapper_1g24o_248 {
    padding: 0.5rem 1rem;
    background-color: #000;
  }
  @media (min-width: calc(60rem + 1px)) {
    ._playButton_1g24o_255._expressive_1g24o_167 {
      --es-i-cover-art-play-button-size: var(--es-play-button-size-l, 4rem);
    }
    ._playButton_1g24o_255._expressive_1g24o_167 ._playButton_1g24o_255 {
      width: var(--es-i-cover-art-play-button-size);
      height: var(--es-i-cover-art-play-button-size);
    }
  }
  ._playButton_1g24o_255 ._actions_1g24o_107 {
    margin: calc(var(--es-i-cover-art-focus-padding) * -1) 0;
    padding: var(--es-i-cover-art-focus-padding) 0;
    width: calc(100% + var(--es-i-cover-art-play-button-size));
    transition: width 0.6s cubic-bezier(0.9, 0, 0, 1);
    overflow: hidden;
    pointer-events: none;
  }
  ._playButton_1g24o_255 ._actions_1g24o_107._imagePadding_1g24o_44 {
    margin: calc(var(--es-i-cover-art-focus-padding) * -1)
      var(--es-i-cover-art-image-padding);
    padding: calc(
        var(--es-i-cover-art-focus-padding) +
          var(--es-i-cover-art-image-padding)
      )
      0;
    width: calc(
      100% +
        calc(
          var(--es-i-cover-art-play-button-size) -
            calc(2 * var(--es-i-cover-art-image-padding))
        )
    );
  }
  ._playButton_1g24o_255 ._playButton_1g24o_255 {
    flex-shrink: 0;
    z-index: 3;
    pointer-events: initial;
  }
  ._playButton_1g24o_255 ._playButton_1g24o_255,
  ._playButton_1g24o_255 ._tagWrapper_1g24o_248 {
    transform: translate(calc(var(--es-i-cover-art-play-button-size) * -1));
    transition: transform 0.6s cubic-bezier(0.9, 0, 0, 1);
  }
  ._playButton_1g24o_255:focus-within ._actions_1g24o_107,
  ._playButton_1g24o_255:hover ._actions_1g24o_107 {
    width: 100%;
  }
  ._playButton_1g24o_255:focus-within
    ._actions_1g24o_107._imagePadding_1g24o_44,
  ._playButton_1g24o_255:hover ._actions_1g24o_107._imagePadding_1g24o_44 {
    width: calc(100% - calc(2 * var(--es-i-cover-art-image-padding)));
  }
  ._playButton_1g24o_255:focus-within ._playButton_1g24o_255,
  ._playButton_1g24o_255:hover ._playButton_1g24o_255,
  ._playButton_1g24o_255:focus-within ._tagWrapper_1g24o_248,
  ._playButton_1g24o_255:hover ._tagWrapper_1g24o_248 {
    transform: translate(0);
  }
  ._playButton_1g24o_255 ._actions_1g24o_107:has(._playButton_1g24o_255:focus) {
    padding-left: var(--es-i-cover-art-focus-padding);
    margin-left: calc(var(--es-i-cover-art-focus-padding) * -1);
  }
  ._playButton_1g24o_255
    ._actions_1g24o_107._imagePadding_1g24o_44:has(
      ._playButton_1g24o_255:focus
    ) {
    padding-left: calc(
      var(--es-i-cover-art-focus-padding) + var(--es-i-cover-art-image-padding)
    );
  }
  @media (max-width: 60rem) {
    ._showPlayButtonOnMobile_1g24o_330 ._actions_1g24o_107 {
      width: 100%;
      transition: none;
    }
    ._showPlayButtonOnMobile_1g24o_330
      ._actions_1g24o_107._imagePadding_1g24o_44 {
      width: calc(100% - calc(2 * var(--es-i-cover-art-image-padding)));
    }
    ._showPlayButtonOnMobile_1g24o_330 ._playButton_1g24o_255,
    ._showPlayButtonOnMobile_1g24o_330 ._tagWrapper_1g24o_248 {
      transform: none;
      transition: none;
    }
    ._showPlayButtonOnMobile_1g24o_330 ._tagWrapper_1g24o_248 {
      z-index: 1;
    }
    ._showPlayButtonOnMobile_1g24o_330:focus-within ._actions_1g24o_107,
    ._showPlayButtonOnMobile_1g24o_330:hover ._actions_1g24o_107 {
      width: inherit;
    }
    ._showPlayButtonOnMobile_1g24o_330:focus-within ._playButton_1g24o_255,
    ._showPlayButtonOnMobile_1g24o_330:hover ._playButton_1g24o_255,
    ._showPlayButtonOnMobile_1g24o_330:focus-within ._tagWrapper_1g24o_248,
    ._showPlayButtonOnMobile_1g24o_330:hover ._tagWrapper_1g24o_248 {
      transform: none;
    }
  }
  ._alwaysShowPlayButton_1g24o_366 ._actions_1g24o_107 {
    width: 100%;
    transition: none;
  }
  ._alwaysShowPlayButton_1g24o_366 ._actions_1g24o_107._imagePadding_1g24o_44 {
    width: calc(100% - calc(2 * var(--es-i-cover-art-image-padding)));
  }
  ._alwaysShowPlayButton_1g24o_366 ._playButton_1g24o_255,
  ._alwaysShowPlayButton_1g24o_366 ._tagWrapper_1g24o_248 {
    transform: none;
    transition: none;
  }
  ._alwaysShowPlayButton_1g24o_366 ._tagWrapper_1g24o_248 {
    z-index: 1;
  }
  ._alwaysShowPlayButton_1g24o_366:focus-within ._actions_1g24o_107,
  ._alwaysShowPlayButton_1g24o_366:hover ._actions_1g24o_107 {
    width: inherit;
  }
  ._alwaysShowPlayButton_1g24o_366:focus-within ._playButton_1g24o_255,
  ._alwaysShowPlayButton_1g24o_366:hover ._playButton_1g24o_255,
  ._alwaysShowPlayButton_1g24o_366:focus-within ._tagWrapper_1g24o_248,
  ._alwaysShowPlayButton_1g24o_366:hover ._tagWrapper_1g24o_248 {
    transform: none;
  }
  ._container_dwzk3_1 {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    min-height: 3.5rem;
    padding: 1rem;
    background-color: var(--es-color-background-surface);
  }
  ._textWrapper_dwzk3_17 {
    display: flex;
    align-items: center;
    flex-grow: 1;
    gap: 1rem;
    margin-right: 0;
  }
  ._textWrapper_dwzk3_17 svg {
    flex-shrink: 0;
    max-width: var(--es-sectionbanner-icon-max-width, auto);
    max-height: var(--es-sectionbanner-icon-max-height, auto);
  }
  ._text_dwzk3_17 {
    font-size: var(--es-text-s-font-size);
    font-weight: var(--es-text-s-font-weight);
    line-height: var(--es-text-s-line-height);
    letter-spacing: var(--es-text-s-letter-spacing);
    color: var(--es-color-text-primary);
  }
  ._text_dwzk3_17 a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  ._text_dwzk3_17 a:focus {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._text_dwzk3_17 a:focus-visible {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._text_dwzk3_17 a:focus:not(:focus-visible) {
    outline: none !important;
  }
  ._action_dwzk3_60 {
    width: max-content;
  }
  ._closeButtonContainer_dwzk3_64 {
    position: relative;
  }
  ._actionContainer_dwzk3_68 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem 0;
  }
  @media (max-width: 30rem) {
    body:not(.premiere-pro-theme-override):not(.plugin-theme-override)
      ._container_dwzk3_1 {
      flex-direction: column;
    }
    body:not(.premiere-pro-theme-override):not(.plugin-theme-override)
      ._textWrapper_dwzk3_17._hasCloseButton_dwzk3_81 {
      margin-right: 3rem;
    }
    body:not(.premiere-pro-theme-override):not(.plugin-theme-override)
      ._actionContainer_dwzk3_68 {
      display: initial;
      margin: initial;
    }
    body:not(.premiere-pro-theme-override):not(.plugin-theme-override)
      ._action_dwzk3_60 {
      width: 100%;
    }
    body:not(.premiere-pro-theme-override):not(.plugin-theme-override)
      ._closeButtonContainer_dwzk3_64 {
      position: absolute;
      top: 0;
      right: 0;
    }
  }
  ._wrapper_rs3nh_1 {
    position: sticky;
    top: 0;
    z-index: 1;
  }
  ._container_rs3nh_8 {
    --es-i-top-banner-block-padding: 1rem;
    --es-i-top-banner-inline-padding: var(--es-grid-padding-small);
    --es-i-top-banner-close-button-offset: 0.375rem;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 3.5rem;
    padding-top: var(--es-i-top-banner-block-padding);
    padding-bottom: var(--es-i-top-banner-block-padding);
  }
  ._contentWrapper_rs3nh_26 {
    display: grid;
    row-gap: 1rem;
    grid-template-columns: 1fr auto;
    grid-template-areas: "text closeButton" "actions actions";
    width: 100%;
  }
  ._textWrapper_rs3nh_36 {
    grid-area: text;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-right: 1rem;
  }
  ._textWrapper_rs3nh_36 svg {
    flex-shrink: 0;
  }
  ._text_rs3nh_36 {
    font-size: var(--es-text-s-font-size);
    font-weight: var(--es-text-s-font-weight);
    line-height: var(--es-text-s-line-height);
    letter-spacing: var(--es-text-s-letter-spacing);
    color: var(--es-color-text-primary);
  }
  ._text_rs3nh_36 a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  ._text_rs3nh_36 a:focus {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._text_rs3nh_36 a:focus-visible {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._text_rs3nh_36 a:focus:not(:focus-visible) {
    outline: none !important;
  }
  ._closeButtonContainer_rs3nh_78 {
    grid-area: closeButton;
    margin-top: calc(
      calc(
          var(--es-i-top-banner-block-padding) -
            var(--es-i-top-banner-close-button-offset)
        ) * -1
    );
    margin-right: calc(
      calc(
          var(--es-i-top-banner-inline-padding) -
            var(--es-i-top-banner-close-button-offset)
        ) * -1
    );
  }
  ._actions_rs3nh_85 {
    grid-area: actions;
  }
  @media (min-width: calc(30rem + 1px)) {
    ._container_rs3nh_8 {
      --es-i-top-banner-inline-padding: var(--es-grid-padding-medium);
    }
    ._closeButtonContainer_rs3nh_78 {
      margin-right: var(--es-i-top-banner-close-button-offset);
    }
  }
  @media (min-width: calc(60rem + 1px)) {
    ._container_rs3nh_8 {
      --es-i-top-banner-block-padding: 0.5rem;
      --es-i-top-banner-inline-padding: var(--es-grid-padding-large);
    }
    ._contentWrapper_rs3nh_26 {
      grid-template-columns: 1fr auto auto;
      grid-template-areas: "text actions closeButton";
    }
    ._closeButtonContainer_rs3nh_78 {
      margin: 0 var(--es-i-top-banner-close-button-offset);
    }
  }
  ._videoContainerStyles_tkj1u_1 {
    position: relative;
    box-sizing: border-box;
  }
  ._videoContainerStyles_tkj1u_1 > * {
    box-sizing: border-box;
  }
  ._videoStyles_tkj1u_11 {
    height: 100%;
    width: 100%;
    display: block;
  }
  ._info_1iv0l_1 {
    color: var(--es-color-text-dark-static);
    background: var(--es-color-background-caution);
  }
  ._success_1iv0l_5 {
    color: var(--es-color-text-dark-static);
    background: var(--es-color-background-positive);
  }
  ._error_1iv0l_9 {
    color: var(--es-color-text-dark-static);
    background: var(--es-color-background-negative);
  }
  ._container_1iv0l_14 {
    padding: 1rem;
    display: flex;
    overflow-wrap: anywhere;
  }
  ._icon_1iv0l_20 {
    padding-right: 1rem;
    display: flex;
  }
  ._icon_1iv0l_20 > svg {
    fill: currentColor;
  }
  ._text_1iv0l_28 {
    align-self: center;
    color: inherit;
  }
  ._text_1iv0l_28 a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  ._backdrop_1j8ap_1 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: stretch;
    align-items: flex-end;
    background-color: transparent;
    transition: background-color 0.2s ease-in-out;
  }
  ._backdrop_1j8ap_1,
  ._backdrop_1j8ap_1 * {
    box-sizing: border-box;
  }
  ._bottomSheetContainer_1j8ap_19 {
    box-sizing: border-box;
    position: relative;
    z-index: 11;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 1rem;
    border-radius: 1rem 1rem 0 0;
    overflow: auto;
    background-color: var(--es-color-background-elevation);
    box-shadow: var(--es-elevation-floating);
    transform: translateY(100%);
    transition: transform 0.2s ease-in-out;
  }
  ._backdropVisible_1j8ap_43 {
    background-color: var(--es-color-background-backdrop);
  }
  ._bottomSheetContainerVisible_1j8ap_47 {
    transform: translateY(0);
  }
  ._closeButton_1j8ap_51 {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
  }
  ._contentContainer_1j8ap_57 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0 2rem;
    text-align: center;
    max-width: 40rem;
  }
  ._imageContainer_1j8ap_67 {
    margin-bottom: 1.5rem;
  }
  ._image_1j8ap_67 {
    height: 3.5rem;
    width: 3.5rem;
  }
  ._title_1j8ap_76 {
    margin-bottom: 0.5rem;
  }
  ._actionContainer_1j8ap_80 {
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 1rem;
    width: 100%;
    max-width: 40rem;
    margin-bottom: 0.5rem;
  }
  ._actionContainer_1j8ap_80 > * {
    flex-grow: 1;
    flex-basis: 1px;
  }
  ._action_1j8ap_80 {
    min-width: 10rem;
  }
  ._container_ru9ph_1 {
    --es-slider-track-size: 2px;
    --es-slider-handle-size: 12px;
    --es-slider-rail-size: 20px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  ._rail_ru9ph_13 {
    position: absolute;
    border-radius: var(--es-radius-large);
  }
  ._outerRail_ru9ph_18 {
    cursor: pointer;
  }
  ._outerRailHorizontal_ru9ph_22 {
    width: 100%;
    height: var(--es-slider-rail-size);
    transform: translateY(-50%);
  }
  ._outerRailVertical_ru9ph_28 {
    height: 100%;
    width: var(--es-slider-rail-size);
    transform: translate(-50%);
  }
  ._innerRail_ru9ph_34 {
    pointer-events: none;
    background-color: var(--es-color-track-default);
  }
  ._innerRailHorizontal_ru9ph_39 {
    width: 100%;
    height: var(--es-slider-track-size);
    transform: translateY(-50%);
  }
  ._innerRailVertical_ru9ph_45 {
    height: 100%;
    width: var(--es-slider-track-size);
    transform: translate(-50%);
  }
  ._handle_ru9ph_51 {
    --es-slider-handle-percent: 0%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: var(--es-slider-handle-size);
    height: var(--es-slider-handle-size);
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 0;
    background-color: var(--es-color-action-primary) !important;
    cursor: pointer;
  }
  ._handleHorizontal_ru9ph_66 {
    left: var(--es-slider-handle-percent);
  }
  ._handleHorizontal_ru9ph_66._handleReversed_ru9ph_70 {
    right: var(--es-slider-handle-percent);
  }
  ._handleVertical_ru9ph_74 {
    top: var(--es-slider-handle-percent);
  }
  ._handleVertical_ru9ph_74._handleReversed_ru9ph_70 {
    bottom: var(--es-slider-handle-percent);
  }
  ._handleDisabled_ru9ph_82 {
    background-color: var(--es-color-track-disabled);
  }
  ._track_ru9ph_86 {
    --es-slider-track-source-percent: 0%;
    --es-slider-track-target-percent: 0%;
    position: absolute;
    z-index: 1;
    border-radius: var(--es-radius-large);
    cursor: pointer;
    background-color: var(--es-color-track-fill);
  }
  ._trackHorizontal_ru9ph_97 {
    height: var(--es-slider-track-size);
    transform: translateY(-50%);
    left: var(--es-slider-track-source-percent);
    width: calc(
      var(--es-slider-track-target-percent) -
        var(--es-slider-track-source-percent)
    );
  }
  ._trackHorizontal_ru9ph_97._trackReversed_ru9ph_104 {
    left: unset;
    right: var(--es-slider-track-source-percent);
    width: calc(
      calc(100% - var(--es-slider-track-target-percent)) -
        var(--es-slider-track-source-percent)
    );
  }
  ._trackVertical_ru9ph_110 {
    width: var(--es-slider-track-size);
    transform: translate(-50%);
    top: var(--es-slider-track-source-percent);
    height: calc(
      var(--es-slider-track-target-percent) -
        var(--es-slider-track-source-percent)
    );
  }
  ._trackVertical_ru9ph_110._trackReversed_ru9ph_104 {
    top: unset;
    bottom: var(--es-slider-track-source-percent);
    height: calc(
      calc(100% - var(--es-slider-track-target-percent)) -
        var(--es-slider-track-source-percent)
    );
  }
  ._trackDisabled_ru9ph_123 {
    background-color: transparent;
  }
  ._container_18n19_1 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }
  ._closeButtonContainer_18n19_11 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  ._contentContainer_18n19_20 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
  }
  ._overline_18n19_27 {
    margin-bottom: 0.5rem;
  }
  ._title_18n19_31 {
    font-size: var(--es-heading-xs-font-size);
    font-weight: var(--es-heading-xs-font-weight);
    line-height: var(--es-heading-xs-line-height);
    letter-spacing: var(--es-heading-xs-letter-spacing);
  }
  ._body_18n19_38 {
    margin-top: 0.5rem;
    font-size: var(--es-text-s-font-size);
    font-weight: var(--es-text-s-font-weight);
    line-height: var(--es-text-s-line-height);
    letter-spacing: var(--es-text-s-letter-spacing);
    color: var(--es-color-text-primary);
  }
  ._body_18n19_38 a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  ._body_18n19_38 a:focus {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._body_18n19_38 a:focus-visible {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._body_18n19_38 a:focus:not(:focus-visible) {
    outline: none !important;
  }
  ._overline_18n19_27,
  ._title_18n19_31,
  ._body_18n19_38,
  ._actions_18n19_71 {
    max-width: 40rem;
  }
  ._actions_18n19_71 {
    margin-top: 1.5rem;
  }
  ._media_18n19_79 img {
    object-position: right center;
  }
  @media (max-width: 30rem) {
    ._container_18n19_1 {
      display: none;
    }
    ._container_18n19_1._isVisible_18n19_87 {
      display: grid;
    }
  }
  @media (max-width: calc(48rem - 1px)) {
    ._container_18n19_1 [data-media-container] {
      order: -1;
    }
  }
  @media (min-width: 48rem) {
    ._container_18n19_1 {
      flex-direction: row;
      gap: 2rem;
    }
    ._container_18n19_1 [data-media-container] {
      max-width: min(50%, 33rem);
    }
    ._contentContainer_18n19_20 {
      padding: 0.5rem 0 0.5rem 1rem;
    }
    ._title_18n19_31 {
      font-size: var(--es-heading-s-font-size);
      font-weight: var(--es-heading-s-font-weight);
      line-height: var(--es-heading-s-line-height);
      letter-spacing: var(--es-heading-s-letter-spacing);
    }
  }
  @media (min-width: calc(60rem + 1px)) {
    ._title_18n19_31 {
      font-size: var(--es-heading-m-font-size);
      font-weight: var(--es-heading-m-font-weight);
      line-height: var(--es-heading-m-line-height);
      letter-spacing: var(--es-heading-m-letter-spacing);
    }
  }
  ._wrapper_1tvat_1 {
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    margin: 0 1rem 1rem;
    z-index: var(--es-i-promo-toast-z-index);
    background-color: var(--es-color-background-elevation);
    box-shadow: var(--es-elevation-floating);
  }
  ._closeButtonContainer_1tvat_19 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  ._content_1tvat_28 {
    padding: 1rem;
  }
  ._titleContainer_1tvat_32 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
  }
  ._body_1tvat_40 {
    font-size: var(--es-text-s-font-size);
    font-weight: var(--es-text-s-font-weight);
    line-height: var(--es-text-s-line-height);
    letter-spacing: var(--es-text-s-letter-spacing);
    color: var(--es-color-text-secondary);
  }
  ._body_1tvat_40 a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  ._body_1tvat_40 a:focus {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._body_1tvat_40 a:focus-visible {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._body_1tvat_40 a:focus:not(:focus-visible) {
    outline: none !important;
  }
  ._actions_1tvat_68 {
    margin-top: 1.5rem;
  }
  @media (max-width: 30rem) {
    ._wrapper_1tvat_1 {
      display: none;
    }
    ._wrapper_1tvat_1._isVisible_1tvat_76 {
      display: block;
    }
  }
  @media (min-width: calc(30rem + 1px)) {
    ._wrapper_1tvat_1 {
      max-width: 20rem;
    }
  }
  ._badge_z7bz8_1 {
    display: inline-block;
    padding: 0.125rem 0.375rem;
    font-size: var(--es-i-status-badge-font-size, 0.625rem);
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: baseline;
  }
  ._info_z7bz8_15 {
    background-color: var(--es-color-background-inverse);
    color: var(--es-color-text-inverse);
  }
  ._new_z7bz8_20 {
    background-color: var(--es-color-background-new);
    color: var(--es-color-text-dark-static);
  }
  ._beta_z7bz8_25 {
    background-color: var(--es-color-background-beta);
    color: var(--es-color-text-dark-static);
  }
  ._container_3uegd_1 {
    box-sizing: border-box;
    isolation: isolate;
    position: relative;
    display: grid;
    align-content: end;
    background-color: var(--es-color-background-surface);
    min-height: 28rem;
  }
  ._container_3uegd_1 * {
    box-sizing: border-box;
  }
  ._closeButtonContainer_3uegd_20 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  ._media_3uegd_29,
  ._contentWrapper_3uegd_30 {
    grid-area: 1 / 1 / 2 / 2;
  }
  ._media_3uegd_29 {
    min-height: 28rem;
  }
  ._media_3uegd_29 img,
  ._media_3uegd_29 video {
    object-position: right center;
  }
  ._contentWrapper_3uegd_30 {
    z-index: 1;
    align-self: end;
    display: flex;
    flex-direction: column;
    margin: 1rem;
  }
  ._contentWrapper_3uegd_30 ._innerContentWrapper_3uegd_53 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    max-width: 32.5rem;
  }
  ._contentWrapper_3uegd_30 ._action_3uegd_63 {
    justify-content: space-between;
    gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 25.5rem;
    min-height: 3.5rem;
  }
  ._body_3uegd_75 a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  ._body_3uegd_75 a:focus {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._body_3uegd_75 a:focus-visible {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._body_3uegd_75 a:focus:not(:focus-visible) {
    outline: none !important;
  }
  @media (max-width: 30rem) {
    ._container_3uegd_1 {
      display: none;
    }
    ._container_3uegd_1._isVisible_3uegd_100 {
      display: grid;
    }
    ._title_3uegd_105 {
      font-size: var(--es-heading-xs-font-size);
      font-weight: var(--es-heading-xs-font-weight);
      line-height: var(--es-heading-xs-line-height);
      letter-spacing: var(--es-heading-xs-letter-spacing);
    }
    ._contentWrapper_3uegd_30 ._action_3uegd_63 {
      max-width: 100%;
    }
  }
  @media (max-width: 42rem) {
    ._container_3uegd_1 ._media_3uegd_29 [data-video-controls-container] {
      flex-direction: row-reverse;
      top: var(--es-i-video-overlay-padding);
      left: var(--es-i-video-overlay-padding);
      bottom: unset;
      right: unset;
    }
    ._innerContentWrapper_3uegd_53 {
      margin-top: 11.75rem;
    }
  }
  @media (min-width: calc(60rem + 1px)) {
    ._container_3uegd_1,
    ._container_3uegd_1 ._media_3uegd_29 {
      min-height: 23.5rem;
    }
    ._container_3uegd_1 ._contentWrapper_3uegd_30 {
      margin: 1.5rem;
    }
    ._container_3uegd_1
      ._contentWrapper_3uegd_30
      ._innerContentWrapper_3uegd_53 {
      padding: 1.5rem;
    }
    ._container_3uegd_1 ._contentWrapper_3uegd_30 ._action_3uegd_63 {
      gap: 1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  ._fullPage_d6bif_1 {
    max-width: 1440px;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
  }
  ._padding_d6bif_8 {
    padding-left: var(--es-grid-padding-small);
    padding-right: var(--es-grid-padding-small);
  }
  @media (min-width: calc(30rem + 1px)) {
    ._padding_d6bif_8 {
      padding-left: var(--es-grid-padding-medium);
      padding-right: var(--es-grid-padding-medium);
    }
  }
  @media (min-width: calc(60rem + 1px)) {
    ._padding_d6bif_8 {
      padding-left: var(--es-grid-padding-large);
      padding-right: var(--es-grid-padding-large);
    }
  }
  ._grid_1offn_1 {
    display: grid;
    grid-template-columns: [start] minmax(0, 1fr) [first-col-end middle last-col-start] minmax(
        0,
        1fr
      ) [end];
    grid-column-gap: var(--es-grid-gutter-small);
  }
  @media (min-width: calc(30rem + 1px)) {
    ._grid_1offn_1 {
      display: grid;
      grid-template-columns: [start] minmax(0, 1fr) [first-col-end] repeat(
          2,
          minmax(0, 1fr)
        ) [middle] repeat(2, minmax(0, 1fr)) [last-col-start] minmax(0, 1fr) [end];
      grid-column-gap: var(--es-grid-gutter-medium);
    }
  }
  @media (min-width: calc(60rem + 1px)) {
    ._grid_1offn_1 {
      grid-template-columns: [start] minmax(0, 1fr) [first-col-end] repeat(
          5,
          minmax(0, 1fr)
        ) [middle] repeat(5, minmax(0, 1fr)) [last-col-start] minmax(0, 1fr) [end];
      grid-column-gap: var(--es-grid-gutter-large);
    }
  }
  ._rowGutter_1offn_28 {
    grid-row-gap: var(--es-grid-gutter-small);
  }
  @media (min-width: calc(30rem + 1px)) {
    ._rowGutter_1offn_28 {
      grid-row-gap: var(--es-grid-gutter-medium);
    }
  }
  ._outerContainer_u3ig7_1 {
    overflow-x: hidden;
    position: relative;
    touch-action: pan-y;
  }
  ._innerContainer_u3ig7_7 {
    display: flex;
    align-items: center;
    width: 100%;
  }
  ._innerContainer_u3ig7_7 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  ._badge_aturj_1._badge_aturj_1 {
    color: var(--es-color-text-secondary);
    border: 0.0625rem solid var(--es-color-border-secondary);
    padding: 0.125rem 0.375rem;
    border-radius: 10000px;
  }
  ._badge_aturj_1._isActive_aturj_8 {
    background-color: var(--es-color-background-inverse);
    border-color: var(--es-color-border-primary);
    color: var(--es-color-text-inverse);
  }
  ._s_1w95o_3 {
    --es-i-modal-size: 28.5rem;
  }
  ._m_1w95o_7 {
    --es-i-modal-size: 43rem;
  }
  ._l_1w95o_11 {
    --es-i-modal-size: 57rem;
  }
  ._xl_1w95o_15 {
    --es-i-modal-size: 71rem;
  }
  ._modalMediaOverlay_1w95o_19 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.12s;
  }
  ._modalMediaOverlay_1w95o_19:before,
  ._modalMediaOverlay_1w95o_19:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 4.5rem;
  }
  ._modalMediaOverlay_1w95o_19:before {
    top: -1px;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  ._modalMediaOverlay_1w95o_19:after {
    bottom: -1px;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.5) 100%
    );
  }
  ._modalMediaContainerStyles_1w95o_59 {
    height: calc(var(--es-i-modal-size) / var(--es-i-modal-media-ratio));
    max-height: calc(100vw / var(--es-i-modal-media-ratio));
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
  }
  ._modalMediaContainerStyles_1w95o_59:hover > ._modalMediaOverlay_1w95o_19,
  ._modalMediaContainerStyles_1w95o_59:focus-within
    > ._modalMediaOverlay_1w95o_19 {
    opacity: 1;
  }
  @media (min-width: calc(30rem + 1px)) {
    ._modalMediaContainerStyles_1w95o_59 {
      max-height: calc((100vw - (2rem * 2)) / var(--es-i-modal-media-ratio));
    }
  }
  @media (min-width: calc(60rem + 1px)) {
    ._modalMediaContainerStyles_1w95o_59 {
      max-height: calc((100vw - (4rem * 2)) / var(--es-i-modal-media-ratio));
    }
  }
  ._modalMediaStyles_1w95o_81 {
    width: 100%;
  }
  ._modalMediaStyles_1w95o_81._relative_1w95o_84 {
    position: relative;
  }
  ._modalVideoStyles_1w95o_89 {
    aspect-ratio: var(--es-i-modal-media-ratio);
  }
  ._modalMediaPlayPauseButtonContainer_1w95o_93 {
    z-index: 1;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
  }
  ._modalImageStyles_1w95o_100 {
    display: block;
    height: 100%;
    width: 100%;
    aspect-ratio: var(--es-i-modal-media-ratio);
  }
  ._modalImageTextContainer_1w95o_107 {
    background: var(--es-color-background-overlay-fade-to-bottom);
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-end;
  }
  ._modalImageTextTruncate_1w95o_121 {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
  }
  ._modalTitleDefault_1w95o_129 {
    margin: 1.5rem 1rem;
    padding-right: 3.5rem;
    max-width: 43.5rem;
    max-height: 7.5rem;
    flex-shrink: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  @media (min-width: calc(30rem + 1px)) {
    ._modalTitleDefault_1w95o_129 {
      margin: 1.5rem;
    }
  }
  ._modalTitleNoPadding_1w95o_146 {
    padding: 0;
  }
  ._closeButtonContainer_1w95o_150 {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
  }
  ._closeButtonContainer_1w95o_150:hover
    ~ ._modalMediaContainerStyles_1w95o_59
    > ._modalMediaOverlay_1w95o_19 {
    opacity: 1;
  }
  ._closeButtonContainer_1w95o_150:has(button:focus-visible)
    ~ ._modalMediaContainerStyles_1w95o_59
    > ._modalMediaOverlay_1w95o_19 {
    opacity: 1;
  }
  ._hiddenFocusElement_1w95o_165 {
    position: absolute;
    height: 0;
    width: 0;
    display: hidden;
  }
  ._backdrop_1w95o_171 {
    box-sizing: border-box;
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--es-color-background-backdrop);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    pointer-events: all;
  }
  @media (min-width: calc(30rem + 1px)) {
    ._backdrop_1w95o_171 {
      align-items: center;
    }
  }
  @media (min-width: calc(30rem + 1px)) {
    ._backdropScrollInViewport_1w95o_191 {
      align-items: flex-start;
      overflow: auto;
    }
  }
  ._modalContainer_1w95o_197 {
    display: flex;
    flex-direction: column;
    position: relative;
    background: var(--es-color-background-elevation);
    box-shadow: var(--es-elevation-floating);
    width: var(--es-i-modal-size);
    min-width: 100%;
    max-height: 100%;
  }
  ._modalContainer_1w95o_197,
  ._modalContainer_1w95o_197 * {
    box-sizing: border-box;
  }
  @media (min-width: calc(30rem + 1px)) {
    ._modalContainer_1w95o_197 {
      max-width: calc(100% - var(--es-grid-padding-medium) * 2);
      max-height: calc(100vh - 8rem);
      min-width: auto;
    }
  }
  @media (min-width: calc(60rem + 1px)) {
    ._modalContainer_1w95o_197 {
      max-width: calc(100% - var(--es-grid-padding-large) * 2);
    }
  }
  @media (min-width: calc(30rem + 1px)) {
    ._modalContainerScrollInViewport_1w95o_223 {
      max-height: unset;
      margin-top: 4rem;
      margin-bottom: 4rem;
    }
  }
  ._modalContents_1w95o_231 {
    position: relative;
    flex-grow: 1;
    padding: 4px 1rem calc(0.5rem - 1px);
    margin-top: -1px;
    border-width: 1px 0;
    border-style: solid;
    border-color: transparent;
    overflow: auto;
  }
  @media (min-width: calc(30rem + 1px)) {
    ._modalContents_1w95o_231 {
      padding: 4px 1.5rem calc(0.5rem - 1px);
      margin-top: -4px;
    }
  }
  ._modalContents_1w95o_231:last-child {
    padding-bottom: 1.5rem;
  }
  ._modalContentsScrollBorderTop_1w95o_252 {
    border-top-color: var(--es-color-misc-divider);
  }
  ._modalContentsScrollBorderBottom_1w95o_256:not(:last-child) {
    border-bottom-color: var(--es-color-misc-divider);
  }
  ._modalBottomContainerStyles_1w95o_262 {
    margin: 1.5rem 1rem;
    width: calc(100% - 2rem);
  }
  @media (min-width: calc(30rem + 1px)) {
    ._modalBottomContainerStyles_1w95o_262 {
      margin: 1.5rem;
      width: calc(100% - 3rem);
    }
  }
  :root {
    --es-radius-small: 2px;
    --es-radius-medium: 4px;
    --es-radius-large: 8px;
    --es-radius-circle: 10000px;
    --es-elevation-floating: 0 8px 16px rgba(0, 0, 0, 0.25);
    --es-elevation-top: 0 8px 16px rgba(0, 0, 0, 0.25);
    --es-elevation-bottom: 0 -8px 16px rgba(0, 0, 0, 0.25);
    --es-grid-gutter-small: 1rem;
    --es-grid-gutter-medium: 1rem;
    --es-grid-gutter-large: 1rem;
    --es-grid-padding-small: 1rem;
    --es-grid-padding-medium: 2rem;
    --es-grid-padding-large: 3.5rem;
  }
  :root,
  :root .dark-theme-override {
    --es-color-text-primary: #ffffff;
    --es-color-text-secondary: #ffffffb8;
    --es-color-text-inverse: #000000;
    --es-color-text-negative: #ff6138;
    --es-color-text-disabled: #ffffff52;
    --es-color-text-light-static: #ffffff;
    --es-color-text-dark-static: #000000;
    --es-color-icon-primary: #ffffff;
    --es-color-icon-secondary: #ffffffb8;
    --es-color-icon-inverse: #000000;
    --es-color-icon-positive: #5ad363;
    --es-color-icon-negative: #ff6138;
    --es-color-icon-active: #20afff;
    --es-color-icon-liked: #ff82c2;
    --es-color-icon-disabled: #ffffff52;
    --es-color-icon-light-static: #ffffff;
    --es-color-icon-dark-static: #000000;
    --es-color-background-base: #121418;
    --es-color-background-surface: #cfd6e514;
    --es-color-background-elevation: #292c33;
    --es-color-background-floating: #44474f;
    --es-color-background-inverse: #ffffff;
    --es-color-background-positive: #5ad363;
    --es-color-background-caution: #ffda40;
    --es-color-background-negative: #ff6138;
    --es-color-background-beta: #20afff;
    --es-color-background-new: #bb76ff;
    --es-color-background-backdrop: #000000b3;
    --es-color-background-overlay: #00000040;
    --es-color-background-overlay-fade-to-top: linear-gradient(
      to top,
      #00000000,
      #000000bf
    );
    --es-color-background-overlay-fade-to-bottom: linear-gradient(
      to bottom,
      #00000000,
      #000000bf
    );
    --es-color-background-overlay-fade-full-to-top: linear-gradient(
      to top,
      #0f0f0f00,
      #0f0f0f
    );
    --es-color-background-overlay-fade-full-to-bottom: linear-gradient(
      to bottom,
      #0f0f0f00,
      #0f0f0f
    );
    --es-color-background-brand-fog: #cfd6e5;
    --es-color-background-brand-stone: #9793a5;
    --es-color-background-brand-ecru: #e4d9cf;
    --es-color-background-brand-moss: #bfbda8;
    --es-color-background-brand-pink: #ff82c2;
    --es-color-background-brand-yellow: #ffda40;
    --es-color-background-brand-red: #ff6138;
    --es-color-background-brand-azur: #20afff;
    --es-color-background-brand-off-black: #292c33;
    --es-color-background-brand-off-white: #f1f0eb;
    --es-color-border-primary: #ffffff;
    --es-color-border-secondary: #cfd6e566;
    --es-color-border-tertiary: #cfd6e514;
    --es-color-border-negative: #ff6138;
    --es-color-action-accent: #ff82c2;
    --es-color-action-accent-hovered: #e575af;
    --es-color-action-accent-pressed: #cc689b;
    --es-color-action-accent-disabled: #cfd6e529;
    --es-color-action-primary: #ffffff;
    --es-color-action-primary-hovered: #e7e7e7;
    --es-color-action-primary-pressed: #cfcfcf;
    --es-color-action-primary-disabled: #cfd6e529;
    --es-color-action-primary-inverse: #000000;
    --es-color-action-primary-inverse-hovered: #272727;
    --es-color-action-primary-inverse-pressed: #333333;
    --es-color-action-primary-inverse-disabled: #0000000f;
    --es-color-action-secondary: #cfd6e529;
    --es-color-action-secondary-hovered: #cfd6e53d;
    --es-color-action-secondary-pressed: #cfd6e552;
    --es-color-action-secondary-disabled: #cfd6e529;
    --es-color-action-ghost: #cfd6e500;
    --es-color-action-ghost-hovered: #cfd6e514;
    --es-color-action-ghost-pressed: #cfd6e529;
    --es-color-action-ghost-disabled: #cfd6e500;
    --es-color-action-negative: #ff6138;
    --es-color-action-negative-hovered: #e85833;
    --es-color-action-negative-pressed: #d1502e;
    --es-color-action-negative-disabled: #cfd6e529;
    --es-color-action-segment: #bb76ff;
    --es-color-action-segment-hovered: #bb76ff;
    --es-color-action-segment-pressed: #a86ae5;
    --es-color-action-segment-subtle: #5e3b80;
    --es-color-action-trim: #ffda40;
    --es-color-input-default: #cfd6e529;
    --es-color-input-hovered: #cfd6e53d;
    --es-color-input-pressed: #cfd6e552;
    --es-color-input-disabled: #cfd6e514;
    --es-color-input-active-default: #20afff;
    --es-color-input-active-hovered: #1d9de5;
    --es-color-input-active-pressed: #1a8ccc;
    --es-color-input-active-disabled: #cfd6e529;
    --es-color-track-default: #cfd6e53d;
    --es-color-track-fill: #ffffff;
    --es-color-track-disabled: #cfd6e53d;
    --es-color-track-highlight: #ffda40;
    --es-color-track-highlight-hovered: #e5c43a;
    --es-color-track-highlight-pressed: #ccae33;
    --es-color-track-inverse: #0000003d;
    --es-color-track-fill-inverse: #000000;
    --es-color-data-visualization-cyan: #31f4e8;
    --es-color-data-visualization-purple: #bb76ff;
    --es-color-data-visualization-magenta: #ca26cc;
    --es-color-data-visualization-pink: #ff82c2;
    --es-color-data-visualization-orange: #ff9b26;
    --es-color-data-visualization-yellow: #ffda40;
    --es-color-data-visualization-blue: #20afff;
    --es-color-data-visualization-positive: #41d74d;
    --es-color-data-visualization-negative: #ff6138;
    --es-color-misc-divider: #cfd6e529;
    --es-color-misc-focused: #20afff;
    --es-color-misc-handle: #ffffff;
    --es-color-misc-handle-disabled: #3e4147;
    --es-color-misc-grabber: #cfd6e57a;
    --es-color-platform-facebook: #1877f2;
    --es-color-platform-instagram: linear-gradient(
      to top right,
      #ffca05,
      #f6026b,
      #8512fa
    );
    --es-color-platform-linkedin: #0072b1;
    --es-color-platform-podcast: #f78422;
    --es-color-platform-rumble: #74cc1d;
    --es-color-platform-snapchat: #fffc00;
    --es-color-platform-tiktok: #ff0050;
    --es-color-platform-twitch: #9146ff;
    --es-color-platform-twitter: #1da1f2;
    --es-color-platform-vimeo: #1ab7ea;
    --es-color-platform-youtube: #ff0000;
    --es-color-platform-website: #7d7d7d;
  }
  :root .light-theme-override {
    --es-color-text-primary: #000000;
    --es-color-text-secondary: #00000099;
    --es-color-text-inverse: #ffffff;
    --es-color-text-negative: #ff6138;
    --es-color-text-disabled: #00000033;
    --es-color-text-light-static: #ffffff;
    --es-color-text-dark-static: #000000;
    --es-color-icon-primary: #000000;
    --es-color-icon-secondary: #00000099;
    --es-color-icon-inverse: #ffffff;
    --es-color-icon-positive: #5ad363;
    --es-color-icon-negative: #ff6138;
    --es-color-icon-active: #20afff;
    --es-color-icon-liked: #ff82c2;
    --es-color-icon-disabled: #00000033;
    --es-color-icon-light-static: #ffffff;
    --es-color-icon-dark-static: #000000;
    --es-color-background-base: #f1f0eb;
    --es-color-background-surface: #3d4d740f;
    --es-color-background-elevation: #ffffff;
    --es-color-background-floating: #44474f;
    --es-color-background-inverse: #000000;
    --es-color-background-positive: #5ad363;
    --es-color-background-caution: #ffda40;
    --es-color-background-negative: #ff6138;
    --es-color-background-beta: #20afff;
    --es-color-background-new: #bb76ff;
    --es-color-background-backdrop: #000000b3;
    --es-color-background-overlay: #00000040;
    --es-color-background-overlay-fade-to-top: linear-gradient(
      to top,
      #00000000,
      #000000bf
    );
    --es-color-background-overlay-fade-to-bottom: linear-gradient(
      to bottom,
      #00000000,
      #000000bf
    );
    --es-color-background-overlay-fade-full-to-top: linear-gradient(
      to top,
      #0f0f0f00,
      #0f0f0f
    );
    --es-color-background-overlay-fade-full-to-bottom: linear-gradient(
      to bottom,
      #0f0f0f00,
      #0f0f0f
    );
    --es-color-background-brand-fog: #cfd6e5;
    --es-color-background-brand-stone: #9793a5;
    --es-color-background-brand-ecru: #e4d9cf;
    --es-color-background-brand-moss: #bfbda8;
    --es-color-background-brand-pink: #ff82c2;
    --es-color-background-brand-yellow: #ffda40;
    --es-color-background-brand-red: #ff6138;
    --es-color-background-brand-azur: #20afff;
    --es-color-background-brand-off-black: #292c33;
    --es-color-background-brand-off-white: #f1f0eb;
    --es-color-border-primary: #000000;
    --es-color-border-secondary: #000000a3;
    --es-color-border-tertiary: #00000014;
    --es-color-border-negative: #ff6138;
    --es-color-action-accent: #ff82c2;
    --es-color-action-accent-hovered: #e575af;
    --es-color-action-accent-pressed: #cc689b;
    --es-color-action-accent-disabled: #3d4d740f;
    --es-color-action-primary: #000000;
    --es-color-action-primary-hovered: #272727;
    --es-color-action-primary-pressed: #333333;
    --es-color-action-primary-disabled: #3d4d740f;
    --es-color-action-primary-inverse: #ffffff;
    --es-color-action-primary-inverse-hovered: #e7e7e7;
    --es-color-action-primary-inverse-pressed: #cfcfcf;
    --es-color-action-primary-inverse-disabled: #cfd6e529;
    --es-color-action-secondary: #3d4d741f;
    --es-color-action-secondary-hovered: #3d4d742e;
    --es-color-action-secondary-pressed: #3d4d743d;
    --es-color-action-secondary-disabled: #3d4d740f;
    --es-color-action-ghost: #3d4d7400;
    --es-color-action-ghost-hovered: #3d4d740f;
    --es-color-action-ghost-pressed: #3d4d741f;
    --es-color-action-ghost-disabled: #3d4d7400;
    --es-color-action-negative: #ff6138;
    --es-color-action-negative-hovered: #e85833;
    --es-color-action-negative-pressed: #d1502e;
    --es-color-action-negative-disabled: #3d4d740f;
    --es-color-action-segment: #bb76ff;
    --es-color-action-segment-hovered: #bb76ff;
    --es-color-action-segment-pressed: #a86ae5;
    --es-color-action-segment-subtle: #5e3b80;
    --es-color-action-trim: #ffda40;
    --es-color-input-default: #3d4d740f;
    --es-color-input-hovered: #3d4d741f;
    --es-color-input-pressed: #3d4d742e;
    --es-color-input-disabled: #3d4d740f;
    --es-color-input-active-default: #20afff;
    --es-color-input-active-hovered: #1d9de5;
    --es-color-input-active-pressed: #1a8ccc;
    --es-color-input-active-disabled: #3d4d741f;
    --es-color-track-default: #3d4d743d;
    --es-color-track-fill: #000000;
    --es-color-track-disabled: #3d4d743d;
    --es-color-track-highlight: #ffda40;
    --es-color-track-highlight-hovered: #e5c43a;
    --es-color-track-highlight-pressed: #ccae33;
    --es-color-track-inverse: #cfd6e53d;
    --es-color-track-fill-inverse: #ffffff;
    --es-color-misc-divider: #00000014;
    --es-color-misc-focused: #20afff;
    --es-color-misc-handle: #ffffff;
    --es-color-misc-handle-disabled: #3e4147;
    --es-color-misc-grabber: #00000059;
    --es-color-data-visualization-cyan: #31f4e8;
    --es-color-data-visualization-purple: #bb76ff;
    --es-color-data-visualization-magenta: #ca26cc;
    --es-color-data-visualization-pink: #ff82c2;
    --es-color-data-visualization-orange: #ff9b26;
    --es-color-data-visualization-yellow: #ffda40;
    --es-color-data-visualization-blue: #20afff;
    --es-color-data-visualization-positive: #41d74d;
    --es-color-data-visualization-negative: #ff6138;
    --es-color-platform-facebook: #1877f2;
    --es-color-platform-instagram: linear-gradient(
      to top right,
      #ffca05,
      #f6026b,
      #8512fa
    );
    --es-color-platform-linkedin: #0072b1;
    --es-color-platform-podcast: #f78422;
    --es-color-platform-rumble: #74cc1d;
    --es-color-platform-snapchat: #fffc00;
    --es-color-platform-tiktok: #ff0050;
    --es-color-platform-twitch: #9146ff;
    --es-color-platform-twitter: #1da1f2;
    --es-color-platform-vimeo: #1ab7ea;
    --es-color-platform-youtube: #ff0000;
    --es-color-platform-website: #7d7d7d;
  }
  :root .alternative-theme-override {
    --es-color-text-primary: #ffffff;
    --es-color-text-secondary: #ffffffb8;
    --es-color-text-inverse: #000000;
    --es-color-text-negative: #ff6138;
    --es-color-text-disabled: #ffffff52;
    --es-color-text-light-static: #ffffff;
    --es-color-text-dark-static: #000000;
    --es-color-icon-primary: #ffffff;
    --es-color-icon-secondary: #ffffffb8;
    --es-color-icon-inverse: #000000;
    --es-color-icon-positive: #5ad363;
    --es-color-icon-negative: #ff6138;
    --es-color-icon-active: #20afff;
    --es-color-icon-liked: #ff82c2;
    --es-color-icon-disabled: #ffffff52;
    --es-color-icon-light-static: #ffffff;
    --es-color-icon-dark-static: #000000;
    --es-color-background-base: #121418;
    --es-color-background-surface: #cfd6e514;
    --es-color-background-elevation: #292c33;
    --es-color-background-floating: #44474f;
    --es-color-background-inverse: #ffffff;
    --es-color-background-positive: #5ad363;
    --es-color-background-caution: #ffda40;
    --es-color-background-negative: #ff6138;
    --es-color-background-beta: #20afff;
    --es-color-background-new: #bb76ff;
    --es-color-background-backdrop: #000000b3;
    --es-color-background-overlay: #00000040;
    --es-color-background-overlay-fade-to-top: linear-gradient(
      to top,
      #00000000,
      #000000bf
    );
    --es-color-background-overlay-fade-to-bottom: linear-gradient(
      to bottom,
      #00000000,
      #000000bf
    );
    --es-color-background-overlay-fade-full-to-top: linear-gradient(
      to top,
      #0f0f0f00,
      #0f0f0f
    );
    --es-color-background-overlay-fade-full-to-bottom: linear-gradient(
      to bottom,
      #0f0f0f00,
      #0f0f0f
    );
    --es-color-background-brand-fog: #cfd6e5;
    --es-color-background-brand-stone: #9793a5;
    --es-color-background-brand-ecru: #e4d9cf;
    --es-color-background-brand-moss: #bfbda8;
    --es-color-background-brand-pink: #ff82c2;
    --es-color-background-brand-yellow: #ffda40;
    --es-color-background-brand-red: #ff6138;
    --es-color-background-brand-azur: #20afff;
    --es-color-background-brand-off-black: #292c33;
    --es-color-background-brand-off-white: #f1f0eb;
    --es-color-border-primary: #ffffff;
    --es-color-border-secondary: #cfd6e566;
    --es-color-border-tertiary: #cfd6e514;
    --es-color-border-negative: #ff6138;
    --es-color-action-accent: #ff82c2;
    --es-color-action-accent-hovered: #e575af;
    --es-color-action-accent-pressed: #cc689b;
    --es-color-action-accent-disabled: #cfd6e529;
    --es-color-action-primary: #ffffff;
    --es-color-action-primary-hovered: #e7e7e7;
    --es-color-action-primary-pressed: #cfcfcf;
    --es-color-action-primary-disabled: #cfd6e529;
    --es-color-action-primary-inverse: #000000;
    --es-color-action-primary-inverse-hovered: #272727;
    --es-color-action-primary-inverse-pressed: #333333;
    --es-color-action-primary-inverse-disabled: #0000000f;
    --es-color-action-secondary: #cfd6e529;
    --es-color-action-secondary-hovered: #cfd6e53d;
    --es-color-action-secondary-pressed: #cfd6e552;
    --es-color-action-secondary-disabled: #cfd6e529;
    --es-color-action-ghost: #cfd6e500;
    --es-color-action-ghost-hovered: #cfd6e514;
    --es-color-action-ghost-pressed: #cfd6e529;
    --es-color-action-ghost-disabled: #cfd6e500;
    --es-color-action-negative: #ff6138;
    --es-color-action-negative-hovered: #e85833;
    --es-color-action-negative-pressed: #d1502e;
    --es-color-action-negative-disabled: #cfd6e529;
    --es-color-action-segment: #bb76ff;
    --es-color-action-segment-hovered: #bb76ff;
    --es-color-action-segment-pressed: #a86ae5;
    --es-color-action-segment-subtle: #5e3b80;
    --es-color-action-trim: #ffda40;
    --es-color-input-default: #cfd6e529;
    --es-color-input-hovered: #cfd6e53d;
    --es-color-input-pressed: #cfd6e552;
    --es-color-input-disabled: #cfd6e514;
    --es-color-input-active-default: #20afff;
    --es-color-input-active-hovered: #1d9de5;
    --es-color-input-active-pressed: #1a8ccc;
    --es-color-input-active-disabled: #cfd6e529;
    --es-color-track-default: #cfd6e53d;
    --es-color-track-fill: #ffffff;
    --es-color-track-disabled: #cfd6e53d;
    --es-color-track-highlight: #ffda40;
    --es-color-track-highlight-hovered: #e5c43a;
    --es-color-track-highlight-pressed: #ccae33;
    --es-color-track-inverse: #0000003d;
    --es-color-track-fill-inverse: #000000;
    --es-color-data-visualization-cyan: #31f4e8;
    --es-color-data-visualization-purple: #bb76ff;
    --es-color-data-visualization-magenta: #ca26cc;
    --es-color-data-visualization-pink: #ff82c2;
    --es-color-data-visualization-orange: #ff9b26;
    --es-color-data-visualization-yellow: #ffda40;
    --es-color-data-visualization-blue: #20afff;
    --es-color-data-visualization-positive: #41d74d;
    --es-color-data-visualization-negative: #ff6138;
    --es-color-misc-divider: #cfd6e529;
    --es-color-misc-focused: #20afff;
    --es-color-misc-handle: #ffffff;
    --es-color-misc-handle-disabled: #3e4147;
    --es-color-misc-grabber: #cfd6e57a;
    --es-color-platform-facebook: #1877f2;
    --es-color-platform-instagram: linear-gradient(
      to top right,
      #ffca05,
      #f6026b,
      #8512fa
    );
    --es-color-platform-linkedin: #0072b1;
    --es-color-platform-podcast: #f78422;
    --es-color-platform-rumble: #74cc1d;
    --es-color-platform-snapchat: #fffc00;
    --es-color-platform-tiktok: #ff0050;
    --es-color-platform-twitch: #9146ff;
    --es-color-platform-twitter: #1da1f2;
    --es-color-platform-vimeo: #1ab7ea;
    --es-color-platform-youtube: #ff0000;
    --es-color-platform-website: #7d7d7d;
  }
  :root .alternative-light-theme-override {
    --es-color-text-primary: #000000;
    --es-color-text-secondary: #00000099;
    --es-color-text-inverse: #ffffff;
    --es-color-text-negative: #ff6138;
    --es-color-text-disabled: #00000033;
    --es-color-text-light-static: #ffffff;
    --es-color-text-dark-static: #000000;
    --es-color-icon-primary: #000000;
    --es-color-icon-secondary: #00000099;
    --es-color-icon-inverse: #ffffff;
    --es-color-icon-positive: #5ad363;
    --es-color-icon-negative: #ff6138;
    --es-color-icon-active: #20afff;
    --es-color-icon-liked: #ff82c2;
    --es-color-icon-disabled: #00000033;
    --es-color-icon-light-static: #ffffff;
    --es-color-icon-dark-static: #000000;
    --es-color-background-base: #f1f0eb;
    --es-color-background-surface: #3d4d740f;
    --es-color-background-elevation: #ffffff;
    --es-color-background-floating: #44474f;
    --es-color-background-inverse: #000000;
    --es-color-background-positive: #5ad363;
    --es-color-background-caution: #ffda40;
    --es-color-background-negative: #ff6138;
    --es-color-background-beta: #20afff;
    --es-color-background-new: #bb76ff;
    --es-color-background-backdrop: #000000b3;
    --es-color-background-overlay: #00000040;
    --es-color-background-overlay-fade-to-top: linear-gradient(
      to top,
      #00000000,
      #000000bf
    );
    --es-color-background-overlay-fade-to-bottom: linear-gradient(
      to bottom,
      #00000000,
      #000000bf
    );
    --es-color-background-overlay-fade-full-to-top: linear-gradient(
      to top,
      #0f0f0f00,
      #0f0f0f
    );
    --es-color-background-overlay-fade-full-to-bottom: linear-gradient(
      to bottom,
      #0f0f0f00,
      #0f0f0f
    );
    --es-color-background-brand-fog: #cfd6e5;
    --es-color-background-brand-stone: #9793a5;
    --es-color-background-brand-ecru: #e4d9cf;
    --es-color-background-brand-moss: #bfbda8;
    --es-color-background-brand-pink: #ff82c2;
    --es-color-background-brand-yellow: #ffda40;
    --es-color-background-brand-red: #ff6138;
    --es-color-background-brand-azur: #20afff;
    --es-color-background-brand-off-black: #292c33;
    --es-color-background-brand-off-white: #f1f0eb;
    --es-color-border-primary: #000000;
    --es-color-border-secondary: #000000a3;
    --es-color-border-tertiary: #00000014;
    --es-color-border-negative: #ff6138;
    --es-color-action-accent: #ff82c2;
    --es-color-action-accent-hovered: #e575af;
    --es-color-action-accent-pressed: #cc689b;
    --es-color-action-accent-disabled: #3d4d740f;
    --es-color-action-primary: #000000;
    --es-color-action-primary-hovered: #272727;
    --es-color-action-primary-pressed: #333333;
    --es-color-action-primary-disabled: #3d4d740f;
    --es-color-action-primary-inverse: #ffffff;
    --es-color-action-primary-inverse-hovered: #e7e7e7;
    --es-color-action-primary-inverse-pressed: #cfcfcf;
    --es-color-action-primary-inverse-disabled: #cfd6e529;
    --es-color-action-secondary: #3d4d741f;
    --es-color-action-secondary-hovered: #3d4d742e;
    --es-color-action-secondary-pressed: #3d4d743d;
    --es-color-action-secondary-disabled: #3d4d740f;
    --es-color-action-ghost: #3d4d7400;
    --es-color-action-ghost-hovered: #3d4d740f;
    --es-color-action-ghost-pressed: #3d4d741f;
    --es-color-action-ghost-disabled: #3d4d7400;
    --es-color-action-negative: #ff6138;
    --es-color-action-negative-hovered: #e85833;
    --es-color-action-negative-pressed: #d1502e;
    --es-color-action-negative-disabled: #3d4d740f;
    --es-color-action-segment: #bb76ff;
    --es-color-action-segment-hovered: #bb76ff;
    --es-color-action-segment-pressed: #a86ae5;
    --es-color-action-segment-subtle: #5e3b80;
    --es-color-action-trim: #ffda40;
    --es-color-input-default: #3d4d740f;
    --es-color-input-hovered: #3d4d741f;
    --es-color-input-pressed: #3d4d742e;
    --es-color-input-disabled: #3d4d740f;
    --es-color-input-active-default: #20afff;
    --es-color-input-active-hovered: #1d9de5;
    --es-color-input-active-pressed: #1a8ccc;
    --es-color-input-active-disabled: #3d4d741f;
    --es-color-track-default: #3d4d743d;
    --es-color-track-fill: #000000;
    --es-color-track-disabled: #3d4d743d;
    --es-color-track-highlight: #ffda40;
    --es-color-track-highlight-hovered: #e5c43a;
    --es-color-track-highlight-pressed: #ccae33;
    --es-color-track-inverse: #cfd6e53d;
    --es-color-track-fill-inverse: #ffffff;
    --es-color-misc-divider: #00000014;
    --es-color-misc-focused: #20afff;
    --es-color-misc-handle: #ffffff;
    --es-color-misc-handle-disabled: #3e4147;
    --es-color-misc-grabber: #00000059;
    --es-color-data-visualization-cyan: #31f4e8;
    --es-color-data-visualization-purple: #bb76ff;
    --es-color-data-visualization-magenta: #ca26cc;
    --es-color-data-visualization-pink: #ff82c2;
    --es-color-data-visualization-orange: #ff9b26;
    --es-color-data-visualization-yellow: #ffda40;
    --es-color-data-visualization-blue: #20afff;
    --es-color-data-visualization-positive: #41d74d;
    --es-color-data-visualization-negative: #ff6138;
    --es-color-platform-facebook: #1877f2;
    --es-color-platform-instagram: linear-gradient(
      to top right,
      #ffca05,
      #f6026b,
      #8512fa
    );
    --es-color-platform-linkedin: #0072b1;
    --es-color-platform-podcast: #f78422;
    --es-color-platform-rumble: #74cc1d;
    --es-color-platform-snapchat: #fffc00;
    --es-color-platform-tiktok: #ff0050;
    --es-color-platform-twitch: #9146ff;
    --es-color-platform-twitter: #1da1f2;
    --es-color-platform-vimeo: #1ab7ea;
    --es-color-platform-youtube: #ff0000;
    --es-color-platform-website: #7d7d7d;
  }
  :root .premiere-pro-theme-override {
    --es-color-text-primary: #ffffff;
    --es-color-text-secondary: #ffffffa6;
    --es-color-text-inverse: #000000;
    --es-color-text-negative: #ff6138;
    --es-color-text-disabled: #ffffff33;
    --es-color-text-light-static: #ffffff;
    --es-color-text-dark-static: #000000;
    --es-color-icon-primary: #ffffff;
    --es-color-icon-secondary: #ffffffa6;
    --es-color-icon-inverse: #000000;
    --es-color-icon-positive: #5ad363;
    --es-color-icon-negative: #ff6138;
    --es-color-icon-active: #20afff;
    --es-color-icon-liked: #ff82c2;
    --es-color-icon-disabled: #ffffff33;
    --es-color-icon-light-static: #ffffff;
    --es-color-icon-dark-static: #000000;
    --es-color-background-base: #1c1c1c;
    --es-color-background-surface: #ffffff0a;
    --es-color-background-elevation: #2e2e2e;
    --es-color-background-floating: #404040;
    --es-color-background-inverse: #ffffff;
    --es-color-background-positive: #5ad363;
    --es-color-background-caution: #ffda40;
    --es-color-background-negative: #ff6138;
    --es-color-background-beta: #20afff;
    --es-color-background-new: #bb76ff;
    --es-color-background-backdrop: #000000b3;
    --es-color-background-overlay: #00000040;
    --es-color-background-overlay-fade-to-top: linear-gradient(
      to top,
      #00000000,
      #000000bf
    );
    --es-color-background-overlay-fade-to-bottom: linear-gradient(
      to bottom,
      #00000000,
      #000000bf
    );
    --es-color-background-overlay-fade-full-to-top: linear-gradient(
      to top,
      #0f0f0f00,
      #0f0f0f
    );
    --es-color-background-overlay-fade-full-to-bottom: linear-gradient(
      to bottom,
      #0f0f0f00,
      #0f0f0f
    );
    --es-color-background-brand-fog: #cfd6e5;
    --es-color-background-brand-stone: #9793a5;
    --es-color-background-brand-ecru: #e4d9cf;
    --es-color-background-brand-moss: #bfbda8;
    --es-color-background-brand-pink: #ff82c2;
    --es-color-background-brand-yellow: #ffda40;
    --es-color-background-brand-red: #ff6138;
    --es-color-background-brand-azur: #20afff;
    --es-color-background-brand-off-black: #292c33;
    --es-color-background-brand-off-white: #f1f0eb;
    --es-color-border-primary: #ffffff;
    --es-color-border-secondary: #ffffff80;
    --es-color-border-tertiary: #ffffff0d;
    --es-color-border-negative: #ff6138;
    --es-color-action-accent: #20afff;
    --es-color-action-accent-hovered: #1d9de5;
    --es-color-action-accent-pressed: #1a8ccc;
    --es-color-action-accent-disabled: #ffffff14;
    --es-color-action-primary: #ffffff;
    --es-color-action-primary-hovered: #e7e7e7;
    --es-color-action-primary-pressed: #cfcfcf;
    --es-color-action-primary-disabled: #ffffff14;
    --es-color-action-primary-inverse: #000000;
    --es-color-action-primary-inverse-hovered: #272727;
    --es-color-action-primary-inverse-pressed: #333333;
    --es-color-action-primary-inverse-disabled: #0000000f;
    --es-color-action-secondary: #ffffff29;
    --es-color-action-secondary-hovered: #ffffff3d;
    --es-color-action-secondary-pressed: #ffffff52;
    --es-color-action-secondary-disabled: #ffffff14;
    --es-color-action-ghost: #ffffff00;
    --es-color-action-ghost-hovered: #ffffff14;
    --es-color-action-ghost-pressed: #ffffff29;
    --es-color-action-ghost-disabled: #ffffff00;
    --es-color-action-negative: #ff6138;
    --es-color-action-negative-hovered: #e85833;
    --es-color-action-negative-pressed: #d1502e;
    --es-color-action-negative-disabled: #ffffff14;
    --es-color-action-segment: #bb76ff;
    --es-color-action-segment-hovered: #bb76ff;
    --es-color-action-segment-pressed: #a86ae5;
    --es-color-action-segment-subtle: #5e3b80;
    --es-color-action-trim: #ffda40;
    --es-color-input-default: #ffffff14;
    --es-color-input-hovered: #ffffff29;
    --es-color-input-pressed: #ffffff3d;
    --es-color-input-disabled: #ffffff0a;
    --es-color-input-active-default: #20afff;
    --es-color-input-active-hovered: #1d9de5;
    --es-color-input-active-pressed: #1a8ccc;
    --es-color-input-active-disabled: #ffffff29;
    --es-color-track-default: #ffffff3d;
    --es-color-track-fill: #ffffff;
    --es-color-track-disabled: #ffffff3d;
    --es-color-track-highlight: #ffda40;
    --es-color-track-highlight-hovered: #e5c43a;
    --es-color-track-highlight-pressed: #ccae33;
    --es-color-track-inverse: #0000003d;
    --es-color-track-fill-inverse: #000000;
    --es-color-misc-divider: #ffffff29;
    --es-color-misc-focused: #20afff;
    --es-color-misc-handle: #ffffff;
    --es-color-misc-handle-disabled: #3e4147;
    --es-color-misc-grabber: #ffffff7a;
    --es-color-data-visualization-cyan: #31f4e8;
    --es-color-data-visualization-purple: #bb76ff;
    --es-color-data-visualization-magenta: #ca26cc;
    --es-color-data-visualization-pink: #ff82c2;
    --es-color-data-visualization-orange: #ff9b26;
    --es-color-data-visualization-yellow: #ffda40;
    --es-color-data-visualization-blue: #20afff;
    --es-color-data-visualization-positive: #41d74d;
    --es-color-data-visualization-negative: #ff6138;
    --es-color-platform-facebook: #1877f2;
    --es-color-platform-instagram: linear-gradient(
      to top right,
      #ffca05,
      #f6026b,
      #8512fa
    );
    --es-color-platform-linkedin: #0072b1;
    --es-color-platform-podcast: #f78422;
    --es-color-platform-rumble: #74cc1d;
    --es-color-platform-snapchat: #fffc00;
    --es-color-platform-tiktok: #ff0050;
    --es-color-platform-twitch: #9146ff;
    --es-color-platform-twitter: #1da1f2;
    --es-color-platform-vimeo: #1ab7ea;
    --es-color-platform-youtube: #ff0000;
    --es-color-platform-website: #7d7d7d;
  }
  :root .plugin-theme-override {
    --es-color-text-primary: #ffffff;
    --es-color-text-secondary: #ffffffb8;
    --es-color-text-inverse: #000000;
    --es-color-text-negative: #ff6138;
    --es-color-text-disabled: #ffffff52;
    --es-color-text-light-static: #ffffff;
    --es-color-text-dark-static: #000000;
    --es-color-icon-primary: #ffffff;
    --es-color-icon-secondary: #ffffffb8;
    --es-color-icon-inverse: #000000;
    --es-color-icon-positive: #5ad363;
    --es-color-icon-negative: #ff6138;
    --es-color-icon-active: #20afff;
    --es-color-icon-liked: #ff82c2;
    --es-color-icon-disabled: #ffffff52;
    --es-color-icon-light-static: #ffffff;
    --es-color-icon-dark-static: #000000;
    --es-color-background-base: #121418;
    --es-color-background-surface: #cfd6e514;
    --es-color-background-elevation: #292c33;
    --es-color-background-floating: #44474f;
    --es-color-background-inverse: #ffffff;
    --es-color-background-positive: #5ad363;
    --es-color-background-caution: #ffda40;
    --es-color-background-negative: #ff6138;
    --es-color-background-beta: #20afff;
    --es-color-background-new: #bb76ff;
    --es-color-background-backdrop: #000000b3;
    --es-color-background-overlay: #00000040;
    --es-color-background-overlay-fade-to-top: linear-gradient(
      to top,
      #00000000,
      #000000bf
    );
    --es-color-background-overlay-fade-to-bottom: linear-gradient(
      to bottom,
      #00000000,
      #000000bf
    );
    --es-color-background-overlay-fade-full-to-top: linear-gradient(
      to top,
      #0f0f0f00,
      #0f0f0f
    );
    --es-color-background-overlay-fade-full-to-bottom: linear-gradient(
      to bottom,
      #0f0f0f00,
      #0f0f0f
    );
    --es-color-background-brand-fog: #cfd6e5;
    --es-color-background-brand-stone: #9793a5;
    --es-color-background-brand-ecru: #e4d9cf;
    --es-color-background-brand-moss: #bfbda8;
    --es-color-background-brand-pink: #ff82c2;
    --es-color-background-brand-yellow: #ffda40;
    --es-color-background-brand-red: #ff6138;
    --es-color-background-brand-azur: #20afff;
    --es-color-background-brand-off-black: #292c33;
    --es-color-background-brand-off-white: #f1f0eb;
    --es-color-border-primary: #ffffff;
    --es-color-border-secondary: #cfd6e566;
    --es-color-border-tertiary: #cfd6e514;
    --es-color-border-negative: #ff6138;
    --es-color-action-accent: #ff82c2;
    --es-color-action-accent-hovered: #e575af;
    --es-color-action-accent-pressed: #cc689b;
    --es-color-action-accent-disabled: #cfd6e529;
    --es-color-action-primary: #ffffff;
    --es-color-action-primary-hovered: #e7e7e7;
    --es-color-action-primary-pressed: #cfcfcf;
    --es-color-action-primary-disabled: #cfd6e529;
    --es-color-action-primary-inverse: #000000;
    --es-color-action-primary-inverse-hovered: #272727;
    --es-color-action-primary-inverse-pressed: #333333;
    --es-color-action-primary-inverse-disabled: #0000000f;
    --es-color-action-secondary: #cfd6e529;
    --es-color-action-secondary-hovered: #cfd6e53d;
    --es-color-action-secondary-pressed: #cfd6e552;
    --es-color-action-secondary-disabled: #cfd6e529;
    --es-color-action-ghost: #cfd6e500;
    --es-color-action-ghost-hovered: #cfd6e514;
    --es-color-action-ghost-pressed: #cfd6e529;
    --es-color-action-ghost-disabled: #cfd6e500;
    --es-color-action-negative: #ff6138;
    --es-color-action-negative-hovered: #e85833;
    --es-color-action-negative-pressed: #d1502e;
    --es-color-action-negative-disabled: #cfd6e529;
    --es-color-action-segment: #bb76ff;
    --es-color-action-segment-hovered: #bb76ff;
    --es-color-action-segment-pressed: #a86ae5;
    --es-color-action-segment-subtle: #5e3b80;
    --es-color-action-trim: #ffda40;
    --es-color-input-default: #cfd6e529;
    --es-color-input-hovered: #cfd6e53d;
    --es-color-input-pressed: #cfd6e552;
    --es-color-input-disabled: #cfd6e514;
    --es-color-input-active-default: #20afff;
    --es-color-input-active-hovered: #1d9de5;
    --es-color-input-active-pressed: #1a8ccc;
    --es-color-input-active-disabled: #cfd6e529;
    --es-color-track-default: #cfd6e53d;
    --es-color-track-fill: #ffffff;
    --es-color-track-disabled: #cfd6e53d;
    --es-color-track-highlight: #ffda40;
    --es-color-track-highlight-hovered: #e5c43a;
    --es-color-track-highlight-pressed: #ccae33;
    --es-color-track-inverse: #0000003d;
    --es-color-track-fill-inverse: #000000;
    --es-color-data-visualization-cyan: #31f4e8;
    --es-color-data-visualization-purple: #bb76ff;
    --es-color-data-visualization-magenta: #ca26cc;
    --es-color-data-visualization-pink: #ff82c2;
    --es-color-data-visualization-orange: #ff9b26;
    --es-color-data-visualization-yellow: #ffda40;
    --es-color-data-visualization-blue: #20afff;
    --es-color-data-visualization-positive: #41d74d;
    --es-color-data-visualization-negative: #ff6138;
    --es-color-misc-divider: #cfd6e529;
    --es-color-misc-focused: #20afff;
    --es-color-misc-handle: #ffffff;
    --es-color-misc-handle-disabled: #3e4147;
    --es-color-misc-grabber: #cfd6e57a;
    --es-color-platform-facebook: #1877f2;
    --es-color-platform-instagram: linear-gradient(
      to top right,
      #ffca05,
      #f6026b,
      #8512fa
    );
    --es-color-platform-linkedin: #0072b1;
    --es-color-platform-podcast: #f78422;
    --es-color-platform-rumble: #74cc1d;
    --es-color-platform-snapchat: #fffc00;
    --es-color-platform-tiktok: #ff0050;
    --es-color-platform-twitch: #9146ff;
    --es-color-platform-twitter: #1da1f2;
    --es-color-platform-vimeo: #1ab7ea;
    --es-color-platform-youtube: #ff0000;
    --es-color-platform-website: #7d7d7d;
  }
  :root {
    --es-border-width-input: 1px;
    --es-border-width-select-input: 2px;
  }
  .no-default-focus,
  .focus-visible,
  .focus-visible-before,
  .focus-visible-after {
    outline: none;
  }
  .no-default-focus::-moz-focus-inner,
  .focus-visible::-moz-focus-inner,
  .focus-visible-before::-moz-focus-inner,
  .focus-visible-after::-moz-focus-inner {
    border: 0;
  }
  .focus-static {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  .focus-visible:focus {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  .focus-visible:focus-visible {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  .focus-visible:focus:not(:focus-visible) {
    outline: none !important;
  }
  .focus-visible-before:focus:before {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  .focus-visible-before:focus-visible:before {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  .focus-visible-before:focus:not(:focus-visible):before {
    outline: none !important;
  }
  .focus-visible-after:focus:after {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  .focus-visible-after:focus-visible:after {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  .focus-visible-after:focus:not(:focus-visible):after {
    outline: none !important;
  }
  .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
  }
  .es-i-icon-size {
    width: var(--es-i-icon-size, 1.5rem);
    height: var(--es-i-icon-size, 1.5rem);
  }
  body {
    --es-header-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --es-text-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --es-heading-3xl-font-size: 8rem;
    --es-heading-3xl-font-weight: 500;
    --es-heading-3xl-line-height: 8rem;
    --es-heading-3xl-letter-spacing: -0.32rem;
    --es-heading-2xl-font-size: 5rem;
    --es-heading-2xl-font-weight: 500;
    --es-heading-2xl-line-height: 5rem;
    --es-heading-2xl-letter-spacing: -0.15rem;
    --es-heading-xl-font-size: 4rem;
    --es-heading-xl-font-weight: 500;
    --es-heading-xl-line-height: 4.25rem;
    --es-heading-xl-letter-spacing: -0.12rem;
    --es-heading-l-font-size: 3rem;
    --es-heading-l-font-weight: 500;
    --es-heading-l-line-height: 3.375rem;
    --es-heading-l-letter-spacing: -0.09rem;
    --es-heading-m-font-size: 2.5rem;
    --es-heading-m-font-weight: 500;
    --es-heading-m-line-height: 3rem;
    --es-heading-m-letter-spacing: -0.075rem;
    --es-heading-s-font-size: 2rem;
    --es-heading-s-font-weight: 500;
    --es-heading-s-line-height: 2.5rem;
    --es-heading-s-letter-spacing: -0.06rem;
    --es-heading-xs-font-size: 1.5rem;
    --es-heading-xs-font-weight: 500;
    --es-heading-xs-line-height: 1.875rem;
    --es-heading-xs-letter-spacing: -0.03rem;
    --es-heading-2xs-font-size: 1.25rem;
    --es-heading-2xs-font-weight: 500;
    --es-heading-2xs-line-height: 1.5rem;
    --es-heading-2xs-letter-spacing: -0.025rem;
    --es-subheading-l-font-size: 1.25rem;
    --es-subheading-l-font-weight: 500;
    --es-subheading-l-line-height: 1.5rem;
    --es-subheading-m-font-size: 1rem;
    --es-subheading-m-font-weight: 600;
    --es-subheading-m-line-height: 1.5rem;
    --es-subheading-s-font-size: 0.875rem;
    --es-subheading-s-font-weight: 600;
    --es-subheading-s-line-height: 1.5rem;
    --es-text-xl-font-size: 1.125rem;
    --es-text-xl-font-weight: 500;
    --es-text-xl-line-height: 1.75rem;
    --es-text-l-font-size: 1.125rem;
    --es-text-l-font-weight: 500;
    --es-text-l-line-height: 1.75rem;
    --es-text-m-font-size: 1rem;
    --es-text-m-font-weight: 500;
    --es-text-m-line-height: 1.5rem;
    --es-text-s-font-size: 0.875rem;
    --es-text-s-font-weight: 500;
    --es-text-s-line-height: 1.5rem;
    --es-text-xs-font-size: 0.75rem;
    --es-text-xs-font-weight: 400;
    --es-text-xs-line-height: 1rem;
    --es-text-button-m-font-size: 1rem;
    --es-text-button-m-font-weight: 600;
    --es-text-button-m-line-height: 1.5rem;
    --es-text-button-s-font-size: 0.875rem;
    --es-text-button-s-font-weight: 600;
    --es-text-button-s-line-height: 1.5rem;
    --es-text-overline-m-font-size: 0.875rem;
    --es-text-overline-m-font-weight: 600;
    --es-text-overline-m-line-height: 1.5rem;
    --es-text-overline-m-letter-spacing: 0.0875rem;
    --es-text-overline-s-font-size: 0.75rem;
    --es-text-overline-s-font-weight: 500;
    --es-text-overline-s-line-height: 1rem;
    --es-text-overline-s-letter-spacing: 0.075rem;
  }
  :is([class*="es-heading"], .es-legacy-heading) {
    font-family: var(--es-header-font-family);
  }
  :is([class*="es-text"], .es-legacy-text) {
    font-family: var(--es-text-font-family);
  }
  [class*="es-text-overline"] {
    text-transform: uppercase;
  }
  .es-heading-3xl {
    font-size: var(
      --es-heading-3xl-font-size,
      var(--es-i-text-legacy-font-size, 4rem)
    );
    font-weight: var(
      --es-heading-3xl-font-weight,
      var(--es-i-text-legacy-font-weight, 600)
    );
    line-height: var(
      --es-heading-3xl-line-height,
      var(--es-i-text-legacy-line-height, 4.5rem)
    );
    letter-spacing: var(
      --es-heading-3xl-letter-spacing,
      var(--es-i-text-legacy-letter-spacing, -0.02em)
    );
  }
  .es-heading-2xl {
    font-size: var(
      --es-heading-2xl-font-size,
      var(--es-i-text-legacy-font-size, 4rem)
    );
    font-weight: var(
      --es-heading-2xl-font-weight,
      var(--es-i-text-legacy-font-weight, 600)
    );
    line-height: var(
      --es-heading-2xl-line-height,
      var(--es-i-text-legacy-line-height, 4.5rem)
    );
    letter-spacing: var(
      --es-heading-2xl-letter-spacing,
      var(--es-i-text-legacy-letter-spacing, -0.02em)
    );
  }
  .es-heading-xl {
    font-size: var(
      --es-heading-xl-font-size,
      var(--es-i-text-legacy-font-size, 3.5rem)
    );
    font-weight: var(
      --es-heading-xl-font-weight,
      var(--es-i-text-legacy-font-weight, 600)
    );
    line-height: var(
      --es-heading-xl-line-height,
      var(--es-i-text-legacy-line-height, 4rem)
    );
    letter-spacing: var(
      --es-heading-xl-letter-spacing,
      var(--es-i-text-legacy-letter-spacing, -0.02em)
    );
  }
  .es-heading-l {
    font-size: var(
      --es-heading-l-font-size,
      var(--es-i-text-legacy-font-size, 3rem)
    );
    font-weight: var(
      --es-heading-l-font-weight,
      var(--es-i-text-legacy-font-weight, 600)
    );
    line-height: var(
      --es-heading-l-line-height,
      var(--es-i-text-legacy-line-height, 3.5rem)
    );
    letter-spacing: var(
      --es-heading-l-letter-spacing,
      var(--es-i-text-legacy-letter-spacing, -0.02em)
    );
  }
  .es-heading-m {
    font-size: var(
      --es-heading-m-font-size,
      var(--es-i-text-legacy-font-size, 2.5rem)
    );
    font-weight: var(
      --es-heading-m-font-weight,
      var(--es-i-text-legacy-font-weight, 600)
    );
    line-height: var(
      --es-heading-m-line-height,
      var(--es-i-text-legacy-line-height, 3rem)
    );
    letter-spacing: var(
      --es-heading-m-letter-spacing,
      var(--es-i-text-legacy-letter-spacing, -0.02em)
    );
  }
  .es-heading-s {
    font-size: var(
      --es-heading-s-font-size,
      var(--es-i-text-legacy-font-size, 2rem)
    );
    font-weight: var(
      --es-heading-s-font-weight,
      var(--es-i-text-legacy-font-weight, 600)
    );
    line-height: var(
      --es-heading-s-line-height,
      var(--es-i-text-legacy-line-height, 2.375rem)
    );
    letter-spacing: var(
      --es-heading-s-letter-spacing,
      var(--es-i-text-legacy-letter-spacing, -0.02em)
    );
  }
  .es-heading-xs {
    font-size: var(
      --es-heading-xs-font-size,
      var(--es-i-text-legacy-font-size, 1.5rem)
    );
    font-weight: var(
      --es-heading-xs-font-weight,
      var(--es-i-text-legacy-font-weight, 600)
    );
    line-height: var(
      --es-heading-xs-line-height,
      var(--es-i-text-legacy-line-height, 1.75rem)
    );
    letter-spacing: var(
      --es-heading-xs-letter-spacing,
      var(--es-i-text-legacy-letter-spacing, -0.02em)
    );
  }
  .es-heading-2xs {
    font-size: var(
      --es-heading-2xs-font-size,
      var(--es-i-text-legacy-font-size, 1.5rem)
    );
    font-weight: var(
      --es-heading-2xs-font-weight,
      var(--es-i-text-legacy-font-weight, 600)
    );
    line-height: var(
      --es-heading-2xs-line-height,
      var(--es-i-text-legacy-line-height, 1.75rem)
    );
    letter-spacing: var(
      --es-heading-2xs-letter-spacing,
      var(--es-i-text-legacy-letter-spacing, -0.02em)
    );
  }
  .es-subheading-l {
    font-size: var(
      --es-subheading-l-font-size,
      var(--es-i-text-legacy-font-size, 1.25rem)
    );
    font-weight: var(
      --es-subheading-l-font-weight,
      var(--es-i-text-legacy-font-weight, 500)
    );
    line-height: var(
      --es-subheading-l-line-height,
      var(--es-i-text-legacy-line-height, 1.5rem)
    );
  }
  .es-subheading-m {
    font-size: var(
      --es-subheading-m-font-size,
      var(--es-i-text-legacy-font-size, 1rem)
    );
    font-weight: var(
      --es-subheading-m-font-weight,
      var(--es-i-text-legacy-font-weight, 500)
    );
    line-height: var(
      --es-subheading-m-line-height,
      var(--es-i-text-legacy-line-height, 1.5rem)
    );
  }
  .es-subheading-s {
    font-size: var(
      --es-subheading-s-font-size,
      var(--es-i-text-legacy-font-size, 0.875rem)
    );
    font-weight: var(
      --es-subheading-s-font-weight,
      var(--es-i-text-legacy-font-weight, 500)
    );
    line-height: var(
      --es-subheading-s-line-height,
      var(--es-i-text-legacy-line-height, 1.25rem)
    );
  }
  .es-text-xl {
    font-size: var(
      --es-text-xl-font-size,
      var(--es-i-text-legacy-font-size, 1.5rem)
    );
    font-weight: var(
      --es-text-xl-font-weight,
      var(--es-i-text-legacy-font-weight, 500)
    );
    line-height: var(
      --es-text-xl-line-height,
      var(--es-i-text-legacy-line-height, 2rem)
    );
  }
  .es-text-l {
    font-size: var(
      --es-text-l-font-size,
      var(--es-i-text-legacy-font-size, 1.25rem)
    );
    font-weight: var(
      --es-text-l-font-weight,
      var(--es-i-text-legacy-font-weight, 500)
    );
    line-height: var(
      --es-text-l-line-height,
      var(--es-i-text-legacy-line-height, 1.5rem)
    );
  }
  .es-text-m {
    font-size: var(
      --es-text-m-font-size,
      var(--es-i-text-legacy-font-size, 1rem)
    );
    font-weight: var(
      --es-text-m-font-weight,
      var(--es-i-text-legacy-font-weight, 500)
    );
    line-height: var(
      --es-text-m-line-height,
      var(--es-i-text-legacy-line-height, 1.5rem)
    );
  }
  .es-text-s {
    font-size: var(
      --es-text-s-font-size,
      var(--es-i-text-legacy-font-size, 0.875rem)
    );
    font-weight: var(
      --es-text-s-font-weight,
      var(--es-i-text-legacy-font-weight, 500)
    );
    line-height: var(
      --es-text-s-line-height,
      var(--es-i-text-legacy-line-height, 1.25rem)
    );
  }
  .es-text-xs {
    font-size: var(
      --es-text-xs-font-size,
      var(--es-i-text-legacy-font-size, 0.75rem)
    );
    font-weight: var(
      --es-text-xs-font-weight,
      var(--es-i-text-legacy-font-weight, 500)
    );
    line-height: var(
      --es-text-xs-line-height,
      var(--es-i-text-legacy-line-height, 1rem)
    );
  }
  .es-text-button-m {
    font-size: var(
      --es-text-button-m-font-size,
      var(--es-i-text-legacy-font-size, 1rem)
    );
    font-weight: var(
      --es-text-button-m-font-weight,
      var(--es-i-text-legacy-font-weight, 600)
    );
    line-height: var(
      --es-text-button-m-line-height,
      var(--es-i-text-legacy-line-height, 1.5rem)
    );
  }
  .es-text-button-s,
  .es-text-button {
    font-size: var(
      --es-text-button-s-font-size,
      var(--es-i-text-legacy-font-size, 1rem)
    );
    font-weight: var(
      --es-text-button-s-font-weight,
      var(--es-i-text-legacy-font-weight, 600)
    );
    line-height: var(
      --es-text-button-s-line-height,
      var(--es-i-text-legacy-line-height, 1.5rem)
    );
  }
  .es-text-overline-m {
    font-size: var(
      --es-text-overline-m-font-size,
      var(--es-i-text-legacy-font-size, 1rem)
    );
    font-weight: var(
      --es-text-overline-m-font-weight,
      var(--es-i-text-legacy-font-weight, 600)
    );
    line-height: var(
      --es-text-overline-m-line-height,
      var(--es-i-text-legacy-line-height, 1.5rem)
    );
    letter-spacing: var(
      --es-text-overline-m-letter-spacing,
      var(--es-i-text-legacy-letter-spacing, 0.1em)
    );
  }
  .es-text-overline-s {
    font-size: var(
      --es-text-overline-s-font-size,
      var(--es-i-text-legacy-font-size, 0.875rem)
    );
    font-weight: var(
      --es-text-overline-s-font-weight,
      var(--es-i-text-legacy-font-weight, 600)
    );
    line-height: var(
      --es-text-overline-s-line-height,
      var(--es-i-text-legacy-line-height, 1.25rem)
    );
    letter-spacing: var(
      --es-text-overline-s-letter-spacing,
      var(--es-i-text-legacy-letter-spacing, 0.1em)
    );
  }
  @media (max-width: 60rem) {
    .es-heading-3xl {
      font-size: var(
        --es-heading-2xl-font-size,
        var(--es-i-text-legacy-font-size, 4rem)
      );
      font-weight: var(
        --es-heading-2xl-font-weight,
        var(--es-i-text-legacy-font-weight, 600)
      );
      line-height: var(
        --es-heading-2xl-line-height,
        var(--es-i-text-legacy-line-height, 4.5rem)
      );
      letter-spacing: var(
        --es-heading-2xl-letter-spacing,
        var(--es-i-text-legacy-letter-spacing, -0.02em)
      );
    }
    .es-heading-2xl {
      font-size: var(
        --es-heading-xl-font-size,
        var(--es-i-text-legacy-font-size, 4rem)
      );
      font-weight: var(
        --es-heading-xl-font-weight,
        var(--es-i-text-legacy-font-weight, 600)
      );
      line-height: var(
        --es-heading-xl-line-height,
        var(--es-i-text-legacy-line-height, 4.5rem)
      );
      letter-spacing: var(
        --es-heading-xl-letter-spacing,
        var(--es-i-text-legacy-letter-spacing, -0.02em)
      );
    }
    .es-heading-xl {
      font-size: var(
        --es-heading-l-font-size,
        var(--es-i-text-legacy-font-size, 3.5rem)
      );
      font-weight: var(
        --es-heading-l-font-weight,
        var(--es-i-text-legacy-font-weight, 600)
      );
      line-height: var(
        --es-heading-l-line-height,
        var(--es-i-text-legacy-line-height, 4rem)
      );
      letter-spacing: var(
        --es-heading-l-letter-spacing,
        var(--es-i-text-legacy-letter-spacing, -0.02em)
      );
    }
  }
  @media (max-width: 30rem) {
    .es-heading-3xl,
    .es-heading-2xl,
    .es-heading-xl {
      font-size: var(
        --es-heading-m-font-size,
        var(--es-i-text-legacy-font-size, 3rem)
      );
      font-weight: var(
        --es-heading-m-font-weight,
        var(--es-i-text-legacy-font-weight, 600)
      );
      line-height: var(
        --es-heading-m-line-height,
        var(--es-i-text-legacy-line-height, 3.5rem)
      );
      letter-spacing: var(
        --es-heading-m-letter-spacing,
        var(--es-i-text-legacy-letter-spacing, -0.02em)
      );
    }
    .es-heading-l,
    .es-heading-m {
      font-size: var(
        --es-heading-s-font-size,
        var(--es-i-text-legacy-font-size, 2.5rem)
      );
      font-weight: var(
        --es-heading-s-font-weight,
        var(--es-i-text-legacy-font-weight, 600)
      );
      line-height: var(
        --es-heading-s-line-height,
        var(--es-i-text-legacy-line-height, 3rem)
      );
      letter-spacing: var(
        --es-heading-s-letter-spacing,
        var(--es-i-text-legacy-letter-spacing, -0.02em)
      );
    }
  }
  .es-color-text-primary {
    color: var(--es-color-text-primary);
  }
  .es-color-text-secondary {
    color: var(--es-color-text-secondary);
  }
  .es-color-text-inverse {
    color: var(--es-color-text-inverse);
  }
  .es-color-text-negative {
    color: var(--es-color-text-negative);
  }
  .es-color-text-disabled {
    color: var(--es-color-text-disabled);
  }
  .es-color-text-light-static {
    color: var(--es-color-text-light-static);
  }
  .es-color-text-dark-static {
    color: var(--es-color-text-dark-static);
  }
  .es-color-background-backdrop {
    background-color: var(--es-color-background-backdrop);
  }
  .es-color-background-base {
    background-color: var(--es-color-background-base);
  }
  .es-color-background-beta {
    background-color: var(--es-color-background-beta);
  }
  .es-color-background-brand-fog {
    background-color: var(--es-color-background-brand-fog);
  }
  .es-color-background-brand-stone {
    background-color: var(--es-color-background-brand-stone);
  }
  .es-color-background-brand-ecru {
    background-color: var(--es-color-background-brand-ecru);
  }
  .es-color-background-brand-moss {
    background-color: var(--es-color-background-brand-moss);
  }
  .es-color-background-brand-pink {
    background-color: var(--es-color-background-brand-pink);
  }
  .es-color-background-brand-yellow {
    background-color: var(--es-color-background-brand-yellow);
  }
  .es-color-background-brand-red {
    background-color: var(--es-color-background-brand-red);
  }
  .es-color-background-brand-azur {
    background-color: var(--es-color-background-brand-azur);
  }
  .es-color-background-brand-off-black {
    background-color: var(--es-color-background-brand-off-black);
  }
  .es-color-background-brand-off-white {
    background-color: var(--es-color-background-brand-off-white);
  }
  .es-color-background-caution {
    background-color: var(--es-color-background-caution);
  }
  .es-color-background-elevation {
    background-color: var(--es-color-background-elevation);
  }
  .es-color-background-floating {
    background-color: var(--es-color-background-floating);
  }
  .es-color-background-inverse {
    background-color: var(--es-color-background-inverse);
  }
  .es-color-background-negative {
    background-color: var(--es-color-background-negative);
  }
  .es-color-background-new {
    background-color: var(--es-color-background-new);
  }
  .es-color-background-overlay {
    background-color: var(--es-color-background-overlay);
  }
  .es-color-background-overlay-fade-full-to-bottom {
    background-color: var(--es-color-background-overlay-fade-full-to-bottom);
  }
  .es-color-background-overlay-fade-full-to-top {
    background-color: var(--es-color-background-overlay-fade-full-to-top);
  }
  .es-color-background-overlay-fade-to-bottom {
    background-color: var(--es-color-background-overlay-fade-to-bottom);
  }
  .es-color-background-overlay-fade-to-top {
    background-color: var(--es-color-background-overlay-fade-to-top);
  }
  .es-color-background-positive {
    background-color: var(--es-color-background-positive);
  }
  .es-color-background-surface {
    background-color: var(--es-color-background-surface);
  }
  body {
    --es-i-accent-button-text-color: var(--es-color-text-dark-static);
    --es-play-button-size-m: 3.5rem;
    --es-play-button-size-l: 4rem;
    --es-play-button-size-xl: 5rem;
    --es-radius-circle: 0;
    --es-radius-small: 0;
    --es-radius-medium: 0;
    --es-radius-large: 0;
    --pds-radius-small: 0;
    --pds-radius-medium: 0;
    --pds-radius-large: 0;
    --pds-radius-circle: 0;
    --pds-font-primary: var(--es-text-font-family, sans-serif);
    --es-trackrow-size: 3.5rem;
    --es-trackrow-padding: 0;
    --es-trackrow-padding-right: 0.5rem;
    --es-trackrow-margin: 1rem;
  }
  .premiere-pro-theme-override,
  .plugin-theme-override {
    --es-i-tooltip-font-size: 0.6875rem;
    --es-i-tooltip-font-weight: 500;
    --es-i-tooltip-line-height: 1rem;
    --es-i-status-badge-font-size: 0.5625rem;
    --es-header-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --es-text-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --es-heading-3xl-font-size: 8rem;
    --es-heading-3xl-font-weight: 500;
    --es-heading-3xl-line-height: 8rem;
    --es-heading-3xl-letter-spacing: -0.32rem;
    --es-heading-2xl-font-size: 5rem;
    --es-heading-2xl-font-weight: 500;
    --es-heading-2xl-line-height: 5rem;
    --es-heading-2xl-letter-spacing: -0.15rem;
    --es-heading-xl-font-size: 4rem;
    --es-heading-xl-font-weight: 500;
    --es-heading-xl-line-height: 4.25rem;
    --es-heading-xl-letter-spacing: -0.12rem;
    --es-heading-l-font-size: 3rem;
    --es-heading-l-font-weight: 500;
    --es-heading-l-line-height: 3.375rem;
    --es-heading-l-letter-spacing: -0.09rem;
    --es-heading-m-font-size: 2.5rem;
    --es-heading-m-font-weight: 500;
    --es-heading-m-line-height: 3rem;
    --es-heading-m-letter-spacing: -0.075rem;
    --es-heading-s-font-size: 2rem;
    --es-heading-s-font-weight: 500;
    --es-heading-s-line-height: 2.5rem;
    --es-heading-s-letter-spacing: -0.06rem;
    --es-heading-xs-font-size: 1.5rem;
    --es-heading-xs-font-weight: 500;
    --es-heading-xs-line-height: 1.875rem;
    --es-heading-xs-letter-spacing: -0.03rem;
    --es-heading-2xs-font-size: 1.25rem;
    --es-heading-2xs-font-weight: 500;
    --es-heading-2xs-line-height: 1.5rem;
    --es-heading-2xs-letter-spacing: -0.025rem;
    --es-subheading-m-font-size: 0.8125rem;
    --es-subheading-m-font-weight: 600;
    --es-subheading-m-line-height: 1.25rem;
    --es-subheading-s-font-size: 0.6875rem;
    --es-subheading-s-font-weight: 600;
    --es-subheading-s-line-height: 1rem;
    --es-text-m-font-size: 0.8125rem;
    --es-text-m-font-weight: 500;
    --es-text-m-line-height: 1.25rem;
    --es-text-s-font-size: 0.6875rem;
    --es-text-s-font-weight: 500;
    --es-text-s-line-height: 1rem;
    --es-text-xs-font-size: 0.5625rem;
    --es-text-xs-font-weight: 400;
    --es-text-xs-line-height: 1rem;
    --es-text-button-m-font-size: 1rem;
    --es-text-button-m-font-weight: 600;
    --es-text-button-m-line-height: 1.5rem;
    --es-text-button-s-font-size: 0.6875rem;
    --es-text-button-s-font-weight: 600;
    --es-text-button-s-line-height: 1rem;
    --es-text-overline-m-font-size: 0.875rem;
    --es-text-overline-m-font-weight: 600;
    --es-text-overline-m-line-height: 1.5rem;
    --es-text-overline-m-letter-spacing: 0.0875rem;
    --es-text-overline-s-font-size: 0.625rem;
    --es-text-overline-s-font-weight: 500;
    --es-text-overline-s-line-height: 1rem;
    --es-text-overline-s-letter-spacing: 0.1em;
    --es-button-s-min-height: 2rem;
    --es-button-s-min-width: 3.5rem;
    --es-button-s-padding: 0.25rem 0.75rem;
    --es-iconbutton-s-min-width: 2rem;
    --es-iconbutton-s-min-height: 2rem;
    --es-iconbutton-s-icon-max-width: 1.125rem;
    --es-iconbutton-s-icon-max-height: 1.125rem;
    --es-sectionbanner-icon-max-width: 1.125rem;
    --es-sectionbanner-icon-max-height: 1.125rem;
    --es-i-activity-badge-font-size: 0.625rem;
  }
  ._container_1az66_1 {
    max-width: 58.18rem;
    height: 11rem;
    background-color: var(--es-color-input-default);
    border: 0.0625rem dashed var(--es-color-border-secondary);
    border-radius: var(--es-radius-small);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 1rem;
    cursor: pointer;
  }
  ._container_1az66_1:hover {
    background-color: var(--es-color-input-hovered);
  }
  ._container_1az66_1 ._primaryText_1az66_21 {
    color: var(--es-color-text-primary);
    padding-inline: 0.5rem;
  }
  ._container_1az66_1 ._secondaryText_1az66_26 {
    color: var(--es-color-text-secondary);
    padding-inline: 0.5rem;
  }
  ._containerHasPreview_1az66_32 {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  ._containerOnDrag_1az66_36 {
    background-color: var(--es-color-input-hovered);
  }
  ._imagePreview_1az66_40 {
    max-height: 100%;
    max-width: 100%;
  }
  ._input_1az66_45 {
    display: none;
  }
  ._containerOuter_1boif_1 {
    background-color: inherit;
    box-sizing: border-box;
  }
  ._containerOuter_1boif_1 *,
  ._containerOuter_1boif_1 *:before,
  ._containerOuter_1boif_1 *:after {
    box-sizing: border-box;
  }
  ._breadcrumbsContainer_1boif_10 {
    display: flex;
    color: var(--es-color-text-secondary);
  }
  ._breadcrumb_1boif_10 {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  ._breadcrumb_1boif_10:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  ._breadcrumbsSeparator_1boif_24 {
    white-space: pre;
    -webkit-user-select: none;
    user-select: none;
  }
  ._container_1boif_1 {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: var(--es-color-background-surface);
    justify-content: space-between;
    color: var(--es-color-dark-static);
    min-height: 12.75rem;
  }
  ._container_1boif_1:not(:first-child) {
    margin-top: 2rem;
  }
  ._hasBackground_1boif_43 {
    color: var(--es-color-text-dark-static);
  }
  ._tagsContainer_1boif_47 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  ._image_1boif_53 {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  ._image_1boif_53._hasBackgroundImage_1boif_58 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 17.5%;
  }
  ._trackPlayButton_1boif_67 {
    position: absolute !important;
    bottom: 0;
    right: 0;
  }
  ._soundEffectTrackPlayButton_1boif_73 {
    position: relative;
    flex-shrink: 0;
  }
  ._imageContainer_1boif_78 {
    flex-shrink: 0;
    position: relative;
    display: flex;
    height: 12.75rem;
    width: 12.75rem;
  }
  ._customCoverArtElementContainer_1boif_86 {
    display: flex;
    flex-shrink: 0;
  }
  ._infoContainer_1boif_91 {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    justify-content: center;
    gap: 1rem;
  }
  ._overline_1boif_99,
  ._title_1boif_99,
  ._description_1boif_99 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  ._overline_1boif_99 {
    -webkit-line-clamp: 1;
  }
  ._overlineTag_1boif_109:before {
    content: " • ";
  }
  ._title_1boif_99 {
    -webkit-line-clamp: 2;
  }
  ._description_1boif_99 {
    max-width: 40rem;
    -webkit-line-clamp: 3;
  }
  ._description_1boif_99 a {
    font-size: var(--es-text-button-s-font-size);
    font-weight: var(--es-text-button-s-font-weight);
    line-height: var(--es-text-button-s-line-height);
    color: var(--es-color-text-primary);
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  ._description_1boif_99 a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  ._description_1boif_99 a:focus {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._description_1boif_99 a:focus::-moz-focus-inner {
    border: 0;
  }
  ._description_1boif_99 a:focus-visible {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
  }
  ._description_1boif_99 a:focus:not(:focus-visible) {
    outline: none !important;
  }
  ._actionsContainer_1boif_153 {
    width: max-content;
    display: flex;
    flex-wrap: wrap;
  }
  @media (min-width: 700px) {
    ._trackPlayButton_1boif_67,
    ._soundEffectTrackPlayButton_1boif_73 {
      display: none !important;
    }
  }
  ._topic_1boif_170 {
    background-color: var(--es-color-background-brand-stone);
  }
  ._track_1boif_67 ._imageContainer_1boif_78 {
    height: 15rem;
    width: 15rem;
    padding: 0.5rem;
  }
  ._userPlaylist_1boif_182 ._imageContainer_1boif_78 {
    height: 15rem;
    width: 15rem;
  }
  ._artist_1boif_189 ._image_1boif_53 {
    border-radius: 10000px;
  }
  ._artist_1boif_189 ._imageContainer_1boif_78 {
    height: 20rem;
    width: 20rem;
    padding: 1rem;
  }
  ._playlist_1boif_201 ._imageContainer_1boif_78 {
    height: 20rem;
    width: 20rem;
  }
  ._release_1boif_208 ._imageContainer_1boif_78 {
    height: 20rem;
    width: 20rem;
    padding: 0.5rem;
  }
  ._soundEffect_1boif_73 ._imageContainer_1boif_78 {
    padding: 1.5rem;
  }
  @media (max-width: 959px) {
    ._title_1boif_99._title_1boif_99 {
      font-size: var(--es-heading-s-font-size);
      font-weight: var(--es-heading-s-font-weight);
      line-height: var(--es-heading-s-line-height);
      letter-spacing: var(--es-heading-s-letter-spacing);
    }
    ._description_1boif_99 {
      -webkit-line-clamp: 2;
    }
    :is(._artist_1boif_189, ._release_1boif_208, ._playlist_1boif_201)
      ._imageContainer_1boif_78 {
      width: 15rem;
      height: 15rem;
    }
  }
  @media (max-width: 699px) {
    ._container_1boif_1 {
      align-items: center;
      flex-direction: column-reverse;
      min-height: 7.375rem;
    }
    ._description_1boif_99 {
      -webkit-line-clamp: 3;
    }
    ._imageContainer_1boif_78 {
      height: 10rem;
      width: 10rem;
      padding: 0 !important;
    }
    ._infoContainer_1boif_91 {
      gap: 0.5rem;
      margin-right: auto;
      padding-left: 1rem;
      padding-right: 1rem;
    }
    ._title_1boif_99._title_1boif_99 {
      -webkit-line-clamp: 4;
      font-size: var(--es-heading-xs-font-size);
      font-weight: var(--es-heading-xs-font-weight);
      line-height: var(--es-heading-xs-line-height);
      letter-spacing: var(--es-heading-xs-letter-spacing);
    }
    ._actionsContainer_1boif_153 {
      width: 100%;
    }
    ._actionsContainer_1boif_153 > * {
      flex-grow: 1;
    }
    ._customCoverArtElementContainer_1boif_86 {
      display: none;
    }
    ._soundEffectTrack_1boif_73 {
      flex-direction: row;
      align-items: flex-end;
    }
    ._track_1boif_67 ._imageContainer_1boif_78 {
      height: 10rem;
      width: 10rem;
    }
    :is(._playlist_1boif_201, ._artist_1boif_189, ._release_1boif_208)
      ._imageContainer_1boif_78 {
      height: 12.5rem;
      width: 12.5rem;
    }
    :is(
        ._playlist_1boif_201,
        ._artist_1boif_189,
        ._release_1boif_208,
        ._track_1boif_67
      )
      ._imageContainer_1boif_78 {
      margin-top: 1rem;
    }
    :is(
        ._playlist_1boif_201,
        ._artist_1boif_189,
        ._release_1boif_208,
        ._track_1boif_67
      )
      ._infoContainer_1boif_91 {
      padding: 1rem;
    }
    :is(._mood_1boif_168, ._soundEffect_1boif_73)
      ._infoContainer_1boif_91:not(:only-child) {
      padding-top: 0;
      padding-bottom: 1.5rem;
    }
    :is(._artist_1boif_189, ._release_1boif_208, ._playlist_1boif_201)
      ._imageContainer_1boif_78 {
      width: 12.5rem;
      height: 12.5rem;
    }
  }
  ._inputDescription_gnq70_1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  ._disabled_gnq70_6 {
    color: var(--es-color-text-disabled);
  }
  ._table_19v4u_1 {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
  }
  ._header_19v4u_8 {
    text-align: left;
  }
  ._headerRow_19v4u_12 {
    padding-bottom: 0.5rem;
  }
  ._headerRow_19v4u_12 span {
    color: var(--es-color-text-secondary);
  }
  ._body_19v4u_20 {
    border-bottom: 1px solid var(--es-color-misc-divider);
  }
  ._bodyRow_19v4u_24 {
    border-top: 1px solid var(--es-color-misc-divider);
    height: calc(4rem - 2px);
  }
  ._bodyRow_19v4u_24 td:not(:last-child) {
    padding-right: 1rem;
  }
  ._bodyRow_19v4u_24 ._capitalize_19v4u_32 {
    text-transform: capitalize;
  }
  ._progress_7u2mx_1 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    --es-i-width-transition-time: 0.3s;
  }
  ._step_7u2mx_8 {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: var(--es-radius-circle);
    background-color: var(--es-color-track-default);
    cursor: pointer;
    transition: width var(--es-i-width-transition-time)
      cubic-bezier(0.9, 0, 0, 1);
  }
  ._step_7u2mx_8:before {
    content: "";
    left: 0;
    transform: translate(-105%);
  }
  ._step_7u2mx_8._active_7u2mx_25 {
    cursor: default;
    position: relative;
    overflow: hidden;
    background-color: var(--es-color-track-fill);
  }
  ._step_7u2mx_8._active_7u2mx_25._animated_7u2mx_32 {
    width: 3rem;
    background-color: var(--es-color-track-default);
  }
  ._step_7u2mx_8._active_7u2mx_25._animated_7u2mx_32:before {
    content: "";
    left: 0;
    transform: translate(0);
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: var(--es-color-track-fill);
    transition-property: transform;
    transition-timing-function: linear;
    transition-duration: calc(
      var(--es-i-progress-duration) * 1ms - var(--es-i-width-transition-time)
    );
    transition-delay: var(--es-i-width-transition-time);
  }
  ._toggleFieldSet_t3qy1_1 {
    border: none;
    margin: 0;
    padding: 0;
  }
  ._toggleFlexContainer_t3qy1_7 {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
  }
  ._toggleContainer_t3qy1_13 {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 1fr;
  }
  ._toggle_t3qy1_1 {
    box-sizing: border-box;
    display: grid;
    position: relative;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: stretch;
    border: none;
    border-radius: var(--es-radius-small);
    background: var(--es-color-input-default);
    cursor: pointer;
    padding: 0.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  ._toggle_t3qy1_1:hover {
    background: var(--es-color-input-hovered);
  }
  ._toggle_t3qy1_1:active {
    background: var(--es-color-input-pressed);
  }
  ._toggle_t3qy1_1._disabled_t3qy1_45 {
    cursor: not-allowed;
    background: var(--es-color-input-disabled);
  }
  ._toggleFocus_t3qy1_51:focus-within:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    height: calc(100% + 0.5rem);
    width: calc(100% + 0.5rem);
    left: -0.25rem;
    top: -0.25rem;
    border: 2px solid var(--es-color-misc-focused);
    border-radius: calc(var(--es-radius-medium) + 2px);
    pointer-events: none;
  }
  ._toggleOption_t3qy1_64 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--es-radius-small);
    color: var(--es-color-text-primary);
    padding: 0.375rem 1rem;
    text-align: center;
    cursor: pointer;
  }
  ._toggleOption_t3qy1_64:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 50%;
  }
  ._toggleOption_t3qy1_64:last-of-type {
    right: 0;
  }
  ._toggleOption_t3qy1_64._disabled_t3qy1_45 {
    cursor: not-allowed;
    color: var(--es-color-text-disabled);
  }
  ._s_t3qy1_97 {
    min-height: 2.75rem;
    padding: 0.375rem 1rem;
  }
  ._m_t3qy1_102 {
    min-height: 3.5rem;
    padding: 0.375rem 1.5rem;
  }
  ._active_t3qy1_107 {
    background: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
  }
  ._active_t3qy1_107._disabled_t3qy1_45 {
    background: var(--es-color-action-primary-disabled);
  }
  ._label_t3qy1_116 {
    display: block;
    color: var(--es-color-text-primary);
    margin-top: 0.5rem;
  }
  @keyframes _spin_108ck_15 {
    to {
      transform: rotate(360deg);
    }
  }
  ._container_108ck_7 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
  }
  ._spinner_108ck_15 {
    --es-spinner-color: inherit;
    --es-spinner-size: 0;
    animation: _spin_108ck_15 0.5s linear 0s infinite normal both running;
    background: transparent;
    border-color: transparent;
    border-left-color: var(--es-spinner-color);
    border-top-color: var(--es-spinner-color);
    border-radius: 100%;
    border-style: solid;
    width: var(--es-spinner-size);
    height: var(--es-spinner-size);
  }
  ._spinner_108ck_15._positionAbsolute_108ck_30 {
    position: absolute;
  }
  ._spinner_108ck_15._positionStatic_108ck_34 {
    position: static;
  }
  ._hiddenText_108ck_39 {
    visibility: hidden;
  }
  ._container_ykhcq_1 {
    width: 100%;
    gap: 16px;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 1rem;
  }
  ._containerColumn_ykhcq_11 {
    width: 100%;
    flex-direction: column;
    justify-content: stretch;
  }
  ._buttonAfterMeasurement_ykhcq_17 {
    flex-grow: 1;
    flex-basis: calc(50% - 0.5rem);
  }
  @media (min-width: 30rem) {
    ._buttonAfterMeasurement_ykhcq_17 {
      flex-grow: unset;
      flex-basis: unset;
    }
  }
  ._secondaryButton_ykhcq_26 {
    margin-right: auto;
  }
  ._stepIndicator_ykhcq_30 {
    display: flex;
    align-items: center;
    flex-grow: 1;
    min-height: 2.75rem;
  }
  ._tip_v0f96_1 {
    --es-i-buffer: 1px;
    z-index: var(--es-i-message-base-z-index, 1);
    position: absolute;
    background: inherit;
    left: 0;
    transform: translate(calc(var(--es-i-tip-transform) - 50%));
  }
  ._top_v0f96_12 {
    top: calc(100% - var(--es-i-buffer));
    clip-path: polygon(100% 0, 50% 100%, 0 0);
    width: var(--es-i-tip-width);
    height: var(--es-i-tip-height);
  }
  ._bottom_v0f96_19 {
    top: calc(-1 * var(--es-i-tip-height) + var(--es-i-buffer));
    clip-path: polygon(100% 100%, 50% 0, 0 100%);
    width: var(--es-i-tip-width);
    height: var(--es-i-tip-height);
  }
  ._right_v0f96_26 {
    left: calc(-1 * var(--es-i-tip-height) + var(--es-i-buffer));
    top: calc(50% - var(--es-i-tip-width) / 2);
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
    width: var(--es-i-tip-height);
    height: var(--es-i-tip-width);
  }
  ._left_v0f96_34 {
    left: calc(100% - var(--es-i-buffer));
    top: calc(50% - var(--es-i-tip-width) / 2);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    width: var(--es-i-tip-height);
    height: var(--es-i-tip-width);
  }
  ._small_v0f96_42 {
    --es-i-tip-width: 8px;
    --es-i-tip-height: calc(4px + var(--es-i-buffer));
  }
  ._large_v0f96_47 {
    --es-i-tip-width: 12px;
    --es-i-tip-height: calc(6px + var(--es-i-buffer));
  }
  ._mediaContainer_1ih7c_1 {
    --es-i-video-overlay-padding: 0;
    flex-shrink: 0;
    position: relative;
    width: 100%;
    padding: var(--es-i-video-overlay-padding);
    margin: calc(var(--es-i-video-overlay-padding) * -1);
  }
  ._mediaContainer_1ih7c_1:hover > [data-video-overlay],
  ._mediaContainer_1ih7c_1:focus-within > [data-video-overlay] {
    opacity: 1;
  }
  ._media_1ih7c_1 {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    aspect-ratio: var(--es-i-media-ratio);
  }
  ._videoOverlay_1ih7c_28 {
    position: absolute;
    top: var(--es-i-video-overlay-padding);
    right: var(--es-i-video-overlay-padding);
    left: var(--es-i-video-overlay-padding);
    bottom: var(--es-i-video-overlay-padding);
    opacity: 0;
    transition: 0.12s;
  }
  ._videoOverlay_1ih7c_28:before,
  ._videoOverlay_1ih7c_28:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 4.5rem;
  }
  ._videoOverlay_1ih7c_28:before {
    top: 0;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  ._videoOverlay_1ih7c_28:after {
    bottom: 0;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.5) 100%
    );
  }
  ._videoControlsContainer_1ih7c_68 {
    z-index: 1;
    position: absolute;
    display: flex;
  }
  ._videoControlsContainer_1ih7c_68._desktopTopLeft_1ih7c_74 {
    top: var(--es-i-video-overlay-padding);
    left: var(--es-i-video-overlay-padding);
  }
  ._videoControlsContainer_1ih7c_68._desktopTopRight_1ih7c_79 {
    top: var(--es-i-video-overlay-padding);
    right: var(--es-i-video-overlay-padding);
  }
  ._videoControlsContainer_1ih7c_68._desktopBottomRight_1ih7c_84 {
    bottom: var(--es-i-video-overlay-padding);
    right: var(--es-i-video-overlay-padding);
  }
  ._videoControlsContainer_1ih7c_68._desktopBottomLeft_1ih7c_89 {
    bottom: var(--es-i-video-overlay-padding);
    left: var(--es-i-video-overlay-padding);
  }
  ._videoControlsContainer_1ih7c_68 button {
    opacity: 1;
  }
  @media (max-width: 30rem) {
    ._videoControlsContainer_1ih7c_68 {
      flex-direction: row-reverse;
    }
    ._videoControlsContainer_1ih7c_68._mobileTopLeft_1ih7c_103 {
      top: var(--es-i-video-overlay-padding);
      left: var(--es-i-video-overlay-padding);
      bottom: unset;
      right: unset;
    }
    ._videoControlsContainer_1ih7c_68._mobiletopRight_1ih7c_110 {
      top: var(--es-i-video-overlay-padding);
      right: var(--es-i-video-overlay-padding);
      bottom: unset;
      left: unset;
    }
    ._videoControlsContainer_1ih7c_68._mobileBottomRight_1ih7c_117 {
      bottom: var(--es-i-video-overlay-padding);
      right: var(--es-i-video-overlay-padding);
      top: unset;
      left: unset;
    }
    ._videoControlsContainer_1ih7c_68._mobileBottomLeft_1ih7c_124 {
      bottom: var(--es-i-video-overlay-padding);
      left: var(--es-i-video-overlay-padding);
      top: unset;
      right: unset;
    }
  }
  @media (hover: hover) {
    ._videoControlsContainer_1ih7c_68 button {
      opacity: 0;
    }
  }
  ._progress_1rn0d_1 {
    display: flex;
    align-self: center;
    gap: 0.5rem;
    min-width: 4.75rem;
    margin-right: auto;
  }
  @media (max-width: 30rem) {
    ._progress_1rn0d_1 {
      flex-basis: 100%;
    }
  }
  ._step_1rn0d_13 {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--es-color-track-default);
  }
  ._step_1rn0d_13._current_1rn0d_20 {
    background-color: var(--es-color-track-fill);
  }
  ._coverArtContainer_1umrl_1 {
    background: none;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    height: var(--es-trackrow-size, 3rem);
    display: flex;
  }
  ._coverArt_1umrl_1 {
    position: absolute;
    width: 100%;
    visibility: var(
      --container-controlled-playbutton-cover-visibility,
      visible
    );
  }
  ._visibleVariables_1umrl_17 {
    --container-controlled-playbutton-visibility: visible;
    --container-controlled-playbutton-cover-visibility: hidden;
  }
  ._trackInfoWrapper_1kwly_1 {
    display: grid;
    -webkit-user-select: none;
    user-select: none;
  }
  ._title_1kwly_6 {
    display: grid;
    font-size: var(--es-text-button-s-font-size, 0.875rem);
    font-weight: var(--es-text-button-s-font-weight, 600);
    line-height: var(--es-text-button-s-line-height, 1.5rem);
  }
  ._sfxTitle_1kwly_13 {
    font-size: var(--es-text-button-s-font-size, 0.875rem);
    font-weight: var(--es-text-button-s-font-weight, 600);
    line-height: 1.125rem;
    padding: 0.25rem 0;
  }
  ._linkTitle_1kwly_20:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  ._historyContainer_1kwly_24 {
    margin-right: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
  }
  ._historyContainer_1kwly_24 > span {
    display: flex;
    align-items: center;
  }
  ._container_1kwly_35 {
    display: flex;
    align-items: center;
  }
  ._creativesContainer_1kwly_40 {
    display: grid;
  }
  ._container_cg5pi_1 {
    color: var(--es-color-icon-secondary);
    display: flex;
    align-items: center;
    justify-content: right;
  }
  @media (max-width: 30rem) {
    ._container_cg5pi_1 {
      justify-content: end;
    }
  }
  ._explicitContainer_cg5pi_11 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  ._lyricalMatchContainer_cg5pi_17 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.25rem;
  }
  ._vocalsContainer_cg5pi_24 {
    display: flex;
  }
  ._container_hui5s_1 {
    display: flex;
    justify-content: left;
  }
  ._container_1enhw_1 {
    display: flex;
    flex-direction: column;
    justify-self: center;
    width: 4rem;
    pointer-events: none;
    gap: 0.25rem;
  }
  ._bpm_1enhw_10 {
    display: flex;
    justify-self: right;
  }
  ._dataRow_1enhw_15 {
    height: 1rem;
    line-height: 1rem;
  }
  ._container_1bq37_1 {
    margin-left: 2rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  ._noMargin_1bq37_9 {
    margin-left: 0;
  }
  ._tagsContainer_1bq37_13 {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    text-overflow: ellipsis;
    text-transform: capitalize;
    height: 1rem;
    line-height: 1rem;
  }
  ._tag_1bq37_13 {
    display: inline;
  }
  ._tag_1bq37_13:not(:last-child):after {
    content: ", ";
  }
  @media (min-width: 30rem) {
    ._tagHover_1bq37_32:hover {
      color: var(--es-color-text-secondary);
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }
    ._tagHover_1bq37_32:focus-visible {
      color: var(--es-color-text-secondary);
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }
  }
  ._container_3l1z4_1 {
    height: 100%;
    position: absolute;
    top: 0;
    left: -1rem;
    pointer-events: none;
    z-index: 1;
    width: 4px;
    display: flex;
    flex-direction: column;
  }
  ._container_3l1z4_1 div {
    height: 100%;
  }
  ._container_3l1z4_1 div:nth-of-type(1) {
    background-color: var(--es-color-data-visualization-cyan);
  }
  ._container_3l1z4_1 div:nth-of-type(2) {
    background-color: var(--es-color-data-visualization-yellow);
  }
  ._container_3l1z4_1 div:nth-of-type(3) {
    background-color: var(--es-color-data-visualization-orange);
  }
  ._displayBlock_3l1z4_26 {
    display: block;
  }
  ._displayNone_3l1z4_30 {
    display: None;
  }
  ._container_dfs2v_1 {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
    padding-right: var(--es-trackrow-padding-right, 0);
  }
  ._action_dfs2v_9 {
    color: var(--actions-color, var(--es-color-icon-secondary));
  }
  ._action_dfs2v_9:hover,
  ._action_dfs2v_9:focus-visible {
    color: var(--es-color-icon-primary);
  }
  @media (max-width: 30rem) {
    ._action_dfs2v_9 {
      color: var(--es-color-icon-primary);
    }
  }
  ._likedHeart_dfs2v_22 {
    color: var(--es-color-icon-liked);
  }
  ._likedHeart_dfs2v_22:hover,
  ._likedHeart_dfs2v_22:focus-visible {
    color: var(--es-color-icon-liked);
  }
  @keyframes _heartFill_dfs2v_1 {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.5);
    }
  }
  ._likeAnimation_dfs2v_40 svg {
    animation: _heartFill_dfs2v_1 0.5s cubic-bezier(0.67, 0, 0.19, 1.13) both;
  }
  @keyframes _heartClear_dfs2v_1 {
    50% {
      transform: scale(0.75);
    }
  }
  ._unlikeAnimation_dfs2v_50 svg {
    animation: _heartClear_dfs2v_1 0.5s cubic-bezier(0.67, 0, 0.19, 1.13) both;
  }
  ._actionAddRecommended_dfs2v_54 {
    color: var(--actions-color, var(--es-color-icon-secondary));
    margin-right: 1rem;
  }
  @media (max-width: 30rem) {
    ._actionAddRecommended_dfs2v_54 {
      color: var(--es-color-icon-primary);
    }
  }
  ._menuItem_yk4kx_1 {
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 0.5rem 0;
    min-width: 13rem;
    max-width: 20rem;
    min-height: 1.5rem;
    white-space: normal;
  }
  ._icons_yk4kx_11 {
    padding-right: 0.5rem;
    display: flex;
  }
  ._ellipsis_yk4kx_15 {
    color: var(--actions-color, var(--es-color-icon-secondary));
  }
  ._ellipsis_yk4kx_15:hover,
  ._ellipsis_yk4kx_15:focus-visible {
    color: var(--es-color-icon-primary);
  }
  @media (max-width: 30rem) {
    ._ellipsis_yk4kx_15 {
      color: var(--es-color-icon-primary);
    }
  }
  ._activeAction_yk4kx_27 {
    color: var(--es-color-icon-primary);
    background-color: var(--es-color-background-surface);
  }
  ._ellipsisIsHovering_yk4kx_31 {
    color: var(--es-color-icon-primary);
  }
  ._container_i7u1k_1 {
    display: grid;
    grid-template-columns: var(--es-trackrow-size, 3rem) 2fr 3rem 4fr 1fr 3fr 2fr;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    align-items: center;
    border-radius: var(--es-radius-medium);
    margin: var(--es-trackrow-margin, 0.5rem)
      var(--es-trackrow-padding, -0.5rem);
    padding: 0 var(--es-trackrow-padding, 0.5rem);
    -webkit-user-select: none;
    user-select: none;
  }
  @media (max-width: 30rem) {
    ._container_i7u1k_1 {
      grid-template-columns: var(--es-trackrow-size, 3rem) 2fr 1fr 1fr;
    }
  }
  ._container_i7u1k_1:hover {
    --actions-color: var(--es-color-icon-primary);
    --container-controlled-actions-visibility: visible;
    --container-controlled-playbutton-visibility: visible;
    --container-controlled-playbutton-cover-visibility: hidden;
    background-color: var(--es-color-action-ghost-hovered);
  }
  ._fixedHeightContainer_i7u1k_25 {
    height: var(--es-trackrow-size, 4rem);
  }
  ._minHeightContainer_i7u1k_29 {
    min-height: var(--es-trackrow-size, 4rem);
  }
  ._containerWithNote_i7u1k_33 {
    grid-template-columns: var(--es-trackrow-size, 3rem) 2fr 3rem 3fr 1fr 3fr 1fr 2fr;
  }
  @media (max-width: 30rem) {
    ._containerWithNote_i7u1k_33 {
      grid-template-columns: var(--es-trackrow-size, 3rem) 2fr 1fr 1fr;
    }
  }
  ._containerWithNoteAndAOS_i7u1k_40 {
    grid-template-columns: var(--es-trackrow-size, 3rem) 2fr 1fr 4fr 3rem 3fr 1fr 2fr;
  }
  @media (max-width: 30rem) {
    ._containerWithNoteAndAOS_i7u1k_40 {
      grid-template-columns: var(--es-trackrow-size, 3rem) 2fr 1fr 1fr;
    }
  }
  ._selectedContainer_i7u1k_47 {
    --actions-color: var(--es-color-icon-primary);
    background-color: var(--es-color-action-ghost-pressed);
  }
  ._selectedContainer_i7u1k_47:hover {
    background-color: var(--es-color-action-ghost-pressed);
  }
  ._activeContainer_i7u1k_56 {
    --actions-color: var(--es-color-icon-primary);
    --container-controlled-actions-visibility: visible;
    background-color: var(--es-color-action-ghost-hovered);
  }
  ._activeContainer_i7u1k_56:hover {
    background-color: var(--es-color-action-ghost-pressed);
  }
  ._container_379zl_1 {
    display: flex;
    justify-content: center;
  }
  ._noteIcon_379zl_6 {
    color: var(--actions-color, var(--es-color-icon-secondary));
  }
  ._activeNote_379zl_10 {
    display: flex;
    justify-content: center;
    background-color: var(--es-color-action-ghost-pressed);
    color: var(--es-color-icon-primary);
  }
  ._noteInput_379zl_17 {
    background-color: transparent;
    border: none;
    width: 18.75rem;
    height: 5.875rem;
    outline: none;
    border-radius: inherit;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  ._noteInput_379zl_17::placeholder {
    color: var(--es-color-text-secondary);
    font-size: 1rem;
    line-height: 1.5rem;
  }
  ._container_155xt_1 {
    visibility: var(--container-controlled-actions-visibility, hidden);
  }
  ._container_191ic_1 {
    display: flex;
    gap: 1rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
  ._container_191ic_1._fullWidth_191ic_7 {
    width: 100%;
  }
  ._container_191ic_1._reversed_191ic_11 {
    flex-wrap: wrap-reverse;
  }
  ._action_191ic_16 {
    flex: 1 0 calc(50% - 0.5rem);
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  @media (min-width: calc(30rem + 1px)) {
    ._container_191ic_1 {
      width: -moz-fit-content;
      width: fit-content;
    }
    ._container_191ic_1:not(._fullWidth_191ic_7) ._action_191ic_16 {
      flex-basis: auto;
      min-width: min-content;
    }
  }
  ._transitionStyles_n2e2q_1 {
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    opacity: var(--es-i-video-controls-opacity);
    transform: translateY(
      calc(
        var(--es-i-video-controls-position) *
          var(--es-i-video-controls-direction)
      )
    );
  }
  ._outerContainerStyles_n2e2q_7 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0.5rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    --es-i-video-controls-opacity: 0;
    --es-i-video-controls-position: 1rem;
    --es-i-video-controls-direction: 1;
  }
  ._outerContainerStyles_n2e2q_7:hover,
  ._outerContainerStyles_n2e2q_7:focus-within {
    --es-i-video-controls-opacity: 1;
    --es-i-video-controls-position: 0px;
  }
  ._controlsOverlayStyles_n2e2q_33 {
    position: absolute;
    width: 100%;
    height: 3.5rem;
    left: 0;
    transition: opacity 0.12s ease-in-out;
    opacity: var(--es-i-video-controls-opacity);
  }
  ._controlsOverlayTopStyles_n2e2q_42 {
    top: 0;
    background: var(--es-color-background-overlay-fade-to-top);
  }
  ._controlsOverlayBottomStyles_n2e2q_47 {
    bottom: 0;
    background: var(--es-color-background-overlay-fade-to-bottom);
  }
  ._topContainerStyles_n2e2q_52 {
    display: flex;
    justify-content: space-between;
    --es-i-video-controls-direction: -1;
  }
  ._middleContainerStyles_n2e2q_58 {
    flex-grow: 1;
    width: 100%;
  }
  ._bottomContainerOuterStyles_n2e2q_63 {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  ._bottomContainerInnerStyles_n2e2q_69 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  ._actionsContainer_n2e2q_75 {
    display: flex;
  }
  ._actionsContainer_n2e2q_75 > * {
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    opacity: var(--es-i-video-controls-opacity);
    transform: translateY(
      calc(
        var(--es-i-video-controls-position) *
          var(--es-i-video-controls-direction)
      )
    );
  }
  ._scrubberContainerStyles_n2e2q_85 {
    cursor: pointer;
    width: 100%;
    height: 24px;
    stroke-width: 4px;
    stroke: var(--es-color-track-fill);
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    opacity: var(--es-i-video-controls-opacity);
    transform: translateY(
      calc(
        var(--es-i-video-controls-position) *
          var(--es-i-video-controls-direction)
      )
    );
  }
  ._scrubberContainerStyles_n2e2q_85 > g {
    opacity: 0;
  }
  ._scrubberContainerStyles_n2e2q_85:hover {
    stroke-width: 8px;
  }
  ._scrubberContainerStyles_n2e2q_85:hover > g {
    opacity: 0.4;
  }
  ._scrubberContainerStyles_n2e2q_85:hover + div {
    transition-delay: 0.04s;
    opacity: 1;
  }
  ._scrubberTooltipStyles_n2e2q_114 {
    position: absolute;
    pointer-events: none;
    background: var(--es-color-background-floating);
    color: var(--es-color-text-primary);
    border-radius: var(--es-radius-small);
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.5rem 1rem;
    top: -4px;
    opacity: 0;
    transform: translate(-50%, -100%);
    transition: opacity 0.06s ease-in-out;
  }
  ._scrubberTooltipStyles_n2e2q_114:after {
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 100%);
    left: 50%;
    content: "";
    height: 4px;
    width: 8px;
    background: inherit;
    clip-path: path("M0,0 L4,4 L8,0 Z");
  }
  @media (max-width: 30rem) {
    ._gridRowsSmall_1yo6p_2 {
      grid-row: var(--gridRowsSmall);
    }
  }
  @media (min-width: calc(30rem + 1px)) and (max-width: 60rem) {
    ._gridRowsMedium_1yo6p_8 {
      grid-row: var(--gridRowsMedium);
    }
  }
  @media (min-width: calc(60rem + 1px)) {
    ._gridRowsLarge_1yo6p_14 {
      grid-row: var(--gridRowsLarge);
    }
  }
  ._columns_1yo6p_19 {
    grid-column-end: span var(--sizeSmall);
  }
  @media (min-width: calc(30rem + 1px)) {
    ._columns_1yo6p_19 {
      grid-column-end: span var(--sizeMedium);
    }
  }
  @media (min-width: calc(60rem + 1px)) {
    ._columns_1yo6p_19 {
      grid-column-end: span var(--sizeLarge);
    }
  }
  @media (max-width: 30rem) {
    ._columnStartSmall_1yo6p_36 {
      grid-column-start: var(--columnStartSmall);
    }
  }
  @media (min-width: calc(30rem + 1px)) and (max-width: 60rem) {
    ._columnStartMedium_1yo6p_42 {
      grid-column-start: var(--columnStartMedium);
    }
  }
  @media (min-width: calc(60rem + 1px)) {
    ._columnStartLarge_1yo6p_48 {
      grid-column-start: var(--columnStartLarge);
    }
  }
  @media (max-width: 30rem) {
    ._marginLeftSmall_ij5ex_2 {
      margin-left: calc(var(--es-grid-padding-small) * -1);
    }
    ._marginRightSmall_ij5ex_6 {
      margin-right: calc(var(--es-grid-padding-small) * -1);
    }
  }
  @media (min-width: calc(30rem + 1px)) and (max-width: 60rem) {
    ._marginLeftMedium_ij5ex_12 {
      margin-left: calc(var(--es-grid-padding-medium) * -1);
    }
    ._marginRightMedium_ij5ex_16 {
      margin-right: calc(var(--es-grid-padding-medium) * -1);
    }
  }
  @media (min-width: calc(60rem + 1px)) {
    ._marginLeftLarge_ij5ex_22 {
      margin-left: calc(var(--es-grid-padding-large) * -1);
    }
    ._marginRightLarge_ij5ex_25 {
      margin-right: calc(var(--es-grid-padding-large) * -1);
    }
  }
  ._container_16day_1 {
    gap: 16px;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
  }
  ._containerColumn_16day_9 {
    flex-direction: column;
    justify-content: stretch;
  }
  ._modalButtonAfterMeasurement_16day_14 {
    flex-grow: 1;
    flex-basis: calc(50% - 0.5rem);
  }
  @media (min-width: 30rem) {
    ._modalButtonAfterMeasurement_16day_14 {
      flex-grow: unset;
      flex-basis: unset;
    }
  }
  ._modalSecondaryButton_16day_23 {
    margin-right: auto;
  }
  ._icon_zefrd_1 {
    flex-shrink: 0;
    -webkit-user-select: none;
    user-select: none;
  }
  ._primary_zefrd_6 {
    color: var(--es-color-icon-primary);
  }
  ._secondary_zefrd_10 {
    color: var(--es-color-icon-secondary);
  }
  ._inverse_zefrd_14 {
    color: var(--es-color-icon-inverse);
  }
  ._positive_zefrd_18 {
    color: var(--es-color-icon-positive);
  }
  ._negative_zefrd_22 {
    color: var(--es-color-icon-negative);
  }
  ._liked_zefrd_26 {
    color: var(--es-color-icon-liked);
  }
  ._active_zefrd_30 {
    color: var(--es-color-icon-active);
  }
  ._disabled_zefrd_34 {
    color: var(--es-color-icon-disabled);
  }
  ._lightStatic_zefrd_38 {
    color: var(--es-color-icon-light-static);
  }
  ._darkStatic_zefrd_42 {
    color: var(--es-color-icon-dark-static);
  }
  ._currentColor_zefrd_46 {
    color: currentColor;
  }
  ._s_zefrd_10 {
    height: 1rem;
    width: 1rem;
  }
  ._m_zefrd_55 {
    height: 1.25rem;
    width: 1.25rem;
  }
  ._l_zefrd_26 {
    height: 1.5rem;
    width: 1.5rem;
  }
}