@charset "UTF-8";
/**
 * Theme Name:  Yuzay
 * Description: WordPress Graphic Resources Marketplace Theme
 *
 * Author:      afrikyan
 * Author URI:  https://afrikyan.pro/
 *
 * Tags:        green, black, white
 * Text Domain: yuzay
 *
 * License:     Лицензия. Пр: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Version:     1.0
 */
:root {
  --brand: #17BC2E;
  --surface-main: #0A0A0A;
  --surface-light: #FFF;
  --light-alpha-a: #141414;
  --light-alpha-b: #292929;
  --light-alpha-c: #3D3D3D;
  --light-alpha-d: #525252;
  --light-alpha-e: #7A7A7A;
  --light-alpha-f: #A3A3A3;
  --brand-alpha-a: #020F04;
  --brand-alpha-b: #041E07;
  --brand-alpha-c: #062D0B;
  --brand-alpha-d: #073C0F;
  --brand-alpha-e: #0B5A16;
  --brand-alpha-f: #0F781D;
  --border-default: 1px solid var(--light-alpha-b);
  --border-hover: 1px solid var(--light-alpha-c);
  --font: -apple-system, BlinkMacSystemFont, sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --transition: all .3s ease;
  --bf-liquid: blur(20px) saturate(180%);
  --s4: 4px;
  --s8: 8px;
  --s12: 12px;
  --s16: 16px;
  --s18: 18px;
  --s24: 24px;
  --s32: 32px;
  --s48: 48px;
  --s64: 64px;
  --s72: 72px;
  --s96: 96px;
  --p50: 50%;
  --p100: 100%; }

body {
  margin: 0;
  position: relative;
  line-height: 1.2;
  color: var(--surface-light);
  font-size: var(--s16);
  font-family: var(--font);
  font-weight: var(--fw-regular);
  background-color: var(--surface-main); }
  body:after {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: var(--s96);
    position: fixed;
    background: linear-gradient(0, var(--surface-main), transparent); }

a {
  font-weight: var(--fw-regular);
  color: var(--surface-light);
  text-decoration: none; }

p {
  margin: 0;
  font-weight: var(--fw-light);
  color: var(--light-alpha-f); }

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none; }

span {
  font-weight: var(--fw-regular); }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: var(--fw-regular);
  line-height: 1.1; }

h1 {
  font-size: var(--s72); }

h2, h3, h4, h5, h6 {
  font-size: var(--s48); }

.btn {
  padding: var(--s16) var(--s32);
  border-radius: var(--s96);
  transition: all .2s ease;
  display: block;
  width: max-content; }
  .btn-primary {
    background-color: var(--brand);
    color: var(--surface-light); }
  .btn-secondary {
    background-color: var(--light-alpha-a);
    color: var(--surface-light);
    border: var(--border-default); }

section {
  padding: var(--s48) 0; }

.section-head {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: var(--s24);
  text-align: center; }
.section-title {
  display: flex;
  align-items: center;
  gap: var(--s24);
  text-align: center; }
.section-label {
  margin: auto;
  width: max-content;
  font-size: 14px;
  background-color: var(--light-alpha-a);
  padding: var(--s8) var(--s16);
  border-radius: var(--s96);
  font-weight: var(--fw-light); }

