/**
 * Based on normalize.css v4.2.0 github.com/necolas/normalize.css
 */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

/**
 * Document
 */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/**
 * Sections
 */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/**
 * Grouping content
 */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 2.5rem;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Text-level semantics
 */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/**
 * Embedded content
 */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/**
 * Forms
 */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 0.0625rem solid #c0c0c0;
  margin: 0 0.125rem;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Interactive
 */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/**
 * Scripting
 */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/**
 * Hidden
 */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}






/**
 * Tables
 */

/**
 * Remove most spacing between table cells.
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}


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

*:not(text, sup, sub) {
	font-size: inherit;
	line-height: inherit;
}

::before,
::after {
	text-decoration: inherit;
	vertical-align: inherit;
}

/**
 * specify solid border style of all elements
 */
*,
::before,
::after {
	border-style: solid;
	border-width: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: top;
}

button,
input,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}

code,
kbd,
pre,
samp {
	font-family: monospace;
}


select {
	-moz-appearance: none; /* Firefox 36+ */
	-webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
	display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
	color: currentColor; /* Internet Explorer 11+ */
}


/* hide content from screens but not screenreaders */
@media screen {
	[hidden~="screen"] {
		display: inherit;
	}

	[hidden~="screen"]:not(:active):not(:focus):not(:target) {
		clip: rect(0 0 0 0) !important;
		position: absolute !important;
	}
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/**
 * Page
 */
html {
	overflow-y: scroll;

	font-size: 16px;
  font-family: Ubuntu, sans-serif;
}

body {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	z-index: 0;
	width: 100%;
	min-height: 100%;

	padding: 0 1.15rem;
	margin: 0;
}


/**
 * Text
 */
html {
	color: #242424;
	background-color: #ffffff;

	-webkit-font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'onum', 'pnum';

	        font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'onum', 'pnum';
}

body {
	font-size: 1rem;
	line-height: 1.15rem;
}

p {
	margin: 0;

	-webkit-hyphens: auto;

	    -ms-hyphens: auto;

	        hyphens: auto;
	hyphenate-limit-lines: 3;
	hyphenate-limit-chars: 4 2 2;
	hyphenate-limit-zone: 2em;
}

::-moz-selection {
	color: #ffffff;
	background: #185a7d;
	text-shadow: none;
}

::selection {
	color: #ffffff;
	background: #185a7d;
	text-shadow: none;
}

code {
	font-family: Consolas, monospace;
	font-size: 1rem;
}

hr {
	position: relative;
	margin: 2.3rem 0;
	width: auto;
	height: 1.15rem;
	padding: 0;
}

hr:before {
		content: '\25ca';
		position: absolute;
		width: 1.15rem;
		height: 1.15rem;
		margin-left: -0.575rem;
		left: 50%;
		top: 0;

		color: #ffb81d;

		font-weight: 600;
		text-align: center;
	}


/**
 * Headings
 */
h1, h2, h3, h4, h5, h6,
.Page__storyTitleHeading__2Tcm,
.Page__storyLevel1Heading__25u6,
.Page__storyLevel2Heading__3hAm,
.Page__storyLevel3Heading__3XFh,
.Page__storyLevel4Heading__1Cnf,
.Page__sectionTitleHeading__2UY9,
.Page__sectionLevel1Heading__10gC,
.Page__sectionLevel2Heading__2vnw,
.Page__sectionLevel3Heading__19Ey,
.Page__sectionLevel4Heading__BF0z {
	position: relative;
	margin: 0;
	padding: 0;

	color: #242424;

	font-family: Ubuntu, sans-serif;
	-webkit-font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig', 'lnum', 'pnum';
	        font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig', 'lnum', 'pnum';
	-webkit-hyphens: none;
	    -ms-hyphens: none;
	        hyphens: none;
}

.Page__storyTitleHeading__2Tcm {
	margin: 0 0 2.3rem;
	padding-top: 0;

	font-size: 4.5rem;
	line-height: 3.45rem;
	font-weight: 700;
	text-align: center;
}

.Page__storyTitleHeading__2Tcm:before {
		content: none;
	}

.Page__storyTitleHeading__2Tcm b {
		display: block;
		margin-top: 1.15rem;

		font-size: 1rem;
		text-transform: uppercase;
	}

.Page__storyTitleHeading__2Tcm .Page__author__ffbU {
		display: block;
		margin-top: 0.575rem;

		font-size: 1.5rem;
		font-weight: 600;
	}

.Page__storyLevel1Heading__25u6 {
	margin: 4.6rem 0 2.3rem;
	padding-top: 2.3rem;

	font-size: 3rem;
	line-height: 2.3rem;
	font-weight: 700;
	text-align: center;
}

.Page__storyLevel1Heading__25u6:before {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		height: 0;
		margin-left: -2.3rem;
		width: 4.6rem;

		border-bottom: 0.125rem solid #ffb81d;
	}

.Page__storyLevel1Heading__25u6 b {
		display: block;
		margin-top: 0.575rem;

		font-size: 1rem;
		text-transform: uppercase;
	}

.Page__storyLevel2Heading__3hAm {
	margin: 2.3rem 0 0.575rem;
	padding: 0;

	font-size: 2rem;
	line-height: 1.725rem;
	font-weight: 700;
	text-align: left;
}

.Page__storyLevel2Heading__3hAm:before {
		content: none;
	}

.Page__storyLevel3Heading__3XFh {
	margin: 2.3rem 0 0.575rem;
	padding: 0;

	font-size: 1.25rem;
	line-height: 1.15rem;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.Page__storyLevel3Heading__3XFh:before {
		content: none;
	}

.Page__storyLevel4Heading__1Cnf {
	margin: 2.3rem 0 0.575rem;
	padding: 0;

	font-size: 1.125rem;
	line-height: 1.15rem;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.Page__storyLevel4Heading__1Cnf:before {
		content: none;
	}

.Page__sectionTitleHeading__2UY9 {
	margin: 2.3rem 0;
	padding: 0;

	font-size: 3.75rem;
	line-height: 3.45rem;
	font-weight: 700;
	text-align: left;
}

.Page__sectionTitleHeading__2UY9:before {
		content: none;
	}

.Page__sectionTitleHeading__2UY9 b {
		display: block;
		margin-top: 0.575rem;

		font-size: 1rem;
		text-transform: uppercase;
		font-weight: 600;
		line-height: 1.15rem;
	}

.Page__sectionLevel1Heading__10gC {
	margin: 2.012rem 0 0.862rem;
	padding: 0.575rem 0 0.575rem;

	font-size: 1.25rem;
	line-height: 1.15rem;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.Page__sectionLevel1Heading__10gC:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		height: 0;
		margin-left: 0;
		right: 0;

		border-bottom: 0.071875rem solid #242424;
	}

.Page__sectionLevel2Heading__2vnw {
	margin: 1.15rem 0 0.575rem;
	padding: 0;

	font-size: 1.125rem;
	line-height: 1.15rem;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.Page__sectionLevel2Heading__2vnw:before {
		content: none;
	}

.Page__sectionLevel3Heading__19Ey {
	margin: 1.15rem 0 0.575rem;
	padding: 0;

	font-size: 1rem;
	line-height: 1.15rem;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.Page__sectionLevel3Heading__19Ey:before {
		content: none;
	}

.Page__sectionLevel4Heading__BF0z {
	margin: 1.15rem 0 0.575rem;
	padding: 0;

	font-size: 0.875rem;
	line-height: 1.15rem;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.Page__sectionLevel4Heading__BF0z:before {
		content: none;
	}


/**
 * Links
 */
a {
	position: relative;

	-webkit-transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, text-shadow 0.1s ease-in;

	transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, text-shadow 0.1s ease-in;

	color: #242424;
	background-color: transparent;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #60d1e0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #60d1e0 50%);
	background-position: 0 1.1em;
	background-repeat: repeat-x;
	background-size: 0.25rem 0.25rem;

	text-shadow: 1px 0 #ffffff, -1px 0 #ffffff;
	text-decoration: none;
	font-weight: 600;
}
a:visited {
		color: #242424;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #60d1e0));
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #60d1e0 50%);
		background-size: 0.25rem 0.25rem;
	}
a:focus {
		color: #242424;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #60d1e0));
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #60d1e0 50%);
		outline: 0 none;
		background-size: 0.25rem 0.25rem;
	}
a:focus:before {
			visibility: visible;

			border-color: #e7e9e9;
		}
a:hover, a:active {
		color: #60d1e0;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #60d1e0));
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #60d1e0 50%);
		background-size: 0.25rem 0.25rem;
	}
a[href=#] {
		background-image: none;
	}
a:before {
		content: '';
		position: absolute;
		visibility: hidden;

		left: -0.2875rem;
		top: -0.14375rem;
		right: -0.2875rem;
		bottom: -0.2875rem;
		z-index: -1;

		border-color: transparent;
		border-width: 2px;
		border-radius: 0.359625rem;
		-webkit-transition: bottom 0.1s ease-in, border-color 0.1s ease-in, visibility 0.1s ease-in, -webkit-box-shadow 0.1s ease-in;
		transition: bottom 0.1s ease-in, border-color 0.1s ease-in, visibility 0.1s ease-in, -webkit-box-shadow 0.1s ease-in;
		transition: bottom 0.1s ease-in, border-color 0.1s ease-in, box-shadow 0.1s ease-in, visibility 0.1s ease-in;
		transition: bottom 0.1s ease-in, border-color 0.1s ease-in, box-shadow 0.1s ease-in, visibility 0.1s ease-in, -webkit-box-shadow 0.1s ease-in;

		border-style: dotted;
	}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .Page__storyTitleHeading__2Tcm a, .Page__storyLevel1Heading__25u6 a, .Page__storyLevel2Heading__3hAm a, .Page__storyLevel3Heading__3XFh a, .Page__storyLevel4Heading__1Cnf a, .Page__sectionTitleHeading__2UY9 a, .Page__sectionLevel1Heading__10gC a, .Page__sectionLevel2Heading__2vnw a, .Page__sectionLevel3Heading__19Ey a, .Page__sectionLevel4Heading__BF0z a {
		-webkit-transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, text-shadow 0.1s ease-in;
		transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, text-shadow 0.1s ease-in;

		color: #242424;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, transparent));
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, transparent 50%);
		background-position: 0 1.2em;
		background-repeat: repeat-x;
		background-size: 0 0;

		font-weight: inherit;
	}



h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, .Page__storyTitleHeading__2Tcm a:visited, .Page__storyLevel1Heading__25u6 a:visited, .Page__storyLevel2Heading__3hAm a:visited, .Page__storyLevel3Heading__3XFh a:visited, .Page__storyLevel4Heading__1Cnf a:visited, .Page__sectionTitleHeading__2UY9 a:visited, .Page__sectionLevel1Heading__10gC a:visited, .Page__sectionLevel2Heading__2vnw a:visited, .Page__sectionLevel3Heading__19Ey a:visited, .Page__sectionLevel4Heading__BF0z a:visited {
			color: #242424;
			background-color: transparent;
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, transparent));
			background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, transparent 50%);
			background-size: 0 0;
		}



h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, .Page__storyTitleHeading__2Tcm a:focus, .Page__storyLevel1Heading__25u6 a:focus, .Page__storyLevel2Heading__3hAm a:focus, .Page__storyLevel3Heading__3XFh a:focus, .Page__storyLevel4Heading__1Cnf a:focus, .Page__sectionTitleHeading__2UY9 a:focus, .Page__sectionLevel1Heading__10gC a:focus, .Page__sectionLevel2Heading__2vnw a:focus, .Page__sectionLevel3Heading__19Ey a:focus, .Page__sectionLevel4Heading__BF0z a:focus {
			color: #60d1e0;
			background-color: transparent;
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, transparent));
			background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, transparent 50%);
			background-size: 0 0;
			outline: 0 none;
		}



h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active, .Page__storyTitleHeading__2Tcm a:hover, .Page__storyTitleHeading__2Tcm a:active, .Page__storyLevel1Heading__25u6 a:hover, .Page__storyLevel1Heading__25u6 a:active, .Page__storyLevel2Heading__3hAm a:hover, .Page__storyLevel2Heading__3hAm a:active, .Page__storyLevel3Heading__3XFh a:hover, .Page__storyLevel3Heading__3XFh a:active, .Page__storyLevel4Heading__1Cnf a:hover, .Page__storyLevel4Heading__1Cnf a:active, .Page__sectionTitleHeading__2UY9 a:hover, .Page__sectionTitleHeading__2UY9 a:active, .Page__sectionLevel1Heading__10gC a:hover, .Page__sectionLevel1Heading__10gC a:active, .Page__sectionLevel2Heading__2vnw a:hover, .Page__sectionLevel2Heading__2vnw a:active, .Page__sectionLevel3Heading__19Ey a:hover, .Page__sectionLevel3Heading__19Ey a:active, .Page__sectionLevel4Heading__BF0z a:hover, .Page__sectionLevel4Heading__BF0z a:active {
			color: #60d1e0;
			background-color: transparent;
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, transparent));
			background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, transparent 50%);
			background-size: 0 0;
		}



h1 a[href=#], h2 a[href=#], h3 a[href=#], h4 a[href=#], h5 a[href=#], h6 a[href=#], .Page__storyTitleHeading__2Tcm a[href=#], .Page__storyLevel1Heading__25u6 a[href=#], .Page__storyLevel2Heading__3hAm a[href=#], .Page__storyLevel3Heading__3XFh a[href=#], .Page__storyLevel4Heading__1Cnf a[href=#], .Page__sectionTitleHeading__2UY9 a[href=#], .Page__sectionLevel1Heading__10gC a[href=#], .Page__sectionLevel2Heading__2vnw a[href=#], .Page__sectionLevel3Heading__19Ey a[href=#], .Page__sectionLevel4Heading__BF0z a[href=#] {
			background-image: none;
		}


/**
 * Lists
 */
ul {
	margin: 0;
	padding: 0;

	list-style: none;
}

ol {
	margin: 0;
	padding: 0;

	list-style: none;
}

.Page__list__14Gx, .Page__orderedList__2rm1 {
	margin: 0.575rem 1.15rem;
	padding: 0;

	list-style: none;
	counter-reset: list;
}

.Page__list__14Gx li, .Page__orderedList__2rm1 li {
		position: relative;
	}

.Page__list__14Gx li:before, .Page__orderedList__2rm1 li:before {
			content: '\25CA';
			position: absolute;
			right: 100%;
			top: 0;
			width: 1.15rem;
			height: 1.15rem;

			color: #ffb81d;

			font-weight: 400;
			text-align: center;
			counter-increment: list;
		}

.Page__list__14Gx li ul, .Page__list__14Gx li ol, .Page__orderedList__2rm1 li ul, .Page__orderedList__2rm1 li ol {
			margin-left: 0;

			counter-reset: list;
		}

.Page__list__14Gx li ul li:before, .Page__list__14Gx li ol li:before, .Page__orderedList__2rm1 li ul li:before, .Page__orderedList__2rm1 li ol li:before {
					/* content: '\2022'; */
				}

.Page__orderedList__2rm1 li:before {
			content: counters(list, ".") " ";

			width: auto;
			top: 0;
			padding-right: 0.5em;

			color: inherit;

			font-size: 1rem;
			font-weight: 600;
			text-align: left;
			-webkit-font-feature-settings: 'tnum';
			        font-feature-settings: 'tnum';
		}

