.yash-create-page {
  min-height:
    calc(100vh - 150px);

  background:
    radial-gradient(
      circle at 75% 5%,
      rgba(106, 42, 17, .13),
      transparent 33%
    ),
    #060606;
}

.yash-create-page__hero {
  padding:
    46px 0 25px;

  text-align:
    center;
}

.yash-create-page__kicker {
  color:
    #c97845;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    12px;

  letter-spacing:
    .16em;
}

.yash-create-page__hero h1 {
  margin:
    8px 0 8px;

  color:
    #eee3d7;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(
      38px,
      4.5vw,
      58px
    );

  font-weight:
    400;
}

.yash-create-page__hero p {
  max-width:
    800px;

  margin:
    auto;

  color:
    #a69b90;

  line-height:
    1.65;
}

.yash-create-page__shell {
  padding-bottom:
    60px;
}

.yash-create-form {
  display:
    grid;

  grid-template-columns:
    minmax(0, 1fr)
    300px;

  overflow:
    hidden;

  border:
    1px solid
    rgba(130, 84, 42, .50);

  background:
    linear-gradient(
      145deg,
      rgba(18, 16, 14, .98),
      rgba(6, 6, 6, .99)
    );

  box-shadow:
    0 30px 80px
    rgba(0, 0, 0, .35);
}

.yash-create-form__main {
  min-width:
    0;

  padding:
    28px;
}

.yash-create-form__routing {
  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap:
    17px;
}

.yash-create-field {
  display:
    block;

  margin:
    0 0 21px;
}

.yash-create-field > span {
  display:
    block;

  margin-bottom:
    8px;

  color:
    #b7aa9d;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    11px;

  font-weight:
    700;

  letter-spacing:
    .06em;
}

.yash-create-field input,
.yash-create-field select,
.yash-create-field textarea {
  width:
    100%;

  box-sizing:
    border-box;

  border:
    1px solid
    rgba(123, 79, 39, .62);

  border-radius:
    0;

  background:
    rgba(2, 2, 2, .72);

  color:
    #ddd1c4;

  outline:
    none;
}

.yash-create-field input,
.yash-create-field select {
  height:
    44px;

  padding:
    0 13px;
}

.yash-create-field input:focus,
.yash-create-field select:focus,
.yash-create-field textarea:focus {
  border-color:
    #b46637;

  box-shadow:
    0 0 0 1px
    rgba(188, 102, 51, .1);
}

.yash-create-field small {
  display:
    block;

  margin-top:
    6px;

  color:
    #777068;

  font-size:
    10px;

  text-align:
    right;
}

.yash-create-destination {
  min-height:
    48px;

  display:
    flex;

  align-items:
    center;

  gap:
    15px;

  margin:
    0 0 23px;

  padding:
    9px 13px;

  box-sizing:
    border-box;

  border:
    1px solid
    rgba(128, 82, 41, .38);

  background:
    linear-gradient(
      90deg,
      rgba(52, 27, 13, .33),
      rgba(8, 8, 8, .60)
    );
}

.yash-create-destination span {
  color:
    #81776e;

  font-size:
    9px;

  font-weight:
    700;

  letter-spacing:
    .11em;
}

.yash-create-destination strong {
  color:
    #d3a16c;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    13px;

  font-weight:
    400;
}

.yash-create-editor {
  overflow:
    hidden;

  border:
    1px solid
    rgba(123, 79, 39, .62);

  background:
    #030303;
}

.yash-create-editor__toolbar {
  min-height:
    39px;

  display:
    flex;

  align-items:
    center;

  padding:
    0 8px;

  border-bottom:
    1px solid
    rgba(116, 75, 39, .4);

  background:
    rgba(17, 15, 13, .9);
}

.yash-create-editor__toolbar > span {
  min-width:
    36px;

  height:
    27px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border-right:
    1px solid
    rgba(105, 74, 47, .24);

  color:
    #a79d94;

  user-select:
    none;
}

.yash-create-editor__eye {
  margin-left:
    auto;
}

.yash-create-editor textarea {
  min-height:
    220px;

  margin:
    0;

  padding:
    15px;

  border:
    0;

  resize:
    vertical;

  line-height:
    1.6;
}

.yash-create-duplicate {
  margin:
    -4px 0 0;

  color:
    #8d847a;

  font-size:
    11px;
}

