/*! reset.css v1.2.03 | ISC License | github.com/lodela/reset-CSS | Last updated March 10th 2022 */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove all the styles of the "User-Agent-Stylesheet"
 * 4. Solve Firefox SVG sprite bug
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

*, *::before, *::after {
  box-sizing: border-box;
}

a, button {
  cursor: revert;
}

ol, ul, menu {
  list-style: none;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

html {
  font-size: 100%;
  /*16px*/
}

body {
  background: white;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}

p {
  margin-bottom: 1rem;
}

a, button {
  line-height: 1.5;
}

textarea,
a,
label,
input,
body,
p,
button,
h1,
h2,
h3,
h4,
h5 {
  font-family: "Maven Pro", sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 1rem 0 0.5rem;
  font-weight: 700;
  line-height: 1.3;
}

h1,
h1::after,
.h1 {
  margin-top: 0;
  font-size: 3.052rem;
}

h2,
h2::after,
.h2 {
  font-size: 2.441rem;
}

h3,
h3::after,
.h3 {
  font-size: 1.953rem;
}

h4,
h4::after,
.h4 {
  font-size: 1.563rem;
}

h5,
h5::after,
.h5 {
  font-size: 1.25rem;
}

@media screen and (max-width: 768px) {
  h1,
  h1::after,
  .h1 {
    font-size: 1.802rem;
  }
  h2,
  h2::after,
  .h2 {
    font-size: 1.602rem;
  }
  h3,
  h3::after,
  .h3 {
    font-size: 1.324rem;
  }
  h4,
  h4::after,
  .h4 {
    font-size: 1.166rem;
  }
  h5,
  h5::after,
  .h5 {
    font-size: 1.125rem;
  }
}
.swaap_room_planner {
  max-height: 100vh;
  max-width: 100vw;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.shadow {
  color: #000;
  border: 2px solid #000;
  background-color: #fff;
  box-shadow: 0rem 0.5rem 0 -0.25rem #000;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .shadow {
    border: 1px solid #000;
  }
}

.box-pad {
  padding: 3rem 3rem 3rem;
}
@media screen and (max-width: 768px) {
  .box-pad {
    padding: 2rem 1rem 1.5rem;
  }
}

.button,
a,
button {
  padding: 0.8rem 1.3rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .button,
  a,
  button {
    padding: 0.4rem 0.6rem;
  }
}

/* FORMS AND INPUTS */
input[type=submit],
.button.shadow,
button.shadow,
a.shadow {
  color: #fff;
  background-color: #DE6E46;
  font-weight: 700;
  transition: 0.1s ease-out;
  cursor: pointer;
}
input[type=submit]:hover,
.button.shadow:hover,
button.shadow:hover,
a.shadow:hover {
  box-shadow: 0 0 0 0 #000;
  transform: translate(0, 0.25rem);
  background-color: #94E5F0;
  color: #fff;
}

.inline-block {
  display: inline-block;
}

.orange {
  color: #fff;
  background-color: #DE6E46;
  font-weight: 700;
}

.text-orange,
.text-orange.shadow {
  color: #DE6E46;
  background-color: #fff;
}

.red,
.red.shadow {
  font-weight: 700;
  color: #000;
  background-color: #ff8170;
}

.green,
.green.shadow {
  font-weight: 700;
  color: #000;
  background-color: #ABEB99;
}

.text-red,
.text-red.shadow {
  font-weight: 700;
  color: #ff8170;
  background-color: #fff;
}
.text-red:hover,
.text-red.shadow:hover {
  color: #fff;
  background-color: #ff8170;
}

.blue,
.blue.shadow {
  color: #000;
  background-color: #94E5F0;
}
.blue:hover,
.blue.shadow:hover {
  color: #94E5F0;
  background-color: #fff;
}

.no_scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no_scrollbar::-webkit-scrollbar {
  display: none;
}

.step-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.step-text {
  text-align: center;
  display: flex;
  flex-flow: column;
  gap: 1rem;
  margin: 1rem;
}

.step-handler-left {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 99;
}

.swaap-file-form {
  height: 100vh;
  display: flex;
  flex-flow: column;
  justify-content: center;
  max-width: 600px;
  padding: 1rem;
  margin: 0 auto;
}

.safe-bottom {
  margin-bottom: env(safe-area-inset-bottom);
}

.backdrop {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-color: #ff6f53;
  height: 100%;
  width: 100%;
  animation: backdrop_fadein 0.2s forwards;
}

@keyframes backdrop_fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.8;
  }
}
.before-backdrop {
  position: relative;
  z-index: 2;
}

.tips-wrapper {
  position: fixed;
  z-index: 101;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tips-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ff6f53;
  opacity: 0.8;
}
.tips-wrapper video {
  width: 100%;
  height: 35vh;
}

.tips {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 768px;
  width: calc(100% - 1rem);
  display: flex;
  flex-flow: column;
}
.tips button {
  margin-top: 2rem;
  text-align: center;
}

.planner-ui.sketch .viewport {
  background: radial-gradient(circle, #fff 0%, #ABEB99 100%);
}

.planner-ui.linking .viewport {
  background: radial-gradient(circle, #fff 0%, #94E5F0 100%);
}

.store-propositions-furniture {
  display: grid;
  grid-template-rows: 1fr auto;
  padding: 0.5rem;
  background-color: white;
}
.store-propositions-furniture .store-propositions-infos {
  display: flex;
  flex-flow: column;
}
.store-propositions-furniture .store-propositions-infos img {
  flex-grow: 1;
  object-fit: contain;
  max-height: 20vh;
  height: 10rem;
}
.store-propositions-furniture .store-propositions-infos p {
  margin-top: auto;
}
.store-propositions-furniture .store-propositions-buttons {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: end;
}
.store-propositions-furniture .store-propositions-buttons > * {
  flex-grow: 1;
}

.step-brief {
  background-color: #fff;
}

.room-edit-wrapper,
.room-new-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.room-edit,
.room-new {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid black;
  display: flex;
  flex-flow: column;
  padding: 1rem;
  max-width: calc(100vw - 2rem);
  box-sizing: border-box;
  max-height: calc(100vh - 1rem);
  width: 30rem;
  background-color: #fff;
}

.rotate-but {
  color: transparent !important;
  background: url("/assets/rotate-left-solid.svg");
  background-size: auto 80%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: white;
}

.rotate-but:first-child {
  background-image: url("/assets/rotate-right-solid.svg");
}

/*# sourceMappingURL=swaap-room-planner.css.map */