.Page__orderedList__2rm1 li ul, .Page__orderedList__2rm1 li ol {
			margin: 0.575rem 0 0.575rem 0.7em;
		}

.Page__orderedList__2rm1 li ul li:before, .Page__orderedList__2rm1 li ol li:before {
					content: counters(list, '.') ' ';
				}


/**
 * Tables
 */

.Page__table__3_0A {
}

.Page__tableHead__1ooh {
}

.Page__tableHead__1ooh .Page__tableCell__3yys {
	position: relative;
	padding-top: 0;
	padding-bottom: 1.15rem;

	font-weight: 600;
}

.Page__tableHead__1ooh .Page__tableCell__3yys::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0.431rem;
		height: 0.125rem;

		background-color: #ffb81d;
	}

.Page__tableBody__vF9X {
}

.Page__tableCell__3yys {
	padding: 0.287rem;

	font-weight: inherit;
}

.Page__tableCell__3yys:first-child {
		padding-left: 0;
	}

.Page__tableCell__3yys:last-child {
		padding-right: 0;
	}

.Page__tableCell__3yys > code {
		line-height: 0;
	}


/**
 * Image
 */

.Page__image__342a img {
		width: 100%;
	}


/**
 * Grid
 */
body.hasGrid:after {
		content: '';
		position: absolute;
		left: 1.15rem;
		top: 0;
		bottom: 0;
		right: 1.15rem;
		z-index: 10;
		pointer-events: none;

		background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(0, 0, 0, 0)), color-stop(46.4286%, rgba(0, 0, 0, 0.2)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(96.4286%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))) 0 0 / 100% 1.15rem repeat, -webkit-gradient(linear,
			left top, right top,
			from(rgba(0, 0, 0, 0.15)),
			color-stop(1.15rem, rgba(0, 0, 0, 0.15)),
			color-stop(1.15rem, rgba(0, 0, 0, 0.0)),
			color-stop(rgba(0, 0, 0, 0.0)),
			color-stop(rgba(0, 0, 0, 0.15)),
			color-stop(49.99999999%, rgba(0, 0, 0, 0.15)),
			color-stop(50%, rgba(0, 0, 0, 0.1)),
			color-stop(rgba(0, 0, 0, 0.1)),
			color-stop(rgba(0, 0, 0, 0.0)),
			color-stop(rgba(0, 0, 0, 0.0)),
			color-stop(rgba(0, 0, 0, 0.1)),
			to(rgba(0, 0, 0, 0.1))) 0 0 / 16.66666667% 100% repeat;

		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.2) 46.4286%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 96.4286%, rgba(0, 0, 0, 0.1) 100%) 0 0 / 100% 1.15rem repeat, linear-gradient(to right,
			rgba(0, 0, 0, 0.15) 0%,
			rgba(0, 0, 0, 0.15) 1.15rem,
			rgba(0, 0, 0, 0.0) 1.15rem,
			rgba(0, 0, 0, 0.0) calc(49.99999999% - 1.15rem),
			rgba(0, 0, 0, 0.15) calc(49.99999999% - 1.15rem),
			rgba(0, 0, 0, 0.15) 49.99999999%,
			rgba(0, 0, 0, 0.1) 50%,
			rgba(0, 0, 0, 0.1) calc(50% + 1.15rem),
			rgba(0, 0, 0, 0.0) calc(50% + 1.15rem),
			rgba(0, 0, 0, 0.0) calc(100% - 1.15rem),
			rgba(0, 0, 0, 0.1) calc(100% - 1.15rem),
			rgba(0, 0, 0, 0.1) 100%) 0 0 / 16.66666667% 100% repeat;
	}
@media screen and (min-width: 1px) and (max-width: 800px) {
body.hasGrid:after {
			background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(0, 0, 0, 0)), color-stop(46.4286%, rgba(0, 0, 0, 0.2)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(96.4286%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))) 0 0 / 100% 1.15rem repeat, -webkit-gradient(linear,
			left top, right top,
			from(rgba(0, 0, 0, 0.15)),
			color-stop(1.15rem, rgba(0, 0, 0, 0.15)),
			color-stop(1.15rem, rgba(0, 0, 0, 0.0)),
			color-stop(rgba(0, 0, 0, 0.0)),
			color-stop(rgba(0, 0, 0, 0.15)),
			color-stop(49.99999999%, rgba(0, 0, 0, 0.15)),
			color-stop(50%, rgba(0, 0, 0, 0.1)),
			color-stop(rgba(0, 0, 0, 0.1)),
			color-stop(rgba(0, 0, 0, 0.0)),
			color-stop(rgba(0, 0, 0, 0.0)),
			color-stop(rgba(0, 0, 0, 0.1)),
			to(rgba(0, 0, 0, 0.1))) 0 0 / 33.33333333% 100% repeat;
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.2) 46.4286%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 96.4286%, rgba(0, 0, 0, 0.1) 100%) 0 0 / 100% 1.15rem repeat, linear-gradient(to right,
			rgba(0, 0, 0, 0.15) 0%,
			rgba(0, 0, 0, 0.15) 1.15rem,
			rgba(0, 0, 0, 0.0) 1.15rem,
			rgba(0, 0, 0, 0.0) calc(49.99999999% - 1.15rem),
			rgba(0, 0, 0, 0.15) calc(49.99999999% - 1.15rem),
			rgba(0, 0, 0, 0.15) 49.99999999%,
			rgba(0, 0, 0, 0.1) 50%,
			rgba(0, 0, 0, 0.1) calc(50% + 1.15rem),
			rgba(0, 0, 0, 0.0) calc(50% + 1.15rem),
			rgba(0, 0, 0, 0.0) calc(100% - 1.15rem),
			rgba(0, 0, 0, 0.1) calc(100% - 1.15rem),
			rgba(0, 0, 0, 0.1) 100%) 0 0 / 33.33333333% 100% repeat
	}
		}

html {
	-ms-touch-action: manipulation;
	    touch-action: manipulation;
}
.Icon__root__2C7y {
	display: inline-block;
	vertical-align: top;
	width: 1.25rem;
	height: 1.375rem;
	padding: 0.1875rem 0;
}

	.Icon__root__2C7y svg {
		width: 1rem;
		height: 1rem;
	}

.Icon__small__2pul {
	width: 0.75rem;
	height: 1.375rem;
	padding: 0.3125rem 0;
}

.Icon__small__2pul svg {
		width: 0.75rem;
		height: 0.75rem;
	}

.Icon__medium__2Tck {
	width: 1.5rem;
	height: 2.0625rem;
	padding: 0.28125rem 0;
}

.Icon__medium__2Tck svg {
		width: 1.5rem;
		height: 1.5rem;
	}

.Icon__large__1qe7 {
	width: 2rem;
	height: 2.75rem;
	padding: 0.375rem 0;
}

.Icon__large__1qe7 svg {
		width: 2rem;
		height: 2rem;
	}
.Header__root__25D- {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4.813rem;
	z-index: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.375rem;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;

	color: #bcbcbc;
	background-color: #4a4a4a;
	/* box-shadow: 0 0 0.5bh 0 rgba(0, 0, 0, 0.5); */

	font-size: 1rem;
	font-weight: 300;
	line-height: 1.375rem;
}

	.Header__root__25D- > div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	/*@media screen and (--compactPage-start-min) and (--compactPage-end-max) {
		position: fixed;
		z-index: 3;
		height: 3bh;
		padding: 0 1bh;

		> div {
			font-size: calc(var(--typographicScale-2) * 1px);
			font-weight: 300;
			line-height: 1bh;
		}
	}*/

	@media screen and (min-width: 1px) and (max-width: 640px) {.Header__root__25D- {
		position: fixed;
		z-index: 3;
		height: 2.75rem;
		padding: 0 0.688rem;

		font-size: 0.625rem
}

		.Header__root__25D- > div {
			/* display: none; */
		}
	}

	@media print {.Header__root__25D- {
		display: none
}
	}

.Header__logo__24w6 {
	margin-right: 1.375rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media screen and (min-width: 1px) and (max-width: 640px) {
		.Header__logo__24w6 img {
			width: auto;
			height: 1.375rem;
		}
	}

.Header__claim__1OgL {
	margin-left: 1.375rem;

	color: #ffffff;

	font-weight: 300;
	line-height: 1.375rem;
	text-transform: none;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.Header__claim__1OgL {
		display: none
}
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.Header__configuring__4YBz {
		display: none
}
	}

.Header__separator__3IzK {
	margin: 0 0.344rem;

	color: #ffffff;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.Header__separator__3IzK {
		display: none
}
	}

.Header__orderItemName__9Uyd {
	margin-left: 0.344rem;

	color: #ffffff;

	font-weight: 500;
	line-height: 2.063rem;
	text-transform: none;
}

.Header__orderItemPrice__5H-g {
	margin: 0 0.344rem;

	color: #ffffff;

	font-weight: 500;
	line-height: 2.063rem;
	text-transform: none;
}

.Header__orderItemPriceWithoutVat__3Mko {
	margin: 0 0.344rem;

	color: #ffffff;

	font-weight: 500;
	line-height: 2.063rem;
	text-transform: none;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.Header__orderItemPriceWithoutVat__3Mko {
		display: none
}
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.Header__orderItemPriceWithoutVatLabel__3HtW {
		display: none
}
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.Header__orderItemPriceLabel__2qLd {
		display: none
}
	}

.Header__languageSelect__2iuH {
	position: relative;
	width: 2.75rem;
	height: 1.375rem;
	margin-left: 1.375rem;
}

.Header__languageSelect__2iuH:hover ul {
			visibility: visible;
			opacity: 1;
			-webkit-transform: translateY(0);
			        transform: translateY(0);
		}

.Header__languageSelect__2iuH p {
		position: relative;
		display: block;
		height: 1.375rem;
		padding: 0 0.344rem;

		color: #ffffff;
		background-color: #303030;

		font-size: 0.75rem;
		font-weight: 400;
		line-height: 1.375rem;
	}

.Header__languageSelect__2iuH p:after {
			content: '';
			position: absolute;
			right: 0.375rem;
			top: 50%;
			width: 0.5rem;
			height: 0.5rem;
			margin-top: -0.25rem;

			color: #ffffff;
			background-image: url('/assets/icons.svg#down-arrow-tiny-colored');
			background-size: 0.5rem 0.5rem;
			background-repeat: no-repeat;
			background-position: 50% 50%;
		}

.Header__languageSelect__2iuH ul {
		position: absolute;
		left: 0;
		top: 1.375rem;
		width: 100%;

		visibility: hidden;
		opacity: 0;
		-webkit-transform: translateY(-0.688rem);
		        transform: translateY(-0.688rem);
		-webkit-transition: opacity 0.1s ease-in, visibility 0.1s ease-in,
			-webkit-transform 0.1s ease-in;
		transition: opacity 0.1s ease-in, visibility 0.1s ease-in,
			-webkit-transform 0.1s ease-in;
		transition: transform 0.1s ease-in,
			opacity 0.1s ease-in, visibility 0.1s ease-in;
		transition: transform 0.1s ease-in,
			opacity 0.1s ease-in, visibility 0.1s ease-in,
			-webkit-transform 0.1s ease-in;
	}

.Header__languageSelect__2iuH ul li {
			display: block;
			height: 1.375rem;
			padding: 0 0.344rem;

			color: #ffffff;
			background-color: #303030;

			font-size: 0.75rem;
			font-weight: 400;
			line-height: 1.375rem;
		}

.Header__languageSelect__2iuH ul li:first-child {
				visibility: visible;
				opacity: 1;
			}

.Header__languageSelect__2iuH ul li a {
				display: block;
				color: inherit;
				background-image: none;

				font-weight: inherit;
				text-shadow: none;
			}

.Header__languageSelect__2iuH ul li a:before {
					content: none;
				}

@media screen and (min-width: 1px) and (max-width: 640px) {

.Header__languageSelect__2iuH {
		margin-left: 0.688rem
}
	}

.Header__youtube__79hi {
	margin-left: 1.375rem;
}

.Header__youtube__79hi a {
		display: inline-block;
		color: #ffffff;
		text-shadow: none;

		background-image: none;

		font-weight: normal;
	}

.Header__youtubeLabel__1yHV {
	display: inline-block;
	margin-top: 0.25rem;
	margin-left: 0.344rem;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.Header__youtubeLabel__1yHV {
		display: none
}
	}
.Main__root__3VDD {
  position: absolute;
  left: 0;
  right: 0;
  top: 4.813rem;
  bottom: 3.438rem;

  background-image: url('/assets/bg.png');
}

  @media screen and (min-width: 1px) and (max-width: 640px) {.Main__root__3VDD {
    position: static;
    /* padding: 2bh 0 3.5bh; */
    padding: 2.75rem 0 0
}
  }

  @media print {.Main__root__3VDD {
    top: 0
}
  }

.Main__intro__2F0s {
  position: absolute;
  left: 25%;
  right: 0;
  top: 0;
  bottom: 31%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;

  padding: 2.75rem 30% 2.75rem 2.75rem;
  margin: 0.344rem;
  margin-top: 1.375rem;
  margin-right: 1.375rem;

  background-color: rgba(255, 255, 255, 0.75);
  border: 0.0625rem solid #777777;
}

