@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@700&family=DM+Sans:opsz,wght@9..40,400;9..40,700&family=Onest:wght@400;700&display=swap");html{font-family:DM Sans,sans-serif}body{margin:0}*,:after,:before{box-sizing:border-box}#demo-configurator{background:#e8ebee}.configurator{--sticky-offset:4.38889rem;margin:0 auto;position:relative}@media (min-width:52rem){#demo-configurator{padding:2rem}.configurator{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(0,24rem);max-width:90rem}}@media (min-width:64rem){.configurator{grid-template-columns:minmax(0,1fr) minmax(0,28rem)}}@media (min-width:1180px){.configurator{--sticky-offset:6.375rem}}@media (min-width:80rem){.configurator{grid-template-columns:minmax(0,1fr) minmax(0,32rem)}}#demo-configurator hr{background:#ced2d6;border:none;border-radius:1rem;height:.25rem;margin:1rem 0;max-width:9rem}.config-line-icon{height:1.5rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1.5rem}.dopple-container{height:80vw;max-height:calc(100vh - 12rem)}.config-product{position:sticky;top:var(--sticky-offset,0);z-index:2}#dopple-canvas{background:#fff;box-shadow:0 .75rem .875rem rgba(0,0,0,.1);display:block;height:100%;position:relative;width:100%}@media (min-width:52rem){.config-product{position:relative;top:auto}.dopple-container{height:calc(100vh - 10rem);max-height:56rem;position:sticky;top:var(--sticky-offset,0)}#dopple-canvas{box-shadow:unset}}.configurator-hint{bottom:2rem;height:3rem;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .35s linear,visibility .35s linear;width:6rem;z-index:2}.configurator-hint.configurator-hint--hidden{opacity:0;visibility:hidden}.configurator-hint-line{fill:none;stroke:#35383d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.configurator-hint-line.line-filled{fill:#fff}#hand{animation:swipe 2.75s infinite normal;animation-timing-function:cubic-bezier(.5,0,.3,1);transform-box:fill-box;transform-origin:center}@keyframes swipe{0%{opacity:0;transform:translate(4px,2px) rotate(0deg)}10%{opacity:1;transform:translate(2px,-2px) rotate(2deg)}24%{opacity:1;transform:translate(-2px,-2px) rotate(-6deg)}60%{opacity:1;transform:translate(28px,-4px) rotate(10deg)}80%,to{opacity:0;transform:translate(24px) rotate(4deg)}}#dot{animation:dot-blip 2.75s infinite normal;animation-timing-function:cubic-bezier(.5,0,.3,1);fill:#007bee;transform-box:fill-box;transform-origin:center}@keyframes dot-blip{0%,14%{opacity:0;transform:translate(-5px,-1px) scale(0)}15%{opacity:1;transform:translate(-5px,-1px) scale(0)}40%,to{opacity:0;transform:translate(-5px,-1px)}}@media (min-width:32rem){.configurator-hint{height:4rem;width:8rem}}@media (min-width:52rem){.configurator-hint{height:3rem;width:6rem}}@media (min-width:64rem){.configurator-hint{height:4rem;width:8rem}}.config-loading-screen{align-items:center;background:#fff;bottom:0;display:grid;justify-items:center;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:all .2s ease;z-index:2}.config-loading-screen.config-loading-screen--hidden{opacity:0;pointer-events:none;visibility:hidden}.config-loading-screen-bg,.config-loading-screen-content{grid-area:1/1/2/2;position:relative;z-index:1}.config-loading-screen-bg{filter:blur(.5rem);height:100%;object-fit:cover;transform:scale(1.05);width:100%}.config-loading-screen-content{align-items:center;background:#fff;box-shadow:0 1rem 2rem rgba(0,0,0,.15);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;max-height:18rem;max-width:24rem;padding:2rem;width:100%}.config-loading-spinner{animation:loading-spin 1s linear infinite;color:#50535a;height:3rem;stroke-width:1;width:3rem}@keyframes loading-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.config-loading-control--mouse,.config-loading-control--touch{align-items:center;color:#50535a;display:flex;font-size:12px;gap:2rem;justify-content:center;position:relative;text-align:center;user-select:none;z-index:1}.config-loading-control--mouse{display:none}@media (hover:hover){.config-loading-control--touch{display:none}.config-loading-control--mouse{display:flex}}.config-loading-control-icon{filter:hue-rotate(-35deg) saturate(2);font-size:.875rem;width:3rem}.config-loading-text{color:#50535a;margin:.5rem 0 1rem}.cube{animation:anim-cube-rotate 2s linear infinite;height:2rem;margin-top:1rem;position:relative;transform:rotateX(-40deg) rotateY(60deg);transform-style:preserve-3d;width:2rem}[class^=cube__face--]{-webkit-backface-visibility:hidden;backface-visibility:hidden;fill:none;height:100%;left:0;position:absolute;stroke:#242629;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;top:0;transform-origin:top;transform-style:preserve-3d;width:100%}@keyframes anim-cube-rotate{0%{transform:rotateX(-40deg) rotateY(45deg)}to{transform:rotateX(-40deg) rotateY(-315deg)}}.cube__face--top{transform:rotateX(90deg) translate3d(0,-1rem,0)}.cube__face--front{transform:translateZ(1rem) rotateY(0deg)}.cube__face--left{transform:translateX(-1rem) rotateY(-90deg)}.cube__face--right{transform:translateX(1rem) rotateY(90deg)}.cube__face--back{transform:translateZ(-1rem) rotateY(180deg)}@media (min-width:64rem){.config-loading-screen-bg{filter:blur(1rem)}.config-loading-screen-content{max-height:22rem;max-width:26rem}.config-loading-control-icon{width:3.75rem}.config-loading-text{margin:1rem 0 2rem}.cube{height:3rem;width:3rem}.cube__face--top{transform:rotateX(90deg) translate3d(0,-1.5rem,0)}.cube__face--front{transform:translateZ(1.5rem) rotateY(0deg)}.cube__face--left{transform:translateX(-1.5rem) rotateY(-90deg)}.cube__face--right{transform:translateX(1.5rem) rotateY(90deg)}.cube__face--back{transform:translateZ(-1.5rem) rotateY(180deg)}}.config-menu{background:#fff;padding:2rem;position:relative;z-index:1}.config-header{display:none}.config-header--mobile{background:#fff;padding:2rem}.config-title,.config-title--mobile{color:#004586;font-family:Barlow,sans-serif;font-size:2.25rem;margin:0;text-transform:uppercase}.config-ratings{display:flex;gap:.125rem;margin-top:.5rem}.config-ratings-icon{fill:#ffbd1f;height:1.125rem;stroke:#ffbd1f;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1.125rem}.config-price{font-size:1.25rem;font-weight:700}.config-variant-title{color:#50535a;font-family:Barlow,sans-serif;font-size:1rem;font-weight:700;margin:2rem 0 .75rem;text-transform:uppercase;white-space:nowrap}.config-variant-title:first-child{margin:0 0 .75rem}@media (min-width:32rem){.config-variants{display:grid;gap:2.5rem 2rem;grid-template-columns:min-content minmax(0,1fr)}.config-variant-title,.config-variant-title:first-child{margin:.375rem 0 0}}@media (min-width:52rem){.config-header{display:block}.config-header--mobile{display:none}.config-variants{display:block;margin-top:2rem}.config-variant-title{margin:2rem 0 .75rem}.config-variant-title:first-child{margin:0 0 .75rem}}@media (min-width:64rem){.config-variants{display:grid;gap:2.5rem 2rem;grid-template-columns:min-content minmax(0,1fr);margin-top:2rem}.config-variant-title,.config-variant-title:first-child{margin:.375rem 0 0}}.config-variant-buttons{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr))}.config-variant-button{align-items:center;background:none;border:1px solid #a6abaf;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;justify-content:center;margin:0;overflow:hidden;padding:0;text-align:center}.config-variant-button img{width:100%}.config-variant-button-text{padding:.5rem}.config-variant-button:focus{outline:none}.config-variant-button:focus-visible{box-shadow:0 0 0 4px #fff,0 0 0 5px #27292e,0 0 0 10px rgba(0,123,238,.35)}.config-variant-swatches{display:grid;gap:1rem}.config-variant-swatches[data-variant-size=xs]{grid-template-columns:repeat(auto-fill,minmax(1.25rem,1fr))}.config-variant-swatches,.config-variant-swatches[data-variant-size=sm]{grid-template-columns:repeat(auto-fill,minmax(1.75rem,1fr))}.config-variant-swatches[data-variant-size=md]{grid-template-columns:repeat(auto-fill,minmax(2.25rem,1fr))}.config-variant-swatches[data-variant-size=lg]{grid-template-columns:repeat(auto-fill,minmax(3rem,1fr))}.config-variant-swatches[data-variant-size=xl]{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr))}.config-variant-swatches[data-variant-size=xxl]{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr))}.config-variant-swatches[data-variant-shape=round] .swatch-handle{border-radius:99rem}.config-variant-swatches[data-variant-shape=rounded][data-variant-size=xs] .swatch-handle{border-radius:.125rem}.config-variant-swatches[data-variant-shape=rounded] .swatch-handle,.config-variant-swatches[data-variant-shape=rounded][data-variant-size=sm] .swatch-handle{border-radius:.25rem}.config-variant-swatches[data-variant-shape=rounded][data-variant-size=md] .swatch-handle{border-radius:.375rem}.config-variant-swatches[data-variant-shape=rounded][data-variant-size=lg] .swatch-handle{border-radius:.5rem}.config-variant-swatches[data-variant-shape=rounded][data-variant-size=xl] .swatch-handle{border-radius:.875rem}.config-variant-swatches[data-variant-shape=rounded][data-variant-size=xxl] .swatch-handle{border-radius:1.25rem}.config-variant-swatches[data-variant-shape=square] .swatch-handle{border-radius:0}.swatch{position:relative}.swatch input[type=radio]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.swatch-handle{background-color:var(--color,#007bee);background-image:var(--img,none);background-position:50%;background-size:cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);cursor:pointer;display:block;padding-bottom:100%;position:relative;width:100%}.swatch input[type=radio]:checked~.swatch-handle{box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 0 0 4px #fff,0 0 0 5px #27292e}.swatch input[type=radio]:focus-visible~.swatch-handle{box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 0 0 4px #fff,0 0 0 5px #27292e,0 0 0 10px rgba(0,123,238,.35)}.config-variant-pills{display:flex;flex-wrap:wrap;gap:1rem}.pill{position:relative}.pill input[type=radio]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.pill-handle{background:#fff;border:1px solid #a6abaf;border-radius:9rem;color:#50535a;cursor:pointer;display:block;font-size:.875rem;line-height:1.2;padding:.375rem 1rem;position:relative;user-select:none}.pill input[type=radio]:checked~.pill-handle{background:#27292e;border-color:#27292e;box-shadow:0 0 0 4px #fff,0 0 0 5px #27292e;color:#fff}.pill input[type=radio]:focus-visible~.pill-handle{box-shadow:0 0 0 4px #fff,0 0 0 5px #27292e,0 0 0 10px rgba(0,123,238,.35)}.config-dropdown{position:relative}.config-dropdown select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;background:#fff;border:1px solid #a6abaf;cursor:pointer;font-family:inherit;font-size:.875rem;padding:.5rem 1.5rem .5rem .75rem;width:100%}.config-dropdown .config-line-icon{height:1rem;pointer-events:none;position:absolute;right:.5rem;stroke:#50535a;stroke-width:3;top:50%;transform:translateY(-50%);width:1rem}.config-dropdown select:focus{outline:none}.config-dropdown select:focus-visible{box-shadow:0 0 0 4px #fff,0 0 0 5px #27292e,0 0 0 10px rgba(0,123,238,.35)}.config-checkbox-container{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;margin-top:.25rem}.config-checkbox{align-items:center;cursor:pointer;display:inline-flex;gap:.5em;position:relative;user-select:none}.config-checkbox input[type=checkbox]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.config-checkbox-handle{align-items:center;background:#fff;border:1px solid #a6abaf;color:#004586;display:flex;font-size:.875rem;height:1.5rem;justify-content:center;position:relative;width:1.5rem}.config-checkbox .config-line-icon{height:.6875rem;opacity:0;width:.875rem}.config-checkbox input[type=checkbox]:checked~.config-checkbox-handle{border-color:#004586}.config-checkbox input[type=checkbox]:checked~.config-checkbox-handle .config-line-icon{opacity:1}.config-checkbox input[type=checkbox]:focus-visible~.config-checkbox-handle{border-color:#27292e;box-shadow:0 0 0 5px rgba(0,123,238,.35)}.configurator-cta{display:flex;flex-direction:column;gap:1rem;margin-top:4rem}.configurator-cta-primary,.configurator-cta-secondary{border:.125rem solid #004586;cursor:pointer;display:inline-block;font-family:inherit;font-size:1rem;padding:.75rem;text-align:center;text-decoration:none;transition:background-color .2s ease,border-color .2s ease;width:100%}.configurator-cta-primary:focus,.configurator-cta-secondary:focus{outline:none}.configurator-cta-primary:focus-visible,.configurator-cta-secondary:focus-visible{box-shadow:0 0 0 4px #fff,0 0 0 5px #27292e,0 0 0 10px rgba(0,123,238,.35)}.configurator-cta-primary{background:#004586;color:#fff}.configurator-cta-primary:hover{background:#0053a0;border-color:#0053a0}.configurator-cta-primary:disabled,.configurator-cta-primary:disabled:hover{background:#50535a;border-color:#50535a;cursor:default;opacity:.5}.configurator-cta-secondary{background:#fff;color:#004586}.configurator-cta-secondary:hover{background:#f2f7fc;border-color:#0053a0}.view-in-ar-container{position:relative}.view-in-ar-popup{background:#fff;border:1px solid #a6abaf;bottom:100%;box-shadow:0 .375rem 1rem rgba(0,0,0,.15);left:50%;max-width:28rem;min-height:14rem;opacity:0;padding:2rem;position:absolute;transform:translate(-50%);transition:all .2s cubic-bezier(.8,0,.2,1);visibility:hidden;width:calc(100% - 2rem)}.view-in-ar-popup.view-in-ar-popup--visible{opacity:1;transform:translate(-50%,-1rem);visibility:visible}#view-in-ar-close{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;height:1.25rem;justify-content:center;padding:0;position:absolute;right:.625rem;top:.625rem;transition:color .15s linear;width:1.25rem}#view-in-ar-close:focus-visible,#view-in-ar-close:hover{color:#a10f14}#view-in-ar-close:focus{outline:none}#view-in-ar-close:focus-visible{box-shadow:0 0 0 1px #4f0507,0 0 0 5px rgba(161,15,20,.35)}.view-in-ar-popup .config-loading-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.view-in-ar-popup-content{display:none}.view-in-ar-popup-content.view-in-ar-popup-content--loaded{display:block}.launch-ar-text-desktop,.launch-ar-text-mobile{line-height:1.4;margin:0;text-align:center}.launch-ar-text-desktop{display:none}#launch-ar,#launch-ar-inline{border:0;cursor:pointer;font-family:inherit;font-size:inherit}#launch-ar{background:#004586;color:#fff;display:flex;margin:1rem auto 0;padding:.5rem 1rem}#launch-ar-inline{background:none;color:#004586;display:inline-block;padding:0}#qr-image{display:none;margin:0 auto;max-width:24rem;width:100%}@media (min-width:48rem){#qr-image,.launch-ar-text-desktop{display:block}#launch-ar,.launch-ar-text-mobile{display:none}}.embedded-ui{position:relative}.embedded-ui-left,.embedded-ui-right{bottom:0;display:flex;flex-direction:column;padding:.625rem;position:absolute}.embedded-ui-left{left:0}.embedded-ui-right{right:0}.embedded-ui-button{align-items:center;background:none;border:0;cursor:pointer;display:flex;font-family:inherit;justify-content:center;padding:.25rem;place-self:end;position:relative;z-index:1}.embedded-ui-button svg{fill:none;height:1.5rem;margin-top:0;max-width:unset;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1.5rem}.line-shadow{opacity:.45;stroke:#000;stroke-width:4;transition:opacity .15s ease}.embedded-ui-button:focus .line-shadow,.embedded-ui-button:hover .line-shadow{opacity:.75}[data-fullscreen-state=active] [data-fullscreen-icon=inactive],[data-fullscreen-state=inactive] [data-fullscreen-icon=active]{display:none}.embedded-ui dialog{background:#fff;border:0;box-shadow:0 -.0625rem .125rem rgba(5,7,10,.08),0 .0625rem .0625rem rgba(5,7,10,.08),0 .125rem .125rem -.0625rem rgba(5,7,10,.08),0 .25rem .3125rem -.125rem rgba(5,7,10,.08),0 .375rem .75rem -.25rem rgba(5,7,10,.08);padding:1.5rem}.embedded-ui dialog::backdrop{background:rgba(0,0,0,.33)}.embedded-ui p{font-size:.75rem;line-height:1.4;margin:0;text-align:center;width:100%}.dialog-inputs{align-items:start;display:flex;flex-direction:column;font-size:.875rem;gap:.75rem}.dialog-close-button{align-items:center;background:#fff;color:#50535a;display:inline-flex;justify-content:center;position:absolute;right:.5rem;top:.5rem}.dialog-close-button svg{fill:none;height:1.5rem;stroke:#50535a;stroke-linecap:round;stroke-width:2;width:1.5rem}.dialog-title{font-size:1.125rem;margin-bottom:1.5rem;padding-right:2.5rem}#snapshot-dialog label{align-items:center;color:#50535a;cursor:pointer;display:inline-flex!important}#snapshot-dialog label:focus-visible,#snapshot-dialog label:hover{color:#242628}#snapshot-dialog .file-extension,#snapshot-dialog input{background:#fff;border:1px solid #c6c8ca;height:1.75rem;padding-inline:.5em}#snapshot-dialog input[type=text]{border-right:0;max-width:12rem;position:relative;width:100%;z-index:1}#snapshot-dialog .file-extension{align-items:center;color:#50535a;display:inline-flex;font-size:.875rem}#snapshot-dialog .label-text{flex:0 0 5rem}#launch-ar-button,#take-snapshot-button,.dialog-cancel-button{cursor:pointer;display:inline-block;font-family:inherit;font-size:.875rem;padding:.25rem 1rem;text-align:center;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}#launch-ar-button,#take-snapshot-button{background:#004586;border:.125rem solid #004586;color:#fff}#launch-ar-button:focus,#take-snapshot-button:focus{outline:none}#launch-ar-button:focus-visible,#take-snapshot-button:focus-visible{box-shadow:0 0 0 4px #fff,0 0 0 5px #27292e,0 0 0 10px rgba(0,123,238,.35)}#qr-container img{display:block}.dialog-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-top:.75rem;width:100%}.dialog-cancel-button{background:#fff;border:1px solid #c6c8ca;color:#50535a}atlatl-visual[data-hotspot-visibility=only_on_hover]~.configurator-hotspots{opacity:0;transition:opacity .25s ease-in-out}atlatl-visual[data-hotspot-visibility=only_on_hover]:hover~.configurator-hotspots,atlatl-visual[data-hotspot-visibility=only_on_hover]~.configurator-hotspots:hover{opacity:1}.configurator-hotspots{display:none}.hotspot{height:0;position:relative;width:0;z-index:2}.hotspot input[type=checkbox]{border:0!important;clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.hotspot-dot{align-items:center;background:#007bee;border-radius:1rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.25);color:#fff;content:"+";cursor:pointer;display:flex;height:1.5rem;justify-content:center;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.06,.8,.2,1);user-select:none;width:1.5rem}.hotspot input[type=checkbox]:focus-visible~.hotspot-dot,.hotspot-dot:hover{transform:translate(-50%,-50%) scale(1.15)}.hotspot input[type=checkbox]:focus-visible~.hotspot-dot{outline:4px solid rgba(0,128,234,.25)}.hotspot-dot svg{fill:none;height:1.5rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1.5rem}.hotspot-content{background:#fff;border-radius:.625rem;bottom:calc(100% + 1.5rem);box-shadow:0 .25rem .75rem rgba(0,0,0,.2);left:50%;opacity:0;padding:1rem;pointer-events:none;position:absolute;transform:translate(-50%) scale(.75);transform-origin:bottom center;transition:all .35s cubic-bezier(.06,.8,.2,1);visibility:hidden;width:15rem}.hotspot-content:after{border:.5rem solid transparent;border-top-color:#fff;bottom:-.875rem;content:"";display:block;left:50%;position:absolute;transform:translate(-50%)}.hotspot input[type=checkbox]:checked~.hotspot-content{opacity:1;pointer-events:auto;transform:translate(-50%);visibility:visible}.hotspot input[type=checkbox]:checked~.hotspot-dot{background:#ef5493}.hotspot-content,.hotspot-content *{line-height:1.4}.hotspot-content>:first-child{margin-top:0}.hotspot-content>:last-child{margin-bottom:0}.hotspot-content,.hotspot-content p{font-size:.875rem}.saved-configs-section{margin-top:2.5rem}.saved-configs-section h2.config-variant-title{margin-bottom:.75rem}#saved-configurations{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(6rem,1fr))}.saved-config-item{box-shadow:inset 0 0 0 1px rgba(0,4,12,.3);position:relative}.saved-config-button,.saved-config-button img{display:block}.remove-saved-config-button{align-items:center;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,4,12,.3);color:#b71745;display:inline-flex;justify-content:center;opacity:0;padding:.0625rem;position:absolute;right:0;top:0;transition:all .2s ease-in-out}.saved-config-item:focus-within .remove-saved-config-button,.saved-config-item:hover .remove-saved-config-button{opacity:1}.remove-saved-config-button svg{fill:none;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;width:1rem}