.wp-stories-open {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    viewport-fit: cover;
    touch-action: none;
    -ms-touch-action: none;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    min-height: 100%;
}

.wp-stories-open #wpadminbar {
    display: none;
}

.wp-stories-open jdiv,
.wp-stories-open .popup__subscribe,
.wp-stories-open .popup__subscribe + .popup__container {
    display: none !important;
}

.wp-stories {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    overflow: hidden;
}

.wp-stories--visible {
    display: flex;
}

.wp-stories.loading:after {
    content: '';
    border-radius: 50%;
    width: 6em;
    height: 6em;
    font-size: 10px;
    position: absolute;
    border-top: 1em solid #4caf50;
    border-right: 1em solid #4caf50;
    border-bottom: 1em solid rgba(255, 255, 255, 0.2);
    border-left: 1em solid #ffffff;
    transform: translateZ(0);
    animation: loading 1.1s infinite linear;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 9;
}

.wp-stories__inside {
    position: relative;
    width: 100vw;
    height: 100dvh;
}

.wp-stories__close {
    position: absolute;
    width: 32px;
    height: 32px;
    padding: 0;
    top: 0;
    right: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1.343 12.157 12.657.843M12.657 12.157 1.343.843'/%3E%3C/svg%3E") center no-repeat;
    border: 0;
    z-index: 1;
    cursor: pointer;
}

.wp-stories__close:hover {
    opacity: 0.8;
}

.wp-stories__content {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wp-stories .tns-ovh {
    overflow: hidden;
}

.wp-stories .tns-outer,
.wp-stories .tns-ovh,
.wp-stories .tns-inner {
    height: 100%;
}

.wp-stories .tns-visually-hidden {
    display: none;
}

.wp-stories .tns-nav {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 32px);
    height: 32px;
    padding: 0 20px;
    z-index: 1;
}

.wp-stories .tns-nav button {
    position: relative;
    width: 100%;
    height: 2px;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.4);
    border: 0;
    border-radius: 4px;
    overflow: hidden;
}

.wp-stories .tns-nav button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.wp-stories .tns-nav button.tns-nav-active:before {
    width: 0;
    animation-name: wp-stories-step-loading;
    animation-direction: alternate;
    animation-duration: var(--duration);
    animation-play-state: var(--animation-state);
    animation-fill-mode: forwards;
}

.wp-stories .tns-nav button.tns-nav-active ~ button:before {
    width: 0;
}

.wp-stories .tns-controls button {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    text-indent: -9999px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid rgba(255, 255, 255, 0.15);
    cursor: pointer;
    z-index: 1;
}

.wp-stories .tns-controls button:before {
    display: none;
}

.wp-stories .tns-controls button:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.wp-stories .tns-controls button[data-controls="prev"] {
    left: -65px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' fill='none'%3E%3Cpath fill='%23fff' d='M3.167 7 9 1.094 8.167.25 1.5 7l6.667 6.75.833-.844L3.167 7Z'/%3E%3C/svg%3E");
}

.wp-stories .tns-controls button[data-controls="next"] {
    right: -65px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' fill='none'%3E%3Cpath fill='%23fff' d='M8.833 7 3 1.094 3.833.25 10.5 7l-6.667 6.75L3 12.906 8.833 7Z'/%3E%3C/svg%3E");
}

.wp-stories .tns-controls button[disabled] {
    opacity: 0 !important;
    cursor: default !important;
}

.wp-story {
    flex-shrink: 0;
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--background);
    user-select: none;
    overflow: hidden;
}

.wp-story:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    background-position: center;
    background-repeat: no-repeat;
    visibility: visible;
    opacity: 1;
    z-index: 10;
}

.wp-story.play:after {
    animation: wp-stories-paused 1s ease-in-out forwards;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none'%3E%3Cpath fill='%23fff' d='M29.133 40v-5.567c0-6.933 4.9-9.766 10.9-6.3l4.834 2.8 4.833 2.8c6 3.467 6 9.134 0 12.6l-4.833 2.8-4.834 2.8c-6 3.467-10.9.634-10.9-6.3V40Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M63.567 63.567c13.033-13.034 13.033-34.134 0-47.134M16.433 16.433C3.4 29.467 3.4 50.567 16.433 63.567M29 71.367A33.558 33.558 0 0 0 40 73.2c3.733-.033 7.433-.6 11-1.833M29 8.633A33.557 33.557 0 0 1 40 6.8c3.733 0 7.433.6 11 1.833'/%3E%3C/svg%3E");
}

.wp-story.paused:after {
    animation: wp-stories-paused 1s ease-in-out forwards;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none'%3E%3Cpath fill='%23fff' d='M38.125 49.875v-19.75c0-1.875-.792-2.625-2.792-2.625h-5.041c-2 0-2.792.75-2.792 2.625v19.75c0 1.875.792 2.625 2.792 2.625h5.041c2 0 2.792-.75 2.792-2.625ZM52.5 49.875v-19.75c0-1.875-.792-2.625-2.792-2.625h-5.041c-1.986 0-2.792.75-2.792 2.625v19.75c0 1.875.792 2.625 2.792 2.625h5.041c2 0 2.792-.75 2.792-2.625Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M63.567 63.567c13.033-13.034 13.033-34.134 0-47.134M16.433 16.433C3.4 29.467 3.4 50.567 16.433 63.567M29 71.367A33.558 33.558 0 0 0 40 73.2c3.733-.033 7.433-.6 11-1.833M29 8.633A33.557 33.557 0 0 1 40 6.8c3.733 0 7.433.6 11 1.833'/%3E%3C/svg%3E");
}

