[data-theme=dark],
[data-theme=light] {
    --_0-FNiX: var(--color-black);
    --_1-FNiX: var(--color-cold-gray-800);
    --_2-FNiX: var(--color-tv-blue-500)
}

.play-button-qNmYHy1s {
    align-items: center;
    border: none;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    max-width: 100%;
    padding: 0;
    position: relative
}

.play-button-qNmYHy1s .icon-qNmYHy1s {
    display: inline-flex;
    flex-shrink: 0
}

.color-black-qNmYHy1s {
    background: var(--_0-FNiX)
}

.color-gray-qNmYHy1s {
    background: var(--_1-FNiX)
}

@media (any-hover:hover) {
    .color-gray-qNmYHy1s:hover {
        background: var(--color-tv-blue-500)
    }
}

.color-brand-qNmYHy1s {
    background: var(--_2-FNiX)
}

.size-medium-qNmYHy1s {
    border-radius: 50%;
    height: 48px;
    outline: none;
    overflow: visible;
    position: relative;
    width: 48px
}

.size-medium-qNmYHy1s:focus {
    outline: none
}

.size-medium-qNmYHy1s:focus-visible {
    outline: none
}

.size-medium-qNmYHy1s:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px);
    z-index: 1
}

.size-medium-qNmYHy1s:focus:after {
    display: block
}

.size-medium-qNmYHy1s:focus-visible:after {
    display: block
}

.size-medium-qNmYHy1s:focus:not(:focus-visible):after {
    display: none
}

.size-medium-qNmYHy1s:after {
    border-color: var(--color-focus-outline-color-blue);
    border-radius: calc(50% + 2px)
}

.size-xlarge-qNmYHy1s {
    border-radius: 50%;
    height: 64px;
    outline: none;
    overflow: visible;
    position: relative;
    width: 64px
}

.size-xlarge-qNmYHy1s:focus {
    outline: none
}

.size-xlarge-qNmYHy1s:focus-visible {
    outline: none
}

.size-xlarge-qNmYHy1s:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px);
    z-index: 1
}

.size-xlarge-qNmYHy1s:focus:after {
    display: block
}

.size-xlarge-qNmYHy1s:focus-visible:after {
    display: block
}

.size-xlarge-qNmYHy1s:focus:not(:focus-visible):after {
    display: none
}

.size-xlarge-qNmYHy1s:after {
    border-color: var(--color-focus-outline-color-blue);
    border-radius: calc(50% + 2px)
}

.size-xxlarge-qNmYHy1s {
    border-radius: 50%;
    height: 72px;
    outline: none;
    overflow: visible;
    position: relative;
    width: 72px
}

.size-xxlarge-qNmYHy1s:focus {
    outline: none
}

.size-xxlarge-qNmYHy1s:focus-visible {
    outline: none
}

.size-xxlarge-qNmYHy1s:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px);
    z-index: 1
}

.size-xxlarge-qNmYHy1s:focus:after {
    display: block
}

.size-xxlarge-qNmYHy1s:focus-visible:after {
    display: block
}

.size-xxlarge-qNmYHy1s:focus:not(:focus-visible):after {
    display: none
}

.size-xxlarge-qNmYHy1s:after {
    border-color: var(--color-focus-outline-color-blue);
    border-radius: calc(50% + 2px)
}

.root-cYxls04V {
    display: inline-flex;
    height: var(--icon-size);
    width: var(--icon-size)
}

.rootSmall-cYxls04V {
    --icon-size: 20px
}

.rootMedium-cYxls04V {
    --icon-size: 24px
}

.ideaStrategyIcon-cYxls04V {
    align-items: center;
    border-radius: 50%;
    color: var(--color-white);
    display: inline-flex;
    height: var(--icon-size);
    justify-content: center;
    width: var(--icon-size)
}

.strategyLong-cYxls04V {
    background-color: var(--color-minty-green-400)
}

.strategyShort-cYxls04V {
    background-color: var(--color-ripe-red-400)
}

.strategyEducation-cYxls04V {
    background-color: var(--color-brand)
}

.visuallyHiddenLabel-cYxls04V {
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.root-lFrRafw6 {
    --script-icon-default-color-bg: var(--color-default-gray);
    --script-icon-default-color: var(--color-white);
    display: inline-flex;
    height: var(--size);
    width: var(--size)
}

.rootSmall-lFrRafw6 {
    --size: 20px;
    --icon-size: 18px
}

.rootMedium-lFrRafw6 {
    --size: 28px;
    --icon-size: 28px
}

.scriptIcon-lFrRafw6 {
    background-color: var(--script-icon-color-bg, var(--script-icon-default-color-bg));
    border-radius: 4px;
    color: var(--script-icon-color, var(--script-icon-default-color));
    display: inline-flex;
    height: var(--icon-size);
    width: var(--icon-size)
}

.visuallyHiddenLabel-lFrRafw6 {
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden
}