:root{--grid-space: 20px}*{box-sizing:border-box}*:before,*:after{box-sizing:inherit}:focus-visible{outline:-webkit-focus-ring-color auto 0!important}html{margin:0;padding:0;overflow:hidden;width:100%;height:100%}body{margin:0;padding:0;font-family:Helvetica,sans-serif;overflow:hidden;position:fixed;inset:0;width:100dvw;height:100dvh;box-shadow:0 0 0 1px inset var(--color-border)}body[data-environment=env1]{background-image:linear-gradient(180deg,var(--color-a) 60%,var(--color-b) 100%)}body[data-environment=env2]{background-image:radial-gradient(var(--color-a),var(--color-b))}body[data-environment=env3]{background-image:linear-gradient(135deg,#ffffff80,#fff0),linear-gradient(180deg,var(--color-a) 60%,var(--color-b) 100%)}arkid-model{width:100%;height:100%;opacity:1;animation:fade-in 3s ease-in;--progress-bar-color: #132042}.am-inner{width:100%;height:100%;--am-side-column-width: clamp(130px, 18vw, 260px);grid-template-columns:var(--am-side-column-width) 1fr var(--am-side-column-width);grid-template-rows:minmax(50px,auto) 1fr minmax(50px,auto);grid-template-areas:"nw n ne" "w  i e " "sw s se";display:grid;pointer-events:none;padding:20px}.am-inner>*{pointer-events:auto}.am-inner-center{grid-area:i;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:".  in ." "iw .  ie" ".  is .";pointer-events:none;padding:calc(var(--grid-space) / 2)}arkid-model:focus,arkid-model:active{outline:none!important}.configurator{width:52px;text-align:center;z-index:10;animation:fade-in ease 2s;opacity:1}.configurator.left{grid-area:w;margin-inline-start:var(--grid-space);align-self:center}.configurator button{width:calc((100vh - 200px) / 11);max-width:40px;min-width:20px;height:calc((100vh - 200px) / 11);max-height:40px;min-height:20px;cursor:pointer;margin:4px;box-shadow:0 0 10px #0003;border:0 solid rgba(0,0,0,.2);border-radius:100%;transition:all .1s ease-in-out;background-color:#353332;background-position:center;background-size:contain;background-image:linear-gradient(45deg,#0003 20%,#ffffff4d 80%);vertical-align:middle}.configurator button.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #0005}.configurator button.bg-icon{background-size:75%;background-repeat:no-repeat}.configurator.left button.bg-icon{background-size:100%;background-repeat:no-repeat}.configurator button.bg-tex25{background-size:25%;background-repeat:repeat}.configurator button.bg-tex{background-size:100%;background-repeat:repeat}.bg-num:before{color:#fff;font-weight:700;font-size:1.1em}.bg-num:nth-child(1):before{content:"1"}.bg-num:nth-child(2):before{content:"2"}.bg-num:nth-child(3):before{content:"3"}.bg-num:nth-child(4):before{content:"4"}.bg-num:nth-child(5):before{content:"5"}.bg-num:nth-child(6):before{content:"6"}.configurator.centered{grid-area:s;justify-self:center;margin-block-end:var(--grid-space);width:fit-content}.configurator.extra,.scrubber-container{width:max-content;grid-area:is;align-self:end;justify-self:center;pointer-events:auto}.scrubber-container{padding:6px 10px;background:#ffffff80;border-radius:999px;animation:fade-in .5s ease both}.scrubber-container[hidden]{display:none}.scrubber-container input.scrubber[type=range]{appearance:none;-webkit-appearance:none;width:300px;max-width:48vw;background:transparent;height:22px;vertical-align:middle;padding:30px 0;margin:-30px 10px}.scrubber-container input.scrubber[type=range]::-webkit-slider-runnable-track{height:4px;background:#000;border-radius:999px}.scrubber-container input.scrubber[type=range]::-moz-range-track{height:4px;background:#000;border-radius:999px}.scrubber-container input.scrubber[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#000;margin-top:-5px;box-shadow:none}.scrubber-container input.scrubber[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#000;box-shadow:none}.configurator.extra .group{animation:mv-flyout .5s ease both;will-change:transform,opacity}@keyframes mv-flyout{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.group button:hover:after,.group button.selected:after{left:48px;text-shadow:1px 1px 4px #fff;position:absolute;white-space:nowrap;font-weight:400;right:60px;color:#3d5261;box-shadow:none;z-index:0;font-size:.65rem;top:5px;opacity:1;padding:5px 10px;background:#fffc;border-radius:5px;display:inline-table;letter-spacing:.5px}.group button.selected:after{background:#ffffff80}.configurator.centered button:hover:after{left:0;right:unset;display:block;text-align:center;top:unset;bottom:40px}.configurator.right button:hover:after{left:unset;display:block;text-align:right;right:50px}.group{background:#ffffff80;border-radius:100px;padding:5px 0;backdrop-filter:blur(4px)}.configurator.centered .group{padding:3px 4px;display:flex;align-content:center;align-items:center}.group button:active{transform:scale(.9)!important;box-shadow:0 0 0 .2rem #5e5e5e}.group button{animation:fade-in .5s ease;visibility:hidden;animation-iteration-count:1;animation-fill-mode:both}.group button:nth-child(1){animation-delay:0ms;visibility:visible}.group button:nth-child(2){animation-delay:333ms;visibility:visible}.group button:nth-child(3){animation-delay:666ms;visibility:visible}.group button:nth-child(4){animation-delay:999ms;visibility:visible}.group button:nth-child(5){animation-delay:1333ms;visibility:visible}.group button:nth-child(6){animation-delay:1666ms;visibility:visible}.group button:nth-child(7){animation-delay:1999ms;visibility:visible}.group button:nth-child(8){animation-delay:2333ms;visibility:visible}.group button:nth-child(9){animation-delay:2666ms;visibility:visible}.group button:nth-child(10){animation-delay:2999ms;visibility:visible}.group button:nth-child(11){animation-delay:3333ms;visibility:visible}.group button:nth-child(12){animation-delay:3666ms;visibility:visible}.group button:nth-child(13){animation-delay:3999ms;visibility:visible}.group button:hover{border-color:#aaa;transform:scale(1.2);outline:0;box-shadow:0 0 0 .2rem #5e5e5e26;animation:fade-in .5s ease,pulse .8s;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0ms}.ar-button{position:absolute;left:50%;top:20px;transform:translate3d(-50%,0,0);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:.5em;padding:11px 18px;font-weight:400;box-shadow:0 0 8px #0003,0 0 4px #00000040;z-index:100;font-size:.85rem;width:fit-content;white-space:nowrap;border:solid 2px transparent;border-radius:2em;--border-angle: 0turn;background:conic-gradient(from var(--border-angle),#626b76,#626b76 95%) padding-box,conic-gradient(from var(--border-angle),#626b76 25%,#626b76,white 99%,transparent) border-box;animation:ar-bg-spin 3s linear infinite}.ar-button .ar-icon{width:22px;height:22px;flex-shrink:0}@keyframes ar-bg-spin{to{--border-angle: 1turn}}@property --border-angle{syntax: "<angle>"; inherits: true; initial-value: 0turn;}.buyButton{background:#000;box-shadow:0 10px 20px #0003;padding:8px 19px;margin:5px 7px;border-radius:20px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;border:2px solid #000;vertical-align:middle;white-space:nowrap;transition:all .2s ease-in-out}.buyButton .cart-icon{width:18px;height:18px;flex-shrink:0}.buyButton[hidden]{display:none}.buyButton:hover{background:#333}.bybrand{grid-area:nw;width:8vw;margin:0;min-width:60px;animation:fade-in 2s ease;z-index:1000;color:#434242;pointer-events:none}.bybrand img{width:100%;max-height:18vh}.bybrand.dark{filter:contrast(0) brightness(200%)}.byarkid{grid-area:sw;align-self:end;width:40px;line-height:1rem;font-size:.6rem;font-family:sans-serif;text-align:center;text-transform:uppercase;letter-spacing:1px;color:#132042;animation:fade-in 2s ease;margin-bottom:2px}.byarkid a{text-decoration:none}.byarkid.dark{color:#fff}.byarkid .arkidlogo{display:block;margin-top:2px;width:38px;height:16px;color:#434242}.byarkid .arkidlogo svg{width:100%;height:100%}.byarkid.dark .arkidlogo{color:#fff}.card{grid-area:e;align-self:center;justify-self:end;transform-style:preserve-3d;transition:all .5s linear;width:130px;box-sizing:border-box;cursor:pointer;z-index:3;padding:5px;border-radius:5px;font-family:sans-serif;display:block;animation:fade-in 2s ease;backface-visibility:hidden}arkid-model .card.clickcard.dark svg,arkid-model .card.clickcard.dark p,arkid-model .card.clickcard.dark span,arkid-model.dark .card.clickcard svg,arkid-model.dark .card.clickcard p,arkid-model.dark .card.clickcard span{color:#fff}.card p{line-height:1.3rem;margin-top:5px;text-align:center;color:#003c5d}.card svg{width:115px;margin:10px auto 0;display:inline-block}.flipped{transform:rotateY(180deg)}.face{backface-visibility:hidden;background-color:#ffffff40}.front{z-index:1;transition:all .5s linear;text-align:center;padding:5px;border-radius:5px;width:100%;background-size:400% 400%;position:relative;animation:color-gradient 3s ease infinite}.front p,.back p{color:#222323;margin-bottom:0}.front p span{position:relative;inset-inline-start:-4px;top:-12px}.front:hover{background-image:linear-gradient(180deg,#ffffffb3,#ffffff0d,#ffffffb3,#ffffff0d);background-size:400% 400%;animation:color-gradient 3s ease infinite;transition:all .5s ease}.front .hand{width:40%;margin-top:15px;margin-bottom:4px;animation:horizontal-shaking 5s ease infinite;color:#444}.front p .glyphAR{width:30px;color:#003c5d;inset-inline-start:4px;position:relative}.back{overflow:hidden;z-index:-1;display:block;transform:rotateY(180deg);box-shadow:0 0 #aaa;transition:all .5s linear;background-image:linear-gradient(180deg,#ffffffb3,#ffffff0d,#ffffffb3,#ffffff0d);background-size:400% 400%;animation:color-gradient 3s ease infinite;position:absolute;top:0;padding:5px;border-radius:5px;width:100%;text-align:center}.back span{margin-top:3px;display:block}.flipped .front{z-index:-1}.flipped .back{z-index:2}.front svg,.front p .glyphAR{color:#333}.back svg{color:#666}.qr-code-svg{display:inline-block;width:115px;margin:10px auto 0;color:#000}.qr-code-svg svg{display:block;width:100%;height:auto}arkid-model::part(model){opacity:1;transition:opacity 10s ease-in-out}.progress-bar.hide{visibility:hidden;transition:visibility .3s}.progress-bar{display:block;width:33%;height:10%;max-height:2%;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);border-radius:25px;box-shadow:0 3px 10px 3px #00000080,0 0 5px 1px #0009;border:1px solid rgba(255,255,255,.9);background-color:#00000080}dialog:focus,dialog:focus-visible{outline:none}.hotspot{position:relative;width:28px;height:28px;background-color:var(--hotspot-color-b, #fff);border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;--min-hotspot-opacity: .2;--max-hotspot-opacity: .85}.hotspot .plus{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:var(--hotspot-color-a, #000);transition:all .2s ease}.hotspot .plus .hotspot-icon{width:45%;height:45%}.hotspot .tooltip{position:absolute;top:0;left:0;width:28px;height:28px;opacity:0;transform:scale(0);transition:all 0s ease;border-radius:50%}.hotspot .tooltip,.hotspot-modal .tooltip{background-color:var(--hotspot-color-b, #fff);color:var(--hotspot-color-a, #000);display:flex;justify-content:center;padding:12px;box-sizing:border-box;flex-flow:column;flex-wrap:wrap;text-align:left;align-items:flex-start;border:none}.hotspot-modal{padding:0;opacity:.9;border:none;background:var(--hotspot-color-b, #fff);border-radius:1em;color:var(--hotspot-color-a, #000);width:fit-content;max-width:calc(100vw - 40px)}.hotspot .tooltip p,.hotspot-modal .tooltip p{display:block!important;max-width:200px;text-align:left;margin:0}.hotspot .tooltip p.tooltipHeadline,.hotspot-modal .tooltip p.tooltipHeadline{display:block;font-weight:700;margin-bottom:10px;text-align:left}.hotspot img,.hotspot-modal img{display:block;margin:5px auto 15px}@media screen and (min-width:641px){.hotspot:hover{width:0;height:0;border-radius:8px;padding:0}.hotspot:hover .plus{opacity:0}.hotspot:hover .tooltip{width:max-content;height:fit-content;border-radius:8px;opacity:1;transform:scale(1);color:var(--hotspot-color-a, #000);font-size:1rem;line-height:1.3rem;border:none;left:-15px;top:-15px;box-shadow:3px 3px 10px #0000000d}}.hotspot[hidden]{display:none}.fullscreen-toggle,.privacy-link{box-shadow:none;width:25px;height:24px;display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;padding:6px 8px;color:transparent;font-size:.7rem;letter-spacing:.5px;opacity:1;transition:all .3s;box-sizing:border-box;font-family:sans-serif;text-decoration:none;overflow:hidden;white-space:nowrap;background:transparent}.fullscreen-toggle .fullscreen-icon,.privacy-link .privacy-icon{width:18px;height:18px;flex-shrink:0}.fullscreen-toggle:hover,.privacy-link:hover{box-shadow:none;animation:none;height:24px;padding:6px 8px;border:none;color:#424242;opacity:.8;transition:all .3s;box-sizing:border-box;width:fit-content}.fullscreen-toggle{grid-area:ne;justify-self:end}.fullscreen-toggle.dark{color:#fff}.fullscreen-toggle[hidden],.card[hidden]{display:none}.privacy-link{grid-area:se;align-self:end;justify-self:end;display:inline-flex}.privacy-link.dark,.fullscreen-toggle.dark:hover,.privacy-link.dark:hover{color:#fff}.back-link{position:absolute;top:25px;left:25px;width:fit-content;animation:fade-in 2s ease;z-index:1000;color:#424242;text-decoration:none;text-align:center;font-family:sans-serif;font-size:.7rem;padding:6px 8px;height:12px;border-radius:0;display:flex;align-items:center;gap:4px}.back-link[hidden]{display:none}.back-link .back-icon{width:16px;height:16px;flex-shrink:0}body.disable_qr .configurator.right{right:23px}body.disable_qr:not(.asm) .configurator.centered{grid-area:e;align-self:center;width:52px}body.disable_qr:not(.asm) .configurator.centered button:hover:after{left:unset;display:block;text-align:right;right:50px;bottom:5px}@media screen and (max-width:640px){.am-inner{grid-template-columns:50px 1fr 50px;padding:20px 10px}.privacy-link:hover,.fullscreen-toggle:hover{width:25px;padding:6px 8px;color:transparent}.configurator.left{width:46px;margin-inline-start:0}.configurator button{width:30px;height:30px}.configurator.centered .group{display:flex;flex-wrap:wrap;justify-content:center}.configurator.centered .group .buyButton{order:1}.configurator.centered .group:after{content:"";flex-basis:100%;height:0}.card,.fullscreen-toggle{display:none}.Hotspot:hover .tooltip{width:180px;height:fit-content;border-radius:8px;opacity:1;transform:scale(1);background:#ffffffd9;color:#000;font-size:.8rem;line-height:1.1rem;border:2px solid #fff;position:absolute;left:-50px;top:auto;bottom:15px;box-shadow:3px 3px 10px #0000000d}}@media screen and (min-width:641px)and (max-width:799px){.configurator.left{left:40px}.card{right:40px}}arkid-model::part(default-progress-bar){background:#000;display:none}@keyframes fade-in{0%{opacity:0}20%{opacity:0}to{opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #0008}to{box-shadow:0 0 0 10px #0000}}@keyframes color-gradient{0%{background-position:50% 0%}50%{background-position:100% 50%}to{background-position:50% 0%}}@keyframes horizontal-shaking{4%{transform:translateZ(0)}8%{transform:translate3d(3px,0,0)}12%{transform:translate3d(-5px,0,0)}16%{transform:translate3d(6px,0,0)}20%{transform:translateZ(0)}}arkid-model .cta{position:absolute;bottom:0;left:0;right:0;border-radius:20px;margin:22px;overflow:hidden;display:none}arkid-model .cta iframe{border:none;background:transparent;width:100%;height:121px;overflow:hidden;pointer-events:none}arkid-model[ar-status=session-started] .cta,arkid-model[ar-status=object-placed] .cta{display:block}arkid-model[ar-status=session-started] .am-inner,arkid-model[ar-status=object-placed] .am-inner{display:none}.dot{display:none}.dim{background:transparent;border:none;box-sizing:border-box;display:block;font-family:Futura,Helvetica Neue,sans-serif;font-size:.8em;overflow-wrap:break-word;padding:.5em 1em;position:absolute;width:max-content;height:max-content;transform:translate3d(-50%,-50%,0);pointer-events:none;--min-hotspot-opacity: 0}arkid-model.dark .dim{color:#fff}@media only screen and (max-width:800px){.dim{font-size:3vw}}.dimensionLineContainer{pointer-events:none;display:block;position:absolute}.dimensionLine{stroke:#bababa;stroke-width:1;stroke-dasharray:5}.hide{display:none}:not(:defined)>*{display:none}.loader svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);width:380px;z-index:-1}.loader svg circle{stroke-dasharray:127;stroke-dashoffset:calc(127 + var(--mv-progress) * 127 * -1);stroke-opacity:0;stroke:#626b76;transition:stroke-opacity .5s}.progress-animation .loader svg circle{stroke-opacity:1;animation:arkid-progress 10s 1 ease-out}@keyframes arkid-progress{0%{stroke-dashoffset:127}to{stroke-dashoffset:0}}arkid-model:has(.hotspot:hover){.hotspot:not(:hover){opacity:0}}.popover-alert,.popover-hover{border:none;color:#fff;background:#000;padding:1em;border-radius:1em;pointer-events:none;position:fixed;bottom:25vh;margin-left:50vw;transform:translate(-50%);outline:none}body.no-animation-colors .popover-alert,body.no-animation-colors .popover-hover{bottom:15vh}.popover-alert[open]{animation:popover-fade 3s forwards}@keyframes popover-fade{0%{opacity:1}to{opacity:0}}.popover-alert::backdrop,.popover-hover::backdrop{background:none;display:none}*:focus,*:focus-visible{outline:none!important}
