@import "/etc.clientlibs/rh/clientlibs/clientlib-vendor.min.css";
@import "/etc.clientlibs/rh/clientlibs/clientlib-base.min.css";

html {
  font-size: 12px;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

a {
  color: initial;
  cursor: pointer;
}

img {
  width: 100%;
}

/* USED BY: src/components/RHImage */
.rhimage-before::before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
  background-color: #0000001a;
  z-index: 1;
}

/* USED BY: src/components/AnimatedHamburgerIcon */
#hamburgerIcon {
  width: 24px;
  height: 18px;
  position: relative;
  background: transparent;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#rhr-hamburger-icon-wrapper #hamburgerIcon {
  width: 15px;
  height: 15px;
}

#hamburgerIcon span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  top: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#rhr-hamburger-icon-wrapper #hamburgerIcon span {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  transition-property: transform, top, left, width;
}

/* SEE https://codepen.io/designcouch/pen/Atyop nav-icon3 for example*/
#hamburgerIcon span:nth-child(1) {
  top: 0px;
}

#hamburgerIcon span:nth-child(2),
#hamburgerIcon span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

#rhr-hamburger-icon-wrapper #hamburgerIcon span:nth-child(2),
#rhr-hamburger-icon-wrapper #hamburgerIcon span:nth-child(3) {
  top: 6px;
}

#hamburgerIcon span:nth-child(4) {
  top: 16px;
}

#rhr-hamburger-icon-wrapper #hamburgerIcon span:nth-child(4) {
  top: 12px;
}

#hamburgerIcon.open span:nth-child(1),
#hamburgerIcon.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}

#rhr-hamburger-icon-wrapper #hamburgerIcon.open span:nth-child(1),
#rhr-hamburger-icon-wrapper #hamburgerIcon.open span:nth-child(4) {
  top: 6px;
}

#hamburgerIcon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#hamburgerIcon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* USED BY: src/components/RHImage and src/components/ImageSkeleton */
[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {
  height: auto;
}
[style*="--aspect-ratio"] {
  position: relative;
}
[style*="--aspect-ratio"]::before {
  content: "";
  display: block;
  padding-bottom: calc(100% / (var(--aspect-ratio)));
}
[style*="--aspect-ratio"] > :first-child {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

/* USED BY: salesforce chat plugin */
body[data-page-path*="/swatch/order.jsp"] #chatContainer,
body[data-page-path*="/return"] #chatContainer,
body[data-page-path*="/guest-house"] #chatContainer,
body[data-page-path*="/guesthouse/newyork"] #chatContainer,
body[data-page-path*="/rooms"] #chatContainer,
body[data-page-path*="/inquire"] #chatContainer,
body[data-page-path*="/diningroom"] #chatContainer,
body[data-page-path*="/champagnecaviarbar"] #chatContainer,
body[data-page-path*="/rooftop"] #chatContainer,
body[data-page-path*="/rooms/guestrooms"] #chatContainer,
body[data-page-path*="/rooms/guestsuites"] #chatContainer,
body[data-page-path*="/rooms/theresidence"] #chatContainer,
body[data-page-path="/"] #chatContainer,
body[data-page-path*="/content/rh/us/en/guesthouse"] #chatContainer {
  display: none !important;
}

/* hide above nav banner for AEM pages */
body[data-page-path*="/guest-house"] #aboveNavBanner,
body[data-page-path*="/guesthouse/newyork"] #aboveNavBanner,
body[data-page-path*="/rooms"] #aboveNavBanner,
body[data-page-path*="/inquire"] #aboveNavBanner,
body[data-page-path*="/diningroom"] #aboveNavBanner,
body[data-page-path*="/champagnecaviarbar"] #aboveNavBanner,
body[data-page-path*="/rooftop"] #aboveNavBanner,
body[data-page-path*="/rooms/guestrooms"] #aboveNavBanner,
body[data-page-path*="/rooms/guestsuites"] #aboveNavBanner,
body[data-page-path*="/rooms/theresidence"] #aboveNavBanner,
body[data-page-path="/"] #aboveNavBanner,
body[data-page-path*="/content/rh/us/en/guesthouse"] #aboveNavBanner {
  display: none !important;
}

body[data-page-path*="/diningroom"],
body[data-page-path*="/champagnecaviarbar"],
body[data-page-path*="/rooftop"],
body[data-page-path*="/rooms/guestrooms"],
body[data-page-path*="/rooms/guestsuites"],
body[data-page-path*="/rooms/theresidence"] {
  background-color: #000000;
}

body.hideChat #chatContainer {
  display: none;
}

/* USED BY: src/components/RHDMVideo */
/* VideoScrubber - common styles */
.s7videoviewer .s7videoscrubber .s7knob {
  width: 2px !important;
  height: 19px !important;
}

.s7videoviewer .s7videoscrubber .s7track {
  height: 2px !important;
  background-color: #ffffff !important;
}
.s7videoviewer .s7videoscrubber .s7trackloaded {
  height: 2px !important;
  background-color: #ffffff !important;
}
.s7videoviewer .s7videoscrubber .s7trackplayed {
  height: 2px !important;
  background-color: #ffffff !important;
}

/* VideoTime - common styles */
.s7videoviewer .s7videotime {
  color: white !important;
}
/* .s7videoviewer.s7mouseinput .s7socialshare {
  top: 860px !important;
  right: 42px !important;
}
.s7videoviewer.s7mouseinput .s7mutablevolume {
  right: 78px !important;
}
.s7videoviewer.s7mouseinput .s7videotime {
  right: 111px !important;
} */

/* USED BY: src/components/MediaPlayer */
@font-face {
  font-family: "MediaPlayerTimeDisplay";
  font-feature-settings: "tnum" 1;
  src: url(data:application/x-font-woff;charset=utf-8;base64,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);
}

body[data-author-zen-pathname^="/content/"] .cq-placeholder,
body[data-author-zen-pathname^="/content/"] .new {
  margin: 0 !important;
  height: 0 !important;
}

body[data-author-zen-pathname^="/content/"]
  [data-component-name="EditableContainer"] {
  position: static !important;
}
body[data-author-zen-pathname^="/content/"] .cq-Editable-dom--container,
body[data-author-zen-pathname^="/content/"]
  .cq-Editable-dom--container.aem-GridColumn {
  padding-top: 0px;
  padding-bottom: 0px;
}

.MuiGridListTile-root {
  outline: none;
}

body[data-brand="TN"][data-user-type="CONTRACT"]
  [data-navigation-account-item-id*="wish-list"],
body[data-brand="TN"][data-user-type="TRADE"]
  [data-navigation-account-item-id*="wish-list"] {
  display: none !important;
}

.fadeInUp {
  animation: fadeInUp ease-in;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}