ost-components 0.0.1

package/dist/index.css

@@ -0,0 +1,741 @@
+.layout-module__fluidLayout--BNE04[class] {
+  font-size: 1rem;
+}
+
+.layout-module__staticLayout--x_6dR[class] {
+  font-size: 1px;
+}
+
+.Button-module__text--fXCJk {
+  font-size: var(--button-font-size, 16em);
+  white-space: nowrap;
+}
+
+.Button-module__root--JgX5G {
+  all: unset;
+  display: inline-flex;
+  border-radius: 60em;
+  font-family: var(--font-family);
+  font-weight: 500;
+  cursor: pointer;
+  box-sizing: border-box;
+  line-height: var(--button-line-height, 1.5);
+  color: var(--button-color);
+  background-color: var(--button-bg);
+  align-items: center;
+  justify-content: center;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+@media (hover: hover) and (pointer: fine) {
+    .Button-module__root--JgX5G:hover {
+      --button-bg: var(--button-bg-hover);
+    }
+
+    .Button-module__root--JgX5G:active {
+      --button-bg: var(--button-bg-active);
+    }
+  }
+
+.Button-module__root--JgX5G:disabled {
+    cursor: default;
+    --button-bg: var(--button-bg-disabled);
+    --button-color: var(--button-color-disabled);
+  }
+
+.Button-module__root--JgX5G:disabled .Button-module__text--fXCJk {
+      opacity: var(--disabled-text-opacity, 0.4);
+    }
+
+.Button-module__xs--QiLu6 {
+  padding: 5em 16em 7em;
+}
+
+.Button-module__s--BPnwl {
+  padding: 7em 18em 9em;
+}
+
+.Button-module__m--Za884 {
+  padding: 10em 22em 12em;
+  --button-line-height: 1.444;
+  --button-font-size: 18em;
+}
+
+.Button-module__l--ERI3t {
+  padding: 13em 28em 15em;
+  --button-line-height: 1.333;
+  --button-font-size: 24em;
+}
+
+.Button-module__primary--cdc4_.Button-module__green--alhqL {
+    --button-color: var(--primary-green-button-text);
+    --button-bg: var(--primary-green-button-bg);
+    --button-bg-hover: var(--primary-green-button-bg-hover);
+    --button-bg-active: var(--primary-green-button-bg-active);
+    --button-bg-disabled: var(--primary-green-button-bg-disabled);
+  }
+
+.Button-module__primary--cdc4_.Button-module__blue--NCGMs {
+    --button-color: var(--primary-blue-button-text);
+    --button-bg: var(--primary-blue-button-bg);
+    --button-bg-hover: var(--primary-blue-button-bg-hover);
+    --button-bg-active: var(--primary-blue-button-bg-active);
+    --button-bg-disabled: var(--primary-blue-button-bg-disabled);
+    --button-color-disabled: var(--primary-blue-button-color-disabled);
+  }
+
+.Button-module__primary--cdc4_.Button-module__white--zRU5W {
+    --button-color: var(--primary-white-button-text);
+    --button-bg: var(--primary-white-button-bg);
+    --button-bg-hover: var(--primary-white-button-bg-hover);
+    --button-bg-active: var(--primary-white-button-bg-active);
+    --button-bg-disabled: var(--primary-white-button-bg-disabled);
+  }
+
+.Button-module__primary--cdc4_.Button-module__black--Yi4Rj {
+    --button-color: var(--primary-black-button-text);
+    --button-bg: var(--primary-black-button-bg);
+    --button-bg-hover: var(--primary-black-button-bg-hover);
+    --button-bg-active: var(--primary-black-button-bg-active);
+    --button-bg-disabled: var(--primary-black-button-bg-disabled);
+    --button-color-disabled: var(--primary-black-button-color-disabled);
+  }
+
+.Button-module__secondary--pJ5lp {
+  box-shadow: inset 0 0 0 var(--secondary-border-width, 1em)
+    var(--secondary-border-color);
+}
+
+.Button-module__secondary--pJ5lp.Button-module__l--ERI3t {
+    --secondary-border-width: 2em;
+  }
+
+.Button-module__secondary--pJ5lp.Button-module__green--alhqL {
+    --disabled-text-opacity: 0.6;
+    --button-color: var(--secondary-green-button-text);
+    --secondary-border-color: var(--secondary-green-button-border);
+    --secondary-button-border-hover: var(--secondary-green-button-border-hover);
+    --secondary-button-color-hover: var(--secondary-green-button-color-hover);
+    --secondary-button-border-active: var(
+      --secondary-green-button-border-active
+    );
+    --secondary-button-color-active: var(--secondary-green-button-color-active);
+    --secondary-button-color-disabled: var(
+      --secondary-green-button-color-disabled
+    );
+    --secondary-button-border-disabled: var(
+      --secondary-green-button-border-disabled
+    );
+  }
+
+.Button-module__secondary--pJ5lp.Button-module__blue--NCGMs {
+    --button-color: var(--secondary-blue-button-text);
+    --secondary-border-color: var(--secondary-blue-button-border);
+    --secondary-button-border-hover: var(--secondary-blue-button-border-hover);
+    --secondary-button-color-hover: var(--secondary-blue-button-color-hover);
+    --secondary-button-border-active: var(
+      --secondary-blue-button-border-active
+    );
+    --secondary-button-color-active: var(--secondary-blue-button-color-active);
+    --secondary-button-color-disabled: var(
+      --secondary-blue-button-color-disabled
+    );
+    --secondary-button-border-disabled: var(
+      --secondary-blue-button-border-disabled
+    );
+  }
+
+@media (hover: hover) and (pointer: fine) {
+    .Button-module__secondary--pJ5lp:hover {
+      --button-color: var(--secondary-button-color-hover);
+      --secondary-border-color: var(--secondary-button-border-hover);
+    }
+
+    .Button-module__secondary--pJ5lp:active {
+      --button-color: var(--secondary-button-color-active);
+      --secondary-border-color: var(--secondary-button-border-active);
+    }
+  }
+
+.Button-module__secondary--pJ5lp:disabled {
+    --button-color: var(--secondary-button-color-disabled);
+    --secondary-border-color: var(--secondary-button-border-disabled);
+  }
+
+.FAQ-module__root--XQD00 {
+  font-family: var(--font-family);
+  display: grid;
+  grid-gap: 24em;
+  gap: 24em;
+}
+
+.FAQ-module__item--MhSbC {
+  border-radius: 16em;
+  background-color: #fff;
+  padding: 24em 32em 32em;
+  display: grid;
+  grid-gap: 16em;
+  gap: 16em;
+}
+
+.FAQ-module__question--tbhzI {
+  --icon-fill-color: var(--blue80);
+  --icon-stroke-color: var(--static-black);
+  all: unset;
+  width: 100%;
+  text-align: left;
+  cursor: pointer;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-gap: 16em;
+  gap: 16em;
+  align-items: center;
+  font-weight: 500;
+}
+
+.FAQ-module__question--tbhzI:hover {
+  --icon-fill-color: var(--blue60);
+  --icon-stroke-color: var(--blue80);
+}
+
+.FAQ-module__question--tbhzI:active {
+  --icon-fill-color: #0a35ad; /* TODO токена нет, потом пересадить */
+  --icon-stroke-color: var(--static-black);
+}
+
+.FAQ-module__questionText--rAQxb {
+  font-family: var(--font-family-typo);
+  font-size: 24em;
+}
+
+.FAQ-module__iconContainer--FS6za {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.FAQ-module__iconContainer--FS6za svg {
+  width: 40em;
+  height: 40em;
+}
+
+.FAQ-module__answer--Gt_RM {
+  font-size: 18em;
+  line-height: 1.5;
+  color: rgba(0, 0, 0, 0.48);
+}
+
+.FAQ-module__withBorder--C3IMS .FAQ-module__item--MhSbC {
+  border: 2em solid var(--static-grey);
+}
+
+.FAQ-module__withBg--ruCY8 {
+  background-color: var(--static-grey);
+  padding: 20em;
+}
+
+@media screen and (max-width: 768px) {
+  .FAQ-module__root--XQD00 {
+    gap: 16em;
+    padding: 20em;
+  }
+
+  .FAQ-module__item--MhSbC {
+    padding: 16em 16em 20em;
+  }
+}
+
+@media screen and (max-width: 360px) {
+  .FAQ-module__questionText--rAQxb {
+    font-size: 16em;
+  }
+
+  .FAQ-module__answer--Gt_RM {
+    font-size: 16em;
+  }
+}
+
+.Header-module__root--r3HBs {
+  font-family: var(--font-family);
+  display: grid;
+  padding: 0 20em;
+  grid-auto-flow: column;
+  position: relative;
+}
+
+.Header-module__root--r3HBs.Header-module__exposedMode--yUNI8 {
+    grid-auto-flow: unset;
+  }
+
+.Header-module__light--pMjK9 {
+  --general-color: var(--general-light-color);
+  --secondary-color: var(--secondary-light-color);
+}
+
+.Header-module__dark--K0YDF {
+  --general-color: var(--general-dark-color);
+  --secondary-color: var(--secondary-dark-color);
+}
+
+.Header-module__leftContainer--PZgyr {
+  display: grid;
+  align-items: center;
+  justify-self: start;
+  height: 80em;
+}
+
+.Header-module__rightContainer--UkVek {
+  display: grid;
+  grid-auto-flow: column;
+  justify-content: end;
+  align-items: center;
+  grid-gap: 16em;
+  gap: 16em;
+  justify-self: end;
+}
+
+.Header-module__rightContainer--UkVek.Header-module__hidden--hKTxA {
+    visibility: hidden;
+    position: absolute;
+    right: 0;
+  }
+
+.Header-module__navList--E6aFg {
+  list-style: none;
+  display: grid;
+  grid-gap: 16em;
+  gap: 16em;
+  grid-auto-flow: column;
+  padding: 0;
+}
+
+.Header-module__menuLink--QLzUK {
+  all: unset;
+  color: var(--menu-link-color);
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+@media (hover: hover) and (pointer: fine) {
+    .Header-module__menuLink--QLzUK:hover {
+      color: var(--menu-link-color-hover);
+    }
+  }
+
+.Header-module__light--pMjK9 .Header-module__menuLink--QLzUK {
+    --menu-link-color: var(--general-color);
+    --menu-link-color-hover: var(--link-blue-color-hover);
+  }
+
+.Header-module__dark--K0YDF .Header-module__menuLink--QLzUK {
+    --menu-link-color: var(--general-color);
+    --menu-link-color-hover: var(--link-green-color-hover);
+  }
+
+.Header-module__menuLinkText--J8TxL {
+  font-size: 16em;
+}
+
+.Header-module__burgerMenuContainer--nMgsS {
+  display: grid;
+  justify-self: end;
+  align-self: center;
+}
+
+.Header-module__burgerMenuButton--hrBJQ {
+  all: unset;
+  cursor: pointer;
+  display: inline-grid;
+}
+
+.Header-module__burgerMenu--wpknD {
+  padding: 20em;
+  display: grid;
+  grid-gap: 20em;
+  gap: 20em;
+  grid-auto-rows: -webkit-min-content;
+  grid-auto-rows: min-content;
+  grid-auto-columns: -webkit-min-content;
+  grid-auto-columns: min-content;
+
+  position: fixed;
+  z-index: 10000;
+  top: 0;
+  left: 0;
+  width: -webkit-fill-available;
+  height: -webkit-fill-available;
+  background: var(--mobile-menu-bg);
+}
+
+.Header-module__light--pMjK9 .Header-module__burgerMenu--wpknD {
+    --mobile-menu-bg: var(--mobile-menu-blue-bg);
+  }
+
+.Header-module__dark--K0YDF .Header-module__burgerMenu--wpknD {
+    --mobile-menu-bg: var(--mobile-menu-black-bg);
+  }
+
+.Header-module__burgerMenu--wpknD .Header-module__navList--E6aFg {
+    grid-auto-flow: row;
+    gap: 20em;
+  }
+
+.Header-module__burgerMenu--wpknD .Header-module__menuLinkText--J8TxL {
+    font-size: 20em;
+  }
+
+.Header-module__exposedMenu--L54Cl {
+  display: grid;
+  grid-gap: 20em;
+  gap: 20em;
+  justify-items: start;
+}
+
+.Header-module__exposedMenu--L54Cl .Header-module__navList--E6aFg {
+    grid-auto-flow: row;
+  }
+
+.Header-module__logo--Kmtwb {
+  width: 152em;
+  height: 28em;
+}
+
+@media screen and (max-width: 768px) {
+  .Header-module__leftContainer--PZgyr {
+    height: 60em;
+  }
+
+  .Header-module__logo--Kmtwb {
+    width: 108em;
+    height: 20em;
+  }
+}
+
+.Footer-module__root--VMT_P {
+  font-family: var(--font-family);
+  background-color: var(--footer-bg);
+  display: grid;
+  grid-gap: 32em;
+  gap: 32em;
+  padding: 0 0 28em;
+}
+
+.Footer-module__light--K1Vx3 {
+  --general-color: var(--general-light-color);
+  --secondary-color: var(--secondary-light-color);
+  --footer-bg: var(--footer-light-bg);
+  --footer-contrast-color: var(--footer-light-contrast-color);
+}
+
+.Footer-module__dark--GblEw {
+  --general-color: var(--general-dark-color);
+  --secondary-color: var(--secondary-dark-color);
+  --footer-bg: var(--footer-dark-bg);
+  --footer-contrast-color: var(--footer-dark-contrast-color);
+}
+
+.Footer-module__light--K1Vx3 .Footer-module__footerLink--XLvvf[class] {
+    --menu-link-color: var(--footer-light-link-color);
+  }
+
+.Footer-module__dark--GblEw .Footer-module__footerLink--XLvvf[class] {
+    --menu-link-color: var(--footer-dark-link-color);
+  }
+
+.Footer-module__bottomContent--UdZCW {
+  padding: 0 20em;
+  display: grid;
+  grid-auto-rows: -webkit-min-content;
+  grid-auto-rows: min-content;
+}
+
+.Footer-module__copyright--YlZ8a {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16em;
+  align-items: baseline;
+}
+
+.Footer-module__footerCrumb--OuDMq {
+  text-decoration: none;
+  font-size: 16em;
+  justify-self: start;
+  opacity: 0.5;
+  color: var(--footer-contrast-color);
+}
+
+@media (hover: hover) and (pointer: fine) {
+    .Footer-module__footerCrumb--OuDMq:link:hover {
+      text-decoration: underline;
+    }
+  }
+
+.Footer-module__social--LDpZU {
+  display: grid;
+  grid-auto-flow: column;
+  grid-gap: 12em;
+  gap: 12em;
+  flex: 1;
+  justify-content: end;
+}
+
+.Footer-module__light--K1Vx3 .Footer-module__socialLink--wHUYf:hover {
+    --general-color: var(--blue60);
+  }
+
+.Footer-module__dark--GblEw .Footer-module__socialLink--wHUYf:hover {
+    --general-color: var(--green40);
+  }
+
+@media screen and (max-width: 768px) {
+  .Footer-module__root--VMT_P {
+    padding-bottom: 32em;
+  }
+
+  .Footer-module__copyright--YlZ8a {
+    flex-direction: column;
+  }
+  .Footer-module__social--LDpZU {
+    justify-content: start;
+    padding-top: 16em;
+  }
+}
+
+.Heading-module__root--cxQbw {
+  font-family: var(--font-family-typo);
+  font-variant-numeric: slashed-zero;
+  font-feature-settings: "ss06" 1, "zero";
+  font-weight: 500;
+  margin: 0;
+}
+
+.Heading-module__text--NdLK_ {
+  font-size: var(--fs);
+  line-height: var(--lh);
+}
+
+.Heading-module__m--HvQbM {
+  --fs: 52em;
+  --lh: 1.08;
+}
+
+.Heading-module__l--x15s8 {
+  --fs: 60em;
+  --lh: 1.07;
+}
+
+.Heading-module__xl--clv5l {
+  --fs: 72em;
+  --lh: 1.06;
+}
+
+.Heading-module__xxl--qN0Pa {
+  --fs: 86em;
+  --lh: 1.02;
+}
+
+.Heading-module__xxxl--_qGDW {
+  --fs: 124em;
+  --lh: 0.9;
+}
+
+.HotelCard-module__card--J06q1 {
+  font-family: var(--font-family);
+  position: relative;
+  width: 440em;
+  height: 358em;
+  border-radius: 16em;
+  overflow: hidden;
+  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
+}
+
+.HotelCard-module__image--S6ocB {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
+.HotelCard-module__rating--pw3y8 {
+  position: absolute;
+  top: 0;
+  right: 16em;
+  color: var(--blue80);
+  background: url(896f1dcf256d0c8af555.svg) no-repeat;
+  background-size: cover;
+  box-sizing: border-box;
+  width: 56em;
+  height: 79em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.HotelCard-module__discountLabel--G0fJh {
+  background-color: rgba(10, 79, 236, 1);
+  position: absolute;
+  left: 7em;
+  top: 8em;
+  width: 120em;
+  height: 66em;
+  border-radius: 12em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.HotelCard-module__discountLabelInner--fSbXi {
+  font-weight: 500;
+  font-size: 36em;
+  color: var(--static-white);
+}
+
+.HotelCard-module__ratingInner--wIy2O {
+  font-size: 23em;
+  font-weight: bold;
+}
+
+.HotelCard-module__bottomOverlay--V4ham {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--static-white);
+  border-radius: 16em;
+  padding: 16em;
+  display: flex;
+  flex-direction: column;
+}
+
+.HotelCard-module__name--IcST5 {
+  font-size: 20em;
+  font-weight: 500;
+}
+
+.HotelCard-module__address--vs3wb {
+  margin-top: 8em;
+}
+
+.HotelCard-module__addressInner--Q7v6i {
+  font-size: 16em;
+}
+
+.HotelCard-module__priceBlock--MI1So {
+  display: flex;
+  gap: 15em;
+  margin-top: 10em;
+  align-items: center;
+}
+
+.HotelCard-module__prices--m_9KZ {
+  display: flex;
+  align-items: baseline;
+  gap: 12em;
+}
+
+.HotelCard-module__oldPrice--chClN {
+  text-decoration: line-through;
+  opacity: 0.3;
+  font-size: 20em;
+  line-height: 100%;
+}
+
+.HotelCard-module__discount--ldg_V {
+  color: var(--static-white);
+  background-color: rgba(10, 79, 236, 1);
+  padding: 6em 10em;
+  border-radius: 8em;
+}
+
+.HotelCard-module__discountInner--q5SJv {
+  font-size: 24em;
+  line-height: 1.333;
+  font-weight: 500;
+}
+
+.HotelCard-module__price--De503 {
+  color: var(--blue80);
+  font-weight: 500;
+  font-size: 32em;
+  line-height: 100%;
+}
+
+.HotelCard-module__nights--L4NY4 {
+  font-size: 16em;
+}
+
+.HotelCard-module__roomType--Z7Vyt {
+  font-size: 16em;
+}
+
+.HotelCard-module__dotSeparator--Boyjj {
+  width: 4em;
+  height: 4em;
+  border-radius: 4em;
+  background: var(--static-black);
+}
+
+.HotelCard-module__bottomInfo--_g0a0 {
+  display: flex;
+  gap: 10em;
+  align-items: center;
+}
+
+.Text-module__root--sYLHk {
+  font-family: var(--font-family);
+  font-weight: 400;
+  margin: 0;
+}
+
+.Text-module__text--Z2j5F {
+  font-size: var(--fs);
+  line-height: var(--lh);
+}
+
+.Text-module__xxl--CYHJa {
+  --fs: 40em;
+  --lh: 1.1;
+}
+
+.Text-module__xl-wide--zDvmm {
+  --fs: 32em;
+  --lh: 1.25;
+}
+
+.Text-module__xl-narrow--SfZP0 {
+  --fs: 32em;
+  --lh: 1.1875;
+}
+
+.Text-module__l2-wide--zM0wM {
+  --fs: 24em;
+  --lh: 1.333;
+  font-weight: 500;
+}
+
+.Text-module__l-wide--qduSX {
+  --fs: 24em;
+  --lh: 1.333;
+}
+
+.Text-module__l-narrow--UjfZa {
+  --fs: 24em;
+  --lh: 1.166;
+}
+
+.Text-module__m--vcUB_ {
+  --fs: 18em;
+  --lh: 1.333;
+}
+
+.Text-module__cap-s--BvqfO {
+  --fs: 16em;
+  --lh: 1.125;
+}
+
+.Text-module__cap-xs--BQZgf {
+  --fs: 14em;
+  --lh: 1.142;
+}
+