.Main__intro__2F0s:after {
    content: '';
    position: absolute;
    right: 2.75rem;
    bottom: 0;
    top: 1.375rem;
    left: 50%;

    background-image: url('/assets/window.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 100%;
  }

@media screen and (min-width: 1px) and (max-width: 640px) {

.Main__intro__2F0s {
    position: relative;
    margin: 1.375rem;
    padding: 1.375rem;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto
}

    .Main__intro__2F0s:after {
      content: none;
    }
  }

.Main__buttons__1Y3t > * {
    margin-right: 1.375rem;
  }

.Main__buttons__1Y3t > *:last-child {
      margin-right: 0;
      margin-bottom: 0rem;
    }

@media screen and (min-width: 1px) and (max-width: 640px) {

.Main__buttons__1Y3t > * {
      margin-bottom: 1.031rem
  }
    }

.Main__appHeading__1Ybu {
  margin-bottom: 1.375rem;

  color: #303030;

  font-size: 3rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: left;
}

.Main__appDescription__3Ofg {
  position: relative;

  margin-bottom: 5.5rem;
}

.Main__appDescription__3Ofg:after {
    content: '';
    position: absolute;
    right: 30%;
    top: calc(100% + 1.375rem);
    width: 3.3125rem;
    height: 6.375rem;

    background-image: url('/assets/arrow.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 100%;
  }

@media screen and (min-width: 1px) and (max-width: 640px) {
    .Main__appDescription__3Ofg:after {
      top: 100%;
      right: 5%;
    }
  }

.Main__visualization__3Xew {
  position: absolute;
  left: 25%;
  right: 0;
  top: 0;
  bottom: 31%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;

  padding: 2.75rem 2.75rem 1.375rem 2.75rem;
  margin: 0.344rem;
  margin-top: 1.375rem;
  margin-right: 1.375rem;

  background-color: rgba(255, 255, 255, 0.75);
  border: 0.0625rem solid #777777;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.Main__visualization__3Xew {
    position: static;
    margin: 1.375rem;
    padding: 0.688rem
}
  }
.StepsList__root__1alL {
}

.StepsList__steps__24En {
}

.StepsList__step__1bEe {
	position: absolute;
	width: 25%;
	height: 23%;

	color: #2e3532;

	font-size: 0.75rem;
	line-height: 1.375rem;
}

.StepsList__step__1bEe.StepsList__hasOverlay__1JKX .StepsList__stepWrapper__3btr {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}

@media screen and (max-height: 750px) {

.StepsList__step__1bEe * > .StepsList__stepButtonAlt__1WqQ {
			display: none
	}
		}

.StepsList__step__1bEe:nth-child(1) {
		left: 0;
		top: 0;
	}

.StepsList__step__1bEe:nth-child(1) .StepsList__stepWrapper__3btr:before {
			content: '1';
		}

.StepsList__step__1bEe:nth-child(1).StepsList__isEmpty__8dxG .StepsList__stepContent__CY0S {
			background-image: url('/assets/steps/pencil.png');
		}

.StepsList__step__1bEe:nth-child(1).StepsList__hasOverlay__1JKX .StepsList__stepButton__oW63:before {
			background-image: url('/assets/steps/pencil-hovered.png');
		}

.StepsList__step__1bEe:nth-child(1) .StepsList__stepWrapper__3btr {
			margin-top: 1.375rem;
			margin-left: 1.375rem;
			height: calc(100% - 1.719rem);
		}

.StepsList__step__1bEe:nth-child(1) .StepsList__stepButtonAlt__1WqQ {
			margin-top: 0.688rem;

			text-align: center;
		}

.StepsList__step__1bEe:nth-child(2) {
		left: 0;
		top: 23%;
	}

.StepsList__step__1bEe:nth-child(2) .StepsList__stepWrapper__3btr:before {
			content: '2';
		}

.StepsList__step__1bEe:nth-child(2).StepsList__isEmpty__8dxG .StepsList__stepContent__CY0S {
			background-image: url('/assets/steps/material.png');
		}

.StepsList__step__1bEe:nth-child(2).StepsList__hasOverlay__1JKX .StepsList__stepButton__oW63:before {
			background-image: url('/assets/steps/material-hovered.png');
		}

.StepsList__step__1bEe:nth-child(2) .StepsList__stepWrapper__3btr {
			margin-left: 1.375rem;
		}

.StepsList__step__1bEe:nth-child(2) .StepsList__stepButtonAlt__1WqQ {
			margin-top: 0.688rem;

			text-align: center;
		}

.StepsList__step__1bEe:nth-child(3) {
		left: 0;
		top: 46%;
	}

.StepsList__step__1bEe:nth-child(3) .StepsList__stepWrapper__3btr:before {
			content: '3';
		}

.StepsList__step__1bEe:nth-child(3).StepsList__isEmpty__8dxG .StepsList__stepContent__CY0S {
			background-image: url('/assets/steps/glass.png');
		}

.StepsList__step__1bEe:nth-child(3).StepsList__hasOverlay__1JKX .StepsList__stepButton__oW63:before {
			background-image: url('/assets/steps/glass-hovered.png');
		}

.StepsList__step__1bEe:nth-child(3) .StepsList__stepWrapper__3btr {
			margin-left: 1.375rem;
		}

.StepsList__step__1bEe:nth-child(3) .StepsList__stepButtonAlt__1WqQ {
			margin-top: 0.688rem;

			text-align: center;
		}

.StepsList__step__1bEe:nth-child(4) {
		left: 0;
		top: 69%;
		height: 31%;
	}

.StepsList__step__1bEe:nth-child(4) .StepsList__stepWrapper__3btr:before {
			content: '4';
		}

.StepsList__step__1bEe:nth-child(4).StepsList__isEmpty__8dxG .StepsList__stepContent__CY0S {
			background-image: url('/assets/steps/palette.png');
		}

.StepsList__step__1bEe:nth-child(4).StepsList__hasOverlay__1JKX .StepsList__stepButton__oW63:before {
			background-image: url('/assets/steps/palette-hovered.png');
		}

.StepsList__step__1bEe:nth-child(4) .StepsList__stepWrapper__3btr {
			margin-bottom: 1.375rem;
			margin-left: 1.375rem;
			height: calc(100% - 1.719rem);
		}

.StepsList__step__1bEe:nth-child(4) .StepsList__stepButtonAlt__1WqQ {
			margin-top: 0.688rem;

			text-align: center;
		}

.StepsList__step__1bEe:nth-child(5) {
		left: 25%;
		top: 69%;
		height: 31%;
	}

.StepsList__step__1bEe:nth-child(5) .StepsList__stepWrapper__3btr:before {
			content: '5';
		}

.StepsList__step__1bEe:nth-child(5).StepsList__isEmpty__8dxG .StepsList__stepContent__CY0S {
			background-image: url('/assets/steps/sunblinds.png');
		}

.StepsList__step__1bEe:nth-child(5).StepsList__hasOverlay__1JKX .StepsList__stepButton__oW63:before {
			background-image: url('/assets/steps/sunblinds-hovered.png');
		}

.StepsList__step__1bEe:nth-child(5) .StepsList__stepWrapper__3btr {
			margin-bottom: 1.375rem;
			height: calc(100% - 1.719rem);
		}

.StepsList__step__1bEe:nth-child(5) .StepsList__stepButtonAlt__1WqQ {
			margin-top: 0.688rem;

			text-align: center;
		}

.StepsList__step__1bEe:nth-child(6) {
		left: 50%;
		top: 69%;
		height: 31%;
	}

.StepsList__step__1bEe:nth-child(6) .StepsList__stepWrapper__3btr:before {
			content: '6';
		}

.StepsList__step__1bEe:nth-child(6).StepsList__isEmpty__8dxG .StepsList__stepContent__CY0S {
			background-image: url('/assets/steps/window.png');
		}

.StepsList__step__1bEe:nth-child(6).StepsList__hasOverlay__1JKX .StepsList__stepButton__oW63:before {
			background-image: url('/assets/steps/window-hovered.png');
		}

.StepsList__step__1bEe:nth-child(6) .StepsList__stepWrapper__3btr {
			margin-botom: 1.375rem;
			height: calc(100% - 1.719rem);
		}

.StepsList__step__1bEe:nth-child(6) .StepsList__stepButton__oW63 {
			margin-top: 1.375rem;

			text-align: right;
		}

.StepsList__step__1bEe:nth-child(7) {
		left: 75%;
		top: 69%;
		height: 31%;
	}

.StepsList__step__1bEe:nth-child(7) .StepsList__stepWrapper__3btr:before {
			content: '7';
		}

.StepsList__step__1bEe:nth-child(7).StepsList__isEmpty__8dxG .StepsList__stepContent__CY0S {
			background-image: url('/assets/steps/cart.png');
		}

.StepsList__step__1bEe:nth-child(7).StepsList__hasOverlay__1JKX .StepsList__stepButton__oW63:before {
			background-image: url('/assets/steps/cart-hovered.png');
		}

.StepsList__step__1bEe:nth-child(7) .StepsList__stepWrapper__3btr {
			margin-botom: 1.375rem;
			margin-right: 1.375rem;
			height: calc(100% - 1.719rem);
		}

@media screen and (min-width: 1px) and (max-width: 640px) {

.StepsList__step__1bEe {
		position: static;
		width: auto;
		height: auto
}

		.StepsList__step__1bEe .StepsList__stepWrapper__3btr {
			margin: 0 1.375rem 1.375rem !important;
			height: auto !important;
		}
	}

.StepsList__stepWrapper__3btr {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	/* overflow: hidden; */
	margin: 0.344rem;
	height: calc(100% - 0.688rem);

	background-color: rgba(255, 255, 255, 0.75);
}

.StepsList__stepWrapper__3btr:before {
		position: absolute;
		right: 1.031rem;
		top: 0.688rem;
		z-index: 2;

		font-size: 2rem;
		font-weight: 300;
	}

.StepsList__stepHeading__3tHk {
	position: relative;
	padding: 0.688rem;
	padding-right: 2.063rem;

	background-color: #ebebeb;
	background: -webkit-gradient(linear, left top, right top, from(#d8d8d8),color-stop(44%, #ffffff),to(#d8d8d8));
	background: linear-gradient(to right, #d8d8d8 0%,#ffffff 44%,#d8d8d8 100%);
	border: 0.0625rem solid #777777;

	font-size: 1rem;
	font-weight: 300;
	color: #2e3532;
}

.StepsList__stepHeading__3tHk:after, .StepsList__stepHeading__3tHk:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: '';
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		z-index: 2;
	}

.StepsList__stepHeading__3tHk:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #fff;
		border-width: 14px;
		margin-left: -0.875rem;
	}

.StepsList__stepHeading__3tHk:before {
		border-color: rgba(132, 132, 132, 0);
		border-top-color: #848484;
		border-width: 15px;
		margin-left: -0.9375rem;
	}

.StepsList__stepHeading__3tHk span {
		display: block;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.StepsList__stepContent__CY0S {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0.688rem;
	-webkit-box-flex: 2;
	    -ms-flex-positive: 2;
	        flex-grow: 2;

	border: 0.0625rem solid #dfe0e1;
	border-top: 0.0625rem solid #e20613;

	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 3.1875rem 3.1875rem;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.StepsList__stepContent__CY0S {
		min-height: 5.5rem
}
	}

.StepsList__stepButton__oW63 {
	margin-top: 0.688rem;

	text-align: center;
}

.StepsList__hasOverlay__1JKX .StepsList__stepButton__oW63 {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		z-index: 2;
		padding: 1.031rem;

		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
		transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
	}

.StepsList__hasOverlay__1JKX .StepsList__stepButton__oW63:before {
			content: '';
			position: absolute;
			left: -0.0625rem;
			top: -0.0625rem;
			right: -0.0625rem;
			bottom: -0.0625rem;
			z-index: -1;

			background-color: #4a4a4a;

			background-position: 50% calc(50% + 1.375rem);
			background-repeat: no-repeat;
			background-size: 3.1875rem 3.1875rem;
		}

.StepsList__hasOverlay__1JKX .StepsList__stepButton__oW63 button > span {
			background-color: #4a4a4a;
		}

.StepsList__hasOverlay__1JKX:hover .StepsList__stepButton__oW63 {
		visibility: visible;
		opacity: 1;
	}

.StepsList__stepButton__oW63 a {
		color: #da1616;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {
		.StepsList__hasOverlay__1JKX .StepsList__stepButton__oW63 {
			position: static;
			padding-bottom: 0;

			visibility: visible;
			opacity: 1;
		}

			.StepsList__hasOverlay__1JKX .StepsList__stepButton__oW63:before {
				content: none;
			}
	}

.StepsList__stepList__2Mff li + li {
		margin-top: 0.344rem;
	}

.StepsList__orderItemLinks__3PNd {
	margin-right: 0.688rem;
}

.StepsList__orderItemLinks__3PNd > * + * {
		margin-left: 0.344rem;
	}

.StepsList__orderItemLinks__3PNd button > span > span {
		width: 0.688rem;
		height: 1.375rem;
		padding: 0.344rem 0;
	}

.StepsList__orderItemLinks__3PNd button > span > span svg {
			width: 0.688rem;
			height: 0.688rem
		}

.StepsList__orderItemLink__1s_F {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* justify-content: space-between; */

.StepsList__orderItemLink__1s_F.StepsList__isSelected__14RI {
		font-weight: 500;
	}

.StepsList__orderItemLink__1s_F.StepsList__isSelected__14RI .StepsList__orderItemLinkIcon__3wXb {
			visibility: visible;
		}

.StepsList__orderItemLink__1s_F a {
		color: #1171e0;
		background-image: none;

		text-shadow: none;
	}

.StepsList__orderItemLinkIcon__3wXb {
	visibility: hidden;
}

.StepsList__orderItemName__2xFu {
	margin: 0 0.688rem;
}

.StepsList__orderItemName__2xFu a {
		color: #da1616;
	}

/* opacity: 0.5; */

.StepsList__isSelected__14RI .StepsList__orderItemName__2xFu {
		/* opacity: 1; */
	}

.StepsList__orderItemCount__3OG6 {
	/* margin-right: auto; */

	/* opacity: 0.5; */

	font-weight: 700;
}

.StepsList__isSelected__14RI .StepsList__orderItemCount__3OG6 {
		/* opacity: 1; */
	}
.Button__buttonGroup__1uQi {
	margin: -0.688rem;
}

	.Button__buttonGroup__1uQi.Button__hasCenterAlign__34Ss {
		text-align: center;
	}

	.Button__buttonGroup__1uQi .Button__root__1Pq1 {
		margin: 0.688rem;
	}

.Button__root__1Pq1 {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	display: inline-block;
	z-index: 1;
	cursor: pointer;
	padding: 0;
	height: auto;
	max-width: 100%;

	outline: 0 none;
	background-color: transparent;
}

.Button__root__1Pq1 .Button__overlay__2eIu {
		position: absolute;
		bottom: calc(100% + 0.688rem);
		left: 50%;
		width: 9.625rem;
		margin-left: -4.813rem;
		padding: 0.172rem;
		z-index: 1;

		pointer-events: none;
		visibility: hidden;
		opacity: 0;
		-webkit-transform: translateY(0.688rem);
		        transform: translateY(0.688rem);
		-webkit-transition: opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-transform 0.1s ease-in;
		transition: opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-transform 0.1s ease-in;
		transition: transform 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in;
		transition: transform 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-transform 0.1s ease-in;

		color: #b5b5b6;
		background-color: #ffffff;
		border-radius: 0.344rem;
		border: 0.0625rem solid #dfe0e1;

		font-size: 0.625rem;
		font-weight: 400;
		line-height: 1.031rem;
		text-align: center;
		text-transform: none;
	}

.Button__root__1Pq1 .Button__overlay__2eIu:before {
			content: '';
			position: absolute;
			left: 50%;
			top: 100%;
			width: 0;
			height: 0;
			margin-left: -0.4375rem;

			border-style: solid;
			border-width: 7px 7px 0 7px;
			border-color: #dfe0e1 transparent transparent transparent;
		}

.Button__root__1Pq1 .Button__overlay__2eIu:after {
			content: '';
			position: absolute;
			left: 50%;
			top: 100%;
			width: 0;
			height: 0;
			margin-left: -0.375rem;

			border-style: solid;
			border-width: 6px 6px 0 6px;
			border-color: #ffffff transparent transparent transparent;
		}

.Button__root__1Pq1:hover .Button__overlay__2eIu {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}

.Button__full__1l2s, .Button__outlined__2AUD, .Button__floating__3uTi, .Button__invisible__Br03 {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	display: inline-block;
	z-index: 1;
	cursor: pointer;
	padding: 0.688rem 0;
	height: 2.75rem;

	max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;

	-webkit-transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-box-shadow 0.1s ease-in, -webkit-transform 0.1s ease-in;

	transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-box-shadow 0.1s ease-in, -webkit-transform 0.1s ease-in;

	transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, box-shadow 0.1s ease-in, transform 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in;

	transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, box-shadow 0.1s ease-in, transform 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-box-shadow 0.1s ease-in, -webkit-transform 0.1s ease-in;
	will-change: color, background-color, border-color, box-shadow, transform, opacity, visibility;

	outline: 0 none;
	vertical-align: top;

	background-image: none;
	text-shadow: none;
}

.Button__full__1l2s.Button__isDisabled__UFAw, .Button__outlined__2AUD.Button__isDisabled__UFAw, .Button__floating__3uTi.Button__isDisabled__UFAw, .Button__invisible__Br03.Button__isDisabled__UFAw {
		cursor: not-allowed;
	}

.Button__full__1l2s:focus, .Button__full__1l2s:hover, .Button__outlined__2AUD:focus, .Button__outlined__2AUD:hover, .Button__floating__3uTi:focus, .Button__floating__3uTi:hover, .Button__invisible__Br03:focus, .Button__invisible__Br03:hover {
		background-image: none;
		text-shadow: none;
	}

.Button__full__1l2s .Button__label__GPgV, .Button__outlined__2AUD .Button__label__GPgV, .Button__floating__3uTi .Button__label__GPgV, .Button__invisible__Br03 .Button__label__GPgV {
		white-space: nowrap;
	}

.Button__full__1l2s {
	padding: 0.688rem 1.375rem;

	color: #ffffff;
	background-color: #da1616;
	border-radius: 1.375rem;

	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.375rem;
}

.Button__full__1l2s.Button__isSmall__tOCW {
		height: 1.375rem;
		min-width: 1.375rem;
		padding: 0;

		border-radius: 1.375rem;

		font-size: 0.875rem;
		font-weight: 700;
	}

.Button__full__1l2s.Button__isLarge__3T30 {
		height: 3.438rem;
		padding: 1.031rem 1.719rem;

		border-radius: 1.719rem;

		font-size: 1.125rem;
	}

.Button__full__1l2s.Button__isSecondary__2-Ei {
		background-color: #1071e0;
	}

.Button__full__1l2s.Button__isDisabled__UFAw {
		opacity: 0.3;
	}

.Button__outlined__2AUD, a.Button__outlined__2AUD {
	padding: calc(0.688rem - 0.0625rem) 1.375rem;

	color: #da1616;
	background-color: transparent;
	border: 0.0625rem solid #da1616;
	border-radius: 1.375rem;

	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.375rem;
}

.Button__outlined__2AUD:before, a.Button__outlined__2AUD:before {
		content: none;
	}

.Button__outlined__2AUD.Button__isSecondary__2-Ei, a.Button__outlined__2AUD.Button__isSecondary__2-Ei {
		color: #1071e0;
		border-color: #1071e0;
	}

.Button__outlined__2AUD.Button__isTertiary__UqgI, a.Button__outlined__2AUD.Button__isTertiary__UqgI {
		color: #5e6361;
		border-color: #5e6361;
	}

.Button__outlined__2AUD.Button__isInverse__188a, a.Button__outlined__2AUD.Button__isInverse__188a {
		color: #ffffff;
		border-color: #ffffff;
	}

.Button__outlined__2AUD.Button__isDisabled__UFAw, a.Button__outlined__2AUD.Button__isDisabled__UFAw {
		opacity: 0.3;
	}

.Button__outlined__2AUD.Button__isSmall__tOCW, a.Button__outlined__2AUD.Button__isSmall__tOCW {
		height: 2.063rem;
		min-width: 1.375rem;
		padding: calc(0.344rem - 0.0625rem) 0.928rem;

		background-color: rgba(255, 255, 255, 0.9);
		border-radius: 1.375rem;

		font-size: 0.75rem;
		line-height: 1.375rem;
	}

.Button__floating__3uTi {
	width: 2.75rem;

	color: #ffffff;
	background-color: #da1616;
	border-radius: 1.375rem;
	/* box-shadow: 0 0.25bh 0.5bh 0 rgba(104, 23, 23, 0.5); */

	font-size: 0.625rem;
	font-weight: 700;
	line-height: 1.375rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.Button__floating__3uTi .Button__icon__2m2S {
		display: inline-block;
		width: 1.375rem;
		height: 1.375rem;

		color: #ffffff;
	}

.Button__floating__3uTi.Button__isLarge__3T30 {
		width: 2.063rem;
		height: 2.063rem;
	}

.Button__floating__3uTi.Button__isLarge__3T30 .Button__icon__2m2S {
			width: 2.063rem;
			height: 2.063rem;
		}

.Button__floating__3uTi.Button__isLarge__3T30 {
		width: 5.5rem;
		height: 5.5rem;

		border-radius: 2.75rem;
		-webkit-box-shadow: 0 0.688rem 1.375rem 0 rgba(104, 23, 23, 0.5);
		        box-shadow: 0 0.688rem 1.375rem 0 rgba(104, 23, 23, 0.5);
	}

.Button__floating__3uTi.Button__isLarge__3T30 .Button__label__GPgV {
			position: absolute;
			bottom: -2.75rem;
			left: 50%;

			color: #303030;
			-webkit-transform: translateX(-50%);
			        transform: translateX(-50%);

			font-size: 1.125rem;
			font-weight: 700;
			line-height: 1.375rem;
			text-transform: uppercase;
			white-space: nowrap;
		}

.Button__floating__3uTi.Button__isSecondary__2-Ei {
		background-color: #1071e0;
		-webkit-box-shadow: 0 0.344rem 0.688rem 0 rgba(16, 40, 112, 0.5);
		        box-shadow: 0 0.344rem 0.688rem 0 rgba(16, 40, 112, 0.5);
	}

.Button__floating__3uTi.Button__isSecondary__2-Ei.Button__isLarge__3T30 {
			-webkit-box-shadow: 0 0.688rem 1.375rem 0 rgba(16, 40, 112, 0.5);
			        box-shadow: 0 0.688rem 1.375rem 0 rgba(16, 40, 112, 0.5);
		}

.Button__floating__3uTi.Button__isDisabled__UFAw {
		opacity: 0.3;
	}

.Button__invisible__Br03 {
	padding: 0.688rem 0;
	width: 1.375rem;
	height: 1.375rem;

	color: #da1616;
	background-color: transparent;

	font-size: 0.625rem;
	font-weight: 700;
	line-height: 1.375rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.Button__invisible__Br03 .Button__icon__2m2S {
		display: inline-block;
		width: 1.375rem;
		height: 1.375rem;

		color: #303030;
	}

.Button__invisible__Br03.Button__isLarge__3T30 {
		width: 2.063rem;
		height: 2.75rem;
	}

.Button__invisible__Br03.Button__isLarge__3T30 .Button__icon__2m2S {
			width: 2.063rem;
			height: 2.063rem;
		}
.WindowStep__root__Xgo8 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;

	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
	transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}

	.WindowStep__root__Xgo8.WindowStep__isOpen__2Kub {
		visibility: visible;
		opacity: 1;
	}

	.WindowStep__root__Xgo8:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;

		-webkit-backdrop-filter: blur(2px);

		        backdrop-filter: blur(2px);

		background-color: rgba(0, 0, 0, 0.3);
	}

	@media screen and (min-width: 1px) and (max-width: 640px) {.WindowStep__root__Xgo8 {
		position: fixed;
		z-index: 3
}

		.WindowStep__root__Xgo8.WindowStep__isOpen__2Kub {
			visibility: visible;
			z-index: 4;
		}
	}

.WindowStep__wrapper__2A7O {
	position: absolute;
	left: 2.063rem;
	right: 2.063rem;
	top: 0;
	bottom: 2.063rem;
	padding: 2.063rem;
	max-height: calc(100vh - 4.813rem);

	background-color: #ffffff;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__wrapper__2A7O {
		position: fixed;
		left: 1.375rem;
		right: 1.375rem;
		top: 1.375rem;
		bottom: 1.375rem;
		padding: 1.375rem;
		height: calc(100% - 2.75rem);
		max-height: calc(100% - 2.75rem);
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch
}
	}

.WindowStep__heading__2llC {
	margin-bottom: 2.75rem;

	color: #303030;

	font-size: 2.25rem;
	font-weight: 300;
	line-height: 2.75rem;
	text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__heading__2llC {
		margin-bottom: 1.375rem;
		padding: 0 2.75rem 0 0;
		font-size: 1.375rem;
		font-weight: 300;
		line-height: 2.063rem
}
	}

.WindowStep__warning__5OwO {
	margin: 1.375rem 0 0;

	color: #303030;

	font-size: 1rem;
	font-weight: 400;
	line-height: 2.75rem;
	text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__warning__5OwO {
		line-height: 1.375rem
}
	}

.WindowStep__warning__5OwO + .WindowStep__warning__5OwO {
		margin-top: 0;
	}

.WindowStep__closeButton__2Gpf {
	position: absolute;
	right: 2.406rem;
	top: 2.406rem;

	line-height: 0;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__closeButton__2Gpf {
		right: 1.031rem;
		top: 1.031rem
}
	}

.WindowStep__windowSize__3iUM {
	height: calc(100% - 4.813rem);
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__windowSize__3iUM {
		height: auto
}
	}

.WindowStep__windowSizeWrapper__3C-g {
	height: calc(100% - 7.563rem);
	overflow-y: auto;
	margin-bottom: 2.75rem;

	text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__windowSizeWrapper__3C-g {
		height: auto;
		margin-bottom: 1.375rem;
		overflow: visible
}
	}

.WindowStep__window__3qbd {
	display: inline-block;
	position: relative;
	width: 30.375rem;
	height: 21rem;
	margin-bottom: 1.875rem;
}

.WindowStep__window__3qbd:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		opacity: 0.3;
		background-color: #303030;
		-webkit-box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.5);
		        box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.5);
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__window__3qbd {
		display: block;
		width: auto;
		height: auto;
		margin: 0
}

		.WindowStep__window__3qbd:before {
			content: none;
		}
	}