.wp-story__image img {
    display: block;
    width: 100%;
    height: calc(100% - 60px);
    object-fit: cover;
}

.wp-stories__inside.hide-toolbar .wp-story__image img {
    height: 100%;
}

.wp-story__overlay-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-story__content {
    position: relative;
    z-index: 1;
}

.wp-story__video {
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    top: 0;
    left: 0;
    object-fit: cover;
}

.wp-stories__inside.hide-toolbar .wp-story__video {
    height: 100%;
}

.wp-story__video-content {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(0deg, black 30%, transparent);
}

.wp-story__title {
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 130%;
    font-weight: bold;
    text-shadow: 0 1px 2px rgb(0 0 0 / 55%);
    color: #ffffff;
}

.wp-story__description {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 150%;
    text-shadow: 0 1px 2px rgb(0 0 0 / 55%);
    color: #ffffff;
}

.wp-story__description a {
    color: #ffffff;
}

.wp-story__meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.wp-story__rating {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 4px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    color: #ffffff;
    background-color: #FFC530;
    border-radius: 3px;
}

.wp-story__rating:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' fill='none'%3E%3Cpath fill='%23fff' d='M5.356.9 3.892 3.87l-3.277.477a.718.718 0 0 0-.397 1.225l2.37 2.31-.56 3.264a.717.717 0 0 0 1.04.755L6 10.361l2.932 1.54a.718.718 0 0 0 1.04-.755l-.56-3.264 2.37-2.31a.718.718 0 0 0-.397-1.225l-3.277-.478L6.644.9a.718.718 0 0 0-1.288 0Z'/%3E%3C/svg%3E") center no-repeat;
}

.wp-story__comments {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    color: #ffffff;
}

.wp-story__comments:before {
    content: "";
    display: block;
    width: 23px;
    height: 20px;
    margin-right: 4px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='20' fill='none'%3E%3Cpath fill='%23fff' d='M13.573 13.227c1.39-.586 2.488-1.383 3.292-2.393.804-1.01 1.207-2.11 1.207-3.299 0-1.19-.403-2.289-1.207-3.298-.804-1.01-1.901-1.808-3.292-2.394-1.39-.586-2.903-.88-4.537-.88-1.635 0-3.147.294-4.537.88-1.39.586-2.488 1.384-3.292 2.394C.402 5.247 0 6.346 0 7.535c0 1.018.304 1.977.912 2.876.607.898 1.441 1.655 2.502 2.271a7.05 7.05 0 0 1-.263.565c-.09.171-.197.336-.32.494l-.29.372c-.068.09-.18.216-.333.379-.154.162-.253.27-.296.32 0-.008-.017.011-.05.059-.035.047-.054.068-.059.064-.004-.005-.021.017-.051.064l-.045.07-.032.064a.269.269 0 0 0-.026.077.503.503 0 0 0-.006.084c0 .03.004.057.013.083.017.111.066.2.147.27a.401.401 0 0 0 .263.102h.039c.428-.06.796-.128 1.104-.206a10.795 10.795 0 0 0 3.568-1.642c.77.137 1.523.205 2.259.205 1.634 0 3.147-.292 4.537-.879Zm-7.181-1.071-.565.398c-.24.162-.505.33-.796.5l.45-1.078-1.245-.719c-.822-.479-1.46-1.043-1.913-1.694-.453-.65-.68-1.326-.68-2.028 0-.873.336-1.69 1.008-2.451.671-.762 1.576-1.365 2.714-1.81 1.138-.445 2.362-.668 3.67-.668 1.31 0 2.534.223 3.672.668 1.138.445 2.042 1.048 2.714 1.81.672.761 1.008 1.578 1.008 2.451s-.336 1.69-1.008 2.452c-.671.761-1.576 1.364-2.714 1.81-1.138.444-2.362.667-3.671.667-.642 0-1.296-.06-1.964-.18l-.68-.128Z'/%3E%3Cpath fill='%23fff' d='M22.089 13.702c.607-.895.91-1.855.91-2.882 0-1.052-.32-2.036-.961-2.952-.642-.915-1.515-1.677-2.619-2.284a6.584 6.584 0 0 1-.565 5.211c-.573 1.026-1.395 1.933-2.464 2.72-.993.72-2.122 1.271-3.389 1.656a13.56 13.56 0 0 1-3.966.578c-.256 0-.633-.017-1.129-.051 1.72 1.13 3.74 1.694 6.058 1.694.736 0 1.489-.069 2.26-.206 1.06.754 2.25 1.301 3.567 1.644.308.077.676.145 1.104.205a.387.387 0 0 0 .282-.09.475.475 0 0 0 .167-.282c-.004-.051 0-.08.013-.084.013-.004.01-.032-.006-.083l-.026-.077-.032-.064a.624.624 0 0 0-.096-.134 1.564 1.564 0 0 1-.058-.065 8.886 8.886 0 0 0-.346-.379 5.073 5.073 0 0 1-.334-.378c-.068-.09-.165-.213-.289-.372a3.25 3.25 0 0 1-.32-.494 7.049 7.049 0 0 1-.264-.565c1.061-.616 1.896-1.371 2.503-2.266Z'/%3E%3C/svg%3E") center no-repeat;
}