.header {
  padding: var(--s16);
  position: sticky;
  top: 0;
  width: var(--p100);
  z-index: 10; }
  .header:after {
    content: "";
    backdrop-filter: var(--bf-liquid);
    mask: linear-gradient(black 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 1;
    z-index: -1;
    flex: none;
    width: var(--p100);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0%;
    overflow: hidden; }
  .header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s24); }
  .header-center {
    display: flex;
    width: var(--p100);
    gap: var(--s12); }
  .header-search {
    height: var(--s48);
    width: var(--p100); }
    .header-search__icon {
      position: absolute;
      margin-top: -12px;
      top: var(--p50); }
      .header-search__icon svg {
        stroke: var(--light-alpha-e); }
    .header-search form {
      position: relative;
      padding: var(--s16);
      height: var(--p100);
      border: var(--border-default);
      border-radius: var(--s16);
      color: var(--surface-light);
      backdrop-filter: var(--bf-liquid);
      background-color: var(--light-alpha-a);
      transition: var(--transition);
      cursor: pointer; }
      .header-search form:hover {
        border: var(--border-hover); }
      .header-search form input {
        color: var(--surface-light);
        background-color: transparent;
        box-shadow: none;
        border: none;
        outline: none;
        padding-left: var(--s48);
        width: var(--p100);
        position: absolute;
        height: var(--p100);
        top: 0;
        right: 0; }
        .header-search form input:focus {
          box-shadow: none;
          outline: none;
          border: none; }
        .header-search form input::placeholder {
          font-weight: var(--fw-regular);
          color: var(--light-alpha-e); }
  .header-choice {
    display: flex;
    align-items: center;
    gap: var(--s4);
    height: var(--s48);
    background-color: var(--light-alpha-a);
    padding: var(--s4);
    border: var(--border-default);
    border-radius: var(--s16); }
    .header-choice__btn {
      height: var(--p100);
      color: var(--light-alpha-e);
      padding: var(--s8) var(--s32);
      background-color: transparent;
      border-radius: var(--s12);
      transition: var(--transition); }
      .header-choice__btn:hover {
        color: var(--surface-light); }
      .header-choice__btn.active {
        background-color: var(--light-alpha-b);
        border-radius: var(--s12);
        color: var(--surface-light); }

.hero {
  padding: var(--s96) 0; }
  .hero-block {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: var(--s24); }
  .hero-title {
    font-size: var(--s72); }
  .hero-subtitle {
    font-size: var(--s18);
    font-weight: 300; }
  .hero-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--s24);
    gap: 24px; }

.about-row {
  display: flex;
  justify-content: center;
  text-align: center; }
  .about-row h3 {
    margin-bottom: 77px; }
    .about-row h3 span {
      opacity: 0.4;
      font-weight: 400; }

.faq-row {
  display: flex;
  justify-content: center;
  margin-top: var(--s48); }

.darkmode {
  --surface-main: var(--surface-light);
  --surface-light: var(--surface-main);
  --light-alpha-a: var(--surface-light);
  --light-alpha-b: #F0F0F0;
  --light-alpha-c: #C2C2C2;
  --light-alpha-d: #D6D6D6;
  --light-alpha-e: #858585;
  --light-alpha-f: #5C5C5C;
  --brand-alpha-a: #ECFAEE;
  --brand-alpha-b: #DAF4DE;
  --brand-alpha-c: #C7EFCD;
  --brand-alpha-d: #B5EABC;
  --brand-alpha-e: #90DF9B;
  --brand-alpha-f: #6BD479;
  --border-default: 1px solid var(--light-alpha-b);
  --border-hover: 1px solid var(--light-alpha-c); }

.mode {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--s48);
  height: var(--s48);
  border-radius: var(--p50);
  background-color: var(--light-alpha-a);
  border: var(--border-default);
  transition: var(--transition);
  cursor: pointer; }
  .mode:hover {
    border: var(--border-hover); }
  .mode svg {
    stroke: var(--light-alpha-f); }
    .mode svg:last-child {
      opacity: 0;
      display: none; }

.darkmode .mode svg:first-child {
  opacity: 0;
  display: none; }
.darkmode .mode svg:last-child {
  opacity: 1;
  display: block; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

.main-title span {
  color: transparent;
  animation: blur 8s ease-out infinite;
  -webkit-animation: blur 8s ease-out infinite; }
  .main-title span:nth-child(1) {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s; }
  .main-title span:nth-child(2) {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s; }
  .main-title span:nth-child(3) {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s; }
  .main-title span:nth-child(4) {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s; }
  .main-title span:nth-child(5) {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.25s; }

::-webkit-scrollbar {
  width: var(--s8);
  background-color: transparent; }

::-webkit-scrollbar-thumb {
  border-radius: var(--s24);
  background-color: var(--light-alpha-b); }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 var(--s8) rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: transparent; }

.reveal {
  position: relative;
  transform: translateY(-20px);
  opacity: 0;
  transition: var(--transition); }
  .reveal.active {
    transform: translateY(0);
    opacity: 1; }