.WindowStep__windowGlass__2zlM {
	position: absolute;
	left: 2.25rem;
	top: 2.25rem;
	width: 25.875rem;
	height: 16.5rem;
	overflow: hidden;

	background-color: #cbdff7;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__windowGlass__2zlM {
		display: none
}
	}

.WindowStep__windowGlassHighlight1__Fbro {
	position: absolute;
	left: 5.875rem;
	top: -2.5rem;
	width: 1.875rem;
	height: 21.875rem;
	-webkit-transform: rotate(-330deg);
	        transform: rotate(-330deg);
	opacity: 0.3;
	background-color: #ffffff;
}

.WindowStep__windowGlassHighlight2__1Wz4 {
	position: absolute;
	left: 9.625rem;
	top: -2.5rem;
	width: 2.875rem;
	height: 21.875rem;
	-webkit-transform: rotate(-330deg);
	        transform: rotate(-330deg);
	opacity: 0.5;
	background-color: #ffffff;
	background-color: #ffffff;
}

.WindowStep__windowGlassHighlight4__21cv {
	position: absolute;
	left: 6.125rem;
	bottom: -2.5rem;
	width: 0.1875rem;
	height: 13.75rem;
	-webkit-transform: rotate(-330deg);
	        transform: rotate(-330deg);
	opacity: 0.5;
	background-color: #ffffff;
}

