/* Start:/brand/css/style.css?175128285567770*/
.VV23_Brandbook {
  color: var(--light-primary);
}
.VV23_Brandbook .h0,
.VV23_Brandbook .h0_desktop,
.VV23_Brandbook .h0_tablet,
.VV23_Brandbook .h0_mobile,
.VV23_Brandbook .h1,
.VV23_Brandbook .h1_desktop,
.VV23_Brandbook .h1_tablet,
.VV23_Brandbook .h1_mobile,
.VV23_Brandbook .h2,
.VV23_Brandbook .h2_desktop,
.VV23_Brandbook .h2_tablet,
.VV23_Brandbook .h2_mobile,
.VV23_Brandbook .h3,
.VV23_Brandbook .h3_desktop,
.VV23_Brandbook .h3_tablet,
.VV23_Brandbook .h3_mobile,
.VV23_Brandbook .h4,
.VV23_Brandbook .h4_desktop,
.VV23_Brandbook .h4_tablet,
.VV23_Brandbook .h4_mobile,
.VV23_Brandbook .h4_article,
.VV23_Brandbook .h4_article_desktop,
.VV23_Brandbook .h4_article_tablet,
.VV23_Brandbook .h4_article_mobile,
.VV23_Brandbook .h5,
.VV23_Brandbook .h5_desktop,
.VV23_Brandbook .h5_tablet,
.VV23_Brandbook .h5_mobile,
.VV23_Brandbook .h6,
.VV23_Brandbook .h6_desktop,
.VV23_Brandbook .h6_tablet,
.VV23_Brandbook .h6_mobile {
  font-weight: 500;
}
.VV23_Brandbook .h0 b,
.VV23_Brandbook .h0_desktop b,
.VV23_Brandbook .h0_tablet b,
.VV23_Brandbook .h0_mobile b,
.VV23_Brandbook .h1 b,
.VV23_Brandbook .h1_desktop b,
.VV23_Brandbook .h1_tablet b,
.VV23_Brandbook .h1_mobile b,
.VV23_Brandbook .h2 b,
.VV23_Brandbook .h2_desktop b,
.VV23_Brandbook .h2_tablet b,
.VV23_Brandbook .h2_mobile b,
.VV23_Brandbook .h3 b,
.VV23_Brandbook .h3_desktop b,
.VV23_Brandbook .h3_tablet b,
.VV23_Brandbook .h3_mobile b,
.VV23_Brandbook .h4 b,
.VV23_Brandbook .h4_desktop b,
.VV23_Brandbook .h4_tablet b,
.VV23_Brandbook .h4_mobile b,
.VV23_Brandbook .h4_article b,
.VV23_Brandbook .h4_article_desktop b,
.VV23_Brandbook .h4_article_tablet b,
.VV23_Brandbook .h4_article_mobile b,
.VV23_Brandbook .h5 b,
.VV23_Brandbook .h5_desktop b,
.VV23_Brandbook .h5_tablet b,
.VV23_Brandbook .h5_mobile b,
.VV23_Brandbook .h6 b,
.VV23_Brandbook .h6_desktop b,
.VV23_Brandbook .h6_tablet b,
.VV23_Brandbook .h6_mobile b {
  font-weight: 700;
}

.VV23_Brandbook__SliderBtns {
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
}
.VV23_Brandbook__SliderBtn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  margin-right: 8px;
  border: 1px solid var(--light-outline);
  background: var(--white);
}
.VV23_Brandbook__SliderBtn.swiper-button-disabled {
  pointer-events: none;
}
.VV23_Brandbook__SliderBtn.swiper-button-disabled svg path {
  fill: var(--gray500);
}
.VV23_Brandbook__SliderBtn svg path {
  transition: 0.3s;
}
.bx-no-touch .VV23_Brandbook__SliderBtn:hover svg path {
  fill: var(--green500);
}
@media (max-width: 1023px) {
  .VV23_Brandbook__SliderBtns {
    margin-left: -5px;
    margin-right: -5px;
  }

  .VV23_Brandbook__SliderBtn {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    margin-right: 5px;
  }
}

.VV23_Brandbook_FixedHeader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  background: var(--white);
  border-bottom: 1px solid var(--light-outline);
  transform: translateY(-100%);
  transition: 0.3s;
  z-index: 10;
}
.VV23_Brandbook_FixedHeader._show {
  transform: translateY(0);
}
.VV23_Brandbook_FixedHeader .Container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.VV23_Brandbook_FixedHeader__Menu {
  position: relative;
}
.VV23_Brandbook_FixedHeader__Menu svg {
  cursor: pointer;
}
.VV23_Brandbook_FixedHeader__MenuInner {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 320px;
  padding-top: 32px;
}
.VV23_Brandbook_FixedHeader__MenuInnerContent {
  padding: 8px 18px;
  border-radius: 18px;
  background: var(--white);
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05);
}
.VV23_Brandbook_FixedHeader__Menu:hover .VV23_Brandbook_FixedHeader__MenuInner {
  display: block;
}
.VV23_Brandbook_FixedHeader__MenuDropdown {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--light-outline);
}
.VV23_Brandbook_FixedHeader__MenuDropdown:last-child {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.VV23_Brandbook_FixedHeader__MenuDropdownHeading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.VV23_Brandbook_FixedHeader__MenuDropdownContent {
  display: none;
}
.VV23_Brandbook_FixedHeader__MenuDropdown._show svg {
  transform: rotate(180deg);
}
.VV23_Brandbook_FixedHeader__MenuDropdownLink {
  display: inline-block;
  margin-bottom: 20px;
  transition: color .2s ease;
}
.bx-no-touch .VV23_Brandbook_FixedHeader__MenuDropdownLink:hover {
	color: var(--green600);
}
.VV23_Brandbook_FixedHeader__MenuDropdownLink:first-child {
  margin-top: 18px;
}
.VV23_Brandbook_FixedHeader__MenuDropdownLink:last-child {
  margin-bottom: 18px;
}


/* Header */
.VV23_Brandbook_Header {
  position: relative;
  margin-bottom: 71px;
  background-color: var(--green500);
  background-image: url('/brand/css/../img/header-bg--desktop.svg');
  background-size: cover;
  background-position: center;
}

.VV23_Brandbook_Header__Bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.VV23_Brandbook_Header__Inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 96px;
  padding-bottom: 68px;
}

.VV23_Brandbook_Header__Logo {
  margin-bottom: 125px;
}

.VV23_Brandbook_Header__Title {
  margin-bottom: 43px;
  text-align: center;
  color: var(--light-surface1);
}

.VV23_Brandbook_Header__Slider {
  width: 940px;
}

.VV23_Brandbook_Header__Slider_Nav {
  margin-top: 19px;
}

.VV23_Brandbook_Header__Slider_Nav .VV23_Brandbook__SliderBtn svg {
  width: 18px;
  height: 18px;
}

.VV23_Brandbook_Header__Slide {
  width: 33.33%;
  display: flex;
  justify-content: center;
}

.VV23_Brandbook_Header__SlideInner {
  width: 210px;
  margin-left: 66px;
}

.VV23_Brandbook_Header__Slide:first-child {
  justify-content: flex-start;
}

.VV23_Brandbook_Header__Slide:first-child .VV23_Brandbook_Header__SlideInner {
  width: 310px;
  margin-left: 0;
}

.VV23_Brandbook_Header__Slide:last-child {
  justify-content: flex-end;
}

.VV23_Brandbook_Header__Slide:last-child .VV23_Brandbook_Header__SlideInner {
  width: 220px;
  margin-left: 0;
}

.VV23_Brandbook_Header__SlideTitle {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
  font-size: 20px;
  font-weight: 600;
  line-height: 109%;
  color: var(--light-surface1);
}

.VV23_Brandbook_Header__SlideItems {
  display: flex;
  flex-wrap: wrap;
  margin-left: -4px;
  margin-right: -4px;
  margin-bottom: -4px;
}

.VV23_Brandbook_Header__SlideItem {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 7px 10px;
  border-radius: 17px;
  background: var(--light-surface1);
  font-size: 15px;
  border: 0;
  transition: background 0.2s ease;
  cursor: pointer;
}

.VV23_Brandbook_Header__SlideItem:hover {
  background: var(--light-space);
}

