<commit_before>// bower-refonly:less
// endbower

@import "../variables.less";

.find-room {
  .loading-background, .loading-foreground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
  }
  .loading-background {
    background-color: black;
    opacity: 0.6;
  }
  
  .rooms-area {
        position: absolute;
        top: 60px;
        bottom: 115px;
        right: 0;
        left: 0;
        background: @midBlue;

        overflow-x: scroll;
        overflow-y: hidden;
        
        ul, li {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        & > ul {
            display: block;
            position: relative;
            padding-left: 30px;
        }
        
        .group {
            position: relative;
            display: inline-block;
            height: 100%;
            padding-left: 10px;
            & > h2 {
                padding: 0;
                margin: 0;
                position: absolute;
                top: 50%;
                bottom: 50%;
                left: 10px;
                transform: translateX(-50%) translateY(-50%) rotate(90deg);
                span {
                    display: block;
                    font-family: 'Open Sans';
                    color: white;
                    font-size: 14px;

                    &:after, &:before {
                        content: ' ';
                        position: absolute;
                        top: 8px;
                        border-top: 1px solid white;
                    }
                    &:before {
                        left: -85px;
                        right: 118%;
                    }
                    &:after {
                        left: 118%;
                        right: -88px;
                    }
                }
            }
            
            .room-item {
                float: left;
                padding: 15px;
                box-shadow: 0 10px 19px 0 @black;
                height: 200px;
                width: 330px;
                background: white;
                margin: 50px 20px 50px 20px;
                h3 {
                    margin-top: 0;
                    text-align: center;
                    font-family: 'Open Sans';
                    font-weight: bold;
                    font-size: 15px;
                    color: @dark-blue;
                    margin-bottom: 10px;
                }
                .for, .primary-duration, .secondary-duration {
                    display: block;
                    text-align: center;
                    font-family: 'Open Sans';
                    font-weight: 300;
                    font-size: 15px;
                    color: @dark-blue;
                    line-height: 1.2em;<commit_msg>Add right margin to Available Room group classes, styling tweaks for Available Room group titles<commit_after>// bower-refonly:less
// endbower

@import "../variables.less";

.find-room {
  .loading-background, .loading-foreground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
  }
  .loading-background {
    background-color: black;
    opacity: 0.6;
  }
  
  .rooms-area {
        position: absolute;
        top: 60px;
        bottom: 115px;
        right: 0;
        left: 0;
        background: @midBlue;

        overflow-x: scroll;
        overflow-y: hidden;
        
        ul, li {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        & > ul {
            display: block;
            position: relative;
            padding-left: 30px;
        }
        
        .group {
            position: relative;
            display: inline-block;
            height: 100%;
            padding-left: 10px;
            margin-right: 50px;
            & > h2 {
                padding: 0;
                margin: 0;
                position: absolute;
                top: 50%;
                bottom: 50%;
                left: 10px;
                transform: translateX(-50%) translateY(-50%) rotate(90deg);
                span {
                    display: block;
                    font-family: 'Open Sans';
                    color: white;
                    font-size: 14px;

                    &:after, &:before {
                        content: ' ';
                        position: absolute;
                        top: 8px;
                        border-top: 1px solid white;
                    }
                    &:before {
                        left: -85px;
                        right: 118%;
                        margin-left: 20px;
                    }
                    &:after {
                        left: 118%;
                        right: -88px;
                        margin-right: 20px;
                    }
                }
            }
            
            .room-item {
                float: left;
                padding: 15px;
                box-shadow: 0 10px 19px 0 @black;
                height: 200px;
                width: 330px;
                background: white;
                margin: 50px 20px 50px 20px;
                h3 {
                    margin-top: 0;
                    text-align: center;
                    font-family: 'Open Sans';
                    font-weight: bold;
                    font-size: 15px;
                    color: @dark-blue;
                    margin-bottom: 10px;
                }
                .for, .primary-duration, .secondary-duration {
                    display: block;
                    text-align: center;
                    font-family: 'Open Sans';
                    font-weight: 300;
                    font-size: 15px;
                    color: @dark-blue;
                    line-height: 1.2em;
{'fraction_non_alphanumeric': 0.09193054136874361, 'fraction_numerical': 0.031664964249233915, 'mean_word_length': 0.8065805658056581, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '2890906', 'n_tokens_mistral': 1709, 'n_tokens_neox': 1424, 'n_words': 359}