:root {
    --border-radius-12: 12px;
    --border-radius-20: 20px;
    --border-radius-card: 48px;
	--base-500: #1e1e1e;
	--base-50: #f2f2f2;
	--base-200: #ccc;
}
svg, img {
  image-rendering: crisp-edges;
}


/*Кнопка с градиентом*/
*[class*="btn-grad"] .tn-atom {
    position: relative;
    z-index: 0;
    transition: box-shadow 0.5s ease;
}
*[class*="btn-grad"] .tn-atom::before,
*[class*="btn-grad"] .tn-atom::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
*[class*="btn-grad"] .tn-atom::before {
     background: linear-gradient(
      40deg,
      rgba(255, 255, 255, 0.4),
      rgba(255, 255, 255, 0.0),
      rgba(207, 238, 204, 0.0),
      rgba(207, 238, 204, 1.0)
    );
    transition: background-position 0.5s ease;
    background-size: 200%;
    background-position: 0 0;
}
*[class*="btn-grad-main"] .tn-atom::after {
    width: calc(100% - 2px);
    height:calc(100% - 1px);
    background: linear-gradient(to bottom, #14341F, #0b1d11);
    border: 1px solid transparent;
    background-clip: padding-box !important;
}
*[class*="btn-grad-secondary"] .tn-atom::after {
    width: calc(100% - 2px);
    height:calc(100% - 1px);
    background: linear-gradient(to bottom, #1E1E1E, #000000);
    border: 1px solid transparent;
    background-clip: padding-box !important;
}
*[class*="btn-grad"] .tn-atom:hover::before {
    background-position: 100% 0;
}
*[class*="btn-grad"] .tn-atom:hover {
    box-shadow: 0 32px 20px -20px  rgba(0, 0, 0, 0.9);
}

.btn-pseudo .tn-atom {
    position: relative;
    z-index: 0;
    transition: box-shadow 0.5s ease;
}
.btn-pseudo .tn-atom::before,
.btn-pseudo .tn-atom::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.btn-pseudo .tn-atom::before {
     background: linear-gradient(
      40deg,
      rgba(255, 255, 255, 0.4),
      rgba(255, 255, 255, 0.0),
      rgba(207, 238, 204, 0.0),
      rgba(207, 238, 204, 1.0)
    );
    transition: background-position 0.5s ease;
    background-size: 200%;
    background-position: 0 0;
}
.btn-pseudo .tn-atom::after {
    width: calc(100% - 2px);
    height:calc(100% - 1px);
    background: linear-gradient(to bottom, #14341F, #0b1d11);
    border: 1px solid transparent;
    background-clip: padding-box !important;
}
.btn-pseudo .tn-atom.active::before{
    background-position: 100% 0;
}
.btn-pseudo .tn-atom.active {
    box-shadow: 0 32px 20px -20px rgba(0, 0, 0, 0.9);
}






/*Карточки с блюром*/
*[class*="card-blur"] .tn-atom__sbs-anim-wrapper{
backdrop-filter: blur(16.47872543334961px);
/*box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.25);*/
/*background: rgba(171, 182, 193, 0.07);*/
}

*[class*="card-blur"] .tn-atom {
backdrop-filter: blur(16.47872543334961px);
box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.25);
background: rgba(171, 182, 193, 0.07);
}
*[class*="card-blur"] .tn-atom {
    border: none !important;
}


*[class*="card-blur-green"] .tn-atom {
    background-image: radial-gradient(211.79% 211.79% at 49.93% 0%, rgba(207, 238, 204, 0) 0%, #cfeecc 100%) ;
}



/*Скругление углов*/
*[class*="--br12"] {
    border-radius: var(--border-radius-12) ;
}
*[class*="--br20"] {
    border-radius: var(--border-radius-20);
}
/*Карточки белые с тенью*/
*[class*="card-shadow"] .tn-atom {
    box-shadow: 0 32px 36px -32px var(--base-200);
}

.uc-bottom-radius {
    border-radius: 0 0 var(--border-radius-card) var(--border-radius-card) !important;
    overflow: hidden !important;
}

/*Зщдшсн Letter Spacing*/
.t1124__title {
    letter-spacing: -0.02em;
}