.extended-video iframe {
    max-width: 100%
}

.extended-video .video-poster {
    border: 1px solid #f9f9fc;
    position: relative
}

.extended-video .video-poster::after {
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    background-image: url(../../../images/play-button.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px)
}

.extended-video .yt-player iframe {
    aspect-ratio: 16/9
}

.extended-video .video-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1032;
    display: none;
    align-items: center;
    justify-content: center
}

.extended-video .video-popup .video-popup-inner {
    width: 50%;
    height: 0;
    padding-bottom: 28.12%;
    margin: auto;
    position: relative
}

.extended-video .video-popup .video-popup-inner iframe,
.extended-video .video-popup .video-popup-inner video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width:1024px) {
    .extended-video .video-popup .video-popup-inner {
        width: 80%;
        padding-bottom: 45.24%
    }
}

.extended-video.opened .video-popup {
    display: flex
}

.extended-video .video-popup-close {
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../../../images/close-white.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -40px;
    right: -40px;
    cursor: pointer
}

.extended-video .wistia-player {
    --playButtonURL: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAP4AAACiCAYAAABh2nDdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAulJREFUeNrs3d1tGlEQBtAlSgEpgXSAO8AdxB2QDuwONhWQDpxUAB14OyAdmA5IB+SOvDdCSHnLn/WdI91XP4z1aYY77DIMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAvnc/nQzsrlYCs4JdTOxvVgKzgd7t23qkKZAW/PLezVhnICn43qg7kBb88tbNUJcgKfr/4+6BSkBX8buviD/KCf7bzh8zgd/cqB3nBt/OH0OD3i7+1KkJW8O38ITj4/eJvqaKQFXw7fwgNfvfo4i/PQgleV/D/0J8+tnO3WCy+qXKGN0pAU5/3D3b+Oj5ZHf/SNHf/7yqu45Nj3Y7n/AWfQHXZV4/5bpXCqE/GqH+tLvw+uvjT8cmymrv/Ril0fHI6/qX93P1d/Ak+QcEvx8HO36hPnOXwsvMflULHJ6fjX5oGO38dnzjr4WXn72EfwSdM7fx3XvBp1Cdn1L9m56/jE6jv/D3so+MT1PEv2fnr+ASqC7+Dh30EnzzLefQflcKoT8aof60u/Grnf/Sf1PHJsZpHfzt/wSfMz52/Ugg+WWrk/6oMgk+OL+3c+oLPv/dWCfgLapdfO/29Uuj4ZJjauRF6wSfHpxb4Wys8oz4ZjvNoPymFjk+G/TzaC73gE6Au8B5a4L2Rx6hPCM/h6/iE+dwCfyP0Oj45o73dvOATZBq8XdeoT5S+mxd6HZ8Ax8Ev6Oj4ROm7eaEXfAL0Czyf5436hPCqLB2fMH03L/Q6PiGj/Z3v2ev45Kiwvxd6wSfHg908/KfOv1+97nqlspAT/Ec/aw05wT/5UQvICn6N9kuVhJzgjyoIOcE/+alqyAr+zgUe5AS/uvy9ikFO8O3mISz4W6M95ATfbh7Cgv9kNw9ZwR9VBXKC/+wCD7KCbzcPYcHfqAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvE4/BBgAB9Vp0xXzB8AAAAAASUVORK5CYII=);
    background-color: transparent;
    position: relative
}

.extended-video .wistia-player::after {
    content: "";
    background: var(--playButtonURL) 0 0/60px 38px no-repeat #000;
    display: block;
    outline: 0;
    border: none;
    padding: 0;
    height: 38px;
    width: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: -10
}

@media screen and (min-width:395px) {
    .extended-video .wistia-player::after {
        background: var(--playButtonURL) 0 0/127px 81px no-repeat #000;
        height: 80px;
        width: 125px
    }
}

.extended-video .wistia-player .wistia_responsive_padding {
    position: relative;
    padding: 56.25% 0 0 0
}

.extended-video .wistia-player .wistia_responsive_padding .wistia_responsive_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.extended-video .wistia-player .wistia_responsive_padding .wistia_responsive_wrapper .wistia_embed {
    height: 100%;
    width: 100%
}

.extended-video .wistia-player .wistia_responsive_padding .wistia_responsive_wrapper .wistia_embed:not([class*="autoPlay=false"]),
.extended-video .wistia-player .wistia_responsive_padding .wistia_responsive_wrapper .wistia_embed:not([class*="autoPlay=false"])>div,
.extended-video .wistia-player .wistia_responsive_padding .wistia_responsive_wrapper .wistia_embed:not([class*="autoPlay=false"])>div>div,
.extended-video .wistia-player .wistia_responsive_padding .wistia_responsive_wrapper .wistia_embed:not([class*="autoPlay=false"])>div>div>div:nth-of-type(2),
.extended-video .wistia-player .wistia_responsive_padding .wistia_responsive_wrapper .wistia_embed:not([class*="autoPlay=false"])>div>div>div:nth-of-type(2)>div:nth-of-type(2) {
    max-height: 100%
}

.extended-video .wistia-player .wistia_responsive_padding .wistia_responsive_wrapper video {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

@media (max-width:768px) {
    .showcase {
        display: none
    }
}

body.wistia_popover_mode {
    overflow-y: hidden
}

body.wistia_popover_mode .wistia_popover_overlay {
    background-color: rgba(18, 34, 92, .75) !important;
    position: fixed !important
}

body.wistia_popover_mode .wistia_popover_embed {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-50%) !important
}

body.wistia_popover_mode .wistia_placebo_close_button {
    top: 80px !important;
    right: 0 !important;
    position: fixed !important
}

#tutorial-page-content .video {
    flex-basis: 100%;
    width: 100%;
    margin: 30px 0
}

@media (max-width:991px) {
    #tutorial-page-content .video {
        order: 1;
        margin: 30px 0 20px
    }
}