@font-face{font-family:gt_cinetypemono;src:url(/fonts/gt-cinetype-mono-webfont.woff2) format("woff2"),url(/fonts/gt-cinetype-mono-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gt_alpina;src:url(/fonts/GT-Alpina-Standard-Regular-Italic.woff2) format("woff2"),url(/fonts/GT-Alpina-Standard-Regular-Italic.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Black.woff2) format("woff2"),url(/fonts/Roboto-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-BlackItalic.woff2) format("woff2"),url(/fonts/Roboto-BlackItalic.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold.woff2) format("woff2"),url(/fonts/Roboto-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-BoldItalic.woff2) format("woff2"),url(/fonts/Roboto-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.woff2) format("woff2"),url(/fonts/Roboto-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-MediumItalic.woff2) format("woff2"),url(/fonts/Roboto-MediumItalic.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.woff2) format("woff2"),url(/fonts/Roboto-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Italic.woff2) format("woff2"),url(/fonts/Roboto-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Light.woff2) format("woff2"),url(/fonts/Roboto-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-LightItalic.woff2) format("woff2"),url(/fonts/Roboto-LightItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Thin.woff2) format("woff2"),url(/fonts/Roboto-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-ThinItalic.woff2) format("woff2"),url(/fonts/Roboto-ThinItalic.woff) format("woff");font-weight:100;font-style:italic;font-display:swap}*,body{margin:0}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:16px;font-family:Roboto,Arial,sans-serif;color:#3c3c3b}#app{position:relative;width:100%}@media only screen and (min-width:981px){#app{position:fixed}}.configurator{width:100%;height:auto;box-sizing:border-box;display:flex;justify-content:center;border-left:1px solid #000;border-right:1px solid #000;padding-bottom:60px;flex-direction:column}@media only screen and (min-width:981px){.configurator{height:calc(100vh - 60px);flex-direction:row}}.preview-window__wrapper{height:100%;width:60%;display:flex;display:none}@media only screen and (min-width:981px){.preview-window__wrapper{display:flex;justify-content:center;align-items:center}}.preview-window__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-window--mobile{display:flex;width:100%;height:300px;border-bottom:1px solid #000}@media only screen and (min-width:981px){.preview-window--mobile{display:none}}.config-window__wrapper{height:100%;width:100%}@media only screen and (min-width:981px){.config-window__wrapper{overflow-y:auto;border-left:1px solid #000;width:40%}}.config-window__title{background-color:#f2f2f2;text-align:center;font-family:gt_cinetypemono,Open Sans,sans-serif}.config-window__title h1{font-size:1.2rem;margin:0;padding:1rem;padding-top:15px;padding-bottom:5px}.config-window__title img{width:10px;padding-bottom:5px;margin:0 auto}.step-description__wrapper{display:flex;background-color:#d8d9d4;border-top:1px solid #000;margin-top:-1px}@media only screen and (min-width:981px){.step-description__wrapper:hover{cursor:pointer;background-color:#d3d3cd}}.step-description__number{-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:120px;min-width:90px;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:480px){.step-description__number{min-width:50px}}@media only screen and (min-width:980px)and (max-width:1275px){.step-description__number{min-width:50px}}.step-description__circle{border-radius:50%;background-color:#40522a;position:relative;width:23px;height:23px;font-size:.75rem;display:flex;justify-content:center;align-items:center;color:#fff}.step-description__title{font-size:1.2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:gt_cinetypemono,Open Sans,sans-serif;font-weight:700;margin-top:1.5rem;line-height:1em;margin-bottom:1.5rem;padding-right:35px;position:relative}@media only screen and (max-width:480px){.step-description__title{font-size:1rem}}@media only screen and (min-width:980px)and (max-width:1275px){.step-description__title{font-size:1.2rem}}.step-description__title--checkmark:before{display:block;position:absolute;content:"";z-index:40;background-color:#40522a;border-radius:50px;color:#fff;background-image:url(/wp-content/plugins/ytopi-configurator/img/check-solid.svg);background-position:50%;background-repeat:no-repeat;height:22px;width:22px;background-size:42%;top:50%;right:10px;transform:translateY(-50%)}@media only screen and (max-width:480px){.step-description__title--checkmark:before{right:-5px}}.step-description__text{flex:1 1}.step-description__arrow-wrapper{width:60px;display:flex;justify-content:center;align-items:center;padding-right:30px}@media only screen and (max-width:480px){.step-description__arrow-wrapper{padding-right:0;width:50px}}@media only screen and (min-width:980px)and (max-width:1275px){.step-description__arrow-wrapper{padding-right:0;width:50px}}.step-description__arrow{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:10px;height:10px;border:solid #000;border-width:0 1.5px 1.5px 0;display:inline-block;transform:translateY(-50%) rotate(45deg);transform-origin:bottom center}.step-description__arrow--up{transform-origin:center;margin-top:5px;transform:rotate(-135deg)}.product-grid__wrapper{display:flex;flex-wrap:wrap;border-top:1px solid #000}.product-grid__wrapper--hidden{display:none}.product-grid__wrapper--no-border-top{border-top:none}.product-grid__product{position:relative;height:220px;display:flex;flex-direction:column;background-color:#d8d9d4;justify-content:center;align-items:center;border-right:1px solid #000;border-bottom:1px solid #000}.product-grid__product:hover{cursor:pointer}.product-grid__product:hover .product-grid__image{transform:scale(1.1)}.product-grid__product--inactive{display:none}.product-grid__product--tillval{height:270px}.product-grid__product--tillval:hover{cursor:default}.product-grid__product--tillval:hover .product-grid__image{transform:scale(1)}.product-grid__product--three-grid{flex:1 1 33.3333333333%;max-width:33.3333333333%}.product-grid__product--three-grid:nth-of-type(3n){border-right:none}@media only screen and (max-width:480px){.product-grid__product--three-grid{flex:1 1 50%;max-width:50%}.product-grid__product--three-grid:nth-of-type(3n){border-right:1px solid #000}.product-grid__product--three-grid:nth-of-type(2n){border-right:none}}@media only screen and (min-width:980px)and (max-width:1275px){.product-grid__product--three-grid{flex:1 1 50%;max-width:50%}.product-grid__product--three-grid:nth-of-type(3n){border-right:1px solid #000}.product-grid__product--three-grid:nth-of-type(2n){border-right:none}}.product-grid__product--two-grid{flex:1 1 50%;max-width:50%}.product-grid__product--two-grid:nth-of-type(2n){border-right:none}.product-grid__product--three-grid-size{flex:1 1 33.3333333333%;max-width:33.3333333333%}.product-grid__product--three-grid-size:nth-of-type(3n){border-right:none}@media only screen and (max-width:480px){.product-grid__product--three-grid-size{flex:1 1 100%;max-width:100%;border-right:none}}@media only screen and (min-width:980px)and (max-width:1275px){.product-grid__product--three-grid-size{flex:1 1 100%;max-width:100%;border-right:none}}.product-grid__product--two-grid-size{flex:1 1 50%;max-width:50%}.product-grid__product--two-grid-size:nth-of-type(2n){border-right:none}@media only screen and (max-width:480px){.product-grid__product--two-grid-size{flex:1 1 100%;max-width:100%;border-right:none}}@media only screen and (min-width:980px)and (max-width:1275px){.product-grid__product--two-grid-size{flex:1 1 100%;max-width:100%;border-right:none}}.product-grid__image-container{width:100%;height:82%;display:flex;justify-content:center;align-items:center}.product-grid__image-container--tillval{height:74%}.product-grid__image-container--tillval:hover{cursor:pointer}.product-grid__image-container--tillval:hover .product-grid__image{transform:scale(1.1)}.product-grid__image{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.1s ease-in-out;position:relative}.product-grid__image--loading{background-image:url(/wp-content/plugins/ytopi-configurator/img/loading.gif);background-repeat:no-repeat;background-position:50%;background-size:cover}.product-grid__image--disable{display:none}.product-grid__image--full{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-grid__image--square{box-shadow:0 12px 7px -7px rgba(0,0,0,.2);height:110px;width:110px}@media only screen and (min-width:981px){.product-grid__image--square{height:110px;width:110px}}.product-grid__inner-image-wrapper{position:relative}.product-grid__inner-image-wrapper--full{width:100%;height:100%}.product-grid__inner-image-wrapper--square{width:auto;height:auto}.product-grid__image-box{position:relative}.product-grid__image-box--square{width:auto;height:auto}.product-grid__image-box--full{width:100%;height:100%;overflow:hidden}.product-grid__title{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:gt_cinetypemono,Open Sans,sans-serif;border-top:1px solid #000;align-self:flex-end;bottom:0;width:100%;height:18%;display:flex;align-items:center;padding:3px 10px 3px 10%;font-size:13px}@media only screen and (max-width:480px){.product-grid__title{font-size:10px}}@media only screen and (min-width:980px)and (max-width:1275px){.product-grid__title{font-size:10px}}.product-grid__title--active{background-color:#5d634b;color:#fff}.product-grid__title--tillval{height:26%;flex-direction:column;justify-content:center}.product-grid__title-text{width:100%}.product-grid__title-text--active{color:#fff}.product-grid__spacing{padding-top:1rem;display:block;width:100%;border-bottom:1px solid #000;border-top:1px solid #000;margin-top:-1px}.controller__wrapper{height:61px;position:fixed;bottom:0;border:1px solid #000;border-left:none;border-top:none;display:flex;background-color:#d8d9d4;width:100%;justify-content:flex-end;z-index:99}@media only screen and (min-width:981px){.controller__wrapper{border-left:1px solid #000}}.controller__config,.controller__preview{border-left:1px solid #000;border-right:1px solid #000;display:flex;background-color:#d8d9d4}.controller__config{border-top:1px solid #000;border-right:none;width:100%;border-left:none;border-right:1px solid #000}@media only screen and (min-width:981px){.controller__config{border-left:1px solid #000;border-right:none;width:40%}}.controller__preview{display:none}@media only screen and (min-width:981px){.controller__preview{left:0;display:flex;width:60%;border-bottom:1px solid #000;position:fixed}}.controller__center{display:flex;justify-content:center;align-items:center;flex-direction:column;flex:1;font-family:gt_alpina,Open Sans,sans-serif}.controller__price,.controller__proceed{font-family:gt_cinetypemono,Open Sans,sans-serif}.controller__proceed{display:flex;justify-content:center;align-items:center;width:100%;padding-left:20px;padding-right:20px;background-color:#5d634b;color:#fff;text-decoration:none;font-size:.8rem}@media only screen and (max-width:480px){.controller__proceed{width:calc(50% + 1px)}}@media only screen and (min-width:980px)and (max-width:1275px){.controller__proceed{width:calc(50% + 1px)}}.controller__proceed img{width:10px;margin-left:10px}.controller__proceed:hover{cursor:pointer;background-color:#40522a}.controller__proceed--disabled:after{top:0;left:0;right:0;bottom:0;position:absolute;content:"";display:block;background-color:hsla(0,0%,100%,.3)}.linje__wrapper--hidden{display:none}.linje__title{font-size:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:gt_cinetypemono,Open Sans,sans-serif;font-weight:700;margin-top:1.5rem;line-height:1em;margin-bottom:1.5rem;padding-left:90px;padding-right:60px}@media only screen and (max-width:480px){.linje__title{padding-left:50px;font-size:1rem}}@media only screen and (min-width:980px)and (max-width:1275px){.linje__title{padding-left:50px;font-size:1.2rem}}.linje__text{padding-left:90px;padding-right:60px;padding-bottom:1rem}@media only screen and (max-width:480px){.linje__text{padding-left:50px;font-size:.8rem}}@media only screen and (min-width:980px)and (max-width:1275px){.linje__text{padding-left:50px;font-size:.8rem}}.size__wrapper{width:100%;background-color:#d8d9d4;border-bottom:1px solid #000}.size__text-wrapper{padding-top:1.5rem;padding-bottom:1.5rem}.size__text{text-align:center;max-width:80%;margin:0 auto}.size__button-wrapper{display:flex;justify-content:center;align-items:center;border-top:1px solid #000;padding-top:20px;padding-bottom:20px}.size__number{padding-left:1.5rem;padding-right:1.5rem}.size__button{-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#3c3c3b;color:#fff;font-size:32px;border:none;border-radius:100%;line-height:1em;width:35px;height:35px;display:flex;justify-content:center;align-items:center}.size__button:hover{background-color:#6b6a72;cursor:pointer}.size__image .product-grid__image--full{-o-object-fit:contain;object-fit:contain}.choice{max-height:100px}.choice__wrapper{width:100%;background-color:#d8d9d4;border-bottom:1px solid #000}.choice__text-wrapper{padding-top:1.5rem;padding-bottom:1.5rem}.choice__text{transition:transform .1s ease-in-out}.choice__button-wrapper{display:flex;justify-content:center;align-items:center;border-top:1px solid #000;padding-top:20px;padding-bottom:20px}.choice__number{padding-left:1.5rem;padding-right:1.5rem}.choice__content{height:100%;width:100%;display:flex;justify-content:center;align-items:center;transition:transform .1s ease-in-out}.choice__content:hover{cursor:pointer}.choice__content:hover p{transform:scale(1.2)}.choice__content--active{color:#fff;background-color:#5d634b}.checkmark__wrapper:before{display:block;position:absolute;content:"";z-index:40;height:23px;width:23px;background-color:#40522a;border-radius:50px;color:#fff;background-image:url(/wp-content/plugins/ytopi-configurator/img/check-solid.svg);background-position:50%;background-repeat:no-repeat;background-size:45%}.checkmark__wrapper--square:before{top:-10px;right:-10px}.checkmark__wrapper--full:before{top:25px;right:25px}.selection__wrapper{background-color:#d8d9d4}.selection__description{margin-bottom:1rem;padding-left:90px;padding-right:60px;margin-top:0}@media only screen and (max-width:480px){.selection__description{padding-left:50px;font-size:.8rem}}@media only screen and (min-width:980px)and (max-width:1275px){.selection__description{padding-left:50px;font-size:.8rem}}@media only screen and (min-width:981px){.selection__description{margin-top:5px}}.selection-container--loading{opacity:0;display:block!important;z-index:-1;position:absolute}.loading__wrapper{background-image:url(/wp-content/plugins/ytopi-configurator/img/loading.gif);background-repeat:no-repeat;background-position:50%;height:200px;transform:scale(.5);opacity:.65}.tillval__wrapper{width:100%;background-color:#d8d9d4;display:flex;justify-content:space-between;margin-top:5px;align-items:center}.tillval__wrapper--active{background-color:#5d634b;color:#fff}.tillval__text--active{color:#fff}.tillval__button-wrapper{display:flex;justify-content:center;align-items:center}.tillval__number{padding-left:10px;padding-right:10px}.tillval__number--active{color:#fff}.tillval__button{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#000;font-size:20px;line-height:1em;width:32px;height:25px;display:flex;justify-content:center;align-items:center}.tillval__button:hover{color:#5d634b;cursor:pointer}.tillval__button--active{color:#fff}.tillval__button--active:hover{color:#d8d9d4;cursor:pointer}.extra-text__wrapper{padding-top:1.5rem;padding-bottom:1.5rem}.extra-text__text{text-align:center;max-width:80%;margin:0 auto}body{background-color:#d8d9d4}