.WindowStep__windowHeight__2XBY {
	position: absolute;
	left: 0;
	top: 0;
	width: 2.25rem;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.WindowStep__windowHeight__2XBY > * {
		width: 8.25rem;
	}

.WindowStep__windowHeight__2XBY label {
		display: none;

		text-align: left;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__windowHeight__2XBY {
		position: static;
		width: auto;
		height: auto;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		margin-bottom: 1.375rem
}

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

.WindowStep__windowWidth__2BX1 {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2.25rem;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.WindowStep__windowWidth__2BX1 > * {
		width: 8.25rem;
	}

.WindowStep__windowWidth__2BX1 label {
		display: none;

		text-align: left;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__windowWidth__2BX1 {
		position: static;
		width: auto;
		height: auto;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start
}

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

.WindowStep__windowType__2dCV {
	height: calc(100% - 4.813rem);
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__windowType__2dCV {
		height: auto
}
	}

.WindowStep__windowTypeWrapper__17DP {
	height: calc(100% - 7.563rem);
	overflow-y: auto;
	margin-bottom: 2.75rem;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__windowTypeWrapper__17DP {
		height: auto;
		margin-bottom: 1.375rem
}
	}

.WindowStep__windowTypesListWrapper__1SCB {
	position: relative;
	margin: 0 3.438rem 0;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__windowTypesListWrapper__1SCB {
		margin: 0
}
	}

.WindowStep__windowTypesListScrollLeft__1CvG {
	position: absolute;
	left: -3.438rem;
	top: 50%;
	margin-top: -1.031rem;
	z-index: 2;

	line-height: 0;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__windowTypesListScrollLeft__1CvG {
		display: none
}
	}

.WindowStep__windowTypesListScrollRight__2J17 {
	position: absolute;
	right: -3.438rem;
	top: 50%;
	margin-top: -1.031rem;
	z-index: 2;

	line-height: 0;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__windowTypesListScrollRight__2J17 {
		display: none
}
	}

.WindowStep__windowTypesList__1mlT {
	margin: -0.688rem;
	/* height: 16bh; */
	overflow-x: auto;

	white-space: nowrap;
	font-size: 0;
}

.WindowStep__windowTypesList__1mlT li {
		display: inline-block;
		padding: 0.688rem;
		width: calc(16.66666667% - 0.45833333rem);
		/* height: 100%; */

		font-size: 1rem;
		line-height: 1.375rem;
		white-space: normal;
	}

.WindowStep__windowTypesList__1mlT:after {
		content: '';
		display: block;
		clear: both;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__windowTypesList__1mlT {
		overflow: visible;
		white-space: normal
}

		.WindowStep__windowTypesList__1mlT li {
			width: 100%;
		}
	}

.WindowStep__windowDetail__DWuP {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.375rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	/* height: 100%; */
	min-height: 22rem;
	z-index: 1;
	cursor: pointer;
}

.WindowStep__windowDetail__DWuP.WindowStep__hasLeftRightVariants__3K7j {
		cursor: auto;
	}

.WindowStep__windowDetail__DWuP:before {
		content: '';
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		-webkit-transition: border-color 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in, box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in, box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;

		border: solid 0.0625rem #e2e2e2;
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}

.WindowStep__windowDetail__DWuP.WindowStep__isRecommended__NlKy:before {
		border: solid 0.125rem #da1616;
	}

.WindowStep__windowDetail__DWuP.WindowStep__isSelected__2oWH:before {
		border: solid 0.125rem #1071e0;
		-webkit-box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
		        box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowStep__windowDetail__DWuP {
		min-height: auto
}
	}

.WindowStep__windowDetailHeading__2FNZ {
	margin: 0.688rem 0;

	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.375rem;
	text-align: left;
	text-transform: uppercase;
}

.WindowStep__windowDetailPhoto__1geH {
	margin: 0.688rem;
	height: 5.5rem;
	-webkit-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
}

.WindowStep__windowDetailPhoto__1geH svg {
		width: auto;
		height: 100%;
		max-height: 100%;
	}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
		.WindowStep__windowDetailPhoto__1geH svg {
			display: block;
			width: 100%;
			height: 100%;

			-o-object-fit: contain;

			   object-fit: contain;
		}
	}

.WindowStep__windowDetailVariants__2m1c {
	margin-top: auto;
}

.WindowStep__windowDetailVariantsHeading__2TD7 {
	font-size: 0.625rem;
	font-weight: 500;
	line-height: 1.375rem;
	text-transform: uppercase;
}

.WindowStep__windowDetailVariantsList__3qgF {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: -0.172rem 0;
}

.WindowStep__windowDetailVariant__2YNh {
	min-width: 50%;
	cursor: pointer;
	white-space: nowrap;
	margin: 0.172rem 0;

	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.375rem;
}

.WindowStep__windowDetailVariantBox__2IQp {
	display: inline-block;
	width: 1.375rem;
	height: 1.375rem;
	margin-right: 0.344rem;

	border: 0.0625rem solid #303030;

	text-align: center;
}

.WindowStep__windowDetailVariantBox__2IQp > * {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.1s ease-in, visibility 0.1s ease-in;
		transition: opacity 0.1s ease-in, visibility 0.1s ease-in;
	}

.WindowStep__windowDetailVariantBox__2IQp.WindowStep__isSelected__2oWH > * {
		opacity: 1;
		visibility: visible;
	}

.WindowStep__windowDetailVariants__2m1c + .WindowStep__windowDetailPrice__rYk2 {
	margin-top: 0.688rem;
}

.WindowStep__windowDetailPrice__rYk2 {
	margin-top: auto;

	color: #da1616;

	font-size: 1rem;
	font-weight: 500;
	line-height: 1.375rem;
}

.WindowStep__windowDetailLabel__2odB {
	height: 1.375rem;

	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.375rem;
}

.WindowStep__windowDetailColorWarning__2ho6 {
	padding: 0.1875rem;
	border: 0.0625rem dashed #da1616;
	font-size: 0.75rem;
	text-align: center;
	color: #da1616;
}.Input__root__1FwD {
	position: relative;
	display: block;
}

.Input__default__1ALN {
	display: block;

	width: 100%;
	height: 3.438rem;
	margin: 0;
	padding: calc(0.688rem - 0.25rem) 1.375rem;

	-webkit-transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-box-shadow 0.1s ease-in, -webkit-transform 0.1s ease-in;

	transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-box-shadow 0.1s ease-in, -webkit-transform 0.1s ease-in;

	transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, box-shadow 0.1s ease-in, transform 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in;

	transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, box-shadow 0.1s ease-in, transform 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-box-shadow 0.1s ease-in, -webkit-transform 0.1s ease-in;
	will-change: color, background-color, border-color, box-shadow, transform, opacity, visibility;

	color: #303030;
	border-radius: 1.719rem;
	border: 0.25rem solid #1071e0;
	outline: 0 none;

	font-size: 1.25rem;
	line-height: 2.063rem;
	font-weight: bold;
}

.Input__default__1ALN::-webkit-input-placeholder {
		opacity: 0.35;
	}

.Input__default__1ALN::-moz-placeholder {
		opacity: 0.35;
	}

.Input__default__1ALN:-ms-input-placeholder {
		opacity: 0.35;
	}

.Input__default__1ALN::-ms-input-placeholder {
		opacity: 0.35;
	}

.Input__default__1ALN::placeholder {
		opacity: 0.35;
	}

.Input__default__1ALN.Input__hasUnit__1fKq {
		padding-right: 3.438rem;
	}

.Input__unit__2m-1 {
	position: absolute;
	top: 0.688rem;
	right: 1.375rem;

	color: #5e6361;

	pointer-events: none;

	font-size: 1rem;
	line-height: 2.063rem;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}
.MaterialStep__root__3liY {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;

	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
	transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}

	.MaterialStep__root__3liY.MaterialStep__isOpen__Fe-y {
		visibility: visible;
		opacity: 1;
	}

	.MaterialStep__root__3liY:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;

		-webkit-backdrop-filter: blur(2px);

		        backdrop-filter: blur(2px);

		background-color: rgba(0, 0, 0, 0.3);
	}

	@media screen and (min-width: 1px) and (max-width: 640px) {.MaterialStep__root__3liY {
		position: fixed;
		z-index: 3
}

		.MaterialStep__root__3liY.MaterialStep__isOpen__Fe-y {
			visibility: visible;
			z-index: 4;
		}
	}

.MaterialStep__wrapper__2iv7 {
	position: absolute;
	left: 2.063rem;
	right: 2.063rem;
	top: 0;
	bottom: 2.063rem;
	padding: 2.063rem 2.75rem;
	overflow-y: auto;
	max-height: calc(100vh - 4.813rem);

	background-color: #ffffff;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.MaterialStep__wrapper__2iv7 {
		position: fixed;
		left: 1.375rem;
		right: 1.375rem;
		top: 1.375rem;
		bottom: 1.375rem;
		padding: 1.375rem;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch
}
	}

.MaterialStep__heading__3Pi_ {
	margin-bottom: 2.75rem;

	color: #303030;

	font-size: 2.25rem;
	font-weight: 300;
	line-height: 2.75rem;
	text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.MaterialStep__heading__3Pi_ {
		margin-bottom: 1.375rem;
		padding: 0 2.75rem 0 0;
		font-size: 1.375rem;
		font-weight: 300;
		line-height: 2.063rem
}
	}

.MaterialStep__closeButton__2UCF {
	position: absolute;
	right: 2.406rem;
	top: 2.406rem;

	line-height: 0;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.MaterialStep__closeButton__2UCF {
		right: 1.031rem;
		top: 1.031rem
}
	}

.MaterialStep__material__28du {
}

.MaterialStep__warning__3NQo {
	margin: 1.375rem 0 5.5rem;

	color: #303030;

	font-size: 1rem;
	font-weight: 400;
	line-height: 2.75rem;
	text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.MaterialStep__warning__3NQo {
		margin: 1.375rem 0;

		line-height: 1.375rem
}
	}

.MaterialStep__materialsList__1S4d {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -0.688rem;
}

.MaterialStep__materialsList__1S4d li {
		padding: 0 0.688rem;
		width: 33.333%;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.MaterialStep__materialsList__1S4d {
		display: block
}

		.MaterialStep__materialsList__1S4d li {
			width: 100%;
		}

		.MaterialStep__materialsList__1S4d li + li {
			margin-top: 1.375rem;
		}
	}

.MaterialStep__materialDetail__1Cr8 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.375rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	z-index: 1;
	cursor: pointer;
}

.MaterialStep__materialDetail__1Cr8.MaterialStep__hasLeftRightVariants__32HE {
		cursor: auto;
	}

.MaterialStep__materialDetail__1Cr8:before {
		content: '';
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		-webkit-transition: border-color 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			box-shadow 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		border: solid 0.0625rem #e2e2e2;
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}

.MaterialStep__materialDetail__1Cr8.MaterialStep__isSelected__27uX:before {
		border: solid 0.125rem #1071e0;
		-webkit-box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
		        box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
	}

.MaterialStep__materialDetailHeading__1psi {
	margin-bottom: 1.375rem;

	font-size: 1rem;
	font-weight: 500;
	line-height: 1.375rem;
	text-align: center;
}

.MaterialStep__materialDetailPhoto__1Pvm {
	margin: 0;
	padding: 0;
	max-height: 200px;

	text-align: center;
}

.MaterialStep__materialDetailPhoto__1Pvm img {
		display: inline-block;
		width: 50%;
		height: auto;
	}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {

.MaterialStep__materialDetailPhoto__1Pvm {
		height: 11rem
}

		.MaterialStep__materialDetailPhoto__1Pvm img {
			display: block;
			width: 100%;
			height: 100%;

			-o-object-fit: contain;

			   object-fit: contain;
		}
	}

.MaterialStep__materialDetailTitle__1k5T {
	margin: 1.375rem 0 0;
	padding: 0;

	color: #da1616;

	font-size: 1rem;
	font-weight: 500;
	line-height: 1.375rem;
	text-align: center;
}

.MaterialStep__materialDetailDescription__BIOW {
	margin: 0;
	padding: 0;

	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.375rem;
	text-align: center;
}

.MaterialStep__materialDetailPriceComparison__3ixA {
	margin: 0.688rem 0 0;
	padding: 0;

	color: #da1616;

	font-size: 1rem;
	font-weight: 500;
	line-height: 1.375rem;
	text-align: center;
}
.GlassStep__root__3kAL {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;

	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
	transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}

	.GlassStep__root__3kAL.GlassStep__isOpen__flbq {
		visibility: visible;
		opacity: 1;
	}

	.GlassStep__root__3kAL:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;

		-webkit-backdrop-filter: blur(2px);

		        backdrop-filter: blur(2px);

		background-color: rgba(0, 0, 0, 0.3);
	}

	@media screen and (min-width: 1px) and (max-width: 640px) {.GlassStep__root__3kAL {
		position: fixed;
		z-index: 3
}

		.GlassStep__root__3kAL.GlassStep__isOpen__flbq {
			visibility: visible;
			z-index: 4;
		}
	}

.GlassStep__wrapper__2u3P {
	position: absolute;
	left: 2.063rem;
	right: 2.063rem;
	top: 0;
	bottom: 2.063rem;
	padding: 2.063rem;
	overflow-y: auto;
	max-height: calc(100vh - 4.813rem);

	background-color: #ffffff;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.GlassStep__wrapper__2u3P {
		position: fixed;
		left: 1.375rem;
		right: 1.375rem;
		top: 1.375rem;
		bottom: 1.375rem;
		padding: 1.375rem;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch
}
	}

.GlassStep__heading__30b- {
	margin-bottom: 2.75rem;

	color: #303030;

	font-size: 2.25rem;
	font-weight: 300;
	line-height: 2.75rem;
	text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.GlassStep__heading__30b- {
		margin-bottom: 1.375rem;
		padding: 0 2.75rem 0 0;
		font-size: 1.375rem;
		font-weight: 300;
		line-height: 2.063rem
}
	}

.GlassStep__closeButton__jVgh {
	position: absolute;
	right: 2.406rem;
	top: 2.406rem;

	line-height: 0;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.GlassStep__closeButton__jVgh {
		right: 1.031rem;
		top: 1.031rem
}
	}

.GlassStep__glass__2-FW {
}

.GlassStep__glassesList__kY64 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: -0.688rem -0.688rem 4.813rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.GlassStep__glassesList__kY64 li {
		padding: 0.688rem;
		width: 12.5%;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.GlassStep__glassesList__kY64 {
		display: block;
		margin-bottom: 0.688rem
}

		.GlassStep__glassesList__kY64 li {
			width: 100%;
		}
	}

.GlassStep__glassDetail__3bYM {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0.688rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	z-index: 1;
	cursor: pointer;
}

.GlassStep__glassDetail__3bYM.GlassStep__hasLeftRightVariants__uqDy {
		cursor: auto;
	}

.GlassStep__glassDetail__3bYM:before {
		content: '';
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		-webkit-transition: border-color 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			box-shadow 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		border: solid 0.0625rem #e2e2e2;
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}

.GlassStep__glassDetail__3bYM.GlassStep__isSelected__PNHN:before {
		border: solid 0.125rem #1071e0;
		-webkit-box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
		        box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
	}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {

.GlassStep__glassDetail__3bYM {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between
}
	}

.GlassStep__glassDetailHeading__3qMg {
	margin-bottom: 1.375rem;

	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.375rem;
	text-align: left;
}

.GlassStep__glassDetailPhoto__2dGT {
	margin: 0;
	padding: 0;
	max-height: 200px;

	text-align: center;
}

.GlassStep__glassDetailPhoto__2dGT img {
		display: inline-block;
		width: 75%;
		height: auto;
	}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {

.GlassStep__glassDetailPhoto__2dGT {
		height: 8.25rem
}

		.GlassStep__glassDetailPhoto__2dGT img {
			display: block;
			width: 100%;
			height: 100%;

			-o-object-fit: contain;

			   object-fit: contain;
		}
	}

.GlassStep__glassDetailPriceComparison__21xl {
	margin: 0.688rem 0 0;
	padding: 0;

	color: #da1616;

	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.375rem;
	text-align: center;
}
.ColorStep__root__3Ng2 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;

	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
	transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}

	.ColorStep__root__3Ng2.ColorStep__isOpen__6WhA {
		visibility: visible;
		opacity: 1;
	}

	.ColorStep__root__3Ng2:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;

		-webkit-backdrop-filter: blur(2px);

		        backdrop-filter: blur(2px);

		background-color: rgba(0, 0, 0, 0.3);
	}

	@media screen and (min-width: 1px) and (max-width: 640px) {.ColorStep__root__3Ng2 {
		position: fixed;
		z-index: 3
}

		.ColorStep__root__3Ng2.ColorStep__isOpen__6WhA {
			visibility: visible;
			z-index: 4;
		}
	}

.ColorStep__wrapper__1uEJ {
	position: absolute;
	left: 2.063rem;
	right: 2.063rem;
	top: 0;
	bottom: 2.063rem;
	padding: 2.063rem 4.125rem;
	overflow-y: auto;
	max-height: calc(100vh - 4.813rem);

	background-color: #ffffff;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.ColorStep__wrapper__1uEJ {
		position: fixed;
		left: 1.375rem;
		right: 1.375rem;
		top: 1.375rem;
		bottom: 1.375rem;
		padding: 1.375rem;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch
}
	}

.ColorStep__heading__2enF {
	margin-bottom: 2.75rem;

	color: #303030;

	font-size: 2.25rem;
	font-weight: 300;
	line-height: 2.75rem;
	text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.ColorStep__heading__2enF {
		margin-bottom: 1.375rem;
		padding: 0 2.75rem 0 0;
		font-size: 1.375rem;
		font-weight: 300;
		line-height: 2.063rem
}
	}

.ColorStep__closeButton__D2XK {
	position: absolute;
	right: 2.406rem;
	top: 2.406rem;

	line-height: 0;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.ColorStep__closeButton__D2XK {
		right: 1.031rem;
		top: 1.031rem
}
	}

.ColorStep__panels__1Nd6 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -1.375rem;
}

.ColorStep__panels__1Nd6 > div {
		margin: 0 1.375rem;
	}