input[type=checkbox]:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.switch-checkbox {
  position: absolute;
  opacity: 0;
  z-index: -1; }
.switch-checkbox:checked + .switch-toggle:before {
  background: var(--brand);
  border: 2px solid var(--color-primary); }
.switch-checkbox:checked + .switch-toggle:after {
  content: "";
  left: 20px;
  background: var(--surface-light); }
.switch-toggle {
  position: relative;
  display: block;
  width: var(--s48);
  height: 20px;
  cursor: pointer;
  border-radius: 50px; }
.switch-toggle:before, .switch-toggle:after {
  content: "";
  position: absolute;
  left: 0;
  transition: 0.25s ease all;
  -moz-transition: 0.25s ease all;
  -webkit-transition: 0.25s ease all; }
.switch-toggle:before {
  display: block;
  top: 0px;
  left: 0px;
  width: var(--p100);
  height: var(--p100);
  border-radius: 50px;
  border: 1px solid var(--color-accent-alpha-small);
  background: var(--light-alpha-b); }
.switch-toggle:after {
  content: "";
  top: 2px;
  left: 2px;
  width: 26px;
  height: var(--s16);
  border-radius: var(--s48);
  background: var(--light-alpha-f);
  box-shadow: 0px 9px 3px rgba(0, 0, 0, 0.05), 0px 6px 6px rgba(0, 0, 0, 0.1), 0px 9px 9px rgba(0, 0, 0, 0.05), 0px 0px 0px 2px rgba(0, 0, 0, 0.04); }

.pmpro_card.pmpro_login_wrap {
  display: flex;
  flex-direction: column;
  gap: var(--s48); }
.pmpro_card_actions {
  text-align: center; }

.catalog {
  padding: 77px 0; }
  .catalog-heading {
    gap: 16px;
    display: flex;
    align-items: center; }
    .catalog-heading__name {
      gap: 24px;
      display: flex;
      align-items: center; }
    .catalog-heading__sticker {
      font-size: 12px;
      font-weight: 300;
      color: var(--brand);
      padding: 4px 8px;
      border-radius: 6px; }
  .catalog-categories {
    margin-top: 32px;
    flex-wrap: unset;
    scrollbar-width: none;
    overflow: hidden;
    overflow-x: scroll;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    cursor: pointer; }
    .catalog-categories ul {
      display: flex;
      align-items: center;
      gap: 8px;
      white-space: nowrap; }
    .catalog-categories__tab {
      border-radius: 50px;
      padding: 12px 24px;
      box-shadow: var(--border-default);
      backdrop-filter: var(--bf-liquid);
      transition: 0.3s;
      font-weight: 300;
      color: var(--light-alpha-f);
      cursor: pointer; }
      .catalog-categories__tab:hover, .catalog-categories__tab:focus {
        background-color: var(--light-alpha-a);
        color: var(--surface-light); }
      .catalog-categories__tab span {
        border-radius: 50px;
        font-size: 12px;
        padding: 2px 8px;
        margin-left: 8px;
        background-color: var(--light-alpha-a); }
      .catalog-categories__tab.active {
        background-color: var(--light-alpha-a);
        color: var(--surface-light); }
  .catalog-items {
    margin-top: 48px;
    --bs-gutter-y: 1.5rem; }
  .catalog-card__image {
    position: relative; }
    .catalog-card__image img {
      width: var(--p100);
      height: auto;
      border-radius: 16px;
      display: inline-block;
      background-position: center center;
      background-repeat: no-repeat; }
    .catalog-card__image .first {
      opacity: 1;
      display: block;
      position: absolute;
      z-index: 2;
      transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s; }
      .catalog-card__image .first:hover {
        opacity: 0; }