.yash-create-aside {
  border-left:
    1px solid
    rgba(126, 82, 42, .44);

  background:
    linear-gradient(
      180deg,
      rgba(17, 15, 13, .92),
      rgba(7, 7, 7, .98)
    );
}

.yash-create-aside__mark {
  width:
    62px;

  height:
    62px;

  margin:
    19px auto 4px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  color:
    #c26f3c;

  font-size:
    31px;
}

.yash-create-aside h2 {
  margin:
    0 20px;

  padding:
    0 0 17px;

  border-bottom:
    1px solid
    rgba(112, 76, 44, .33);

  color:
    #cc8d5e;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    15px;

  font-weight:
    400;

  letter-spacing:
    .07em;

  text-align:
    center;
}

.yash-create-tip {
  display:
    grid;

  grid-template-columns:
    44px
    minmax(0, 1fr);

  gap:
    12px;

  margin:
    0 18px;

  padding:
    19px 0;

  border-bottom:
    1px solid
    rgba(108, 73, 42, .26);
}

.yash-create-tip > div {
  width:
    39px;

  height:
    39px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    rgba(150, 94, 46, .5);

  border-radius:
    50%;

  color:
    #c17a45;
}

.yash-create-tip strong {
  color:
    #d1bfac;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    13px;

  font-weight:
    400;
}

.yash-create-tip p {
  margin:
    5px 0 0;

  color:
    #90867c;

  font-size:
    11px;

  line-height:
    1.5;
}

.yash-create-guidelines {
  display:
    block;

  margin-top:
    20px;

  padding:
    16px 20px;

  border-top:
    1px solid
    rgba(112, 76, 44, .34);

  color:
    #938980;

  font-size:
    11px;

  line-height:
    1.5;

  text-decoration:
    none;
}

.yash-create-guidelines strong {
  display:
    block;

  color:
    #c88958;

  font-weight:
    400;
}

.yash-create-actions {
  grid-column:
    1 / -1;

  min-height:
    70px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  gap:
    12px;

  padding:
    12px 28px;

  box-sizing:
    border-box;

  border-top:
    1px solid
    rgba(123, 80, 40, .42);

  background:
    rgba(16, 13, 11, .88);
}

.yash-create-cancel {
  min-width:
    120px;

  height:
    44px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  color:
    #a69c93;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  text-decoration:
    none;
}

.yash-create-submit {
  min-width:
    280px;

  height:
    46px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    32px;

  border:
    1px solid
    #a94f29;

  background:
    linear-gradient(
      180deg,
      rgba(131, 48, 18, .95),
      rgba(62, 24, 10, .98)
    );

  color:
    #efd0a6;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    15px;

  cursor:
    pointer;
}

.yash-create-submit:hover {
  border-color:
    #ca6937;

  color:
    #ffe0b6;
}

@media (max-width: 980px) {

  .yash-create-form {
    grid-template-columns:
      minmax(0, 1fr);
  }

  .yash-create-aside {
    border-top:
      1px solid
      rgba(126, 82, 42, .44);

    border-left:
      0;
  }

}

@media (max-width: 720px) {

  .yash-create-form__routing {
    grid-template-columns:
      minmax(0, 1fr);
  }

  .yash-create-form__main {
    padding:
      17px;
  }

  .yash-create-actions {
    padding:
      12px;

    flex-direction:
      column-reverse;
  }

  .yash-create-cancel,
  .yash-create-submit {
    width:
      100%;

    min-width:
      0;
  }

}






.yash-create-page
~ footer {
  position:
    relative;
}







body:has(.yash-create-page)
.site-logo,
body:has(.yash-create-page)
.site-brand,
body:has(.yash-create-page)
.header-logo,
body:has(.yash-create-page)
.brand,
body:has(.yash-create-page)
.logo,
body:has(.yash-create-page)
.main-header__logo,
body:has(.yash-create-page)
.main-header .brand,
body:has(.yash-create-page)
header a[href="/"] {
  color:
    #d8cab9 !important;

  opacity:
    1 !important;

  text-shadow:
    0 0 18px
    rgba(185, 105, 53, .12);
}






.yash-create-aside {
  position:
    relative;

  padding:
    0;

  border-left:
    1px solid
    rgba(154, 94, 45, .48);

  background:
    linear-gradient(
      180deg,
      rgba(24, 19, 15, .98),
      rgba(9, 8, 7, .99)
    );

  box-shadow:
    inset 12px 0 40px
    rgba(0, 0, 0, .22);
}