.wp-story__provider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.wp-story__provider-logo {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.wp-story__provider-logo > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.wp-story__provider-name {
    font-size: 18px;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0 1px 2px rgb(0 0 0 / 55%);
}

.wp-story__buttons {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.wp-story__button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 20px;
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
}

.wp-story__button--main {
    color: #000000;
    background-color: #FFC530;
}

.wp-story__button--main:hover {
    background-color: #ffb800;
}

.wp-story__button--additional {
    color: #ffffff;
    border: 1px solid #ffffff;
}

.wp-story__button--additional:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.wp-story__button--code {
    position: relative;
    text-decoration: underline dashed 1px !important;
    text-decoration-thickness: 1px;
    text-underline-position: under;
    box-shadow: -2px -2px 10px rgba(255, 188, 17, 0.8), 4px 4px 10px rgba(0, 0, 0, 0.35);
}

.wp-story__button--code:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 1px dashed rgba(255, 255, 255, 0.5);
    border-radius: 5px;
}

.wp-story__button--code span {
    display: flex;
    align-items: center;
    position: relative;
}

.wp-story__button--code span:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -30px;
    right: -25px;
    width: 42px;
    height: 44px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='44' fill='none' class='finger'%3E%3Cpath fill='%23fff' d='M31.345 27.575c1.28.686.926 1.803.21 2.89-1.015 1.54-4.746 3.23-6.37 3.209-1.49-.018-2.543-.706-2.502-1.855'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.8' d='M31.345 27.575c1.28.686.926 1.803.21 2.89-1.015 1.54-4.746 3.23-6.37 3.209-1.49-.018-2.543-.706-2.502-1.855'/%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.8' d='M14.719 26.73c1.427 2.823 6.527 5.605 10.208 4.81 1.9-.41 5.598-2.337 6.34-3.993 1.271-2.836 1.2-5.505.248-8.306-.337-.992-.803-2.091-1.411-2.837-2.588-3.174-4.676-1.964-5.559-1.62-1.363-1.243-3.772-1.322-5.88.512-1.1-1.864-1.709-3.052-2.576-4.918-1.45-3.12-7.072-.765-4.708 2.716 1.61 2.37 2.59 4.476 3.484 7.06-.508.535-1.637 3.627-.147 6.575h0Z'/%3E%3Cpath fill='%23000' d='M18.243 15.4c1.038 1.785 2.051 3.054 3.913 3.812-1.108-.89-2.58-3.085-3.378-4.548l-.535.735ZM24.635 14.312l-.527.65c.905.775 1.913 1.65 2.794 1.919-.455-.344-1.576-1.877-2.267-2.57Z'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.6' d='M28.833 27.257c-.258-2.103-.55-2.583-.83-3.57M27.236 28.342c-.855-2.176-1.474-3.139-2.178-4.534M25.293 29.58c-.786-1.403-1.29-1.99-1.881-2.83'/%3E%3Cpath fill='%23000' d='M14.415 20.091c.915 2.284 2.09 6.163 2.994 7.16-.191-.817-1.903-6.725-2.376-7.863l-.618.703ZM9.897 10.485c-.175-1.818 2.697-3.924 4.696-2.878-2.004-2.54-6.128.825-4.696 2.878Z'/%3E%3Cpath fill='%23000' d='M8.77 9.717c-.164-3.07 3.595-4.743 5.677-3.479-2.606-3.162-7.698.65-5.678 3.48Z'/%3E%3C/svg%3E") center no-repeat;
}

.wp-story__button--code span:after {
    content: "";
    display: block;
    width: 15px;
    height: 18px;
    margin-left: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='copy' viewBox='0 0 15 18'%3E%3Cpath d='M10.5.75h-9C.675.75 0 1.425 0 2.25v10.5h1.5V2.25h9V.75Zm-.75 3 4.5 4.5v7.5c0 .825-.675 1.5-1.5 1.5H4.492A1.498 1.498 0 0 1 3 15.75l.007-10.5c0-.825.668-1.5 1.493-1.5h5.25ZM9 9h4.125L9 4.875V9Z'/%3E%3C/svg%3E") center no-repeat;
}

.wp-story__button--video:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='red' d='M21.093 4.185c-6.063-1.537-12.041-1.537-18.104 0C1.196 4.612 0 6.32 0 8.113v7.771c0 1.793 1.196 3.501 2.989 3.928a35.777 35.777 0 0 0 18.018 0c1.793-.427 2.989-2.135 2.989-3.928V8.113c.085-1.793-1.196-3.416-2.903-3.928Z'/%3E%3Cpath fill='%23fff' d='M9.255 15.16V8.84l6.32 3.16-6.32 3.16Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center no-repeat;
}

.wp-story__end {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 10px;
    font-size: 16px;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 5px;
}

.wp-story-tooblar {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    background-color: #000000;
    z-index: 2;
}

.wp-stories__inside.hide-toolbar .wp-story-tooblar {
    display: none;
}

.wp-story-tooblar__button {
    display: block;
    width: 50px;
    height: 100%;
    padding: 0;
    border: 0;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    cursor: pointer;
}

.wp-story-tooblar__button:hover {
    opacity: 0.8;
}

.wp-story-tooblar__button[data-count]:after {
    content: attr(data-count);
    margin-left: 28px;
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
}

