<commit_before>.has-scrolly-telling .block-inner, .scrollable-block {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 !important;
    position: relative;
    // right: calc(50vw - 350px);
}

.scrollable-block {
    z-index: 9999999;
    margin-bottom: 1em;
}
.scrollable-slide {
    height: 100vh;
}
.scrollable-slide-info {
    margin: 0 auto !important;
    padding: 0 30px !important;
    max-width: 728px !important;
    text-shadow: 3px 4px rgb(18 18 18 / 40%);
    color: white;
    font-weight: bold;
    font-size: 32px;
    &.scrollable-slide-detail {
        font-size: 22px;
        font-weight:normal;
        margin: 0 30px !important;
    }
    &.scrollable-slide-overlay {
        text-shadow: none;
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        background: rgba(0,0,0,.65); 
        padding: 30px !important;
    }
}

.scrolly-telling-viewport {
    position: sticky;
    top: 0;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: -1;
    img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        display: block;
        transition: all .35s ease-in-out
    }
    .visible img {
        opacity: 1;
    }
}
.has-scrolly-telling {
    #story-body-container, #ios-story-body, .story-container {
        padding: 0 !important;
    }
    .story-topper, .story-byline {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #promo-box-container {
        display: none;
    }
}

@media only screen and (min-width: 600px) {
    .scrollable-slide-info.scrollable-slide-detail {
        width: 45% !important;
        margin-left: 30px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .scrollable-slide-info.scrollable-slide-detail {
        width: 30% !important;
        margin-left: 100px !important;
    }
}

@media only screen and (max-width: 728px) {
    .full-grid-story .story-container {
        #story-body-container, #ios-story-body {
            >p, >h1, >.pic {
                padding-left: 15px !important;
                padding-right: 15px !important;
            }
        }
    }
    .copyrightstatement-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media screen and (min-width: 1400px) {
    .full-grid-story .show-sticky-tools.story-container .story-action-placeholder {
        left: 30px;
    }
}<commit_msg>scroly telling<commit_after>.has-scrolly-telling .block-inner, .scrollable-block {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 !important;
    position: relative;
    // right: calc(50vw - 350px);
}

.scrollable-block {
    z-index: 9999999;
    margin-bottom: 1em;
}
.scrollable-slide {
    height: 100vh;
}
.scrollable-slide-info {
    margin: 0 auto !important;
    padding: 0 30px !important;
    max-width: 728px !important;
    text-shadow: 3px 4px rgb(18 18 18 / 40%);
    color: white;
    font-weight: bold;
    font-size: 32px;
    &.scrollable-slide-detail {
        font-size: 22px;
        font-weight:normal;
        margin: 0 30px !important;
    }
    &.scrollable-slide-overlay {
        text-shadow: none;
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        background: rgba(0,0,0,.65); 
        padding: 30px !important;
    }
}

.scrolly-telling-viewport {
    position: sticky;
    top: 0;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: -1;
    img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        display: block;
        transition: all .35s ease-in-out
    }
    .visible img {
        opacity: 1;
    }
}
.has-scrolly-telling {
    #story-body-container, #ios-story-body, .story-container {
        padding: 0 !important;
    }
    #promo-box-container {
        display: none;
    }
}

@media only screen and (min-width: 600px) {
    .scrollable-slide-info.scrollable-slide-detail {
        width: 45% !important;
        margin-left: 30px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .scrollable-slide-info.scrollable-slide-detail {
        width: 30% !important;
        margin-left: 100px !important;
    }
}

@media only screen and (max-width: 728px) {
    .full-grid-story .story-container {
        #story-body-container, #ios-story-body {
            >p, >h1, >.pic {
                padding-left: 15px !important;
                padding-right: 15px !important;
            }
        }
    }
    .copyrightstatement-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .has-scrolly-telling {
        .story-topper, .story-byline {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }
    }
}

@media screen and (min-width: 1400px) {
    .full-grid-story .show-sticky-tools.story-container .story-action-placeholder {
        left: 30px;
    }
}
{'fraction_non_alphanumeric': 0.1306732223903177, 'fraction_numerical': 0.04652042360060514, 'mean_word_length': 2.046658986175115, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 2, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5432681', 'n_tokens_mistral': 2019, 'n_tokens_neox': 1770, 'n_words': 390}