/* stylelint-disable */
.Drawer {
  --drawer-header-item-padding-right: 0;
}
.Drawer .Modal-Window {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow: auto;
    outline: none;
    border: none;
    inline-size: var(--drawer-width);
    border-radius: var(--drawer-border-radius);
    box-shadow: var(--shadow-l);
  }
.Drawer-Header,
  .Drawer-Footer {
    background-color: inherit;
  }
.Drawer-Header {
    padding: var(--drawer-space-size) var(--drawer-space-size)
      var(--drawer-padding-bottom);
  }
.Drawer-Title {
    margin: 0;
    -webkit-padding-end: var(--drawer-header-item-padding-right);
            padding-inline-end: var(--drawer-header-item-padding-right);
  }
.Drawer-Subtitle {
    color: var(--color-content-base-secondary);
    -webkit-margin-before: 8px;
            margin-block-start: 8px;
    -webkit-padding-end: var(--drawer-header-item-padding-right);
            padding-inline-end: var(--drawer-header-item-padding-right);
  }
.Drawer-Body {
    padding: 0 var(--drawer-space-size);
    flex-grow: 1;
    box-sizing: border-box;
    overflow: auto;
  }
.Drawer-Body:first-child {
    -webkit-margin-before: var(--drawer-body-first-child-margin-top);
            margin-block-start: var(--drawer-body-first-child-margin-top);
  }
.Drawer-Body:last-child {
    -webkit-margin-after: var(--drawer-space-size);
            margin-block-end: var(--drawer-space-size);
  }
.Drawer-Footer {
    padding: var(--drawer-space-size);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
  }
.Drawer_variant_small {
      --drawer-width: 320px;
    }
.Drawer_variant_medium {
      --drawer-width: 480px;
    }
.Drawer_variant_large {
      --drawer-width: 640px;
    }
.Drawer_size_s {
      --drawer-space-size: 24px;
      --drawer-padding-bottom: 16px;
      --drawer-body-first-child-margin-top: 40px;
      --drawer-body-last-child-margin-bottom: var(--dialog-space-size);
      --drawer-subtitle-margin-top: 4px;
    }
.Drawer_size_s .Drawer-Title {
        font: var(--typography-heading-xl-font);
        text-transform: var(--typography-heading-xl-text_transform, none);
        letter-spacing: var(--typography-heading-xl-letter_spacing, 0);
      }
.Drawer_size_s .Drawer-Caption {
        font: var(--typography-text-s-font);
        text-transform: var(--typography-text-s-text_transform, none);
        letter-spacing: var(--typography-text-s-letter_spacing, 0);
      }
.Drawer_size_l {
      --drawer-space-size: 32px;
      --drawer-padding-bottom: 24px;
      --drawer-body-first-child-margin-top: 56px;
      --drawer-body-last-child-margin-bottom: var(--dialog-space-size);
      --drawer-subtitle-margin-top: 8px;
    }
.Drawer_size_l .Drawer-Title {
        font: var(--typography-heading-2xl-font);
        text-transform: var(--typography-heading-2xl-text_transform, none);
        letter-spacing: var(--typography-heading-2xl-letter_spacing, 0);
      }
.Drawer_size_l .Drawer-Caption {
        font: var(--typography-text-l-font);
        text-transform: var(--typography-text-l-text_transform, none);
        letter-spacing: var(--typography-text-l-letter_spacing, 0);
      }
.Drawer_placement_right {
      --drawer-start-position: 100%;
      --drawer-border-radius: var(--border-radius-m) 0 0 var(--border-radius-m);
      justify-content: flex-end;
    }
.Drawer_placement_left {
      --drawer-start-position: -100%;
      --drawer-border-radius: 0 var(--border-radius-m) var(--border-radius-m) 0;
      justify-content: flex-start;
    }
.Drawer_hasCloseButton {
    --drawer-header-item-padding-right: 24px;
  }
.IconButton.Drawer-CloseButton {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-end: 8px;
}
.Drawer_animation-enter .Modal-Window {
      transform: translate(var(--drawer-start-position), 0);
    }
.Drawer_animation-enter-active .Modal-Window {
      transition: transform var(--transition-slow);
      transform: translate(0, 0);
    }
.Drawer_animation-enter-done .Modal-Window {
      transform: translate(0, 0);
    }
.Drawer_animation-exit .Modal-Window {
      visibility: visible;
      transform: translate(0, 0);
    }
.Drawer_animation-exit-active .Modal-Window {
      visibility: visible;
      transition: transform var(--transition-slow);
      transform: translate(var(--drawer-start-position), 0);
    }
.Drawer_animation-exit-done .Modal-Window {
      visibility: hidden;
      transform: translate(var(--drawer-start-position), 0);
    }