.wp-story-tooblar__button--like {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12.62 21.31c-.34.12-.9.12-1.24 0C8.48 20.32 2 16.19 2 9.19 2 6.1 4.49 3.6 7.56 3.6c1.82 0 3.43.88 4.44 2.24a5.53 5.53 0 0 1 4.44-2.24C19.51 3.6 22 6.1 22 9.19c0 7-6.48 11.13-9.38 12.12Z'/%3E%3C/svg%3E");
    background-position: left;
    padding-left: 30px;
}

.wp-story-tooblar__button--like.active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M12.62 20.81c-.34.12-.9.12-1.24 0C8.48 19.82 2 15.69 2 8.69 2 5.6 4.49 3.1 7.56 3.1c1.82 0 3.43.88 4.44 2.24a5.53 5.53 0 0 1 4.44-2.24C19.51 3.1 22 5.6 22 8.69c0 7-6.48 11.13-9.38 12.12Z'/%3E%3C/svg%3E");
}

.wp-story-tooblar__button--favorite {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.75 9.49v11.36c0 1.45-1.04 2.06-2.31 1.36l-3.93-2.19c-.42-.23-1.1-.23-1.52 0l-3.93 2.19c-1.27.7-2.31.09-2.31-1.36V9.49c0-1.71 1.4-3.11 3.11-3.11h7.78c1.71 0 3.11 1.4 3.11 3.11Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M22.75 5.61v11.36c0 1.45-1.04 2.06-2.31 1.36l-3.69-2.06V9.49c0-1.71-1.4-3.11-3.11-3.11H8.75v-.77c0-1.71 1.4-3.11 3.11-3.11h7.78c1.71 0 3.11 1.4 3.11 3.11ZM7.75 12.5h4M9.75 14.5v-4'/%3E%3C/svg%3E");
}

.wp-story-tooblar__button--favorite.active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M16.75 8.99v11.36c0 1.45-1.04 2.06-2.31 1.36l-3.93-2.19c-.42-.23-1.1-.23-1.52 0l-3.93 2.19c-1.27.7-2.31.09-2.31-1.36V8.99c0-1.71 1.4-3.11 3.11-3.11h7.78c1.71 0 3.11 1.4 3.11 3.11Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M22.75 5.11v11.36c0 1.45-1.04 2.06-2.31 1.36l-3.69-2.06V8.99c0-1.71-1.4-3.11-3.11-3.11H8.75v-.77C8.75 3.4 10.15 2 11.86 2h7.78c1.71 0 3.11 1.4 3.11 3.11Z'/%3E%3C/svg%3E");
}

.wp-story-tooblar__button--comments {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M9 19.5h-.5c-4 0-6-1-6-6v-5c0-4 2-6 6-6h8c4 0 6 2 6 6v5c0 4-2 6-6 6H16c-.31 0-.61.15-.8.4l-1.5 2c-.66.88-1.74.88-2.4 0l-1.5-2c-.16-.22-.53-.4-.8-.4Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16.497 11.5h.008M12.495 11.5h.01M8.495 11.5h.008'/%3E%3C/svg%3E");
}

.wp-story-tooblar__button--mute {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M2.25 10v4c0 2 1 3 3 3h1.43c.37 0 .74.11 1.06.3l2.92 1.83c2.52 1.58 4.59.43 4.59-2.54V7.41c0-2.98-2.07-4.12-4.59-2.54L7.74 6.7c-.32.19-.69.3-1.06.3H5.25c-2 0-3 1-3 3Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.25 8a6.66 6.66 0 0 1 0 8M20.08 5.5a10.83 10.83 0 0 1 0 13'/%3E%3C/svg%3E");
}

.wp-story-tooblar__button--mute.enabled {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='M2.25 10.66v4c0 2 1 3 3 3h1.43c.37 0 .74.11 1.06.3l2.92 1.83c2.52 1.58 4.59.43 4.59-2.54V8.07c0-2.98-2.07-4.12-4.59-2.54L7.74 7.36c-.32.19-.69.3-1.06.3H5.25c-2 0-3 1-3 3Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='m22.25 14.62-3.96-3.96M22.21 10.7l-3.96 3.96'/%3E%3C/svg%3E");
}

.wp-story-tooblar__button--share {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM16.5 21.75a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM16.5 8.25a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM13.978 6.872l-5.456 3.506M8.522 13.622l5.456 3.506'/%3E%3C/svg%3E");
}

.wp-story-tab {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    padding: 15px;
    background-color: #000000;
    border-radius: 10px 10px 0 0;
    transition: bottom 0.3s ease-in-out;
    z-index: 2;
}

.wp-story-tab.open {
    bottom: 0;
}

