@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
a.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.button {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  min-height: 2rem;
  padding: 0 0.541rem;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  color: #212121;
  background-color: white;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  border: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .button img {
    margin-right: 0.52rem; }
  .button.transparent {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .button.dark {
    color: white;
    background-color: #212121; }
    .button.dark:hover, .button.dark:active {
      background-color: #37474f; }
  .button.secondary {
    background-color: rgba(0, 0, 0, 0.12); }
    .button.secondary:hover, .button.secondary:active {
      background-color: rgba(0, 0, 0, 0.3); }
  .button.primary {
    color: white;
    background-color: #f06292; }
    .button.primary:disabled {
      background-color: rgba(240, 98, 146, 0.5); }
    .button.primary:hover, .button.primary:active {
      background-color: rgba(240, 98, 146, 0.8); }
  .button.small {
    min-height: 1.5rem;
    height: 1.5rem;
    font-size: 0.75rem;
    padding: 0 10px; }
    @media only screen and (max-width: 847px) {
      .button.small {
        min-height: 1rem;
        height: 1rem;
        font-size: 0.625rem;
        padding: 0 8px; } }
  .button.medium {
    padding: 10px 25px; }
  .button.big {
    padding: 25px 20px;
    font-size: 1rem; }

select {
  height: 33px;
  min-width: 75px;
  padding-left: 7px;
  border-radius: 2px;
  font-size: 0.8125rem;
  color: rgba(0, 0, 0, 0.54);
  border: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.46);
  background-color: rgba(0, 0, 0, 0.12);
  background-image: url("/static/assets/icons/collapse.svg");
  background-position: calc(100% - 15px + (12px / 2)) 50%;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.separator {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

.full-height {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.relative-container {
  position: relative; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 100%; }

body {
  -webkit-text-size-adjust: 100%; }

html, body {
  margin: 0;
  padding: 0;
  width: 100vw;
  overflow-x: hidden;
  min-height: 100%; }

ul {
  margin: 0;
  padding: 0; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

body, button, a {
  font-family: 'Roboto', sans-serif;
  color: #212121; }

a {
  text-decoration: none;
  color: #212121;
  cursor: pointer; }

button, a {
  cursor: pointer;
  outline: none;
  border: 0;
  background: none;
  padding: 0;
  margin: 0; }

button:disabled,
button[disabled] {
  cursor: default; }

canvas {
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

input[type="text"] {
  height: 34px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.89);
  border: solid 1px rgba(165, 188, 193, 0.28);
  padding: 0 15px;
  font-size: 0.8125rem;
  color: #4a4a4a;
  -webkit-appearance: none; }
  input[type="text"]:disabled {
    background-color: rgba(151, 151, 151, 0.26);
    cursor: not-allowed; }

input,
textarea,
button,
select,
li,
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

#__next {
  background-color: white;
  height: 100%;
  position: relative; }
  #__next > div:first-child {
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; }

@media only screen and (min-width: 2881px) {
  html {
    font-size: 200%; } }

.error-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.125rem; }
  .error-page .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .error-page h1 {
    font-size: 5.313rem;
    font-weight: normal;
    text-align: center;
    margin: 0;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.7); }
  .error-page a {
    font-size: 1.875rem;
    text-decoration: underline;
    color: rgba(0, 0, 0, 0.54); }
  .error-page img {
    width: 160px; }
  @media only screen and (max-width: 847px) {
    .error-page h1 {
      font-size: 2.25rem; } }

.about-us .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 25px; }

.about-us h2, .about-us p {
  margin: 0; }

.about-us p {
  line-height: 1.7rem; }

.about-us h2 {
  text-align: center;
  font-size: 2.25rem;
  margin-bottom: 15px; }

.about-us section {
  margin-bottom: 45px; }
  .about-us section p {
    margin: 5px 0; }

.about-us .bold {
  color: #78909c;
  font-weight: 700; }

.about-us .mission {
  background-color: rgba(26, 35, 126, 0.1); }

.about-us .team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none; }
  .about-us .team li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .about-us .team li .title {
      color: #78909c;
      font-size: 1.1rem;
      text-align: center;
      height: 48px; }
    .about-us .team li img {
      max-width: 100%;
      height: auto;
      width: auto;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      -webkit-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
      .about-us .team li img:hover {
        -webkit-filter: grayscale(0.3);
                filter: grayscale(0.3); }

.about-us section {
  padding: 10px 25%; }

@media only screen and (max-width: 847px) {
  .about-us section {
    padding: 10px 15%; }
  .about-us .team {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .about-us p {
    text-align: center; } }

.account-page .content {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem; }

.account-page .account-content {
  background: white;
  border-radius: 8px;
  padding: 2rem;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
  .account-page .account-content h2 {
    margin-bottom: 2rem;
    color: #333;
    font-size: 1.8rem; }
  .account-page .account-content .loading-text {
    text-align: center;
    margin-top: 2rem;
    font-size: 1.2rem; }
  .account-page .account-content .loading-spinner {
    width: 100px; }

.account-page .account-section {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #eee; }
  .account-page .account-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  .account-page .account-section h3 {
    color: #666;
    font-size: 1.2rem;
    margin-bottom: 1rem; }

.account-page .profile-info p,
.account-page .subscription-info p {
  margin: 0.5rem 0;
  color: #444;
  font-size: 1rem;
  line-height: 1.5; }
  .account-page .profile-info p strong,
  .account-page .subscription-info p strong {
    color: #333;
    margin-right: 0.5rem; }

.account-page .subscription-info p {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  color: #555; }

.account-page .subscription-info a {
  color: #0070f3;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }
  .account-page .subscription-info a:hover {
    color: #0056b3; }

.account-page .button {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .account-page .button.dark {
    background: #333;
    color: white; }
    .account-page .button.dark:hover {
      background: #444; }

.account-page .status-message {
  text-align: center;
  padding: 2rem;
  border-radius: 8px;
  background-color: #f8f9fa;
  margin: 2rem 0; }
  .account-page .status-message h2 {
    margin-bottom: 1rem;
    font-size: 1.5rem; }
  .account-page .status-message p {
    margin-bottom: 1.5rem;
    color: #666; }
  .account-page .status-message.success {
    background-color: #e8f5e9;
    border: 1px solid #c8e6c9; }
  .account-page .status-message.error {
    background-color: #ffebee;
    border: 1px solid #ffcdd2; }
  .account-page .status-message.cancelled {
    background-color: #fff3e0;
    border: 1px solid #ffe0b2; }

.account-page .profile-photo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: block;
  margin: 0 auto; }

.side-bar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 33%;
  min-width: 480px;
  max-width: 30rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.catalog-mobile-menu {
  width: 100%;
  height: 48px;
  height: calc(48px + env(safe-area-inset-bottom));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .catalog-mobile-menu.expended {
    display: none; }
  .catalog-mobile-menu > button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 50%; }
    .catalog-mobile-menu > button:first-child {
      border-right: 1px solid rgba(255, 255, 255, 0.26); }
    .catalog-mobile-menu > button:last-child {
      border-left: 1px solid rgba(255, 255, 255, 0.26); }
  .catalog-mobile-menu .catalog-mobile-menu-button {
    height: 100%;
    padding: 0;
    border-radius: 0; }
    .catalog-mobile-menu .catalog-mobile-menu-button > span {
      color: white;
      font-size: 0.875rem;
      font-weight: 500; }
      .catalog-mobile-menu .catalog-mobile-menu-button > span > img {
        margin-right: 0.4rem;
        width: 1.2rem; }

.dwf-radio-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .dwf-radio-button input[type="radio"] {
    display: none; }
  .dwf-radio-button label {
    border: 2px solid #212121;
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    content: ' ';
    display: inline-block;
    position: relative; }
    .dwf-radio-button label:before {
      position: absolute;
      width: 2rem;
      height: 2rem;
      content: ' ';
      display: inline-block;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .dwf-radio-button.checked label {
    border: 2px solid #f06292; }
    .dwf-radio-button.checked label:after {
      position: absolute;
      border-radius: 100%;
      background: #f06292;
      width: 0.5rem;
      height: 0.5rem;
      content: ' ';
      display: inline-block;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .dwf-radio-button span {
    margin-left: 13px;
    cursor: pointer; }

.category-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }
  .category-header .title {
    margin: 0;
    font-weight: normal;
    font-size: 1.5rem; }
  .category-header .back-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    margin-left: 5px; }
    .category-header .back-button svg {
      height: 1.7rem; }

.desktop .category-header {
  margin: 32px 0 19px 0; }

.mobile .category-header {
  height: 35px;
  min-height: 35px;
  max-height: 35px;
  background-color: #212121;
  color: white; }
  .mobile .category-header .title {
    font-size: 0.875rem; }
  .mobile .category-header .back-button {
    left: 11px;
    padding: 7px !important;
    margin: 0 !important;
    color: white; }
    .mobile .category-header .back-button svg {
      height: 0.8rem;
      margin-right: 0.3rem; }
      .mobile .category-header .back-button svg path {
        fill: white; }
  .mobile .category-header button {
    padding: 0; }

.collapse-button {
  position: absolute;
  right: 11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 7.5px !important;
  margin: 0 !important; }
  .collapse-button svg {
    height: 0.65rem; }
    .collapse-button svg polygon {
      fill: white; }

.ads-wrapper {
  width: 100%;
  position: relative;
  -webkit-box-shadow: 0px -3px 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px -3px 3px 0 rgba(0, 0, 0, 0.2); }

.ads-content {
  position: absolute;
  width: 100%;
  height: 100%; }

.upgrade-to-premium {
  padding: 12px;
  margin: 12px;
  background-color: #ebf0f1;
  border-radius: 8px;
  margin-bottom: 24px;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }
  .upgrade-to-premium h6 {
    font-size: 1.125rem;
    font-weight: 500;
    margin: 8px 0; }
  .upgrade-to-premium h4 {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 8px 0; }
  .upgrade-to-premium p {
    font-size: 1rem;
    font-weight: 400;
    margin: 8px 0;
    margin-bottom: 12px; }

.resize-dialog-content {
  padding: 24px; }
  .resize-dialog-content h4 {
    font-size: 1.125rem;
    font-weight: 500;
    margin: 18px 0; }
  .resize-dialog-content .by {
    margin: 8px 0;
    font-style: italic;
    font-size: 0.8125rem;
    display: block;
    text-align: center; }
  .resize-dialog-content .size-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .resize-dialog-content .size-selector select {
      width: 46%; }
  .resize-dialog-content .dwf-radio-button {
    margin-bottom: 21px; }
  @media only screen and (max-width: 847px) {
    .resize-dialog-content h4 {
      margin: 18px 0 9px; } }

.category-button-container {
  position: relative; }
  .category-button-container .premium-indicator {
    position: absolute;
    left: 3px;
    top: 3px; }

.category-button {
  font-size: 0.9375rem;
  text-transform: capitalize;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  vertical-align: center;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 5px; }
  .category-button > span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: rgba(0, 0, 0, 0.75); }
  .category-button svg {
    max-width: 40px;
    width: 100%;
    margin-bottom: 14px; }
  .category-button:hover, .category-button:active {
    background-color: #212121; }
    .category-button:hover > span, .category-button:active > span {
      color: white; }
    .category-button:hover svg *, .category-button:active svg * {
      fill: white; }
    .category-button:hover svg line, .category-button:active svg line {
      stroke: white; }

.category-button-wrapper {
  position: relative;
  width: 100%; }

.category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding-bottom: 40px; }
  .category-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 33.333%;
    height: 7.5625rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.mobile .category-list li {
  border-right: 1px solid rgba(0, 0, 0, 0.12); }
  .mobile .category-list li:nth-child(3n) {
    border-right: none; }

.premium-indicator {
  background-color: rgba(240, 98, 146, 0.8);
  border: 1px solid #f06292;
  border-radius: 50%;
  padding: 4px;
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: visible; }
  .premium-indicator svg {
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
    width: 20px;
    height: 20px;
    stroke: white;
    stroke-width: 2; }
  .premium-indicator:after {
    content: 'Premium';
    position: absolute;
    bottom: 50%;
    -webkit-transform: translate(98%, 50%);
        -ms-transform: translate(98%, 50%);
            transform: translate(98%, 50%);
    padding: 2px 4px;
    padding-right: 8px;
    border-radius: 0 8px 8px 0;
    right: 0;
    font-size: 0.625rem;
    background-color: rgba(240, 98, 146, 0.8);
    color: white;
    text-align: center;
    text-transform: uppercase; }

.catalog-feedback {
  width: 100%;
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative; }
  .catalog-feedback h4 {
    margin: 0 0 9px 0;
    width: 100%;
    font-size: 0.75rem;
    font-weight: 400;
    padding-left: 8px; }
  .catalog-feedback textarea {
    width: 100%;
    height: 4.625rem;
    border-radius: 4px;
    border: 1px solid rgba(151, 151, 151, 0.26);
    resize: none;
    padding: 12px 7px;
    font-size: 0.75rem;
    margin-bottom: 12px;
    -webkit-appearance: none; }
  .catalog-feedback .send-button {
    margin-left: auto;
    text-transform: uppercase;
    font-size: 0.875rem;
    padding-left: 15px;
    padding-right: 15px; }
  .catalog-feedback .thanks, .catalog-feedback .error {
    width: 100%;
    font-size: 0.8125rem;
    position: absolute;
    bottom: 0;
    left: 11px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    max-width: calc(100% - 90px); }
  .catalog-feedback .thanks {
    color: #f06292; }

.item-list-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.hero-section {
  position: relative;
  overflow: hidden; }
  .hero-section .hero-img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .hero-section .hero-img > * {
      width: 100%;
      height: auto; }
  .hero-section .hero-description {
    max-width: 550px;
    margin: 15px 0 38px;
    line-height: 1.67;
    letter-spacing: 0.48px; }
  .hero-section .hero-content {
    padding: 0;
    padding-left: 35px;
    padding-right: 35px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media only screen and (max-width: 847px) {
      .hero-section .hero-content {
        padding-left: 18px;
        padding-right: 18px; } }
    .hero-section .hero-content > .home-section-title {
      margin: 0; }
    .hero-section .hero-content .button {
      min-width: 220px;
      text-transform: uppercase; }
      .hero-section .hero-content .button .lds-ring {
        margin: 0 5px 0 0; }
  @media only screen and (max-width: 847px) {
    .hero-section .hero-img {
      max-width: 100%; } }
  @media only screen and (min-width: 2881px) {
    .hero-section .hero-content {
      max-width: 1600px; }
    .hero-section .hero-description {
      max-width: 100%; } }

.official-affiliates {
  padding-left: 35px;
  padding-right: 35px;
  padding: 143px; }
  @media only screen and (max-width: 847px) {
    .official-affiliates {
      padding-left: 18px;
      padding-right: 18px; } }
  .official-affiliates ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    list-style: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .official-affiliates ul li {
      margin-left: 72px; }
      .official-affiliates ul li:first-child {
        margin-left: 0; }
    .official-affiliates ul img {
      width: auto;
      -webkit-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
      .official-affiliates ul img:hover {
        -webkit-transform: translateY(25%);
            -ms-transform: translateY(25%);
                transform: translateY(25%); }
  .official-affiliates .houzz > img {
    height: 29px; }
  .official-affiliates .walmart > img {
    height: 34px; }
  .official-affiliates .amazon > img {
    height: 34px; }
  .official-affiliates .etsy > img {
    height: 28px; }
  .official-affiliates .target > img {
    height: 26px; }
  .official-affiliates .project-nursery > img {
    height: 42px; }
  @media only screen and (max-width: 1430px) {
    .official-affiliates .project-nursery {
      display: none; } }
  @media only screen and (max-width: 1140px) {
    .official-affiliates ul li {
      margin-left: 50px; }
      .official-affiliates ul li:first-child {
        margin-left: 0; }
    .official-affiliates .target {
      display: none; } }
  @media only screen and (max-width: 700px) {
    .official-affiliates ul li {
      margin-left: 33px; }
      .official-affiliates ul li:first-child {
        margin-left: 0; }
    .official-affiliates .walmart {
      display: none; }
    .official-affiliates .houzz > img {
      height: 23px; }
    .official-affiliates .amazon > img {
      height: 27px; }
    .official-affiliates .etsy > img {
      height: 22px; } }
  @media only screen and (max-width: 700px) {
    .official-affiliates ul li {
      margin-left: 33px; }
      .official-affiliates ul li:first-child {
        margin-left: 0; }
    .official-affiliates .walmart {
      display: none; }
    .official-affiliates .houzz > img {
      height: 23px; }
    .official-affiliates .amazon > img {
      height: 27px; }
    .official-affiliates .etsy > img {
      height: 22px; } }
  @media only screen and (max-width: 330px) {
    .official-affiliates .houzz {
      display: none; } }
  @media only screen and (max-width: 847px) {
    .official-affiliates {
      padding-top: 44px;
      padding-bottom: 44px; } }

.store-item {
  display: block;
  max-width: 400px;
  margin: 0 auto; }
  .store-item .thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 100%;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    .store-item .thumbnail > * {
      width: 100%;
      height: auto; }
    .store-item .thumbnail:hover {
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05); }
  .store-item .description {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .store-item .description .name {
      font-weight: 600; }
  @media only screen and (max-width: 847px) {
    .store-item .thumbnail:hover {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; } }

.desktop-store-items {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1600px;
  margin: 0 auto; }
  .desktop-store-items li {
    margin-right: 72px;
    max-width: 384px;
    width: 27.5vw; }
    .desktop-store-items li:last-child {
      margin-right: 0; }

.privacy.page .content, .terms.page .content {
  overflow-y: scroll; }
  .privacy.page .content .terms-wrapper, .privacy.page .content .privacy-wrapper, .terms.page .content .terms-wrapper, .terms.page .content .privacy-wrapper {
    width: 50%;
    margin: 0 auto;
    font-size: 0.9rem;
    padding-bottom: 3rem; }
    .privacy.page .content .terms-wrapper h1, .privacy.page .content .privacy-wrapper h1, .terms.page .content .terms-wrapper h1, .terms.page .content .privacy-wrapper h1 {
      text-align: center; }
    .privacy.page .content .terms-wrapper h4, .privacy.page .content .privacy-wrapper h4, .terms.page .content .terms-wrapper h4, .terms.page .content .privacy-wrapper h4 {
      font-size: 1.1rem;
      margin-bottom: 0.3rem; }
    .privacy.page .content .terms-wrapper a, .privacy.page .content .privacy-wrapper a, .terms.page .content .terms-wrapper a, .terms.page .content .privacy-wrapper a {
      text-decoration: underline;
      color: #78909c;
      margin-left: 3px; }
    .privacy.page .content .terms-wrapper strong, .privacy.page .content .privacy-wrapper strong, .terms.page .content .terms-wrapper strong, .terms.page .content .privacy-wrapper strong {
      font-weight: 700; }
    .privacy.page .content .terms-wrapper em, .privacy.page .content .privacy-wrapper em, .terms.page .content .terms-wrapper em, .terms.page .content .privacy-wrapper em {
      font-style: normal;
      text-decoration: underline; }
    @media only screen and (max-width: 600px) and (orientation: portrait) {
      .privacy.page .content .terms-wrapper, .privacy.page .content .privacy-wrapper, .terms.page .content .terms-wrapper, .terms.page .content .privacy-wrapper {
        width: 70%; } }

.wish-list-image-upload {
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
  .wish-list-image-upload .button {
    font-size: 1rem; }
    .wish-list-image-upload .button svg {
      width: 1rem;
      margin-right: 0.4rem; }
  .wish-list-image-upload picture {
    height: 80px; }
    .wish-list-image-upload picture > * {
      max-width: 100%;
      max-height: 100%;
      height: auto;
      width: auto; }
  .wish-list-image-upload .error-msg {
    color: rgba(238, 51, 0, 0.84);
    font-size: 0.8rem;
    margin-top: 5px; }
  .wish-list-image-upload .image-placeholder {
    background: #212121;
    border-radius: 100%;
    height: 80px;
    width: 80px;
    padding: 25px; }
    .wish-list-image-upload .image-placeholder svg {
      width: 100%;
      height: auto; }
      .wish-list-image-upload .image-placeholder svg * {
        fill: white; }

.subscription-page .content {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem; }

.subscription-page .status-message {
  text-align: center;
  padding: 2rem;
  border-radius: 8px;
  margin: 2rem 0; }
  .subscription-page .status-message.success {
    background-color: #f0f9f0;
    border: 1px solid #d4edda;
    color: #155724; }
  .subscription-page .status-message.error {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24; }
  .subscription-page .status-message.cancelled {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404; }
  .subscription-page .status-message h2 {
    margin-bottom: 1rem;
    font-size: 1.5rem; }
  .subscription-page .status-message p {
    margin-bottom: 1.5rem;
    line-height: 1.5; }
  .subscription-page .status-message img {
    width: 200px;
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
    margin: 1rem auto;
    display: block; }

.subscription-page .button {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .subscription-page .button.dark {
    background-color: #333;
    color: white; }
    .subscription-page .button.dark:hover {
      background-color: #444; }

.subscription-page .subscription-content {
  text-align: center;
  padding: 2rem; }
  .subscription-page .subscription-content h2 {
    margin-bottom: 1rem; }

.unsubscribe .unsubscribe-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 35px; }
  .unsubscribe .unsubscribe-box h2 {
    font-weight: 400;
    font-size: 2rem;
    max-width: 500px; }
  .unsubscribe .unsubscribe-box .button {
    padding: 0 40px; }
  .unsubscribe .unsubscribe-box .message {
    color: red; }

.upgrade-user-dialog .upgrade-content {
  padding: 2rem;
  text-align: center;
  max-width: 960px;
  margin: 0 auto; }
  .upgrade-user-dialog .upgrade-content h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
    color: #222; }
  .upgrade-user-dialog .upgrade-content .plan-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
    margin-bottom: 2rem; }
    @media (min-width: 768px) {
      .upgrade-user-dialog .upgrade-content .plan-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .upgrade-user-dialog .upgrade-content .plan-card {
    background: #fff;
    border: 3px solid #ccc;
    border-radius: 1rem;
    padding: 1.5rem;
    width: 100%;
    max-width: 280px;
    -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.3s ease;
    transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.3s ease;
    -o-transition: transform 0.2s ease, box-shadow 0.3s ease;
    transition: transform 0.2s ease, box-shadow 0.3s ease;
    transition: transform 0.2s ease, box-shadow 0.3s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.3s ease;
    position: relative; }
    .upgrade-user-dialog .upgrade-content .plan-card:hover {
      -webkit-transform: scale(1.03);
          -ms-transform: scale(1.03);
              transform: scale(1.03);
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
    .upgrade-user-dialog .upgrade-content .plan-card.center-plan {
      background: #fff8dc;
      border-color: #f39c12;
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05);
      z-index: 2; }
      .upgrade-user-dialog .upgrade-content .plan-card.center-plan:hover {
        -webkit-transform: scale(1.08);
            -ms-transform: scale(1.08);
                transform: scale(1.08);
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
    .upgrade-user-dialog .upgrade-content .plan-card.best .badge {
      position: absolute;
      top: -10px;
      right: -10px;
      background: #f39c12;
      color: white;
      padding: 0.3rem 0.7rem;
      font-size: 0.75rem;
      border-radius: 9999px; }
    .upgrade-user-dialog .upgrade-content .plan-card h3 {
      font-size: 1.4rem;
      margin: 0.5rem 0;
      color: #111; }
    .upgrade-user-dialog .upgrade-content .plan-card .price {
      font-size: 1.2rem;
      font-weight: bold;
      color: #27ae60; }
    .upgrade-user-dialog .upgrade-content .plan-card .tagline {
      color: #e67e22;
      font-size: 0.85rem;
      margin-bottom: 1rem; }
    .upgrade-user-dialog .upgrade-content .plan-card ul {
      list-style: none;
      padding: 0;
      text-align: left;
      margin: 1rem 0; }
      .upgrade-user-dialog .upgrade-content .plan-card ul li {
        font-size: 0.95rem;
        color: #444;
        margin: 0.3rem 0; }
    .upgrade-user-dialog .upgrade-content .plan-card .button {
      margin-top: 1rem;
      font-weight: bold;
      background: -webkit-gradient(linear, left top, right top, from(#ff5f6d), to(#ffc371));
      background: -o-linear-gradient(left, #ff5f6d, #ffc371);
      background: linear-gradient(to right, #ff5f6d, #ffc371);
      border: none;
      border-radius: 0.5rem;
      padding: 0.5rem 2.5rem; }
  .upgrade-user-dialog .upgrade-content .plan-card.current {
    border-color: #2ecc71;
    -webkit-box-shadow: 0 0 12px rgba(46, 204, 113, 0.4);
            box-shadow: 0 0 12px rgba(46, 204, 113, 0.4); }
  .upgrade-user-dialog .upgrade-content .badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .upgrade-user-dialog .upgrade-content .badge.current-badge {
    position: absolute;
    top: -10px;
    left: -10px;
    background: #2ecc71;
    color: #fff;
    padding: 0.3rem 0.7rem;
    font-size: 0.75rem;
    border-radius: 9999px; }
  .upgrade-user-dialog .upgrade-content .note {
    font-size: 0.85rem;
    color: #555;
    margin-bottom: 1rem; }
    .upgrade-user-dialog .upgrade-content .note a {
      color: #3498db;
      text-decoration: underline; }
  .upgrade-user-dialog .upgrade-content .badge svg {
    width: 22px;
    height: 22px;
    margin-right: 4px; }
    .upgrade-user-dialog .upgrade-content .badge svg * {
      fill: white; }
  .upgrade-user-dialog .upgrade-content .error {
    color: #e74c3c;
    margin-bottom: 1rem; }
  .upgrade-user-dialog .upgrade-content .buttons {
    margin-top: 1.5rem; }

@media (max-width: 767px) {
  .upgrade-user-dialog .upgrade-content {
    padding: 1.5rem; }
    .upgrade-user-dialog .upgrade-content h2 {
      font-size: 2rem; }
    .upgrade-user-dialog .upgrade-content .plan-card {
      max-width: 100%; } }

.login-illustration {
  width: 100%; }
  .login-illustration.signup .baby-sign-up-text {
    display: block; }
  .login-illustration.signup .baby-login-text {
    display: none; }
  .login-illustration.login .baby-sign-up-text {
    display: none; }
  .login-illustration.login .baby-login-text {
    display: block; }

.general-error .close path {
  fill: #212121; }

.toggle-wish-list-item svg {
  width: 1.2rem;
  margin-right: 0.5rem; }

.toggle-wish-list-item.in svg path {
  fill: #f44336; }

.unsaved-changes-dialog .unsaved-changes-content {
  margin: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .unsaved-changes-dialog .unsaved-changes-content > span {
    text-align: center;
    font-weight: 500; }
  .unsaved-changes-dialog .unsaved-changes-content nav {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .unsaved-changes-dialog .unsaved-changes-content nav .button {
      text-transform: uppercase;
      padding: 10px 15px; }
      .unsaved-changes-dialog .unsaved-changes-content nav .button:first-child {
        margin-right: 10px; }

.scene-canvas {
  width: 100%;
  height: 100%; }

.yes-no-dialog .ReactModal__Content {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  padding: 18px 5px 5px 5px;
  text-align: center;
  background: white;
  font-size: 0.875rem; }
  .yes-no-dialog .ReactModal__Content h2 {
    text-align: center;
    font-weight: 500;
    margin: 0 0 4px;
    font-size: 0.875rem; }
    .yes-no-dialog .ReactModal__Content h2 img {
      height: 0.875rem;
      margin-right: 5px; }
  .yes-no-dialog .ReactModal__Content nav {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .yes-no-dialog .ReactModal__Content nav .primary {
      font-weight: 700; }
    .yes-no-dialog .ReactModal__Content nav .button {
      padding: 0 20px;
      margin: 0 5px; }
      .yes-no-dialog .ReactModal__Content nav .button span {
        white-space: nowrap; }
  .yes-no-dialog .ReactModal__Content .recommended {
    font-weight: normal; }

.mobile .yes-no-dialog {
  top: -70px !important;
  margin: 0 !important;
  width: 100% !important;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  .mobile .yes-no-dialog.ReactModal__Overlay--after-open {
    top: 0 !important; }

.save-suggestion .close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px; }
  .save-suggestion .close-button svg {
    width: 15px;
    height: 15px; }

.save-suggestion h2.title {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .save-suggestion h2.title img {
    margin-left: 5px; }

.add-to-home-screen-content {
  padding-top: 70px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .add-to-home-screen-content h2, .add-to-home-screen-content h4 {
    text-align: center; }
  .add-to-home-screen-content h2 {
    margin: 0 0 10px; }
  .add-to-home-screen-content h4 {
    margin: 0 0 20px; }
  .add-to-home-screen-content .controls {
    margin-top: 15px; }
    .add-to-home-screen-content .controls .button {
      margin-right: 5px;
      padding-right: 45px;
      padding-left: 45px; }
      .add-to-home-screen-content .controls .button:last-child {
        margin-right: 0; }

.dwf-input {
  position: relative;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  min-height: 2.5rem; }
  .dwf-input input {
    border: 0 !important;
    background: none !important;
    width: 100%;
    font-size: 1rem !important;
    padding: 0 0 0 18px !important;
    height: auto !important; }
    .dwf-input input:disabled {
      color: rgba(0, 0, 0, 0.54); }
    .dwf-input input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.3); }
    .dwf-input input::-moz-placeholder {
      color: rgba(0, 0, 0, 0.3); }
    .dwf-input input:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.3); }
    .dwf-input input::-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.3); }
    .dwf-input input::placeholder {
      color: rgba(0, 0, 0, 0.3); }
    .dwf-input input::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .dwf-input input:focus {
      outline: none; }
  .dwf-input label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #212121;
    font-size: 1rem; }
    .dwf-input label svg {
      margin: 0 0 0 18px;
      width: 20px; }
      .dwf-input label svg path {
        fill: rgba(0, 0, 0, 0.3); }
    .dwf-input label .label-text {
      margin-left: 18px; }
  .dwf-input .input-error-msg {
    padding-top: 0.1rem;
    color: rgba(238, 51, 0, 0.84);
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    right: 0;
    font-size: 0.8rem; }
  .dwf-input.in-focus {
    border-color: #212121; }
  .dwf-input.invalid {
    border-color: rgba(238, 51, 0, 0.84); }
  .dwf-input.has-label {
    border: none; }

.dwf-spin-input input {
  margin-right: 18px;
  text-align: right; }

.dwf-input .spin-buttons {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 18px; }
  .dwf-input .spin-buttons .up, .dwf-input .spin-buttons .down {
    padding: 5px; }
    .dwf-input .spin-buttons .up svg, .dwf-input .spin-buttons .down svg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 10px; }
  .dwf-input .spin-buttons .up svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.upsert-wish-list-item {
  padding: 31px 24px 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .upsert-wish-list-item .title {
    margin: 0 0 28px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 2rem;
    font-weight: 600;
    text-align: center; }
    .upsert-wish-list-item .title::first-letter {
      text-transform: uppercase; }
  .upsert-wish-list-item .upsert-form {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
    .upsert-wish-list-item .upsert-form > * {
      margin-bottom: 24px; }
      .upsert-wish-list-item .upsert-form > *:last-child {
        margin-bottom: 0; }
    .upsert-wish-list-item .upsert-form .dwf-input {
      width: 100%; }
      .upsert-wish-list-item .upsert-form .dwf-input svg path {
        fill: black; }
    .upsert-wish-list-item .upsert-form .button {
      text-transform: uppercase;
      padding: 0 43px; }

.price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-weight: 500; }
  .price-box .current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #f06292;
    margin-left: 6px; }
  .price-box .orig {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .price-box .price-unit {
    margin-left: 5px;
    font-size: 0.625rem; }
  .price-box svg {
    height: 0.75rem;
    margin-right: 4px; }
    .price-box svg path {
      fill: #78909c; }
  .price-box.sale svg path {
    fill: #f06292; }
  .price-box.sale .orig {
    text-decoration: line-through;
    font-size: 0.75rem;
    color: #a0a0a1; }

.catalog-item-thumbnail {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: white;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: visible; }
  .catalog-item-thumbnail .preview {
    width: 100%;
    height: 5rem; }
    .catalog-item-thumbnail .preview picture {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .catalog-item-thumbnail .preview picture img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%; }
  .catalog-item-thumbnail .details {
    padding: 10px 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 6.25rem; }
  .catalog-item-thumbnail .see-in-store {
    margin: 0 auto;
    display: block;
    text-align: center;
    text-transform: uppercase;
    background: #263238;
    color: white;
    font-size: 0.625rem;
    font-weight: 500;
    padding: 6px;
    border-radius: 2px; }
  .catalog-item-thumbnail .name {
    font-size: 0.75rem;
    width: 100%;
    padding: 0 3px;
    margin-bottom: 8px;
    min-height: 1.8rem; }
  .catalog-item-thumbnail .catalog-price {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 0.75rem; }
    @media only screen and (max-width: 847px) {
      .catalog-item-thumbnail .catalog-price {
        font-size: 0.625rem; } }
  .catalog-item-thumbnail .ribbon {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px; }
  .catalog-item-thumbnail .locked-indicator {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    padding: 4px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    font-size: 0.85rem;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    align-items: center;
    justify-content: center; }
    .catalog-item-thumbnail .locked-indicator .upgrade-now {
      font-weight: 600;
      color: white; }
    .catalog-item-thumbnail .locked-indicator svg {
      width: 2rem;
      height: 2rem;
      stroke: white;
      stroke-width: 2; }
  .catalog-item-thumbnail .premium-indicator {
    position: absolute;
    left: 3px;
    top: 3px; }
  @media only screen and (max-width: 847px) {
    .catalog-item-thumbnail .name {
      font-size: 0.625rem; } }

.item-option {
  width: 100%;
  height: 40px;
  text-align: left; }
  .item-option > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .item-option .color-indication {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: top;
    display: inline-block;
    content: ' ';
    border-radius: 100%; }
  .item-option .title {
    margin-left: 11px;
    font-size: 0.875rem; }

.item-options-selection {
  width: 280px;
  max-width: 90%;
  max-height: 70%;
  background-color: #37474f;
  -webkit-box-shadow: 0px 24px 63.4px 8.6px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 24px 63.4px 8.6px rgba(0, 0, 0, 0.3);
  padding: 24px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .item-options-selection h1 {
    margin: 0;
    font-weight: 500;
    font-size: 1.25rem;
    color: white;
    padding: 0 24px; }
  .item-options-selection ul {
    margin-top: 15px;
    list-style: none; }
  .item-options-selection .close {
    padding: 13px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 98; }
    .item-options-selection .close img {
      height: 0.8125rem; }
  .item-options-selection .item-option {
    padding: 0 24px; }
    .item-options-selection .item-option * {
      color: rgba(255, 255, 255, 0.7); }
    .item-options-selection .item-option:hover, .item-options-selection .item-option:active {
      background-color: #263238; }
      .item-options-selection .item-option:hover *, .item-options-selection .item-option:active * {
        color: white; }

.thumbnail-phase {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(38, 50, 56, 0.6);
  color: white;
  font-size: 1.3rem; }
  .thumbnail-phase > span {
    text-align: center; }

.infinite-scroll-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 100%;
  padding-bottom: 50px; }
  .infinite-scroll-component .items-list-item {
    width: 33.33333%;
    border-right: 1px solid rgba(0, 0, 0, 0.12); }
    .infinite-scroll-component .items-list-item > div {
      height: 100%; }
    .infinite-scroll-component .items-list-item:nth-child(3n) {
      border-right: none; }
    .infinite-scroll-component .items-list-item:nth-child(n + 4) {
      border-top: 1px solid rgba(0, 0, 0, 0.12); }

.coming-soon {
  width: 100%;
  height: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .coming-soon h2 {
    font-weight: 400;
    font-size: 2.5rem;
    margin: 0 0 15%; }
  @media only screen and (max-width: 847px) {
    .coming-soon h2 {
      font-size: 1.375rem; } }

.catalog-search {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.2);
  padding: 0 11px; }
  .catalog-search input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: none; }
  .catalog-search .search-icon {
    height: 0.875rem;
    width: 0.875rem; }
    .catalog-search .search-icon path {
      fill: #607d8b; }
  .catalog-search .search-input {
    font-size: 0.875rem;
    color: #212121;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    border: none;
    padding-left: 1rem;
    outline-width: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .catalog-search .search-input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.54); }
    .catalog-search .search-input::-moz-placeholder {
      color: rgba(0, 0, 0, 0.54); }
    .catalog-search .search-input:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.54); }
    .catalog-search .search-input::-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.54); }
    .catalog-search .search-input::placeholder {
      color: rgba(0, 0, 0, 0.54); }
  .catalog-search .cancel-search {
    height: 0.875rem;
    width: 0.875rem; }
    .catalog-search .cancel-search path {
      fill: #607d8b; }
  .catalog-search .submit-search {
    height: 0.875rem;
    width: 0.875rem;
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    margin-left: 24px; }
    .catalog-search .submit-search path {
      fill: #607d8b; }

.no-search-results {
  text-align: center;
  padding: 15px;
  font-size: 0.875rem; }

.category-coming-soon-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  font-size: 0.875rem;
  padding: 15px;
  text-align: center;
  border-radius: 5px; }

.purchasing-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.9rem;
  padding: 8px 16px; }
  .purchasing-option .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.875rem; }
    .purchasing-option .title > .icon {
      margin-right: 0.4375rem; }
  .purchasing-option .wish-list-rating {
    font-size: 0.75rem;
    margin-left: 8px; }
  @media only screen and (max-width: 320px) {
    .purchasing-option .title .icon {
      display: none; } }

.number-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .number-rating svg {
    width: 1.33em;
    height: 1.33em;
    margin-right: 0.33em; }
    .number-rating svg > * {
      fill: #FFC369; }

.expand-button {
  font-size: 0.8125rem;
  color: #212121; }
  .expand-button > span {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .expand-button .arrow {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    width: 16px;
    height: 10px;
    margin-left: 8px; }
  .expand-button.expended .arrow {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.purchasing-options {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .purchasing-options .list {
    list-style: none;
    width: 100%; }
    .purchasing-options .list > li {
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      -webkit-box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1), -2px -2px 4px 0 rgba(186, 186, 186, 0.1);
              box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1), -2px -2px 4px 0 rgba(186, 186, 186, 0.1);
      margin-bottom: 8px; }
      .purchasing-options .list > li:last-child {
        margin-bottom: 0; }
      .purchasing-options .list > li:hover {
        background-color: #eceff1; }
    .purchasing-options .list > .folded {
      margin: 0;
      visibility: hidden;
      max-height: 0; }
      .purchasing-options .list > .folded > * {
        visibility: hidden; }
  .purchasing-options .purchasing-options-toggle-button {
    margin: 8px 0 12px; }

.star-rating .start-full .star-start {
  fill: #FFC369; }

.star-rating .end-full .star-end {
  fill: #FFC369; }

.collapsible-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .collapsible-text p {
    margin: 0;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.54);
    width: 100%; }
    .collapsible-text p ul, .collapsible-text p ol {
      padding-left: 25px;
      margin-top: 15px; }
    .collapsible-text p .LinesEllipsis * {
      max-width: 100%; }
    .collapsible-text p .LinesEllipsis a {
      word-break: break-all; }
  .collapsible-text .collapsible-text-expand-button {
    margin-top: 8px; }

.bullets-nav {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .bullets-nav > button {
    visibility: hidden;
    margin-right: 0.75em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .bullets-nav > button:before {
      visibility: visible;
      content: ' ';
      display: block;
      width: 0.875em;
      height: 0.875em;
      border-radius: 100%;
      background-color: rgba(26, 35, 126, 0.1); }
    .bullets-nav > button.selected:before {
      background-color: rgba(26, 35, 126, 0.3); }
    .bullets-nav > button:last-child {
      margin-right: 0; }

.mobile-store-items .list > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding-left: 18px;
  padding-right: 18px; }

.our-store {
  background: rgba(26, 35, 126, 0.05);
  padding: 0 35px;
  padding-top: 143px;
  padding-bottom: 143px; }
  @media only screen and (max-width: 847px) {
    .our-store {
      padding-top: 62px;
      padding-bottom: 62px; } }
  .our-store .home-section-title {
    margin: 0 0 45px; }
  .our-store .our-store-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 72px; }
    .our-store .our-store-header .link-wrapper {
      -webkit-box-flex: 1;
          -ms-flex: 1 1;
              flex: 1 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .our-store .our-store-header .link-wrapper .button {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        text-transform: uppercase; }
    .our-store .our-store-header .title-group {
      max-width: 410px; }
      .our-store .our-store-header .title-group .description {
        margin: 0;
        line-height: 1.42;
        letter-spacing: 0.48px; }
  @media only screen and (max-width: 847px) {
    .our-store {
      padding-left: 0;
      padding-right: 0; }
      .our-store .our-store-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding-left: 18px;
        padding-right: 18px; }
      .our-store .home-section-title {
        margin-bottom: 35px; }
      .our-store .our-store-header {
        margin-bottom: 62px; }
        .our-store .our-store-header .title-group .description {
          margin-bottom: 35px; } }
  @media only screen and (min-width: 2881px) {
    .our-store .our-store-header .title-group {
      max-width: 1600px; } }

.real-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .real-items .home-section-title {
    margin: 0; }
  .real-items .real-items-content {
    padding: 42px 50px 0; }
    .real-items .real-items-content .button {
      min-width: 175px;
      text-transform: uppercase; }
      .real-items .real-items-content .button .lds-ring {
        margin: 0 5px 0 0; }
  .real-items .room-with-our-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 55%;
    min-width: 40%; }
    .real-items .room-with-our-items > * {
      max-width: 100%;
      height: auto; }
  .real-items .description {
    margin: 45px 0;
    line-height: 1.42;
    letter-spacing: 0.48px; }
  @media only screen and (max-width: 847px) {
    .real-items {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .real-items .room-with-our-items {
        max-width: 100%; }
      .real-items .real-items-content {
        padding: 62px 18px; } }

.testimonial {
  background: rgba(26, 35, 126, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .testimonial .room-screenshot {
    width: 55%;
    max-width: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .testimonial .room-screenshot > * {
      width: 100%;
      height: auto; }
  .testimonial .home-section-smaller-title {
    margin: 0 0 30px; }
  .testimonial .testimonial-content {
    padding: 84px 76px 71px 43px;
    width: 45%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .testimonial q {
    font-size: 1.5rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.42;
    letter-spacing: 0.48px; }
  .testimonial .author-desc {
    font-size: 0.85rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 30px; }
    .testimonial .author-desc .profile-pic {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 42px;
      width: 42px;
      margin-left: 10px;
      margin-right: 5px; }
      .testimonial .author-desc .profile-pic > * {
        border-radius: 100%;
        width: 100%;
        height: auto; }
    .testimonial .author-desc a[href^="http"] {
      text-decoration: underline; }
  .testimonial .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .testimonial .controls .next, .testimonial .controls .prev {
      opacity: 100%;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      .testimonial .controls .next svg, .testimonial .controls .prev svg {
        height: auto;
        width: 43px; }
      .testimonial .controls .next.disabled, .testimonial .controls .prev.disabled {
        opacity: 0;
        cursor: default; }
    .testimonial .controls .prev {
      margin-right: 10px; }
      .testimonial .controls .prev svg {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
  @media only screen and (max-width: 847px) {
    .testimonial {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .testimonial .room-screenshot {
        width: 100%;
        max-width: 100%; }
      .testimonial .testimonial-content {
        width: 100%;
        padding: 62px 18px;
        position: relative; }
      .testimonial .controls {
        position: absolute;
        top: 62px;
        right: 18px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }
      .testimonial .home-section-smaller-title {
        max-width: calc(100vw - ((18px + 43px) * 2) - 10px); } }

.horizontal-feed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  list-style: none;
  padding-bottom: 32px; }
  .horizontal-feed::-webkit-scrollbar {
    height: 2px; }
  .horizontal-feed::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2); }
  .horizontal-feed::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5); }
  .horizontal-feed::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.9); }
  .horizontal-feed li {
    scroll-snap-align: start;
    margin-right: 32px; }
  .horizontal-feed .feed-item {
    display: block;
    position: relative; }
  .horizontal-feed .item-img {
    width: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .horizontal-feed .item-img > * {
      width: 100%;
      height: auto; }
  .horizontal-feed .loading {
    content: ' ';
    display: block;
    width: 270px;
    height: 270px;
    background-color: rgba(0, 0, 0, 0.54); }
  .horizontal-feed .author-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); }
    .horizontal-feed .author-details .author-profile-pic {
      margin: 8px 6px 8px 8px;
      height: 48px;
      width: 48px; }
      .horizontal-feed .author-details .author-profile-pic > * {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        border-radius: 100%; }
  @media only screen and (min-width: 2881px) {
    .horizontal-feed .item-img {
      width: 400px; } }

.instagram-feed {
  padding: 0;
  padding-top: 143px;
  padding-bottom: 143px; }
  @media only screen and (max-width: 847px) {
    .instagram-feed {
      padding-top: 62px;
      padding-bottom: 62px; } }
  .instagram-feed .instagram-feed-header {
    padding: 0;
    padding-left: 35px;
    padding-right: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 72px; }
    @media only screen and (max-width: 847px) {
      .instagram-feed .instagram-feed-header {
        padding-left: 18px;
        padding-right: 18px; } }
    .instagram-feed .instagram-feed-header .home-section-smaller-title {
      margin: 0;
      max-width: 46%; }
    .instagram-feed .instagram-feed-header .button {
      text-transform: uppercase; }
  .instagram-feed .feed-wrapper {
    margin-left: 35px; }
  .instagram-feed .last-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 270px;
    height: 100%; }
  @media only screen and (max-width: 847px) {
    .instagram-feed .instagram-feed-header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 62px; }
      .instagram-feed .instagram-feed-header .home-section-smaller-title {
        max-width: 100%;
        margin-bottom: 36px; }
    .instagram-feed .feed-wrapper {
      margin-left: 18px; } }

.home.page .home-section-title {
  font-size: 3.75rem;
  letter-spacing: 1.8px;
  line-height: 3.75rem;
  font-weight: 500; }

.home.page .home-section-smaller-title {
  font-size: 2.3rem;
  letter-spacing: 1.2px;
  line-height: 42px;
  font-weight: 500; }

@media only screen and (max-width: 847px) {
  .home.page .home-section-title {
    font-size: 3.3rem; } }

@media only screen and (max-width: 330px) {
  .home.page .home-section-title {
    font-size: 2.6rem; } }

@media only screen and (min-width: 2881px) {
  .home.page .home-section-title {
    font-size: 5rem;
    line-height: 5rem; }
  .home.page .home-section-smaller-title {
    font-size: 3.75rem;
    line-height: 3.75rem; } }

.previous svg, .next svg {
  -webkit-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
  width: 13px; }

.previous:disabled svg, .next:disabled svg {
  opacity: 0.3; }

.previous svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.floating.previous, .floating.next {
  position: absolute;
  top: 50%;
  z-index: 2; }

.floating.next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%); }

.floating.previous {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.images-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%; }
  .images-gallery .image-slide {
    height: 200px; }
    .images-gallery .image-slide picture {
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-line-pack: center;
          align-content: center; }
      .images-gallery .image-slide picture img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto; }
  .images-gallery .images-gallery-bullets {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    .images-gallery .images-gallery-bullets > * {
      font-size: 12px; }

.vote-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .vote-results .down-votes, .vote-results .up-votes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 0.875rem; }
    .vote-results .down-votes svg, .vote-results .up-votes svg {
      margin-left: 4px;
      width: 0.9rem;
      height: 0.9rem; }
    .vote-results .down-votes .vote, .vote-results .up-votes .vote {
      margin-left: 2px; }
  .vote-results .down-votes svg {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
    .vote-results .down-votes svg > * {
      fill: #F15E5E; }
  .vote-results .up-votes {
    margin-right: 6px; }
    .vote-results .up-votes svg {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
      .vote-results .up-votes svg > * {
        fill: #67DA65; }

.user-review {
  -webkit-box-shadow: -2px -2px 4px 0 rgba(186, 186, 186, 0.1), 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: -2px -2px 4px 0 rgba(186, 186, 186, 0.1), 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 12px 24px;
  margin: 5px; }
  .user-review .retailer-and-votes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 4px; }
  .user-review .author-and-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4px; }
    .user-review .author-and-rating .author {
      font-size: 0.875rem;
      margin-right: 8px; }
    .user-review .author-and-rating .user-review-rating {
      margin-left: 8px;
      font-size: 0.75rem; }
  .user-review .creation-date {
    font-size: 0.75rem;
    color: rgba(0, 0, 0, 0.54); }
  .user-review .title {
    margin: 4px 0 0;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.14; }
  .user-review .review {
    margin: 4px 0 0;
    color: rgba(0, 0, 0, 0.54);
    font-size: 0.875rem;
    line-height: 1.14;
    height: 4.7rem; }
  @media only screen and (max-width: 847px) {
    .user-review {
      padding: 12px 9px 17px; } }

.carousel-progress-bar {
  margin-top: 12px;
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #e5e5e5; }
  .carousel-progress-bar .bar {
    -webkit-transition: width 0.2s ease-in;
    -o-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    background-color: #a0a0a1; }

.similar-item {
  background-color: white;
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 5px;
  -webkit-box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1), -2px -2px 4px 0 rgba(186, 186, 186, 0.1);
          box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1), -2px -2px 4px 0 rgba(186, 186, 186, 0.1); }
  .similar-item .title {
    margin-top: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.875rem; }
  .similar-item .retailer {
    margin-top: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.75rem; }
    .similar-item .retailer .retailer-icon {
      height: 22px;
      margin-right: 5px; }
  .similar-item .similar-item-rating {
    -ms-flex-item-align: start;
        align-self: flex-start;
    font-size: 0.75rem;
    margin-top: 6px; }
  .similar-item .similar-item-price {
    margin-top: 6px;
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .similar-item .similar-item-image {
    width: 100%;
    height: 100%; }
    .similar-item .similar-item-image picture > * {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto; }
  @media only screen and (max-width: 847px) {
    .similar-item {
      padding: 12px 8px; } }

.variant-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .variant-details .variant-details-section {
    padding: 18px 36px;
    width: 100%; }
    .variant-details .variant-details-section:first-child {
      padding-top: 36px; }
    .variant-details .variant-details-section:last-child {
      padding-bottom: 36px; }
    .variant-details .variant-details-section.gray {
      background-color: rgba(26, 35, 126, 0.05); }
    .variant-details .variant-details-section .variant-details-section-title {
      margin: 0 0 8px;
      font-size: 0.875rem;
      font-weight: 500; }
  .variant-details .variant-details-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .variant-details .variant-details-title .name {
      font-size: 1.125rem;
      font-weight: 500;
      margin: 16px 0 8px;
      text-align: center; }
    .variant-details .variant-details-title .wish-list-button {
      margin-top: 8px;
      width: 100%; }
      .variant-details .variant-details-title .wish-list-button:hover {
        background-color: #eceff1; }
  .variant-details .commission-disclaimer {
    margin-top: 5px;
    padding: 0 5px 5px;
    color: rgba(0, 0, 0, 0.3);
    max-width: 100%;
    text-align: center; }
  @media only screen and (max-width: 847px) {
    .variant-details .variant-details-section {
      padding: 9px 18px; }
      .variant-details .variant-details-section:first-child {
        padding-top: 18px; }
      .variant-details .variant-details-section:last-child {
        padding-bottom: 18px; } }

@media only screen and (min-width: 847px) {
  .room-item-info-dialog {
    max-width: 460px !important; } }

.wishlist-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .wishlist-item .image-wrapper {
    height: 86px;
    width: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white; }
    .wishlist-item .image-wrapper.no-image {
      background: rgba(26, 35, 126, 0.1); }
    .wishlist-item .image-wrapper > picture {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%;
      width: 100%; }
      .wishlist-item .image-wrapper > picture > * {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto; }
  .wishlist-item .desc-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    padding: 0 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .wishlist-item .controls {
    margin-top: 10px;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .wishlist-item .controls > * {
      margin-right: 8px; }
      .wishlist-item .controls > *:last-child {
        margin-right: 0; }
    .wishlist-item .controls .edit-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .wishlist-item .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .wishlist-item .wish-list-purchase-options {
    width: 100%;
    padding: 5px 13px 5px 0; }

.commission-disclaimer {
  font-size: 0.65rem; }

.category {
  height: calc(100% - 28px - 32px - 19px); }
  .category .catalog-search {
    margin-bottom: 10px; }
  .category .catalog-feedback {
    margin-top: 17px; }
  .category .commission-disclaimer {
    padding: 0 5px 8px;
    color: rgba(0, 0, 0, 0.3); }

.switch-label {
  cursor: pointer; }

.wall-trim .wall-trim-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px; }
  .wall-trim .wall-trim-switch .switch-label {
    display: block;
    margin-bottom: 10px; }
  .wall-trim .wall-trim-switch:first-child {
    margin-top: 24px; }

.catalog-replace-item {
  max-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .catalog-replace-item .close-button {
    position: absolute;
    right: 10px; }
  .catalog-replace-item .infinite-scroll-component {
    margin-top: 10px;
    margin-bottom: 60px; }

.desktop-catalog-wrapper {
  height: 100%;
  max-height: 100%; }

.react-tabs {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  width: 100%;
  height: 100%; }
  .react-tabs__tab-panel--selected {
    height: calc(100% - 61px);
    position: absolute;
    left: 0;
    right: 0; }
    .react-tabs__tab-panel--selected > div {
      height: 100%;
      overflow: hidden; }
  .react-tabs__tab-list {
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(38, 50, 56, 0.49);
    font-size: 1.063rem;
    line-height: 1.2;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    .react-tabs__tab-list li {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: center;
      cursor: pointer;
      position: relative;
      padding: 23px 0 21px 0;
      font-size: 0.875rem;
      font-weight: 500;
      text-transform: uppercase; }
  .react-tabs__tab--selected {
    font-weight: 700;
    color: #263238;
    outline: 0; }
    .react-tabs__tab--selected::after {
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      background-color: #263238;
      position: absolute;
      bottom: 0; }
  @media only screen and (max-width: 847px) {
    .react-tabs__tab-list {
      padding: 7.5px 0 7.5px; }
      .react-tabs__tab-list li {
        font-size: 1rem; } }

.drawer {
  overflow: hidden;
  max-height: 0;
  width: 100%;
  position: relative;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  background: white; }
  .drawer.expanded {
    max-height: 50%;
    height: 50%; }

.dwf-input {
  position: relative;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  min-height: 2.5rem; }
  .dwf-input input {
    border: 0 !important;
    background: none !important;
    width: 100%;
    font-size: 1rem !important;
    padding: 0 0 0 18px !important;
    height: auto !important; }
    .dwf-input input:disabled {
      color: rgba(0, 0, 0, 0.54); }
    .dwf-input input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.3); }
    .dwf-input input::-moz-placeholder {
      color: rgba(0, 0, 0, 0.3); }
    .dwf-input input:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.3); }
    .dwf-input input::-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.3); }
    .dwf-input input::placeholder {
      color: rgba(0, 0, 0, 0.3); }
    .dwf-input input::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .dwf-input input:focus {
      outline: none; }
  .dwf-input label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #212121;
    font-size: 1rem; }
    .dwf-input label svg {
      margin: 0 0 0 18px;
      width: 20px; }
      .dwf-input label svg path {
        fill: rgba(0, 0, 0, 0.3); }
    .dwf-input label .label-text {
      margin-left: 18px; }
  .dwf-input .input-error-msg {
    padding-top: 0.1rem;
    color: rgba(238, 51, 0, 0.84);
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    right: 0;
    font-size: 0.8rem; }
  .dwf-input.in-focus {
    border-color: #212121; }
  .dwf-input.invalid {
    border-color: rgba(238, 51, 0, 0.84); }
  .dwf-input.has-label {
    border: none; }

.save-content {
  padding: 26px 0;
  text-align: center; }
  .save-content img {
    width: 250px;
    margin: 0 100px; }
  @media only screen and (max-width: 847px) {
    .save-content img {
      margin: 0 auto; } }

.save-room-guest-warning {
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 25px;
  font-size: 1.125rem; }
  .save-room-guest-warning .sign-up {
    padding: 0 0.2rem;
    text-decoration: underline;
    font-size: 1.125rem;
    color: #78909c; }

.save-footer {
  text-align: center; }
  .save-footer > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
    max-width: 350px;
    width: 100%; }
  .save-footer .dwf-button {
    text-transform: uppercase;
    margin-top: 15px; }
    .save-footer .dwf-button .lds-ring {
      margin-right: 5px;
      margin-left: 0; }
  .save-footer .instagram-handle-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 15px; }
    .save-footer .instagram-handle-container h4 {
      color: rgba(0, 0, 0, 0.7);
      margin: 15px 0 7.5px; }
    .save-footer .instagram-handle-container .optional {
      -ms-flex-item-align: start;
          align-self: flex-start;
      font-size: 0.8rem;
      color: rgba(0, 0, 0, 0.54); }

.dwf-button > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.wish-list-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.9375rem; }
  .wish-list-button.have-items-in-list .items-counter-bubble {
    visibility: visible !important;
    opacity: 100 !important; }
  .wish-list-button.have-items-in-list .icon-wrapper svg path {
    fill: #f44336; }
  .wish-list-button .icon-wrapper {
    position: relative;
    margin-right: 0.47rem; }
    .wish-list-button .icon-wrapper .items-counter-bubble {
      -webkit-transition: all 200ms ease-in-out;
      -o-transition: all 200ms ease-in-out;
      transition: all 200ms ease-in-out;
      visibility: hidden;
      opacity: 0;
      top: 0;
      right: 0;
      -webkit-transform: translate(100%, -100%);
          -ms-transform: translate(100%, -100%);
              transform: translate(100%, -100%);
      position: absolute;
      width: 0.8rem;
      height: 0.8rem;
      background: #f44336;
      border-radius: 100%;
      font-size: 0.625rem;
      color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: center;
          align-content: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }

.social-networks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .social-networks li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.5rem; }
    .social-networks li a {
      width: 100%; }
  .social-networks img {
    width: 100%;
    height: auto;
    max-width: 55px; }

.share-url {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .share-url .url {
    border-radius: 4px;
    border: 0;
    background-color: rgba(0, 0, 0, 0.1);
    height: 2.5rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 18px;
    margin-bottom: 18px; }
    .share-url .url label {
      height: 50%;
      margin-right: 18px; }
    .share-url .url svg.icon {
      height: 100%; }
      .share-url .url svg.icon path {
        fill: rgba(0, 0, 0, 0.54); }
    .share-url .url input {
      -webkit-box-flex: 1;
          -ms-flex: 1 1;
              flex: 1 1;
      font-size: 0.875rem;
      background: none;
      border: none;
      outline: none;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      color: rgba(0, 0, 0, 0.54); }

.share-dialog .content {
  padding: 50px 24px 24px;
  max-width: 350px;
  text-align: center; }

.share-dialog .thumbnail {
  width: 100%;
  height: auto;
  border-radius: 4px; }

.share-dialog .networks-title {
  font-size: 1.25rem;
  margin: 10px 0 20px;
  text-align: center; }

@media only screen and (max-width: 847px) {
  .share-dialog .thumbnail {
    width: 75%; } }

.room-menu section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .room-menu section > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }

.room-menu .right, .room-menu .left {
  position: absolute;
  top: 18.4px;
  top: calc(18.4px + env(safe-area-inset-top)); }

.room-menu .right {
  right: 8px; }

.room-menu .left {
  left: 8px; }

.room-menu .room-item-menu-hamburger-button {
  -webkit-box-shadow: none;
          box-shadow: none; }
  .room-menu .room-item-menu-hamburger-button img {
    margin: 0; }

.room-menu-button img, .room-menu-button svg {
  height: 0.9375rem; }

.room-menu-button-wrapper {
  margin-left: 9px; }
  .room-menu-button-wrapper:first-child {
    margin-left: 0; }

.baby-progress-bar {
  position: relative;
  height: 264px;
  width: 512px;
  margin: 0 auto;
  background: url("/static/assets/babyProgressBar/stars-background.png") no-repeat;
  background-size: contain;
  background-position-y: center;
  background-position-x: center; }
  .baby-progress-bar .progress-bar {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 400px;
    height: 32px;
    background-color: #dff7f9;
    border-radius: 16px; }
    .baby-progress-bar .progress-bar:after {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 100%;
      display: block;
      content: ' ';
      border-radius: 16px;
      border: 6px solid #b1ebf1; }
    .baby-progress-bar .progress-bar .bar {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      height: 22px;
      background-color: #00acc1;
      border-radius: 0 16px 16px 0; }
      .baby-progress-bar .progress-bar .bar:after {
        max-width: 18px;
        height: 100%;
        display: block;
        content: ' ';
        background: #dff7f9 url("/static/assets/babyProgressBar/bar-tip.png") no-repeat; }
  .baby-progress-bar .baby {
    position: absolute;
    bottom: 12px;
    margin-right: -25px;
    z-index: 2;
    width: 200px; }
    .baby-progress-bar .baby.pos-1 .baby-pos-1 {
      display: block; }
    .baby-progress-bar .baby.pos-1 .baby-pos-2 {
      display: none; }
    .baby-progress-bar .baby.pos-2 .baby-pos-1 {
      display: none; }
    .baby-progress-bar .baby.pos-2 .baby-pos-2 {
      display: block; }
  @media only screen and (max-width: 847px) {
    .baby-progress-bar {
      width: 332.8px;
      height: 171.6px; }
      .baby-progress-bar .progress-bar {
        width: 260px;
        height: 20.8px; }
        .baby-progress-bar .progress-bar .bar {
          height: 14.3px; }
      .baby-progress-bar .baby {
        margin-right: -16.25px;
        width: 130px;
        bottom: 7.8px; } }

.loading-room {
  background-color: #f9f9f9;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%; }
  .loading-room .ReactModal__Content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .loading-room .title, .loading-room .percentage {
    margin: 0;
    text-align: center;
    color: rgba(0, 0, 0, 0.54);
    display: block; }
  .loading-room .title {
    margin-top: 40px;
    font-size: 1.25rem;
    font-weight: 500; }
  .loading-room .percentage {
    margin-top: 28px;
    font-size: 2.8125rem;
    font-weight: 300; }
  @media only screen and (max-width: 847px) {
    .loading-room .title {
      margin-top: 20px;
      font-size: 1rem;
      max-width: 90%; }
    .loading-room .percentage {
      margin-top: 18px;
      font-size: 2.2rem; } }

.editor.page {
  vertical-align: top;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%; }
  .editor.page .hamburger-i-white rect {
    display: initial !important; }
  .editor.page .editor-top-bar + .content {
    margin-top: 76px;
    height: calc(100% - 76px); }
  .editor.page .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .editor.page .content .scene-wrapper {
      position: relative;
      -webkit-box-flex: 2;
          -ms-flex: 2;
              flex: 2;
      background-color: #ebf0f1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .editor.page .content .scene-wrapper .scene-canvas {
        max-height: 100%;
        -webkit-box-flex: 1;
            -ms-flex: 1 1;
                flex: 1 1; }
  @media only screen and (min-width: 2881px) {
    .editor.page .editor-top-bar + .content {
      margin-top: 140px;
      height: calc(100% - 140px); } }

.mobile .editor.page .content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }

.mobile .scene-wrapper {
  height: 50%; }

.wishlist-metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #212121;
  -webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  padding: 32px 0; }
  .wishlist-metadata .close-button {
    position: absolute;
    right: 0;
    top: 0; }
  .wishlist-metadata .wishlist-icon, .wishlist-metadata .avatar {
    max-width: 72px;
    max-height: 72px;
    width: auto;
    height: auto; }
  .wishlist-metadata .avatar {
    border-radius: 100%; }
  .wishlist-metadata .title {
    margin: 16px 0 21px;
    color: white;
    font-size: 1.25rem; }
    .wishlist-metadata .title:first-letter {
      text-transform: uppercase; }
  .wishlist-metadata .commission-disclaimer {
    padding: 10px 31px 0;
    color: rgba(255, 255, 255, 0.54);
    text-align: center; }
  .wishlist-metadata .share-wishlist {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 31px; }
    .wishlist-metadata .share-wishlist > * {
      height: 2rem; }
    .wishlist-metadata .share-wishlist .wishlist-url {
      -webkit-box-flex: 1;
          -ms-flex: 1 1;
              flex: 1 1;
      background: rgba(255, 255, 255, 0.26);
      border: none;
      color: rgba(255, 255, 255, 0.54);
      padding: 0 14px;
      margin-right: 16px;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      font-size: 0.75rem; }
    .wishlist-metadata .share-wishlist .button {
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.7);
      font-size: 0.75rem;
      padding: 0 14px; }

.wishlist-items-list {
  padding: 16px 15px; }
  .wishlist-items-list .items-counter {
    margin-bottom: 21px;
    color: rgba(0, 0, 0, 0.3);
    font-size: 0.875rem; }
  .wishlist-items-list .list {
    list-style: none; }

.wish-list-view {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .wish-list-view .wish-list-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1; }
  .wish-list-view .wish-list-bottom-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 18px 16px;
    -webkit-box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.3);
            box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.3);
    z-index: 2; }
    .wish-list-view .wish-list-bottom-bar .sum {
      font-size: 0.875rem;
      font-style: italic;
      color: rgba(0, 0, 0, 0.7);
      font-weight: 600; }
      .wish-list-view .wish-list-bottom-bar .sum .lds-ring {
        display: inline-block; }
    .wish-list-view .wish-list-bottom-bar .add-item-btn {
      color: #f44336;
      text-transform: uppercase;
      font-size: 0.75rem;
      font-weight: 500; }
      .wish-list-view .wish-list-bottom-bar .add-item-btn svg {
        margin-right: 0.479rem;
        width: 0.625rem;
        height: 0.625rem; }
        .wish-list-view .wish-list-bottom-bar .add-item-btn svg * {
          fill: #f44336; }

.wishlist-empty-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  position: relative;
  padding: 48px 34px; }
  .wishlist-empty-mode .close-button {
    position: absolute;
    top: 0;
    right: 0; }
  .wishlist-empty-mode .empty-list-icon {
    width: 220px;
    max-width: 80%;
    margin-bottom: 59px; }
  .wishlist-empty-mode .divider {
    margin: 25px 0 38px; }
    .wishlist-empty-mode .divider * {
      fill: rgba(0, 0, 0, 0.87); }
  .wishlist-empty-mode .title {
    font-size: 2rem;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    text-align: center;
    margin: 0 0 41px; }
  .wishlist-empty-mode .desc {
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    font-size: 1rem;
    margin: 0; }
  .wishlist-empty-mode .button {
    text-transform: uppercase;
    margin-top: 25px;
    height: 36px;
    padding: 0 43px; }

.registry-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .registry-page .content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1; }

.forgot-password .fancybox-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 25px 10px; }

.forgot-password .dwf-input {
  margin-bottom: 25px; }

.forgot-password .error {
  color: rgba(238, 51, 0, 0.84); }

.forgot-password .info, .forgot-password .error {
  margin-top: 5px;
  font-size: 0.875rem;
  font-weight: 500; }

.login-signup-form .login-signup-form-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 24px; }
  .login-signup-form .login-signup-form-content .dwf-input {
    margin-bottom: 16px; }
    .login-signup-form .login-signup-form-content .dwf-input:last-child {
      margin-bottom: 0; }
    .login-signup-form .login-signup-form-content .dwf-input.in-focus svg path {
      fill: #212121; }

.login-signup-form .form-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  font-weight: 500; }
  .login-signup-form .form-footer span {
    cursor: pointer;
    display: block;
    margin-bottom: 5px; }
    .login-signup-form .form-footer span:last-child {
      margin-bottom: 0; }

.login-signup-form .login-signup-submit-button {
  padding: 13px 28px;
  font-size: 0.875rem;
  font-weight: 500; }

.social-networks-login {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }
  .social-networks-login li {
    width: 100%; }
  .social-networks-login .social-network-login-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding: 12px 24px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: white;
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
    .social-networks-login .social-network-login-button:hover {
      background: #f8f8f8;
      -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
              box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); }
    .social-networks-login .social-network-login-button:active {
      background: #f1f1f1;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
    .social-networks-login .social-network-login-button img {
      width: 32px;
      height: 32px;
      margin-right: 12px; }

.login-signup-dialog .content {
  padding: 32px 24px; }

.login-signup-dialog .login-illustration {
  margin-bottom: 33px; }

.login-signup-dialog .networks-title {
  margin: 31px 0 24px;
  text-align: center;
  width: 100%;
  font-size: 0.875rem;
  font-weight: normal; }

.login-signup-dialog .social-networks-login {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.login-signup-dialog .close-button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 101; }

.login-signup-dialog .login-error {
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(238, 51, 0, 0.84);
  margin-top: 5px;
  display: block; }