body{margin:0px;padding:0;background:#292929;font-family:arial;font-size:12px;color:#e6e6e6;}
input, select, button, label, textarea{margin:0;padding:0;background:none;border:none;outline:none;font-size:14px;color:#333;}
button:hover{cursor:pointer;}
a{text-decoration:none;}

::-webkit-scrollbar{height:4px;width:4px;background:#631818;}
::-webkit-scrollbar-thumb{background:#cc3333;}

.material-symbols-outlined{vertical-align:bottom;}

/* ----- HEADER ----- */

    header{position:relative;z-index:1;border-bottom:1px solid #1f1f1f;}
    header table{width:100%;border-collapse:separate;}
    header td{padding:0px;white-space:nowrap;vertical-align:middle;}

    /* ----- ----- ----- */

    header .logo_cell{text-align:left;}
    header .search{text-align:center;}
    header .settings_cell{text-align:left;}
    header .mosaics_cell{text-align:center;}
    header .log_in_cell{text-align:right;}

    /* ----- LOGO ----- */

    header .logo_cell a{display:inline-block;font-size:18px;color:transparent;letter-spacing:6px;}

    .rainbow {
        background:linear-gradient(70deg, #d31027, #ea384d, #700303, #ea384d, #d31027);
        /*background:linear-gradient(70deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #bf953f);*/
        background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shine 4s linear infinite;
    }

    @keyframes shine {to{background-position: 200% center;}}

    /* ----- SEARCH ----- */

    header .search form{position:relative;padding:0 12px;background:#1a1a1a;border-radius:3px;}
    header .search input{position:relative;width:100%;padding:12px 0;font-size:16px;color:#e6e6e6;}
    header .search input::placeholder{color:#666;}
    header .search span{position:absolute;top:0;right:0;padding:9px;color:#d31027;cursor:pointer;}

    header .search_hints{display:none;position:absolute;top:42px;right:0;left:0;background:#333;border-radius:3px;box-shadow:0 0 12px -4px #000;text-align:left;font-size:16px;color:#e6e6e6;}
    header .search_hints div{padding:12px;}
    header .search_hints div:nth-child(odd){background:#2e2e2e;}
    header .search_hints div.active{background:#424242;}
    header .search_hints div:hover{background:#424242;cursor:pointer;}
    header .search_hints div:first-child{border-top-left-radius:3px;border-top-right-radius:3px;}
    header .search_hints div:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px;}

    /* ----- ----- ----- */

    header button{letter-spacing:1px;font-size:18px;color:#d31027;text-transform:uppercase;}
    header button:hover{color:#ea384d;}
    header button:active{color:#700303;}

    header .mosaics_cell button{letter-spacing:1px;font-size:18px;color:#a78bdf;text-transform:uppercase;}
    header .mosaics_cell button:hover{color:#c1a3ff;}
    header .mosaics_cell button:active{color:#76639d;}

    header .log_in_cell a{display:inline-block;letter-spacing:1px;font-size:18px;color:#d31027;text-transform:uppercase;}
    header .log_in_cell a:hover{color:#ea384d;}
    header .log_in_cell a:active{color:#700303;}

    /* ----- ----- ----- */

    @media all and (min-width:1200px) {

        header table{border-spacing:36px 24px;}

		header .logo_cell{width:20%;}
        header .search{width:44%;}
        header .settings_cell{width:12%;}
        header .mosaics_cell{width:12%;}
        header .log_in_cell{width:12%;}

	}

    @media all and (max-width:1199px) and (min-width:900px) {

        header table{border-spacing:18px;}

        header .logo_cell{width:1%;}
        header .search{width:44%;}
        header .settings_cell{width:12%;}
        header .mosaics_cell{width:12%;}
        header .log_in_cell{width:12%;}

        header .logo_cell font{display:none;}
		
	}
	
	@media all and (max-width:899px) {

        header table{border-spacing:12px;}

        header .logo_cell{width:1%;}
        header .search{width:100%;}
        header .settings_cell{width:1%;}
        header .mosaics_cell{width:1%;}
        header .log_in_cell{width:1%;}

		header font{display:none;}

	}

/* ----- MAIN ----- */

    main{position:relative;z-index:0;}
    main>section{position:relative;border-bottom:1px solid #1f1f1f;}
    main>section>div{position:relative;max-width:1400px;margin:auto;}

    section.darker{background:#242424;}

    h1{margin:16px;text-transform:uppercase;letter-spacing:1px;font-weight:normal;}

    .intro-description{text-align:left;color:#f0f0f0;}
    .intro-description h2{margin:0;padding:16px 18px 8px;font-weight:normal;letter-spacing:1px;text-transform:uppercase;font-size:14px;color:#cc3333;}
    .intro-description p{margin:0;padding:8px 18px 16px;letter-spacing:1px;font-size:14px;color:#e6e6e6;}

/* ----- POPULAR TAGS ----- */

    .popular_tags{margin:0 16px;padding:16px 0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    .popular_tags::-webkit-scrollbar{display:none;}
    .popular_tags.active{cursor:grabbing;scroll-behavior:auto;}

    .popular_tags a{display:inline-block;padding:8px 10px 8px 8px;background:#333;border-radius:3px;text-transform:lowercase;font-size:16px;color:#b5b5b5;}
    .popular_tags a:not(:last-child){margin-right:8px;}
    .popular_tags a:hover{background:#a32929;color:#e6e6e6;}
    .popular_tags span{font-size:18px;color:#888888;}

    /* ----- ----- ----- */

    .popular_tags button{display:block;width:32px;background:#1f1f1f;}
    .popular_tags button span{font-size:18px;color:#888888;}
    .popular_tags button:hover span{color:#d65c5c;cursor:pointer;}
    .popular_tags button:active span{color:#a32929;}

    .popular_tags button.hidden{opacity:0;pointer-events:none;}

    #scroll_left{position:absolute;top:0;;bottom:0;left:16px;}
    #scroll_right{position:absolute;top:0;bottom:0;right:16px;}

    @media all and (min-width:1401px) {

        #scroll_left{left:16px;}
        #scroll_right{right:16px;}
		
	}
	
	@media all and (max-width:1400px) {

        #scroll_left{left:0;}
        #scroll_right{right:0;}
		
	}

/* ----- RELATED TAGS ----- */

    .related_tags{padding:18px 4px;text-align:center;}
    .related_tags a{display:inline-block;margin:4px;padding:8px 10px 8px 8px;background:#333;border-radius:3px;text-transform:lowercase;font-size:16px;color:#b5b5b5;}
    .related_tags a:hover{background:#a32929;color:#e6e6e6;}
    .related_tags span{font-size:18px;color:#888888;}

/* ----- TITLE SORT ----- */

    .title_sort>div{display:inline-block;}

    .title_sort .title h2{margin:0;text-transform:uppercase;letter-spacing:1px;font-weight:normal;}

    .title_sort .sort a{letter-spacing:1px;color:#a32929;}
    .title_sort .sort a[selected]{color:#cc3333;}

    @media all and (min-width:900px) {

        .title_sort .title, .title_sort .sort{width:50%;}
        .title_sort .sort{text-align:right;}

        .title_sort .title h2{font-size:18px;padding:20px 18px 0px;}
        .title_sort .sort div{padding:18px 18px 0px;}

        .title_sort .sort span{margin-right:4px;font-size:19px;line-height:28px;}
        .title_sort .sort a{font-size:12px;line-height:28px;}
        .title_sort .sort a:not(:last-child){margin-right:12px;}
		
	}
	
	@media all and (max-width:899px) {

        .title_sort .title, .title_sort .sort{width:100%;}
        .title_sort .title, .title_sort .sort{text-align:center;}

        .title_sort .title h2{font-size:18px;padding:18px 18px 10px;}
        .title_sort .sort div{padding:0px;}

        .title_sort .sort span{margin-right:2px;font-size:16px;line-height:24px;}
        .title_sort .sort a{font-size:10px;line-height:22px;}
        .title_sort .sort a:not(:last-child){margin-right:4px;}
		
	}

/* ----- BLOCKS ----- */

    .blocks{padding:8px;}
    .block{display:inline-block;vertical-align:top;}
    .block>div{position:relative;margin:8px 8px 16px;}

    .block table{border-collapse:collapse;width:100%;}
    .block td{padding:0;vertical-align:top;}

    .block .preview{position:relative;aspect-ratio:16/9;cursor:zoom-in;background:#1a1a1a;border-radius:3px;overflow:hidden;}
    .block .preview img{display:block;width:100%;min-height:100%;margin:auto;transition:opacity 0.3s ease;}
    .block .preview video{opacity:0;position:absolute;top:0;width:100%;height:100%;border-radius:3px;transition:opacity 0.3s ease;}
    .block .preview input{opacity:0;position:absolute;bottom:0;width:100%;height:30px;transition:opacity 0.3s ease;cursor:col-resize;}
    .block .preview div.gender{position:absolute;left:6px;bottom:6px;padding:3px 5px;background:#0000007e;transition:opacity 0.3s ease;border-radius:3px;}
    .block .preview div.duration{position:absolute;right:6px;bottom:6px;padding:3px 5px;background:#0000007e;transition:opacity 0.3s ease;border-radius:3px;}

    .block.is-active .preview div {opacity: 0;visibility: hidden;}
    .block.is-active .preview video {opacity: 1;}

    @media (hover: hover) {
        .block:hover .preview div{opacity:0;visibility:hidden;}
        .block:hover .preview video{opacity:1;}
    }

    .block img.mosaic_preview{display:block;width:100%;border-radius:3px;}

    .block .title{position:relative;max-height:32px;margin:8px 0 6px;padding-right:30px;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

    .block h3{margin:0;font-size:14px;}
    .block .title a{display:inline-block;height:32px;color:#d6d6d6;}
    .block .title a:hover{color:#fff;}
    .block .title a:active{color:#999;}

    .block .title span{position:absolute;top:8px;right:0;line-height:16px;font-size:30px;color:#a78bdf;}
    .block .title span:hover{color:#c1a3ff;cursor:pointer;}
    .block .title span:active{color:#76639d;}

    .block .info{line-height:16px;color:#999999;}
    .block .info div{display:inline-block;margin:2px 0;white-space:nowrap;}
    .block .info font{display:inline-block;margin:0 4px;color:#666;}
    .block .info a{font-size:12px;color:#cfcf17;}
    .block .info a:hover{color:#ffff00;}
    .block .info a:active{color:#888800;}

    @media (hover: none) and (pointer: coarse) {

        .block .preview input{display: none;}

    }

    @media all and (min-width:1000px) {

        .block{width:25%;}
		
	}
	
	@media all and (max-width:999px) and (min-width:800px) {

        .block{width:33.33%;}
		
	}

    @media all and (max-width:799px) and (min-width:400px) {

        .block{width:50%;}
		
	}
	
	@media all and (max-width:399px) {

        .block{width:100%;}
		
	}

    .user_buttons{box-sizing:border-box;padding:16px 8px;text-align:right;}
    .user_buttons button{display:inline-block;margin:8px;padding:6px 12px 6px 8px;border:none;border-radius:3px;outline:none;background:#cc3333;font-size:14px;color:#222;font-weight:bold;line-height:24px;}
    .user_buttons button:hover{color:#000;cursor:pointer;background:#e51313;}
    .user_buttons button:active{background:#a32929;}

/* ----- PAGINATION ----- */

    .pagination{padding:16px;text-align:center;}
    .pagination>font{display:inline-block;line-height:32px;margin:6px;padding:0 12px;background:#a32929;border-radius:3px;font-size:14px;color:#e6e6e6;}
    .pagination>span{display:inline-block;line-height:32px;margin:6px;padding:0 12px;background:#333;border-radius:3px;font-size:14px;color:#b5b5b5;}
    .pagination>a{display:inline-block;line-height:32px;margin:6px;padding:0 12px;background:#333;border-radius:3px;font-size:14px;color:#b5b5b5;}
    .pagination>a:hover{background:#a32929;color:#e6e6e6;}

    .pagination form{margin:6px;}
    .pagination input{width:36px;padding:0 6px;border:none;outline:none;border-top-left-radius:3px;border-bottom-left-radius:3px;background:#1a1a1a;font-size:14px;color:#e6e6e6;line-height:32px;text-align:center;}
    .pagination button{padding:0 12px;border:none;outline:none;border-top-right-radius:3px;border-bottom-right-radius:3px;background:#cc3333;font-size:14px;color:#222;font-weight:bold;line-height:32px;}
    .pagination button:hover{color:#000;cursor:pointer;}
    .pagination button:active{background:#a32929;}

    @media all and (min-width:800px) {

        .pagination form{display:inline-block;padding-left:32px;}

	}
	
	@media all and (max-width:799px) {

        .pagination form{display:block;}

	}

/* ----- ----- ----- */

    .full_view_back{position:absolute;top:0;bottom:0;left:0;display:block;width:50%;color:#333;}
    .full_view_back:hover{background:#000;color:#666;}
    .full_view_back span{margin-top:50%;padding:0 24px;line-height:0;font-size:64px;}

    .back{display:inline-block;font-size:14px;letter-spacing:1px;}
    .video{margin:8px;}

    /* ----- FULL VIEW ----- */

    .full_view{background:#141414;}
    .full_view>div>div{background:#292929;}

    .full_view_player{position:relative;background:#1a1a1a;}
    .full_view_player div{position:absolute;top:45%;right:0;left:0;margin:auto;text-align:center;font-size:18px;color:#444;}
    .full_view_player iframe{display:block;position:relative;width:100%;aspect-ratio:16/9;border:none;}

    .full_view_title{display:block;padding:16px;border-bottom:1px solid #1f1f1f;text-align:left;font-size:22px;color:#d6d6d6;}
    .full_view_title h1{margin:0;padding:0;font-size:22px;}
    .full_view_title a{color:#d6d6d6;}
    .full_view_title a:hover{color:#fff;}
    .full_view_title a:active{color:#999;}
    .full_view_title span{margin-right:4px;font-size:24px;}

    .full_view_description{display:block;padding:16px;border-bottom:1px solid #1f1f1f;text-align:left;font-size:16px;color:#d1d1d1;font-style:oblique;line-height:24px;}

    .full_view_info{padding:12px 16px;text-align:left;line-height:22px;font-size:16px;color:#b5b5b5;}
    .full_view_info:not(:last-child){border-bottom:1px solid #1f1f1f;}
    .full_view_info div{display:inline-block;margin:2px 0;white-space:nowrap;}
    .full_view_info a{display:inline-block;padding:0;border-radius:3px;font-size:16px;color:#cfcf17;text-transform:none;}
    .full_view_info a:hover{cursor:pointer;color:#ffff00;}
    .full_view_info a:active{color:#888800;}
    .full_view_info font{display:inline-block;margin:0 8px 0 10px;color:#666;}
    .full_view_info span{margin-right:4px;font-size:24px;}
    .full_view_info b{margin-left:6px;font-weight:normal;font-size:16px;color:#4d4d4d;}

    .full_view_info .platform{color:#cd3c3c;}
    .full_view_info .platform:hover{color:#fb4c4c;}
    .full_view_info .platform:active{color:#9d6363;}

    .full_view_info .mosaics_list{color:#a78bdf;}
    .full_view_info .mosaics_list:hover{color:#c1a3ff;}
    .full_view_info .mosaics_list:active{color:#76639d;}

    .full_view_info .rate{color:#3ccd54;}
    .full_view_info .rate:hover{color:#4cfb69;}
    .full_view_info .rate:active{color:#639d6b;}

    .full_view_tags{padding:12px;text-align:left;}
    .full_view_tags a{display:inline-block;margin:4px;padding:8px 10px 8px 8px;background:#333;border-radius:3px;font-size:16px;text-transform:lowercase;color:#d6d6d6;line-height:18px;}
    .full_view_tags a:hover{background:#a32929;cursor:pointer;color:#fff;}
    .full_view_tags a:active{background:#a32929;cursor:pointer;color:#999;}
    .full_view_tags a span{font-size:18px;color:#888;}

    .related_videos{margin:0 -8px;padding:12px 0;}

/* ----- ----- ----- */

    .panel{padding:14px;}
    .panel table{width:100%;border-collapse:separate;border-spacing:1px 12px;font-size:16px;}
    .panel td{padding:12px 16px;border-radius:3px;background:#1a1a1a;letter-spacing:1px;white-space:nowrap;}
    .panel tbody tr td:first{width:100%;}

    .panel button{display:inline-block;margin:0;padding:0;border:none;outline:none;background:0;color:#cc3333;}
    .panel button:hover{color:#d65c5c;cursor:pointer;}
    .panel button:active{color:#a32929;}

    .panel a{display:inline-block;letter-spacing:1px;font-size:18px;color:#d31027;text-transform:uppercase;}
    .panel a:hover{color:#ea384d;}
    .panel a:active{color:#700303;}

/* ----- FOOTER ----- */

    footer>section:not(:first-child){border-top:1px solid #1f1f1f;}
    footer>section>div{position:relative;max-width:1400px;margin:auto;padding:20px;}

    footer .full-description{text-align:left;color:#f0f0f0;}
    footer .full-description h2{margin:0;padding:18px 16px 8px;font-weight:normal;letter-spacing:1px;text-transform:uppercase;font-size:20px;color:#cc3333;}
    footer .full-description h2:not(:first-child){padding-top:24px;}
    footer .full-description h3{margin:0;padding:18px 16px 8px;font-weight:normal;letter-spacing:1px;text-transform:uppercase;font-size:20px;color:#cc3333;}
    footer .full-description h3:not(:first-child){padding-top:24px;}
    footer .full-description p{margin:0;padding:6px 18px 12px;letter-spacing:1px;font-size:14px;color:#e6e6e6;}
    footer .rights{text-align:center;color:#666;}

/* ----- MODAL WINDOW ----- */

    .mw{position:fixed;z-index:2;top:0;width:100%;height:100%;overflow:auto;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
    .mw table{position:relative;width:100%;height:100%;border-collapse:separate;border-spacing:0;}
    .mw tbody{position:relative;}
    .mw td{position:relative;padding:0;text-align:center;vertical-align:middle;}
    .mw_shadow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#0000007e;}
    .mw_shadow_attention{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#0000007e;}
    .mw_content{position:relative;display:inline-block;width:320px;background:#292929;}

    .close_mw{height:24px;padding:12px;background:#000;line-height:24px;font-size:11px;text-align:left;color:#33ff00;text-transform:uppercase;letter-spacing:2px;cursor:pointer;}
    .close_mw div{position:absolute;top:0;right:0;padding:12px;color:#d6d6d6;}

    /* ----- ----- ----- */

    .search_hints_bt{position:absolute;z-index:1;top:57px;right:20px;left:20px;background:#333;border-bottom-left-radius:3px;border-bottom-right-radius:3px;box-shadow:0 0 12px -4px #000;text-align:left;font-size:14px;color:#e6e6e6;}
    .search_hints_bt>div{padding:10px 12px;}
    .search_hints_bt>div:nth-child(odd){background:#2e2e2e;}
    .search_hints_bt>div:hover{background:#424242;cursor:pointer;}
    .search_hints_bt>div:last-child{border-bottom-left-radius:3px;}

    .banned_tags{text-align:left;}
    .banned_tags div{display:inline-block;margin:8px 8px 0 0;padding:6px 8px 6px 4px;background:#333;border-radius:3px;font-size:14px;text-transform:lowercase;color:#b5b5b5;}
    .banned_tags div:hover{background:#474747;cursor:pointer;color:#e6e6e6;}
    .banned_tags span{margin-right:2px;font-size:16px;color:#ff0000;}

    .genders{padding:12px;text-align:left;border-bottom:1px solid #1f1f1f;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    .genders div{position:relative;margin:8px;padding:6px 4px 6px 6px;background:#333;border-radius:3px;line-height:24px;font-size:16px;color:#b5b5b5;}
    .genders div:hover{background:#474747;cursor:pointer;color:#e6e6e6;}
    .genders span{font-size:26px;color:#e3e619;}
    .genders span.check{position:absolute;right:6px;}
    .genders div.ban span{color:#888888;}

    .platforms{padding:12px;text-align:left;border-bottom:1px solid #1f1f1f;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    .platforms div{position:relative;margin:8px;padding:6px 4px 6px 6px;background:#333;border-radius:3px;line-height:24px;font-size:16px;color:#b5b5b5;}
    .platforms div:hover{background:#474747;cursor:pointer;color:#e6e6e6;}
    .platforms span{font-size:26px;color:#19e619;}
    .platforms span.check{position:absolute;right:6px;}
    .platforms div.ban span{color:#888888;}

    /* ----- ----- ----- */

    .attention{padding:16px;border-bottom:1px solid #1f1f1f;font-size:15px;letter-spacing:1px;line-height:18px;}
    .attention div:not(:first-child){margin-top:12px;}

    /* ----- ----- ----- */

    .mosaics{padding:12px;text-align:left;}
    .mosaics div{position:relative;margin:8px;padding:6px 4px 6px 6px;background:#333;border-radius:3px;line-height:24px;font-size:16px;color:#b5b5b5;}
    .mosaics div:hover{background:#474747;cursor:pointer;color:#e6e6e6;}
    .mosaics b{position:absolute;top:7px;right:48px;font-weight:normal;font-size:14px;color:#666;}
    .mosaics span{font-size:26px;color:#a78bdf;}
    .mosaics span:hover{color:#c1a3ff;}
    .mosaics span:active{color:#76639d;}
    .mosaics font{position:absolute;top:7px;right:11px;font-size:14px;color:#19e619;}
    .mosaics font.full{color:#a78bdf;}

    /* ----- ----- ----- */

    #login_title{display:inline-block;width:50%;}
    #signup_title{display:inline-block;width:50%;}
    #login_title.inactive, #signup_title.inactive{background:#1a1a1a;color:#a32929;cursor:pointer;}

    .mw form{position:relative;width:280px;padding:20px;border-bottom:1px solid #1f1f1f;}
    .mw form section div{margin-top:20px;font-size:12px;color:#cc3333;text-transform:uppercase;letter-spacing:1px;}
    .mw p{display:inline-block;width:100%;margin:0;padding:16px 0;border-bottom:1px solid #1f1f1f;font-size:18px;text-align:center;color:#cc3333;text-transform:uppercase;letter-spacing:2px;}
    
    .mw label{display:block;position:relative;}
    .mw label span{position:absolute;transform:translate(-50%, -50%);padding:2px 3px 0 6px;background:#1a1a1a;border-radius:12px;letter-spacing:2px;text-transform:uppercase;font-size:10px;color:#cc3333;white-space:nowrap;}
    .mw label:not(:first-child){margin-top:12px;}
    .mw input{display:block;width:256px;padding:10px 12px;border:none;border-radius:3px;outline:none;background:#1a1a1a;font-size:14px;color:#e6e6e6;}
    .mw input::placeholder{color:#444;}

    .mw .loupe{position:absolute;top:20px;right:20px;padding:6px;background:none;color:#cc3333;border-radius:3px;}

    .mw button{display:block;width:100%;padding:6px 12px;border:none;border-radius:3px;outline:none;background:#cc3333;font-size:14px;color:#222;font-weight:bold;line-height:24px;}
    .mw button:not(:first-child){margin-top:12px;}
    .mw button:hover{color:#000;cursor:pointer;background:#e51313;}
    .mw button:active{background:#a32929;}

    .login_signup_toggle{display:block;padding:12px 16px;text-decoration:none;line-height:24px;font-size:11px;color:#999;text-transform:uppercase;letter-spacing:2px;}
    .login_signup_toggle:hover{color:#fff;cursor:pointer;}
    .login_signup_toggle:active{color:#999;}

    .password_reset{display:block;padding:12px;text-decoration:none;line-height:24px;font-size:12px;color:#d6d6d6;text-transform:uppercase;}
    .password_reset:hover{color:#fff;cursor:pointer;}
    .password_reset:active{color:#999;}

    #password_reset_code{width:268px;padding:4px 0px 4px 12px;text-align:center;letter-spacing:12px;font-size:24px;}

    /* ----- QUICK VIEW ----- */

    .quick_view{position:relative;margin:auto;max-width:1200px;background:#292929;overflow:auto;}

    .quick_view_player{position:relative;background:#1a1a1a;}
    .quick_view_player div{position:absolute;top:45%;right:0;left:0;margin:auto;text-align:center;font-size:18px;color:#444;}
    .quick_view_player iframe{display:block;position:relative;width:100%;aspect-ratio:16/9;border:none;}

    .quick_view_title{display:block;padding:16px;border-bottom:1px solid #1f1f1f;text-align:left;font-size:20px;color:#d6d6d6;}
    .quick_view_title a{color:#d6d6d6;}
    .quick_view_title a:hover{color:#fff;}
    .quick_view_title a:active{color:#999;}
    .quick_view_title span{margin-right:4px;font-size:24px;}

    .quick_view_info{padding:12px 16px;border-bottom:1px solid #1f1f1f;text-align:left;line-height:22px;font-size:16px;color:#b5b5b5;}
    .quick_view_info div{display:inline-block;margin:2px 0;white-space:nowrap;}
    .quick_view_info a{display:inline-block;padding:0;border-radius:3px;font-size:16px;color:#cfcf17;text-transform:none;}
    .quick_view_info a:hover{cursor:pointer;color:#ffff00;}
    .quick_view_info a:active{color:#888800;}
    .quick_view_info font{display:inline-block;margin:0 8px 0 10px;color:#666;}
    .quick_view_info span{margin-right:4px;font-size:24px;}
    .quick_view_info b{margin-left:6px;font-weight:normal;font-size:16px;color:#4d4d4d;}

    .quick_view_info .platform{color:#cd3c3c;}
    .quick_view_info .platform:hover{color:#fb4c4c;}
    .quick_view_info .platform:active{color:#9d6363;}

    .quick_view_info .mosaics_list{color:#a78bdf;}
    .quick_view_info .mosaics_list:hover{color:#c1a3ff;}
    .quick_view_info .mosaics_list:active{color:#76639d;}

    .quick_view_info .rate{color:#3ccd54;}
    .quick_view_info .rate:hover{color:#4cfb69;}
    .quick_view_info .rate:active{color:#639d6b;}

    .quick_view_tags{padding:12px;text-align:left;}
    .quick_view_tags a{display:inline-block;margin:4px;padding:8px 10px 8px 8px;background:#333;border-radius:3px;font-size:16px;text-transform:lowercase;color:#b5b5b5;line-height:18px;}
    .quick_view_tags a:hover{background:#a32929;cursor:pointer;color:#e6e6e6;}
    .quick_view_tags a span{font-size:18px;color:#888888;}

    /* ----- QUICK VIEW MOSAIC ----- */

    .quick_view_mosaic{position:relative;margin:auto;max-width:1200px;background:#292929;overflow:auto;}

    .quick_view_mosaic #mosaic_table{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:#1a1a1a;-moz-user-select:none;-ms-user-select:none;user-select:none;}

    .quick_view_mosaic .loading{position:absolute;top:50%;right:0;left:0;margin:auto;line-height:0;text-align:center;color:#444;}
    .quick_view_mosaic .loading span{line-height:0;}
    .quick_view_mosaic .player{position:absolute;aspect-ratio:16/9;}
    .quick_view_mosaic .toolbar{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#000000cc;}
    .quick_view_mosaic .toolbar:hover{cursor:grab;}
    .quick_view_mosaic .toolbar:active{cursor:grabbing;}

    .quick_view_mosaic .toolbar .move{position:absolute;top:50%;left:0;width:100%;line-height:0px;text-align:center;font-size:80px;color:#ffffff33;}
    .quick_view_mosaic .toolbar:hover .move{color:#ffffffcc;}
    
    .quick_view_mosaic .toolbar .remove{position:absolute;top:16px;right:16px;font-size:32px;color:#ffffff33;}
    .quick_view_mosaic .toolbar .remove:hover{color:#ffffffcc;cursor:pointer;}
    .quick_view_mosaic .toolbar .remove:active{color:#ffffff33;}

    .quick_view_mosaic iframe{display:block;position:relative;width:100%;aspect-ratio:16/9;border:none;}

    .quick_view_mosaic_toolbar{padding:18px 14px;text-align:right;border-bottom:1px solid #1f1f1f;font-size:14px;color:#999;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    .quick_view_mosaic_toolbar div{display:inline-block;}
    .quick_view_mosaic_toolbar div:not(:first-child){margin-left:8px;}
    .quick_view_mosaic_toolbar div:hover{color:#fff;cursor:pointer;}
    .quick_view_mosaic_toolbar div:active{color:#666;}
    .quick_view_mosaic_toolbar a{display:inline-block;color:#999;}
    .quick_view_mosaic_toolbar a:not(:first-child){margin-left:8px;}
    .quick_view_mosaic_toolbar a:hover{color:#fff;cursor:pointer;}
    .quick_view_mosaic_toolbar a:active{color:#666;}
    .quick_view_mosaic_toolbar>font{display:inline-block;margin-left:8px;line-height:16px;font-size:32px;color:#4d4d4d;vertical-align:middle;}
    .quick_view_mosaic_toolbar span{line-height:16px;font-size:24px;}

    @media all and (min-width:900px) {

        .quick_view_mosaic .loading{font-size:18px;}

	}

    @media all and (max-width:899px) and (min-width:700px) {

        .quick_view_mosaic .loading{font-size:14px;}
        .quick_view_mosaic .loading span{font-size:20px;}

	}
	
	@media all and (max-width:699px) {

        .quick_view_mosaic .loading{font-size:0px;}
        .quick_view_mosaic .loading span{font-size:20px;}

	}

    /* ----- ----- ----- */

    .quick_view_mosaic_list{padding:8px;text-align:left;font-size:16px;color:#d6d6d6;}
    .no_mosaics_found{padding:12px;line-height:30px;letter-spacing:1px;text-align:center;font-size:16px;color:#999;}
    .no_mosaics_found span{line-height:30px;font-size:30px;color:#a78bdf;}
    .qvm_block{display:inline-block;vertical-align:top;}
    .qvm_block>div{position:relative;margin:8px;border-radius:3px;}
    .qvm_block>div:hover{cursor:pointer;}

    .qvm_block table{border-collapse:collapse;border-radius:3px;overflow:hidden;width:100%;aspect-ratio:16/9;background:#1a1a1a;}
    .qvm_block td{position:relative;padding:0;vertical-align:middle;}
    .qvm_block td div{position:relative;aspect-ratio:16/9;color:#666;}
    .qvm_block td div span{position:absolute;top:50%;right:0;left:0;margin:auto;line-height:0;text-align:center;font-size:28px;color:#444;}

    .qvm_block img{display:block;width:100%;height:100%;transition:opacity 0.3s ease;}
    .qvm_block video{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 0.3s ease;}
    .qvm_block .mosaic_id{position:absolute;top:0;left:0;padding:4px 8px;background:#000000b3;transition:opacity 0.3s ease;border-top-left-radius:3px;border-bottom-right-radius:3px;font-size:12px;}
    .qvm_block .selected{position:absolute;bottom:0;right:0;padding:4px 8px;background:#000000b3;transition:opacity 0.3s ease;border-top-left-radius:3px;border-bottom-right-radius:3px;font-size:16px;color:#33ff00;}

    .qvm_block:hover img{opacity:0;}
    .qvm_block:hover video{opacity:1;}
    .qvm_block:hover .mosaic_id{opacity:0;}
    .qvm_block:hover .selected{opacity:0;}

    @media all and (min-width:1000px) {

        .qvm_block{width:25%;}

	}
	
	@media all and (max-width:999px) and (min-width:800px) {

        .qvm_block{width:33.33%;}

	}

    @media all and (max-width:799px) and (min-width:400px) {

        .qvm_block{width:50%;}

	}
	
	@media all and (max-width:399px) {

        .qvm_block{width:100%;}

	}

/* ----- ----- ----- */