:root{--font-weight-book: 300;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-heavy: 800;--font-weight-black: 900;--font-size-header: .9rem;--font-size-footer: .85rem;--font-size-footer-small: .8rem;--font-size-small: .85rem;--font-size-large: 1.15rem;--font-size-extra: 1.4rem;--font-size-title: 2.4rem}@media screen and (max-width:768px){:root{--font-size-small: .9rem;--font-size-footer-small: .9rem;--font-size-header: .95rem;--font-size-footer: .9rem;--font-size-title: 2.2rem}}:root{--color-border: #d6d6d6;--color-primary-light: rgba(41, 155, 73, .2);--color-primary: #299b49;--color-primary-alternative: #188537;--color-highlight: #f07419;--color-discount: #de3b50;--color-text: #242321;--color-text-inverted: #ffffff;--color-text-inverted-bland: #737271;--color-text-light: #aaaaaa;--color-background: #ffffff;--color-background-inverted: #252221;--color-background-panel: #f2f2f2;--color-background-light: #f9f9f9;--color-footer-divider: #565655;--color-error: #de3b50;--base-width: 8px;--page-horizontal-spacing: calc(2 * var(--base-width))}@media screen and (max-width:768px){:root{--base-width: 6px}}:root{--radius: 0px;--arrow-width: 18px;--arrow-width-and-space: 28px;--mascot-size: 100px}@media screen and (max-width:992px){:root{--mascot-size: 90px}}@media screen and (max-width:768px){:root{--mascot-size: 80px}}@keyframes spin{to{transform:rotate(360deg)}}.swimmingPoolConfigurator .swimmingPoolConfigurator-track{min-height:70px}.swimmingPoolConfigurator .swimmingPoolConfigurator-track button{appearance:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;background:none;margin:0;display:flex;align-items:center;gap:calc(var(--base-width) * 2)}.swimmingPoolConfigurator .swimmingPoolConfigurator-track button:hover span{text-decoration:underline}.swimmingPoolConfigurator .swimmingPoolConfigurator-headerstate{display:flex;align-items:center;color:var(--color-text-light)}.swimmingPoolConfigurator .swimmingPoolConfigurator-headerstate strong{font-size:var(--font-size-title);margin-right:1rem}.swimmingPoolConfigurator .swimmingPoolConfigurator-headerstate.active{color:var(--color-primary)}.swimmingPoolConfigurator .swimmingPoolConfigurator-headerstate .swimmingPoolConfigurator-headerstatearrow{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-title);text-align:center;width:60px;color:inherit}@media screen and (min-width:768px){.swimmingPoolConfigurator .swimmingPoolConfigurator-headerstate:first-child .swimmingPoolConfigurator-headerstatearrow{display:none}}@media screen and (max-width:768px){.swimmingPoolConfigurator .swimmingPoolConfigurator-headerstate{width:78%}}.swimmingPoolConfigurator .swimmingPoolConfigurator-state{overflow-y:hidden;max-height:0;height:0}.swimmingPoolConfigurator .swimmingPoolConfigurator-state.swimmingPoolConfigurator-show{max-height:10000px;height:auto}.swimmingPoolConfigurator .swimmingPoolConfigurator-shape .swimmingPoolConfigurator-svg{box-sizing:border-box;min-height:400px;padding:20px;display:flex;align-items:center}@media screen and (max-width:768px){.swimmingPoolConfigurator .swimmingPoolConfigurator-shape .swimmingPoolConfigurator-svg{padding-top:150px;padding-bottom:150px}}.swimmingPoolConfigurator .swimmingPoolConfigurator-shape .swimmingPoolConfigurator-svg svg{rotate:30deg}.swimmingPoolConfigurator .swimmingPoolConfigurator-shapes .cardBox .cardBox-title{min-height:5rem}@media screen and (max-width:576px){.swimmingPoolConfigurator .swimmingPoolConfigurator-shapes .swimmingPoolConfigurator-svg{min-height:450px}}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg svg{max-height:600px}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg svg path{z-index:5;stroke:var(--color-primary);fill:#299b494d;stroke-width:30px}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg svg path.even{stroke:var(--color-text);fill:#2423214d}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg svg path.spacer{stroke-width:50px;stroke:var(--color-text-light)}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg svg path.dimension{fill:none;z-index:4;stroke:var(--color-text-light)}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg svg text.dimension{font-size:400px;fill:var(--color-text-light)}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg svg text.dimension.dimension-large{font-size:800px}.swimmingPoolConfigurator .swimmingPoolConfigurator-dimensions .swimmingPoolConfigurator-dimensionsInputs input.error{background-color:#fbdbdb;box-shadow:0 0 0 1000px #fbdbdb inset;-webkit-box-shadow:0 0 0 1000px rgb(250.7746478873,219.2253521127,219.2253521127) inset}.swimmingPoolConfigurator .swimmingPoolConfigurator-final .swimmingPoolConfigurator-svg{padding-top:150px;padding-bottom:150px}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg{position:relative}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg path{stroke-width:5px}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg text.dimension{font-size:200px}.swimmingPoolConfigurator .swimmingPoolConfigurator-svgTable{height:100px;position:absolute;right:0;bottom:0;border-left:solid 1px var(--color-text-light);border-top:solid 1px var(--color-text-light);border-collapse:collapse;min-width:35%}.swimmingPoolConfigurator .swimmingPoolConfigurator-svgTable tr td,.swimmingPoolConfigurator .swimmingPoolConfigurator-svgTable tr th{padding:10px;font-size:1rem;text-align:left;border:1px solid var(--color-text-light)}.swimmingPoolConfigurator .swimmingPoolConfigurator-svgTable th{text-transform:uppercase}@media screen and (max-width:768px){.swimmingPoolConfigurator .swimmingPoolConfigurator-svgTable{display:none}}@media screen and (min-width:992px){.swimmingPoolConfigurator .swimmingPoolConfigurator-variantPicture{height:450px}}@media screen and (max-width:768px){.swimmingPoolConfigurator .swimmingPoolConfigurator-variantPicture{height:200px}}@media print{.swimmingPoolConfigurator .card,.swimmingPoolConfigurator .card .card-in{padding:0!important}.swimmingPoolConfigurator .swimmingPoolConfigurator-mobile{display:none}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg{page-break-before:always;page-break-inside:avoid;width:100%;height:83vh;overflow:hidden;margin:0;padding:0;box-sizing:border-box;position:relative;top:8vh}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg svg{position:absolute;top:0;width:100%;height:calc(80vh - 60px)}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg path.even,.swimmingPoolConfigurator .swimmingPoolConfigurator-svg path.odd{fill:none!important;stroke:#000}.swimmingPoolConfigurator .swimmingPoolConfigurator-svg text{fill:#000;stroke:none;font-family:monospace}.swimmingPoolConfigurator .swimmingPoolConfigurator-svgTable{height:60px!important}.swimmingPoolConfigurator .swimmingPoolConfigurator-svgTable tr td,.swimmingPoolConfigurator .swimmingPoolConfigurator-svgTable tr th{font-family:monospace;font-size:11px!important}}