.ColorStep__colorsList__3fFY {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: -0.344rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.ColorStep__colorsList__3fFY li {
		padding: 0.344rem;
	}

.ColorStep__colorCategory__2k70 {
	margin-bottom: 0.344rem;
}

.ColorStep__colorCategory__2k70.ColorStep__isLast__1ucn {
		margin-bottom: 5.156rem;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {
		.ColorStep__colorCategory__2k70.ColorStep__isLast__1ucn {
			margin-bottom: 1.031rem;
		}
	}

.ColorStep__categoryHeading__2nh2 {
	margin-bottom: 1.375rem;

	color: #303030;

	font-size: 1rem;
	font-weight: 700;
	line-height: 1.375rem;
	text-transform: uppercase;
	text-align: left;
}

.ColorStep__colorCategoryHeading__2Zed {
	margin-bottom: 0.688rem;

	color: #303030;

	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.375rem;
	text-transform: uppercase;
	text-align: left;
}

.ColorStep__colorDetail__nC9- {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0.344rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	/* z-index: 1; */
	cursor: pointer;
}

.ColorStep__colorDetail__nC9-:hover .ColorStep__colorDetailOverlay__15lW {
			visibility: visible;
			opacity: 1;
			-webkit-transform: translateY(0);
			        transform: translateY(0);
		}

.ColorStep__colorDetail__nC9-.ColorStep__hasLeftRightVariants__hdns {
		cursor: auto;
	}

.ColorStep__colorDetail__nC9-:before {
		content: '';
		position: absolute;
		/* z-index: -1; */
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		-webkit-transition: border-color 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in, box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in, box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;

		border: solid 0.0625rem #e2e2e2;
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}

.ColorStep__colorDetail__nC9-.ColorStep__isSelected__2zKp:before {
		border: solid 0.125rem #1071e0;
		-webkit-box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
		        box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
	}

.ColorStep__colorDetailPreview__1h97 {
	width: 2.75rem;
	height: 2.75rem;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.ColorStep__colorDetailPreview__1h97 img {
		display: inline-block;
		width: 100%;
		height: auto;
	}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
		.ColorStep__colorDetailPreview__1h97 img {
			display: block;
			width: 100%;
			height: 100%;

			-o-object-fit: cover;

			   object-fit: cover;
		}
	}

.ColorStep__colorDetailOverlay__15lW {
	position: absolute;
	bottom: calc(100% + 0.688rem);
	left: 50%;
	width: 11rem;
	margin-left: -5.5rem;
	padding: 0.344rem;
	z-index: 1;

	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(0.688rem);
	        transform: translateY(0.688rem);
	-webkit-transition: opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-transform 0.1s ease-in;
	transition: opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-transform 0.1s ease-in;
	transition: transform 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in;
	transition: transform 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-transform 0.1s ease-in;

	color: #ffffff;
	background-color: #303030;
}

.ColorStep__colorDetailOverlay__15lW:after {
		content: '';
		position: absolute;
		left: 50%;
		top: 100%;
		width: 0;
		height: 0;
		margin-left: -0.4375rem;

		border-style: solid;
		border-width: 7px 7px 0 7px;
		border-color: #303030 transparent transparent transparent;
	}

.ColorStep__colorDetailOverlayHeading__FrH4 {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.375rem;
	text-align: center;
}

.ColorStep__colorDetailOverlayPhoto__llfu {
	margin: 0.344rem 0 0;
	padding: 0;

	text-align: center;
}

.ColorStep__colorDetailOverlayPhoto__llfu img {
		display: inline-block;
		width: 75%;
		height: auto;
	}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {

.ColorStep__colorDetailOverlayPhoto__llfu {
		height: 8.25rem;
		padding: 0.344rem
}

		.ColorStep__colorDetailOverlayPhoto__llfu img {
			display: block;
			width: 100%;
			height: 100%;

			-o-object-fit: cover;

			   object-fit: cover;
		}
	}

.ColorStep__colorDetailOverlayPriceComparison__2eyR {
	margin: 0;
	padding: 0;

	font-size: 0.625rem;
	font-weight: 400;
	line-height: 1.375rem;
	text-align: center;
}



.ColorStep__colorVariants__EKpM {
	margin-top: auto;
}

.ColorStep__colorVariantsHeading__1krH {
	font-size: 0.625rem;
	font-weight: 500;
	line-height: 1.375rem;
	text-transform: uppercase;
}

.ColorStep__colorVariantsList__PJn- {
	margin-bottom: 1.375rem;
}

.ColorStep__colorVariantsWarning__qIlV {
	margin: 1.375rem 0;
}

.ColorStep__colorVariant__3Jv- {
	display: block;
	cursor: pointer;

	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.375rem;
}

.ColorStep__colorVariant__3Jv- + .ColorStep__colorVariant__3Jv- {
		margin-top: 0.688rem;
	}

.ColorStep__colorVariantBox__xVcx {
	display: inline-block;
	width: 1.375rem;
	height: 1.375rem;
	margin-right: 0.344rem;

	border: 0.0625rem solid #303030;

	text-align: center;
}

.ColorStep__colorVariantBox__xVcx > * {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.1s ease-in, visibility 0.1s ease-in;
		transition: opacity 0.1s ease-in, visibility 0.1s ease-in;
	}

.ColorStep__colorVariantBox__xVcx.ColorStep__isSelected__2zKp > * {
		opacity: 1;
		visibility: visible;
	}
.AccessoriesStep__root__10rR {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;

	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
	transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}

	.AccessoriesStep__root__10rR.AccessoriesStep__isOpen__ahOk {
		visibility: visible;
		opacity: 1;
	}

	.AccessoriesStep__root__10rR:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;

		-webkit-backdrop-filter: blur(2px);

		        backdrop-filter: blur(2px);

		background-color: rgba(0, 0, 0, 0.3);
	}

	@media screen and (min-width: 1px) and (max-width: 640px) {.AccessoriesStep__root__10rR {
		position: fixed;
		z-index: 3
}

		.AccessoriesStep__root__10rR.AccessoriesStep__isOpen__ahOk {
			visibility: visible;
			z-index: 4;
		}
	}

.AccessoriesStep__wrapper__2nPd {
	position: absolute;
	left: 2.063rem;
	right: 2.063rem;
	top: 0;
	bottom: 2.063rem;
	padding: 2.063rem;
	overflow-y: auto;
	max-height: calc(100vh - 4.813rem);

	background-color: #ffffff;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__wrapper__2nPd {
		position: fixed;
		left: 1.375rem;
		right: 1.375rem;
		top: 1.375rem;
		bottom: 1.375rem;
		padding: 1.375rem;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch
}
	}

.AccessoriesStep__heading__s3Mo {
	margin-bottom: 2.75rem;

	color: #303030;

	font-size: 2.25rem;
	font-weight: 300;
	line-height: 2.75rem;
	text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__heading__s3Mo {
		margin-bottom: 1.375rem;
		padding: 0 2.75rem 0 0;
		font-size: 1.375rem;
		font-weight: 300;
		line-height: 2.063rem
}
	}

.AccessoriesStep__closeButton__1fP1 {
	position: absolute;
	right: 2.406rem;
	top: 2.406rem;

	line-height: 0;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__closeButton__1fP1 {
		right: 1.031rem;
		top: 1.031rem
}
	}

.AccessoriesStep__warning__2I5U {
	margin: 1.375rem 3.438rem;
}

.AccessoriesStep__warning__2I5U + .AccessoriesStep__warning__2I5U {
		margin-top: -1.375rem;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__warning__2I5U {
		margin: 1.375rem 0
}
	}

.AccessoriesStep__panelSelection__1iwu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: -0.688rem -1.375rem 4.813rem;
}

.AccessoriesStep__panelSelection__1iwu > div {
		width: 33.33333333%;
		padding: 1.375rem;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__panelSelection__1iwu {
		display: block;
		margin: 1.375rem 0 -1.375rem
}

		.AccessoriesStep__panelSelection__1iwu > div {
			width: 100%;
			padding: 0;
			margin: 1.375rem 0;
		}
	}

.AccessoriesStep__categoryHeading__1SDq {
	margin-bottom: 1.375rem;

	color: #303030;

	font-size: 1rem;
	font-weight: 700;
	line-height: 1.375rem;
	text-transform: uppercase;
	text-align: left;
}

.AccessoriesStep__subpanels__2k4d {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: -1.375rem;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__subpanels__2k4d {
		display: block;
		margin: 1.375rem 0
}
	}

.AccessoriesStep__subpanel__3vIK {
	margin: 1.375rem;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__subpanel__3vIK {
		display: block;
		margin: 1.375rem 0
}
	}

.AccessoriesStep__subpanelHeading__3NyR {
	margin-bottom: 0.688rem;

	color: #303030;

	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.375rem;
	text-transform: uppercase;
	text-align: left;
}

.AccessoriesStep__subpanelInput__tFTV {
	margin-top: 1.375rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.AccessoriesStep__subpanelInput__tFTV label {
		margin-right: 1.375rem;

		font-size: 1.25rem;
		font-weight: 300;
		line-height: 1.375rem;
	}

.AccessoriesStep__subpanelInput__tFTV input,
	.AccessoriesStep__subpanelInput__tFTV select {
		width: 8.25rem;
	}

.AccessoriesStep__subpanelText__2r8c {
	margin-top: 1.375rem;
	max-width: 16.5rem;
}

.AccessoriesStep__subpanelText__2r8c ul li {
			display: inline;
		}

.AccessoriesStep__subpanelText__2r8c ul li:last-child:after {
				content: none;
			}

.AccessoriesStep__subpanelText__2r8c ul li:after {
				content: ', ';
			}

.AccessoriesStep__selectedAccessory__16Jl {
	position: relative;
	min-height: calc(5.5rem + 2px);
	padding: 0.688rem 0.688rem 0.688rem 5.844rem;
	margin-top: 1.375rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;

	border: solid 0.0625rem #e2e2e2;
}

.AccessoriesStep__selectedAccessoryHeading__1lHM {
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.375rem;
}

.AccessoriesStep__selectedAccessoryDescription__7dd- {
	margin-bottom: auto;

	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.375rem;
}

.AccessoriesStep__selectedAccessoryPrice__HFIq {
	margin: auto 0 0;
	padding: 0;

	color: #da1616;

	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.375rem;
}

.AccessoriesStep__selectedAccessoryPhoto__6FDU {
	position: absolute;
	left: 0.344rem;
	top: 0.344rem;
	width: 4.813rem;
	height: 4.813rem;
	margin: 0;
	overflow: hidden;
}

.AccessoriesStep__selectedAccessoryPhoto__6FDU img {
		display: inline-block;
		width: 100%;
		height: auto;
	}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
		.AccessoriesStep__selectedAccessoryPhoto__6FDU img {
			display: block;
			width: 100%;
			height: 100%;

			-o-object-fit: cover;

			   object-fit: cover;
		}
	}

.AccessoriesStep__sunblindColorsList__3ZUs,
.AccessoriesStep__innerWindowsillColorsList__2Lj7,
.AccessoriesStep__outerWindowsillColorsList__3fKl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: -0.344rem -0.344rem 5.156rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	position: relative;
	z-index: 2;
}

.AccessoriesStep__sunblindColorsList__3ZUs li, .AccessoriesStep__innerWindowsillColorsList__2Lj7 li, .AccessoriesStep__outerWindowsillColorsList__3fKl li {
		padding: 0.344rem;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__sunblindColorsList__3ZUs,
.AccessoriesStep__innerWindowsillColorsList__2Lj7,
.AccessoriesStep__outerWindowsillColorsList__3fKl {
		margin-bottom: 1.031rem;
		display: block
}
	}

.AccessoriesStep__sunblindColorDetail__1bES,
.AccessoriesStep__innerWindowsillColorDetail__2UyX,
.AccessoriesStep__outerWindowsillColorDetail__3X7P {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0.344rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	z-index: 1;
	cursor: pointer;
}

.AccessoriesStep__sunblindColorDetail__1bES:hover .AccessoriesStep__sunblindColorDetailOverlay__2s0-,
		.AccessoriesStep__sunblindColorDetail__1bES:hover .AccessoriesStep__innerWindowsillColorDetailOverlay__q_LD,
		.AccessoriesStep__sunblindColorDetail__1bES:hover .AccessoriesStep__outerWindowsillColorDetailOverlay__2uWm,
		.AccessoriesStep__innerWindowsillColorDetail__2UyX:hover .AccessoriesStep__sunblindColorDetailOverlay__2s0-,
		.AccessoriesStep__innerWindowsillColorDetail__2UyX:hover .AccessoriesStep__innerWindowsillColorDetailOverlay__q_LD,
		.AccessoriesStep__innerWindowsillColorDetail__2UyX:hover .AccessoriesStep__outerWindowsillColorDetailOverlay__2uWm,
		.AccessoriesStep__outerWindowsillColorDetail__3X7P:hover .AccessoriesStep__sunblindColorDetailOverlay__2s0-,
		.AccessoriesStep__outerWindowsillColorDetail__3X7P:hover .AccessoriesStep__innerWindowsillColorDetailOverlay__q_LD,
		.AccessoriesStep__outerWindowsillColorDetail__3X7P:hover .AccessoriesStep__outerWindowsillColorDetailOverlay__2uWm {
			visibility: visible;
			opacity: 1;
			-webkit-transform: translateY(0);
			        transform: translateY(0);
		}

.AccessoriesStep__sunblindColorDetail__1bES.AccessoriesStep__hasLeftRightVariants__2xn2, .AccessoriesStep__innerWindowsillColorDetail__2UyX.AccessoriesStep__hasLeftRightVariants__2xn2, .AccessoriesStep__outerWindowsillColorDetail__3X7P.AccessoriesStep__hasLeftRightVariants__2xn2 {
		cursor: auto;
	}

.AccessoriesStep__sunblindColorDetail__1bES:before, .AccessoriesStep__innerWindowsillColorDetail__2UyX:before, .AccessoriesStep__outerWindowsillColorDetail__3X7P:before {
		content: '';
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		-webkit-transition: border-color 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			box-shadow 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		border: solid 0.0625rem #e2e2e2;
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}

.AccessoriesStep__sunblindColorDetail__1bES.AccessoriesStep__isSelected__3inJ:before, .AccessoriesStep__innerWindowsillColorDetail__2UyX.AccessoriesStep__isSelected__3inJ:before, .AccessoriesStep__outerWindowsillColorDetail__3X7P.AccessoriesStep__isSelected__3inJ:before {
		border: solid 0.125rem #1071e0;
		-webkit-box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
		        box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__sunblindColorDetail__1bES,
.AccessoriesStep__innerWindowsillColorDetail__2UyX,
.AccessoriesStep__outerWindowsillColorDetail__3X7P {
		width: 3.438rem;
		height: 3.438rem
}
	}

.AccessoriesStep__sunblindColorDetailPreview__1jEu,
.AccessoriesStep__innerWindowsillColorDetailPreview__1x8-,
.AccessoriesStep__outerWindowsillColorDetailPreview__1o9E {
	width: 2.75rem;
	height: 2.75rem;

	overflow: hidden;
	margin: 0;
	padding: 0;
}

.AccessoriesStep__sunblindColorDetailPreview__1jEu img, .AccessoriesStep__innerWindowsillColorDetailPreview__1x8- img, .AccessoriesStep__outerWindowsillColorDetailPreview__1o9E img {
		display: inline-block;
		width: 100%;
		height: auto;
	}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
		.AccessoriesStep__sunblindColorDetailPreview__1jEu img, .AccessoriesStep__innerWindowsillColorDetailPreview__1x8- img, .AccessoriesStep__outerWindowsillColorDetailPreview__1o9E img {
			display: block;
			width: 100%;
			height: 100%;

			-o-object-fit: cover;

			   object-fit: cover;
		}
	}

@media screen and (min-width: 1px) and (max-width: 640px) {
	}

.AccessoriesStep__sunblindColorDetailOverlay__2s0-,
.AccessoriesStep__innerWindowsillColorDetailOverlay__q_LD,
.AccessoriesStep__outerWindowsillColorDetailOverlay__2uWm {
	position: absolute;
	top: calc(100% + 0.688rem);
	left: 50%;
	width: 11rem;
	margin-left: -5.5rem;
	padding: 0.344rem;
	z-index: 3;

	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(0.688rem);
	        transform: translateY(0.688rem);
	-webkit-transition: opacity 0.1s ease-in,
		visibility 0.1s ease-in, -webkit-transform 0.1s ease-in;
	transition: opacity 0.1s ease-in,
		visibility 0.1s ease-in, -webkit-transform 0.1s ease-in;
	transition: transform 0.1s ease-in, opacity 0.1s ease-in,
		visibility 0.1s ease-in;
	transition: transform 0.1s ease-in, opacity 0.1s ease-in,
		visibility 0.1s ease-in, -webkit-transform 0.1s ease-in;

	color: #ffffff;
	background-color: #303030;
}

li:first-child .AccessoriesStep__sunblindColorDetailOverlay__2s0-, li:first-child .AccessoriesStep__innerWindowsillColorDetailOverlay__q_LD, li:first-child .AccessoriesStep__outerWindowsillColorDetailOverlay__2uWm {
		left: calc(50% + 2.75rem);
	}

