/*
    zuck.js
    https://github.com/ramon82/zuck.js
    MIT License
*/
.stories.snapgram .story > .item-link {
    text-decoration: none;
    color: #333;
}
.stories.snapgram .story > .item-link > .item-preview {
    border-radius: 50%;
    padding: 2px;
    background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
}
.stories.snapgram .story > .item-link > .item-preview img {
    border-radius: 50%;
    border: 3px solid #fff;
}

.stories.snapgram .story.seen {
    opacity: 0.75;
}
.stories.snapgram .story.seen > a {
    color: #999 !important;
}

/*old*/


.storiesWrapper .owl-wrapper-outer {
    box-shadow: unset;
}

.storiesWrapper .owl-pagination {
    display: none;
}

.story-item {
    color: white;
    border-radius: 1em;
    box-shadow: inset 0 -200px 200px -100px rgba(0,0,0,.9);

    /*width: 200px;*/
    margin-right: 15px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.story-text {
    font-size: 1.9rem;
    padding: 20px;
}

.close, .close:active, .close:hover,.close:focus {
    color:white!important;
    opacity:unset;
}


/* Фикс кнопки ссылки в модальном окне историй */
#zuck-modal .story-viewer .tip.link {
    display: block !important;
    white-space: nowrap !important; /* Запрещаем перенос строк */
    letter-spacing: normal !important; /* Сбрасываем "разбег" букв от темы */
    text-transform: uppercase !important;
    font-family: sans-serif !important; /* Устанавливаем чистый шрифт */
    
    /* Центрирование и внешний вид */
    position: absolute !important;
    bottom: 83px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    background: rgba(0, 0, 0, 0.8) !important;
    color: #fff !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    
    /* Убираем любые тени или отступы от темы */
    margin: 0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
    width: auto !important;
    max-width: 80vw !important;
}

/* Если внутри ссылки есть лишние span или b, которые мешают */
#zuck-modal .story-viewer .tip.link * {
    letter-spacing: normal !important;
    display: inline !important;
}