#login {
    background-color: #010102;
    background-image: url(img/bg.png);
    position: fixed;
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	color:black;
}

#login img {
  width: 6em;
  height: 6em;
  margin: 0 auto;
  display: block;
  border-radius:10px;
}
#login input[type=text], input[type=password]{    background: rgb(255 255 255); color:black;}
#login input{ border-radius:10px;}

#login h1 {
  text-align: center;
  font-size: 2.5em;
  margin: 0.4em 0 0.67em;
}

#login form {
position: fixed;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    max-width: 22em;
    padding: 50px;
    width: 90%;
    border-radius: 20px;
    border: solid 1px #4d4d4d;
    background: #f3f3f3;
    color: black;
}
#previewer{background:rgb(16 16 16 / 85%);}

.card#download {
    border-radius: 20px;
    padding: 10px;
    max-width: 25em;
background: #1a1a1a;}
.ace_editor {
    /* margin-top: 100px; */
    position: relative;
    overflow: hidden;
    /* padding: 10px; */
    font: 15px / normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', 'source-code-pro', monospace;
    direction: ltr;
    text-align: left;
	color:#b4d6ff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
forced-color-adjust: none;}

#search #result {
    visibility: visible;
    max-height: none;
    background: #1a1a1a;
    text-align: left;
    padding: 0px;
    color: var(--textPrimary);
    height: 0px;
    transition: height 0.1s, padding 0.1s;
    overflow: hidden auto;
z-index: 1;}

#search .boxes>div>div {
   background:#2b2b2c; 
    color: #fff;
    text-align: center;
    width: 10em;
    padding: 1em;
    cursor: pointer;
    margin-bottom: 1em;
    margin-right: 1em;
flex-grow: 1;}
#search .boxes {
    border: 1px solid var(--borderPrimary);
    box-shadow: 0 0 5px var(--borderPrimary);
    background: rgb(26 26 26); 
    margin: 1em 0;
}
#search.active #input {
    border-bottom: 1px solid var(--borderPrimary);
    box-shadow: 0 0 5px var(--borderPrimary);
    background: var(--surfaceSecondary);
height: 4em;}
#login.recaptcha form {
  min-width: 304px;
}

#login #recaptcha {
  margin: 0.5em 0 0;
}

#login .wrong {
  background: var(--red);
  color: #fff;
  padding: 0.5em;
  text-align: center;
  animation: 0.2s opac forwards;
}

@keyframes opac {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#login p {
  cursor: pointer;
  text-align: right;
  color: var(--blue);
  text-transform: lowercase;
  font-weight: 500;
  font-size: 0.9rem;
  margin: 0.5rem 0;
}

nav {
    width: 16em;
    position: fixed;
    top: 7em;
    left: 0;
	background: #131314;
}

html[dir=rtl] nav {
    left: initial;
    right: 0
}