.product {
  padding: 77px 0;
  position: relative; }
  .product-head h1 {
    font-size: 40px; }
  .product-head p {
    width: 90%;
    font-size: 18px;
    font-weight: 300;
    color: var(--light-alpha-f); }
  .product-free {
    padding: 6px 12px;
    border-radius: 50px;
    color: var(--light-alpha-f);
    font-weight: 300;
    box-shadow: var(--border-default); }
  .product-gallery {
    margin-top: 24px;
    --bs-gutter-y: 1.5rem; }
    .product-gallery__column img {
      width: var(--p100);
      border-radius: 24px; }
  .product-info {
    position: sticky;
    gap: 36px;
    top: 24px;
    padding: 36px;
    border-radius: 24px;
    color: var(--surface-light);
    box-shadow: var(--border-default);
    backdrop-filter: var(--bf-liquid);
    background-color: var(--light-alpha-a); }
    .product-info__title {
      font-weight: 300;
      color: var(--light-alpha-f);
      margin-bottom: 12px; }
  .product-format__name {
    background-color: var(--surface-main);
    box-shadow: var(--border-default);
    border-radius: 50px;
    padding: 6px 16px 6px 6px;
    width: max-content; }
  .product-format__icon {
    background-color: var(--light-alpha-a);
    width: 42px;
    height: 42px;
    border-radius: var(--p50); }
  .product-format__howtouse {
    font-size: 12px;
    color: var(--light-alpha-f);
    padding: 4px 12px;
    border-radius: 50px;
    background-color: var(--light-alpha-a); }
  .product-features ul {
    list-style: unset;
    list-style-type: circle;
    padding-left: 18px; }
    .product-features ul li {
      margin-top: 12px;
      color: var(--lighter);
      font-weight: 300;
      font-size: 16px; }
  .product-tags ul {
    list-style: none;
    list-style-type: none; }
    .product-tags ul li {
      box-shadow: var(--border-default);
      border-radius: 6px;
      padding: 8px 16px;
      width: max-content;
      font-size: 14px;
      transition: 0.3s; }
      .product-tags ul li:hover {
        background-color: var(--light-alpha-a); }
  .product-download a {
    width: var(--p100);
    display: block;
    background-image: var(--brand);
    padding: 14px 18px;
    text-align: center;
    border-radius: 12px;
    transition: 0.3s; }
    .product-download a:hover {
      opacity: 0.75; }
  .product-download__info {
    opacity: 0.5; }
    .product-download__info span {
      font-size: 12px;
      font-weight: 200; }
  .product-download svg {
    fill: var(--light-alpha-f); }

.recently {
  padding: 77px 0; }
  .recently h2 {
    font-size: 48px; }

.categories {
  display: flex;
  align-items: center;
  gap: var(--s8);
  margin-top: var(--s32);
  scrollbar-width: none;
  overflow: hidden;
  overflow-x: scroll; }
  .categories li {
    white-space: nowrap;
    padding: var(--s16) var(--s32);
    border-radius: var(--s96);
    transition: var(--transition);
    display: block;
    width: max-content;
    background-color: var(--light-alpha-a);
    color: var(--surface-light);
    border: var(--border-default); }
    .categories li:hover {
      border: var(--border-hover); }
    .categories li span {
      font-size: var(--s12);
      padding: var(--s4) var(--s8);
      border-radius: var(--s8);
      color: var(--light-alpha-f);
      background-color: var(--light-alpha-b);
      margin-left: var(--s8); }

.footer {
  padding: 77px 0; }
  .footer-brand {
    opacity: 0.25;
    transition: 0.3s; }
    .footer-brand:hover {
      opacity: 0.4; }
  .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
    font-weight: 30;
    font-size: 18px; }
    .footer-nav__copy {
      margin-top: 24px; }
    .footer-nav__main {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px; }
      .footer-nav__main li a {
        color: var(--surface-light); }
    .footer-nav__other {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px; }
      .footer-nav__other li a {
        color: var(--light-alpha-f); }

.auth-block {
  padding: var(--s24) var(--s12);
  height: 100vh; }
.auth-banner {
  background-image: url(../images/login.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: var(--p100);
  width: var(--p100);
  border-radius: var(--s48); }
.auth-form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--s48);
  flex-direction: column;
  height: var(--p100);
  width: 400px;
  margin: auto; }
  .auth-form__signin, .auth-form__signup {
    width: var(--p100); }
    .auth-form__signin fieldset, .auth-form__signup fieldset {
      display: flex;
      flex-direction: column;
      gap: var(--s16); }