@media (min-width: 768px) {
  .VV23_Brandbook_Header__Slider_Nav {
    display: none;
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Header {
    margin-bottom: 36px;
  }

  .VV23_Brandbook_Header__Inner {
    padding-top: 46px;
    padding-bottom: 56px;
  }

  .VV23_Brandbook_Header__Logo {
    margin-bottom: 81px;
  }

  .VV23_Brandbook_Header__Logo img {
    height: auto;
    width: 145px;
  }

  .VV23_Brandbook_Header__Title {
    margin-bottom: 42px;
    font-size: 60px;
  }

  .VV23_Brandbook_Header__Slider {
    width: 100%;
  }

  .VV23_Brandbook_Header__SlideInner {
    margin-left: 63px;
  }

  .VV23_Brandbook_Header__Slide:last-child .VV23_Brandbook_Header__SlideInner {
    width: 165px;
    margin-right: 2px;
  }

  .VV23_Brandbook_Header__SlideTitle {
    margin-bottom: 11px;
    font-size: 15px;
  }

  .VV23_Brandbook_Header__SlideTitle svg {
    height: auto;
    width: 20px;
  }

  .VV23_Brandbook_Header__SlideItems {
    margin-left: -3px;
    margin-right: -3px;
  }

  .VV23_Brandbook_Header__SlideItem {
    margin-left: 3px;
    margin-right: 3px;
    padding: 5px 8px;
    font-size: 11px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Header {
    margin-bottom: 40px;
    background-image: url('/brand/css/../img/header-bg--mobile.svg');
  }

  .VV23_Brandbook_Header__Inner {
    padding-top: 40px;
    padding-bottom: 33px;
  }

  .VV23_Brandbook_Header__Logo {
    margin-bottom: 81px;
  }

  .VV23_Brandbook_Header__Title {
    margin-bottom: 58px;
    font-size: 40px;
  }

  .VV23_Brandbook_Header__Slider {
    position: relative;
    padding-left: 10px;
  }

  .VV23_Brandbook_Header__Slider:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
    width: 100px;
    background: linear-gradient(269deg, #2DBD65 9.89%, rgba(45, 189, 101, 0) 100%);
    z-index: 1;
  }

  .VV23_Brandbook_Header__Slide {
    width: 250px;
    justify-content: flex-start;
  }

  .VV23_Brandbook_Header__SlideInner {
    margin-left: 0;
  }

  .VV23_Brandbook_Header__Slide:first-child .VV23_Brandbook_Header__SlideInner {
    width: 100%;
  }

  .VV23_Brandbook_Header__Slide:last-child {
    justify-content: flex-start;
    width: 100%;
  }
}

/* Brand */
.VV23_Brandbook_Brand__Title {
  margin-bottom: 53px;
}

@media (max-width: 767px) {
  .VV23_Brandbook_Brand__Title {
    margin-bottom: 40px;
  }
}

/* Manifest */
.VV23_Brandbook_Manifest {
  margin-bottom: 107px;
}

.VV23_Brandbook_Manifest__Title {
  margin-bottom: 24px;
}

.VV23_Brandbook_Manifest__Text {
  margin-bottom: 40px;
}

.VV23_Brandbook_Manifest__Text p {
  margin-top: 0;
  margin-bottom: 42px;
}

.VV23_Brandbook_Manifest__Text p:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_Manifest__Slider {
  overflow: hidden;
}

.VV23_Brandbook_Manifest__SliderNav {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}

.VV23_Brandbook_Manifest__Slide {
  height: auto;
  padding: 30px 24px 61px;
  border-radius: 30px;
  border: 1px solid var(--light-outline);
  background: var(--light-on-ptag3);
  letter-spacing: -0.17px;
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Manifest {
    margin-bottom: 65px;
  }

  .VV23_Brandbook_Manifest__Slider {
    overflow: visible;
  }

  .VV23_Brandbook_Manifest__SliderNav {
    display: none;
  }

  .VV23_Brandbook_Manifest__Slide {
    width: 385px;
    padding: 30px 24px 60px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Manifest {
    margin-bottom: 120px;
  }

  .VV23_Brandbook_Manifest__Title {
    margin-bottom: 16px;
  }

  .VV23_Brandbook_Manifest__Text {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Manifest__Slide {
    width: 280px;
    padding: 24px 19px 32px;
  }
}

/* WeWant */
.VV23_Brandbook_WeWant {
  margin-bottom: 147px;
}

.VV23_Brandbook_WeWant__Title {
  margin-bottom: 24px;
}

.VV23_Brandbook_WeWant__List {
  margin-bottom: 40px;
  padding-left: 20px;
}

.VV23_Brandbook_WeWant__List li {
  margin-top: 0;
  margin-bottom: 14px;
}

.VV23_Brandbook_WeWant__Banner {
  position: relative;
}

.VV23_Brandbook_WeWant__Banner svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.VV23_Brandbook_WeWant__Banner svg._mobile {
  display: none;
}

.VV23_Brandbook_WeWant__BannerInner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 166px 192px 144px;
  color: var(--light-surface1);
}

.VV23_Brandbook_WeWant__BannerTitle {
  margin-bottom: 44px;
}

.VV23_Brandbook_WeWant__BannerText {
  max-width: 540px;
}

@media (max-width: 1279px) {
  .VV23_Brandbook_WeWant__BannerInner {
    padding: 136px 102px 124px;
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_WeWant {
    margin-bottom: 65px;
  }

  .VV23_Brandbook_WeWant__BannerInner {
    padding: 98px 124px 70px;
  }

  .VV23_Brandbook_WeWant__BannerTitle {
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_WeWant {
    margin-bottom: 62px;
  }

  .VV23_Brandbook_WeWant__Title {
    margin-bottom: 18px;
  }

  .VV23_Brandbook_WeWant__List {
    margin-bottom: 48px;
  }

  .VV23_Brandbook_WeWant__List li {
    margin-bottom: 16px;
  }

  .VV23_Brandbook_WeWant__Banner svg._desktop {
    display: none;
  }

  .VV23_Brandbook_WeWant__Banner svg._mobile {
    display: block;
  }

  .VV23_Brandbook_WeWant__BannerInner {
    padding: 88px 16px 82px;
  }

  .VV23_Brandbook_WeWant__BannerTitle {
    margin-bottom: 30px;
    max-width: 316px;
  }

  .VV23_Brandbook_WeWant__BannerText {
    max-width: 316px;
  }
}

/* Impossible */
.VV23_Brandbook_Impossible {
  margin-bottom: 213px;
}

.VV23_Brandbook_Impossible__Title {
  margin-bottom: 40px;
}

.VV23_Brandbook_Impossible__Row {
  display: flex;
}

.VV23_Brandbook_Impossible__Left {
  width: 545px;
  margin-right: 24px;
  flex-shrink: 0;
}

.VV23_Brandbook_Impossible__Right {
  flex-grow: 1;
}

.VV23_Brandbook_Impossible__Box {
  position: relative;
  margin-top: 24px;
  padding: 40px;
  border-radius: 40px;
  overflow: hidden;
}

.VV23_Brandbook_Impossible__Box:first-child {
  margin-top: 0;
}

.VV23_Brandbook_Impossible__Box._box-1 {
  height: 100%;
  background: var(--green100);
}

.VV23_Brandbook_Impossible__Box._box-1 .VV23_Brandbook_Impossible__BoxImage {
  right: 40px;
  bottom: -42px;
}

.VV23_Brandbook_Impossible__Box._box-2 {
  background: var(--light-additional4-container-fill);
}

.VV23_Brandbook_Impossible__Box._box-3 {
  background: var(--light-additional1-container-fill);
}

.VV23_Brandbook_Impossible__BoxTitle {
  margin-bottom: 40px;
}

.VV23_Brandbook_Impossible__BoxList {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.VV23_Brandbook_Impossible__BoxList li {
  display: flex;
  margin-top: 0;
  margin-bottom: 24px;
}

.VV23_Brandbook_Impossible__BoxList li:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_Impossible__BoxList li:before {
  content: '·';
  margin-right: 22px;
  line-height: 1;
  font-size: 24px;
}

.VV23_Brandbook_Impossible__BoxImage {
  position: absolute;
}

@media (max-width: 1279px) {
  .VV23_Brandbook_Impossible__Row {
    display: block;
  }

  .VV23_Brandbook_Impossible__Left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Impossible__Box._box-1 {
    padding-bottom: 149px;
  }

  .VV23_Brandbook_Impossible__Box._box-1 .VV23_Brandbook_Impossible__BoxImage {
    height: auto;
    width: 164px;
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Impossible {
    margin-bottom: 60px;
  }

  .VV23_Brandbook_Impossible__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Impossible__Box._box-1 .VV23_Brandbook_Impossible__BoxImage {
    right: 42px;
    bottom: -55px;
    width: 168px;
  }

  .VV23_Brandbook_Impossible__BoxTitle {
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Impossible {
    margin-bottom: 65px;
  }

  .VV23_Brandbook_Impossible__Left {
    margin-bottom: 15px;
  }

  .VV23_Brandbook_Impossible__Box {
    margin-top: 15px;
    padding: 24px 32px 24px 16px;
    border-radius: 16px;
  }

  .VV23_Brandbook_Impossible__Box._box-1 {
    padding-bottom: 132px;
  }

  .VV23_Brandbook_Impossible__Box._box-1 .VV23_Brandbook_Impossible__BoxImage {
    right: 12px;
    bottom: -48px;
    width: 142px;
  }

  .VV23_Brandbook_Impossible__BoxTitle {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Impossible__BoxList li:before {
    margin-right: 13px;
    margin-top: -3px;
  }
}

/* WorkFor Top */
.VV23_Brandbook_WorkForTop {
  position: relative;
  margin-bottom: 99px;
}

.VV23_Brandbook_WorkForTop__Title {
  margin-bottom: 36px;
}

.VV23_Brandbook_WorkForTop__Inner {
  width: 723px;
}

.VV23_Brandbook_WorkForTop__TextTop {
  margin-bottom: 42px;
}

.VV23_Brandbook_WorkForTop__Image {
  position: absolute;
  right: -3px;
  top: 27px;
}

.VV23_Brandbook_WorkForTop__TextMiddle {
  margin-bottom: 25px;
}

.VV23_Brandbook_WorkForTop__Row {
  display: flex;
  margin-bottom: 25px;
}

.VV23_Brandbook_WorkForTop__Col:first-child {
  width: 308px;
  margin-right: 20px;
}

.VV23_Brandbook_WorkForTop__Col:last-child {
  width: 350px;
}

@media (max-width: 1279px) {
  .VV23_Brandbook_WorkForTop__Inner {
    width: 610px;
  }

  .VV23_Brandbook_WorkForTop__Image {
    right: -50px;
    height: auto;
    width: 400px;
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_WorkForTop {
    margin-bottom: 40px;
  }

  .VV23_Brandbook_WorkForTop__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_WorkForTop__Inner {
    width: 100%;
  }

  .VV23_Brandbook_WorkForTop__Image {
    display: none;
  }

  .VV23_Brandbook_WorkForTop__TextMiddle {
    margin-bottom: 14px;
  }

  .VV23_Brandbook_WorkForTop__Row {
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_WorkForTop {
    margin-bottom: 34px;
  }

  .VV23_Brandbook_WorkForTop__Title {
    margin-bottom: 26px;
  }

  .VV23_Brandbook_WorkForTop__TextTop {
    margin-bottom: 26px;
  }

  .VV23_Brandbook_WorkForTop__Image {
    display: block;
    position: relative;
    right: 0;
    top: 0;
    width: 290px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 26px;
  }

  .VV23_Brandbook_WorkForTop__TextMiddle {
    margin-bottom: 8px;
  }

  .VV23_Brandbook_WorkForTop__Row {
    display: block;
    margin-bottom: 38px;
  }

  .VV23_Brandbook_WorkForTop__Col {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 8px;
  }
}

/* WorkFor Middle */
.VV23_Brandbook_WorkForMiddle__Slider {
  margin-bottom: 52px;
}

.VV23_Brandbook_WorkForMiddle__Slider_Nav {
  margin-bottom: 20px;
}

.VV23_Brandbook_WorkForMiddle__Slider_Nav .VV23_Brandbook__SliderBtn {
  width: 44px;
  height: 44px;
}

.VV23_Brandbook_WorkForMiddle__Bubble {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 348px;
  padding: 50px 21px 102px 40px;
  background: var(--light-surface1);
  border-radius: 20px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 12px) calc(100% + 48px), 0% calc(100% + 48px));
}

.VV23_Brandbook_WorkForMiddle__Bubble:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 20px 0px 0px 20px;
  width: 20px;
  background: transparent;
  box-shadow: -21px 0px 0px 20px var(--light-additional1-container-fill);
  transform: skewx(3.3deg);
  transform-origin: left top;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  z-index: 1;
}

.VV23_Brandbook_WorkForMiddle__Bubble:after {
  content: '';
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  width: calc(100% - 10px);
  border-radius: 0px 0px 16px 16px;
  height: 20px;
  background: transparent;
  box-shadow: 0px 21px 0px 20px var(--light-additional1-container-fill);
  transform: skewy(-3.2deg);
  transform-origin: left top;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  z-index: 1;
}

.VV23_Brandbook_WorkForMiddle__BubbleText {
  font-size: 15px;
  line-height: normal;
}

.VV23_Brandbook_WorkForMiddle__BubbleTriangle {
  position: absolute;
  top: calc(100% - 20px);
  right: 71px;
  width: 44px;
  height: 48px;
  background: var(--light-surface1);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  z-index: 2;
}

.VV23_Brandbook_WorkForMiddle__Image {
  position: absolute;
  left: 68px;
  bottom: 0;
}

.VV23_Brandbook_WorkForMiddle__Slide {
  position: relative;
  margin-bottom: 24px;
  padding: 40px;
  border-radius: 40px;
  overflow: hidden;
}

.VV23_Brandbook_WorkForMiddle__Slide:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_WorkForMiddle__Slide._slide-1 {
  background: var(--light-additional1-container-fill);
}

.VV23_Brandbook_WorkForMiddle__Slide._slide-3 {
  background: var(--light-promo1-container-fill);
  padding-block: 70px;
}

.VV23_Brandbook_WorkForMiddle__Slide._slide-3 .VV23_Brandbook_WorkForMiddle__Bubble {
  left: 28px;
  width: 374px;
  padding: 52px 36px 64px 37px;
}

.VV23_Brandbook_WorkForMiddle__Slide._slide-3 .VV23_Brandbook_WorkForMiddle__Bubble:before {
  box-shadow: -21px 0px 0px 20px var(--light-promo1-container-fill);
}

.VV23_Brandbook_WorkForMiddle__Slide._slide-3 .VV23_Brandbook_WorkForMiddle__Bubble:after {
  box-shadow: 0px 21px 0px 20px var(--light-promo1-container-fill);
}

.VV23_Brandbook_WorkForMiddle__Slide._slide-3 .VV23_Brandbook_WorkForMiddle__BubbleTriangle {
  width: 38px;
  height: 45px;
}

.VV23_Brandbook_WorkForMiddle__Slide._slide-3 .VV23_Brandbook_WorkForMiddle__Image {
  left: 65px;
}

.VV23_Brandbook_WorkForMiddle__Title,
.VV23_Brandbook_WorkForMiddle__Text {
  padding-left: 401px;
}

.VV23_Brandbook_WorkForMiddle__Title {
  margin-bottom: 50px;
}

.VV23_Brandbook_WorkForMiddle__TextToggle {
  margin-right: auto;
  margin-top: 8px;
  background: transparent;
  padding: 0;
  border: 0;
  cursor: pointer;
  box-shadow: none;
  display: inline-block;
}

.VV23_Brandbook_WorkForMiddle__TextToggle ._show {
  display: none;
}

.VV23_Brandbook_WorkForMiddle__Text p {
  margin-top: 0;
  margin-bottom: 7px;
}

.VV23_Brandbook_WorkForMiddle__Text p:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_WorkForMiddle__BottomText {
  margin-bottom: 154px;
}

.VV23_Brandbook_WorkForMiddle__BottomText p {
  margin-top: 0;
  margin-bottom: 40px;
}

.VV23_Brandbook_WorkForMiddle__BottomText p:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_WorkForMiddle__Banner {
  position: relative;
  margin-bottom: 84px;
}

.VV23_Brandbook_WorkForMiddle__Banner svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.VV23_Brandbook_WorkForMiddle__BannerInner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 147px 192px;
  color: var(--light-surface1);
}

.VV23_Brandbook_WorkForMiddle__BannerTitle {
  margin-top: 30px;
  margin-bottom: 30px;
}

.VV23_Brandbook_WorkForMiddle__BannerText {
  max-width: 540px;
}

@media (min-width: 768px) {
  .VV23_Brandbook_WorkForMiddle__Slider .swiper-wrapper {
    display: block;
  }

  .VV23_Brandbook_WorkForMiddle__Slider_Nav {
    display: none;
  }

  .VV23_Brandbook_WorkForMiddle__TextToggle {
    display: none;
  }
}

@media (max-width: 1279px) {
  .VV23_Brandbook_WorkForMiddle__Slide._slide-1 .VV23_Brandbook_WorkForMiddle__Bubble {
	top: auto;
    bottom: 306px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-3 {
    padding-block: 40px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-3 .VV23_Brandbook_WorkForMiddle__Bubble {
	top: auto;
    bottom: 290px;
  }

  .VV23_Brandbook_WorkForMiddle__BannerInner {
    padding: 128px 72px;
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_WorkForMiddle__Slider {
    margin-bottom: 25px;
  }

  .VV23_Brandbook_WorkForMiddle__Bubble {
    left: 23px;
    width: 203px;
    padding: 23px 12px 38px 23px;
    border-radius: 10px;
  }

  .VV23_Brandbook_WorkForMiddle__Bubble:before {
    border-radius: 10px 0px 0px 10px;
  }

  .VV23_Brandbook_WorkForMiddle__Bubble:after {
    width: calc(100% - 6px);
    height: 16px;
    border-radius: 0px 0px 10px 10px;
  }

  .VV23_Brandbook_WorkForMiddle__BubbleText {
    font-size: 10px;
  }

  .VV23_Brandbook_WorkForMiddle__BubbleTriangle {
    right: 31px;
    width: 37px;
    height: 38px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide {
    margin-bottom: 14px;
    padding: 23px;
    border-radius: 20px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-3 {
    padding-block: 23px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-1 .VV23_Brandbook_WorkForMiddle__Bubble {
    bottom: 160px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-1 .VV23_Brandbook_WorkForMiddle__Image {
    height: auto;
    width: 170px;
    left: 39px;
    bottom: -10px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-3 .VV23_Brandbook_WorkForMiddle__Bubble {
    bottom: 177px;
    left: 17px;
    width: 217px;
    padding: 14px 12px 22px 20px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-3 .VV23_Brandbook_WorkForMiddle__BubbleTriangle {
    width: 33px;
    height: 37px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-3 .VV23_Brandbook_WorkForMiddle__Image {
    left: 37px;
    height: auto;
    width: 178px;
  }

  .VV23_Brandbook_WorkForMiddle__Title,
  .VV23_Brandbook_WorkForMiddle__Text {
    padding-left: 235px;
  }

  .VV23_Brandbook_WorkForMiddle__Title {
    margin-bottom: 16px;
  }

  .VV23_Brandbook_WorkForMiddle__Text p {
    margin-bottom: 4px;
  }

  .VV23_Brandbook_WorkForMiddle__BottomText {
    margin-bottom: 64px;
  }

  .VV23_Brandbook_WorkForMiddle__Banner {
    margin-bottom: 66px;
  }

  .VV23_Brandbook_WorkForMiddle__BannerInner {
    padding: 86px 72px 68px;
  }

  .VV23_Brandbook_WorkForMiddle__BannerTitle {
    margin-top: 16px;
    margin-bottom: 18px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_WorkForMiddle__Slider {
    margin-bottom: 35px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px;
    overflow: hidden;
  }

  .VV23_Brandbook_WorkForMiddle__Bubble {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: 20px;
    width: 100%;
    padding: 20px 12px 28px 17px;
  }

  .VV23_Brandbook_WorkForMiddle__BubbleText {
	max-width: 280px;
    font-size: 13px;
  }

  .VV23_Brandbook_WorkForMiddle__BubbleTriangle {
    right: 62px;
  }

  .VV23_Brandbook_WorkForMiddle__Image {
    position: relative;
    left: 0;
  }

  .VV23_Brandbook_WorkForMiddle__Slide {
    width: calc(100vw - 26px);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 12px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-3 {
    padding-block: 20px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-1 .VV23_Brandbook_WorkForMiddle__Bubble {
    bottom: 0;
    margin-bottom: -56px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-1 .VV23_Brandbook_WorkForMiddle__Bubble,
  .VV23_Brandbook_WorkForMiddle__Slide._slide-3 .VV23_Brandbook_WorkForMiddle__Bubble {
	max-width: 310px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-1 .VV23_Brandbook_WorkForMiddle__Image {
    height: auto;
    width: 146px;
    left: 0px;
    bottom: -24px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-3 .VV23_Brandbook_WorkForMiddle__Bubble {
    width: 100%;
    left: 0;
    bottom: 0;
    margin-bottom: -35px;
  }

  .VV23_Brandbook_WorkForMiddle__Slide._slide-3 .VV23_Brandbook_WorkForMiddle__Image {
    bottom: -24px;
    left: 0;
  }

  .VV23_Brandbook_WorkForMiddle__Title,
  .VV23_Brandbook_WorkForMiddle__Text {
    width: 100%;
    padding-left: 0;
  }

  .VV23_Brandbook_WorkForMiddle__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_WorkForMiddle__Text {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .VV23_Brandbook_WorkForMiddle__Text._show {
    -webkit-line-clamp: 99;
  }

  .VV23_Brandbook_WorkForMiddle__Text._show + .VV23_Brandbook_WorkForMiddle__TextToggle ._hide {
    display: none;
  }

  .VV23_Brandbook_WorkForMiddle__Text._show + .VV23_Brandbook_WorkForMiddle__TextToggle ._show {
    display: inline;
  }

  .VV23_Brandbook_WorkForMiddle__Text p {
    margin-bottom: 7px;
  }

  .VV23_Brandbook_WorkForMiddle__Banner {
    margin-bottom: 60px;
  }

  .VV23_Brandbook_WorkForMiddle__BannerInner {
    padding: 92px 16px 78px;
  }

  .VV23_Brandbook_WorkForMiddle__BannerTitle {
    margin-top: 11px;
    margin-bottom: 16px;
  }
}

/* WhatHelps */
.VV23_Brandbook_WhatHelps {
  margin-bottom: 86px;
}

.VV23_Brandbook_WhatHelps__Title {
  margin-bottom: 40px;
}

.VV23_Brandbook_WhatHelps__Box {
  margin-bottom: 24px;
  padding: 40px;
  border-radius: 40px;
  background: var(--light-space);
}

.VV23_Brandbook_WhatHelps__Box:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_WhatHelps__BoxTop {
  display: flex;
  margin-bottom: 40px;
}

.VV23_Brandbook_WhatHelps__BoxLeft {
  width: 370px;
  margin-right: 76px;
  flex-shrink: 0;
}

.VV23_Brandbook_WhatHelps__BoxLeftTitle {
  margin-bottom: 16px;
}

.VV23_Brandbook_WhatHelps__BoxLeftBubbles {
  margin: 0px -2px -8px -2px;
}

.VV23_Brandbook_WhatHelps__BoxLeftBubble {
  display: inline-block;
  margin: 0px 2px 8px 2px;
  padding: 6px 10px;
  border-radius: 20px;
  background: var(--light-surface1);
}

.VV23_Brandbook_WhatHelps__BoxRight {
  flex-grow: 1;
  padding-right: 27px;
}

.VV23_Brandbook_WhatHelps__BoxRightText p {
  margin-top: 0;
  margin-bottom: 6px;
}

.VV23_Brandbook_WhatHelps__BoxBottom .VV23_Brandbook_WhatHelps__BoxBottomToggle ._hide {
  display: none;
}

.VV23_Brandbook_WhatHelps__BoxBottomContent {
  display: none;
}

.VV23_Brandbook_WhatHelps__BoxBottomContent._hide + .VV23_Brandbook_WhatHelps__BoxBottomToggle ._show {
  display: none;
}

.VV23_Brandbook_WhatHelps__BoxBottomContent._hide + .VV23_Brandbook_WhatHelps__BoxBottomToggle ._hide {
  display: inline;
}

.VV23_Brandbook_WhatHelps__BoxBottomRow {
  margin-bottom: 30px;
  margin-right: -12px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 24px;
}

.VV23_Brandbook_WhatHelps__BoxBottomColIcon {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--green500);
}

.VV23_Brandbook_WhatHelps__BoxBottomColTitle {
  margin-bottom: 16px;
  min-height: 38px;
}

.VV23_Brandbook_WhatHelps__BoxBottomColList {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.VV23_Brandbook_WhatHelps__BoxBottomColList li {
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
}

.VV23_Brandbook_WhatHelps__BoxBottomColList li:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_WhatHelps__BoxBottomColList li:before {
  content: '·';
  margin-right: 8px;
  line-height: 1;
  font-size: 28px;
  margin-top: -4px;
}

@media (max-width: 1023px) {
  .VV23_Brandbook_WhatHelps {
    margin-bottom: 64px;
  }

  .VV23_Brandbook_WhatHelps__BoxTop {
    margin-bottom: 36px;
  }

  .VV23_Brandbook_WhatHelps__BoxLeft {
    width: 270px;
    margin-right: 30px;
  }

  .VV23_Brandbook_WhatHelps__BoxRight {
    padding-right: 0;
  }

  .VV23_Brandbook_WhatHelps__BoxBottomRow {
    max-width: 584px;
    margin-top: 38px;
    margin-bottom: 25px;
    grid-template-columns: 1fr 1fr;
  }

  .VV23_Brandbook_WhatHelps__BoxBottomCol {
    margin-bottom: 40px;
  }

  .VV23_Brandbook_WhatHelps__BoxBottomColTitle {
    min-height: 0;
  }

  .VV23_Brandbook_WhatHelps__BoxBottomColList {
    padding-left: 4px;
  }

  .VV23_Brandbook_WhatHelps__BoxBottomColList li:before {
    font-size: 24px;
    margin-top: -5px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_WhatHelps {
    margin-bottom: 56px;
  }

  .VV23_Brandbook_WhatHelps__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_WhatHelps__Box {
    padding: 20px;
    border-radius: 20px;
  }

  .VV23_Brandbook_WhatHelps__BoxTop {
    display: block;
    margin-bottom: 40px;
  }

  .VV23_Brandbook_WhatHelps__BoxLeft {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .VV23_Brandbook_WhatHelps__BoxBottomRow {
    display: block;
    margin-top: -18px;
  }

  .VV23_Brandbook_WhatHelps__BoxBottomCol {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_WhatHelps__BoxBottomColIcon {
    width: 40px;
    height: 40px;
  }
}

/* Content */
.VV23_Brandbook_Content__Title {
  margin-bottom: 52px;
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Content__Title {
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Content__Title {
    margin-bottom: 22px;
  }
}

/* Character */
.VV23_Brandbook_Character {
  margin-bottom: 86px;
}

.VV23_Brandbook_Character__Title {
  margin-bottom: 40px;
}

.VV23_Brandbook_Character__Bubble {
  position: relative;
  width: 1167px;
  padding: 64px 108px 91px 108px;
}

.VV23_Brandbook_Character__BubbleBg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.VV23_Brandbook_Character__BubbleBg svg {
  width: 100%;
  height: 100%;
}

.VV23_Brandbook_Character__BubbleBg ._tablet {
  display: none;
}

.VV23_Brandbook_Character__BubbleBg ._mobile {
  display: none;
}

.VV23_Brandbook_Character__BubbleText {
  position: relative;
  margin-bottom: 42px;
  color: var(--light-surface1);
}

.VV23_Brandbook_Character__BubbleText:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_Character__BubbleText p {
  margin-top: 0;
  margin-bottom: 8px;
}

@media (max-width: 1279px) {
  .VV23_Brandbook_Character__Bubble {
    width: 100%;
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Character {
    margin-bottom: 64px;
  }

  .VV23_Brandbook_Character__Title {
    margin-bottom: 23px;
  }

  .VV23_Brandbook_Character__Bubble {
    padding: 52px 52px 66px 46px;
  }

  .VV23_Brandbook_Character__BubbleBg ._desktop {
    display: none;
  }

  .VV23_Brandbook_Character__BubbleBg ._tablet {
    display: block;
  }

  .VV23_Brandbook_Character__BubbleText {
    margin-bottom: 38px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Character {
    margin-bottom: 44px;
  }

  .VV23_Brandbook_Character__Bubble {
    padding: 44px 24px 50px 28px;
  }

  .VV23_Brandbook_Character__BubbleBg ._tablet {
    display: none;
  }

  .VV23_Brandbook_Character__BubbleBg ._mobile {
    display: block;
  }

  .VV23_Brandbook_Character__BubbleText {
    margin-bottom: 30px;
  }
}

/* Tone */
.VV23_Brandbook_Tone {
  margin-bottom: 90px;
}

.VV23_Brandbook_Tone__Title {
  margin-bottom: 40px;
}

.VV23_Brandbook_Tone__Row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 29px;
}

.VV23_Brandbook_Tone__Col {
  height: 100%;
  padding: 41px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 40px;
}

.VV23_Brandbook_Tone__Col._green {
  background: var(--light-brand1-container-fill);
}

.VV23_Brandbook_Tone__Col._pink {
  background: var(--light-brand2-container-fill);
}

.VV23_Brandbook_Tone__ColIcon {
  margin-bottom: 24px;
}

.VV23_Brandbook_Tone__ColIcon svg {
  display: block;
}

.VV23_Brandbook_Tone__ColTitle {
  margin-bottom: 16px;
}

.VV23_Brandbook_Tone__ColItems div {
  margin-bottom: 7px;
}

.VV23_Brandbook_Tone__ColItems div:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Tone {
    margin-bottom: 66px;
  }

  .VV23_Brandbook_Tone__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Tone__Row {
    grid-column-gap: 16px;
  }

  .VV23_Brandbook_Tone__ColIcon svg {
    width: 42px;
    height: 42px;
  }

  .VV23_Brandbook_Tone__ColTitle {
    margin-bottom: 26px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Tone {
    margin-bottom: 50px;
  }

  .VV23_Brandbook_Tone__Row {
    display: block;
  }

  .VV23_Brandbook_Tone__Col {
    margin-bottom: 12px;
  }

  .VV23_Brandbook_Tone__Col:last-child {
    margin-bottom: 0;
  }
}

/* Principles */
.VV23_Brandbook_Principles {
  margin-bottom: 84px;
}

.VV23_Brandbook_Principles__Title {
  margin-bottom: 40px;
}

.VV23_Brandbook_Principles__Text {
  margin-bottom: 42px;
}

.VV23_Brandbook_Principles__Text:last-child {
  margin-bottom: 38px;
}

.VV23_Brandbook_Principles__Slider_Nav {
  margin-top: 10px;
}

.VV23_Brandbook_Principles__Slider_Nav .VV23_Brandbook__SliderBtn {
  width: 44px;
  height: 44px;
}

.VV23_Brandbook_Principles__Slide {
  display: flex;
  margin-bottom: 21px;
  padding: 52px 113px 58px 41px;
  border-radius: 40px;
  overflow: hidden;
}

.VV23_Brandbook_Principles__Slide._slide-1 {
  background: #E9E2FF;
}

.VV23_Brandbook_Principles__Slide._slide-2 {
  background: #FDF2DD;
}

.VV23_Brandbook_Principles__Slide._slide-3 {
  background: #FDEADD;
}

.VV23_Brandbook_Principles__Slide._slide-4 {
  background: #F9DAEC;
}

.VV23_Brandbook_Principles__SlideBg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: auto;
}

.VV23_Brandbook_Principles__SlideTitle {
  position: relative;
  width: 359px;
  margin-right: 40px;
  flex-shrink: 0;
}

.VV23_Brandbook_Principles__SlideText {
  position: relative;
  flex-grow: 1;
}

.VV23_Brandbook_Principles__SlideText p {
  margin-top: 0;
  margin-bottom: 7px;
}

.VV23_Brandbook_Principles__SlideText p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .VV23_Brandbook_Principles__Slider .swiper-wrapper {
    display: block;
  }

  .VV23_Brandbook_Principles__Slider_Nav {
    display: none;
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Principles {
    margin-bottom: 14px;
  }

  .VV23_Brandbook_Principles__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Principles__Text {
    margin-bottom: 38px;
  }

  .VV23_Brandbook_Principles__Text:last-child {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Principles__Slide {
    margin-bottom: 13px;
    padding: 30px 22px 22px 24px;
    border-radius: 20px;
  }

  .VV23_Brandbook_Principles__SlideTitle {
    width: 210px;
    margin-right: 23px;
  }

  .VV23_Brandbook_Principles__SlideText p {
    margin-bottom: 4px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Principles {
    margin-bottom: 8px;
  }

  .VV23_Brandbook_Principles__Text {
    margin-bottom: 35px;
  }

  .VV23_Brandbook_Principles__Slide {
    display: block;
    padding: 29px 23px;
  }

  .VV23_Brandbook_Principles__SlideTitle {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

/* Checklist */
.VV23_Brandbook_Checklist {
  max-width: 1120px;
  margin-bottom: 90px;
}

.VV23_Brandbook_Checklist__Title {
  margin-bottom: 60px;
}

.VV23_Brandbook_Checklist__Row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--light-outline);
}

.VV23_Brandbook_Checklist__Row:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.VV23_Brandbook_Checklist__Col._title {
  width: 287px;
}

.VV23_Brandbook_Checklist__Col._text {
  width: 350px;
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Checklist {
    margin-bottom: 60px;
  }

  .VV23_Brandbook_Checklist__Title {
    margin-bottom: 40px;
  }

  .VV23_Brandbook_Checklist__Row {
    align-items: flex-start;
    margin-bottom: 25px;
    padding-bottom: 22px;
  }

  .VV23_Brandbook_Checklist__Col._title {
    width: 200px;
  }

  .VV23_Brandbook_Checklist__Col._text {
    width: 200px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Checklist {
    margin-bottom: 50px;
  }

  .VV23_Brandbook_Checklist__Row {
    display: block;
  }

  .VV23_Brandbook_Checklist__Col._title {
    width: 100%;
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Checklist__Col._text {
    width: 100%;
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Checklist__Col._text:last-child {
    margin-bottom: 0;
  }
}

/* Examples */
.VV23_Brandbook_Examples {
  margin-bottom: 90px;
  max-width: 1160px;
}

.VV23_Brandbook_Examples__Title {
  margin-bottom: 8px;
}

.VV23_Brandbook_Examples__Subtitle {
  margin-bottom: 64px;
}

.VV23_Brandbook_Examples__Blocks {
  margin-bottom: 90px;
}

.VV23_Brandbook_Examples__Block {
  display: flex;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--light-outline);
}

.VV23_Brandbook_Examples__Block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}

.VV23_Brandbook_Examples__Block_Title {
  width: 310px;
  margin-right: 34px;
  flex-shrink: 0;
}

.VV23_Brandbook_Examples__Items {
  flex-grow: 1;
}

.VV23_Brandbook_Examples__Items_Row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.VV23_Brandbook_Examples__Items_Row:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_Examples__Items_Col {
  width: calc(50% - 17px);
}

.VV23_Brandbook_Examples__Items_Col._green .VV23_Brandbook_Examples__Items_Col_Item {
  background: var(--green50);
}

.VV23_Brandbook_Examples__Items_Col._red .VV23_Brandbook_Examples__Items_Col_Item {
  background: var(--light-brand2-container-fill);
}

.VV23_Brandbook_Examples__Items_Col_Icon {
  margin-bottom: 20px;
}

.VV23_Brandbook_Examples__Items_Col_Icon svg {
  display: block;
}

.VV23_Brandbook_Examples__Items_Col_Title {
  margin-bottom: 20px;
}

.VV23_Brandbook_Examples__Items_Col_Item {
  margin-bottom: 20px;
  padding: 24px;
  border-radius: 16px;
}

.VV23_Brandbook_Examples__Items_Col_Item:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_Examples__Items_Col_Item p {
  margin-top: 0;
  margin-bottom: 7px;
}

.VV23_Brandbook_Examples__Items_Col_Item p:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_Examples__Items_Col_Item ul{
  margin-top: 0;
  margin-bottom: 7px;
  padding-left: 17px;
}

.VV23_Brandbook_Examples__Items_Col_Image {
  margin-bottom: 20px;
}

.VV23_Brandbook_Examples__Items_Col_Image:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_Examples__Items_Col_Image img {
  display: block;
  max-width: 100%;
}

.VV23_Brandbook_Examples__Items_Col_Notice .VV_Link {
  color: var(--light-primary);
}

.VV23_Brandbook_Examples__Items._mobile {
  display: none;
}

.VV23_Brandbook_Examples__Items._mobile .VV23_Brandbook_Examples__Items_Row {
  display: block;
  padding-right: 12px;
  margin-bottom: 25px;
}

.VV23_Brandbook_Examples__Items._mobile ._mobile-hidden {
  display: none;
}

.VV23_Brandbook_Examples__Items._mobile .VV23_Brandbook_Examples__Items_Col {
  position: relative;
  width: 100%;
  margin-bottom: 24px;
}

.VV23_Brandbook_Examples__Items._mobile .VV23_Brandbook_Examples__Items_Col._mobile-hidden {
  display: none;
}

.VV23_Brandbook_Examples__Items._mobile .VV23_Brandbook_Examples__Items_Row._mobile-hidden .VV23_Brandbook_Examples__Items_Col_Item {
  display: block !important;
}

.VV23_Brandbook_Examples__Items._mobile .VV23_Brandbook_Examples__Items_Col_Icon {
  position: absolute;
}

.VV23_Brandbook_Examples__Items._mobile .VV23_Brandbook_Examples__Items_Col_Title {
  padding-left: 35px;
}

.VV23_Brandbook_Examples__Items._mobile .VV23_Brandbook_Examples__Items_Col_Item {
  display: none;
}

.VV23_Brandbook_Examples__Items._mobile .VV23_Brandbook_Examples__Toggle ._show {
  display: none;
}

.VV23_Brandbook_Examples__Items._mobile .VV23_Brandbook_Examples__Toggle._show ._hide {
  display: none;
}

.VV23_Brandbook_Examples__Items._mobile .VV23_Brandbook_Examples__Toggle._show ._show {
  display: inline;
}

.VV23_Brandbook_Examples__Banner {
  position: relative;
}

.VV23_Brandbook_Examples__Banner svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.VV23_Brandbook_Examples__BannerInner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 230px 130px;
  color: var(--light-surface1);
}

@media (max-width: 1279px) {
  .VV23_Brandbook_Examples__Block {
    display: block;
  }

  .VV23_Brandbook_Examples__Block_Title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 34px;
  }

  .VV23_Brandbook_Examples__BannerInner {
    padding: 140px 120px;
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Examples {
    margin-bottom: 50px;
  }
  
  .VV23_Brandbook_Examples__Subtitle {
    margin-bottom: 32px;
  }

  .VV23_Brandbook_Examples__Blocks {
    margin-bottom: 32px;
  }

  .VV23_Brandbook_Examples__Block {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }

  .VV23_Brandbook_Examples__Block_Title {
    max-width: 50%;
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Examples__Items_Row {
    padding-right: 20px;
  }

  .VV23_Brandbook_Examples__Items_Col {
    width: calc(50% - 12px);
  }

  .VV23_Brandbook_Examples__BannerInner {
    padding: 130px 100px;
  }
}

@media (max-width: 767px) {

  .VV23_Brandbook_Examples__Block_Title {
    max-width: 100%;
  }

  .VV23_Brandbook_Examples__Items._mobile {
    display: block;
  }

  .VV23_Brandbook_Examples__Items._desktop {
    display: none;
  }

  .VV23_Brandbook_Examples__BannerInner {
    padding: 89px 12px;
  }

  .VV23_Brandbook_Examples__BannerTitle {
    max-width: 316px;
  }
}

/* Policy */
.VV23_Brandbook_Policy {
  margin-bottom: 100px;
  max-width: 1120px;
}

.VV23_Brandbook_Policy__Title {
  margin-bottom: 60px;
}

.VV23_Brandbook_Policy__Row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--light-outline);
}

.VV23_Brandbook_Policy__Row:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}

.VV23_Brandbook_Policy__Col {
  display: flex;
}

.VV23_Brandbook_Policy__Col._title {
  width: 353px;
}

.VV23_Brandbook_Policy__Col._good {
  width: 278px;
}

.VV23_Brandbook_Policy__Col._bad {
  width: 347px;
}

.VV23_Brandbook_Policy__Icon {
  display: block;
  margin-right: 22px;
  flex-shrink: 0;
}

.VV23_Brandbook_Policy__Text {
  color: var(--light-secondary);
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Policy {
    margin-bottom: 64px;
  }

  .VV23_Brandbook_Policy__Title {
    margin-bottom: 34px;
  }

  .VV23_Brandbook_Policy__Col._title {
    width: 40%;
  }

  .VV23_Brandbook_Policy__Col._good {
    width: 25%;
  }

  .VV23_Brandbook_Policy__Col._bad {
    width: 25%;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Policy {
    margin-bottom: 112px;
  }

  .VV23_Brandbook_Policy__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Policy__Row {
    display: block;
    margin-bottom: 24px;
    padding-bottom: 22px;
  }

  .VV23_Brandbook_Policy__Col {
    margin-bottom: 16px;
  }

  .VV23_Brandbook_Policy__Col:last-child {
    margin-bottom: 0;
  }

  .VV23_Brandbook_Policy__Col._title {
    width: 100%;
  }

  .VV23_Brandbook_Policy__Col._good {
    width: 100%;
  }

  .VV23_Brandbook_Policy__Col._bad {
    width: 100%;
  }

  .VV23_Brandbook_Policy__Icon {
    margin-right: 6px;
  }
}

/* Design */
.VV23_Brandbook_Design__Title {
  margin-bottom: 53px;
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Design__Title {
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Design__Title {
    margin-bottom: 24px;
  }
}

/* Design Logo */
.VV23_Brandbook_Design_Logo {
  margin-bottom: 64px;
}

.VV23_Brandbook_Design_Logo__Title {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Logo__Text {
  margin-bottom: 50px;
}

.VV23_Brandbook_Design_Logo__Slider {
  height: 720px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.VV23_Brandbook_Design_Logo__SliderToggler {
  position: absolute;
  right: calc((100vw - 1200px) / 2);
  transform: rotate(90deg);
  z-index: 1;
}

.VV23_Brandbook_Design_Logo__SliderItem {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.VV23_Brandbook_Design_Logo__SliderItem svg {
  display: block;
}

.VV23_Brandbook_Design_Logo__SliderItem._green {
  background: var(--green500);
}

.VV23_Brandbook_Design_Logo__SliderItem._white {
  display: none;
  background: var(--white);
}

.VV23_Brandbook_Design_Logo__SliderButton {
  position: absolute;
  bottom: 47px;
  min-width: 243px;
}

.VV23_Brandbook_Design_Logo__Slider._white .VV23_Brandbook_Design_Logo__SliderItem._green {
  display: none;
}

.VV23_Brandbook_Design_Logo__Slider._white .VV23_Brandbook_Design_Logo__SliderItem._white {
  display: flex;
}

@media (max-width: 1279px) {
  .VV23_Brandbook_Design_Logo__Slider {
    height: 590px;
  }

  .VV23_Brandbook_Design_Logo__SliderToggler {
    right: calc((100vw - 1000px) / 2);
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Design_Logo {
    margin-bottom: 54px;
  }

  .VV23_Brandbook_Design_Logo__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Design_Logo__Text {
    margin-bottom: 34px;
  }

  .VV23_Brandbook_Design_Logo__Slider {
    height: 446px;
  }

  .VV23_Brandbook_Design_Logo__SliderToggler {
    right: calc((100vw - 700px) / 2);
  }

  .VV23_Brandbook_Design_Logo__SliderItem svg {
    max-width: 368px;
    height: auto;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Design_Logo {
    margin-bottom: 64px;
  }

  .VV23_Brandbook_Design_Logo__Title {
    margin-bottom: 16px;
  }

  .VV23_Brandbook_Design_Logo__Text {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Design_Logo__Slider {
    height: 438px;
  }

  .VV23_Brandbook_Design_Logo__SliderToggler {
    top: 31px;
    right: 0;
    left: 0;
    transform: rotate(0);
    text-align: center;
  }

  .VV23_Brandbook_Design_Logo__SliderItem {
    padding-left: 30px;
    padding-right: 30px;
  }

  .VV23_Brandbook_Design_Logo__SliderItem svg {
    width: 100%;
    max-width: 300px;
  }

  .VV23_Brandbook_Design_Logo__SliderButton {
    bottom: 27px;
    min-width: 215px;
  }
}

/* Design Monogram */
.VV23_Brandbook_Design_Monogram {
  margin-bottom: 64px;
}

.VV23_Brandbook_Design_Monogram__Title {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Monogram__Text {
  margin-bottom: 50px;
}

.VV23_Brandbook_Design_Monogram__Slider {
  height: 720px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.VV23_Brandbook_Design_Monogram__SliderToggler {
  position: absolute;
  right: calc((100vw - 1200px) / 2);
  transform: rotate(90deg);
  z-index: 1;
}

.VV23_Brandbook_Design_Monogram__SliderItem {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.VV23_Brandbook_Design_Monogram__SliderItem svg {
  display: block;
}

.VV23_Brandbook_Design_Monogram__SliderItem._green {
  background: var(--green500);
}

.VV23_Brandbook_Design_Monogram__SliderItem._white {
  display: none;
  background: var(--white);
}

.VV23_Brandbook_Design_Monogram__SliderButton {
  position: absolute;
  bottom: 47px;
  min-width: 243px;
}

.VV23_Brandbook_Design_Monogram__Slider._white .VV23_Brandbook_Design_Logo__SliderItem._green {
  display: none;
}

.VV23_Brandbook_Design_Monogram__Slider._white .VV23_Brandbook_Design_Logo__SliderItem._white {
  display: flex;
}

@media (max-width: 1279px) {
  .VV23_Brandbook_Design_Monogram__SliderToggler {
    right: calc((100vw - 1000px) / 2);
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Design_Monogram {
    margin-bottom: 30px;
  }

  .VV23_Brandbook_Design_Monogram__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Design_Monogram__Text {
    margin-bottom: 34px;
  }

  .VV23_Brandbook_Design_Monogram__Slider {
    height: 446px;
  }

  .VV23_Brandbook_Design_Monogram__SliderToggler {
    right: calc((100vw - 700px) / 2);
  }

  .VV23_Brandbook_Design_Monogram__SliderItem svg {
    max-width: 235px;
    height: auto;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Design_Monogram {
    margin-bottom: 64px;
  }

  .VV23_Brandbook_Design_Monogram__Title {
    margin-bottom: 16px;
  }

  .VV23_Brandbook_Design_Monogram__Text {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Design_Monogram__Slider {
    height: 438px;
  }

  .VV23_Brandbook_Design_Monogram__SliderToggler {
    top: 31px;
    right: 0;
    left: 0;
    transform: rotate(0);
    text-align: center;
  }

  .VV23_Brandbook_Design_Monogram__SliderItem {
    padding-left: 30px;
    padding-right: 30px;
  }

  .VV23_Brandbook_Design_Monogram__SliderItem svg {
    width: 100%;
    max-width: 195px;
  }

  .VV23_Brandbook_Design_Monogram__SliderButton {
    bottom: 27px;
    min-width: 215px;
  }
}

/* Design Colors */
.VV23_Brandbook_Design_Colors {
  margin-bottom: 64px;
}

.VV23_Brandbook_Design_Colors__Title {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Colors__Subtitle {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Colors_Primary {
  margin-bottom: 50px;
}

.VV23_Brandbook_Design_Colors_Primary__Items {
  display: flex;
  justify-content: space-between;
}

.VV23_Brandbook_Design_Colors_Primary__Item {
  display: flex;
  align-items: flex-end;
  height: 283px;
  padding: 20px;
  border-radius: 20px;
}

.VV23_Brandbook_Design_Colors_Primary__Item._green {
  width: 487px;
  background: var(--green500);
}

.VV23_Brandbook_Design_Colors_Primary__Item._berry {
  width: 487px;
  background: var(--berry1);
}

.VV23_Brandbook_Design_Colors_Primary__Item._black {
  width: 182px;
  background: var(--gray800);
}

.VV23_Brandbook_Design_Colors_Secondary {
  margin-bottom: 50px;
}

.VV23_Brandbook_Design_Colors_Secondary__Items {
  display: flex;
  justify-content: space-between;
}

.VV23_Brandbook_Design_Colors_Secondary__Col {
  width: calc(25% - 11px);
}

.VV23_Brandbook_Design_Colors_Secondary__Row {
  display: flex;
  margin-bottom: 20px;
}

.VV23_Brandbook_Design_Colors_Secondary__Row:last-child {
  margin-bottom: 0;
}

.VV23_Brandbook_Design_Colors_Secondary__Item {
  width: 33.333%;
  height: 44px;
}

.VV23_Brandbook_Design_Colors_Promo__Items {
  display: flex;
  justify-content: space-between;
}

.VV23_Brandbook_Design_Colors_Promo__Col {
  width: 385px;
}

.VV23_Brandbook_Design_Colors_Promo__Item {
  width: 100%;
  padding: 15px 28px;
  margin-bottom: 20px;
  border-radius: 20px;
}

.VV23_Brandbook_Design_Colors_Promo__Item:last-child {
  margin-bottom: 0;
}

@media (max-width: 1279px) {
  .VV23_Brandbook_Design_Colors_Primary__Item._green {
    width: 360px;
  }

  .VV23_Brandbook_Design_Colors_Primary__Item._berry {
    width: 360px;
  }

  .VV23_Brandbook_Design_Colors_Promo__Col {
    width: calc(33.33% - 10px);
  }

  .VV23_Brandbook_Design_Colors_Promo__Item {
    padding: 9px 17px;
    margin-bottom: 12px;
    border-radius: 12px;
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Design_Colors__Title {
    margin-bottom: 18px;
  }

  .VV23_Brandbook_Design_Colors__Subtitle {
    margin-bottom: 18px;
  }

  .VV23_Brandbook_Design_Colors_Primary {
    margin-bottom: 30px;
  }

  .VV23_Brandbook_Design_Colors_Primary__Item {
    height: 170px;
    padding: 12px;
    border-radius: 12px;
  }

  .VV23_Brandbook_Design_Colors_Primary__Item._green {
    width: 268px;
  }

  .VV23_Brandbook_Design_Colors_Primary__Item._berry {
    width: 268px;
  }

  .VV23_Brandbook_Design_Colors_Primary__Item._black {
    width: 145px;
  }

  .VV23_Brandbook_Design_Colors_Secondary {
    margin-bottom: 30px;
  }

  .VV23_Brandbook_Design_Colors_Secondary__Col {
    width: calc(25% - 6px);
  }

  .VV23_Brandbook_Design_Colors_Secondary__Row {
    margin-bottom: 14px;
  }

  .VV23_Brandbook_Design_Colors_Secondary__Item {
    height: 26px;
  }

  .VV23_Brandbook_Design_Colors_Promo__Col {
    width: calc(33.33% - 6px);
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Design_Colors__Title {
    margin-bottom: 16px;
  }

  .VV23_Brandbook_Design_Colors__Subtitle {
    margin-bottom: 16px;
  }

  .VV23_Brandbook_Design_Colors_Primary {
    margin-bottom: 40px;
  }

  .VV23_Brandbook_Design_Colors_Primary__Items {
    display: block;
  }

  .VV23_Brandbook_Design_Colors_Primary__Item {
    display: block;
    margin-bottom: 8px;
    padding: 28px 18px 27px;
    border-radius: 20px;
  }

  .VV23_Brandbook_Design_Colors_Primary__Item:last-child {
    margin-bottom: 0;
  }

  .VV23_Brandbook_Design_Colors_Primary__Item._green {
    width: 100%;
    height: auto;
  }

  .VV23_Brandbook_Design_Colors_Primary__Item._berry {
    width: 100%;
    height: auto;
  }

  .VV23_Brandbook_Design_Colors_Primary__Item._black {
    width: 100%;
    height: auto;
    padding: 11px 18px 10px;
  }

  .VV23_Brandbook_Design_Colors_Secondary {
    margin-bottom: 40px;
  }

  .VV23_Brandbook_Design_Colors_Secondary__Items {
    overflow: auto;
    margin: 0 -10px -10px;
    padding: 0 10px 10px;
  }

  .VV23_Brandbook_Design_Colors_Secondary__Col {
    width: 210px;
    flex-shrink: 0;
    margin-right: 16px;
  }

  .VV23_Brandbook_Design_Colors_Secondary__Item {
    height: 33px;
  }

  .VV23_Brandbook_Design_Colors_Promo__Items {
    overflow: auto;
    margin: 0 -10px -10px;
    padding: 0 10px 10px;
  }

  .VV23_Brandbook_Design_Colors_Promo__Col {
    width: 179px;
    margin-right: 10px;
    flex-shrink: 0;
  }

  .VV23_Brandbook_Design_Colors_Promo__Item {
    padding: 15px 13px;
    margin-bottom: 20px;
    border-radius: 20px;
  }
}

/* Design Fonts */
.VV23_Brandbook_Design_Fonts {
  margin-bottom: 64px;
}

.VV23_Brandbook_Design_Fonts__Title {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Fonts__Row {
  display: flex;
  justify-content: space-between;
}

.VV23_Brandbook_Design_Fonts__Col {
  width: 587px;
}

.VV23_Brandbook_Design_Fonts__Col._villula .VV23_Brandbook_Design_Fonts__Example {
  padding-bottom: 5px;
  background: var(--green500);
}

.VV23_Brandbook_Design_Fonts__Col._villula .VV23_Brandbook_Design_Fonts__Description {
  padding-right: 55px;
}

.VV23_Brandbook_Design_Fonts__Col._euclid .VV23_Brandbook_Design_Fonts__Example {
  background: var(--green50);
}

.VV23_Brandbook_Design_Fonts__Col._euclid .VV23_Brandbook_Design_Fonts__Description {
  padding-right: 37px;
}

.VV23_Brandbook_Design_Fonts__Example {
  margin-bottom: 24px;
  height: 395px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  font-size: 30px;
  text-align: center;
}

@media (max-width: 1279px) {
  .VV23_Brandbook_Design_Fonts__Col {
    width: calc(50% - 10px);
  }

  .VV23_Brandbook_Design_Fonts__Col._villula .VV23_Brandbook_Design_Fonts__Example {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Design_Fonts__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Design_Fonts__Col {
    width: calc(50% - 7px);
  }

  .VV23_Brandbook_Design_Fonts__Example {
    height: 238px;
    margin-bottom: 15px;
    border-radius: 12px;
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Design_Fonts__Title {
    margin-bottom: 16px;
  }

  .VV23_Brandbook_Design_Fonts__Row {
    display: block;
  }

  .VV23_Brandbook_Design_Fonts__Col {
    width: 100%;
    margin-bottom: 22px;
  }

  .VV23_Brandbook_Design_Fonts__Col:last-child {
    margin-bottom: 0;
  }

  .VV23_Brandbook_Design_Fonts__Col._villula .VV23_Brandbook_Design_Fonts__Example {
    padding-bottom: 18px;
  }

  .VV23_Brandbook_Design_Fonts__Col._villula .VV23_Brandbook_Design_Fonts__Example svg {
    max-width: 284px;
  }

  .VV23_Brandbook_Design_Fonts__Col._villula .VV23_Brandbook_Design_Fonts__Description {
    padding-right: 0;
  }

  .VV23_Brandbook_Design_Fonts__Col._euclid .VV23_Brandbook_Design_Fonts__Description {
    padding-right: 0;
  }

  .VV23_Brandbook_Design_Fonts__Example {
    height: 230px;
    font-size: 17px;
  }

  .VV23_Brandbook_Design_Fonts__Description b {
    display: inline-block;
    margin-bottom: 8px;
  }
}

/* Design Patterns */
.VV23_Brandbook_Design_Patterns {
  margin-bottom: 64px;
}

.VV23_Brandbook_Design_Patterns__Title {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Patterns__Slider_Nav {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Patterns__Slider {
  margin-bottom: 46px;
  overflow: hidden;
}

.VV23_Brandbook_Design_Patterns__Slider .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}

.VV23_Brandbook_Design_Patterns__Slider .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

.VV23_Brandbook_Design_Patterns__Bottom {
  display: flex;
}

.VV23_Brandbook_Design_Patterns__Bottom._mobile {
  display: none;
}

.VV23_Brandbook_Design_Patterns__Bottom_Col {
  width: 551px;
  margin-right: 19px;
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Design_Patterns__Title {
    margin-bottom: 18px;
  }

  .VV23_Brandbook_Design_Patterns__Slider_Nav {
    margin-bottom: 18px;
  }

  .VV23_Brandbook_Design_Patterns__Slider {
    margin-bottom: 18px;
  }

  .VV23_Brandbook_Design_Patterns__Bottom_Col {
    width: 332px;
    margin-right: 12px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Design_Patterns__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Design_Patterns__Slider_Nav {
    display: none;
  }

  .VV23_Brandbook_Design_Patterns__Slider {
    display: flex;
    overflow: auto;
    margin: 0 -10px -10px;
    padding: 0 10px 10px;
  }

  .VV23_Brandbook_Design_Patterns__Slider .swiper-slide {
    width: 251px;
    margin-right: 11px;
    border-radius: 16px;
  }

  .VV23_Brandbook_Design_Patterns__Bottom._desktop {
    display: none;
  }

  .VV23_Brandbook_Design_Patterns__Bottom._mobile {
    display: block;
  }

  .VV23_Brandbook_Design_Patterns__Bottom {
    display: block;
    margin-bottom: 22px;
  }

  .VV23_Brandbook_Design_Patterns__Bottom_Col {
    width: 100%;
    margin-right: 0;
  }
}

/* Design Illustrations */
.VV23_Brandbook_Design_Illustrations {
  margin-bottom: 64px;
  max-width: 1131px;
}

.VV23_Brandbook_Design_Illustrations__Title {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Illustrations__Text {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Illustrations__Row {
  display: flex;
  justify-content: space-between;
}

.VV23_Brandbook_Design_Illustrations__Col {
  width: 550px;
}

.VV23_Brandbook_Design_Illustrations__Slider {
  position: relative;
  margin-bottom: 41px;
  overflow: hidden;
}

.VV23_Brandbook_Design_Illustrations__Slider_Nav {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 2;
}

.VV23_Brandbook_Design_Illustrations__Slider .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}

.VV23_Brandbook_Design_Illustrations__Slider .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 1280px) {
  .VV23_Brandbook_Design_Illustrations__Text {
    font-size: 22px !important;
  }
}

@media (max-width: 1279px) {
  .VV23_Brandbook_Design_Illustrations__Col {
    width: calc(50% - 10px);
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Design_Illustrations__Title {
    margin-bottom: 18px;
  }

  .VV23_Brandbook_Design_Illustrations__Text {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Design_Illustrations__Slider {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Design_Illustrations__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Design_Illustrations__Row {
    display: block;
  }

  .VV23_Brandbook_Design_Illustrations__Col {
    width: 100%;
    margin-bottom: 20px;
  }

  .VV23_Brandbook_Design_Illustrations__Col:last-child {
    margin-bottom: 0;
  }

  .VV23_Brandbook_Design_Illustrations__Slider {
    margin-bottom: 14px;
  }

  .VV23_Brandbook_Design_Illustrations__Slider_Nav {
    position: relative;
    bottom: 0;
    left: 0;
    margin-bottom: 16px;
  }

  .VV23_Brandbook_Design_Illustrations__Slider_Nav .VV23_Brandbook__SliderBtn {
    width: 46px;
    height: 46px;
  }
}

/* Design Bubble */
.VV23_Brandbook_Design_Bubble {
  margin-bottom: 64px;
  max-width: 1121px;
}

.VV23_Brandbook_Design_Bubble__Title {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Bubble__Text {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Bubble__Items {
  display: flex;
}

.VV23_Brandbook_Design_Bubble__Item {
  margin-right: 20px;
}

@media (min-width: 1280px) {
  .VV23_Brandbook_Design_Bubble__Text {
    font-size: 22px !important;
  }
}

@media (max-width: 1279px) {
  .VV23_Brandbook_Design_Bubble__Items {
    justify-content: space-between;
  }

  .VV23_Brandbook_Design_Bubble__Item {
    width: calc(33.33% - 10px);
    height: auto;
    margin-right: 0;
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Design_Bubble__Title {
    margin-bottom: 18px;
  }

  .VV23_Brandbook_Design_Bubble__Text {
    margin-bottom: 18px;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Design_Bubble__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Design_Bubble__Text {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Design_Bubble__Items {
    margin: 0 -10px -10px;
    padding: 0 10px 10px;
    overflow: auto;
  }

  .VV23_Brandbook_Design_Bubble__Item {
    width: 217px;
    margin-right: 12px;
    flex-shrink: 0;
    border-radius: 16px;
  }
}

/* Design Creative */
.VV23_Brandbook_Design_Creative {
  margin-bottom: 64px;
}

.VV23_Brandbook_Design_Creative__Title {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Creative__Slider_Nav {
  margin-bottom: 30px;
}

.VV23_Brandbook_Design_Creative__Slider {
  margin-bottom: 64px;
}

.VV23_Brandbook_Design_Creative__Slider .swiper-slide {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
}

.VV23_Brandbook_Design_Creative__Slider .swiper-slide img {
  display: block;
  width: auto;
  height: 468px;
  border-radius: 16px;
  flex-shrink: 0;
}

.bx-no-touch .VV23_Brandbook_Design_Creative__Slider .swiper-slide img {
  transition: .25s transform;
}
.bx-no-touch .VV23_Brandbook_Design_Creative__Slider .swiper-slide:hover{
  position: relative;
  z-index: 2;
}
.bx-no-touch .VV23_Brandbook_Design_Creative__Slider .swiper-slide:hover img{
  transform: scale(1.36);
}
.VV23_Brandbook_Design_Creative__Slider{
  overflow: visible !important;
}
.VV23_Brandbook_Design_Creative__Slider .swiper-wrapper{
  align-items: center;
}


@media (min-width: 1024px) {
  .VV23_Brandbook_Design_Creative__Slider {
    overflow: hidden;
  }
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Design_Creative__Title {
    margin-bottom: 18px;
  }

  .VV23_Brandbook_Design_Creative__Slider_Nav {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Design_Creative__Slider .swiper-wrapper {
    align-items: center;
  }

  .VV23_Brandbook_Design_Creative__Slider .swiper-slide {
    height: 282px;
  }

  .bx-no-touch .VV23_Brandbook_Design_Creative__Slider .swiper-slide:hover img{
    transform: none;
  }

  .VV23_Brandbook_Design_Creative__Slider .swiper-slide img {
    height: 100%;
    width: auto;
  }
}

@media (max-width: 767px) {
  .VV23_Brandbook_Design_Creative__Title {
    margin-bottom: 24px;
  }

  .VV23_Brandbook_Design_Creative__Slider_Nav {
    display: none;
  }

  .VV23_Brandbook_Design_Creative__Slider {
    display: flex;
    margin: 0 -10px -10px;
    padding: 0 10px 10px;
    overflow: auto;
    overflow: auto !important;
  }

  .VV23_Brandbook_Design_Creative__Slider .swiper-wrapper {
    width: auto !important;
    flex-shrink: 0;
  }

  .VV23_Brandbook_Design_Creative__Slider .swiper-slide {
    margin-right: 12px;
  }
}

/* Questions */
.VV23_Brandbook_Questions {
  max-width: 634px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.VV23_Brandbook_Questions__Icon {
  display: block;
  margin-bottom: 22px;
}

.VV23_Brandbook_Questions__Text {
  margin-bottom: 22px;
  font-weight: 700 !important;
}

.VV23_Brandbook_Questions__Link {
  font-weight: 500;
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Questions {
    max-width: 382px;
    margin-bottom: 70px;
  }

  .VV23_Brandbook_Questions__Icon {
    margin-bottom: 12px;
    height: auto;
    width: 24px;
  }

  .VV23_Brandbook_Questions__Text {
    margin-bottom: 12px;
  }
}

/* Footer */
.VV23_Brandbook_Footer {
  margin-bottom: 130px;
}

.VV23_Brandbook_Footer__Social {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.VV23_Brandbook_Footer .SocialItem {
  width: 70px;
  height: 70px;
  margin-left: 4px;
  margin-right: 4px;
  color: var(--white);
  background: var(--green500);
}

.VV23_Brandbook_Footer .SocialItem:hover {
  color: var(--white);
  background: var(--green400);
}

.VV23_Brandbook_Footer .SocialItem svg {
  fill: currentColor !important;
}

.VV23_Brandbook_Footer__Copyright {
  text-align: center;
}

.VV23StandartBottomFixedMenu {
  bottom: 20px !important;
}

@media (max-width: 1023px) {
  .VV23_Brandbook_Footer {
    margin-bottom: 70px;
  }

  .VV23_Brandbook_Footer__Social {
    margin-bottom: 14px;
  }

  .VV23_Brandbook_Footer .SocialItem {
    width: 43px;
    height: 43px;
    margin-left: 2px;
    margin-right: 2px;
  }

  .VV23_Brandbook_Footer .SocialItem svg {
    transform: scale(0.65);
  }
}

@media (max-width: 767px) {
  .VV23StandartBottomFixedMenu {
    left: 50%;
    width: auto;
    transform: translateX(-50%) !important;
  }
  .VV23StandartBottomFixedMenu._hidden {
    transform: translateY(100%) translateX(-50%) !important;
  }
}
/* End */
/* /brand/css/style.css?175128285567770 */