.component.twitter-feed {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .14);
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    position: relative
}

.component.twitter-feed::after {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    right: 20px;
    top: 20px;
    background-image: url(../../../images/twitter.svg);
    width: 28px;
    height: 23px
}

.component.twitter-feed .tweet-item:not(:first-child) {
    margin-top: 20px;
    border-top: 1px solid #b0b8ba;
    padding-top: 20px
}

.component.twitter-feed .tweet-profile {
    display: block
}

.component.twitter-feed .tweet-avatar {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    float: left;
    margin-right: 5px
}

.component.twitter-feed .tweet-verified {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    font-size: 0;
    background-image: url(../../../images/verified.svg);
    vertical-align: super
}

.component.twitter-feed .tweet-full-name,
.component.twitter-feed .tweet-nickname {
    font-size: 13px;
    line-height: 20px;
    line-height: 10px;
    color: #000
}

.component.twitter-feed .tweet-nickname {
    display: block
}

.component.twitter-feed .tweet-content {
    clear: both;
    margin-top: 40px
}

.component.twitter-feed .tweet-text {
    font-size: 16px;
    line-height: 22px
}

.component.twitter-feed .tweet-media {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 5px;
    height: 160px
}

.component.twitter-feed .tweet-media:not(.single):not(.double):not(.triple):not(.more) {
    display: none
}

.component.twitter-feed .tweet-media .tweet-img-wrap {
    height: 100%;
    background-size: cover;
    background-position: center
}

.component.twitter-feed .tweet-media .tweet-img-wrap img {
    display: none
}

.component.twitter-feed .tweet-media.single .tweet-img-wrap:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
    grid-row-end: span 2;
    grid-column-end: span 2
}

.component.twitter-feed .tweet-media.double .tweet-img-wrap:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
    grid-row-end: span 2;
    grid-column-end: span 1
}

.component.twitter-feed .tweet-media.double .tweet-img-wrap:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
    grid-row-end: span 2;
    grid-column-end: span 1
}

.component.twitter-feed .tweet-media.triple .tweet-img-wrap:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
    grid-row-end: span 2;
    grid-column-end: span 1
}

.component.twitter-feed .tweet-media.triple .tweet-img-wrap:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
    grid-row-end: span 1;
    grid-column-end: span 1
}

.component.twitter-feed .tweet-media.triple .tweet-img-wrap:nth-child(3) {
    grid-row: 2;
    grid-column: 2;
    grid-row-end: span 1;
    grid-column-end: span 1
}

.component.twitter-feed .tweet-media.more .tweet-img-wrap:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
    grid-row-end: span 1;
    grid-column-end: span 1
}

.component.twitter-feed .tweet-media.more .tweet-img-wrap:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
    grid-row-end: span 1;
    grid-column-end: span 1
}

.component.twitter-feed .tweet-media.more .tweet-img-wrap:nth-child(3) {
    grid-row: 2;
    grid-column: 1;
    grid-row-end: span 1;
    grid-column-end: span 1
}

.component.twitter-feed .tweet-media.more .tweet-img-wrap:nth-child(4) {
    grid-row: 2;
    grid-column: 2;
    grid-row-end: span 1;
    grid-column-end: span 1
}

.component.twitter-feed .tweet-datetime {
    font-size: 13px;
    line-height: 20px;
    color: #707070;
    margin-top: 15px
}

.component.twitter-feed .tweet-footer {
    font-size: 13px;
    line-height: 20px;
    color: #707070;
    margin-top: 25px
}

.component.twitter-feed .tweet-footer a {
    font-size: 13px;
    line-height: 20px;
    color: #707070
}

.component.twitter-feed .favorite-action {
    transition: all .2s;
    color: #707070
}

.component.twitter-feed .favorite-action svg {
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px
}

.component.twitter-feed .favorite-action:hover {
    color: #e0245e
}

.component.twitter-feed .favorite-action:hover::before {
    filter: none
}