/* ------------------<Font Faces>------------------ */

@font-face {
  font-family: Dana_Regular;
  src: url("https://shop.launchdesk.ir//font/dana_regular.woff");
}

@font-face {
  font-family: Dana_Thin;
  src: url("https://shop.launchdesk.ir//font/dana_thin.woff");
}

@font-face {
  font-family: Dana_ExtraLight;
  src: url("https://shop.launchdesk.ir//font/dana_extralight.woff");
}

@font-face {
  font-family: Dana_Light;
  src: url("https://shop.launchdesk.ir//font/dana_light.woff");
}

@font-face {
  font-family: Dana_Medium;
  src: url("https://shop.launchdesk.ir//font/dana_medium.woff");
}

@font-face {
  font-family: Dana_DemiBold;
  src: url("https://shop.launchdesk.ir//font/dana_demibold.woff");
}

@font-face {
  font-family: Dana_Bold;
  src: url("https://shop.launchdesk.ir//font/dana_bold.woff");
}

@font-face {
  font-family: Dana_ExtraBold;
  src: url("https://shop.launchdesk.ir//font/dana_extrabold.woff");
}

@font-face {
  font-family: Dana_Black;
  src: url("https://shop.launchdesk.ir//font/dana_black.woff");
}

/* ------------------<Variables>------------------ */

/* <Colors> */
:root {
  --color-BG: #091225;
  --color-LBG: #1d273e;
  --color-DLBG: #0f192f;
  --color-UDLBG: #0a152b;
  --color-DBG: #070f21;
  --color-BoneWhite: #f9f6ee;
  --color-Black: #000000;
  --color-White: #ffffff;
  --color-DWhite: #bcbcbc;
  --color-GrayStroke: #1a2334;
  --color-LGrayStroke: #273042;
  --color-ULGrayStroke: #333b4d;
  --color-Shadow: #ffffff40;
  --color-ULPurple: #4c496b;
  --color-HPurple: #958cff;
  --color-WPurple: #ccc7ff;
  --color-LPurple: #7165ff;
  --color-DPurple: #43428e;
  --color-UDPurple: #4D41DE;
  --color-ShPurple: #8277ff80;
  --color-PurpleStroke: #544da0;
  --color-Yellow: #FFE711;
  --color-Red: #FF0D47;
  --color-LRed: #FF2A2A;
  --plyr-color-main: var(--color-LPurple);
}

/* <Others> */
:root {
  --width: 85%;
  --max-width: 1392px;
  --trans: all ease-in-out 0.2s;
}

/* --------------<Clear & Set Predefined>-------------- */

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

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f117;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  transition: var(--trans);
  background: var(--color-DPurple);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-PurpleStroke);
}

a:focus,
button:focus,
input:focus,
textarea:focus-visible {
  outline: none;
}

textarea::-webkit-scrollbar {
  display: none;
}