nav .action {
    width: 100%;
    display: block;
    border-radius: 0;
    font-size: 1.1em;
    padding: .5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

html[dir=rtl] nav .action {
    text-align: right
}

nav>div {
    border-top: 1px solid var(--divider)
}

nav .action>* {
    vertical-align: middle
}


body,header, .breadcrumbs, .item {background:#131314;}
header img{height:3em;}
#listing .item {background:#212123; }
#listing .item:hover {background:#383839; }
#listing .item img {border-radius:15px;}
#listing.mosaic .item {border-radius:1.2em; color:#e5e5e5;}

.credits span{color: #131314; width:90%;}
.credits {max-width: 80%;}


.file-icons [aria-selected="true"] i {
    color: rgb(219 239 255);
}

:root{
	--blue: #2196f3;
    --dark-blue: #1e88e5;
    --red: #f44336;
    --dark-red: #d32f2f;
    --moon-grey: #f2f2f2;
    --icon-red: #da4453;
    --icon-orange: #f47750;
    --icon-yellow: #fdbc4b;
    --icon-green: #2ecc71;
    --icon-blue: #c3d2dd;
    --icon-violet: #9b59b6;
    --input-red: rgb(252, 208, 205);
    --input-green: rgb(201, 242, 218);
    --item-selected: white;
    --action: rgb(84, 110, 122);
    --background: rgb(250, 250, 250);
    --surfacePrimary: rgb(255, 255, 255);
    --surfaceSecondary: rgb(230, 230, 230);
    --divider: rgba(0, 0, 0, .05);
    --iconPrimary: var(--icon-blue);
    --iconSecondary: rgb(255, 255, 255);
    --iconTertiary: rgb(204, 204, 204);
    --textPrimary: rgb(111, 111, 111);
    --textSecondary: rgb(51, 51, 51);
    --hover: rgba(0, 0, 0, .1);
    --borderPrimary: rgba(0, 0, 0, .1);
    --borderSecondary: rgba(0, 0, 0, .2);
    --dividerPrimary: rgba(255, 255, 255, .4);
    --dividerSecondary: rgba(255, 255, 255, .9)
}

.card{background: rgb(19 19 20);}

.file-icons [data-type=audio] i:before {
    content: "volume_up"
}

.file-icons [data-type=blob] i:before {
    content: "insert_drive_file"
}

.file-icons [data-type=image] i:before {
    content: "image"
}

.file-icons [data-type=pdf] i:before {
    content: "description"
}

.file-icons [data-type=text] i:before {
    content: "description"
}

.file-icons [data-type=video] i:before {
    content: "4k"
}

.file-icons [data-type=invalid_link] i:before {
    content: "link_off"
}

.file-icons [data-ext=".ai"] i:before,.file-icons [data-ext=".odg"] i:before,.file-icons [data-ext=".xcf"] i:before {
    content: "image"
}

.file-icons [data-ext=".odp"] i:before,.file-icons [data-ext=".ppt"] i:before,.file-icons [data-ext=".pptx"] i:before {
    content: "slideshow"
}

.file-icons [data-ext=".csv"] i:before,.file-icons [data-ext=".db"] i:before,.file-icons [data-ext=".odb"] i:before,.file-icons [data-ext=".ods"] i:before,.file-icons [data-ext=".xls"] i:before,.file-icons [data-ext=".xlsx"] i:before {
    content: "border_all"
}

.file-icons [data-ext=".doc"] i:before,.file-icons [data-ext=".docx"] i:before,.file-icons [data-ext=".log"] i:before,.file-icons [data-ext=".odt"] i:before,.file-icons [data-ext=".rtf"] i:before {
    content: "description"
}

.file-icons [data-ext=".c"] i:before,.file-icons [data-ext=".cpp"] i:before,.file-icons [data-ext=".cs"] i:before,.file-icons [data-ext=".css"] i:before,.file-icons [data-ext=".go"] i:before,.file-icons [data-ext=".h"] i:before,.file-icons [data-ext=".html"] i:before,.file-icons [data-ext=".java"] i:before,.file-icons [data-ext=".js"] i:before,.file-icons [data-ext=".json"] i:before,.file-icons [data-ext=".kt"] i:before,.file-icons [data-ext=".php"] i:before,.file-icons [data-ext=".py"] i:before,.file-icons [data-ext=".rb"] i:before,.file-icons [data-ext=".rs"] i:before,.file-icons [data-ext=".vue"] i:before,.file-icons [data-ext=".xml"] i:before,.file-icons [data-ext=".yml"] i:before {
    content: "code"
}

.file-icons [data-ext=".apk"] i:before,.file-icons [data-ext=".bat"] i:before,.file-icons [data-ext=".exe"] i:before,.file-icons [data-ext=".jar"] i:before,.file-icons [data-ext=".ps1"] i:before,.file-icons [data-ext=".sh"] i:before {
    content: "web_asset"
}

.file-icons [data-ext=".deb"] i:before,.file-icons [data-ext=".msi"] i:before,.file-icons [data-ext=".pkg"] i:before,.file-icons [data-ext=".rpm"] i:before {
    content: "archive"
}

.file-icons [data-ext=".7z"] i:before,.file-icons [data-ext=".bz2"] i:before,.file-icons [data-ext=".cab"] i:before,.file-icons [data-ext=".gz"] i:before,.file-icons [data-ext=".rar"] i:before,.file-icons [data-ext=".tar"] i:before,.file-icons [data-ext=".xz"] i:before,.file-icons [data-ext=".zip"] i:before,.file-icons [data-ext=".zst"] i:before {
    content: "call_to_action"
}

.file-icons [data-ext=".ccd"] i:before,.file-icons [data-ext=".dmg"] i:before,.file-icons [data-ext=".iso"] i:before,.file-icons [data-ext=".mdf"] i:before,.file-icons [data-ext=".vdi"] i:before,.file-icons [data-ext=".vhd"] i:before,.file-icons [data-ext=".vmdk"] i:before,.file-icons [data-ext=".wim"] i:before {
    content: "album"
}

.file-icons [data-ext=".otf"] i:before,.file-icons [data-ext=".ttf"] i:before,.file-icons [data-ext=".woff"] i:before,.file-icons [data-ext=".woff2"] i:before {
    content: "font_download"
}

.share__box {background:#131314;}
.share__box__items #listing.list .item {
    border-radius: 10px;
    cursor: pointer;
    background: none;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
border-top: 0px solid var(--borderPrimary);}

.share__box__element {
    padding: 1em;
   border-top: 0px solid var(--borderPrimary);
    word-break: break-all;
    color: white;
    text-transform: uppercase;
}
.share__box__element strong{
	color: #9f9f9f;
	font-size: 0.9em;
}
.share__box__header {
    padding: 1em;
    text-align: center;
    font-weight: bold;
    color: #949494;
text-transform: uppercase;}



.share__box__element .button {
    display: inline-block;
    width: 100%;
    color: #feffff;
    font-size: large;
    font-weight: bold;
    max-width: 40%;
    height: 4em;
    margin: 20px;
    background: var(--blue);
    border-radius: 20px;
}

.share__box__icon i {font-size: 0em; color: #40c4ff;}
 #file-selection {display:none;}


@media (max-width: 736px) {
    nav {
        top: 0;
        z-index: 99999;
        background: background: rgb(15 15 16);
        height: 100%;
        width: 16em;
        box-shadow: 0 0 5px var(--borderPrimary);
        transition: .1s ease left;
        left: -17em;
		}
	
	    #dropdown {
        position: fixed;
        top: 1em;
        right: 1em;
        display: block;
        background: #131314;
        box-shadow: 0 0 5px var(--borderPrimary);
        transform: scale(0);
        transition: .1s ease-in-out transform;
        transform-origin: top right;
        z-index: 99999;
    }
	    #file-selection {
        position: fixed;
        bottom: 1em;
        border-radius: 5px;
        padding: 10px;
        left: 50%;
        transform: translate(-50%);
        display: none;
        align-items: center;
        background: rgb(35 35 35);
        box-shadow: rgba(0, 0, 0, .06) 0 1px 3px, rgba(0, 0, 0, .12) 0 1px 2px;
        width: 95%;
        max-width: 20em;
        z-index: 1;
    }
}
.item[data-type="blob"] {
  display: none !important;
}

@media (max-width: 1459px) 
{
	#login {
		background-color: #010102;
		color:black;
		background-image: none;
		}
	 #login form {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 22em;
		padding: 50px;
		width: 90%;
		border-radius: 20px;
		border: solid 1px #4d4d4d;
		background: #f3f3f3;
		color: black;
		}
		
		.share__box__element .button {
		display: block;
		max-width: 100%;
		width:100%;
		margin: 20px 0px 0px 0px;

	}


}