<commit_before>@import "./css/lib/normalize";
@import "./css/vars/all";
@import "./css/ui/search/pane";
@import "./css/ui/media-panel/panel";
@import "./css/ui/playlist/pane";
@import "./css/ui/topbar/bar";
@import "./css/ui/footer/bar";
@fa-font-path:"vendor/fontawesome/fonts";

*, *:before, *:after {
    margin:0;
    padding:0;
    box-sizing:border-box;
    position:relative;
    user-select:none;
    -webkit-overflow-scrolling: touch;
}

a {
    text-decoration:none;
    color:inherit;
}

menu {
    list-style:none;
}

html {
    font-family:"Open Sans", sans-serif;
    font-size:@root-font-size;

    @media (max-device-width: 1280px) {
        font-size:(@root-font-size * 2);
    }
}

html, body {
    position:fixed;
    top:0; left:0;
    z-index:0;
    width:100vw;
    height:100vh;
    overflow:hidden;
}

body {
    .transition(@prop:opacity);
    .flexbox(@dir:column);
    background:url('css/assets/background.svg');
}

#topbar {
    .flexed(0);
    .mixin-topbar;
    .transition(@prop:transform; @easing:ease-in; @duration:.3s);

    .loading & {
        transform:translateY(-100%);
    }
}

#main-view {
    .flexed(1);
    .flexbox(@justify:flex-start);
    overflow:hidden;
}

#search-pane {
    width:(@column * 3);
    max-width:50%;
    .flexed(0);
    .mixin-search-pane;
    .transition(@prop:transform; @easing:ease-in; @duration:.3s;
    @delay:.4s);

    .loading & {
        transform:translateX(-100%);
    }
}

#media-panel {
    width:(@column * 3);
    .flexed(0);
    .mixin-media-panel;

    &:not(.active) {
        transform:translateX(100%);
    }
}

#playlist-pane {
    .flexed(1);
    .mixin-playlist-pane;
    .transition(@easing:ease-out; @duration:.4s);

    &:not(.active) {
        opacity:0;
        transform:translateX(-100%);
    }
}

#footer {
    .flexed(0);
    .mixin-footer;
    .transition(@prop:transform; @easing:ease-out; @duration:.3s);

    .loading & {
        transform:translateY(100%);
    }
}
#main-tabs {
  display:none
}

.panel-switcher {
    .flexbox;
    .transition(@easing:ease-in; @duration: .2s; @delay:.2s);
    background:@theme-background;
    border-bottom:solid 1px fadeout(@base02, 50%);
    transition-property:transform, opacity;
    height:@row;

    .loading & {
        transform:translateY(-100%);
        opacity:0;
    }

    .item {
        .flexed(1);
        .flexbox;
        font-size:(@huge-text);
        text-align:center;
        cursor:pointer;
        color:@white;

        .title {
            .flexed(1);
            .flexbox(@align:center);
            position:static;

            &.active {
                background:fadeout(@white,75%);

                &:after {
                    width:100%;
                }
            }

            &:after {
                .transition(@duration:.2s; @prop:width);
                content:"";
                position:absolute;
                bottom:0;
                left:0;
                right:0;
                margin:auto;
                height:@thick-border;
                background:@base2;
                width:0;
            }
        }

        .title:before {
            padding:@row-pad @column-pad;
        }

        &[data-name="search"] .title:before {
            .icon(@fa-var-search);
        }

        &[data-name="playlist"] .title:before {
            .icon(@fa-var-bars);
        }

        &[data-name="media"] .title:before {
            .icon(@fa-var-film);
        }
    }
}


@media (max-width: 1280px), (max-device-width: 1280px) {
    #main-tabs {
        display:flex;
    }
    .media-mixin () {
        width:100%;
        max-width:100%;
        position:absolute;
        height:100%;
        top:0;
        left:0;
        .transition;

        &:not(.current-panel) {
            /*transform:rotateZ(-25deg) translateX(-50%);*/
            /*opacity:0;*/
            transform:translateX(-100%) !important;
        }
    }
    #search-pane {
        z-index:2;
        .media-mixin;
    }
    #playlist-pane {
        z-index:1;
        .media-mixin;
    }
    #media-panel {
        z-index:0;
        .media-mixin;
        transform:translateX(0) !important;

        &.cued {
            z-index:10;
            transform:none !important;
        }
    }
}
<commit_msg>Removed all panels "loaded" animations/transitions<commit_after>@import "./css/lib/normalize";
@import "./css/vars/all";
@import "./css/ui/search/pane";
@import "./css/ui/media-panel/panel";
@import "./css/ui/playlist/pane";
@import "./css/ui/topbar/bar";
@import "./css/ui/footer/bar";
@fa-font-path:"vendor/fontawesome/fonts";