.auth-signin__username, .auth-signin__password, .auth-signin__email, .auth-signin__repassword, .auth-signup__username, .auth-signup__password, .auth-signup__email, .auth-signup__repassword {
  display: flex;
  flex-direction: column;
  gap: var(--s8); }
  .auth-signin__username label, .auth-signin__password label, .auth-signin__email label, .auth-signin__repassword label, .auth-signup__username label, .auth-signup__password label, .auth-signup__email label, .auth-signup__repassword label {
    font-weight: var(--fw-regular); }
  .auth-signin__username input, .auth-signin__password input, .auth-signin__email input, .auth-signin__repassword input, .auth-signup__username input, .auth-signup__password input, .auth-signup__email input, .auth-signup__repassword input {
    color: var(--surface-light);
    background-color: var(--light-alpha-a);
    transition: var(--transition);
    padding: var(--s8) var(--s16);
    border-radius: var(--s12);
    border: var(--border-default);
    box-shadow: none;
    outline: none; }
    .auth-signin__username input:hover, .auth-signin__password input:hover, .auth-signin__email input:hover, .auth-signin__repassword input:hover, .auth-signup__username input:hover, .auth-signup__password input:hover, .auth-signup__email input:hover, .auth-signup__repassword input:hover {
      border: var(--border-hover); }
    .auth-signin__username input:focus, .auth-signin__password input:focus, .auth-signin__email input:focus, .auth-signin__repassword input:focus, .auth-signup__username input:focus, .auth-signup__password input:focus, .auth-signup__email input:focus, .auth-signup__repassword input:focus {
      border: var(--border-hover); }
    .auth-signin__username input::placeholder, .auth-signin__password input::placeholder, .auth-signin__email input::placeholder, .auth-signin__repassword input::placeholder, .auth-signup__username input::placeholder, .auth-signup__password input::placeholder, .auth-signup__email input::placeholder, .auth-signup__repassword input::placeholder {
      color: var(--light-alpha-f);
      font-weight: 300; }
.auth-signin__password a, .auth-signup__password a {
  padding: 8px 16px;
  border-radius: 50px;
  font-weight: 300;
  color: var(--light-alpha-f);
  background-color: var(--light-alpha-a);
  font-size: 14px;
  transition: 0.3s; }
  .auth-signin__password a:hover, .auth-signup__password a:hover {
    color: var(--surface-light); }
.auth-signin__remember, .auth-signup__remember {
  padding: 8px 16px 8px 8px;
  border-radius: 50px;
  color: var(--light-alpha-f);
  background-color: var(--light-alpha-a);
  font-weight: 300;
  font-size: 14px; }
.auth-submit {
  color: var(--surface-main);
  background-color: var(--surface-light);
  padding: 10px 8px;
  outline: none;
  border: none;
  border-radius: 10px;
  font-weight: 400; }
.auth-signup {
  color: var(--light-alpha-f);
  font-weight: 300; }
  .auth-signup a {
    color: var(--surface-light);
    font-weight: 400; }

.blog {
  padding: 77px 0; }
  .blog-card {
    display: flex;
    flex-direction: column;
    gap: 24px; }
    .blog-card__image {
      position: relative;
      overflow: hidden;
      border-radius: 16px;
      border: 1px solid var(--color-accent-alpha-medium); }
      .blog-card__image:hover img {
        transform: scale(1.05); }
      .blog-card__image:hover + .blog-card__title {
        color: var(--light-alpha-f); }
      .blog-card__image img {
        transition: .3s;
        width: var(--p100); }
    .blog-card__title {
      transition: .3s;
      color: var(--surface-light);
      opacity: 1;
      font-size: 22px; }
  .blog-block {
    --bs-gutter-y: 3rem;
    margin-top: 48px; }