.wp-story-tab__subtitle {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.wp-story-tab__title {
    margin-bottom: 25px;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.wp-story-tab__text {
    text-align: center;
    color: #ffffff;
}

.wp-story-tab__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    margin-top: 20px;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    cursor: pointer;
}

.wp-story-tab__button:hover {
    border: 1px solid #ffffff;
}

.wp-story-tab__toggler {
    display: block;
    margin: 0 auto 15px;
    padding: 0;
    width: 78px;
    height: 6px;
    border: 0;
    background-color: #636363;
    border-radius: 10px;
    cursor: pointer;
}

.wp-story-tab__footer {
    margin: -15px;
    padding: 15px;
    border-top: 1px solid #303030;
}

.wp-story__share {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.wp-story__share-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 61px;
    padding: 0;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    color: #818181;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.wp-story__share-item:hover {
    opacity: 0.9;
}

.wp-story__share-item:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.wp-story__share-item[data-type="vk"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 48 48'%3E%3Cpath fill='%231976d2' d='M24 4a20 20 0 1 0 0 40 20 20 0 1 0 0-40Z'/%3E%3Cpath fill='%23fff' d='M35.937 18.041c.046-.151.068-.291.062-.416-.015-.362-.264-.625-.85-.625h-2.618c-.661 0-.966.4-1.144.801 0 0-1.632 3.359-3.513 5.574-.61.641-.92.625-1.25.625-.177 0-.624-.214-.624-.801v-5.185c0-.694-.173-1.014-.732-1.014h-4.649c-.407 0-.619.32-.619.641 0 .667.898.827 1 2.696v3.623c0 .88-.153 1.04-.483 1.04-.89 0-2.642-3-3.815-6.932-.254-.774-.508-1.068-1.169-1.068H12.89c-.763 0-.89.374-.89.774 0 .721.6 4.619 3.875 9.101C18.25 30.125 21.379 32 24.149 32c1.678 0 1.85-.427 1.85-1.094v-2.972c.001-.801.184-.934.718-.934.381 0 1.158.25 2.658 2 1.73 2.018 2.044 3 3.036 3h2.618c.608 0 .957-.255.971-.75a1.542 1.542 0 0 0-.056-.424c-.194-.576-1.084-1.984-2.194-3.326-.615-.743-1.222-1.479-1.501-1.879-.187-.261-.258-.445-.249-.621.009-.185.105-.361.249-.607-.026 0 3.358-4.751 3.688-6.352z'/%3E%3C/svg%3E");
    background-size: 48px;
}

.wp-story__share-item[data-type="telegram"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='50' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='url(%23b)' d='M25.5 50c13.807 0 25-11.193 25-25S39.307 0 25.5 0 .5 11.193.5 25s11.193 25 25 25Z'/%3E%3Cpath fill='%23C8DAEA' d='m17.423 26.828 2.966 8.209s.37.768.768.768c.397 0 6.303-6.144 6.303-6.144l6.568-12.685-16.5 7.732-.105 2.12Z'/%3E%3Cpath fill='%23A9C6D8' d='m21.355 28.933-.569 6.051s-.238 1.854 1.615 0A51.275 51.275 0 0 1 26.03 31.7'/%3E%3Cpath fill='%23fff' d='m17.476 27.12-6.101-1.988s-.73-.295-.494-.966c.048-.139.145-.256.437-.459 1.352-.942 25.022-9.45 25.022-9.45s.668-.225 1.063-.075a.576.576 0 0 1 .392.428c.043.176.06.358.053.539-.002.156-.02.302-.035.53-.144 2.325-4.458 19.685-4.458 19.685s-.258 1.016-1.183 1.05a1.693 1.693 0 0 1-1.235-.477c-1.814-1.56-8.087-5.776-9.473-6.703a.264.264 0 0 1-.114-.188c-.019-.097.087-.218.087-.218S32.36 19.119 32.65 18.1c.022-.079-.063-.118-.177-.083-.725.267-13.3 8.208-14.688 9.085a.669.669 0 0 1-.309.018Z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='25.5' x2='25.5' y1='50' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231D93D2'/%3E%3Cstop offset='1' stop-color='%2338B0E3'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h50v50H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.wp-story__share-item[data-type="whatsapp"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='50' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23E0E0E0' d='M43.136 7.266C38.456 2.583 32.234.003 25.604 0 11.943 0 .825 11.114.82 24.775A24.73 24.73 0 0 0 4.128 37.16L.612 50l13.138-3.445a24.766 24.766 0 0 0 11.843 3.016h.011c13.66 0 24.779-11.116 24.784-24.776a24.626 24.626 0 0 0-7.252-17.529Zm-17.532 38.12h-.008a20.574 20.574 0 0 1-10.485-2.87l-.752-.447-7.797 2.045 2.082-7.6-.49-.778a20.539 20.539 0 0 1-3.15-10.96C5.01 13.422 14.25 4.185 25.612 4.185a20.466 20.466 0 0 1 14.564 6.039 20.467 20.467 0 0 1 6.027 14.57c-.004 11.354-9.245 20.592-20.599 20.592Z'/%3E%3Cpath fill='url(%23b)' d='m1.75 48.575 3.355-12.252a23.599 23.599 0 0 1-3.158-11.82C1.953 11.466 12.563.86 25.6.86c6.327.003 12.265 2.466 16.73 6.935a23.495 23.495 0 0 1 6.921 16.727c-.005 13.036-10.616 23.643-23.65 23.643-.001 0 0 0 0 0h-.01a23.644 23.644 0 0 1-11.303-2.877L1.75 48.575Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M19.48 14.257c-.459-1.02-.942-1.04-1.378-1.058-.357-.015-.765-.014-1.173-.014-.408 0-1.071.153-1.632.766-.562.612-2.143 2.093-2.143 5.105 0 3.012 2.194 5.922 2.5 6.331.306.408 4.234 6.786 10.457 9.24 5.17 2.04 6.223 1.634 7.345 1.532 1.123-.102 3.622-1.48 4.132-2.91.51-1.43.51-2.655.358-2.91-.154-.256-.562-.409-1.174-.715-.612-.306-3.622-1.787-4.183-1.991-.561-.205-.97-.307-1.377.306-.409.613-1.581 1.991-1.938 2.4-.357.408-.715.46-1.327.153-.612-.307-2.584-.953-4.922-3.038-1.82-1.623-3.049-3.626-3.406-4.24-.357-.611-.038-.943.269-1.248.275-.274.612-.715.918-1.072.306-.358.408-.613.612-1.021.204-.409.102-.766-.051-1.072-.153-.306-1.343-3.334-1.887-4.544Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M42.933 7.187C38.307 2.558 32.157.007 25.603.005c-13.505 0-24.495 10.986-24.5 24.49a24.446 24.446 0 0 0 3.27 12.244L.897 49.431l12.988-3.406a24.484 24.484 0 0 0 11.708 2.982h.01c13.502 0 24.494-10.989 24.5-24.492a24.344 24.344 0 0 0-7.17-17.328ZM25.603 44.87h-.008a20.339 20.339 0 0 1-10.364-2.838l-.744-.44-7.707 2.02L8.837 36.1l-.484-.77a20.302 20.302 0 0 1-3.114-10.833C5.244 13.273 14.38 4.14 25.611 4.14a20.23 20.23 0 0 1 14.396 5.97 20.233 20.233 0 0 1 5.959 14.402c-.005 11.225-9.14 20.357-20.363 20.357Z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='25.5' x2='25.5' y1='48.575' y2='.861' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2320B038'/%3E%3Cstop offset='1' stop-color='%2360D66A'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.61 0h49.78v50H.61z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.wp-story__share-item[data-type="twitter"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='50' fill='none'%3E%3Crect width='50' height='49.998' x='.5' fill='%231D9BF0' rx='24.999'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M37.059 20.783c.017.244.017.489.017.736 0 7.523-5.736 16.2-16.223 16.2v-.004a16.158 16.158 0 0 1-8.74-2.553 11.46 11.46 0 0 0 8.438-2.36 5.708 5.708 0 0 1-5.327-3.953 5.69 5.69 0 0 0 2.575-.099 5.696 5.696 0 0 1-4.574-5.58v-.073c.793.441 1.68.686 2.588.713a5.696 5.696 0 0 1-1.765-7.602A16.19 16.19 0 0 0 25.8 22.155a5.692 5.692 0 0 1 1.65-5.44 5.714 5.714 0 0 1 8.067.247 11.45 11.45 0 0 0 3.62-1.382 5.716 5.716 0 0 1-2.506 3.149 11.35 11.35 0 0 0 3.274-.897 11.572 11.572 0 0 1-2.845 2.95Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M12 15h28v23H12z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.wp-story__share-item[data-type="viber"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='100' height='100'%3E%3Ccircle cx='50' cy='49.999' r='45' fill='%237C519B'/%3E%3Cpath fill='%23FFF' d='M49.758 31.413c.285-.262.487-.299 1.48-.268.521.018 1.279.078 1.695.127 2.098.262 3.795.768 5.653 1.674 1.829.896 3.001 1.742 4.55 3.283 1.449 1.455 2.255 2.557 3.109 4.268 1.189 2.387 1.866 5.225 1.982 8.348.042 1.066.012 1.305-.231 1.607-.464.592-1.483.494-1.829-.17-.112-.219-.143-.408-.178-1.262-.061-1.309-.152-2.154-.336-3.166-.72-3.963-2.621-7.129-5.658-9.4-2.532-1.898-5.147-2.826-8.573-3.025-1.16-.066-1.361-.109-1.623-.311-.487-.385-.512-1.285-.041-1.705zm7.268 7.842c-1.226-.73-3.037-1.271-4.688-1.406-.6-.049-.928-.17-1.153-.432a1.11 1.11 0 0 1-.092-1.377c.317-.492.804-.572 2.261-.354 3.702.543 6.569 2.26 8.446 5.049 1.058 1.57 1.715 3.416 1.941 5.395.077.725.077 2.045-.009 2.264-.077.207-.335.488-.554.604-.237.121-.745.109-1.025-.037-.468-.236-.609-.615-.609-1.637 0-1.578-.408-3.24-1.115-4.529a9.269 9.269 0 0 0-3.403-3.54zm2.061 8.117c-.359.328-1.025.34-1.428.031-.291-.221-.384-.453-.451-1.078-.078-.834-.224-1.42-.476-1.961-.536-1.15-1.481-1.748-3.079-1.943-.749-.09-.976-.176-1.219-.463-.446-.529-.274-1.387.342-1.705.231-.113.327-.127.841-.096.316.018.786.072 1.036.127 1.201.256 2.123.713 2.908 1.449 1.014.957 1.569 2.113 1.813 3.775.165 1.085.097 1.511-.287 1.864zm9.109 15.996c-.449 1.162-2.206 3.342-3.432 4.273-1.109.84-1.897 1.162-2.935 1.213-.852.041-1.206-.033-2.297-.482-8.562-3.525-15.399-8.785-20.827-16.014-2.834-3.775-4.993-7.689-6.471-11.752-.857-2.367-.899-3.396-.193-4.609.306-.51 1.603-1.777 2.551-2.482 1.573-1.17 2.299-1.602 2.876-1.725.398-.086 1.086-.018 1.525.141.212.072.544.244.731.365 1.16.768 4.385 4.889 5.439 6.947.604 1.176.806 2.045.616 2.691-.196.693-.52 1.059-1.963 2.223-.58.469-1.124.949-1.208 1.078-.22.316-.397.938-.397 1.375.006 1.018.666 2.861 1.531 4.281.672 1.102 1.871 2.514 3.062 3.598 1.396 1.279 2.627 2.15 4.019 2.838 1.785.889 2.878 1.113 3.676.742a2.71 2.71 0 0 0 .481-.268c.061-.055.53-.627 1.044-1.26.987-1.242 1.214-1.443 1.89-1.674.861-.293 1.738-.215 2.622.236.672.348 2.135 1.256 3.079 1.912 1.245.871 3.904 3.039 4.264 3.471.636.781.746 1.779.317 2.882z'/%3E%3C/svg%3E");
    background-size: 44px;
}

.wp-story__share-item[data-type="copy"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='50' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='50' height='49.998' x='.5' fill='%231D9BF0' rx='24.999'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m34.46 27.662 1.602-1.601c3.204-3.203 3.214-8.454 0-11.668-3.203-3.203-8.453-3.213-11.667 0l-1.601 1.602M16.44 22.348l-1.59 1.591c-3.214 3.214-3.214 8.454 0 11.668 3.202 3.203 8.453 3.213 11.667 0l1.59-1.591M21.213 29.243l8.485-8.486'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='50' height='49.998' x='.5' fill='%23fff' rx='24.999'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 40px;
}

.wp-story-comments-auth {
    display: flex;
    align-items: center;
}

.wp-story-comments-auth__text {
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
}

button.wp-story-comments-auth__button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    margin-left: 10px;
    padding: 0 20px;
    font-size: 18px;
    line-height: 34px;
    font-weight: bold;
    background-color: #FFC530;
    color: #000000;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

button.wp-story-comments-auth__button:hover {
    background-color: #ffb800;
}

.wp-story-comments-form {
    display: flex;
    align-items: center;
    position: relative;
}

.wp-story-comments-form.loading {
    opacity: 0.8;
}

.wp-story-comments-form.loading:after {
    content: "";
    width: 3em;
    height: 3em;
    margin-left: -20px;
    margin-top: -20px;
    font-size: 10px;
    position: absolute;
    border-top: 0.5em solid #4caf50;
    border-right: 0.5em solid #4caf50;
    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
    border-left: 0.5em solid #ffffff;
    border-radius: 50%;
    transform: translateZ(0);
    animation: loading 1.1s infinite linear;
    top: 50%;
    left: 50%;
    z-index: 9;
}

.wp-story-comments-form textarea.wp-story-comments-form__field {
    height: 36px;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 18px;
    font-family: sans-serif;
    color: #ffffff;
    background-color: #242526 !important;
    border: 1px solid #A0A0A0;
    border-radius: 4px;
    resize: none;
}

.wp-story-comments-form textarea.wp-story-comments-form__field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.30);
}