li:first-child .AccessoriesStep__sunblindColorDetailOverlay__2s0-:after, li:first-child .AccessoriesStep__innerWindowsillColorDetailOverlay__q_LD:after, li:first-child .AccessoriesStep__outerWindowsillColorDetailOverlay__2uWm:after {
			left: calc(50% - 2.75rem);
		}

.AccessoriesStep__sunblindColorDetailOverlay__2s0-:after, .AccessoriesStep__innerWindowsillColorDetailOverlay__q_LD:after, .AccessoriesStep__outerWindowsillColorDetailOverlay__2uWm:after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 100%;
		width: 0;
		height: 0;
		margin-left: -0.4375rem;

		border-style: solid;
		border-width: 0 7px 7px 7px;
		border-color: transparent transparent #303030 transparent;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__sunblindColorDetailOverlay__2s0-,
.AccessoriesStep__innerWindowsillColorDetailOverlay__q_LD,
.AccessoriesStep__outerWindowsillColorDetailOverlay__2uWm {
		top: 0.688rem;
		left: 4.125rem;
		margin: 0;
		right: 0;

		color: inherit;
		background-color: transparent
}

		.AccessoriesStep__sunblindColorDetailOverlay__2s0-:after, .AccessoriesStep__innerWindowsillColorDetailOverlay__q_LD:after, .AccessoriesStep__outerWindowsillColorDetailOverlay__2uWm:after {
			content: none;
		}
	}

.AccessoriesStep__sunblindColorDetailOverlayHeading__1WAv,
.AccessoriesStep__innerWindowsillColorDetailOverlayHeading__1spX,
.AccessoriesStep__outerWindowsillColorDetailOverlayHeading__2Onb {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.375rem;
	text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__sunblindColorDetailOverlayHeading__1WAv,
.AccessoriesStep__innerWindowsillColorDetailOverlayHeading__1spX,
.AccessoriesStep__outerWindowsillColorDetailOverlayHeading__2Onb {
		text-align: left
}
	}

.AccessoriesStep__sunblindColorDetailOverlayPhoto__dB4F,
.AccessoriesStep__innerWindowsillColorDetailOverlayPhoto__2vuq,
.AccessoriesStep__outerWindowsillColorDetailOverlayPhoto__3726 {
	margin: 0.344rem 0 0;
	padding: 0;

	text-align: center;
}

.AccessoriesStep__sunblindColorDetailOverlayPhoto__dB4F img, .AccessoriesStep__innerWindowsillColorDetailOverlayPhoto__2vuq img, .AccessoriesStep__outerWindowsillColorDetailOverlayPhoto__3726 img {
		display: inline-block;
		width: 75%;
		height: auto;
	}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {

.AccessoriesStep__sunblindColorDetailOverlayPhoto__dB4F,
.AccessoriesStep__innerWindowsillColorDetailOverlayPhoto__2vuq,
.AccessoriesStep__outerWindowsillColorDetailOverlayPhoto__3726 {
		height: 9.625rem;
		padding: 0.344rem
}

		.AccessoriesStep__sunblindColorDetailOverlayPhoto__dB4F img, .AccessoriesStep__innerWindowsillColorDetailOverlayPhoto__2vuq img, .AccessoriesStep__outerWindowsillColorDetailOverlayPhoto__3726 img {
			display: block;
			width: 100%;
			height: 100%;

			-o-object-fit: cover;

			   object-fit: cover;
		}
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__sunblindColorDetailOverlayPhoto__dB4F,
.AccessoriesStep__innerWindowsillColorDetailOverlayPhoto__2vuq,
.AccessoriesStep__outerWindowsillColorDetailOverlayPhoto__3726 {
		display: none
}
	}

.AccessoriesStep__accessoriesListWrapper__1LD3 {
	position: relative;
}

.AccessoriesStep__accessoriesListScrollLeft__2qch {
	position: absolute;
	left: -3.438rem;
	top: 50%;
	margin-top: -1.031rem;
	z-index: 2;

	line-height: 0;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__accessoriesListScrollLeft__2qch {
		display: none
}
	}

.AccessoriesStep__accessoriesListScrollRight__1_q9 {
	position: absolute;
	right: -3.438rem;
	top: 50%;
	margin-top: -1.031rem;
	z-index: 2;

	line-height: 0;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__accessoriesListScrollRight__1_q9 {
		display: none
}
	}

.AccessoriesStep__accessoriesList__24dW {
	margin: -0.688rem;
	height: 22rem;
	overflow-x: auto;

	white-space: nowrap;
	font-size: 0;
}

.AccessoriesStep__accessoriesList__24dW li {
		display: inline-block;
		padding: 0.688rem;
		width: calc(16.66666667% - 0.45833333rem);
		height: 100%;

		font-size: 1rem;
		line-height: 1.375rem;
		white-space: normal;
	}

.AccessoriesStep__accessoriesList__24dW:after {
		content: '';
		display: block;
		clear: both;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__accessoriesList__24dW {
		height: auto
}

		.AccessoriesStep__accessoriesList__24dW li {
			display: block;
			width: 100%;
		}
	}

.AccessoriesStep__accessoryCategory__3iLf {
	margin-bottom: 1.719rem;
	padding: 0 3.438rem;
}

.AccessoriesStep__accessoryCategory__3iLf.AccessoriesStep__isLast__QCiN {
		margin-bottom: 5.156rem;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.AccessoriesStep__accessoryCategory__3iLf {
		margin-bottom: 1.719rem;
		padding: 0
}

		.AccessoriesStep__accessoryCategory__3iLf.AccessoriesStep__isLast__QCiN {
			margin-bottom: 1.031rem;
		}
	}

.AccessoriesStep__accessoryDetail__LX_E {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.375rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	z-index: 1;
	cursor: pointer;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.AccessoriesStep__accessoryDetail__LX_E:before {
		content: '';
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		-webkit-transition: border-color 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			box-shadow 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		border: solid 0.0625rem #e2e2e2;
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}

.AccessoriesStep__accessoryDetail__LX_E.AccessoriesStep__isSelected__3inJ:before {
		border: solid 0.125rem #1071e0;
		-webkit-box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
		        box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
	}

.AccessoriesStep__accessoryDetailHeading___2ek {
	margin-bottom: 1.375rem;

	font-size: 1rem;
	font-weight: 500;
	line-height: 1.375rem;
	text-align: center;
}

.AccessoriesStep__accessoryDetailPhoto__1DRl {
	margin: 0;
	padding: 0;
	max-height: 200px;

	text-align: center;
}

.AccessoriesStep__accessoryDetailPhoto__1DRl img {
		display: inline-block;
		width: 50%;
		height: auto;
	}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {

.AccessoriesStep__accessoryDetailPhoto__1DRl {
		height: 8.25rem
}

		.AccessoriesStep__accessoryDetailPhoto__1DRl img {
			display: block;
			width: 100%;
			height: 100%;

			-o-object-fit: contain;

			   object-fit: contain;
		}
	}

.AccessoriesStep__accessoryDetailPrice__4QWq {
	margin: auto 0 0;
	padding: 0;

	color: #da1616;

	font-size: 1rem;
	font-weight: 500;
	line-height: 1.375rem;
	text-align: center;
}
.Select__root__broZ {
	position: relative;
	display: block;
	width: 100%;
}

.Select__default__1P7Q {
	display: block;

	width: 100%;
	height: 3.438rem;
	margin: 0;
	padding: calc(0.688rem - 0.25rem) 1.375rem;

	cursor: pointer;

	-webkit-transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-box-shadow 0.1s ease-in, -webkit-transform 0.1s ease-in;

	transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-box-shadow 0.1s ease-in, -webkit-transform 0.1s ease-in;

	transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, box-shadow 0.1s ease-in, transform 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in;

	transition: color 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in, box-shadow 0.1s ease-in, transform 0.1s ease-in, opacity 0.1s ease-in, visibility 0.1s ease-in, -webkit-box-shadow 0.1s ease-in, -webkit-transform 0.1s ease-in;
	will-change: color, background-color, border-color, box-shadow, transform, opacity, visibility;

	color: #303030;
	border-radius: 1.719rem;
	border: 0.25rem solid #1071e0;
	outline: 0 none;

	font-size: 1.25rem;
	line-height: 2.063rem;
	font-weight: bold;
}

.Select__default__1P7Q::-webkit-input-placeholder {
		opacity: 0.35;
	}

.Select__default__1P7Q::-moz-placeholder {
		opacity: 0.35;
	}

.Select__default__1P7Q:-ms-input-placeholder {
		opacity: 0.35;
	}

.Select__default__1P7Q::-ms-input-placeholder {
		opacity: 0.35;
	}

.Select__default__1P7Q::placeholder {
		opacity: 0.35;
	}

.Select__default__1P7Q.Select__hasUnit__6irz {
		padding-right: 3.438rem;
	}

.Select__unit__39ob {
	position: absolute;
	top: 0.688rem;
	right: 1.375rem;

	pointer-events: none;

	color: #5e6361;

	font-size: 1rem;
	line-height: 2.063rem;
}
.OrderStep__root__17JX {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;

	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
	transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}

	.OrderStep__root__17JX.OrderStep__isOpen__1Ikq {
		visibility: visible;
		opacity: 1;
	}

	.OrderStep__root__17JX:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;

		-webkit-backdrop-filter: blur(2px);

		        backdrop-filter: blur(2px);

		background-color: rgba(0, 0, 0, 0.3);
	}

	@media screen and (min-width: 1px) and (max-width: 640px) {.OrderStep__root__17JX {
		position: fixed;
		z-index: 3
}

		.OrderStep__root__17JX.OrderStep__isOpen__1Ikq {
			visibility: visible;
			z-index: 4;
		}
	}

.OrderStep__wrapper__2Ze8 {
	position: absolute;
	left: 2.063rem;
	right: 2.063rem;
	top: 0;
	bottom: 2.063rem;
	padding: 2.063rem;
	overflow-y: auto;
	max-height: calc(100vh - 4.813rem);

	background-color: #ffffff;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__wrapper__2Ze8 {
		position: fixed;
		left: 1.375rem;
		right: 1.375rem;
		top: 1.375rem;
		bottom: 1.375rem;
		padding: 1.375rem;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch
}
	}

@media print {

.OrderStep__wrapper__2Ze8 {
		left: 0;
		right: 0;
		bottom: 0;
		max-height: 100vh
}
	}

.OrderStep__heading__1gx- {
	margin-bottom: 2.75rem;

	color: #303030;

	font-size: 2.25rem;
	font-weight: 300;
	line-height: 2.75rem;
	text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__heading__1gx- {
		margin-bottom: 1.375rem;
		padding: 0 2.75rem 0 0;
		font-size: 1.375rem;
		font-weight: 300;
		line-height: 2.063rem
}
	}

@media print {

.OrderStep__heading__1gx- {
		display: none
}
	}

.OrderStep__closeButton__1OKD {
	position: absolute;
	right: 2.406rem;
	top: 2.406rem;

	line-height: 0;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__closeButton__1OKD {
		right: 1.031rem;
		top: 1.031rem
}
	}

@media print {

.OrderStep__closeButton__1OKD {
		display: none
}
	}

.OrderStep__orderItemsList__2ejV {
	margin-bottom: 0rem;
}

.OrderStep__orderItemDetail__30Wv {
	position: relative;
	margin: 1.375rem 0;
	padding: 0 0 1.375rem;

	border-bottom: solid 0.125rem #f0f3f2;
}

.OrderStep__orderItemDetailHeading__1tvR {
	margin: 2.063rem 0;
	padding: 0 0 0.688rem;

	color: #303030;
	border-bottom: solid 0.125rem #f0f3f2;

	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.375rem;
	text-align: left;
	text-transform: uppercase;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__orderItemDetailHeading__1tvR {
		margin: 1.375rem 0;

		font-size: 1rem
}
	}

.OrderStep__orderItemDetailProperties__2i6w {
	width: calc(50% - 2.75rem);
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__orderItemDetailProperties__2i6w {
		width: auto
}
	}

.OrderStep__orderItemDetailProperty__3Cw2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.OrderStep__orderItemDetailProperty__3Cw2 + .OrderStep__orderItemDetailProperty__3Cw2 {
		margin-top: 0.688rem;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__orderItemDetailProperty__3Cw2 {
		display: block
}
	}

@media print {

.OrderStep__orderItemDetailProperty__3Cw2.OrderStep__isHiddenPrinted__1eS7 {
			display: none
	}
		}

@media print {

.OrderStep__orderItemDetailProperty__3Cw2.OrderStep__isHighlightedPrinted__3-Ny {
			padding: 0.344rem;
			margin: 0 -0.344rem;

			background-color: rgba(255, 128, 128, 1)
	}
		}

@media print {

.OrderStep__orderItemDetailProperty__3Cw2.OrderStep__isHighlightedPrinted__3-Ny + .OrderStep__orderItemDetailProperty__3Cw2.OrderStep__isHighlightedPrinted__3-Ny {
			margin-top: -0.344rem
	}
		}

.OrderStep__orderItemDetailPropertyLabel__3rTf,
.OrderStep__orderItemDetailPropertyHighlightedLabel__2fDw,
.OrderStep__orderItemDetailPropertyPriceLabel__3MDV {
	position: relative;
	top: 0.0625rem;
	width: 33.33333333%;

	color: #303030;

	font-size: 0.625rem;
	font-weight: 700;
	line-height: 1.375rem;
	text-align: left;
	text-transform: uppercase;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__orderItemDetailPropertyLabel__3rTf,
.OrderStep__orderItemDetailPropertyHighlightedLabel__2fDw,
.OrderStep__orderItemDetailPropertyPriceLabel__3MDV {
		display: block;
		width: auto
}
	}

.OrderStep__orderItemDetailPropertyHighlightedLabel__2fDw {
	position: relative;
	top: 0.1875rem;

	line-height: 2.063rem;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__orderItemDetailPropertyHighlightedLabel__2fDw {
		line-height: 1.375rem
}
	}

.OrderStep__orderItemDetailPropertyPriceLabel__3MDV {
	position: relative;
	top: 0.25rem;

	line-height: 2.75rem;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__orderItemDetailPropertyPriceLabel__3MDV {
		line-height: 1.375rem
}
	}

.OrderStep__orderItemDetailPropertyValue__30Fg,
.OrderStep__orderItemDetailPropertyHighlightedValue__22Vw,
.OrderStep__orderItemDetailPropertyPriceValue__2TMZ {
	width: 66.66666667%;

	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.375rem;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__orderItemDetailPropertyValue__30Fg,
.OrderStep__orderItemDetailPropertyHighlightedValue__22Vw,
.OrderStep__orderItemDetailPropertyPriceValue__2TMZ {
		display: block;
		width: auto
}
	}

.OrderStep__orderItemDetailPropertyHighlightedValue__22Vw {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 2.063rem;
}

.OrderStep__orderItemDetailPropertyPriceValue__2TMZ {
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 2.75rem;
}

.OrderStep__orderItemDetailPropertySubvalue__3xK3 {
	display: block;
}

