<commit_before>.slide.narrative-audio {
    
    .full-block {
        background: linear-gradient(to bottom,rgba(0, 0, 0, 0)  50%,rgba(0, 0, 0, 0.8));
    }
    
    
}

.narrative-player {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    @media @screen-tiny-above {
       bottom: 30px; 
       min-height: 150px;
    }
    @media @screen-small-above {
       bottom: 70px; 
    }
    
    

    .slide-title {
        h2 {
            font-size: 28px;
        }
    }

    .subtitle-wrapper {
        display: none;
        padding: 0 10px 40px 10px;
         @media @screen-tiny-above {
            padding: 0; 
        }
        
        p {
            font-size: @small-type;
            line-height: 1.2;
            margin: 15px auto;
            text-align: center;
            font-family: georgia;
             max-width: 450px;
            text-shadow: 2px 2px 4px #000;
            @media @screen-small-above {
                font-size: 24px;
                max-width: 600px;
                line-height: 1.6;
            }
            @media @screen-mega-above {
                font-size: 24px;
            }
        }
    }

    .controls {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        
        .control-group {
            width: 100%;
            max-width: 470px;
            margin: 0 auto;
            position: relative;
            @media @screen-small-above {
                max-width: 600px;
            }
        }

        .control-btn {
            position: relative;
            z-index: 2;
            width: 35px;
            height: 35px;
            color: #fff;
            display: block;
            
            text-decoration: none;
            
            @media @screen-tiny-above {
                background-color: #fff;
                color: #000;
            }
            
            &.play{
                 padding: 6px 0 0 13px;
            }
            
            &.pause{
                 padding: 6px 0 0 12px;
            }

            &.pause:before {
                font-family: "FontAwesome";
                content: "\f04c";
                font-size: 14px;
            }
            &.play:before {
                font-family: "FontAwesome";
                content: "\f04b";
                font-size: 14px;
            }
        }

        .player-progress {
            width: 100%;
            @media @screen-tiny-above {
                position: absolute;
                bottom: 15px;
                left: 50px;
                height: 4px;
                max-width: 420px;
            }
            @media @screen-small-above {
                max-width: 530px;
            }

            .total, .played {
                position: absolute;<commit_msg>adjusting narrative audio controls on small screen<commit_after>.slide.narrative-audio {
    
    .full-block {
        background: linear-gradient(to bottom,rgba(0, 0, 0, 0)  50%,rgba(0, 0, 0, 0.8));
    }
    
    
}

.narrative-player {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    @media @screen-tiny-above {
       bottom: 30px; 
       min-height: 150px;
    }
    @media @screen-small-above {
       bottom: 70px; 
    }
    
    

    .slide-title {
        h2 {
            font-size: 28px;
        }
    }

    .subtitle-wrapper {
        display: none;
        padding: 0 10px 40px 10px;
         @media @screen-tiny-above {
            padding: 0; 
        }
        
        .subtitles {
            margin-bottom: 40px;
            @media @screen-tiny-above {
                margin-bottom: 0;
            }
            
        }
        
        p {
            font-size: @small-type;
            line-height: 1.2;
            margin: 15px auto;
            text-align: center;
            font-family: georgia;
             max-width: 450px;
            text-shadow: 2px 2px 4px #000;
            @media @screen-small-above {
                font-size: 24px;
                max-width: 600px;
                line-height: 1.6;
            }
            @media @screen-mega-above {
                font-size: 24px;
            }
        }
    }

    .controls {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        
        .control-group {
            width: 100%;
            max-width: 470px;
            margin: 0 auto;
            position: relative;
            @media @screen-small-above {
                max-width: 600px;
            }
        }

        .control-btn {
            position: relative;
            z-index: 2;
            width: 55px;
            height: 55px;
            color: #fff;
            display: block;
            
            text-decoration: none;
            
            @media @screen-tiny-above {
                background-color: #fff;
                color: #000;
            }
            
            &.play{
                padding: 15px 0 0 25px;
                @media @screen-tiny-above {
                    padding: 6px 0 0 13px;
                }
            }
            
            &.pause{
                    padding: 15px 0 0 24px;
                @media @screen-tiny-above {
                    padding: 6px 0 0 12px;
                }
            }

            &.pause:before {
                font-family: "FontAwesome";
                content: "\f04c";
                font-size: 20px;
                @media @screen-tiny-above {
                    font-size: 14px;
                }
            }
            &.play:before {
                font-family: "FontAwesome";
                content: "\f04b";
                font-size: 20px;
                @media @screen-tiny-above {
                    font-size: 14px;
                }
            }
        }

        .player-progress {
            width: 100%;
            @media @screen-tiny-above {
                position: absolute;
                bottom: 15px;
                left: 50px;
                height: 4px;
                max-width: 420px;
            }
            @media @screen-small-above {
                max-width: 530px;
            }

            .total, .played {
                position: absolute;
{'fraction_non_alphanumeric': 0.10153165956102952, 'fraction_numerical': 0.039002052739617876, 'mean_word_length': 0.8935724962630792, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, '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': '5607090', 'n_tokens_mistral': 2094, 'n_tokens_neox': 1757, 'n_words': 384}