.wp-story-comments-form textarea.wp-story-comments-form__field::-moz-placeholder {
    color: rgba(255, 255, 255, 0.30);
}

.wp-story-comments-form textarea.wp-story-comments-form__field:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.30);
}

.wp-story-comments-form textarea.wp-story-comments-form__field:-moz-placeholder {
    color: rgba(255, 255, 255, 0.30);
}

.wp-story-comments-form button.wp-story-comments-form__button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 36px;
    margin-left: 10px;
    padding: 0;
    font-size: 18px;
    line-height: 34px;
    font-weight: bold;
    color: #000000;
    background-color: #FFC530;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m14.307 5.693-6.6 4.582L.804 7.974a1.176 1.176 0 0 1 .01-2.234L18.465.057a1.177 1.177 0 0 1 1.48 1.479l-5.684 17.65a1.175 1.175 0 0 1-2.234.01L9.714 12.26l4.593-6.566Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

.wp-story-comments-form button.wp-story-comments-form__button:hover {
    background-color: #ffb800;
}

.wp-story-comments-list {
    max-height: 320px;
    margin-bottom: 30px;
    overflow: auto;
}

.wp-story-comment {
    display: flex;
    margin-bottom: 10px;
}

.wp-story-comment__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 50%;
}

.wp-story-comment--1 .wp-story-comment__avatar {
    background: #FF4A3F;
}