.yash-create-aside__header {
  display:
    flex;

  align-items:
    center;

  gap:
    15px;

  padding:
    24px 20px 20px;

  border-bottom:
    1px solid
    rgba(139, 87, 45, .34);

  background:
    radial-gradient(
      circle at 20% 0%,
      rgba(157, 68, 29, .13),
      transparent 56%
    );
}


.yash-create-aside__ember {
  width:
    46px;

  height:
    46px;

  flex:
    0 0 46px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    rgba(190, 105, 49, .52);

  border-radius:
    50%;

  background:
    rgba(78, 31, 13, .24);

  box-shadow:
    inset 0 0 20px
    rgba(181, 77, 29, .11);
}


.yash-create-aside__ember svg {
  width:
    24px;

  height:
    24px;

  fill:
    #c66b37;
}


.yash-create-aside__eyebrow {
  display:
    block;

  margin-bottom:
    4px;

  color:
    #786e65;

  font-size:
    8px;

  font-weight:
    700;

  letter-spacing:
    .15em;
}


.yash-create-aside__header h2 {
  margin:
    0;

  padding:
    0;

  border:
    0;

  color:
    #d28a57;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    16px;

  font-weight:
    400;

  letter-spacing:
    .055em;

  text-align:
    left;
}


.yash-create-tips {
  padding:
    4px 19px 3px;
}


.yash-create-tip {
  display:
    grid;

  grid-template-columns:
    50px
    minmax(0, 1fr);

  gap:
    13px;

  margin:
    0;

  padding:
    21px 0;

  border-bottom:
    1px solid
    rgba(119, 77, 42, .25);
}


.yash-create-tip:last-child {
  border-bottom:
    0;
}


.yash-create-tip__icon {
  width:
    44px;

  height:
    44px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    rgba(183, 102, 50, .48);

  border-radius:
    50%;

  background:
    linear-gradient(
      145deg,
      rgba(79, 34, 15, .24),
      rgba(12, 10, 9, .46)
    );

  box-shadow:
    inset 0 0 16px
    rgba(174, 77, 30, .07);
}