.OrderStep__orderItemDetailPropertySubvalue__3xK3 + .OrderStep__orderItemDetailPropertySubvalue__3xK3 {
		margin-top: 0.688rem;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {
		.OrderStep__orderItemDetailPropertySubvalue__3xK3 + .OrderStep__orderItemDetailPropertySubvalue__3xK3 {
			margin-top: 0;
		}
	}

.OrderStep__orderItemDetailVisualization__Tk0z {
	position: absolute;
	right: 0;
	width: 50%;
	bottom: 1.375rem;
	top: 3.438rem;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__orderItemDetailVisualization__Tk0z {
		display: none
}
	}

.OrderStep__orderItemLink__UG8w {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.OrderStep__orderItemLink__UG8w.OrderStep__isSelected__1OoL {
		font-weight: 500;
	}

.OrderStep__orderItemLink__UG8w.OrderStep__isSelected__1OoL .OrderStep__orderItemLinkIcon__1HB1 {
			visibility: visible;
		}

@media print {

.OrderStep__orderItemLink__UG8w.OrderStep__isSelected__1OoL .OrderStep__orderItemLinkIcon__1HB1 {
				display: none
		}
			}

.OrderStep__orderItemLink__UG8w a {
		color: #1171e0;
		background-image: none;

		text-shadow: none;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__orderItemLink__UG8w {
		display: block
}
	}

.OrderStep__orderItemLinkIcon__1HB1 {
	visibility: hidden;
}

.OrderStep__orderItemName__1asO {
	margin: 0 1.375rem 0 0.344rem;

	opacity: 1;
}

.OrderStep__isSelected__1OoL .OrderStep__orderItemName__1asO {
		opacity: 1;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__orderItemName__1asO {
		display: block;
		margin: 0 0 0.688rem
}
	}

.OrderStep__orderItemLinks__5g8V {
	margin-left: auto;
}

.OrderStep__orderItemLinks__5g8V a {
		margin-left: 1.375rem;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__orderItemLinks__5g8V {
		display: block
}

		.OrderStep__orderItemLinks__5g8V a {
			display: block;
			margin: 0;
		}
	}

@media print {

.OrderStep__orderItemLinks__5g8V {
		display: none
}
	}

.OrderStep__windowTypesList__389U {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -0.688rem 5.5rem;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.OrderStep__windowTypesList__389U li {
		padding: 0 0.688rem;
		width: 20%;
	}

.OrderStep__windowDetail__1duo {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.375rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	z-index: 1;
	cursor: pointer;
}

.OrderStep__windowDetail__1duo.OrderStep__hasLeftRightVariants__1X8_ {
		cursor: auto;
	}

.OrderStep__windowDetail__1duo:before {
		content: '';
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		-webkit-transition: border-color 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			box-shadow 0.2s ease-in;

		transition: border-color 0.2s ease-in,
			box-shadow 0.2s ease-in,
			-webkit-box-shadow 0.2s ease-in;

		border: solid 0.0625rem #e2e2e2;
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}

.OrderStep__windowDetail__1duo.OrderStep__isRecommended__11IC:before {
		border: solid 0.125rem #da1616;
	}

.OrderStep__windowDetail__1duo.OrderStep__isSelected__1OoL:before {
		border: solid 0.125rem #1071e0;
		-webkit-box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
		        box-shadow: 0 0 0.688rem 0 rgba(0, 0, 0, 0.5);
	}

.OrderStep__windowDetailHeading__3Re1 {
	margin: 0.688rem 0;

	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.375rem;
	text-align: left;
	text-transform: uppercase;
}

.OrderStep__windowDetailPhoto__1Ql_ {
	margin: 0.688rem;
	height: 5.5rem;
	-webkit-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
}

.OrderStep__windowDetailPhoto__1Ql_ img {
		width: auto;
		height: 100%;
	}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
		.OrderStep__windowDetailPhoto__1Ql_ img {
			display: block;
			width: 100%;
			height: 100%;

			-o-object-fit: contain;

			   object-fit: contain;
		}
	}

.OrderStep__windowDetailVariants__7x59 {
	margin-top: auto;
}

.OrderStep__windowDetailVariantsHeading__2Nve {
	font-size: 0.625rem;
	font-weight: 500;
	line-height: 1.375rem;
	text-transform: uppercase;
}

.OrderStep__windowDetailVariantsList__4nhB {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.OrderStep__windowDetailVariant__19i5 {
	width: 50%;
	cursor: pointer;

	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.375rem;
}

.OrderStep__windowDetailVariantBox__FKo_ {
	display: inline-block;
	width: 1.375rem;
	height: 1.375rem;
	margin-right: 0.344rem;

	border: 0.0625rem solid #303030;

	text-align: center;
}

.OrderStep__windowDetailVariantBox__FKo_ > * {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.1s ease-in,
			visibility 0.1s ease-in;
		transition: opacity 0.1s ease-in,
			visibility 0.1s ease-in;
	}

.OrderStep__windowDetailVariantBox__FKo_.OrderStep__isSelected__1OoL > * {
		opacity: 1;
		visibility: visible;
	}

.OrderStep__windowDetailVariants__7x59 + .OrderStep__windowDetailPrice__39Vr {
	margin-top: 0.688rem;
}

.OrderStep__windowDetailPrice__39Vr {
	margin-top: auto;

	color: #da1616;

	font-size: 1rem;
	font-weight: 500;
	line-height: 1.375rem;
}

.OrderStep__input__1epI {
	margin: 2.75rem 25% 5.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.OrderStep__input__1epI label {
		margin-right: 1.375rem;

		font-size: 1.25rem;
		font-weight: 300;
		line-height: 1.375rem;
	}

.OrderStep__input__1epI input {
		width: 13.75rem;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.OrderStep__input__1epI {
		display: block;
		margin: 1.375rem 0
}

		.OrderStep__input__1epI label {
			display: block;
			margin: 0 0 0.688rem;

			font-size: 1rem;
		}

		.OrderStep__input__1epI input {
			width: 100%;
		}
	}

@media print {

.OrderStep__input__1epI + div {
			display: none
	}
		}

@media print {

.OrderStep__input__1epI {
		display: none
}
	}
.WindowVisualization__root__3s7s {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	width: 100%;
	/* padding: 1.25bh 1.5bh 0; */
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

	font-size: 0;
	text-align: center;
	white-space: nowrap;
}

	.WindowVisualization__root__3s7s:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}

	@media screen and (min-width: 1px) and (max-width: 640px) {.WindowVisualization__root__3s7s {
		height: auto
}
	}

.WindowVisualization__window__1Tyr {
	position: relative;
	max-width: 50%;
	height: 100%;
	margin: 0;
	padding: 0 1.375rem;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;

	text-align: center;
}

.WindowVisualization__window__1Tyr svg {
		width: auto;
		height: calc(100% - 2.75rem);
		max-width: 100%;
	}

.WindowVisualization__window__1Tyr figcaption {
		margin-top: 1.375rem;
		height: 1.375rem;

		color: #303030;

		font-size: 0.75rem;
		font-weight: 700;
		line-height: 1.375rem;
		text-transform: uppercase;
		text-align: center;
	}

@media screen and (min-width: 1px) and (max-width: 640px) {

.WindowVisualization__window__1Tyr {
		padding: 0 0.688rem
}

		.WindowVisualization__window__1Tyr figcaption {
			margin-left: -1.375rem;
			margin-right: -1.375rem;
		}
	}

.WindowVisualization__isTall__12UV .WindowVisualization__window__1Tyr svg {
		height: auto;
		max-height: calc(100% - 2.75rem);
	}

.WindowVisualization__view__NPIK {
}

.WindowVisualization__width__IIf1 {
	position: absolute;

	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.375rem;
	text-transform: none;
}

@media print {

.WindowVisualization__width__IIf1 {
		display: none
}
	}

.WindowVisualization__height__2Xq0 {
	position: absolute;

	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.375rem;
	text-transform: none;
}

@media print {

.WindowVisualization__height__2Xq0 {
		display: none
}
	}

.WindowVisualization__window__1Tyr:nth-child(1) .WindowVisualization__width__IIf1 {
			-webkit-transform: translateX(-50%) translateY(-100%) translateY(-0.172rem);
			        transform: translateX(-50%) translateY(-100%) translateY(-0.172rem);
		}

.WindowVisualization__window__1Tyr:nth-child(1) .WindowVisualization__height__2Xq0 {
			-webkit-transform: translateX(-100%) translateX(-0.688rem) translateY(-50%);
			        transform: translateX(-100%) translateX(-0.688rem) translateY(-50%);
		}

.WindowVisualization__window__1Tyr:nth-child(2) .WindowVisualization__width__IIf1 {
			-webkit-transform: translateX(-50%) translateY(-100%) translateY(-0.172rem);
			        transform: translateX(-50%) translateY(-100%) translateY(-0.172rem);
		}

.WindowVisualization__window__1Tyr:nth-child(2) .WindowVisualization__height__2Xq0 {
			-webkit-transform: translateX(0.688rem) translateY(-50%);
			        transform: translateX(0.688rem) translateY(-50%);
		}

@media screen and (min-width: 1px) and (max-width: 640px) {
			.WindowVisualization__window__1Tyr:nth-child(1) .WindowVisualization__height__2Xq0 {
				right: calc(100% - 0.344rem);
			}
			.WindowVisualization__window__1Tyr:nth-child(2) .WindowVisualization__height__2Xq0 {
				left: calc(100% - 0.344rem);
			}
	}
.Footer__root__31ZV {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3.438rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.031rem 1.375rem;

	color: #ffffff;
	background-color: #4a4a4a;

	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.375rem;
}

	.Footer__root__31ZV a,
	.Footer__root__31ZV a:visited,
	.Footer__root__31ZV a:focus,
	.Footer__root__31ZV a:hover,
	.Footer__root__31ZV a:active {
		color: #ffffff;
		background-image: none;

		font-weight: 400;
		text-shadow: none;
	}

	@media screen and (min-width: 1px) and (max-width: 640px) {.Footer__root__31ZV {
		display: block;
		position: static;
		z-index: 2;
		padding: 0.344rem 0.688rem;
		height: 6.875rem;

		font-size: 0.625rem
}

		.Footer__root__31ZV > p {
			/* display: none; */
		}
	}

	@media print {.Footer__root__31ZV {
		display: none
}
	}

.Footer__links__2HiE {
	margin-left: 1.375rem;
	margin-right: auto;
}

.Footer__links__2HiE ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

.Footer__links__2HiE ul li {
			margin-left: 1.375rem;
		}

.Footer__links__2HiE ul li:first-child {
				margin-left: 0;
			}

@media screen and (min-width: 1px) and (max-width: 640px) {

.Footer__links__2HiE {
		margin: 0
}
			.Footer__links__2HiE ul li {
				display: inline;
				margin-left: 0.688rem;
			}
	}

.Footer__contact__2roe {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 0.75rem;
	margin-left: 1.375rem;
}

.Footer__contact__2roe li:before {
			content: '|';
			margin: 0 0.688rem;

			color: #fff;
		}

.Footer__contact__2roe li:first-child:before {
				content: none;
			}

@media screen and (min-width: 1px) and (max-width: 640px) {

.Footer__contact__2roe {
		font-size: 0.625rem;
		margin-left: 0
}
	}
html {
	overflow-y: auto;
}

	html.hasOverlayBox {
		/* height: 100% !important; */
	}

	/* overflow: hidden; */

	html.hasOverlayBox body {
			position: fixed;
			/* height: 100% !important; */
			overflow: hidden;
			width: 100%;
			height: 100%;

			/*> * {
				height: 100% !important;
				overflow: auto;
			} */
		}

body {
	padding: 0;
	background-color: #ffffff;
}

#app {
	min-width: 1000px;
	min-height: 720px;
	height: 100vh;
}

#app:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		z-index: 10;

		background-color: #ffffff;

		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity 0.4s ease-in, visibility 0.4s ease-in;
		transition: opacity 0.4s ease-in, visibility 0.4s ease-in;
	}

#app.isLoaded:after {
			opacity: 0;
			visibility: hidden;
		}

@media screen and (min-width: 1px) and (max-width: 640px) {

#app {
		min-width: 0;
		min-height: 0;
		height: auto
}
	}

.noJavascript #app:after {
		opacity: 0;
		visibility: hidden;
	}

#spinner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	min-height: 100vh;
	padding-bottom: 12.5rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 1.375rem;

	background-image: url('/assets/logo.png');
	background-repeat: no-repeat;
	background-position: 50% 60%;

	text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

#spinner {
		background-position: 50% calc(100% - 1.375rem)
}
	}

#spinner.DE {
		background-image: url('/assets/logo-3-de.png');
	}

.App__root__1cMN {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.App__root__1cMN {
		height: auto
}
	}

.App__spinner__2ILo {
	position: absolute;
	left: 1.375rem;
	top: 4.813rem;
	z-index: 4;
	width: 2.75rem;
	height: 2.75rem;

	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.1s ease-in 0.8s,
		visibility 0.1s ease-in 0.8s;
	transition: opacity 0.1s ease-in 0.8s,
		visibility 0.1s ease-in 0.8s;
}

.App__spinner__2ILo.isVisible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.1s ease-in,
		visibility 0.1s ease-in;
	transition: opacity 0.1s ease-in,
		visibility 0.1s ease-in;
}

:not(.isLoaded) .App__spinner__2ILo.isVisible {
		opacity: 0;
		visibility: hidden;
	}

.App__dots__kyaO {
	position: relative;
	display: block;
	width: 2.75rem;
	height: 2.75rem;

	-webkit-animation: App__spinner-rotate__3SA5 1.6s linear 0s infinite;

	        animation: App__spinner-rotate__3SA5 1.6s linear 0s infinite;
	-webkit-animation-delay: -0.2s;
	        animation-delay: -0.2s;
}

.App__dots__kyaO::before,
.App__dots__kyaO::after {
	content: '';
	width: 1.719rem;
	height: 1.719rem;
	display: block;
	position: absolute;
	left: 0;
	background-color: #ffb81d;
	border-radius: 100%;
	outline: 1px solid transparent;
	-webkit-animation: App__spinner-bounce__357o 1.6s infinite ease-in-out;
	        animation: App__spinner-bounce__357o 1.6s infinite ease-in-out;
}

.App__dots__kyaO::after {
	left: auto;
	right: 0;
	bottom: 0;
	-webkit-animation-delay: -0.8s;
	        animation-delay: -0.8s;
}

@-webkit-keyframes App__spinner-rotate__3SA5 {
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

@keyframes App__spinner-rotate__3SA5 {
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

@-webkit-keyframes App__spinner-bounce__357o {
	0%,
	100% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}

@keyframes App__spinner-bounce__357o {
	0%,
	100% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}

@font-face {
	font-family: 'Ubuntu';
	font-weight: 300;
	font-style: normal;
	src: url('/assets/ubuntu-300.woff') format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-weight: 300;
	font-style: italic;
	src: url('/assets/ubuntu-300-italic.woff') format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-weight: 400;
	font-style: normal;
	src: url('/assets/ubuntu-400.woff') format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-weight: 400;
	font-style: italic;
	src: url('/assets/ubuntu-400-italic.woff') format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-weight: 500;
	font-style: normal;
	src: url('/assets/ubuntu-500.woff') format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-weight: 500;
	font-style: italic;
	src: url('/assets/ubuntu-500-italic.woff') format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-weight: 700;
	font-style: normal;
	src: url('/assets/ubuntu-700.woff') format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-weight: 700;
	font-style: italic;
	src: url('/assets/ubuntu-700-italic.woff') format('woff');
}

/*# sourceMappingURL=client.css.map*/