.wp-story-comment--2 .wp-story-comment__avatar {
    background: #2F8F41;
}

.wp-story-comment--3 .wp-story-comment__avatar {
    background: #FFC530;
}

.wp-story-comment--4 .wp-story-comment__avatar {
    background: #1E88E5;
}

.wp-story-comment__info {
    position: relative;
    min-width: 140px;
    padding: 10px 50px 30px 20px;
    border-radius: 0 5px 5px 5px;
    background-color: #272727;
}

.wp-story-comment__info:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -15px;
    width: 15px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='18' fill='none'%3E%3Cpath fill='%23272727' d='M0 0h15v18S13.125 0 0 0Z'/%3E%3C/svg%3E") center no-repeat;
}

.wp-story-comment__author {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 17px;
    color: #ffffff;
}

.wp-story-comment__content {
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
    color: #ffffff;
}

.wp-story-comment__date {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 14px;
    line-height: 17px;
    color: #757575;
    text-align: right;
    white-space: nowrap;
}

/*** Templates ***/

/* #1 */

.wp-story--template-1 .wp-story__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-story--template-1 .wp-story__content {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    padding: 20px 20px 40px;
}

/* #2 */

.wp-story--template-2 .wp-story__content {
    width: 100%;
    padding: 60px 20px 20px;
}

.wp-story--template-2 .wp-story__image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-story--template-2 .wp-story__button--main,
.wp-story--template-2 .wp-story__button--additional {
    width: max-content;
}

/* #3 */

.wp-story--template-3 .wp-story__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-story--template-3 .wp-story__content {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    padding: 20px 20px 40px;
}

