@font-face{font-family:dsans;font-style:normal;font-weight:400;src:url(../fonts/sans.woff) format("woff"),url(../fonts/sans.woff2) format("woff2");font-display:swap}

.cadr hr {
  opacity: .3;
}
.cadr hr {
  filter: invert(1);
  opacity: .6;
}
.cadr hr {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 851 77.48'%3E%3Cpath d='M274 2.14c-.5 1.3-2.8 12.4-5 24.8s-4.3 22.6-4.5 22.8-.9-1.6-1.5-3.9c-8-30.5-8.3-30.9-16-17.9-2.4 3.8-4.6 7.3-5.1 7.5s-2.9-2-5.5-5-5.3-5.5-6-5.5-3.4 2.8-6 6.1l-4.7 6.2-5.4-10.7c-5.1-10.2-6.9-12-9.1-9.4-.6.7-3 8.8-5.3 18s-4.6 16.4-5 16-2.3-5.7-4.3-11.9c-5.7-17.3-7.7-16.6-13.3 4.5-2.1 7.8-4 14.2-4.3 14.2-.5 0-2.5-9.1-8.2-36.2-1-4.9-3.1-6.6-5.5-4.6-.8.6-3.5 5.3-6 10.2l-5 9.6c-.3.3-2.6-.8-5.3-2.3l-4.9-2.7-6 1.6c-5.7 1.6-6.5 1.6-11.9.1-4.6-1.3-6.7-1.4-9.8-.6-3.5 1-6.9.9-16.6-.7-2.4-.4-5.4 0-9 1.4-4 1.4-6 1.7-8.3 1-4.1-1.3-33-1.8-38.3-.7-3.2.7-5.7.5-9.9-.7-4.7-1.4-6.6-1.5-10.6-.5a62.72 62.72 0 0 1-11.3 1.1c-6.4 0-6.4 0-6.4 2.9 0 2.1.6 3 2.3 3.5 3.4.9 8.5.7 14.6-.5a20.33 20.33 0 0 1 11.2.3 20 20 0 0 0 11.4.3 33.66 33.66 0 0 1 10.9-.3 52.6 52.6 0 0 0 11.3.2 45.43 45.43 0 0 1 12.7.7c5.9 1.1 6.9 1.1 11.9-.9 5.2-1.9 5.7-2 10.8-.5 4.4 1.3 6.4 1.4 11.6.4s7.2-.9 12.1.5c5.4 1.5 6.4 1.5 11.2.1l5.4-1.6 5.9 3.5c3.3 1.9 6.6 3.3 7.3 3s3.1-4 5.3-8.3 4-7.5 4.1-7.1c0 1.2 9 43.1 9.6 45 .7 2.2 3.5 3.1 5 1.6.7-.7 3.1-8.5 5.4-17.3l4.4-16.3c.2-.2 4.8 11.6 7.5 20 1.3 4.1 3.2 5.2 5.4 3.5.9-.7 3.4-8.4 5.7-17.2l4.7-18c.5-1.6 1.5-.1 4.7 6.5 5.4 11.2 6.7 11.4 13.2 2.5l4.9-6.6 2.4 2.8c5.1 6.1 8.2 9.3 8.9 9.3 1.5 0 3-1.7 6.7-7.9 2.1-3.6 4-6.1 4.2-5.5s2.3 8.5 4.7 17.8c4.5 17.1 6 20.2 8.8 19.1 1.9-.8 1.7 0 6.4-25.5 2-11.3 4-20.8 4.3-21.3s2.4 6.6 4.4 15.4c3.7 16.2 4.8 18.9 7.3 18.9 2 0 2.7-2 6.9-18.3 2.1-8.1 4.1-14.4 4.5-14s2.4 7.9 4.4 16.5c5.2 21.7 7 22.7 14.1 7.3 2.4-5.2 4.8-9.5 5.2-9.5s2.7 2.7 5 6 5 6 5.8 6 3.8-3.5 6.6-7.8 5.3-7.9 5.5-8.1 2.5 1.5 5.2 3.8 5.4 4.1 6 4.1 2.9-2.3 5.2-5.1 4.6-4.7 5-4.2 2.9 7.2 5.5 15.1c4.6 13.9 4.8 14.3 7.3 14s2.9-1.2 7.3-16.3 4.8-15.8 5.8-13c8.4 22.5 9.4 23.2 16.8 12.6 2.6-3.9 5.1-7.1 5.4-7.1a31.31 31.31 0 0 1 5.2 4c2.5 2.2 5.1 4 5.8 4s3.6-1.9 6.6-4.1l5.4-4.2 5.4 1.8c5.2 1.8 5.6 1.8 11 .1s5.7-1.7 11.9.5l6.3 2.3 5.6-2.3 5.6-2.3 5.7 2.2 5.8 2.1 6.3-2.6c5.5-2.4 6.6-2.6 9.8-1.5 4.7 1.6 54.3 2.2 60.3.8 3.2-.8 5.7-.7 10.5.5s7.4 1.3 11.2.6a28.87 28.87 0 0 1 11.3.2 29.26 29.26 0 0 0 12.5.2c4.3-.8 34.7-1 101.7-.7l101 .5c5.4 0 23.4-.6 27.8-.9 1.8-.2 2.2-.8 2.2-3.3v-3.1l-14.2.6c-16.6.7-14.8.7-30.3.1-9.2-.4-87.3-.6-101.5-.3-1.4 0-17.2 0-35.2-.2s-33 0-33.5.3-3.5.1-6.8-.4a27.69 27.69 0 0 0-11.5.6c-4.7 1.2-6.4 1.2-11.5 0a24.55 24.55 0 0 0-11.4-.3c-4.4.8-6.8.6-11.7-.7-5.5-1.5-6.7-1.5-11.8-.2a27.57 27.57 0 0 1-11.4.8c-3.1-.4-13.8-.6-23.7-.5-13.3.2-19.4-.1-23.3-1.2-5.2-1.4-5.5-1.4-11 1.1l-5.6 2.6-5.9-2.2-5.9-2.2-5.1 2.1c-6.4 2.7-6.3 2.7-12.6.1-5.1-2.2-5.2-2.2-11.3-.4-5.7 1.8-6.3 1.8-10.8.2-6.6-2.3-7.6-2.2-12.4 1.8-2.4 1.9-4.6 3.5-5 3.5s-3.2-2.1-6.2-4.6c-3.2-2.7-6-4.4-6.8-4.1s-3.2 3.1-5.2 6.2-4 5.5-4.4 5.5-2.7-5.2-5.1-11.6c-7.1-19.1-8.8-18.9-14.4 1.3-2.1 7.6-4.1 14.4-4.5 15.2s-2.3-3.4-4.9-11.2c-2.7-8.1-4.8-12.8-5.9-13.2s-3.2 1-7.3 5.5c-6.1 6.8-6.8 6.9-11.8 1.6-4.1-4.4-6.5-3.5-11.7 4.4-2.6 3.8-5 7-5.3 6.9s-2.5-2.7-4.9-6c-5.9-8.3-7.5-7.9-12.6 2.6-2.4 5-4.1 7.4-4.5 6.5s-2.6-9.6-5.1-19.5c-4-16.1-4.7-18-6.7-18.3-3-.4-3.6 1.1-7.9 18.2-2 8.1-3.8 14.5-4 14.4s-2.1-8.4-4.4-18.3-4.6-18.5-5.2-19.2c-1.6-2-3.7-1.5-4.8.9z' fill='RGBA(57,60,83,247)'/%3E%3C/svg%3E") no-repeat center;
  width: 100%;
  height: 25px;
  border: 0;
  margin: 1em auto;
  opacity: .1;
}