.article {
  padding: 77px 0; }
  .article-block {
    display: flex;
    justify-content: center; }
  .article-top {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .article-top__back {
      color: var(--light-alpha-f);
      display: flex;
      align-items: center;
      gap: 16px;
      font-weight: 300;
      transition: .3s; }
      .article-top__back:hover {
        opacity: .75; }
        .article-top__back:hover svg {
          width: 24px; }
      .article-top__back svg {
        transition: all ease .3s;
        fill: var(--light-alpha-b); }
    .article-top__tag {
      background-color: var(--light-alpha-a);
      padding: 6px 16px;
      width: max-content;
      font-size: 14px;
      border-radius: 30px;
      font-weight: 300; }
  .article-head {
    display: flex;
    flex-direction: column;
    gap: 16px; }
    .article-head h1 {
      font-size: 48px; }
    .article-head p {
      font-size: 18px;
      color: var(--light-alpha-f);
      font-weight: 300; }
  .article-cover {
    border: 1px solid var(--color-accent-alpha-medium);
    border-radius: 16px;
    overflow: hidden;
    margin-top: 12px; }
    .article-cover img {
      width: var(--p100); }
  .article-author {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 12px; }
    .article-author span {
      color: var(--light-alpha-f);
      font-weight: 300;
      font-size: 14px; }
    .article-author__profile img {
      width: 48px;
      height: 48px;
      border-radius: var(--p50);
      box-shadow: var(--border-default); }
  .article-content {
    padding: 24px 0; }
    .article-content h2 {
      margin-top: 24px;
      font-size: 24px; }
    .article-content img {
      border: 1px solid var(--color-accent-alpha-medium);
      border-radius: 16px;
      overflow: hidden;
      margin-top: 12px;
      width: var(--p100);
      margin-top: 32px; }
    .article-content p {
      margin-top: 20px;
      font-size: 18px;
      color: var(--light-alpha-f);
      font-weight: 300; }
      .article-content p a {
        color: var(--surface-light);
        border-bottom: 1px solid var(--color-accent); }
      .article-content p span {
        color: var(--surface-light); }

.edd-blocks-form {
  gap: 18px;
  padding: 0;
  width: var(--p100);
  border: none; }
  .edd-blocks-form .edd-blocks-form__group, .edd-blocks-form .edd-blocks-form__group .edd-blocks-form legend {
    display: flex;
    flex-direction: column;
    gap: 8px; }
  .edd-blocks-form .edd-blocks-form__group > label {
    margin: 0;
    font-weight: 400; }
  .edd-blocks-form input[type=email], .edd-blocks-form .edd-blocks-form input[type=password], .edd-blocks-form .edd-blocks-form input[type=tel], .edd-blocks-form .edd-blocks-form input[type=text], .edd-blocks-form .edd-blocks-form select {
    background-color: var(--light-alpha-a);
    border: none;
    box-shadow: none;
    transition: .3s;
    padding: 10px 16px;
    border-radius: 12px;
    outline: none;
    color: var(--surface-light); }
    .edd-blocks-form input[type=email]:hover, .edd-blocks-form .edd-blocks-form input[type=password]:hover, .edd-blocks-form .edd-blocks-form input[type=tel]:hover, .edd-blocks-form .edd-blocks-form input[type=text]:hover, .edd-blocks-form .edd-blocks-form select:hover {
      background-color: var(--light-alpha-b); }
    .edd-blocks-form input[type=email]:focus, .edd-blocks-form .edd-blocks-form input[type=password]:focus, .edd-blocks-form .edd-blocks-form input[type=tel]:focus, .edd-blocks-form .edd-blocks-form input[type=text]:focus, .edd-blocks-form .edd-blocks-form select:focus {
      box-shadow: var(--border-default);
      background-color: transparent; }
    .edd-blocks-form input[type=email]::placeholder, .edd-blocks-form .edd-blocks-form input[type=password]::placeholder, .edd-blocks-form .edd-blocks-form input[type=tel]::placeholder, .edd-blocks-form .edd-blocks-form input[type=text]::placeholder, .edd-blocks-form .edd-blocks-form select::placeholder {
      color: var(--light-alpha-f);
      font-weight: 300; }
.edd-submit.button.blue {
  color: var(--surface-main);
  background-color: var(--surface-light);
  padding: 10px 8px;
  outline: none;
  border: none;
  border-radius: 10px;
  font-weight: 400; }