*, *:before, *:after {
    margin:0;
    padding:0;
    box-sizing:border-box;
    position:relative;
    user-select:none;
    -webkit-overflow-scrolling: touch;
}

a {
    text-decoration:none;
    color:inherit;
}

menu {
    list-style:none;
}

html {
    font-family:"Open Sans", sans-serif;
    font-size:@root-font-size;

    @media (max-device-width: 1280px) {
        font-size:(@root-font-size * 2);
    }
}

html, body {
    position:fixed;
    top:0; left:0;
    z-index:0;
    width:100vw;
    height:100vh;
    overflow:hidden;
}

body {
    .transition(@prop:opacity);
    .flexbox(@dir:column);
    background:url('css/assets/background.svg');
}

#topbar {
    .flexed(0);
    .mixin-topbar;
    .transition(@prop:transform; @easing:ease-in; @duration:.3s);
}

#main-view {
    .flexed(1);
    .flexbox(@justify:flex-start);
    overflow:hidden;
}

#search-pane {
    width:(@column * 3);
    max-width:50%;
    .flexed(0);
    .mixin-search-pane;
    .transition(@prop:transform; @easing:ease-in; @duration:.3s;
    @delay:.4s);
}

#media-panel {
    width:(@column * 3);
    .flexed(0);
    .mixin-media-panel;
}

#playlist-pane {
    .flexed(1);
    .mixin-playlist-pane;
    .transition(@easing:ease-out; @duration:.4s);
}

#footer {
    .flexed(0);
    .mixin-footer;
    .transition(@prop:transform; @easing:ease-out; @duration:.3s);
}
#main-tabs {
  display:none
}

.panel-switcher {
    .flexbox;
    .transition(@easing:ease-in; @duration: .2s; @delay:.2s);
    background:@theme-background;
    border-bottom:solid 1px fadeout(@base02, 50%);
    transition-property:transform, opacity;
    height:@row;

    .loading & {
        transform:translateY(-100%);
        opacity:0;
    }

    .item {
        .flexed(1);
        .flexbox;
        font-size:(@huge-text);
        text-align:center;
        cursor:pointer;
        color:@white;

        .title {
            .flexed(1);
            .flexbox(@align:center);
            position:static;

            &.active {
                background:fadeout(@white,75%);

                &:after {
                    width:100%;
                }
            }

            &:after {
                .transition(@duration:.2s; @prop:width);
                content:"";
                position:absolute;
                bottom:0;
                left:0;
                right:0;
                margin:auto;
                height:@thick-border;
                background:@base2;
                width:0;
            }
        }

        .title:before {
            padding:@row-pad @column-pad;
        }

        &[data-name="search"] .title:before {
            .icon(@fa-var-search);
        }

        &[data-name="playlist"] .title:before {
            .icon(@fa-var-bars);
        }

        &[data-name="media"] .title:before {
            .icon(@fa-var-film);
        }
    }
}


@media (max-width: 1280px), (max-device-width: 1280px) {
    #main-tabs {
        display:flex;
    }
    .media-mixin () {
        width:100%;
        max-width:100%;
        position:absolute;
        height:100%;
        top:0;
        left:0;
        .transition;

        &:not(.current-panel) {
            /*transform:rotateZ(-25deg) translateX(-50%);*/
            /*opacity:0;*/
            transform:translateX(-100%) !important;
        }
    }
    #search-pane {
        z-index:2;
        .media-mixin;
    }
    #playlist-pane {
        z-index:1;
        .media-mixin;
    }
    #media-panel {
        z-index:0;
        .media-mixin;
        transform:translateX(0) !important;

        &.cued {
            z-index:10;
            transform:none !important;
        }
    }
}

{'fraction_non_alphanumeric': 0.16894424960696577, 'fraction_numerical': 0.023219252630305963, 'mean_word_length': 1.753912753912754, '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': '602435', 'n_tokens_mistral': 3036, 'n_tokens_neox': 2846, 'n_words': 379}