*{box-sizing:border-box;padding:0;margin:0;border:0}

body{direction:rtl;background:#0d0d0d;color:#fff;overflow-x:hidden;cursor:default;font-size:15px}

body,input,button,textarea,select{font-family:dsans;-moz-font-feature-settings:ss02;-webkit-font-feature-settings:ss02;font-feature-settings:ss02}

input, button, textarea,select{
    font-size: 15px;
    outline: 0;
    background: #575955;
    color: #fff;
    border-radius: 1em;
    margin: 0 0 1em;
    padding: 0.7em 1em;
}

label {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0.5em;
}



a {
text-decoration:none;
    color: #f1c637;
}

.entry {
    background: #262626;
    margin: 1.5em;
    border-radius: 1em;
    padding: 1.5em;
}

.title {
    background: #1a1a1a;
    padding: 1em;
    border-radius: 1em;
    margin: 0 0 1.5em;
}

.title span ,.bargsht{
    width: 100%;
    justify-content: center;
    display: flex;
    margin: 0.5em 0 1.5em;
}
.title span a,.bargsht a {
    background: #f1c637;
    color: #000;
    padding: 0.7em 1.5em;
    border-radius: 1em;
}
.bargsht a {
    padding: 1em 2em;
    margin-top: 1em;
}

.tger span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tger textarea {
    width: 100%;
    resize: none;
    height: 37px;
    margin-top: 1em;
    direction: ltr;
    text-align: left;
}
.uploader {
    position: relative;
    overflow: hidden;
}
.uploader .button {
    height: 40px;
    cursor: pointer;
    position: absolute;
    right: 0;
    background: #6232db;
    color: #eee;
    padding: 0 1em;
    font-weight: normal;
    top: 0;
}
.uploader .filename {
    cursor: default;
    width: 100%;
    margin: 0;
    padding-right: 10em;
    color: #aaa;
}
.uploader input[type="file"] {
    position: absolute;
    height: 40px;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    right: 0;
    z-index: 9;
    padding: 0;
    border: 0;
    margin: 0;
}

.backk {
    background: #f1c637;
    color: #000;
    font-size: 22px;
    cursor: pointer;
    margin: 1.5em 0 0.5em;
    padding: 0.7em 2em;
    border-radius: 1em;
}
.dm4, .dm2, .dm42, .dl2, .dl1, .tger {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 80%;
	margin-bottom: .8em;
}
.tger span{width:49%;}

.dl1 input{width:100%;}
.dm4 input {
    width: 24%;
}
input[name="track_en"], input[name="artist_en"],.dl2 input,.dl1 input{
    direction: ltr;
    text-align: left;
}
.dm2 textarea {
    width: 49%;
    height: 150px;
    resize: vertical;
}

.dm42 input,.dl2 input{    width: 49%;}

.dm42 input:hover,.dm42 input:focus{
    direction: ltr;
    text-align: left;
}

.dm2 div {
	width: 49%;
	margin-bottom: .5em;
}
.dm40 input {
	width: 50%;
}

.cadr span {
	padding: 1em;
	display: flex;
	background: #6232db;
	border-radius: 1em;
	margin-bottom: 2em;
	color: #eee;
}


@media screen and (max-width:520px){
.entry {
    margin: 0;
    border-radius: 0;
    padding: 1em;
}
.dm4, .dm2, .dm42, .dl2, .dl1, .tger {
    width: 100%;
}
.dm4 input {
    width: 49%;
}
.dm2 div{width:100%;}
.dm2 div:nth-child(1){margin-bottom:1em;}
label{margin:0;}
.title {
    padding: 1em 0 0;
}

.dm42 input {
    width: 100%;
}

}