/* line 1, _settings.scss */
:root {
  --bg: var(--draft-bg, #FFFFFF);
  --bg-is-light: var(--draft-bg-is-light, true);
  --bg-minor-shade: var(--draft-bg-minor-shade, #f7f7f7);
  --bg-minor-shade-is-light: var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade: var(--draft-bg-major-shade, #ededed);
  --bg-major-shade-is-light: var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade: var(--draft-bg-half-shade, #808080);
  --bg-half-shade-is-dark: var(--draft-bg-half-shade-is-dark, true);
  --color-heading-text: var(--draft-color-heading-text, #000000);
  --color-heading-text-is-dark: var(--draft-color-heading-text-is-dark, true);
  --color-heading-text-minor-shade: var(--draft-color-heading-text-minor-shade, #1a1a1a);
  --color-heading-text-minor-shade-is-dark: var(--draft-color-heading-text-minor-shade-is-dark, true);
  --color-heading-text-major-shade: var(--draft-color-heading-text-major-shade, #333333);
  --color-heading-text-major-shade-is-dark: var(--draft-color-heading-text-major-shade-is-dark, true);
  --color-heading-text-half-shade: var(--draft-color-heading-text-half-shade, #808080);
  --color-heading-text-half-shade-is-dark: var(--draft-color-heading-text-half-shade-is-dark, true);
  --color-text: var(--draft-color-text, #000000);
  --color-text-is-dark: var(--draft-color-text-is-dark, true);
  --color-text-minor-shade: var(--draft-color-text-minor-shade, #1a1a1a);
  --color-text-minor-shade-is-dark: var(--draft-color-text-minor-shade-is-dark, true);
  --color-text-major-shade: var(--draft-color-text-major-shade, #333333);
  --color-text-major-shade-is-dark: var(--draft-color-text-major-shade-is-dark, true);
  --color-text-half-shade: var(--draft-color-text-half-shade, #808080);
  --color-text-half-shade-is-dark: var(--draft-color-text-half-shade-is-dark, true);
  --color-text-light: var(--draft-color-text-light, #939393);
  --color-text-light-is-dark: var(--draft-color-text-light-is-dark, true);
  --color-text-light-minor-shade: var(--draft-color-text-light-minor-shade, #a3a3a3);
  --color-text-light-minor-shade-is-dark: var(--draft-color-text-light-minor-shade-is-dark, true);
  --color-text-light-major-shade: var(--draft-color-text-light-major-shade, #b1b1b1);
  --color-text-light-major-shade-is-light: var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade: var(--draft-color-text-light-half-shade, #dedede);
  --color-text-light-half-shade-is-light: var(--draft-color-text-light-half-shade-is-light, true);
  --color-accent-text: var(--draft-color-accent-text, #000000);
  --color-accent-text-is-dark: var(--draft-color-accent-text-is-dark, true);
  --color-accent-text-minor-shade: var(--draft-color-accent-text-minor-shade, #1a1a1a);
  --color-accent-text-minor-shade-is-dark: var(--draft-color-accent-text-minor-shade-is-dark, true);
  --color-accent-text-major-shade: var(--draft-color-accent-text-major-shade, #333333);
  --color-accent-text-major-shade-is-dark: var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade: var(--draft-color-accent-text-half-shade, #808080);
  --color-accent-text-half-shade-is-dark: var(--draft-color-accent-text-half-shade-is-dark, true);
  --color-sale-text: var(--draft-color-sale-text, #F94C43);
  --color-sale-text-is-dark: var(--draft-color-sale-text-is-dark, true);
  --color-sale-text-minor-shade: var(--draft-color-sale-text-minor-shade, #fa6962);
  --color-sale-text-minor-shade-is-dark: var(--draft-color-sale-text-minor-shade-is-dark, true);
  --color-sale-text-major-shade: var(--draft-color-sale-text-major-shade, #fb8680);
  --color-sale-text-major-shade-is-dark: var(--draft-color-sale-text-major-shade-is-dark, true);
  --color-sale-text-half-shade: var(--draft-color-sale-text-half-shade, #fededc);
  --color-sale-text-half-shade-is-light: var(--draft-color-sale-text-half-shade-is-light, true);
  --color-border: var(--draft-color-border, #E5E5E5);
  --color-border-is-light: var(--draft-color-border-is-light, true);
  --color-border-minor-shade: var(--draft-color-border-minor-shade, #dfdfdf);
  --color-border-minor-shade-is-light: var(--draft-color-border-minor-shade-is-light, true);
  --color-border-major-shade: var(--draft-color-border-major-shade, #d5d5d5);
  --color-border-major-shade-is-light: var(--draft-color-border-major-shade-is-light, true);
  --color-border-half-shade: var(--draft-color-border-half-shade, #737373);
  --color-border-half-shade-is-dark: var(--draft-color-border-half-shade-is-dark, true);
  --color-btn-bg: var(--draft-color-btn-bg, #373435);
  --color-btn-bg-is-dark: var(--draft-color-btn-bg-is-dark, true);
  --color-btn-bg-minor-shade: var(--draft-color-btn-bg-minor-shade, #4c4749);
  --color-btn-bg-minor-shade-is-dark: var(--draft-color-btn-bg-minor-shade-is-dark, true);
  --color-btn-bg-major-shade: var(--draft-color-btn-bg-major-shade, #615b5d);
  --color-btn-bg-major-shade-is-dark: var(--draft-color-btn-bg-major-shade-is-dark, true);
  --color-btn-bg-half-shade: var(--draft-color-btn-bg-half-shade, #9d9799);
  --color-btn-bg-half-shade-is-dark: var(--draft-color-btn-bg-half-shade-is-dark, true);
  --color-btn-color: var(--draft-color-btn-color, #FFFFFF);
  --color-btn-color-is-light: var(--draft-color-btn-color-is-light, true);
  --color-btn-color-minor-shade: var(--draft-color-btn-color-minor-shade, #f7f7f7);
  --color-btn-color-minor-shade-is-light: var(--draft-color-btn-color-minor-shade-is-light, true);
  --color-btn-color-major-shade: var(--draft-color-btn-color-major-shade, #ededed);
  --color-btn-color-major-shade-is-light: var(--draft-color-btn-color-major-shade-is-light, true);
  --color-btn-color-half-shade: var(--draft-color-btn-color-half-shade, #808080);
  --color-btn-color-half-shade-is-dark: var(--draft-color-btn-color-half-shade-is-dark, true);
  --icons_pack: var(--draft-icons_pack, minimal);
  --controls-btn-border-radius: var(--draft-controls-btn-border-radius, 0px);
  --color-notice-warning: var(--draft-color-notice-warning, #C9C9C9);
  --color-notice-warning-is-light: var(--draft-color-notice-warning-is-light, true);
  --color-notice-warning-minor-shade: var(--draft-color-notice-warning-minor-shade, #c3c3c3);
  --color-notice-warning-minor-shade-is-light: var(--draft-color-notice-warning-minor-shade-is-light, true);
  --color-notice-warning-major-shade: var(--draft-color-notice-warning-major-shade, #bbbbbb);
  --color-notice-warning-major-shade-is-light: var(--draft-color-notice-warning-major-shade-is-light, true);
  --color-notice-warning-half-shade: var(--draft-color-notice-warning-half-shade, #656565);
  --color-notice-warning-half-shade-is-dark: var(--draft-color-notice-warning-half-shade-is-dark, true);
  --color-notice-success: var(--draft-color-notice-success, #C9C9C9);
  --color-notice-success-is-light: var(--draft-color-notice-success-is-light, true);
  --color-notice-success-minor-shade: var(--draft-color-notice-success-minor-shade, #c3c3c3);
  --color-notice-success-minor-shade-is-light: var(--draft-color-notice-success-minor-shade-is-light, true);
  --color-notice-success-major-shade: var(--draft-color-notice-success-major-shade, #bbbbbb);
  --color-notice-success-major-shade-is-light: var(--draft-color-notice-success-major-shade-is-light, true);
  --color-notice-success-half-shade: var(--draft-color-notice-success-half-shade, #656565);
  --color-notice-success-half-shade-is-dark: var(--draft-color-notice-success-half-shade-is-dark, true);
  --color-notice-error: var(--draft-color-notice-error, #C9C9C9);
  --color-notice-error-is-light: var(--draft-color-notice-error-is-light, true);
  --color-notice-error-minor-shade: var(--draft-color-notice-error-minor-shade, #c3c3c3);
  --color-notice-error-minor-shade-is-light: var(--draft-color-notice-error-minor-shade-is-light, true);
  --color-notice-error-major-shade: var(--draft-color-notice-error-major-shade, #bbbbbb);
  --color-notice-error-major-shade-is-light: var(--draft-color-notice-error-major-shade-is-light, true);
  --color-notice-error-half-shade: var(--draft-color-notice-error-half-shade, #656565);
  --color-notice-error-half-shade-is-dark: var(--draft-color-notice-error-half-shade-is-dark, true);
  --color-notice-info: var(--draft-color-notice-info, #C9C9C9);
  --color-notice-info-is-light: var(--draft-color-notice-info-is-light, true);
  --color-notice-info-minor-shade: var(--draft-color-notice-info-minor-shade, #c3c3c3);
  --color-notice-info-minor-shade-is-light: var(--draft-color-notice-info-minor-shade-is-light, true);
  --color-notice-info-major-shade: var(--draft-color-notice-info-major-shade, #bbbbbb);
  --color-notice-info-major-shade-is-light: var(--draft-color-notice-info-major-shade-is-light, true);
  --color-notice-info-half-shade: var(--draft-color-notice-info-half-shade, #656565);
  --color-notice-info-half-shade-is-dark: var(--draft-color-notice-info-half-shade-is-dark, true);
  --tt: var(--draft-tt, true);
  --font-size: var(--draft-font-size, 16px);
  --heading-ratio: var(--draft-heading-ratio, 1.9);
  --heading-weight: var(--draft-heading-weight, 400);
  --collection_count: var(--draft-collection_count, 24);
  --search_count: var(--draft-search_count, 12);
  --blog_size: var(--draft-blog_size, 8);
  --product_not_available: var(--draft-product_not_available, preorder);
  --layout-content-max-width: var(--draft-layout-content-max-width, 1440px);
  --delta_sidebar: var(--draft-delta_sidebar, 1);
  --type_sidebar: var(--draft-type_sidebar, sticky);
  --sidebar_index_show: var(--draft-sidebar_index_show, false);
  --sidebar_index_position: var(--draft-sidebar_index_position, left);
  --sidebar_collection_show: var(--draft-sidebar_collection_show, false);
  --sidebar_collection_position: var(--draft-sidebar_collection_position, left);
  --sidebar_cart_show: var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position: var(--draft-sidebar_cart_position, left);
  --sidebar_product_show: var(--draft-sidebar_product_show, false);
  --sidebar_product_position: var(--draft-sidebar_product_position, left);
  --sidebar_blog_show: var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position: var(--draft-sidebar_blog_position, left);
  --sidebar_article_show: var(--draft-sidebar_article_show, false);
  --sidebar_article_position: var(--draft-sidebar_article_position, left);
  --sidebar_page_show: var(--draft-sidebar_page_show, false);
  --sidebar_page_position: var(--draft-sidebar_page_position, left);
  --sidebar_compare_show: var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position: var(--draft-sidebar_compare_position, left);
  --sidebar_search_show: var(--draft-sidebar_search_show, false);
  --sidebar_search_position: var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled: var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled: var(--draft-favorite_enabled, true); }

/* line 4, theme.scss */
.outside-widgets .delete-widget-link {
  display: none; }

/* line 8, theme.scss */
.outside-widgets .add-widget-link {
  display: none; }

/* line 12, theme.scss */
[data-fixed-panels] .delete-widget-link {
  display: none; }

@media (max-width: 768px) {
  /* line 17, theme.scss */
  [style*="--is-editor:true"] .outside-widgets {
    display: none; }

  /* line 20, theme.scss */
  .edit-widget-buttons .widget-name {
    display: none !important; }

  /* line 23, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* line 28, theme.scss */
.sticker-preorder {
  display: none !important; }

/* line 32, theme.scss */
#email_request {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; }
  /* line 35, theme.scss */
  #email_request * {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important; }
  /* line 39, theme.scss */
  #email_request img {
    filter: grayscale(1); }
  /* line 42, theme.scss */
  #email_request #send {
    background: var(--color-btn-bg) !important;
    font-weight: normal !important; }

@font-face {
  font-family: Futura;
  src: url(FuturaPTLight.otf) format("opentype");
  font-weight: 300;
  font-display: swap; }
@font-face {
  font-family: Futura;
  src: url(FuturaPTBook.otf) format("opentype");
  font-weight: 400;
  font-display: swap; }
@font-face {
  font-family: Futura;
  src: url(FuturaPTMedium.otf) format("opentype");
  font-weight: 600;
  font-display: swap; }
/* line 65, theme.scss */
[style*="--tt:true"] .tt {
  text-transform: uppercase; }

/* line 66, theme.scss */
.heading {
  color: var(--color-heading-text); }

/* line 69, theme.scss */
.co-title--h2 {
  color: var(--color-heading-text);
  font-family: var(--font-family-heading);
  font-weight: var(--heading-weight);
  font-size: 1.2rem;
  margin-top: 2rem; }

/* line 70, theme.scss */
.Heading {
  color: var(--color-heading-text);
  font-family: var(--font-family-heading);
  font-weight: var(--heading-weight); }

/* line 71, theme.scss */
.layout {
  padding-left: 70px;
  padding-right: 70px; }
  @media screen and (max-width: 1024px) {
    /* line 71, theme.scss */
    .layout {
      padding-left: 50px;
      padding-right: 50px; } }
  @media screen and (max-width: 767px) {
    /* line 71, theme.scss */
    .layout {
      padding-left: 24px;
      padding-right: 24px; } }

/* line 76, theme.scss */
.fslightbox-nav, .fslightbox-slide-btn-container {
  display: none; }

/* line 77, theme.scss */
.fslightbox-container {
  background: var(--bg); }

/* line 78, theme.scss */
.fslightbox-open .fs-nav {
  transform: translateY(0);
  opacity: 1; }

/* line 80, theme.scss */
header.fixed {
  top: 0;
  position: sticky;
  z-index: 2; }

/*Checkout*/
/* line 85, theme.scss */
.checkout .co-checkout-block--padded {
  padding: 0; }
/* line 86, theme.scss */
.checkout .layout__content {
  max-width: 1100px;
  display: grid;
  grid-template-columns: 1fr 42%;
  grid-template-areas: '. sidebar' '. sidebar'; }
  @media screen and (max-width: 767px) {
    /* line 86, theme.scss */
    .checkout .layout__content {
      grid-template-columns: 100%;
      grid-template-areas: '.' 'sidebar' '.'; } }
  /* line 89, theme.scss */
  .checkout .layout__content .header {
    text-align: center;
    padding: 4rem 4rem 0 0; }
    @media screen and (max-width: 767px) {
      /* line 89, theme.scss */
      .checkout .layout__content .header {
        padding: 2rem 0 1rem; } }
    /* line 93, theme.scss */
    .checkout .layout__content .header .logo img {
      max-width: 150px;
      max-height: 50px;
      display: inline-block;
      vertical-align: top; }
    /* line 95, theme.scss */
    .checkout .layout__content .header .breadcrumbs {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      margin: 1rem 0 0;
      list-style-type: none;
      grid-gap: 8px; }
      /* line 96, theme.scss */
      .checkout .layout__content .header .breadcrumbs li {
        display: inline-flex;
        align-items: center;
        grid-gap: 8px; }
        /* line 97, theme.scss */
        .checkout .layout__content .header .breadcrumbs li svg {
          width: 10px;
          height: 10px; }
        /* line 98, theme.scss */
        .checkout .layout__content .header .breadcrumbs li a, .checkout .layout__content .header .breadcrumbs li span {
          color: var(--color-text);
          display: inline-block;
          vertical-align: top;
          transition: color .2s ease;
          text-decoration: none; }
          /* line 99, theme.scss */
          .checkout .layout__content .header .breadcrumbs li a:hover, .checkout .layout__content .header .breadcrumbs li span:hover {
            color: var(--color-accent-text); }
  /* line 104, theme.scss */
  .checkout .layout__content .list {
    padding: 0 4rem 2rem 0; }
    @media screen and (max-width: 767px) {
      /* line 104, theme.scss */
      .checkout .layout__content .list {
        padding: 0 0 2rem; } }
    /* line 107, theme.scss */
    .checkout .layout__content .list .form-control, .checkout .layout__content .list .co-input-field, .checkout .layout__content .list .m-input-field {
      border-radius: 5px;
      border-color: var(--color-border);
      height: 50px;
      box-shadow: none;
      padding: 0 20px; }
      /* line 108, theme.scss */
      .checkout .layout__content .list .form-control[rows], .checkout .layout__content .list .co-input-field[rows], .checkout .layout__content .list .m-input-field[rows] {
        padding-top: 15px; }
      /* line 109, theme.scss */
      .checkout .layout__content .list .form-control::placeholder, .checkout .layout__content .list .co-input-field::placeholder, .checkout .layout__content .list .m-input-field::placeholder {
        color: var(--color-text-light); }
      @media screen and (max-width: 767px) {
        /* line 107, theme.scss */
        .checkout .layout__content .list .form-control, .checkout .layout__content .list .co-input-field, .checkout .layout__content .list .m-input-field {
          padding: 0 15px; } }
    /* line 112, theme.scss */
    .checkout .layout__content .list .co-toggable_field--bordered {
      border: 1px solid var(--color-border);
      padding: 8px 20px;
      flex-flow: row; }
      @media screen and (max-width: 767px) {
        /* line 112, theme.scss */
        .checkout .layout__content .list .co-toggable_field--bordered {
          padding: 5px 15px; } }
      /* line 115, theme.scss */
      .checkout .layout__content .list .co-toggable_field--bordered .co-payment_method-information {
        padding: 0; }
      /* line 116, theme.scss */
      .checkout .layout__content .list .co-toggable_field--bordered .co-toggable_field-input span {
        color: var(--color-accent-text); }
      /* line 117, theme.scss */
      .checkout .layout__content .list .co-toggable_field--bordered .co-toggable_field-price {
        font-size: 1rem;
        font-weight: var(--heading-weight); }
      /* line 118, theme.scss */
      .checkout .layout__content .list .co-toggable_field--bordered .co-toggable_field-title {
        font-size: 1rem; }
      /* line 119, theme.scss */
      .checkout .layout__content .list .co-toggable_field--bordered #create_order {
        text-transform: uppercase; }
    /* line 121, theme.scss */
    .checkout .layout__content .list .co-input-title {
      font-size: 1rem; }
  /* line 123, theme.scss */
  .checkout .layout__content .sidebar {
    position: relative;
    z-index: 0;
    padding: 4rem 0 0 3rem;
    grid-area: sidebar; }
    /* line 124, theme.scss */
    .checkout .layout__content .sidebar .co-sidebar-toggler {
      font-size: 1rem;
      background-color: transparent;
      padding-left: 0;
      padding-right: 0;
      box-shadow: none; }
      /* line 125, theme.scss */
      .checkout .layout__content .sidebar .co-sidebar-toggler .co-basket_total-price {
        font-size: 1.2rem;
        font-weight: var(--heading-weight); }
    @media screen and (max-width: 767px) {
      /* line 123, theme.scss */
      .checkout .layout__content .sidebar {
        padding: 0; } }
    /* line 128, theme.scss */
    .checkout .layout__content .sidebar:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100%;
      background-color: #fafafa;
      box-shadow: 1px 0 0 #e1e1e1 inset;
      z-index: -1; }
      @media screen and (max-width: 767px) {
        /* line 128, theme.scss */
        .checkout .layout__content .sidebar:before {
          border-top: 1px solid var(--color-border);
          border-bottom: 1px solid var(--color-border);
          box-shadow: none;
          left: -24px;
          width: auto;
          right: -24px; } }
    /* line 132, theme.scss */
    .checkout .layout__content .sidebar .co-sidebar {
      width: 100%;
      box-shadow: none;
      overflow: visible;
      position: initial; }
      /* line 133, theme.scss */
      .checkout .layout__content .sidebar .co-sidebar-wrapper {
        position: sticky;
        top: 4rem; }
        @media screen and (max-width: 767px) {
          /* line 133, theme.scss */
          .checkout .layout__content .sidebar .co-sidebar-wrapper {
            position: initial; } }
      @media screen and (max-width: 767px) {
        /* line 132, theme.scss */
        .checkout .layout__content .sidebar .co-sidebar {
          padding-bottom: 1rem; } }
      /* line 138, theme.scss */
      .checkout .layout__content .sidebar .co-sidebar .co-basket_item {
        position: relative; }
        /* line 139, theme.scss */
        .checkout .layout__content .sidebar .co-sidebar .co-basket_item-total {
          font-size: 0; }
        /* line 140, theme.scss */
        .checkout .layout__content .sidebar .co-sidebar .co-basket_item-count {
          position: absolute;
          top: -9px;
          left: 52px;
          width: 21px;
          height: 21px;
          border-radius: 50%;
          background-color: var(--color-btn-bg);
          color: var(--color-btn-color);
          font-size: .9rem;
          display: flex;
          align-items: center;
          justify-content: center; }
        /* line 141, theme.scss */
        .checkout .layout__content .sidebar .co-sidebar .co-basket_item-image_container {
          flex: 0 1 64px;
          border: 1px solid var(--color-border); }
      /* line 143, theme.scss */
      .checkout .layout__content .sidebar .co-sidebar .co-basket_subtotal {
        margin-top: .5rem; }
        /* line 144, theme.scss */
        .checkout .layout__content .sidebar .co-sidebar .co-basket_subtotal:first-child {
          margin-top: 0; }
      /* line 146, theme.scss */
      .checkout .layout__content .sidebar .co-sidebar .co-basket_total {
        font-size: 1.3rem; }
      /* line 147, theme.scss */
      .checkout .layout__content .sidebar .co-sidebar .co-basket_subtotal-list {
        border-color: var(--color-border);
        padding: 1.5rem 0; }
      /* line 149, theme.scss */
      .checkout .layout__content .sidebar .co-sidebar .co-price--current {
        font-size: 1rem;
        font-weight: var(--heading-weight); }
        /* line 150, theme.scss */
        .checkout .layout__content .sidebar .co-sidebar .co-price--current#total_price {
          font-size: 1.5rem; }

/* line 156, theme.scss */
.co-menu-switcher:checked + label + .co-menu {
  display: block;
  margin: -1rem 0 2rem; }

/* line 158, theme.scss */
.co-input--error .co-input-field, .co-input--error .m-input-field {
  border-color: val(--color-sale-text);
  border-radus: 5px; }
/* line 159, theme.scss */
.co-input--error .co-input-notice {
  background-color: val(--color-sale-text);
  color: #fff;
  font-size: .8rem;
  line-height: 180%;
  margin: 0;
  padding: 4px 24px;
  text-align: left; }

/* line 161, theme.scss */
.layout .co-modal-button, .layout button.co-button--checkout, .layout button.co-button.co-form-button {
  display: inline-block;
  border-radius: 5px;
  padding: 14px 48px;
  text-transform: uppercase;
  background-color: var(--bg) !important;
  color: var(--color-btn-color);
  border: 1px solid var(--color-btn-bg);
  text-decoration: none;
  text-align: center;
  position: relative;
  z-index: 0;
  transition: all .3s ease;
  font-size: .9rem;
  letter-spacing: .1rem;
  height: 48px; }
  /* line 162, theme.scss */
  .layout .co-modal-button:hover:before, .layout button.co-button--checkout:hover:before, .layout button.co-button.co-form-button:hover:before {
    transform-origin: right center;
    transform: scale(0, 1); }
  /* line 163, theme.scss */
  .layout .co-modal-button:hover, .layout button.co-button--checkout:hover, .layout button.co-button.co-form-button:hover {
    color: var(--color-btn-bg); }
  @media screen and (max-width: 767px) {
    /* line 161, theme.scss */
    .layout .co-modal-button, .layout button.co-button--checkout, .layout button.co-button.co-form-button {
      max-width: 100%;
      padding-left: 5px;
      padding-right: 5px; } }
  /* line 165, theme.scss */
  .layout .co-modal-button:before, .layout button.co-button--checkout:before, .layout button.co-button.co-form-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: left center;
    transform: scale(1, 1);
    transition: transform .3s ease;
    background-color: var(--color-btn-bg);
    z-index: -1; }

/*Account*/
/* line 169, theme.scss */
.layout.account {
  padding-top: 4rem;
  padding-bottom: 8rem; }
  /* line 170, theme.scss */
  .layout.account .layout__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 4rem;
    align-items: flex-start; }
    @media screen and (max-width: 767px) {
      /* line 170, theme.scss */
      .layout.account .layout__content {
        display: block; } }
    /* line 172, theme.scss */
    .layout.account .layout__content.client {
      grid-template-columns: 225px 1fr; }
  /* line 174, theme.scss */
  .layout.account .co-adress-editor {
    max-width: 550px; }
  @media screen and (max-width: 767px) {
    /* line 169, theme.scss */
    .layout.account {
      padding-top: 2rem;
      padding-bottom: 2rem; } }
  /* line 177, theme.scss */
  .layout.account .co-checkout-block--padded {
    padding: 0; }
  /* line 178, theme.scss */
  .layout.account .co-toggable_field-title {
    font-size: 1rem; }
  /* line 179, theme.scss */
  .layout.account .co-title--h1 {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      /* line 179, theme.scss */
      .layout.account .co-title--h1 {
        font-size: 1.4rem; } }
  /* line 182, theme.scss */
  .layout.account .co-menu {
    display: flex;
    flex-flow: column; }
    @media screen and (max-width: 767px) {
      /* line 182, theme.scss */
      .layout.account .co-menu {
        margin-top: 0;
        display: none; } }
    /* line 184, theme.scss */
    .layout.account .co-menu-toggle {
      margin-bottom: 2rem; }
    /* line 186, theme.scss */
    .layout.account .co-menu-item {
      flex: none;
      margin: 0; }
      /* line 187, theme.scss */
      .layout.account .co-menu-item + .co-menu-item {
        margin-top: 10px; }
    /* line 189, theme.scss */
    .layout.account .co-menu-link {
      text-decoration: none;
      padding: 15px;
      background-color: var(--color-btn-bg);
      border: 1px solid var(--color-btn-bg);
      color: var(--color-btn-color);
      display: block;
      text-align: center;
      text-transform: uppercase;
      font-size: .9rem;
      transition: all .2s ease; }
      @media screen and (min-width: 768px) {
        /* line 190, theme.scss */
        .layout.account .co-menu-link:hover {
          background-color: var(--bg);
          color: var(--color-btn-bg); } }
      @media screen and (max-width: 767px) {
        /* line 189, theme.scss */
        .layout.account .co-menu-link {
          padding: 10px; } }
  /* line 196, theme.scss */
  .layout.account .co-section--content_block, .layout.account .co-login {
    max-width: 550px;
    margin: 0;
    display: block; }
  /* line 197, theme.scss */
  .layout.account .form-control, .layout.account .co-input-field, .layout.account .m-input-field {
    border-radius: 5px;
    padding: 12px 24px;
    border-color: var(--color-border);
    transition: border .2s ease;
    height: auto;
    box-shadow: none; }
    /* line 198, theme.scss */
    .layout.account .form-control:focus, .layout.account .co-input-field:focus, .layout.account .m-input-field:focus {
      border-color: var(--color-accent-text); }
    /* line 199, theme.scss */
    .layout.account .form-control::placeholder, .layout.account .co-input-field::placeholder, .layout.account .m-input-field::placeholder {
      color: var(--color-text-light); }

/* line 202, theme.scss */
.co-input--error .co-input-notice {
  color: #ff0000; }

/*Animation button*/
@-webkit-keyframes buttonFromLeftToRight {
  0% {
    transform: translateX(0%); }
  25% {
    opacity: 0;
    transform: translateX(100%); }
  50% {
    opacity: 0;
    transform: translateX(-100%); }
  75% {
    opacity: 1;
    transform: translateX(0%); } }
@keyframes buttonFromLeftToRight {
  0% {
    transform: translateX(0%); }
  25% {
    opacity: 0;
    transform: translateX(100%); }
  50% {
    opacity: 0;
    transform: translateX(-100%); }
  75% {
    opacity: 1;
    transform: translateX(0%); } }
@-webkit-keyframes buttonFromRightToLeft {
  0% {
    transform: translateX(0%); }
  25% {
    opacity: 0;
    transform: translateX(-100%); }
  50% {
    opacity: 0;
    transform: translateX(100%); }
  75% {
    opacity: 1;
    transform: translateX(0%); } }
@keyframes buttonFromRightToLeft {
  0% {
    transform: translateX(0%); }
  25% {
    opacity: 0;
    transform: translateX(-100%); }
  50% {
    opacity: 0;
    transform: translateX(100%); }
  75% {
    opacity: 1;
    transform: translateX(0%); } }
@-webkit-keyframes buttonFromTopToBottom {
  0% {
    transform: translateY(0%); }
  25% {
    opacity: 0;
    transform: translateY(100%); }
  50% {
    opacity: 0;
    transform: translateY(-100%); }
  75% {
    opacity: 1;
    transform: translateY(0%); } }
@keyframes buttonFromTopToBottom {
  0% {
    transform: translateY(0%); }
  25% {
    opacity: 0;
    transform: translateY(100%); }
  50% {
    opacity: 0;
    transform: translateY(-100%); }
  75% {
    opacity: 1;
    transform: translateY(0%); } }
@-webkit-keyframes shopTheLookDotKeyframe {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.05); }
  100% {
    transform: scale(1); } }
@keyframes shopTheLookDotKeyframe {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.05); }
  100% {
    transform: scale(1); } }