textarea {
  resize: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul {
  list-style-type: none;
}

/* ---------------<Text Sizes>--------------- */

.Regular {
  font-family: Dana_Regular;
}

.Thin {
  font-family: Dana_Thin;
}

.ExtraLight {
  font-family: Dana_ExtraLight;
}

.Light {
  font-family: Dana_Light;
}

.Medium {
  font-family: Dana_Medium;
}

.DemiBold {
  font-family: Dana_DemiBold;
}

.Bold {
  font-family: Dana_Bold;
}

.ExtraBold {
  font-family: Dana_ExtraBold;
}

.Black {
  font-family: Dana_Black;
}

h1,
.h1 {
  font-size: 33px;
}

h2,
.h2 {
  font-size: 24px;
}

h3,
.h3 {
  font-size: 20px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 15px;
}

h6,
.h6 {
  font-size: 12px;
}

.h7 {
  font-size: 8.5px;
}

/* --------------<Global>-------------- */

.display {
  display: flex;
  justify-content: center;
  align-items: center;
}

.posab {
  position: absolute;
}

.fg {
  flex-grow: 1;
}

.fdc {
  flex-direction: column;
}

.jcc {
  justify-content: center;
}

.jcb {
  justify-content: space-between;
}

.aic {
  align-items: center;
}

.acc {
  align-content: center;
  flex-wrap: wrap;
}

.obfc {
  object-fit: contain;
}

.fww {
  flex-wrap: wrap;
}

.wfc {
  width: fit-content;
}

.w100 {
  width: 100%;
}

.w80 {
  width: 80%;
}

.w50 {
  width: 50%;
}

.w55 {
  width: 55%;
}

.w30 {
  width: 30%;
}

.w35 {
  width: 35%;
}

.hfc {
  height: fit-content;
}

.h100 {
  height: 100%;
}

.h40 {
  height: 40%;
}

.h50 {
  height: 50%;
}

.marRL10 {
  margin-right: 10px;
  margin-left: 10px;
}

.marT10 {
  margin-top: 10px;
}

.marL50 {
  margin-left: 50px;
}

.marR10 {
  margin-right: 10px;
}

.padRL15 {
  padding-right: 15px;
  padding-left: 15px;
}

.padRL25 {
  padding-right: 25px;
  padding-left: 25px;
}

.padR25 {
  padding-right: 25px;
}

.padR15 {
  padding-right: 15px;
}

.padRL50 {
  padding-right: 50px;
  padding-left: 50px;
}

.padTB15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pad10 {
  padding: 10px;
}

.pad20 {
  padding: 20px;
}

.brr12 {
  border-radius: 12px;
}

.brr5 {
  border-radius: 5px;
}

.brr2 {
  border-radius: 2px;
}

.brnone {
  border: none;
}

.bgtrans {
  background: transparent;
}

.tac {
  text-align: center;
}

.op1 {
  opacity: 1;
}

.ar1 {
  aspect-ratio: 1/1;
}

.marR20 {
  margin-right: 20px;
}

.marR25 {
  margin-right: 25px;
}

.posrel {
  position: relative;
}

.trans {
  transition: var(--trans);
}

.ofh {
  overflow: hidden;
}

.h80 {
  height: 80%;
}

.h70 {
  height: 70%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w60 {
  width: 60%;
}

.jcs {
  justify-content: flex-start;
}

.plchldr::placeholder {
  transition: var(--trans);
  opacity: 1;
}

.plchldr:focus::placeholder {
  opacity: 0;
}

.w95 {
  width: 95%;
}

.w85 {
  width: 85%;
}

.marRLa {
  margin-right: auto;
  margin-left: auto;
}

.marB5 {
  margin-bottom: 5px;
}

.marB10 {
  margin-bottom: 10px;
}

.marB20 {
  margin-bottom: 20px;
}

.brr8 {
  border-radius: 8px;
}

.marT20 {
  margin-top: 20px;
}

.marRL20 {
  margin-right: 20px;
  margin-left: 20px;
}

.txttrans {
  color: transparent;
}

.disnone {
  display: none;
}

.marB15 {
  margin-bottom: 15px;
}

.marR15 {
  margin-right: 15px;
}

.plchldr_op0::placeholder {
  opacity: 0;
}

.jce {
  justify-content: flex-end;
}

.taj {
  text-align: justify;
}

.marL20 {
  margin-left: 20px;
}

.aie {
  align-items: flex-end;
}

.aisch {
  align-items: stretch;
}

.ofxa {
  overflow-x: auto;
}

.ofya {
  overflow-y: auto;
}

.ais {
  align-items: flex-start;
}

.brr24 {
  border-radius: 24px;
}

.marL10 {
  margin-left: 10px;
}

.padTB25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.padTB35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.tas {
  text-align: start;
}

.tae {
  text-align: end;
}

.rtl {
  direction: rtl;
}

.ltr {
  direction: ltr;
}

.pad25 {
  padding: 25px;
}

.padRL10 {
  padding-right: 10px;
  padding-left: 10px;
}

.marT5 {
  margin-top: 5px;
}

.marR5 {
  margin-right: 5px;
}

.bsn {
  box-shadow: none !important;
}

.pad15 {
  padding: 15px;
}

.brr18 {
  border-radius: 18px;
}

.marL5 {
  margin-left: 5px;
}

.tdlt {
  text-decoration: line-through;
}

.tdul {
  text-decoration: underline;
  text-underline-offset: 0.5rem;
}

.tdn {
  text-decoration: none;
}

.jcse {
  justify-content: space-evenly;
}

.jcsa {
  justify-content: space-around;
}

.r180 {
  rotate: 180deg;
}

.marRL30 {
  margin-right: 30px;
  margin-left: 30px;
}

.op0 {
  opacity: 0;
}

.op07 {
  opacity: 0.7;
}

.op02 {
  opacity: 0.2;
}


.marTA {
  margin-top: auto;
}

.marL15 {
  margin-left: 15px;
}

.r90 {
  rotate: 90deg;
}

.marT30 {
  margin-top: 30px;
}

.marR50 {
  margin-right: 50px;
}

.marRa {
  margin-right: auto;
}

.op05 {
  opacity: 0.5;
}

.posT {
  position: absolute;
  top: 0;
}

.posB {
  position: absolute;
  bottom: 0;
}

.posR {
  position: absolute;
  right: 0;
}

.posL {
  position: absolute;
  left: 0;
}

.marLa {
  margin-left: auto;
}

.padTB10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padTB5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pad50 {
  padding: 50px;
}

.posC {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.marTB10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.marTB5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mar10 {
  margin: 10px;
}

.padL20 {
  padding-left: 20px;
}

.marRL5 {
  margin-right: 5px;
  margin-left: 5px;
}

.pen {
  pointer-events: none;
}

.wsnw {
  white-space: nowrap;
}