:root {
  --product-thumbnail-text-height: 35px;
  --choose-rooms-logo-height: 100%;
  --top-bar-logo-height: 100%;
  --landing-bg: url(../../images/landing-bg.jpg);
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
* {
  font-family: 'Montserrat-Regular';
  font-size: 0px;
}
*.IBMPlexSans {
  font-family: 'IBMPlexSans-Regular';
}
strong {
  font-size: inherit;
}
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0;
}
:root {
  --choose-rooms-logo-height: 60%;
  --top-bar-logo-height: 75%;
  --landing-bg: url(images/landing-background-new.jpg);
}
:root {
  --brand-colour-1: #101935;
  --brand-colour-2: #d9dfed;
  --general-white-colour: white;
  --text-colour: #444;
  --product-selected-colour: var(--brand-colour-1);
  --button-a-bg-colour: var(--brand-colour-1);
  --button-a-border-colour: var(--general-white-colour);
  --button-a-text-colour: var(--general-white-colour);
  --button-b-bg-colour: var(--brand-colour-2);
  --button-b-border-colour: var(--brand-colour-1);
  --button-b-text-colour: var(--brand-colour-1);
  --button-c-bg-colour: var(--general-white-colour);
  --button-c-border-colour: var(--brand-colour-1);
  --button-c-text-colour: var(--brand-colour-1);
  --button-b-border-colour: var(--text-colour);
  --button-b-text-colour: var(--text-colour);
  --button-c-border-colour: var(--text-colour);
  --button-c-text-colour: var(--text-colour);
  --icon-colour: var(--general-white-colour);
  --icon-highlighted-colour: var(--brand-colour-1);
  --icon-highlighted-colour-lighter: #abb9e6;
  --selector-bar-bg-colour: var(--brand-colour-1);
  --slider-colour: var(--brand-colour-1);
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
* {
  font-family: 'Montserrat-Regular';
  font-size: 0px;
}
*.IBMPlexSans {
  font-family: 'IBMPlexSans-Regular';
}
strong {
  font-size: inherit;
}
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0;
}
.v-show-debug2 canvas {
  width: 100%;
  height: 100%;
}
*:not(p) {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
}
html {
  overflow: hidden;
  overscroll-behavior: none;
}
.v-hide {
  display: none !important;
}
.m-hide {
  display: none;
}
.v-message-popup.allow-click-through {
  pointer-events: none;
}
.v-scene-render {
  display: none;
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  font-size: 0;
  zzzzz-index: 2;
  transition: width 0.2s;
  overflow-y: auto;
}
.v-scene-render canvas {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
}
body.v-config-device-phone .v-scene-render,
body.v-config-device-tablet .v-scene-render {
  height: calc(100% - 40px);
}
body.v-state-is-phone-product-selector-open .v-scene-render {
  height: calc(100% - 40px - 100px);
}
body.v-config-device-desktop .v-scene-render {
  top: 60px;
  height: calc(100% - 60px);
}
.v-scene-render.sidebar-open {
  width: calc(100% - 375px);
  left: auto;
  right: 0;
  position: fixed;
  transition: width 0.2s;
}
.v-scene-render {
  text-align: center;
}
.v-scene-render p {
  font-size: 20px;
}
body {
  overflow-x: auto;
  overflow-y: auto;
}
body.disable-horizontal-scrolling {
  overflow-x: hidden;
}
body.disable-vertical-scrolling {
  overflow-y: hidden;
}
.visualizer-render-canvas.fill-width {
  width: 100%;
  height: auto;
}
.visualizer-render-canvas.fill-height {
  width: auto;
  height: 100%;
}
body.v-state-room-loaded .v-scene-render {
  display: block;
}
body.v-room-viewer-mode .v-scene-render {
  top: 0;
  height: 100%;
}
.v-busy {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
}
.v-busy img {
  position: absolute;
  left: 50%;
  width: 64px;
  top: 50%;
  margin-left: -32px;
  margin-top: calc(-5vh - 32px);
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 64px;
}
.vv-popup-separator {
  width: 100%;
  height: 15px;
  zbackground-color: cyan;
}
.vv-popup-separator-row {
  width: 15px;
  height: 15px;
  zbackground-color: cyan;
}
.vv-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9998;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vv-popup-content {
  display: flex;
  flex-direction: column;
  zjustify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  zzzzdisplay: inline-block;
  background-color: white;
  padding: 15px 40px 15px 40px;
  padding: 15px;
  zzborder-radius: 12px;
  border-radius: 20px;
  width: 300px;
}
.vv-popup-content .vv-popup-close {
  align-self: flex-start;
  position: absolute;
  width: 50px;
  height: 50px;
  text-align: center;
  padding-top: 11px;
  margin: -15px 0 0 -20px;
  cursor: pointer;
}
.vv-popup-content .vv-popup-close span {
  color: var(--text-colour);
}
.vv-popup-content .vv-popup-title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: var(--text-colour);
  margin-left: 30px;
  margin-right: 30px;
  zzbackground-color: cyan;
}
.vv-popup-content .vv-popup-text {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 15px;
  text-align: center;
  color: var(--text-colour);
  zbackground-color: yellow;
}
.vv-popup-content .vv-popup-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.vv-popup-content .vv-popup-buttons.vv-popup-row-buttons {
  display: flex;
  flex-direction: row;
}
.vv-popup-content ul {
  zzzmargin-top: 0;
  font-size: 14px;
  text-align: left;
  color: var(--text-colour);
  zbackground-color: yellow;
}
.vv-popup-content li {
  text-align: left !important;
}
body.v-config-device-desktop .vv-popup-content {
  margin-top: -5vh;
}
.v-popup-text-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 40px;
  margin: 0;
  border-radius: 20px;
  background-color: #444;
  cursor: pointer;
}
.v-popup-text-button p {
  color: white;
  font-size: 14px;
  font-weight: 600;
}
.vv-popup-buttons.vv-popup-row-buttons .v-popup-text-button {
  width: 150px;
}
.v-popup-text-button.vv-popup-button-2 {
  background-color: #e6e6e6;
}
.v-popup-text-button.vv-popup-button-2 p {
  color: #444;
}
.v-popup-text-icon-button {
  display: flex;
  align-items: center;
  width: 80%;
  height: 40px;
  margin: 0;
  border-radius: 20px;
  background-color: #444;
  cursor: pointer;
}
.v-popup-text-icon-button span {
  padding: 0 10px 0 10px;
  color: white;
  font-size: 24px;
}
.v-popup-text-icon-button p {
  color: white;
  font-size: 14px;
  zzbackground-color: red;
}
.v-popup-text-icon-button.vv-popup-button-2 {
  background-color: #e6e6e6;
}
.v-popup-text-icon-button.vv-popup-button-2 span,
.v-popup-text-icon-button.vv-popup-button-2 p {
  color: #444;
}
/* .qwe
{
position: fixed;
left: 0;
top: 0;
z-index: 999999;
	img
	{
	width: 50px;
	}
}*/
.v-uyoedit-stairs-stage1-help-popup,
.v-uyoedit-stairs-stage2-help-popup,
.v-uyoedit-stairs-stage3-help-popup {
  display: block;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.v-uyoedit-stairs-stage1-help-popup .v-popup-text-button,
.v-uyoedit-stairs-stage2-help-popup .v-popup-text-button,
.v-uyoedit-stairs-stage3-help-popup .v-popup-text-button {
  pointer-events: auto;
}
.v-uyoedit-stairs-stage1-help-popup .container,
.v-uyoedit-stairs-stage2-help-popup .container,
.v-uyoedit-stairs-stage3-help-popup .container {
  position: fixed;
  position: absolute;
  display: block;
  width: 150px;
  margin-left: -75px;
  padding: 5px;
}
.v-uyoedit-stairs-stage1-help-popup .vv-popup-content,
.v-uyoedit-stairs-stage2-help-popup .vv-popup-content,
.v-uyoedit-stairs-stage3-help-popup .vv-popup-content {
  margin-top: 0 !important;
  padding: 5px;
  width: 100%;
}
.v-uyoedit-stairs-stage1-help-popup .vv-popup-content .vv-popup-text,
.v-uyoedit-stairs-stage2-help-popup .vv-popup-content .vv-popup-text,
.v-uyoedit-stairs-stage3-help-popup .vv-popup-content .vv-popup-text {
  font-size: 14px;
  margin-bottom: 0px;
}
.v-uyoedit-stairs-stage1-help-popup .vv-popup-content .image,
.v-uyoedit-stairs-stage2-help-popup .vv-popup-content .image,
.v-uyoedit-stairs-stage3-help-popup .vv-popup-content .image {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 100%;
  width: 200%;
  clip-path: inset(0% 50% 0% 0%);
}
.v-uyoedit-stairs-stage1-help-popup .vv-popup-content .v-popup-text-button,
.v-uyoedit-stairs-stage2-help-popup .vv-popup-content .v-popup-text-button,
.v-uyoedit-stairs-stage3-help-popup .vv-popup-content .v-popup-text-button {
  width: 40px;
}
.v-uyoedit-stairs-stage1-help-popup .container {
  height: 210px;
}
.v-uyoedit-stairs-stage2-help-popup .container {
  height: 228px;
}
.v-uyoedit-stairs-stage3-help-popup .container {
  height: 246px;
}
.v-stairs-wanted-popup .vv-popup-content .v-loaded-stairs-image {
  text-align: center;
}
.v-stairs-wanted-popup .vv-popup-content .v-loaded-stairs-image img {
  height: 120px;
}
.v-stairs-wanted-popup .vv-popup-content .items {
  text-align: center;
  font-size: 0;
}
.v-stairs-wanted-popup .vv-popup-content .items .row {
  width: 100%;
}
.v-stairs-wanted-popup .vv-popup-content .items .row img {
  display: inline-block;
  margin: 0px 5px 5px 5px;
}
.v-stairs-wanted-popup .vv-popup-content .items .row img:nth-child(1) {
  width: 30%;
  text-align: center;
}
.v-stairs-wanted-popup .vv-popup-content .items .row img:nth-child(2) {
  width: 30%;
}
.v-stairs-wanted-popup .vv-popup-content .items .row img:nth-child(3) {
  width: 30%;
}
.v-choose-room-popup .vv-popup-close {
  z-index: 1;
}
.v-choose-room-popup .vv-popup-close span {
  color: var(--text-colour);
}
.v-choose-room-popup .vv-popup-content .logo-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -15px;
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 56px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.v-choose-room-popup .vv-popup-content .logo-container img {
  height: var(--choose-rooms-logo-height);
}
.v-choose-room-popup .vv-popup-content .vv-popup-title {
  margin-top: 56px;
}
.v-choose-room-popup .vv-popup-content .room-collections-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  width: 350px;
  height: 100%;
  z-index: 2;
}
.v-choose-room-popup .vv-popup-content .room-collections-container .room-collection-selector {
  font-size: 20px;
  width: 71%;
  background-color: var(--button-c-bg-colour);
  position: relative;
}
.v-choose-room-popup .vv-popup-content .room-collections-container .room-collection-selector .room-collection-selector-toggle {
  border: 1px solid var(--button-c-border-colour);
  border-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 5px;
  cursor: pointer;
  height: 40px;
}
.v-choose-room-popup .vv-popup-content .room-collections-container .room-collection-selector .room-collection-selector-toggle span {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  font-size: 16px;
  color: var(--button-c-text-colour);
  zzbackground-color: cyan;
}
.v-choose-room-popup .vv-popup-content .room-collections-container .room-collection-selector .room-collection-selector-toggle span b {
  font-size: 20px;
}
.v-choose-room-popup .vv-popup-content .room-collections-container .room-collection-selector .room-collection-selector-toggle .open-button,
.v-choose-room-popup .vv-popup-content .room-collections-container .room-collection-selector .room-collection-selector-toggle .close-button {
  float: right;
  font-size: 24px;
  margin-right: 1px;
  margin-top: -2px;
  color: var(--button-b-text-colour);
  padding: 4px;
  margin-left: 0px;
}
.v-choose-room-popup .vv-popup-content .room-collections-container .room-collection-selector .room-collection-buttons {
  position: absolute;
  z-index: 2;
  width: calc(100%);
  padding: 0px 0px 5px 10px;
  background-color: white;
  border: 1px solid var(--button-c-border-colour);
  border-top: none;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.v-choose-room-popup .vv-popup-content .room-collections-container .room-collection-selector .room-collection-buttons .room-collection {
  display: flex;
  justify-content: left;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0px;
  cursor: pointer;
}
.v-choose-room-popup .vv-popup-content .room-collections-container .room-collection-selector .room-collection-buttons .room-collection .check {
  margin-left: 0px;
  margin-right: 5px;
  color: var(--text-colour);
  border-radius: 30px;
  font-size: 24px;
}
.v-choose-room-popup .vv-popup-content .room-collections-container .room-collection-selector .room-collection-buttons .room-collection .check:not(.selected) {
  display: none;
}
.v-choose-room-popup .vv-popup-content .room-collections-container .room-collection-selector .room-collection-buttons .room-collection p {
  margin: 0;
  margin-left: 5px;
  font-size: 16px;
  color: var(--text-colour);
}
.v-choose-room-popup .vv-popup-content .room-collections-container.open .room-collection-selector-toggle {
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.v-choose-room-popup .vv-popup-content .room-collections-container.open .room-collection-selector .open-button {
  display: none;
}
.v-choose-room-popup .vv-popup-content .room-collections-container:not(.open) .room-collection-selector .close-button {
  display: none;
}
.v-choose-room-popup .vv-popup-content .room-collections-container:not(.open) .room-collection-buttons {
  display: none;
}
.v-choose-room-popup .vv-popup-content .room-types {
  margin-top: 0;
  margin-bottom: 15px;
}
.v-choose-room-popup .vv-popup-content .room-types .v-popup-text-button {
  margin: 0 5px 0 5px;
}
.v-choose-room-popup .vv-popup-content .container {
  width: 100%;
  overflow-y: auto;
  max-height: 55vh;
}
.v-choose-room-popup .vv-popup-content .container .room-thumbnails-container {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .button-container {
  position: relative;
  width: 50%;
  padding: 0 5px 10px 5px;
}
.v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .button-container .button-wrapper {
  position: relative;
  width: 100%;
  padding-top: 66.64%;
  border-radius: 8px;
}
.v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .button-container .button-wrapper .button {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 8px;
  background-color: var(--button-b-bg-colour);
  cursor: pointer;
}
.v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .button-container .button-wrapper .button span {
  xpadding-right: 10px;
  color: var(--button-b-text-colour);
  font-size: 36px;
}
.v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .button-container .button-wrapper .button p {
  color: var(--button-b-text-colour);
  font-size: 14px;
}
.v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .room-thumbnail-container {
  position: relative;
  width: 50%;
  padding: 0 5px 10px 5px;
}
.v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .room-thumbnail-container .label {
  font-size: 14px;
  background-color: #666;
  color: white;
  text-align: center;
  margin: 0;
  padding: 3px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .room-thumbnail-container .delete {
  position: absolute;
  right: 5px;
  top: 0px;
  padding: 5px;
  background-color: transparent;
  cursor: pointer;
  z-index: 1;
}
.v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .room-thumbnail-container .delete span {
  font-size: 24px;
  color: white;
}
.v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .room-thumbnail-container img {
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
}
.v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .room-thumbnail-container img:not(.not-showing-label) {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.v-choose-room-popup .vv-popup-content .store-finder {
  text-decoration: underline;
  cursor: pointer;
  margin: 10px 0 0 0;
}
.v-choose-room-popup .vv-popup-content .disclaimer-text {
  width: 50%;
  text-align: center;
  margin: 10px 0 0 0;
  font-size: 10px;
  line-height: 13px;
  color: var(--text-colour);
}
.v-choose-room-popup.showing-room-collections .container {
  margin-top: 0px;
  height: 55vh;
}
.v-choose-room-popup.showing-room-types .container {
  margin-top: 0px;
}
body.v-config-device-phone .v-choose-room-popup .disclaimer-text {
  width: 100%;
  font-size: 8px;
}
body:not(.v-state-room-loaded) .v-choose-room-popup {
  background-color: transparent;
  pointer-events: none;
}
body:not(.v-state-room-loaded) .v-choose-room-popup .vv-popup-content {
  margin-top: 0;
  pointer-events: auto;
}
body:not(.v-config-device-phone).v-state-room-loaded .v-choose-room-popup .vv-popup-content {
  margin-top: 60px;
}
body.v-config-device-phone.v-state-room-loaded .v-choose-room-popup .vv-popup-content {
  margin-top: -40px;
}
body.v-config-device-phone.v-state-room-loaded .v-choose-room-popup .vv-popup-content .container {
  max-height: 55vh;
}
body.v-config-device-phone .v-choose-room-popup .button-container.non-mobile,
body.v-config-device-tablet .v-choose-room-popup .button-container.non-mobile {
  display: none;
}
body.v-config-device-desktop .v-choose-room-popup .button-container.mobile {
  display: none;
}
body.v-config-device-phone .v-choose-room-popup .button-container.from-phone,
body.v-config-device-tablet .v-choose-room-popup .button-container.from-phone {
  display: none;
}
body.v-config-device-desktop .v-choose-room-popup .button-container.help {
  display: none;
}
body.v-config-device-desktop .v-choose-room-popup .vv-popup-content,
body.v-config-device-tablet .v-choose-room-popup .vv-popup-content {
  width: 75%;
  max-width: 800px;
}
body.v-config-device-desktop .v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .button-container,
body.v-config-device-tablet .v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .button-container {
  width: 25%;
}
body.v-config-device-desktop .v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .button-container .button-wrapper .button span,
body.v-config-device-tablet .v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .button-container .button-wrapper .button span {
  font-size: 48px;
}
body.v-config-device-desktop .v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .room-thumbnail-container,
body.v-config-device-tablet .v-choose-room-popup .vv-popup-content .container .room-thumbnails-container .room-thumbnail-container {
  width: 25%;
}
@media only screen and (max-width: 900px) {
  qqqqqqqqqqqqqqqqqbody.v-config-device-desktop .v-choose-room-popup .vv-popup-content .container .buttons .button-container .button,
  body.v-config-device-tablet .v-choose-room-popup .vv-popup-content .container .buttons .button-container .button {
    column-gap: 5px;
  }
  qqqqqqqqqqqqqqqqqbody.v-config-device-desktop .v-choose-room-popup .vv-popup-content .container .buttons .button-container .button span,
  body.v-config-device-tablet .v-choose-room-popup .vv-popup-content .container .buttons .button-container .button span {
    font-size: 36px;
  }
  qqqqqqqqqqqqqqqqqbody.v-config-device-desktop .v-choose-room-popup .vv-popup-content .container .buttons .button-container .button p,
  body.v-config-device-tablet .v-choose-room-popup .vv-popup-content .container .buttons .button-container .button p {
    font-size: 13px;
  }
}
body.v-state-logo-needs-coloured-bg .v-choose-room-popup .logo-container {
  background-color: var(--brand-colour-1);
}
body.v-state-logo-needs-coloured-bg:not(.v-state-alt-desktop-logo-system) .v-choose-room-popup .vv-popup-close span {
  color: white !important;
}
body.v-config-device-desktop.v-state-alt-desktop-logo-system .v-choose-room-popup .vv-popup-content .vv-popup-title {
  margin-top: 0px;
}
body.v-config-device-desktop.v-state-alt-desktop-logo-system .v-choose-room-popup .vv-popup-content .logo-container {
  display: none;
}
body.v-config-device-desktop.v-state-alt-desktop-logo-system .v-choose-room-popup .vv-popup-content .room-types {
  margin-top: 0px;
}
body.v-config-device-desktop.v-state-alt-desktop-logo-system .v-choose-room-popup .vv-popup-content .container {
  margin-top: 0px;
}
body.v-config-device-desktop.v-state-alt-desktop-logo-system .v-choose-room-popup .vv-popup-content .room-collections-container {
  margin-top: 0px;
}
@media screen and (orientation: landscape) {
  body.v-config-device-phone .v-choose-room-popup {
    display: none;
  }
}
.v-photo-help-popup .vv-popup-content .container {
  max-height: 400px;
  overflow-y: auto;
}
.v-photo-help-popup .vv-popup-content .container ul {
  margin-left: 25px;
}
.v-photo-help-popup .vv-popup-content .container .items {
  text-align: center;
  font-size: 0;
}
.v-photo-help-popup .vv-popup-content .container .items .row {
  width: 100%;
}
.v-photo-help-popup .vv-popup-content .container .items .row img {
  display: inline-block;
  margin: 0px 5px 5px 5px;
}
.v-photo-help-popup .vv-popup-content .container .items .row img:nth-child(1) {
  width: 30%;
  text-align: center;
}
.v-photo-help-popup .vv-popup-content .container .items .row img:nth-child(2) {
  width: 30%;
}
.v-photo-help-popup .vv-popup-content .container .items .row img:nth-child(3) {
  width: 30%;
}
.v-scan-qr-code-popup .vv-popup-content {
  width: 500px;
}
.v-scan-qr-code-popup .vv-popup-content .vv-popup-text {
  text-align: left;
}
.v-scan-qr-code-popup .vv-popup-content .vv-popup-text b {
  font-size: initial;
}
.v-scan-qr-code-popup .vv-popup-content .qr-code-container {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
}
.v-scan-qr-code-popup .vv-popup-content .qr-code-container img {
  margin-left: 35%;
  width: 30%;
  border: 10px solid white;
}
.v-scan-qr-code-popup .vv-popup-content .message-container .vv-popup-text {
  text-align: center;
  zbackground-color: yellow;
}
.v-scan-qr-code-popup .vv-popup-content .waiting {
  color: red;
}
.v-scan-qr-code-popup .vv-popup-content .found {
  color: #0a0;
}
.v-scan-qr-code-popup .vv-popup-content .tick {
  position: absolute;
  margin-left: -60px;
  margin-top: -55px;
  font-size: 48px;
  vertical-align: top;
  color: #0a0;
}
.v-product-filters-popup .vv-popup-content {
  width: 600px;
  align-self: flex-start;
  top: 20vh;
}
.v-product-filters-popup .vv-popup-content .vv-popup-row-buttons .v-popup-text-button {
  text-align: center;
}
.v-product-filters-popup .vv-popup-content .disclaimer-text {
  width: 95%;
  text-align: center;
  margin: 15px 0 0 0;
  font-size: 10px;
  line-height: 13px;
  color: var(--text-colour);
  zzbackground-color: pink;
}
.v-product-filters-popup .vv-popup-content .product-filters-container {
  overflow-y: auto;
  max-height: 60vh;
  width: 100%;
}
.v-product-filters-popup .vv-popup-content .product-filters-container img {
  cursor: pointer;
  width: 33.33%;
  padding: 0px 5px 10px 5px;
}
.v-product-filters-popup .vv-popup-content .product-filter,
.v-product-filters-popup .vv-popup-content .product-type-filter {
  border-bottom: 1px solid var(--text-colour);
  margin-left: 5%;
  width: 90%;
}
.v-product-filters-popup .vv-popup-content .product-filter .filter-selector,
.v-product-filters-popup .vv-popup-content .product-type-filter .filter-selector {
  width: 100%;
  padding: 7px 7px 7px 0px;
  cursor: pointer;
}
.v-product-filters-popup .vv-popup-content .product-filter .filter-selector span,
.v-product-filters-popup .vv-popup-content .product-type-filter .filter-selector span {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  color: var(--text-colour);
}
.v-product-filters-popup .vv-popup-content .product-filter .filter-selector span b,
.v-product-filters-popup .vv-popup-content .product-type-filter .filter-selector span b {
  font-size: 20px;
}
.v-product-filters-popup .vv-popup-content .product-filter .filter-selector .open-button,
.v-product-filters-popup .vv-popup-content .product-type-filter .filter-selector .open-button,
.v-product-filters-popup .vv-popup-content .product-filter .filter-selector .close-button,
.v-product-filters-popup .vv-popup-content .product-type-filter .filter-selector .close-button {
  float: right;
  font-size: 24px;
  margin-right: 1px;
  margin-top: 5px;
  color: var(--text-colour);
  padding: 4px;
  zbackground-color: cyan;
}
.v-product-filters-popup .vv-popup-content .product-filter .filter-buttons,
.v-product-filters-popup .vv-popup-content .product-type-filter .filter-buttons {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.v-product-filters-popup .vv-popup-content .product-filter .filter-buttons .filter-item,
.v-product-filters-popup .vv-popup-content .product-type-filter .filter-buttons .filter-item {
  display: flex;
  justify-content: left;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0px;
  cursor: pointer;
}
.v-product-filters-popup .vv-popup-content .product-filter .filter-buttons .filter-item .tick-box,
.v-product-filters-popup .vv-popup-content .product-type-filter .filter-buttons .filter-item .tick-box {
  margin-left: 0px;
  margin-right: 5px;
  color: var(--text-colour);
  font-size: 22px;
  zbackground-color: pink;
}
.v-product-filters-popup .vv-popup-content .product-filter .filter-buttons .filter-item p,
.v-product-filters-popup .vv-popup-content .product-type-filter .filter-buttons .filter-item p {
  margin: 0;
  margin-left: 5px;
  color: var(--text-colour);
  text-align: left;
  width: 100%;
  zbackground-color: cyan;
}
.v-product-filters-popup .vv-popup-content .product-filter .filter-buttons .filter-item:first-child,
.v-product-filters-popup .vv-popup-content .product-type-filter .filter-buttons .filter-item:first-child {
  margin-top: -8px;
}
.v-product-filters-popup .vv-popup-content .product-filter .filter-buttons .filter-item:last-child,
.v-product-filters-popup .vv-popup-content .product-type-filter .filter-buttons .filter-item:last-child {
  margin-bottom: 12px;
}
.v-product-filters-popup .vv-popup-content .product-filter .filter-buttons .filter-item.disabled,
.v-product-filters-popup .vv-popup-content .product-type-filter .filter-buttons .filter-item.disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.v-product-filters-popup .vv-popup-content .product-filter.open .open-button,
.v-product-filters-popup .vv-popup-content .product-filter:not(.open) .close-button,
.v-product-filters-popup .vv-popup-content .product-filter:not(.open) .filter-buttons {
  display: none;
}
.v-product-filters-popup .vv-popup-content .product-type-filter.open .open-button,
.v-product-filters-popup .vv-popup-content .product-type-filter:not(.open) .close-button,
.v-product-filters-popup .vv-popup-content .product-type-filter:not(.open) .filter-buttons {
  display: none;
}
.v-product-filters-popup .vv-popup-content .product-filter:last-child {
  border-bottom: 0px solid var(--text-colour);
}
body.v-config-device-phone .v-product-filters-popup .vv-popup-content {
  width: 90%;
  top: 10vh;
}
.v-compare-product-details {
  position: fixed;
  top: 80px;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  background-color: rgba(43, 43, 43, 0.8);
  font-size: 13px;
  text-align: center;
  color: white;
  padding: 5px 5px 5px 5px;
  border-radius: 10px;
}
.v-compare-product-details br {
  content: "";
  display: block;
  margin-bottom: 2px;
}
.v-compare-product-details.compare-off {
  top: 10px;
}
.v-compare-buttons {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 20px;
  zbackground-color: yellow;
}
.v-compare-buttons .button {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 60px;
  border-radius: 60px;
  background-color: rgba(43, 43, 43, 0.8);
  cursor: pointer;
}
.v-compare-buttons .button p {
  color: #FFA608;
  margin: 0;
  padding: 0;
  font-size: 26px;
  font-weight: bold;
}
.v-compare-buttons .button.left {
  margin-left: -110px;
}
.v-compare-buttons .button.right {
  margin-left: 110px;
}
.v-compare-buttons .button.selected {
  width: 70px;
  height: 70px;
}
.v-compare-buttons .button.selected p {
  font-size: 40px;
}
.v-compare-buttons .button.left.selected {
  margin-left: -110px;
}
.v-compare-buttons .button.right.selected {
  margin-left: 110px;
}
.v-compare-divider-line {
  position: fixed;
  left: 50%;
  top: 0px;
  width: 0px;
  height: 100%;
  margin-left: -2px;
  border-left: 2px solid #FFA608;
  border-right: 2px solid #FFA608;
  border-style: dashed;
}
.v-compare-drag-left-right-button {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  top: 0;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  cursor: pointer;
  overflow: hidden;
}
.v-compare-drag-left-right-button .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 40px;
  border: 2px solid #FFA608;
  background-color: black;
  overflow: hidden;
}
.v-compare-drag-left-right-button .inner span {
  font-size: 36px;
  color: #FFA608;
  font-variation-settings: 'wght' 700;
  zposition: absolute;
}
.v-compare-drag-left-right-button .inner .left {
  margin-left: 1px;
  zbackground-color: yellow;
}
.v-compare-drag-left-right-button .inner .right {
  margin-left: -15px;
  zbackground-color: cyan;
}
body:not(.v-config-device-desktop) .v-compare-drag-left-right-button {
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
}
.v-compare-drag-left-right-button.disabled {
  clip-path: inset(0 0 0 50%);
}
body:not(.v-config-device-phone):not(.v-config-device-tablet) .v-compare-buttons {
  top: calc(60px + 15px);
}
/* Keep normal size so easier to drag.
body.v-config-device-phone,body.v-config-device-tablet
{
	.v-compare-buttons,.v-compare-drag-left-right-button
	{
	transform-origin: top middle;
	transform: scale(0.83);
	}
}*/
body:not(.v-config-device-phone):not(.v-config-device-tablet) .v-compare-divider-line {
  margin-top: calc(60px);
}
.v-current-product-details-popup .vv-popup-content {
  width: 350px;
}
.v-current-product-details-popup .vv-popup-content .container {
  width: 100%;
  overflow-y: auto;
  max-height: 65vh;
}
.v-current-product-details-popup .vv-popup-content .container p {
  text-align: center;
}
.v-current-product-details-popup .vv-popup-content .container .products {
  margin-bottom: 0;
}
.v-current-product-details-popup .vv-popup-content .container .no-products {
  text-align: center;
}
.v-current-product-details-popup .vv-popup-content .container .product-detail {
  display: flex;
  flex-direction: column;
}
.v-current-product-details-popup .vv-popup-content .container .product-detail .divider {
  display: flex;
  align-self: center;
  width: 180px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #aaa;
}
.v-current-product-details-popup .vv-popup-content .container .product-detail .row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.v-current-product-details-popup .vv-popup-content .container .product-detail .row .type {
  font-weight: bold;
  margin-bottom: 10px;
}
.v-current-product-details-popup .vv-popup-content .container .product-detail .row .product-text {
  margin-left: 13px;
  margin-right: 5px;
}
.v-current-product-details-popup .vv-popup-content .container .product-detail .row .product-text p,
.v-current-product-details-popup .vv-popup-content .container .product-detail .row .product-text span {
  font-size: 15px;
}
.v-current-product-details-popup .vv-popup-content .container .product-detail .product-sample {
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.v-current-product-details-popup .vv-popup-content .container .product-detail .product-sample .product-link-button,
.v-current-product-details-popup .vv-popup-content .container .product-detail .product-sample .sample-link-button {
  width: 130px;
}
.v-current-product-details-popup .vv-popup-content .container .product-background-image-container {
  display: flex;
  justify-content: center;
}
.v-current-product-details-popup .vv-popup-content .container .product-background-image-container .product-background-image {
  width: 100px;
  height: 0;
  padding-bottom: 100px;
  background-size: 3200% 3200%;
  background-repeat: no-repeat;
  clip-path: inset(1px 1px 1px 1px);
  clip-path: inset(2px 2px 2px 2px);
  border-radius: 14px;
}
.v-current-product-details-popup .vv-popup-content .container .product-background-image-container .product-background-image.individual-thumbnails {
  background-size: 100% 100%;
}
.v-current-product-details-popup .vv-popup-content .buttons {
  display: flex;
  justify-content: center;
}
.v-current-product-details-popup .vv-popup-content .buttons .store-finder {
  width: 180px;
}
body.v-config-device-phone .v-current-product-details-popup .vv-popup-content {
  width: 90%;
}
body.v-thumbnail-size-200 .v-current-product-details-popup .product-background-image {
  background-size: 1600% 1600% !important;
}
.v-landing {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--landing-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
.v-landing .footer {
  position: fixed;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  bottom: 0;
}
.v-landing .footer .visualizeit-logo {
  min-width: 140px;
  height: 30px;
  margin-bottom: 5px;
  text-align: center;
  border: 1px solid #444;
  border-radius: 5px;
  padding-top: 4px;
  text-decoration: none;
  cursor: pointer;
  background-color: #444;
}
.v-landing .footer .visualizeit-logo span {
  font-family: Arial, Segoe UI, Sans-Serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 20px;
  vertical-align: top;
  color: white;
  text-decoration: none;
}
.v-landing .footer .visualizeit-logo img {
  vertical-align: top;
}
/*body.v-config-device-phone .v-landing
{
	.footer
	{
	flex-direction: column;

		.visualizeit-logo
		{
		margin: 0 0 10px 0;
		}
	}
}*/
@media screen and (orientation: landscape) {
  body.v-config-device-phone .v-landing .footer {
    display: none;
  }
}
body.v-state-room-loaded .v-landing {
  display: none;
}
.v-gui .top-logo-container {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  pointer-events: none;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: var(--selector-bar-bg-colour);
}
.v-gui .top-logo-container img {
  height: var(--top-bar-logo-height);
  background-color: transparent;
}
body.v-state-room-loaded .v-gui .top-logo-container {
  background-color: transparent;
}
body.v-state-alt-desktop-logo-system .v-gui .top-logo-container {
  display: flex;
}
@media screen and (orientation: landscape) {
  body.v-config-device-phone .v-gui {
    display: none;
  }
}
.v-tool-button {
  margin-bottom: 5px;
  width: 60px;
  height: 60px;
  padding: 0px;
  border-radius: 10px;
  background-color: #f2f2f2;
  cursor: pointer;
  box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
}
.v-tool-button span {
  color: #444;
  font-size: 24px;
}
.v-tool-button p {
  margin: 3px 0 0 0;
  color: #444;
  font-size: 11px;
  line-height: 11px;
}
body.v-state-no-text-tool-buttons .v-tool-button {
  width: 50px;
  height: 50px;
  margin: 5px 0 5px 0;
  border-radius: 70px;
}
body.v-state-no-text-tool-buttons .v-tool-button span {
  font-size: 36px;
  zbackground-color: yellow;
}
body.v-state-no-text-tool-buttons .v-tool-button p {
  display: none;
}
.v-tools {
  position: fixed;
  top: calc(60px + 10px);
  width: 80px;
  text-align: center;
  z-index: 98;
  /*	.v-tool-button.compare-button
	{
		p:nth-child(1)
		{
		color: #FFA608;
		font-size: 16px;
		margin-top: 4px;
		}
		p:nth-child(2)
		{
		color: #FFA608;
		margin-top: 10px;
		}
	}*/
}
.v-tools .divider {
  width: 80%;
  height: 1px;
  margin-top: 3px;
  margin-bottom: 8px;
  border: 1px solid #444;
  border-style: dashed;
}
.v-tools .top {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px 0 0px 0;
  border-top-left-radius: 20px;
  background-color: rgba(240, 240, 240, 0.9);
}
.v-tools .top {
  background-color: rgba(0, 0, 0, 0.2);
}
.v-tools .bottom {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0px 0 5px 0;
  border-bottom-left-radius: 20px;
  background-color: rgba(0, 0, 0, 0.2);
}
.v-tools .v-tool-button {
  background-color: #2b2b2b;
}
.v-tools .v-tool-button span,
.v-tools .v-tool-button p {
  color: white;
  font-weight: bold;
}
.v-tools .v-tool-button.compare-button span {
  color: #FFA608;
}
.v-tools .v-tool-button.compare-button p {
  color: #FFA608;
}
.v-tools .v-tool-button.recolour-button p {
  color: #FFA608;
}
.v-tools.open {
  right: 0px;
  transition: right 0.2s;
}
.v-tools:not(.open) {
  right: -80px;
  transition: right 0.2s;
}
body.v-config-device-phone .v-tools {
  top: 10px;
  transform-origin: top right;
  transform: scale(0.83);
}
body.v-config-device-phone .v-tools:not(.open) {
  right: -70px;
}
body:not(.v-state-room-loaded) .v-tools,
body:not(.v-state-room-loaded) .v-tools-toggle-button {
  display: none;
}
body.v-state-is-uyo-editing .v-tools,
body.v-state-is-uyo-editing .v-tools-toggle-button {
  display: none;
}
body:not(.v-state-compare-on) .v-tools {
  /*.v-tool-button.compare-button
	{
		span
		{
		color: white;
		//opacity: 0.4;
		}
		p
		{
		//opacity: 0.8;
		}
	}*/
}
body:not(.v-state-compare-on) .v-tools .v-tool-button.compare-button p:nth-child(1) {
  color: white;
}
body.v-state-is-compare-dragging .v-tools {
  transition: opacity 0.2s;
  opacity: 0;
}
body:not(.v-state-is-store-finder-link) .v-tools .store-finder-button {
  display: none;
}
body:not(.v-state-is-store-finder-link) .v-tools .store-finder-button {
  display: none;
}
body:not(.v-state-is-decorated-surfaces) .v-tools .delete-button {
  pointer-events: none;
}
body:not(.v-state-is-decorated-surfaces) .v-tools .delete-button span,
body:not(.v-state-is-decorated-surfaces) .v-tools .delete-button p {
  opacity: 0.4;
}
body:not(.v-state-patterns-selectable) .v-tools .pattern-button {
  pointer-events: none;
}
body:not(.v-state-patterns-selectable) .v-tools .pattern-button span,
body:not(.v-state-patterns-selectable) .v-tools .pattern-button p {
  opacity: 0.4;
}
body:not(.v-state-is-floor-runner) .v-tools .runner-longer-button,
body:not(.v-state-is-floor-runner) .v-tools .runner-shorter-button {
  display: none;
}
body:not(.v-state-floor-runners-available) .v-tools .runner-longer-button,
body:not(.v-state-floor-runners-available) .v-tools .runner-shorter-button {
  display: none;
}
body:not(.v-state-is-rug) .v-tools .rug-size-button {
  display: none;
}
body:not(.v-state-rugs-available) .v-tools .rug-size-button {
  display: none;
}
body:not(.v-state-is-custom-rug) .v-tools .edit-custom-rug-button {
  display: none;
}
body:not(.v-state-custom-rugs-available) .v-tools .edit-custom-rug-button {
  display: none;
}
body:not(.v-state-is-custom-stairs-runner) .v-tools .edit-custom-stairs-runner-button {
  display: none;
}
body:not(.v-state-custom-stairs-runners-available) .v-tools .edit-custom-stairs-runner-button {
  display: none;
}
body:not(.v-state-patterns-available) .v-tools .pattern-button {
  display: none;
}
body:not(.v-state-is-decorated-floor):not(.v-state-is-decorated-walls):not(.v-state-is-decorated-stairs) .v-tools .rotate-button {
  pointer-events: none;
}
body:not(.v-state-is-decorated-floor):not(.v-state-is-decorated-walls):not(.v-state-is-decorated-stairs) .v-tools .rotate-button span,
body:not(.v-state-is-decorated-floor):not(.v-state-is-decorated-walls):not(.v-state-is-decorated-stairs) .v-tools .rotate-button p {
  opacity: 0.4;
}
body.v-state-is-rug,
body.v-state-is-custom-rug {
  /*	.v-tools .compare-button
	{
	pointer-events: none;

		p
		{
		opacity: @tool-button-disabled-opacity;
		}
	}*/
  /*.v-tools .compare-button
	{
	pointer-events: none;

		span,p
		{
		opacity: @tool-button-disabled-opacity;
		}
	}*/
}
body:not(.v-config-type-blindsdemo) .v-tools .edit-windows-button {
  display: none;
}
body:not(.v-state-is-decorated-floor):not(.v-state-is-decorated-stairs) .v-tools .recolour-button {
  pointer-events: none;
}
body:not(.v-state-is-decorated-floor):not(.v-state-is-decorated-stairs) .v-tools .recolour-button span,
body:not(.v-state-is-decorated-floor):not(.v-state-is-decorated-stairs) .v-tools .recolour-button p {
  opacity: 0.4;
}
body.v-room-viewer-mode .v-tools {
  top: 100px;
}
:root {
  --sidebar-scrollbar-width: 16px;
}
body:not(.v-config-device-desktop) {
  --sidebar-scrollbar-width: 0px;
}
.v-product-selector-whole-page-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.2s;
  background-color: transparent;
  pointer-events: none;
}
body.v-config-device-phone .v-product-selector-whole-page-bg.enable,
body.v-config-device-tablet .v-product-selector-whole-page-bg.enable {
  transition: background-color 0.2s;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: auto;
}
.v-product-selector {
  position: fixed;
  top: 60px;
  margin-top: 0;
  width: 375px;
  height: calc(100% - 60px);
  background-color: white;
  left: -375px;
  z-index: 109;
  box-shadow: 0px 3px 6px 5px rgba(130, 130, 130, 0.3);
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  padding: 15px 0px 15px 0px;
  padding: 0px 0px 15px 0px;
}
.v-product-selector.open {
  left: 0px;
  transition: left 0.2s;
}
.v-product-selector:not(.open) {
  left: -375px;
  transition: left 0.2s;
}
body.v-state-is-compare-dragging .v-product-selector {
  transition: opacity 0.2s;
  opacity: 0;
}
body.v-state-is-uyo-editing .v-product-selector {
  display: none;
}
body.v-config-device-phone .v-product-selector {
  width: 100%;
  top: 0;
  height: calc(100% - 40px);
  border-radius: 0px;
}
body.v-config-device-tablet .v-product-selector {
  top: 0;
  height: calc(100% - 40px);
  border-radius: 0px;
}
body.v-config-device-phone .v-product-selector.open {
  transition: left 0s;
}
body.v-config-device-phone .v-product-selector:not(.open) {
  left: -100%;
  transition: left 0s;
}
body:not(.v-state-room-loaded) .v-product-selector {
  transition: left 0s;
}
.v-product-selector .surfaces-selection {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  z-index: 2;
  margin-left: 15px;
  margin-right: calc(15px + var(--sidebar-scrollbar-width));
  margin-top: 15px;
}
.v-product-selector .surfaces-selection .surface-menu-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  border-radius: 20px;
  background-color: var(--button-a-bg-colour);
  cursor: pointer;
}
.v-product-selector .surfaces-selection .surface-menu-button p {
  margin-left: 20px;
  font-size: 16px;
  font-weight: 600;
  color: var(--button-a-text-colour);
  text-align: center;
}
.v-product-selector .surfaces-selection .surface-menu-button .open,
.v-product-selector .surfaces-selection .surface-menu-button .close {
  margin-right: 20px;
  font-size: 24px;
  color: var(--button-a-text-colour);
}
.v-product-selector .surfaces-selection .surfaces-menu {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  z-index: 1;
  margin-top: 15px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.v-product-selector .surfaces-selection .surfaces-menu .surfaces-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 100%;
  padding: 10px 20px 10px 20px;
  border-radius: 10px;
  background-color: #E8E8E8;
}
.v-product-selector .surfaces-selection .surfaces-menu .surfaces-list .label {
  font-size: 16px;
  font-weight: 600;
  color: var(--button-b-text-colour);
  margin-top: 5px;
  margin-bottom: 15px;
}
.v-product-selector .surfaces-selection .surfaces-menu .surfaces-list .surfaces {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 10px 10px 10px;
  background-color: white;
}
.v-product-selector .surfaces-selection .surfaces-menu .surfaces-list .surfaces .surface {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 10px;
  height: 40px;
  border-bottom: 1px solid var(--button-b-border-colour);
  cursor: pointer;
}
.v-product-selector .surfaces-selection .surfaces-menu .surfaces-list .surfaces .surface p {
  font-size: 16px;
  color: var(--button-b-text-colour);
  text-align: center;
}
.v-product-selector .surfaces-selection .surfaces-menu .surfaces-list .surfaces .surface.is-last-visible-one {
  border-bottom: none;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
  border-radius: 10px;
  background-color: #E8E8E8;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .targets-surface-selection {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 28px;
  margin-bottom: 10px;
  padding: 5px 5px 5px 5px;
  border-radius: 10px;
  cursor: pointer;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .targets-surface-selection .open-targets-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  z-index: 108;
  border-radius: 30px;
  text-align: center;
  display: none;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .targets-surface-selection .open-targets-button span {
  color: var(--button-a-text-colour);
  font-size: 36px;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .targets-surface-selection .open-targets-button .open,
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .targets-surface-selection .open-targets-button .close {
  border-radius: 30px;
  background-color: #FFA608;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .targets-surface-selection .open-targets-button .open {
  background-color: var(--button-a-bg-colour);
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .targets-surface-selection .label {
  flex-grow: 1;
  font-size: 16px;
  font-weight: 600;
  color: var(--button-b-text-colour);
  text-align: center;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection {
  position: relative;
  width: 100%;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .room {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  margin-left: 20px;
  margin-right: 20px;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .room p {
  font-size: 16px;
  color: var(--button-b-text-colour);
  margin: 0 0 5px 0;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .room .room-container {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: white;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .room .room-container img {
  max-width: 100%;
  max-height: 200px;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .room .room-container .targets {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 10px - 10px);
  height: calc(100% - 10px);
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .room .room-container .targets .target {
  position: fixed;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-left: -19px;
  margin-top: -19px;
  border-radius: 38px;
  cursor: pointer;
  background-color: var(--button-a-bg-colour);
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .room .room-container .targets .target p {
  margin: 0;
  font-size: 28px;
  font-weight: bold;
  color: white;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .room .room-container .targets .target.selected {
  background-color: #FFA608;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .bottom-strip {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px 15px 10px;
  width: 100%;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .bottom-strip .selected-targets {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: var(--button-b-text-colour);
  margin: 0 0 0 15px;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .bottom-strip .button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  border-radius: 20px;
  background-color: #FFA608;
  cursor: pointer;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .bottom-strip .button p {
  font-size: 16px;
  color: var(--button-b-text-colour);
  text-align: center;
  padding: 0 20px 0 20px;
}
.v-product-selector .surfaces-selection .surfaces-menu .targets-selection .individual-targets-selection .bottom-strip .button.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.v-product-selector .surfaces-selection.open {
  --sidebar-scrollbar-width: 0px;
  height: 100%;
  margin-bottom: 15px;
}
.v-product-selector .surfaces-selection.open .surface-menu-button .open {
  display: none;
}
.v-product-selector .surfaces-selection.open .targets-selection:not(.open) .targets-surface-selection .open {
  display: none;
}
.v-product-selector .surfaces-selection.open .targets-selection:not(.open) .individual-targets-selection {
  display: none;
}
.v-product-selector .surfaces-selection.open .targets-selection.open {
  border-radius: 10px;
}
.v-product-selector .surfaces-selection.open .targets-selection.open .targets-surface-selection {
  flex-direction: row-reverse;
}
.v-product-selector .surfaces-selection.open .targets-selection.open .targets-surface-selection .close {
  display: none;
}
.v-product-selector .surfaces-selection:not(.open) .surface-menu-button .close {
  display: none;
}
.v-product-selector .surfaces-selection:not(.open) .surfaces-menu {
  display: none;
}
body:not(.v-config-device-desktop) .v-product-selector .target-surfaces {
  margin-right: 15px;
}
.v-product-selector .selectors {
  display: flex;
  justify-content: flex-start;
  column-gap: 5px;
  margin-bottom: 15px;
  margin-top: 15px;
  padding-left: 15px;
  width: 100%;
}
.v-product-selector .selectors .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--button-c-border-colour);
  border-radius: 20px;
  zmargin-left: 2%;
  background-color: var(--button-c-bg-colour);
  cursor: pointer;
}
.v-product-selector .selectors .button span {
  font-size: 24px;
  color: var(--button-c-text-colour);
  text-align: center;
}
.v-product-selector .selectors .button.selected {
  background-color: var(--button-b-bg-colour);
}
.v-product-selector .selectors .button.selected .label {
  color: var(--button-b-text-colour);
}
.v-product-selector .selectors .button.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.v-product-selector .selectors .button.scroll-top {
  margin-left: auto;
  border: none;
  background-color: transparent;
  margin-right: calc(15px + var(--sidebar-scrollbar-width));
}
.v-product-selector .selectors .button.scroll-top span {
  font-size: 26px;
  color: var(--button-c-text-colour);
}
body:not(.v-config-device-desktop) .v-product-selector .selectors {
  padding-right: 7px;
}
.v-product-selector.max-two-product-collections:not(.just-one-product-collection).filters-mode .container {
  min-height: 87px;
}
.v-product-selector .container2 {
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  /* Smooth scroll. */
  padding-left: 15px;
  padding-right: 15px;
  font-size: 0;
  /* Removes small gaps between divs. */
}
.v-product-selector .container2.disabled {
  pointer-events: none;
  opacity: 0.2;
}
.v-product-selector .container {
  max-height: 57px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 0;
  /* Removes small gaps between divs. */
}
.v-product-selector .row-1 {
  height: 40px;
  width: 100%;
  margin-bottom: 15px;
}
.v-product-selector .row-1 .selector-headings-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.v-product-selector .row-1 .selector-headings-container .selectors-heading {
  display: inline-block;
  font-size: 20px;
  margin: 0;
  color: var(--text-colour);
  cursor: pointer;
}
.v-product-selector .row-1 .product-search-container {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 0px;
  width: 100%;
  height: 100%;
}
.v-product-selector .row-1 .product-search-container .search-heading {
  font-size: 20px;
  margin: 0;
  padding-right: 10px;
  zpadding: 10px 20px 10px 0;
  color: var(--text-colour);
  width: 75px;
}
.v-product-selector .row-1 .product-search-container ::placeholder {
  color: var(--text-colour);
  opacity: 1;
}
.v-product-selector .row-1 .product-search-container ::-ms-input-placeholder {
  color: var(--text-colour);
}
.v-product-selector .row-1 .product-search-container input {
  font-size: 16px;
  flex-grow: 1;
  height: 40px;
  zztext-align: center;
  padding-left: 40px;
  padding-right: 40px;
  border: 1px solid var(--button-c-border-colour);
  border-radius: 20px;
  color: var(--button-c-text-colour);
  background-color: var(--button-c-bg-colour);
}
.v-product-selector .row-1 .product-search-container .magnifying-glass {
  position: absolute;
  width: 40px;
  left: 93px;
  top: 9px;
  font-size: 24px;
  color: var(--button-c-text-colour);
  zzbackground-color: cyan;
}
.v-product-selector .row-1 .product-search-container .clear {
  position: absolute;
  width: 25px;
  right: 5px;
  top: 9px;
  font-size: 24px;
  color: var(--button-c-text-colour);
  cursor: pointer;
}
.v-product-selector .row-1 .product-collections-container {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.v-product-selector .row-1 .product-collections-container .select-collection-filter-title {
  font-size: 16px;
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector {
  font-size: 20px;
  width: 71%;
  background-color: var(--button-c-bg-colour);
  position: relative;
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector .stanton-brand-mark {
  position: absolute;
  width: 230px;
  height: 40px;
  margin-top: -40px;
  pointer-events: none;
  z-index: 2;
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector .stanton-brand-mark img {
  height: 60px;
  margin-left: 120px;
  margin-top: -10px;
  opacity: 0.1;
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector .product-collection-selector-toggle {
  border: 1px solid var(--button-c-border-colour);
  border-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 5px;
  cursor: pointer;
  height: 40px;
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector .product-collection-selector-toggle span {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  font-size: 16px;
  color: var(--button-c-text-colour);
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector .product-collection-selector-toggle span b {
  font-size: 20px;
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector .product-collection-selector-toggle .open-button,
.v-product-selector .row-1 .product-collections-container .product-collection-selector .product-collection-selector-toggle .close-button {
  float: right;
  font-size: 24px;
  margin-right: 1px;
  margin-top: -2px;
  color: var(--button-b-text-colour);
  padding: 4px;
  margin-left: 0px;
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector .product-collection-buttons {
  position: absolute;
  z-index: 2;
  max-height: 345px;
  width: calc(100%);
  padding: 0px 0px 5px 10px;
  background-color: white;
  border: 1px solid var(--button-c-border-colour);
  border-top: none;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector .product-collection-buttons .product-collection {
  display: flex;
  justify-content: left;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0px;
  cursor: pointer;
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector .product-collection-buttons .product-collection .check {
  margin-left: 0px;
  margin-right: 5px;
  color: var(--text-colour);
  border-radius: 30px;
  font-size: 24px;
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector .product-collection-buttons .product-collection .check:not(.selected) {
  display: none;
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector .product-collection-buttons .product-collection p {
  margin: 0;
  margin-left: 5px;
  font-size: 16px;
  color: var(--text-colour);
}
.v-product-selector .row-1 .product-collections-container .product-collection-selector.full-width {
  width: 100%;
}
.v-product-selector .row-1 .product-collections-container .filters-button {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  width: 29%;
  height: 40px;
  border: 1px solid var(--button-c-border-colour);
  border-radius: 20px;
  margin-left: 2%;
  background-color: var(--button-c-bg-colour);
  cursor: pointer;
}
.v-product-selector .row-1 .product-collections-container .filters-button p {
  font-size: 16px;
  color: var(--button-c-text-colour);
  text-align: center;
}
.v-product-selector .row-1 .product-collections-container .filters-button.full-width {
  width: 100%;
}
.v-product-selector .row-1 .product-collections-container .no-filters-button {
  width: 0px;
  height: 40px;
}
.v-product-selector .row-1 .product-collections-container.open .product-collection-selector-toggle {
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.v-product-selector .row-1 .product-collections-container.open .product-collection-selector .open-button {
  display: none;
}
.v-product-selector .row-1 .product-collections-container:not(.open) .product-collection-selector .close-button {
  display: none;
}
.v-product-selector .row-1 .product-collections-container:not(.open) .product-collection-buttons {
  display: none;
}
.v-product-selector.max-two-product-collections .product-collection-selector-toggle {
  display: none;
}
.v-product-selector.max-two-product-collections .product-collection-buttons {
  margin-top: -25px;
  padding: 0 !important;
  border: none !important;
}
.v-product-selector.max-two-product-collections.just-one-product-collection .product-collection-buttons {
  margin-top: -20px;
}
.v-product-selector.max-two-product-collections.just-one-product-collection .product-collection-buttons .product-collection {
  cursor: default;
  pointer-events: none;
}
.v-product-selector.max-two-product-collections.just-one-product-collection .product-collection-buttons .product-collection span {
  display: none;
}
.v-product-selector.showing-products-subset .row-1 {
  display: none !important;
}
body.v-config-device-desktop .v-product-selector .container {
  padding-right: calc(2 * 15px);
}
/*
//-----------------------------------------------
// Products heading (optional).
//-----------------------------------------------

// MOD: 09-Aug-2024
.bbv-product-selector
{
	.selector-headings-container
	{
//	display: flex !important;

		.selectors-heading.collection-filter
		{
		font-size: 13px;
		margin: 0 auto;
		margin-bottom: 5px;
		}
	}

	.container2
	{
	//margin-top: 18px;
	}
}
*/
.v-product-selector.max-two-product-collections.just-one-product-collection .product-thumbnails {
  margin-top: 0px;
}
.v-product-selector.thumbnails-2-per-row .product-thumbnail-container {
  position: relative;
  width: 48.33333%;
}
.v-product-selector.thumbnails-4-per-row .product-thumbnail-container {
  position: relative;
  width: 25%;
}
.v-product-selector .optional-heading-text {
  text-align: center;
  font-size: 16px;
  margin-top: 30px;
  color: var(--text-colour);
}
.v-product-selector .no-products-text {
  text-align: center;
  font-size: 16px;
  margin-top: 30px;
  color: var(--text-colour);
}
.v-product-selector .product-thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 340px;
  /* Needs to be enough to not clip the product type menu otherwise it clips if no/few displayed thumbnails. */
}
.v-product-selector .product-thumbnail-container.hide-non-base-rug {
  display: none !important;
}
.v-product-selector .product-thumbnail-container.centre-on-row {
  margin-left: 1.5%;
  margin-right: 1.5%;
}
.v-product-selector .product-thumbnail-container.last-non-full-row-left {
  margin-right: auto;
}
.v-product-selector .product-thumbnail-container.highlight {
  border: 1px solid var(--product-selected-colour);
}
.v-product-selector .product-thumbnail-container {
  position: relative;
  width: 32.33333%;
  cursor: pointer;
  margin-bottom: 5px;
  border-radius: 8px;
}
.v-product-selector .product-thumbnail-container .favourite {
  position: absolute;
  display: inline-block;
  top: 1px;
  right: 2px;
  cursor: pointer;
  z-index: 1;
}
.v-product-selector .product-thumbnail-container .favourite .favourited,
.v-product-selector .product-thumbnail-container .favourite .not-favourited {
  font-size: 22px;
  font-variation-settings: 'FILL' 1;
  color: var(--icon-colour);
  padding: 5px 5px 5px 4px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
}
.v-product-selector .product-thumbnail-container .favourite .favourited {
  color: var(--icon-highlighted-colour);
}
.v-product-selector .product-thumbnail-container .favourite :not(.favourited) {
  text-shadow: -1px -1px 0 var(--icon-highlighted-colour-lighter), 1px -1px 0 var(--icon-highlighted-colour-lighter), -1px 1px 0 var(--icon-highlighted-colour-lighter), 1px 1px 0 var(--icon-highlighted-colour-lighter);
}
.v-product-selector .product-thumbnail-container .view-in-3d {
  position: absolute;
  display: inline-block;
  top: 1px;
  left: 2px;
  cursor: pointer;
  z-index: 1;
}
.v-product-selector .product-thumbnail-container .view-in-3d .icon-view-3d {
  font-size: 26px;
  width: 26px;
  height: 26px;
  margin-left: 4px;
  margin-top: 4px;
  border-radius: 30px;
  color: black;
  background-color: white;
}
.v-product-selector .product-thumbnail-container .product-background-image {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-size: 3200% 3200%;
  background-repeat: no-repeat;
  border-radius: 14px;
  background-color: #f8f8f8;
}
.v-product-selector .product-thumbnail-container .product-background-image.individual-thumbnails {
  background-size: 100% 100%;
}
.v-product-selector .product-thumbnail-container .product-text {
  margin-left: 4%;
  width: 92%;
  text-align: center;
  zzzdisplay: table;
  height: var(--product-thumbnail-text-height);
  margin-top: 1px;
  margin-bottom: 0px;
}
.v-product-selector .product-thumbnail-container .product-text p {
  margin: 0;
  zzpadding-top: 3px;
  zzpadding-bottom: 3px;
  zzdisplay: table-cell;
  zzvertical-align: middle;
  font-size: 10px;
  color: var(--text-colour);
}
.v-product-selector .product-thumbnail-container.product-placeholder {
  opacity: 0.3;
}
.v-product-selector .grout-thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 280px;
  /* Needs to be enough to not clip the product type menu otherwise it clips if no/few displayed thumbnails. */
}
.v-product-selector .grout-thumbnails .grout-background-colour {
  width: 32.33333%;
  padding-bottom: 32.33333%;
  cursor: pointer;
  border-radius: 8px;
  margin-bottom: 5px;
  border: 1px solid rgba(160, 160, 160, 0.1);
}
.v-product-selector-phone .grout-thumbnails {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  overflow-x: scroll;
  padding: 10px 0 0 5px;
  width: 100%;
}
.v-product-selector-phone .grout-thumbnails .grout-background-colour {
  min-width: 78px;
  height: 78px;
  cursor: pointer;
  border-radius: 8px;
  margin: 0 5px 0 5px;
  border: 1px solid rgba(160, 160, 160, 0.1);
}
.v-product-selector-phone-buttons .grout-thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 280px;
  /* Needs to be enough to not clip the product type menu otherwise it clips if no/few displayed thumbnails. */
}
.v-product-selector-phone-buttons .grout-thumbnails .grout-background-colour {
  width: 32.33333%;
  padding-bottom: 32.33333%;
  cursor: pointer;
  border-radius: 8px;
  margin-bottom: 5px;
  border: 1px solid rgba(160, 160, 160, 0.1);
}
.v-product-selector-phone-buttons {
  position: fixed;
  left: 0px;
  bottom: calc(40px + 80px);
  z-index: 108;
}
.v-product-selector-phone-buttons .selectors {
  display: flex;
  justify-content: flex-start;
  column-gap: 5px;
  padding-left: 10px;
}
.v-product-selector-phone-buttons .selectors .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #f8f8f8;
  cursor: pointer;
}
.v-product-selector-phone-buttons .selectors .button span {
  font-size: 24px;
  color: var(--button-c-text-colour);
  text-align: center;
}
.v-product-selector-phone-buttons .selectors .button.selected {
  background-color: var(--button-b-bg-colour);
}
.v-product-selector-phone-buttons .selectors .button.selected .label {
  color: var(--button-b-text-colour);
}
.v-product-selector-phone-buttons .selectors .button.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.v-product-selector-phone-buttons:not(.open) .selectors {
  transition: width 2s;
}
.v-product-selector-phone-buttons:not(.open) .selectors .button:not(.selected) {
  display: none;
}
.v-product-selector-phone-open-close {
  position: fixed;
  left: 10px;
  width: 40px;
  height: 40px;
  background-color: var(--button-b-bg-colour);
  z-index: 108;
  border-radius: 30px;
  text-align: center;
}
.v-product-selector-phone-open-close span {
  margin-top: 3px;
  color: var(--button-b-text-colour);
  font-size: 36px;
}
.v-product-selector-phone-open-close.close {
  bottom: calc(40px + 10px);
}
.v-product-selector-phone-open-close.close .open {
  display: none;
}
.v-product-selector-phone-open-close:not(.close) {
  bottom: calc(40px + 160px);
}
.v-product-selector-phone-open-close:not(.close) .close {
  display: none;
}
.v-product-selector-phone {
  position: fixed;
  bottom: 40px;
  width: 100%;
  height: 100px;
  z-index: 107;
  background-color: white;
}
.v-product-selector-phone .product-thumbnails {
  zzzdisplay: flex;
  zzzflex-wrap: nowrap;
  zzzjustify-content: left;
  width: 100%;
  height: 100px;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  /* Smooth scroll. */
  padding: 10px 5px 0px 5px;
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container.hide-phone-thumbnail {
  width: 1px !important;
  margin: 0 0 0 -1px;
  opacity: 0;
}
.v-product-selector-phone .product-thumbnails .zzzzzproduct-thumbnail-container.highlight2 {
  opacity: 0.5;
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container.highlight {
  border: 1px solid var(--product-selected-colour);
  width: 80px;
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container:not(.highlight) .favourite {
  display: none;
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container:not(.highlight) .view-in-3d {
  display: none;
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container {
  display: inline-block;
  position: relative;
  zdisplay: inline-block;
  width: 70px;
  cursor: pointer;
  margin: 0px 5px 0px 5px;
  border-radius: 8px;
  background-color: #f8f8f8;
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container .favourite {
  position: absolute;
  display: inline-block;
  top: 1px;
  right: 2px;
  cursor: pointer;
  z-index: 1;
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container .favourite .favourited,
.v-product-selector-phone .product-thumbnails .product-thumbnail-container .favourite .not-favourited {
  font-size: 18px;
  font-variation-settings: 'FILL' 1;
  color: var(--icon-colour);
  padding: 2px 0 0 2px;
  width: 22px;
  height: 22px;
  border-radius: 30px;
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container .favourite .favourited {
  color: var(--icon-highlighted-colour);
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container .favourite :not(.favourited) {
  text-shadow: -1px -1px 0 var(--icon-highlighted-colour-lighter), 1px -1px 0 var(--icon-highlighted-colour-lighter), -1px 1px 0 var(--icon-highlighted-colour-lighter), 1px 1px 0 var(--icon-highlighted-colour-lighter);
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container .view-in-3d {
  position: absolute;
  display: inline-block;
  top: 1px;
  left: 2px;
  cursor: pointer;
  z-index: 1;
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container .view-in-3d .icon-view-3d {
  font-size: 18px;
  width: 22px;
  height: 22px;
  padding: 2px 0px 0px 2px;
  margin-left: 2px;
  margin-top: 2px;
  border-radius: 30px;
  color: black;
  background-color: white;
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container .product-background-image {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-size: 3200% 3200%;
  background-repeat: no-repeat;
  clip-path: inset(1px 1px 1px 1px);
  clip-path: inset(2px 2px 2px 2px);
  border-radius: 14px;
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container .product-background-image.individual-thumbnails {
  background-size: 100% 100%;
}
.v-product-selector-phone .product-thumbnails .product-thumbnail-container.product-placeholder {
  opacity: 0.3;
}
body.v-state-is-uyo-editing .v-product-selector-phone,
body.v-state-is-uyo-editing .v-product-selector-phone-open-close {
  display: none;
}
body.v-portrait-layout-mode .v-product-selector {
  width: 100%;
}
body.v-portrait-layout-mode .v-product-selector:not(.open) {
  left: -100%;
  transition: left 0s;
}
body.v-portrait-layout-mode .v-product-selector.open {
  transition: left 0s;
}
body.v-portrait-layout-mode .surfaces-selection.open {
  overflow-y: scroll;
}
/*
// MOD: 24-Jan-2025
if (vDeviceType!="desktop")
	visualizerConfig.portraitLayoutMode=false;
if (visualizerConfig.portraitLayoutMode)
	$("body").addClass("v-portrait-layout-mode");
	
.v-product-selector// Make tablet like phone.
body.v-config-device-phone .v-product-selector
{
width: 100%;
top: 0;//@selector-bar-height-phone;
height: calc(100% - @selector-bar-height-phone);
border-radius: 0px;
}


*/
body.v-thumbnail-size-200 .v-product-selector .product-background-image,
body.v-thumbnail-size-200 .v-product-selector-phone .product-background-image {
  background-size: 1600% 1600% !important;
}
.v-rotate-phone-portrait-popup {
  display: none;
  z-index: 11000;
  background-color: #6f6f6f;
}
.v-rotate-phone-portrait-popup .vv-popup-content .icon-to-mirror {
  transform: rotate(90deg);
  color: var(--text-colour);
  font-size: 50px;
}
@media screen and (orientation: landscape) {
  body.v-config-device-phone .v-rotate-phone-portrait-popup {
    display: flex;
  }
}
.v-selector-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  left: 0px;
  bottom: 0;
  width: 100%;
  height: 40px;
  background-color: var(--selector-bar-bg-colour);
  text-align: center;
}
.v-selector-bar .selector {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 5px 5px 5px;
  font-size: 20px;
  color: white;
  cursor: pointer;
}
.v-selector-bar p {
  font-size: 20px;
  color: white;
  margin: 0;
}
.v-selector-bar .products {
  margin-left: 10px;
}
.v-selector-bar .home span {
  color: white;
  font-size: 36px;
}
.v-selector-bar .options {
  margin-right: 10px;
}
body.v-config-device-desktop .v-selector-bar {
  bottom: auto;
  top: 0;
  height: 60px;
}
body.v-state-alt-desktop-logo-system .v-selector-bar .home {
  order: 1;
  margin-left: 10px;
}
body.v-state-alt-desktop-logo-system .v-selector-bar .products {
  order: 2;
  margin-left: 20px;
}
body.v-state-alt-desktop-logo-system .v-selector-bar .options {
  order: 3;
  margin-left: auto;
}
body.v-config-device-tablet .v-selector-bar .products,
body.v-config-device-phone .v-selector-bar .products {
  margin-left: 8px;
}
body.v-config-device-tablet .v-selector-bar .options,
body.v-config-device-phone .v-selector-bar .options {
  margin-right: 8px;
}
body:not(.v-state-room-loaded) .v-selector-bar {
  display: none;
}
body.v-state-is-uyo-editing .v-selector-bar {
  display: none;
}
body:not(.v-config-device-desktop) .v-selector-bar .options.disabled {
  opacity: 0.5;
  pointer-events: none;
}
body.v-room-viewer-mode .v-selector-bar {
  justify-content: center;
}
.v-uyo-buttons {
  position: fixed;
  left: 50%;
  top: 10px;
  width: 530px;
  margin-left: -265px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  z-index: 1;
}
.v-uyo-buttons .button-container .button {
  display: flex;
  column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 170px;
  zzheight: 100%;
  margin: 0;
  border-radius: 8px;
  padding: 10px 0 10px 0;
  background-color: var(--button-b-bg-colour);
  cursor: pointer;
}
.v-uyo-buttons .button-container .button span {
  xpadding-right: 10px;
  color: var(--button-b-text-colour);
  font-size: 36px;
}
.v-uyo-buttons .button-container .button p {
  color: var(--button-b-text-colour);
  font-size: 14px;
  margin: 0;
}
body.v-config-device-phone .v-uyo-buttons .button-container .button {
  width: 120px;
}
body.v-config-device-phone .v-uyo-buttons .button-container.non-mobile,
body.v-config-device-tablet .v-uyo-buttons .button-container.non-mobile {
  display: none;
}
body.v-config-device-desktop .v-uyo-buttons .button-container.mobile {
  display: none;
}
body.v-config-device-phone .v-uyo-buttons .button-container.from-phone,
body.v-config-device-tablet .v-uyo-buttons .button-container.from-phone {
  display: none;
}
.v-pattern-popup .vv-popup-content {
  width: 450px;
}
.v-pattern-popup .vv-popup-content .thumbnails {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.v-pattern-popup .vv-popup-content .thumbnails .thumbnail-container {
  width: 120px;
  margin: 5px;
  cursor: pointer;
}
.v-pattern-popup .vv-popup-content .thumbnails .thumbnail-container img {
  width: 100%;
}
.v-pattern-popup .vv-popup-content .thumbnails .thumbnail-container .vv-popup-text {
  margin: 3px 0 5px 0;
  font-size: 12px;
}
body.v-config-device-phone .v-pattern-popup .vv-popup-content {
  width: 90%;
}
.v-custom-rug-popup .vv-popup-content .shapes-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 10px;
  row-gap: 10px;
}
.v-custom-rug-popup .vv-popup-content .shapes-container .shape-container:not(.selected) .tick {
  display: none;
}
.v-custom-rug-popup .vv-popup-content .shapes-container .shape-container {
  position: relative;
  display: flex;
  justify-content: center;
}
.v-custom-rug-popup .vv-popup-content .shapes-container .shape-container .tick {
  position: absolute;
  zmargin-left: -60px;
  margin-top: 15px;
  font-size: 50px;
  color: #0c0;
  z-index: 1;
  font-variation-settings: 'wght' 900;
  pointer-events: none;
}
.v-custom-rug-popup .vv-popup-content .shapes-container .shape-container .rug-shape {
  cursor: pointer;
}
.v-custom-rug-popup .vv-popup-content .shapes-container .shape-container .rectangle {
  width: 150px;
  height: 75px;
  background-color: #ddd;
}
.v-custom-rug-popup .vv-popup-content .shapes-container .shape-container .square {
  width: 75px;
  height: 75px;
  background-color: #ddd;
}
.v-custom-rug-popup .vv-popup-content .shapes-container .shape-container .circle {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #ddd;
}
.v-custom-rug-popup .vv-popup-content .shapes-container .shape-container .hexagon {
  width: 67.5px;
  height: 39px;
  background-color: #ddd;
  position: relative;
  margin: 19px 15px 15px 15px;
}
.v-custom-rug-popup .vv-popup-content .shapes-container .shape-container .hexagon:before,
.v-custom-rug-popup .vv-popup-content .shapes-container .shape-container .hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 33.75px solid transparent;
  border-right: 33.75px solid transparent;
}
.v-custom-rug-popup .vv-popup-content .shapes-container .shape-container .hexagon:before {
  bottom: 100%;
  border-bottom: 19.5px solid #ddd;
}
.v-custom-rug-popup .vv-popup-content .shapes-container .shape-container .hexagon:after {
  top: 100%;
  border-top: 19.5px solid #ddd;
}
.v-custom-rug-popup .vv-popup-content .rug-size-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 100%;
}
.v-custom-rug-popup .vv-popup-content .rug-size-container .size-entry {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 5px;
}
.v-custom-rug-popup .vv-popup-content .rug-size-container .size-entry .heading {
  font-size: 16px;
  margin: 0;
  padding-right: 10px;
  zpadding: 10px 20px 10px 0;
  color: var(--text-colour);
  width: 130px;
  text-align: right;
}
.v-custom-rug-popup .vv-popup-content .rug-size-container .size-entry ::placeholder {
  color: var(--text-colour);
  opacity: 1;
}
.v-custom-rug-popup .vv-popup-content .rug-size-container .size-entry ::-ms-input-placeholder {
  color: var(--text-colour);
}
.v-custom-rug-popup .vv-popup-content .rug-size-container .size-entry input {
  font-size: 16px;
  width: 80px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid var(--button-c-border-colour);
  border-radius: 20px;
  color: var(--button-c-text-colour);
  background-color: var(--button-c-bg-colour);
  text-align: center;
}
.v-custom-rug-popup .vv-popup-content .rug-size-container .size-entry input::-webkit-outer-spin-button,
.v-custom-rug-popup .vv-popup-content .rug-size-container .size-entry input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.v-custom-rug-popup .vv-popup-content .rug-size-container .size-entry input[type=number] {
  -moz-appearance: textfield;
}
.v-custom-rug-popup .vv-popup-content .vv-popup-text.help {
  font-size: 12px;
}
.v-window-size-popup .vv-popup-content .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 100%;
}
.v-window-size-popup .vv-popup-content .container .size-entry {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 5px;
}
.v-window-size-popup .vv-popup-content .container .size-entry .heading {
  font-size: 16px;
  margin: 0;
  padding-right: 10px;
  zpadding: 10px 20px 10px 0;
  color: var(--text-colour);
  width: 130px;
  text-align: right;
}
.v-window-size-popup .vv-popup-content .container .size-entry ::placeholder {
  color: var(--text-colour);
  opacity: 1;
}
.v-window-size-popup .vv-popup-content .container .size-entry ::-ms-input-placeholder {
  color: var(--text-colour);
}
.v-window-size-popup .vv-popup-content .container .size-entry input {
  font-size: 16px;
  width: 80px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid var(--button-c-border-colour);
  border-radius: 20px;
  color: var(--button-c-text-colour);
  background-color: var(--button-c-bg-colour);
  text-align: center;
}
.v-window-size-popup .vv-popup-content .container .size-entry input::-webkit-outer-spin-button,
.v-window-size-popup .vv-popup-content .container .size-entry input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.v-window-size-popup .vv-popup-content .container .size-entry input[type=number] {
  -moz-appearance: textfield;
}
.v-custom-stairs-runner-popup .vv-popup-content .rug-size-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 100%;
}
.v-custom-stairs-runner-popup .vv-popup-content .rug-size-container .size-entry {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 5px;
}
.v-custom-stairs-runner-popup .vv-popup-content .rug-size-container .size-entry .heading {
  font-size: 16px;
  margin: 0;
  padding-right: 10px;
  zpadding: 10px 20px 10px 0;
  color: var(--text-colour);
  width: 130px;
  text-align: right;
}
.v-custom-stairs-runner-popup .vv-popup-content .rug-size-container .size-entry ::placeholder {
  color: var(--text-colour);
  opacity: 1;
}
.v-custom-stairs-runner-popup .vv-popup-content .rug-size-container .size-entry ::-ms-input-placeholder {
  color: var(--text-colour);
}
.v-custom-stairs-runner-popup .vv-popup-content .rug-size-container .size-entry input {
  font-size: 16px;
  width: 80px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid var(--button-c-border-colour);
  border-radius: 20px;
  color: var(--button-c-text-colour);
  background-color: var(--button-c-bg-colour);
  text-align: center;
}
.v-custom-stairs-runner-popup .vv-popup-content .rug-size-container .size-entry input::-webkit-outer-spin-button,
.v-custom-stairs-runner-popup .vv-popup-content .rug-size-container .size-entry input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.v-custom-stairs-runner-popup .vv-popup-content .rug-size-container .size-entry input[type=number] {
  -moz-appearance: textfield;
}
.v-blind-manager {
  position: fixed;
  top: calc(60px + 10px);
  right: 10px;
  zzwidth: 80px;
  text-align: center;
  z-index: 98;
}
.v-blind-manager .divider {
  width: 80%;
  height: 1px;
  margin-top: 3px;
  margin-bottom: 8px;
  border: 1px solid #444;
  border-style: dashed;
}
.v-blind-manager .finish-edit-windows-button {
  background-color: #00C000;
}
.v-blind-manager .finish-edit-windows-button span,
.v-blind-manager .finish-edit-windows-button p {
  color: white;
}
.v-blind-manager .window-size-button.selecting {
  background-color: red;
}
.v-blind-manager .window-size-button.selecting span,
.v-blind-manager .window-size-button.selecting p {
  color: white;
}
.v-blind-manager .delete-button.deleting {
  background-color: red;
}
.v-blind-manager .delete-button.deleting span,
.v-blind-manager .delete-button.deleting p {
  color: white;
}
.v-blind-manager .mask-window-button.adding-mask {
  background-color: red;
}
.v-blind-manager .mask-window-button.adding-mask span,
.v-blind-manager .mask-window-button.adding-mask p {
  color: white;
}
body.v-config-device-phone .v-blind-manager,
body.v-config-device-tablet .v-blind-manager {
  top: 10px;
}
body.v-config-device-phone .v-blind-manager {
  transform-origin: top right;
  transform: scale(0.83);
}
.v-texture-scaler .container {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  position: fixed;
  left: 50%;
  top: 10px;
  height: 42px;
  width: 280px;
  margin-left: -140px;
  font-size: 0;
  border-radius: 25px;
  border: 1px solid #444;
  background-color: white;
}
.v-texture-scaler .container .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 25px;
  background-color: #444;
  cursor: pointer;
}
.v-texture-scaler .container .button .icon {
  font-size: 28px;
  font-variation-settings: 'wght' 600;
  color: #fff;
}
.v-texture-scaler .container .button-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  background-color: #444;
  cursor: pointer;
}
.v-texture-scaler .container .button-1 .icon {
  font-size: 24px;
  font-variation-settings: 'wght' 600;
  color: #fff;
}
.v-texture-scaler .container .button-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 25px;
  background-color: #444;
  cursor: pointer;
}
.v-texture-scaler .container .button-2 .icon {
  font-size: 20px;
  font-variation-settings: 'wght' 600;
  color: #fff;
}
.v-texture-scaler .container .button-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: red;
  cursor: pointer;
}
.v-texture-scaler .container .button-3 .icon {
  font-size: 24px;
  font-variation-settings: 'wght' 600;
  color: #fff;
}
.v-texture-scaler .container .gap {
  width: 0;
}
body.v-config-type-axminster .v-texture-scaler .container {
  margin-left: -340px;
}
.v-prompt-popup {
  z-index: 9999;
}
.v-3d-viewer-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9900;
}
.v-3d-viewer-popup .container {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  height: 800px;
  max-width: 80%;
  max-height: 80%;
  border-radius: 20px;
  background-color: #707272;
}
.v-3d-viewer-popup .container .close-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 3px;
  margin: 7px 7px 0 0;
  cursor: pointer;
}
.v-3d-viewer-popup .container .close-button span {
  font-size: 24px;
  color: white;
}
.v-3d-viewer-popup .container .play-pause-buttons {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
  zbackground-color: red;
}
.v-3d-viewer-popup .container .play-pause-buttons .play-button,
.v-3d-viewer-popup .container .play-pause-buttons .pause-button {
  text-align: center;
  cursor: pointer;
  zbackground-color: pink;
  font-size: 50px;
  color: white;
}
.v-3d-viewer-popup .container .pinchit-buttons {
  position: absolute;
  left: 50%;
  bottom: 10px;
  margin-left: -40px;
  width: 80px;
  zzheight: 30px;
  zzbackground-color: pink;
}
.v-3d-viewer-popup .container .pinchit-buttons .pinchit-button {
  margin: 0;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  color: white;
  zzbackground-color: cyan;
}
.v-3d-viewer-popup .container .info-button {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 3px;
  margin: 7px 0 0 7px;
  cursor: pointer;
}
.v-3d-viewer-popup .container .info-button span {
  font-size: 24px;
  color: white;
}
.v-3d-viewer-popup .container .loading-message,
.v-3d-viewer-popup .container .help-message {
  position: absolute;
  top: 80px;
  width: 100%;
  font-size: 15px;
  color: white;
  text-align: center;
}
.v-3d-viewer-popup .container .v-3d-viewer-container {
  width: 100%;
  height: 100%;
}
.v-3d-viewer-popup .container .v-3d-viewer-container iframe {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border: 1px solid white;
  z-index: 99998;
  background-color: transparent;
}
body.v-config-device-desktop .v-3d-viewer-popup .container .close-button {
  width: 45px;
  height: 45px;
}
body.v-config-device-desktop .v-3d-viewer-popup .container .close-button span {
  font-size: 36px;
}
body.v-config-device-desktop .v-3d-viewer-popup .container .info-button {
  width: 45px;
  height: 45px;
}
body.v-config-device-desktop .v-3d-viewer-popup .container .info-button span {
  font-size: 36px;
}
body.v-config-device-desktop .v-3d-viewer-popup .container .loading-message,
body.v-config-device-desktop .v-3d-viewer-popup .container .help-message {
  font-size: 28px;
}
body.v-config-device-desktop .v-3d-viewer-popup .container .pinchit-buttons {
  margin-left: -60px;
  width: 120px;
}
body.v-config-device-desktop .v-3d-viewer-popup .container .pinchit-buttons .pinchit-button {
  font-size: 30px;
}
.v-3d-info-popup .vv-popup-content {
  width: 350px;
}
.v-3d-info-popup .vv-popup-content .two-column-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 15px;
}
.v-3d-info-popup .vv-popup-content .two-column-list .line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.v-3d-info-popup .vv-popup-content .two-column-list .line .label {
  font-size: 13px;
  width: 105px;
}
.v-3d-info-popup .vv-popup-content .two-column-list .line .text {
  font-size: 13px;
  width: 200px;
  word-wrap: break-word;
  /* Ensures long words break */
  overflow-wrap: break-word;
  /* Alternative for better browser support */
  white-space: normal;
  /* Allows text to wrap onto the next line */
}
.v-slab-popup .vv-popup-content .plank-types-container,
.v-slab-popup .vv-popup-content .tile-sizes-container {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
  width: 90%;
}
.v-slab-popup .vv-popup-content .plank-types-container .heading,
.v-slab-popup .vv-popup-content .tile-sizes-container .heading {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: left;
}
.v-slab-popup .vv-popup-content .plank-types-container .row,
.v-slab-popup .vv-popup-content .tile-sizes-container .row {
  display: flex;
  column-gap: 10px;
  height: 22px;
  cursor: pointer;
}
.v-slab-popup .vv-popup-content .plank-types-container .row .tick-box,
.v-slab-popup .vv-popup-content .tile-sizes-container .row .tick-box {
  font-size: 22px;
}
.v-slab-popup .vv-popup-content .plank-types-container .row .label,
.v-slab-popup .vv-popup-content .tile-sizes-container .row .label {
  font-size: 16px;
  margin: 0;
}
.v-scene-3d-view {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 19900;
  background-color: pink;
}
.v-scene-3d-view .container {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  height: 800px;
  max-width: 80%;
  max-height: 80%;
  border-radius: 20px;
}
.v-scene-3d-view .container .v-scene-3d-viewer-container {
  width: 100%;
  height: 100%;
}
.v-scene-3d-view .container .v-scene-3d-viewer-container iframe {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border: 1px solid white;
  z-index: 99998;
  background-color: transparent;
}
.v-request-quote-popup .vv-popup-content {
  width: 350px;
  height: 400px;
}
.v-request-quote-popup .vv-popup-content .details-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 100%;
}
.v-request-quote-popup .vv-popup-content .details-container .name,
.v-request-quote-popup .vv-popup-content .details-container .email,
.v-request-quote-popup .vv-popup-content .details-container .tel,
.v-request-quote-popup .vv-popup-content .details-container .address,
.v-request-quote-popup .vv-popup-content .details-container .city,
.v-request-quote-popup .vv-popup-content .details-container .postcode {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
  width: 100%;
  margin-bottom: 5px;
}
.v-request-quote-popup .vv-popup-content .details-container .name .label,
.v-request-quote-popup .vv-popup-content .details-container .email .label,
.v-request-quote-popup .vv-popup-content .details-container .tel .label,
.v-request-quote-popup .vv-popup-content .details-container .address .label,
.v-request-quote-popup .vv-popup-content .details-container .city .label,
.v-request-quote-popup .vv-popup-content .details-container .postcode .label {
  font-size: 16px;
  margin: 0;
  padding-right: 10px;
  zpadding: 10px 20px 10px 0;
  color: var(--text-colour);
  width: 50px;
  text-align: right;
}
.v-request-quote-popup .vv-popup-content .details-container .name input,
.v-request-quote-popup .vv-popup-content .details-container .email input,
.v-request-quote-popup .vv-popup-content .details-container .tel input,
.v-request-quote-popup .vv-popup-content .details-container .address input,
.v-request-quote-popup .vv-popup-content .details-container .city input,
.v-request-quote-popup .vv-popup-content .details-container .postcode input {
  font-size: 14px;
  width: 230px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid var(--button-c-border-colour);
  border-radius: 20px;
  color: var(--text-colour);
  background-color: var(--button-c-bg-colour);
  text-align: center;
  margin-left: 20px;
}
.v-request-quote-popup .vv-popup-content .details-container .name input::-webkit-outer-spin-button,
.v-request-quote-popup .vv-popup-content .details-container .email input::-webkit-outer-spin-button,
.v-request-quote-popup .vv-popup-content .details-container .tel input::-webkit-outer-spin-button,
.v-request-quote-popup .vv-popup-content .details-container .address input::-webkit-outer-spin-button,
.v-request-quote-popup .vv-popup-content .details-container .city input::-webkit-outer-spin-button,
.v-request-quote-popup .vv-popup-content .details-container .postcode input::-webkit-outer-spin-button,
.v-request-quote-popup .vv-popup-content .details-container .name input::-webkit-inner-spin-button,
.v-request-quote-popup .vv-popup-content .details-container .email input::-webkit-inner-spin-button,
.v-request-quote-popup .vv-popup-content .details-container .tel input::-webkit-inner-spin-button,
.v-request-quote-popup .vv-popup-content .details-container .address input::-webkit-inner-spin-button,
.v-request-quote-popup .vv-popup-content .details-container .city input::-webkit-inner-spin-button,
.v-request-quote-popup .vv-popup-content .details-container .postcode input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.v-request-quote-popup .vv-popup-content .details-container .name input[type=number],
.v-request-quote-popup .vv-popup-content .details-container .email input[type=number],
.v-request-quote-popup .vv-popup-content .details-container .tel input[type=number],
.v-request-quote-popup .vv-popup-content .details-container .address input[type=number],
.v-request-quote-popup .vv-popup-content .details-container .city input[type=number],
.v-request-quote-popup .vv-popup-content .details-container .postcode input[type=number] {
  -moz-appearance: textfield;
}
.v-request-quote-popup .vv-popup-content .vv-popup-text.error {
  font-size: 14px;
  color: red;
}
.v-recolour-popup .vv-popup-content {
  width: 800px;
  max-height: 85vh;
}
.v-recolour-popup .vv-popup-content .vv-popup-close {
  background-color: white;
  border-radius: 40px;
  width: 40px;
  height: 40px;
  margin-left: -15px;
}
.v-recolour-popup .vv-popup-content .container {
  display: flex;
  overflow-y: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}
.v-recolour-popup .vv-popup-content .container .container2 {
  display: flex;
  flex-direction: column;
  width: 33.33%;
}
.v-recolour-popup .vv-popup-content .container .container2 .palettes {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid #aaa;
  padding-bottom: 15px;
}
.v-recolour-popup .vv-popup-content .container .container2 .palettes .palette-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.v-recolour-popup .vv-popup-content .container .container2 .palettes .palette-buttons .palette-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 40px;
  margin-bottom: 5px;
  border-radius: 20px;
  background-color: #e8e8e8;
  cursor: pointer;
}
.v-recolour-popup .vv-popup-content .container .container2 .palettes .palette-buttons .palette-button p {
  color: #444;
  font-size: 14px;
  font-weight: 600;
}
.v-recolour-popup .vv-popup-content .container .container2 .palettes .palette-buttons .palette-button.selected {
  background-color: #444;
}
.v-recolour-popup .vv-popup-content .container .container2 .palettes .palette-buttons .palette-button.selected p {
  color: white;
}
.v-recolour-popup .vv-popup-content .container .container2 .current-colours {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 10px;
}
.v-recolour-popup .vv-popup-content .container .container2 .current-colours .help-text {
  font-size: 14px;
  text-align: center;
  margin: -10px 10px 15px 0;
  color: #444;
}
.v-recolour-popup .vv-popup-content .container .container2 .current-colours .current-colour-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 200px;
}
.v-recolour-popup .vv-popup-content .container .container2 .current-colours .current-colour-buttons .current-colour-button {
  width: 40px;
  height: 40px;
  margin-bottom: 5px;
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 40px;
  border: 1px solid #000;
  cursor: pointer;
}
.v-recolour-popup .vv-popup-content .container .container2 .current-colours .current-colour-buttons .current-colour-button span {
  color: white;
  font-size: 20px;
  font-variation-settings: 'wght' 700;
  margin-left: 9px;
  margin-top: 9px;
}
.v-recolour-popup .vv-popup-content .container .container2 .current-colours .current-colour-buttons .current-colour-button.selected {
  box-shadow: 0 0 0 3px red;
}
.v-recolour-popup .vv-popup-content .container .container2 .current-colours .reset-button {
  display: flex;
  justify-content: center;
  align-content: flex-start;
  align-items: center;
  cursor: pointer;
  margin-top: 20px;
  padding: 5px;
}
.v-recolour-popup .vv-popup-content .container .container2 .current-colours .reset-button span {
  font-size: 24px;
  color: #444;
}
.v-recolour-popup .vv-popup-content .container .container2 .current-colours .reset-button p {
  font-size: 16px;
  margin: 0;
  color: #444;
}
.v-recolour-popup .vv-popup-content .container .palette-colours {
  display: flex;
  flex-direction: column;
  width: 33.33%;
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
  padding-bottom: 10px;
}
.v-recolour-popup .vv-popup-content .container .palette-colours .palette-colour-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-content: flex-start;
}
.v-recolour-popup .vv-popup-content .container .palette-colours .palette-colour-buttons .palette-colour-button-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33.33%;
}
.v-recolour-popup .vv-popup-content .container .palette-colours .palette-colour-buttons .palette-colour-button-container .palette-colour-button {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #000;
  cursor: pointer;
}
.v-recolour-popup .vv-popup-content .container .palette-colours .palette-colour-buttons .palette-colour-button-container .palette-colour-button span {
  color: white;
  font-size: 20px;
  font-variation-settings: 'wght' 700;
  margin-left: 9px;
  margin-top: 9px;
}
.v-recolour-popup .vv-popup-content .container .palette-colours .palette-colour-buttons .palette-colour-button-container p {
  margin-top: 5px;
  width: 95%;
  color: #444;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
}
.v-recolour-popup .vv-popup-content .container .recoloured-texture {
  display: flex;
  flex-direction: column;
  width: 33.33%;
  margin-left: 15px;
}
.v-recolour-popup .vv-popup-content .container .recoloured-texture canvas {
  width: 100%;
}
.v-recolour-popup .vv-popup-content .view-room-button {
  width: 200px;
}
.v-recolour-popup.just-one-palette .palettes {
  display: none !important;
}
.v-recolour-popup.just-one-palette .current-colours {
  padding-top: 0px !important;
}
.v-recolour-popup.no-palette-selected .current-colours,
.v-recolour-popup.no-palette-selected .palette-colours {
  opacity: 0.3;
}
.v-recolour-popup.no-palette-selected .current-colour-button,
.v-recolour-popup.no-palette-selected .palette-colour-button {
  pointer-events: none;
}
body.v-config-device-phone .v-recolour-popup .vv-popup-content {
  width: 90%;
}
body.v-config-device-phone .v-recolour-popup .vv-popup-content .container {
  flex-direction: column;
}
body.v-config-device-phone .v-recolour-popup .vv-popup-content .container .container2 {
  width: 100%;
}
body.v-config-device-phone .v-recolour-popup .vv-popup-content .container .container2 .palettes,
body.v-config-device-phone .v-recolour-popup .vv-popup-content .container .container2 .current-colours {
  border-bottom: 1px solid #aaa;
}
body.v-config-device-phone .v-recolour-popup .vv-popup-content .container .container2 .palettes .help-text,
body.v-config-device-phone .v-recolour-popup .vv-popup-content .container .container2 .current-colours .help-text {
  margin-right: 0;
}
body.v-config-device-phone .v-recolour-popup .vv-popup-content .container .palette-colours,
body.v-config-device-phone .v-recolour-popup .vv-popup-content .container .recoloured-texture {
  width: 100%;
  margin-bottom: 20px;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #aaa;
}
body.v-config-device-phone .v-recolour-popup .vv-popup-content .container .palette-colours {
  margin-top: 20px;
}
body.v-config-device-phone .v-recolour-popup .vv-popup-content .container .recoloured-texture {
  padding-right: 30px;
  border-bottom: none;
}
body.v-config-device-desktop .v-recolour-popup .vv-popup-content {
  overflow: hidden;
}
body.v-config-device-desktop .v-recolour-popup .vv-popup-content .container {
  max-height: 100%;
  overflow: hidden;
}
body.v-config-device-desktop .v-recolour-popup .vv-popup-content .container .palette-colours {
  max-height: 100%;
}
body.v-config-device-desktop .v-recolour-popup .vv-popup-content .container .palette-colours .palette-colour-buttons {
  overflow-y: auto;
  height: 100%;
}
.v-product-selector .product-collection-selector .product-collection-selector-toggle .title {
  font-size: 12.5px !important;
}
.v-product-selector .product-collection-selector .product-collection p {
  font-size: 12.5px !important;
}
.v-product-selector .product-collection-selector .product-collection-selector-toggle .title {
  padding-top: 2px;
}
.v-product-selector.v-stanton-kravetxstanton .product-collection-selector .product-collection p {
  font-size: 20px !important;
}
@font-face {
  font-family: 'manrope-medium';
  src: url('fonts/manrope-medium.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'manrope-semibold';
  src: url('fonts/manrope-semibold.otf');
  font-weight: bold;
  font-style: normal;
}
body.stantonnewgui:not(.v-config-device-desktop) .rooms-button {
  margin-left: 69px !important;
}
body.stantonnewgui:not(.v-config-device-desktop) .v-choose-room-popup .logo-container {
  background-color: #2f2e2c;
}
body.stantonnewgui:not(.v-config-device-desktop) .v-selector-bar {
  background-color: #2f2e2c;
}
body.stantonnewgui.v-config-device-desktop .v-selector-bar {
  display: none;
}
body.stantonnewgui.v-config-device-desktop .v-gui .top-logo-container {
  display: none;
}
body.stantonnewgui.v-config-device-desktop .v-product-selector {
  height: 100%;
}
body.stantonnewgui {
  /*
.v-selector-bar
{
display: none;
}

.v-gui .top-logo-container
{
display: none;
}
*/
}
body.stantonnewgui .v-scene-render {
  top: 0;
  height: 100%;
}
body.stantonnewgui .v-tools.open .toggle-open-close .open {
  display: none;
}
body.stantonnewgui .v-tools:not(.open) .toggle-open-close .close {
  display: none;
}
body.stantonnewgui .v-tools {
  top: 30px;
}
body.stantonnewgui .v-tools .toggle-open-close {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0px;
  top: 0px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-color: white;
}
body.stantonnewgui .v-tools .toggle-open-close p {
  font-family: 'manrope-semibold';
  font-size: 15px;
  color: #2f2e2c;
}
body.stantonnewgui .v-product-selector .individual-targets-selection .targets .target {
  background-color: #2f2e2c !important;
}
body.stantonnewgui .v-product-selector .individual-targets-selection .targets .target.selected {
  background-color: #FFA608 !important;
}
body.stantonnewgui .v-product-selector.open .toggle-open-close .open {
  display: none;
}
body.stantonnewgui .v-product-selector:not(.open) .toggle-open-close {
  right: -30px;
  transition: right 0.2s;
}
body.stantonnewgui .v-product-selector:not(.open) .toggle-open-close .close {
  display: none;
}
body.stantonnewgui .v-product-selector.just-one-product-collection .product-collections-container .product-collection-selector .product-collection-buttons {
  background-color: white;
}
body.stantonnewgui .v-product-selector.just-one-product-collection .product-collections-container .product-collection-selector .product-collection-buttons p {
  color: #2f2e2c !important;
}
body.stantonnewgui .v-product-selector {
  top: 0;
  overflow: visible;
}
body.stantonnewgui .v-product-selector .surface-menu-button {
  background-color: #2f2e2c;
}
body.stantonnewgui .v-product-selector .toggle-open-close {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0px;
  top: 0px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-color: white;
}
body.stantonnewgui .v-product-selector .toggle-open-close p {
  font-family: 'manrope-semibold';
  font-size: 15px;
  color: #2f2e2c;
}
body.stantonnewgui .v-product-selector .filters-button {
  background-color: #2f2e2c !important;
}
body.stantonnewgui .v-product-selector .filters-button p {
  font-family: 'manrope-semibold';
  font-size: 12.5px !important;
  color: white !important;
}
body.stantonnewgui .v-product-selector .rooms-button {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  width: 93.8px;
  height: 40px;
  border: 1px solid #2f2e2c;
  border-radius: 20px;
  margin-left: 2%;
  background-color: #2f2e2c;
  cursor: pointer;
  margin-left: 55px;
}
body.stantonnewgui .v-product-selector .rooms-button p {
  font-size: 12.5px !important;
  color: white;
  text-align: center;
}
body.stantonnewgui .v-product-selector .stanton-button-icon {
  height: 19px;
  margin-right: 4px;
}
body.stantonnewgui .v-product-selector .selectors .button {
  background-color: #2f2e2c !important;
}
body.stantonnewgui .v-product-selector .selectors .button span {
  color: white !important;
}
body.stantonnewgui .v-product-selector .selectors .button.scroll-top {
  display: none;
}
body.stantonnewgui .v-product-selector .product-collections-container .product-collection-selector {
  zzbackground-color: #2f2e2c;
}
body.stantonnewgui .v-product-selector .product-collections-container .product-collection-selector .product-collection-buttons {
  background-color: #2f2e2c;
}
body.stantonnewgui .v-product-selector .product-collections-container .product-collection-selector .product-collection-selector-toggle {
  border: 1px solid #2f2e2c;
  background-color: #2f2e2c;
}
body.stantonnewgui .v-product-selector .product-collections-container .product-collection-selector .product-collection-selector-toggle span {
  color: white;
}
body.stantonnewgui .v-product-selector .product-collections-container .product-collection-selector .product-collection-selector-toggle span.title,
body.stantonnewgui .v-product-selector .product-collections-container .product-collection-selector .product-collection-selector-toggle span.select-title {
  font-size: 12.5px !important;
}
body.stantonnewgui .v-product-selector .product-collections-container .product-collection-selector .product-collection-selector-toggle .open-button,
body.stantonnewgui .v-product-selector .product-collections-container .product-collection-selector .product-collection-selector-toggle .close-button {
  color: white;
}
body.stantonnewgui .v-product-selector .product-collections-container .product-collection-selector .product-collection .check {
  color: white !important;
}
body.stantonnewgui .v-product-selector .product-collections-container .product-collection-selector .product-collection .check:not(.selected) {
  display: none;
}
body.stantonnewgui .v-product-selector .product-collections-container .product-collection-selector .product-collection p {
  color: white !important;
}
body.stantonnewgui .v-product-selector .product-search-container .search-heading {
  color: #2f2e2c;
}
body.stantonnewgui .v-product-selector .product-search-container ::placeholder {
  color: white;
}
body.stantonnewgui .v-product-selector .product-search-container ::-ms-input-placeholder {
  color: white;
}
body.stantonnewgui .v-product-selector .product-search-container input {
  border: 1px solid #2f2e2c;
  color: white;
  background-color: #2f2e2c;
}
body.stantonnewgui .v-product-selector .product-search-container .magnifying-glass {
  color: white;
}
body.stantonnewgui .v-product-selector .product-search-container .clear {
  color: white;
}
body.stantonnewgui .v-product-selector .product-text p {
  font-family: 'manrope-medium';
}
body.stantonnewgui .v-tools .top,
body.stantonnewgui .v-tools .bottom {
  background-color: white;
}
body.stantonnewgui .v-tool-button {
  background-color: #2f2e2c;
}
body.stantonnewgui .v-tool-button span {
  color: white;
}
body.stantonnewgui .v-tool-button p {
  font-family: 'manrope-semibold';
  font-size: 10px;
  color: white;
}
body.stantonnewgui:not(.v-config-device-phone):not(.v-config-device-tablet) .v-compare-divider-line {
  margin-top: 0;
}
body.stantonnewgui:not(.v-config-device-phone):not(.v-config-device-tablet) .v-compare-buttons {
  top: calc(0px + 15px);
}