.yash-create-tip__icon svg {
  width:
    21px;

  height:
    21px;

  overflow:
    visible;

  fill:
    none;

  stroke:
    #c37845;

  stroke-width:
    1.45;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


.yash-create-tip__copy strong {
  display:
    block;

  margin-bottom:
    6px;

  color:
    #ddd0c2;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    13px;

  font-weight:
    400;

  line-height:
    1.35;
}


.yash-create-tip__copy p {
  margin:
    0;

  color:
    #91877e;

  font-size:
    10.5px;

  line-height:
    1.55;
}


.yash-create-guidelines {
  display:
    grid;

  grid-template-columns:
    38px
    minmax(0, 1fr)
    18px;

  align-items:
    center;

  gap:
    10px;

  margin:
    8px 18px 20px;

  padding:
    13px;

  border:
    1px solid
    rgba(138, 83, 42, .35);

  background:
    rgba(38, 20, 11, .18);

  color:
    #91857b;

  font-size:
    10px;

  line-height:
    1.45;

  text-decoration:
    none;

  transition:
    border-color .18s ease,
    background .18s ease;
}


.yash-create-guidelines:hover {
  border-color:
    rgba(194, 110, 58, .62);

  background:
    rgba(67, 30, 13, .24);
}


.yash-create-guidelines__icon {
  width:
    34px;

  height:
    34px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    rgba(160, 92, 48, .35);
}


.yash-create-guidelines__icon svg {
  width:
    18px;

  height:
    18px;

  fill:
    none;

  stroke:
    #bd7548;

  stroke-width:
    1.4;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


.yash-create-guidelines strong {
  display:
    block;

  margin-top:
    2px;

  color:
    #cb8353;

  font-weight:
    400;
}


.yash-create-guidelines__arrow {
  color:
    #a9633d;

  font-size:
    16px;
}






.yash-create-duplicate {
  display:
    grid;

  grid-template-columns:
    48px
    minmax(0, 1fr);

  gap:
    13px;

  margin:
    2px 0 4px;

  padding:
    14px 16px;

  border:
    1px solid
    rgba(133, 84, 43, .39);

  background:
    linear-gradient(
      90deg,
      rgba(56, 31, 16, .30),
      rgba(15, 13, 11, .68)
    );
}


.yash-create-duplicate__icon {
  width:
    40px;

  height:
    40px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    rgba(183, 103, 52, .43);

  border-radius:
    50%;

  background:
    rgba(77, 33, 14, .18);
}


.yash-create-duplicate__icon svg {
  width:
    20px;

  height:
    20px;

  fill:
    none;

  stroke:
    #bf7749;

  stroke-width:
    1.45;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


.yash-create-duplicate__icon
.yash-create-duplicate__dot {
  fill:
    #bf7749;

  stroke:
    none;
}


.yash-create-duplicate__copy strong {
  display:
    block;

  margin:
    1px 0 4px;

  color:
    #d5b18e;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    12px;

  font-weight:
    400;
}


.yash-create-duplicate__copy p {
  margin:
    0;

  color:
    #91877e;

  font-size:
    10.5px;

  line-height:
    1.55;
}


@media (max-width: 980px) {

  .yash-create-aside {
    border-left:
      0;

    border-top:
      1px solid
      rgba(154, 94, 45, .48);
  }

}


@media (max-width: 520px) {

  .yash-create-aside__header {
    padding:
      19px 16px 16px;
  }


  .yash-create-tips {
    padding:
      2px 16px;
  }


  .yash-create-guidelines {
    margin:
      8px 16px 17px;
  }


  .yash-create-duplicate {
    grid-template-columns:
      40px
      minmax(0, 1fr);

    padding:
      12px;
  }


  .yash-create-duplicate__icon {
    width:
      36px;

    height:
      36px;
  }

}


.yash-create-language-note {
  display:
    flex;

  align-items:
    flex-start;

  gap:
    10px;

  margin:
    10px 0 0;

  padding:
    10px 12px;

  border:
    1px solid
    rgba(130, 82, 42, .30);

  background:
    rgba(46, 27, 15, .20);

  color:
    #8f857c;

  font-size:
    10.5px;

  line-height:
    1.5;
}


.yash-create-language-note strong {
  color:
    #b89a7d;

  font-weight:
    600;
}


.yash-create-language-note__icon {
  width:
    20px;

  height:
    20px;

  flex:
    0 0 20px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  margin-top:
    1px;
}


.yash-create-language-note__icon svg {
  width:
    18px;

  height:
    18px;

  fill:
    none;

  stroke:
    #b86d42;

  stroke-width:
    1.35;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}






.site-header
.brand {
  color:
    #ded2c3 !important;

  opacity:
    1 !important;

  visibility:
    visible !important;

  filter:
    none !important;

  text-shadow:
    0 0 14px
    rgba(190, 105, 54, .14) !important;
}






.yash-create-form {
  grid-template-columns:
    minmax(0, 1fr)
    370px !important;
}


.yash-create-aside {
  min-width:
    0 !important;

  width:
    100% !important;

  box-sizing:
    border-box !important;

  overflow:
    visible !important;

  padding:
    0 !important;
}






.yash-create-aside__header {
  display:
    grid !important;

  grid-template-columns:
    50px
    minmax(0, 1fr) !important;

  align-items:
    center !important;

  gap:
    15px !important;

  min-height:
    94px !important;

  padding:
    19px 20px !important;

  box-sizing:
    border-box !important;
}


.yash-create-aside__header
> div:last-child {
  min-width:
    0 !important;

  width:
    auto !important;

  height:
    auto !important;

  display:
    block !important;

  overflow:
    visible !important;

  padding:
    0 !important;

  border:
    0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;
}


.yash-create-aside__ember {
  width:
    48px !important;

  height:
    48px !important;

  min-width:
    48px !important;

  max-width:
    48px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.yash-create-aside__eyebrow {
  display:
    block !important;

  width:
    auto !important;

  margin:
    0 0 5px !important;

  color:
    #a99480 !important;

  font-size:
    9px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    .13em !important;

  white-space:
    normal !important;

  overflow:
    visible !important;
}


.yash-create-aside__header
h2 {
  display:
    block !important;

  width:
    auto !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border:
    0 !important;

  color:
    #d58a55 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    17px !important;

  font-weight:
    400 !important;

  line-height:
    1.25 !important;

  letter-spacing:
    .055em !important;

  text-align:
    left !important;

  white-space:
    normal !important;

  overflow:
    visible !important;
}






.yash-create-tips {
  display:
    block !important;

  width:
    auto !important;

  padding:
    4px 20px 8px !important;

  box-sizing:
    border-box !important;
}


.yash-create-tip {
  display:
    grid !important;

  grid-template-columns:
    48px
    minmax(0, 1fr) !important;

  align-items:
    start !important;

  gap:
    14px !important;

  width:
    100% !important;

  margin:
    0 !important;

  padding:
    20px 0 !important;

  box-sizing:
    border-box !important;
}










.yash-create-tip
> .yash-create-tip__icon {
  width:
    44px !important;

  min-width:
    44px !important;

  max-width:
    44px !important;

  height:
    44px !important;

  min-height:
    44px !important;

  max-height:
    44px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  padding:
    0 !important;

  box-sizing:
    border-box !important;
}


.yash-create-tip
> .yash-create-tip__copy {
  min-width:
    0 !important;

  max-width:
    none !important;

  width:
    auto !important;

  height:
    auto !important;

  min-height:
    0 !important;

  max-height:
    none !important;

  display:
    block !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

  overflow:
    visible !important;
}


.yash-create-tip__copy
strong {
  display:
    block !important;

  width:
    auto !important;

  max-width:
    none !important;

  margin:
    0 0 6px !important;

  padding:
    0 !important;

  color:
    #e0d2c3 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    13px !important;

  font-weight:
    400 !important;

  line-height:
    1.35 !important;

  white-space:
    normal !important;

  word-break:
    normal !important;

  overflow-wrap:
    normal !important;
}


.yash-create-tip__copy
p {
  display:
    block !important;

  width:
    auto !important;

  max-width:
    none !important;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    #a0958a !important;

  font-size:
    11px !important;

  line-height:
    1.55 !important;

  white-space:
    normal !important;

  word-break:
    normal !important;

  overflow-wrap:
    break-word !important;
}






.yash-create-guidelines {
  display:
    grid !important;

  grid-template-columns:
    38px
    minmax(0, 1fr)
    18px !important;

  align-items:
    center !important;

  gap:
    11px !important;

  width:
    auto !important;

  margin:
    8px 20px 22px !important;

  padding:
    13px !important;

  box-sizing:
    border-box !important;
}


.yash-create-guidelines
> span:nth-child(2) {
  display:
    block !important;

  width:
    auto !important;

  min-width:
    0 !important;

  max-width:
    none !important;

  height:
    auto !important;

  margin:
    0 !important;

  padding:
    0 !important;

  white-space:
    normal !important;

  overflow:
    visible !important;
}


.yash-create-guidelines
strong {
  display:
    block !important;

  margin-top:
    3px !important;

  font-size:
    11px !important;
}






.yash-create-language-note {
  min-height:
    48px !important;

  align-items:
    center !important;

  gap:
    12px !important;

  margin:
    11px 0 0 !important;

  padding:
    12px 14px !important;

  box-sizing:
    border-box !important;

  color:
    #a99d91 !important;

  font-size:
    12px !important;

  line-height:
    1.55 !important;
}


.yash-create-language-note
strong {
  color:
    #cfaa84 !important;

  font-size:
    12px !important;

  font-weight:
    600 !important;
}


.yash-create-language-note__icon {
  width:
    23px !important;

  min-width:
    23px !important;

  height:
    23px !important;
}


.yash-create-language-note__icon
svg {
  width:
    20px !important;

  height:
    20px !important;
}






@media (max-width: 1200px) {

  .yash-create-form {
    grid-template-columns:
      minmax(0, 1fr)
      335px !important;
  }

}






@media (max-width: 980px) {

  .yash-create-form {
    grid-template-columns:
      minmax(0, 1fr) !important;
  }


  .yash-create-aside {
    width:
      100% !important;

    border-left:
      0 !important;
  }


  .yash-create-tips {
    display:
      grid !important;

    grid-template-columns:
      repeat(
        3,
        minmax(0, 1fr)
      ) !important;

    gap:
      18px !important;
  }


  .yash-create-tip {
    grid-template-columns:
      44px
      minmax(0, 1fr) !important;

    border-bottom:
      0 !important;
  }

}






@media (max-width: 700px) {

  .yash-create-tips {
    grid-template-columns:
      minmax(0, 1fr) !important;
  }


  .yash-create-aside__header {
    padding:
      17px 16px !important;
  }


  .yash-create-tips {
    padding:
      2px 16px 7px !important;
  }


  .yash-create-guidelines {
    margin:
      8px 16px 18px !important;
  }


  .yash-create-language-note {
    font-size:
      11.5px !important;
  }

}