.wp-story--template-3 .wp-story__title {
    text-align: center;
}

.wp-story--template-3 .wp-story__description {
    text-align: center;
}

.wp-story--template-3 .wp-story__button--main {
    width: max-content;
    margin: 0 auto;
}

.wp-story--template-3 .wp-story__end {
    display: flex;
}

/* #4 */

.wp-story--template-4 .wp-story__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-story--template-4 .wp-story__content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 20px 60px;
}

.wp-story--template-4 .wp-story__title {
    text-align: center;
}

.wp-story--template-4 .wp-story__description {
    text-align: center;
}

.wp-story--template-4 .wp-story__buttons {
    flex-direction: row;
    justify-content: center;
    gap: 15px;
}

.wp-story--template-4 .wp-story__button {
    min-width: 50%;
    margin-bottom: 0 !important;
}

.wp-story--template-4 .wp-story__button--main {
    width: max-content;
}

.wp-story--template-4 .wp-story__button--additional {
    width: max-content;
}

.wp-story--template-4 .wp-story__end {
    display: flex;
    width: 100%;
}

/* #5 */

.wp-story--template-5 .wp-story__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-story--template-5 .wp-story__entity-image {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    border: 4px solid #000000;
    border-radius: 5px;
}

.wp-story--template-5 .wp-story__entity-image > img {
    display: block;
    width: 100%;
}

.wp-story--template-5 .wp-story__rating {
    position: absolute;
    top: 10px;
    right: 10px;
}

.wp-story--template-5 .wp-story__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 0 20px;
}

.wp-story--template-5 .wp-story__title {
    text-align: center;
}

.wp-story--template-5 .wp-story__end {
    display: flex;
    width: 100%;
}

/* #6 */

.wp-story--template-6 .wp-story__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-story--template-6 .wp-story__entity-image {
    position: relative;
    max-width: 140px;
    width: 100%;
    margin: 0 auto 15px;
}

.wp-story--template-6 .wp-story__entity-image > img {
    display: block;
    width: 100%;
}

.wp-story--template-6 .wp-story__content {
    position: absolute;
    left: 0;
    bottom: 60px;
    padding: 20px 20px 30px;
    width: 100%;
}

.wp-story--template-6 .wp-story__title {
    text-align: center;
}

.wp-story--template-6 .wp-story__end {
    display: flex;
    width: 100%;
}

/* #7 */

.wp-story--template-7 .wp-story__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-story--template-7 .wp-story__content {
    position: absolute;
    left: 0;
    bottom: 60px;
    padding: 20px 20px 30px;
    width: 100%;
}

.wp-story--template-7 .wp-story__title {
    text-align: center;
}

.wp-story--template-7 .wp-story__button--main:not(.wp-story__button--code) {
    color: #ffffff;
    background-color: #FF0000;
}

.wp-story--template-7 .wp-story__button--main:not(.wp-story__button--code):hover {
    background-color: #e00000;
}

.wp-story--template-7 .wp-story__end {
    display: flex;
    width: 100%;
}

/* #8 */

.wp-story--template-8 .wp-story__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-story--template-8 .wp-story__content {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    padding: 20px 20px 30px;
}

.wp-story--template-8 .wp-story__button--main {
    width: max-content;
    background-color: #FFC530;
}

/* #9 */

.wp-story--template-9 .wp-story__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-story--template-9 .wp-story__entity-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.wp-story--template-9 .wp-story__entity-image > img {
    display: block;
    width: 100%;
}

.wp-story--template-9 .wp-story__content {
    position: absolute;
    left: 0;
    bottom: 60px;
    padding: 20px 20px 30px;
    width: 100%;
}

.wp-story--template-9 .wp-story__title {
    text-align: center;
}

.wp-story--template-9 .wp-story__description {
    font-size: 26px;
    line-height: 1.1;
    text-align: center;
}

.wp-story--template-9 .wp-story__end {
    display: flex;
    width: 100%;
}

/* Video */

.wp-story--video {
    background: #242526 !important;
}

.wp-story--video .wp-story__content {
    position: initial;
}

.wp-story--video .wp-story__video-content {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease-in-out;
}

.wp-story--video .wp-story__video-content.content-visible {
    opacity: 1;
    visibility: visible;
}

.wp-stories-notice {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 230px;
    left: 10px;
    width: calc(100% - 20px);
    padding: 10px 15px;
    font-size: 16px;
    line-height: 16px;
    color: #00FFB2;
    background-color: #000000;
    border-radius: 12px;
    z-index: 1000;
    animation: notice 0.5s;
}

.wp-stories-notice:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%2300FFB2' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z' opacity='.4'/%3E%3Cpath fill='%2300FFB2' d='M10.58 15.58a.75.75 0 0 1-.53-.22l-2.83-2.83a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l2.3 2.3 5.14-5.14c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-5.67 5.67a.75.75 0 0 1-.53.22Z'/%3E%3C/svg%3E") no-repeat center;
}

/*** Responsive ***/

@media (min-width: 576px) {

    .wp-stories__inside {
        max-width: 360px;
        max-height: 700px;
    }

    .wp-stories__inside.hide-toolbar {
        max-height: 640px;
    }
}

/*** Helpers ***/

@keyframes notice {
    0% {
        opacity: 0;
        bottom: 220px;
    }
    100% {
        opacity: 1;
        bottom: 230px;
    }
}

@keyframes wp-stories-paused {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes wp-stories-step-loading {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}