:export{base-width--small:375px;base-width--medium:768px;base-width--large:1600px;base-font-size--small:1vw;base-font-size--medium:1vw;base-font-size--large:1vw;max-width--small:none;max-width--medium:none;max-width--large:none}@media (min-width: 0){html:before{display:none;content:"small"}}@media (min-width: 500px){html:before{display:none;content:"medium"}}@media (min-width: 850px){html:before{display:none;content:"large"}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,menu,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:PorscheNextRegular;src:url(/fonts/Porsche-Next/PorscheNext-Regular.eot);src:url(/fonts/Porsche-Next/PorscheNext-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/Porsche-Next/PorscheNext-Regular.woff2) format("woff2"),url(/fonts/Porsche-Next/PorscheNext-Regular.woff) format("woff"),url(/fonts/Porsche-Next/PorscheNext-Regular.ttf) format("truetype"),url(/fonts/Porsche-Next/PorscheNext-Regular.svg) format("svg");font-style:normal;font-display:swap;font-weight:400;-webkit-font-smoothing:antialiased;-khtml-font-smoothing:antialiased;-apple-font-smoothing:antialiased;font-smooth:always;-moz-osx-font-smoothing:grayscale}@font-face{font-family:PorscheNextBold;src:url(/fonts/Porsche-Next/PorscheNext-SemiBold.eot);src:url(/fonts/Porsche-Next/PorscheNext-SemiBold.eot?#iefix) format("embedded-opentype"),url(/fonts/Porsche-Next/PorscheNext-SemiBold.woff2) format("woff2"),url(/fonts/Porsche-Next/PorscheNext-SemiBold.woff) format("woff"),url(/fonts/Porsche-Next/PorscheNext-SemiBold.ttf) format("truetype"),url(/fonts/Porsche-Next/PorscheNext-SemiBold.svg) format("svg");font-style:normal;font-display:swap;font-weight:400;-webkit-font-smoothing:antialiased;-khtml-font-smoothing:antialiased;-apple-font-smoothing:antialiased;font-smooth:always;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;font-family:sans-serif;font-size:1vw;color:#fff;background-color:#000;-webkit-tap-highlight-color:transparent;position:fixed;overscroll-behavior:none;overflow:hidden}@media (min-width: 500px){html,body{font-size:1vw}}@media (min-width: 850px){html,body{font-size:1vw}}html *,body *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-khtml-font-smoothing:antialiased;-apple-font-smoothing:antialiased;font-smooth:always;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;position:fixed}.button{display:inline-block;padding:0;font-family:sans-serif;color:inherit;text-decoration:none;background:none;border:0;outline:none;cursor:pointer;pointer-events:auto}.page{width:100%;height:100%}.tp-dfwv{z-index:100000;position:fixed}.tp-dfwv .tp-rotv{top:8px;right:8px;bottom:auto;left:auto}.tp-dfwv .expand-drag-area{position:absolute;top:0;right:auto;left:0;width:10px;height:100%;background-color:transparent;cursor:col-resize}.tp-dfwv .expand-drag-area:before{opacity:.2;position:absolute;top:0;right:auto;left:0;width:1px;height:100%;background-color:#787878;transition:opacity .1s ease-in-out;content:""}.tp-dfwv .expand-drag-area:hover:before{opacity:1}.tp-dfwv *{touch-action:none}.tp-dfwv.right-top .tp-rotv,.tp-dfwv.top-right .tp-rotv{top:8px;right:8px;bottom:auto;left:auto}.tp-dfwv.right-top .expand-drag-area,.tp-dfwv.top-right .expand-drag-area{right:auto;left:0}.tp-dfwv.right-top .expand-drag-area:before,.tp-dfwv.top-right .expand-drag-area:before{right:auto;left:0}.tp-dfwv.right-bottom .tp-rotv,.tp-dfwv.bottom-right .tp-rotv{top:auto;right:8px;bottom:8px;left:auto}.tp-dfwv.right-bottom .expand-drag-area,.tp-dfwv.bottom-right .expand-drag-area{right:auto;left:0}.tp-dfwv.right-bottom .expand-drag-area:before,.tp-dfwv.bottom-right .expand-drag-area:before{right:auto;left:0}.tp-dfwv.left-top .tp-rotv,.tp-dfwv.top-left .tp-rotv{top:8px;right:auto;bottom:auto;left:8px}.tp-dfwv.left-top .expand-drag-area,.tp-dfwv.top-left .expand-drag-area{right:0;left:auto}.tp-dfwv.left-top .expand-drag-area:before,.tp-dfwv.top-left .expand-drag-area:before{right:0;left:auto}.tp-dfwv.left-bottom .tp-rotv,.tp-dfwv.bottom-left .tp-rotv{top:auto;right:auto;bottom:8px;left:8px}.tp-dfwv.left-bottom .expand-drag-area,.tp-dfwv.bottom-left .expand-drag-area{right:0;left:auto}.tp-dfwv.left-bottom .expand-drag-area:before,.tp-dfwv.bottom-left .expand-drag-area:before{right:0;left:auto}.tp-rotv::-webkit-scrollbar{display:none}.canvas{position:absolute;left:0;top:0;z-index:-1}.configurator{position:absolute;width:95%;bottom:0;left:50%;transform:translate(-50%);background-color:#0009;border-radius:2.6666666667rem;height:64rem;padding:5.3333333333rem 0;font-family:PorscheNextRegular;overflow-y:scroll}@media (min-width: 500px){.configurator{border-radius:1.3020833333rem;height:39.0625rem;padding:2.6041666667rem 0}}@media (min-width: 850px){.configurator{border-radius:.625rem;height:15rem;padding:1.25rem 0}}.header{display:flex;flex-direction:column;gap:2.6666666667rem;width:100%}@media (min-width: 500px){.header{gap:1.3020833333rem}}@media (min-width: 850px){.header{gap:.625rem}}.header__title{font-size:5.3333333333rem;font-weight:700;text-transform:uppercase}@media (min-width: 500px){.header__title{font-size:2.6041666667rem}}@media (min-width: 850px){.header__title{font-size:1.25rem}}.header__description{font-size:2.6666666667rem;margin-bottom:2.6666666667rem}@media (min-width: 500px){.header__description{font-size:2.6041666667rem}}@media (min-width: 850px){.header__description{font-size:1.25rem}}.settings__container{width:100%;margin-top:5.3333333333rem}@media (min-width: 500px){.settings__container{margin-top:2.6041666667rem}}@media (min-width: 850px){.settings__container{margin-top:1.25rem}}.configurator__container{width:100%;padding:0 5.3333333333rem;display:flex;flex-direction:column;align-items:center}@media (min-width: 500px){.configurator__container{padding:0 2.6041666667rem}}@media (min-width: 850px){.configurator__container{padding:0 1.25rem}}.configurator__title{font-size:4rem;margin-bottom:2.6666666667rem;font-weight:700;text-transform:uppercase}@media (min-width: 500px){.configurator__title{font-size:1.953125rem;margin-bottom:1.3020833333rem}}@media (min-width: 850px){.configurator__title{font-size:.9375rem;margin-bottom:.625rem}}.configurator__colors{display:flex;justify-content:space-between;gap:.5333333333rem;width:100%;flex-wrap:wrap}@media (min-width: 500px){.configurator__colors{gap:.2604166667rem}}@media (min-width: 850px){.configurator__colors{gap:.125rem}}.colors__container{display:flex;flex-direction:column;height:14.6666666667rem;width:calc(50% - .5333333333rem);margin-bottom:.5333333333rem;margin:.5333333333rem 0;position:relative;text-transform:capitalize;cursor:pointer}@media (min-width: 500px){.colors__container{height:7.1614583333rem;width:calc(50% - .2604166667rem);margin-bottom:.2604166667rem;margin:.2604166667rem 0}}@media (min-width: 850px){.colors__container{height:3.4375rem;width:calc(50% - .125rem);margin-bottom:.125rem;margin:.125rem 0}}.colors__container .color{width:100%;height:100%;margin-bottom:.5333333333rem;border-radius:5px;pointer-events:none}.colors__container .color.active{border:.2666666667rem solid white}@media (min-width: 500px){.colors__container .color{margin-bottom:.2604166667rem}.colors__container .color.active{border:.1302083333rem solid white}}@media (min-width: 850px){.colors__container .color{margin-bottom:.125rem}.colors__container .color.active{border:.0625rem solid white}}.colors__container .title{pointer-events:none;margin:1.0666666667rem 0;font-size:3.2rem}@media (min-width: 500px){.colors__container .title{margin:.5208333333rem 0;font-size:1.5625rem}}@media (min-width: 850px){.colors__container .title{margin:.25rem 0;font-size:.75rem}}