@font-face{font-family:nanoleaf;src:url(../fonts/otf/MiSans-Thin.otf) format('opentype'),url(../fonts/ttf/MiSans-Thin.ttf) format('truetype'),url(../fonts/woff/MiSans-Thin.woff) format('woff'),url(../fonts/woff2/MiSans-Thin.woff2) format('woff2');font-weight:100;font-style:normal;font-display:block}@font-face{font-family:nanoleaf;src:url(../fonts/otf/MiSans-ExtraLight.otf) format('opentype'),url(../fonts/ttf/MiSans-ExtraLight.ttf) format('truetype'),url(../fonts/woff/MiSans-ExtraLight.woff) format('woff'),url(../fonts/woff2/MiSans-ExtraLight.woff2) format('woff2');font-weight:200;font-style:normal;font-display:block}@font-face{font-family:nanoleaf;src:url(../fonts/otf/MiSans-Light.otf) format('opentype'),url(../fonts/ttf/MiSans-Light.ttf) format('truetype'),url(../fonts/woff/MiSans-Light.woff) format('woff'),url(../fonts/woff2/MiSans-Light.woff2) format('woff2');font-weight:300;font-style:normal;font-display:block}@font-face{font-family:nanoleaf;src:url(../fonts/otf/MiSans-Normal.otf) format('opentype'),url(../fonts/ttf/MiSans-Normal.ttf) format('truetype'),url(../fonts/woff/MiSans-Normal.woff) format('woff'),url(../fonts/woff2/MiSans-Normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:block}@font-face{font-family:nanoleaf;src:url(../fonts/otf/MiSans-Medium.otf) format('opentype'),url(../fonts/ttf/MiSans-Medium.ttf) format('truetype'),url(../fonts/woff/MiSans-Medium.woff) format('woff'),url(../fonts/woff2/MiSans-Medium.woff2) format('woff2');font-weight:500;font-style:normal;font-display:block}@font-face{font-family:nanoleaf;src:url(../fonts/otf/MiSans-Demibold.otf) format('opentype'),url(../fonts/ttf/MiSans-Demibold.ttf) format('truetype'),url(../fonts/woff/MiSans-Demibold.woff) format('woff'),url(../fonts/woff2/MiSans-Demibold.woff2) format('woff2');font-weight:600;font-style:normal;font-display:block}@font-face{font-family:nanoleaf;src:url(../fonts/otf/MiSans-Semibold.otf) format('opentype'),url(../fonts/ttf/MiSans-Semibold.ttf) format('truetype'),url(../fonts/woff/MiSans-Semibold.woff) format('woff'),url(../fonts/woff2/MiSans-Semibold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:block}@font-face{font-family:nanoleaf;src:url(../fonts/otf/MiSans-Bold.otf) format('opentype'),url(../fonts/ttf/MiSans-Bold.ttf) format('truetype'),url(../fonts/woff/MiSans-Bold.woff) format('woff'),url(../fonts/woff2/MiSans-Bold.woff2) format('woff2');font-weight:800;font-style:normal;font-display:block}@font-face{font-family:nanoleaf;src:url(../fonts/otf/MiSans-Heavy.otf) format('opentype'),url(../fonts/ttf/MiSans-Heavy.ttf) format('truetype'),url(../fonts/woff/MiSans-Heavy.woff) format('woff'),url(../fonts/woff2/MiSans-Heavy.woff2) format('woff2');font-weight:900;font-style:normal;font-display:block}@media screen and (min-width:0px){:root{-webkit-font-smoothing:antialiased;--font-family:'nanoleaf',sans-serif;--page-padding:20px;--button-margin:24px;--button-padding:32px;--button-font-size:12px;--button-line-height:42px;--font-size:16px;--color-leaf:#3FAE29;--color-leaf-hover:#52B63E;--color-light-leaf-hover:#ECF7EA;--color-peppercorn:#2D2F30;--color-pearl:#F8F8F8;--color-fog:#BFBFBF;--color-gray:#AEAEAE;--color-marble:#DADEE1;--color-mushroom:#CDC0B0;--color-sand:#F7EFE3;--color-oak:#B39C86;--color-raven:#3E4041;--color-charcoal:#515354;--color-warning:#FFBD41;--color-error:#E61F1F;--color-stock:#FF6432;--main-background-color:var(--color-pearl);--border-radius:10px;--default-transition:all 0.35s;--input-font-color:var(--color-peppercorn);--placeholder-color:var(--color-fog);--input-default-border-color:var(--color-marble);--input-focus-border-color:var(--color-peppercorn);--nav-height:44px;--second-nav-height:44px;--section-padding:48px;--header-height:calc(var(--nav-height) + var(--second-nav-height));--margin-xxs:4px;--margin-xs:8px;--margin-s:12px;--margin-m:16px;--margin-xm:20px;--margin-xxm:24px;--margin-xxxm:28px;--margin-l:32px;--margin-xl:36px;--margin-xxl:40px;--margin-xxxl:44px;--margin-xxxxl:48px;--nl-width:1440px;--nl-section-width:calc(100vw - var(--page-padding) * 2);--min-viewport-width:300;--max-viewport-width:800;--line-height-factor:1.25;--h1-min-font-size:40;--h1-max-font-size:44;--h2-min-font-size:34;--h2-max-font-size:36;--h3-min-font-size:28;--h3-max-font-size:30;--h4-min-font-size:24;--h4-max-font-size:26;--h5-min-font-size:20;--h5-max-font-size:21;--font-body-big-min-font-size:17;--font-body-big-max-font-size:18;--font-body-reg-min-font-size:14;--font-body-reg-max-font-size:15;--font-body-sml-min-font-size:12;--font-body-sml-max-font-size:13;--viewport-width-ratio:calc((100vw - calc(var(--min-viewport-width) * 1px)) / (var(--max-viewport-width) - var(--min-viewport-width)));--font-title-xxl:calc(calc(var(--h1-min-font-size) * 1px) + (var(--h1-max-font-size) - var(--h1-min-font-size)) * var(--viewport-width-ratio));--font-title-xxl-line-height:calc(var(--font-title-xxl) * var(--line-height-factor));--font-title-xxl-letter-spacing:calc(-0.6px + (-0.65 * (100vw - 800px)) / 800);--font-title-xl:calc(calc(var(--h2-min-font-size) * 1px) + (var(--h2-max-font-size) - var(--h2-min-font-size)) * var(--viewport-width-ratio));--font-title-xl-line-height:calc(var(--font-title-xl) * var(--line-height-factor));--font-title-xl-letter-spacing:calc(-0.125px + (-0.43 * (100vw - 800px)) / 800);--font-title-l:calc(calc(var(--h3-min-font-size) * 1px) + (var(--h3-max-font-size) - var(--h3-min-font-size)) * var(--viewport-width-ratio));--font-title-l-line-height:calc(var(--font-title-l) * var(--line-height-factor));--font-title-l-letter-spacing:calc(-0.1px + (-0.185 * (100vw - 800px)) / 800);--font-title-m:calc(calc(var(--h4-min-font-size) * 1px) + (var(--h4-max-font-size) - var(--h4-min-font-size)) * var(--viewport-width-ratio));--font-title-m-line-height:calc(var(--font-title-m) * var(--line-height-factor));--font-title-m-letter-spacing:calc(0.03px + (-0.13 * (100vw - 800px)) / 800);--font-title-s:calc(calc(var(--h5-min-font-size) * 1px) + (var(--h5-max-font-size) - var(--h5-min-font-size)) * var(--viewport-width-ratio));--font-title-s-line-height:calc(var(--font-title-s) * var(--line-height-factor));--font-title-s-letter-spacing:calc(0.03px + (-0.13 * (100vw - 800px)) / 800);--font-body-big:calc(calc(var(--font-body-big-min-font-size) * 1px) + (var(--font-body-big-max-font-size) - var(--font-body-big-min-font-size)) * var(--viewport-width-ratio));--font-body-big-line-height:calc(var(--font-body-big) * calc(var(--line-height-factor) + 0.3));--font-body-reg:calc(calc(var(--font-body-reg-min-font-size) * 1px) + (var(--font-body-reg-max-font-size) - var(--font-body-reg-min-font-size)) * var(--viewport-width-ratio));--font-body-reg-line-height:calc(var(--font-body-reg) * calc(var(--line-height-factor) + 0.3));--font-body-sml:calc(calc(var(--font-body-sml-min-font-size) * 1px) + (var(--font-body-sml-max-font-size) - var(--font-body-sml-min-font-size)) * var(--viewport-width-ratio));--font-body-sml-line-height:calc(var(--font-body-sml) * calc(var(--line-height-factor) + 0.3));--font-body-xsml:10px;--font-body-xsml-line-height:16px;--font-title-section:calc(var(--font-size) * 1);--font-title-section-line-height:calc(var(--font-title-section) * var(--line-height-factor));--font-title-section-color:var(--color-gray);--font-button-reg:var(--button-font-size)}}@media screen and (min-width:768px){:root{--page-padding:50px;--section-padding:72px;--nav-height:56px}}@media screen and (min-width:800px){:root{--min-viewport-width:800;--max-viewport-width:1600;--line-height-factor:1.2;--h1-min-font-size:44;--h1-max-font-size:66;--h2-min-font-size:36;--h2-max-font-size:57;--h3-min-font-size:30;--h3-max-font-size:41;--h4-min-font-size:26;--h4-max-font-size:36;--h5-min-font-size:21;--h5-max-font-size:26;--font-body-big-min-font-size:18;--font-body-big-max-font-size:22;--font-body-reg-min-font-size:15;--font-body-reg-max-font-size:16;--font-body-sml-min-font-size:13;--font-body-sml-max-font-size:14}}@media screen and (min-width:1200px){:root{--nav-height:60px;--second-nav-height:56px}}@media screen and (min-width:1280px){:root{--page-padding:10vw}}@media screen and (min-width:1440px){:root{--section-padding:88px}}@media screen and (min-width:1600px){:root{--button-padding:36px;--button-font-size:14px;--button-line-height:46px;--min-viewport-width:1600;--max-viewport-width:1920;--line-height-factor:1.15;--h1-min-font-size:66;--h1-max-font-size:72;--h2-min-font-size:57;--h2-max-font-size:64;--h3-min-font-size:41;--h3-max-font-size:47;--h4-min-font-size:36;--h4-max-font-size:38;--h5-min-font-size:26;--h5-max-font-size:28;--font-body-big-min-font-size:22;--font-body-big-max-font-size:25;--font-body-reg-min-font-size:16;--font-body-reg-max-font-size:17;--font-body-sml-min-font-size:14;--font-body-sml-max-font-size:15;--font-body-xsml:12px}}@media screen and (min-width:1920px){:root{--page-padding:calc((100vw - var(--nl-width)) / 2);--nl-section-width:var(--nl-width)}}@media screen and (min-width:1921px){:root{--font-title-xxl:72px;--font-title-xxl-letter-spacing:-2px;--font-title-xl:64px;--font-title-xl-letter-spacing:-1px;--font-title-l:47px;--font-title-l-letter-spacing:-0.5px;--font-title-m:38px;--font-title-m-letter-spacing:-0.25px;--font-title-s:28px;--font-title-s-letter-spacing:-0.25px;--font-body-big:25px;--font-body-reg:17px;--font-body-sml:15px;--font-body-sml-line-height:20px}}@keyframes nl-footer-fade-down{0%{opacity:0;visibility:hidden;transform:translateY(-100%);height:0}50%{opacity:0}100%{opacity:1;visibility:visible;transform:translateY(0);height:auto}}@keyframes nl-glow-effect{0%{background-position:0 50%}100%{background-position:200% 50%}}@media screen and (min-width:0px){*{padding:0;margin:0}body,html{font-family:var(--font-family);color:var(--color-peppercorn);font-weight:300}ul li{list-style:none}button{outline:0}table{border-collapse:collapse}img{display:block;width:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}video{display:block;width:100%;-webkit-mask-image:-webkit-radial-gradient(white,#000);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}iframe{border:none}a{text-decoration:none;color:var(--color-peppercorn)}a.text-link{border-bottom:1px solid var(--color-peppercorn);transition:var(--default-transition)}a.text-link-white{color:#fff;border-bottom:1px solid #fff;transition:var(--default-transition)}a.text-link-white:active,a.text-link-white:focus,a.text-link-white:visited{color:#fff}a:active,a:focus,a:hover,a:visited{color:var(--color-peppercorn)}a:focus{outline:0}input,select,textarea{font-family:var(--font-family);display:block;width:100%;padding:0 16px;font-size:var(--font-body-reg);line-height:var(--button-line-height);border:1px solid var(--input-default-border-color);border-radius:var(--border-radius);color:var(--input-font-color);background:0 0;outline:0;resize:none;box-sizing:border-box;transition:var(--default-transition)}textarea{min-height:160px;padding:8px 16px;line-height:var(--font-body-reg-line-height)}input:-webkit-autofill{-webkit-background-clip:text}input::placeholder{color:var(--placeholder-color)}input::-webkit-calendar-picker-indicator{opacity:0}::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:disabled{background-color:var(--color-pearl)}input[type=number]{-moz-appearance:textfield}textarea::placeholder{color:var(--placeholder-color)}input:focus,select:focus,textarea:focus{border:1px solid var(--input-focus-border-color);box-shadow:0 0 0 1px var(--input-focus-border-color)}select{position:relative;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:28px;background:url(../img/common/select-arrowdown-black.png) no-repeat right 16px center;background-size:8px}select::-ms-expand{display:none}.btn{cursor:pointer;display:block;width:100%;padding:0 var(--button-padding);font-size:var(--button-font-size);line-height:var(--button-line-height);font-weight:500;text-align:center;text-transform:uppercase;white-space:nowrap;background-color:rgba(255,255,255,.1);color:var(--color-peppercorn);border:1px solid var(--color-peppercorn);box-sizing:border-box;border-radius:var(--border-radius);transition:var(--default-transition)}.btn.btn-white{border:1px solid #fff;background-color:#fff}.btn.btn-white-blur{border:1px solid #fff;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.btn.btn-black{background-color:var(--color-peppercorn);color:#fff}.btn.btn-green{background-color:var(--color-leaf);color:#fff;border:1px solid var(--color-leaf)}.btn.btn-icon{display:flex;gap:8px;justify-content:center;align-items:center}.btn.btn-icon img{width:16px;height:16px}.btn.btn-icon img:nth-child(1){display:block}.btn.btn-icon img:nth-child(2){display:none}.btn-player{width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.btn-player .open-video-circle{width:36px;height:36px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(45,47,48,.1);border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;border:1px solid #fff;box-sizing:border-box}.btn-player .right-triangle{width:0;height:0;border-top:8px solid transparent;border-left:12px solid #fff;border-bottom:8px solid transparent;font-size:0;line-height:0;display:inline-block;vertical-align:middle;margin-left:4px}.btn.btn-video::after{content:'';display:inline-block;width:0;height:0;margin-left:8px;margin-bottom:-1px;border-top:7px solid transparent;border-left:10px solid var(--color-peppercorn);border-bottom:7px solid transparent;font-size:0;line-height:0}.btn.btn-black.btn-video::after{border-left:10px solid #fff}.nl-width{padding:0 var(--page-padding)}.font-title-xxl{font-size:var(--font-title-xxl);line-height:var(--font-title-xxl-line-height);font-weight:700}.font-title-xl{font-size:var(--font-title-xl);line-height:var(--font-title-xl-line-height);font-weight:700}.font-title-l{font-size:var(--font-title-l);line-height:var(--font-title-l-line-height);font-weight:700}.font-title-m{font-size:var(--font-title-m);line-height:var(--font-title-m-line-height);font-weight:700}.font-title-s{font-size:var(--font-title-s);line-height:var(--font-title-s-line-height);font-weight:700}.font-title-subtitle-xxl{font-size:calc(var(--font-title-xxl)/ 2);line-height:calc(var(--font-title-xxl-line-height)/ 2);font-weight:700}.font-title-subtitle-xl{font-size:calc(var(--font-title-xl)/ 2);line-height:calc(var(--font-title-xl-line-height)/ 2);font-weight:700}.font-title-subtitle-l{font-size:calc(var(--font-title-l)/ 2);line-height:calc(var(--font-title-l-line-height)/ 2);font-weight:700}.font-title-subtitle-m{font-size:calc(var(--font-title-m)/ 2);line-height:calc(var(--font-title-m-line-height)/ 2);font-weight:700}.font-title-subtitle-s{font-size:calc(var(--font-title-s)/ 2);line-height:calc(var(--font-title-s-line-height)/ 2);font-weight:700}.font-title-section{padding:0 20px;font-size:var(--font-title-section);line-height:var(--font-title-section-line-height);color:var(--font-title-section-color);text-align:center;text-transform:uppercase}.font-body-big{font-size:var(--font-body-big);line-height:var(--font-body-big-line-height)}.font-body-reg{font-size:var(--font-body-reg);line-height:var(--font-body-reg-line-height);font-weight:300}.font-body-sml{font-size:var(--font-body-sml);line-height:var(--font-body-sml-line-height)}.font-body-xsml{font-size:var(--font-body-xsml);line-height:var(--font-body-xsml-line-height)}.font-light{font-weight:300}.font-normal{font-weight:500}.font-bold{font-weight:700}.icon-tag{display:inline-block;padding:0 8px;border-radius:5px;background:var(--color-light-leaf-hover);color:var(--color-leaf);font-size:var(--font-body-xsml);line-height:16px}.icon-new{font-size:var(--font-body-sml);line-height:var(--font-body-sml-line-height);color:var(--color-leaf);font-weight:700}.icon-mark-grey,.icon-mark-white{display:inline-block;width:16px;border-radius:50%;font-size:12px;line-height:16px;text-align:center}.icon-mark-white{background-color:#fff}.icon-mark-grey{background-color:var(--color-pearl)}form label{font-size:var(--font-body-reg);line-height:var(--font-body-reg-line-height)}form input[type=checkbox],form input[type=radio]{visibility:hidden;opacity:0;width:0;height:0;padding:0;border:none}form input[type=checkbox]~em,form input[type=radio]~em{display:block;width:100%;order:2}form input[type=checkbox]~label,form input[type=radio]~label{display:block;margin-bottom:0;padding-left:28px;cursor:pointer;position:relative}form input[type=checkbox]~label::before,form input[type=radio]~label::before{position:absolute;left:0;content:"";display:inline-block;width:20px;height:20px;box-sizing:border-box;border:1px solid var(--color-peppercorn)}form input[type=radio]~label::before{border-radius:50%}form input[type=checkbox]~label::before{border-radius:5px}form input[type=checkbox]~label::after,form input[type=radio]~label::after{position:absolute;left:4px;top:4px;content:"";opacity:0}form input[type=radio]~label::after{width:12px;height:12px;border-radius:50%;background-color:var(--color-peppercorn);transition:var(--default-transition)}form input[type=checkbox]~label::after{border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);padding:3px 5px}form input[type=checkbox]:checked~label::before{background-color:var(--color-peppercorn)}form input[type=radio]:checked~label::before{border:2px solid var(--color-peppercorn)}form input[type=checkbox]:checked~label::after,form input[type=radio]:checked~label::after{opacity:1}form input[type=checkbox].least-one~label::before{background-color:var(--color-peppercorn)}form input[type=checkbox].least-one~label::after{top:6px;padding:3px 6px;border-left:none;transform:rotate(0)}form input[type=checkbox]:disabled~label::before,form input[type=radio]:disabled~label::before{border:2px solid var(--color-marble)}form input[type=radio]:checked:disabled~label::after{background-color:var(--color-marble)}form input[type=checkbox]:checked:disabled~label::before{background-color:var(--color-marble)}}@media screen and (min-width:768px){.btn,form .form-operate button[type=submit]{width:fit-content}}@media screen and (min-width:1200px){.btn:hover{background-color:rgba(45,47,57,.1)}.btn.btn-white:hover{background-color:var(--color-pearl)}.btn.btn-green:hover{background-color:var(--color-leaf-hover)}.btn.btn-black:hover,form .form-operate button[type=submit]:hover,form input[type=submit]:hover{background-color:var(--color-raven)}.btn.btn-icon:hover{background-color:var(--color-peppercorn);color:#fff}.btn.btn-icon:hover img:nth-child(1){display:none}.btn.btn-icon:hover img:nth-child(2){display:block}a.text-link:hover{color:var(--color-leaf);border-bottom:1px solid var(--color-leaf)}}@media screen and (min-width:1600px){.icon-tag{line-height:24px;display:inline-flex;align-items:center}}@media screen and (min-width:1920px){.nl-width{width:var(--nl-width);padding:0;margin-left:auto;margin-right:auto}}@media screen and (min-width:0px){body.open-menu{height:100%;overflow:hidden}.header-nav{position:fixed;top:0;left:0;right:0;z-index:5;height:var(--nav-height);padding:0 var(--page-padding);display:grid;grid-template-columns:32px 110px 32px;justify-content:space-between;align-items:center;background-color:#fff;border-bottom:1px #f1f2f2 solid;box-sizing:border-box}.header-nav .menu-toggle{display:flex;flex-direction:column;justify-content:center;width:22px;height:var(--nav-height);cursor:pointer}.header-nav .menu-toggle .line{margin:3px 0;height:2px;width:100%;border-radius:1px;background-color:#2d2f30}.header-nav .menu-tabs{display:none}.header-menu{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:5}body.open-menu .header-menu{display:block}.header-menu-wrapper{height:100%;background-color:#fff;font-size:14px;line-height:var(--font-body-reg-line-height);overflow:hidden}.menu-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px var(--page-padding)}.menu-top .menu-box{font-size:12px;line-height:var(--font-body-sml-line-height);color:var(--color-fog);font-weight:700}.icon-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;cursor:pointer}.icon-close div{width:20px;height:1px;background:var(--color-peppercorn)}.icon-close div:first-child{transform:rotate(45deg) translate(5px,-5px)}.icon-close div:last-child{transform:rotate(-45deg) translate(-5px,-5px)}.menu-main{position:absolute;left:0;right:0;top:52px;bottom:0;padding:12px var(--page-padding) 28px;overflow-y:auto}.back-to-menu{padding:6px 0}.menu-box,.show-name .back-to-menu{display:none}.show-design-ideas .menu-box.design-ideas,.show-name .menu-box.name,.show-products .menu-box.products,.show-store .menu-box.store,.show-support .menu-box.support,.show-works-with .menu-box.works-with{display:grid}.menu-main .menu-box{gap:32px}.menu-main .menu-box .label{padding-bottom:4px;font-size:12px;line-height:var(--font-body-sml-line-height);font-weight:700;color:var(--color-fog);border-bottom:1px solid var(--color-pearl)}.menu-main .menu-box .menu-item{display:grid;gap:12px}.menu-main .menu-box .menu-item>a{font-weight:700}.menu-main .menu-box .menu-item ul{display:grid;gap:4px}.menu-main .menu-box .menu-item ul li a{display:flex;gap:8px;align-items:center;font-weight:700;line-height:28px}.menu-main .menu-box.name .menu-item:nth-child(1) a{color:var(--color-leaf)}.menu-box .menu-item.two-cols ul{grid-template-columns:repeat(2,1fr);gap:var(--margin-m)}.menu-box .menu-item.two-cols ul li a{display:grid}.menu-box .menu-item.two-cols ul li a .divimg{width:100%;background-color:var(--color-pearl);border-radius:var(--border-radius);overflow:hidden}.menu-box .menu-item.two-cols ul li a .divimg img{height:100%;object-fit:cover}.menu-box .menu-item.quick-links ul li a{font-size:12px;font-weight:500}.menu-box.works-with .works-with-main{display:grid;gap:var(--margin-l)}.menu-box.works-with .works-with-tips{margin:0 calc(var(--page-padding)* -1);padding:8px var(--page-padding);transform:translateY(28px);background-color:var(--color-pearl);font-style:italic;font-size:12px}.menu-box.design-ideas .menu-item.social-media ul{display:flex;gap:var(--margin-m)}.menu-box.design-ideas .menu-item.social-media .divicon{width:32px}.menu-box.design-ideas .menu-item.social-media .divicon img{opacity:.78;filter:invert(1)}.menu-box .entry{display:grid;gap:var(--margin-l)}.menu-box .entry a.content{display:block;max-width:320px;font-weight:500}.menu-box .entry a.content .content-title{margin-bottom:var(--margin-xxs);font-weight:700}.menu-box .entry a.content p{font-size:12px;line-height:16px;opacity:.8}.menu-box .entry a.content .btn-nav{margin-top:var(--margin-m);width:fit-content;font-size:12px;line-height:16px;font-weight:700;text-transform:uppercase;letter-spacing:.25px}.menu-box .entry a.content .btn-nav::after{content:'';display:inline-block;margin:0 0 1px 6px;padding:2px;border-top:1px solid var(--color-peppercorn);border-right:1px solid var(--color-peppercorn);transform:rotate(45deg)}}@media screen and (min-width:768px){.header-menu-wrapper{height:auto}.header-menu-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);z-index:-1}.header-nav{grid-template-columns:32px 124px 32px}.menu-main{position:initial;padding:20px var(--page-padding) 40px}.menu-box .menu-item.two-cols ul{grid-template-columns:repeat(4,1fr)}.menu-main .menu-box.store{grid-template-columns:repeat(3,1fr);align-items:flex-start}.menu-main .menu-box.store .menu-item:nth-child(1){grid-area:1/1/2/4}.menu-main .menu-box.products{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:0 var(--margin-l);align-items:flex-start}.menu-main .menu-box.products .menu-item:nth-child(1){grid-area:1/1/5/2}.menu-main .menu-box.products .menu-item:nth-child(2){grid-area:1/2/3/3}.menu-main .menu-box.products .menu-item:nth-child(3){grid-area:3/2/5/3}.menu-main .menu-box.products .menu-item:nth-child(4){grid-area:1/3/2/4}.menu-main .menu-box.products .menu-item:nth-child(5){grid-area:2/3/3/4;display:none}.menu-main .menu-box.products .menu-item:nth-child(6){grid-area:3/3/5/4}.menu-box.works-with .works-with-main{grid-template-columns:repeat(3,1fr);align-items:flex-start}.menu-box.works-with .works-with-main .menu-item:nth-child(1){grid-area:1/1/2/2}.menu-box.works-with .works-with-main .menu-item:nth-child(2){grid-area:2/1/3/2}.menu-box.works-with .works-with-main .menu-item:nth-child(3){grid-area:1/2/3/3}.menu-box.works-with .works-with-main .menu-item:nth-child(4){grid-area:1/3/3/4}.menu-box.works-with .works-with-main .menu-item:nth-child(5){grid-area:3/1/4/4}.menu-box.works-with .entry{grid-template-columns:repeat(2,1fr)}.menu-box.works-with .works-with-tips{transform:translateY(40px)}.menu-box.support{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1200px){body.open-menu{height:auto;overflow:auto}.header-nav{padding:0 3%;grid-template-columns:132px 1fr 24px 24px 24px;gap:28px}.header-nav .menu-toggle{display:none}.header-nav .menu-tabs{display:flex;gap:40px;font-size:14px;line-height:var(--font-body-reg-line-height)}.header-nav .menu-tabs .menu-item a{display:block;padding:21px 0 12px;border-bottom:2px solid transparent;transition:var(--default-transition);white-space:nowrap}.header-nav .menu-tabs .menu-item a:hover,.header-nav .menu-tabs .menu-item.active a{border-bottom:2px solid var(--color-peppercorn);font-weight:700}.header-nav .menu-tabs .menu-item:nth-child(1) a{font-weight:700;color:var(--color-leaf)}.menu-top{display:none}.header-menu{top:var(--nav-height)}.header-menu-wrapper{position:relative}.menu-main{max-width:1200px;padding:28px var(--page-padding) 40px calc(3% + 96px + 28px - 8px)}.header-menu .menu-main .menu-box .menu-item .label{padding:0 8px 4px}.menu-main .menu-box{gap:24px 48px}.menu-main .menu-box .menu-item ul li a{padding:0 8px;line-height:28px;border-radius:calc(var(--border-radius)/ 2);transition:var(--default-transition)}.menu-main .menu-box .menu-item ul li a:hover{background-color:var(--color-pearl)}.menu-box .menu-item.two-cols ul li a:hover{background-color:transparent}.menu-main .menu-box.store{grid-template-columns:repeat(4,auto)}.menu-main .menu-box.store .menu-item:nth-child(1){grid-area:1/1/2/2}.menu-box .menu-item.two-cols ul{grid-template-columns:repeat(2,1fr);gap:0}.menu-box .menu-item.two-cols ul li a .divimg{height:120px}.menu-main .menu-box.products{grid-template-columns:repeat(4,1fr);gap:0 48px}.menu-box.works-with .works-with-main{grid-template-columns:repeat(5,1fr);margin-bottom:32px}.menu-box.works-with .works-with-main .menu-item:nth-child(5){grid-area:1/4/3/6}.menu-box.works-with .works-with-tips{position:absolute;left:0;right:0;bottom:0;margin:0;transform:translateY(0);padding-left:calc(3% + 96px + 28px);z-index:1}.menu-box.works-with .entry{grid-template-columns:1fr;gap:0}.menu-box .entry a.content{padding:12px 8px;transition:var(--default-transition);border-radius:var(--border-radius)}.menu-box .entry a.content .btn-nav{border-bottom:1px solid transparent;transition:var(--default-transition)}.menu-box .entry a.content:hover{background-color:var(--color-pearl)}.menu-box .entry a.content:hover .btn-nav{border-bottom:1px solid var(--color-peppercorn)}.menu-main .menu-box.design-ideas{grid-template-columns:2fr 1fr 1fr 1fr;align-items:flex-start}.menu-main .menu-box.design-ideas .menu-item:nth-child(1){grid-area:1/1/2/2}.menu-main .menu-box.design-ideas .menu-item.two-cols ul .divimg{height:auto}.menu-box.design-ideas .menu-item.social-media ul{gap:0}.menu-box.design-ideas .menu-item.social-media ul li a{padding:0 4px}.menu-box.design-ideas .menu-item.social-media .divicon{width:24px}.menu-main .menu-box.support{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:0px){footer{background-color:var(--color-peppercorn);color:#fff}footer a,footer a:active,footer a:focus,footer a:hover,footer a:visited{color:#fff}footer .footer-wrapper{padding-top:40px;padding-bottom:32px}footer .social-media{display:grid;grid-template-columns:repeat(6,32px);justify-content:space-between}footer .social-media li.wechat{position:relative}footer .social-media li.wechat .wechat-qr{position:absolute;top:44px;right:0;z-index:1;opacity:0;visibility:hidden;height:0;width:0;transition:var(--default-transition)}footer .social-media li.wechat .wechat-qr.active{opacity:1;visibility:visible;height:auto;width:120px}footer .footer-main{margin-top:var(--margin-l)}footer .footer-main .first-nav .second-nav{border-bottom:1px solid var(--color-raven)}footer .footer-main .first-nav li:last-child .second-nav:last-child{border-bottom:1px solid transparent}footer .footer-main .footer-title{display:flex;justify-content:space-between;align-items:center;height:56px;font-size:14px;line-height:20px;font-weight:700;cursor:pointer;transition:var(--default-transition)}footer .footer-main .footer-title .footer-arrow-down{position:relative;display:inline-block;width:14px;border-top:1px solid #fff}footer .footer-main .footer-title .footer-arrow-down::after{content:'';position:absolute;display:inline-block;width:14px;border-top:1px #fff solid;transform:rotate(90deg) translate(-1px,0);transition:all .2s}footer .footer-main .second-nav.active .footer-title .footer-arrow-down::after{transform:rotate(0) translate(0,-1px)}footer .footer-main .footer-content{visibility:hidden;opacity:0;transform:translateY(-100%);height:0}footer .footer-main .second-nav.active .footer-content{animation-name:nl-footer-fade-down;animation-fill-mode:forwards;animation-duration:.35s;padding-bottom:32px}footer .footer-main .footer-content a{padding:4px 0;display:block;text-transform:capitalize;font-size:12px;line-height:16px}footer .footer-bottom{padding:28px var(--page-padding);background-color:var(--color-raven)}footer .footer-bottom .open-locale-selector{display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:500}footer .footer-bottom .open-locale-selector .divider{margin:0 6px}footer .footer-bottom .open-locale-selector .arrows{margin-left:6px}footer .footer-bottom .open-locale-selector .arrows img{width:10px;height:10px;transform:rotate(90deg);transition:var(--default-transition)}footer .footer-bottom .open-locale-selector.active .arrows img{transform:rotate(-90deg)}footer .footer-bottom .copyright{margin:12px 0 0;text-align:center}footer .footer-bottom .other-links{display:block;padding:12px 0;text-align:center}}@media screen and (min-width:768px){footer .footer-main .footer-title{font-size:15px}footer .footer-main .footer-content a{font-size:13px}footer .social-media{width:300px}footer .social-media li.wechat .wechat-qr{right:auto;top:0;left:44px}footer .footer-main .first-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}footer .footer-main .footer-content{visibility:visible;opacity:1;transform:translateY(0);height:auto}footer .footer-main .footer-title{padding:0 0 4px;height:auto}footer .footer-main .footer-title .footer-arrow-down{display:none}footer .footer-main .first-nav .second-nav{border:none}footer .footer-main .second-nav:nth-child(1) .footer-content{padding-bottom:32px}footer .footer-bottom .footer-bottom-wrapper{display:flex;align-items:center;justify-content:space-between}footer .footer-bottom .copyright{margin:0}footer .footer-bottom .other-links{padding:4px 0;width:fit-content}}@media screen and (min-width:1280px){footer .footer-wrapper{display:grid;gap:20px;grid-template-columns:4fr 1fr}footer .footer-top{order:2}footer .footer-main{margin-top:0}footer .social-media{width:fit-content;gap:20px;grid-template-columns:repeat(3,32px)}footer .social-media li.wechat .wechat-qr{top:-52px}footer .footer-bottom .footer-bottom-wrapper{grid-template-columns:repeat(3,1fr)}footer .footer-bottom .open-locale-selector{grid-area:1/1/2/2}footer .footer-bottom .copyright{grid-area:1/2/2/3;text-align:center}}@media screen and (min-width:1600px){footer .footer-main .footer-title{font-size:16px}footer .footer-main .footer-content a{font-size:14px}}@media screen and (min-width:0px){.locale-selector{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#fff;opacity:0;visibility:hidden;transition:var(--default-transition);z-index:-1}.locale-selector.active{opacity:1;visibility:visible;z-index:5}.locale-selector .popup-top{padding:40px var(--page-padding) 0;border-bottom:1px var(--color-pearl) solid}.locale-selector .popup-top .title{display:flex;font-size:var(--font-body-big);line-height:var(--font-body-big-line-height);font-weight:700}.locale-selector .popup-top .title li{padding-bottom:3px;border-bottom:2px var(--color-peppercorn) solid}.locale-selector .close-popup{position:absolute;top:20px;right:var(--page-padding);width:30px;height:30px;cursor:pointer}.locale-selector .close-popup div{width:25px;height:2px;background:var(--color-peppercorn)}.locale-selector .close-popup div:first-child{transform:rotate(45deg) translate(16px,6px)}.locale-selector .close-popup div:last-child{transform:rotate(-45deg) translate(-5px,15px)}.locale-selector .selector{height:calc(100vh - 70px);overflow-y:auto}.locale-selector .locale-menu{padding:var(--margin-m) 0 var(--margin-xxl)}.locale-selector .region .title{display:grid;align-items:center;grid-template-columns:1fr 24px;padding:16px var(--page-padding);box-sizing:border-box;cursor:pointer}.locale-selector .region .title .arrow{display:none}.locale-selector .region .title .toggle{position:relative;display:inline-block;width:20px;border-top:2px var(--color-peppercorn) solid}.locale-selector .region .title .toggle::after{content:'';position:absolute;display:inline-block;width:20px;border-top:2px var(--color-peppercorn) solid;transform:rotate(90deg) translate(-1px,0);transition:all .2s}.locale-selector .region.active .title .toggle::after{transform:rotate(0) translate(0,-2px)}.locale-selector .region .title .region-name{font-size:var(--font-title-m);line-height:var(--font-title-m-line-height);font-weight:700}.locale-selector .region .language-list{opacity:0;visibility:hidden;height:0;transition:var(--default-transition);overflow:hidden}.locale-selector .region.active .language-list{opacity:1;visibility:visible;height:auto}.locale-selector .language-list .region-name{padding:12px var(--page-padding) 4px;font-size:var(--font-title-s);line-height:var(--font-title-s-line-height);font-weight:700;opacity:.5}.locale-selector .language-list .region-name.latam{margin-top:var(--margin-m)}.locale-selector .language-list .box{display:grid;padding:0 0 20px}.locale-selector .language-list .box .item{padding:10px var(--page-padding);display:grid;grid-template-columns:1fr 2fr 20px;align-items:center;font-size:var(--font-body-reg);line-height:var(--font-body-reg-line-height)}.locale-selector .language-list .box .item.active{background-color:var(--color-pearl)}.locale-selector .language-list .item .country .lable{font-weight:700}.locale-selector .language-list .item .entry{display:flex;gap:6px}.locale-selector .language-list .item .entry span,.locale-selector .language-list .item .entry>a{display:block}.locale-selector .language-list .box .item .country-selected{opacity:0}.locale-selector .language-list .box .item.active .country-selected{opacity:1}}@media screen and (min-width:768px){.locale-selector .language-list .wrapper{padding:0 var(--page-padding)}.locale-selector .language-list .region-name{padding:12px 0 4px}.locale-selector .language-list .box{padding:0 0 40px;grid-template-columns:repeat(3,1fr)}.locale-selector .language-list .box .item{padding:16px 20px;gap:4px;grid-template-columns:1fr 20px;border-radius:var(--border-radius)}.locale-selector .language-list .item .entry{order:3}}@media screen and (min-width:1025px){.locale-selector{background-color:rgba(0,0,0,.5)}.locale-selector .popup-top{background-color:#fff}.locale-selector .selector{position:relative;height:auto;background-color:#fff}.locale-selector .space{padding:20px 0}.locale-selector .region{display:flex}.locale-selector .region .title{grid-template-columns:1fr 10px;width:420px;padding:20px var(--page-padding)}.locale-selector .region .title .arrow{display:block}.locale-selector .region .title .arrow img{width:10px}.locale-selector .region .title .arrow img:nth-child(2),.locale-selector .region .title .toggle{display:none}.locale-selector .region .language-list{position:absolute;left:420px;right:0;top:0;bottom:0;padding:28px 50px;opacity:0;visibility:hidden;box-shadow:inset 6px 0 35px -30px rgb(0 0 0 / 40%)}.locale-selector .region.active .language-list{opacity:1;visibility:visible}.locale-selector .language-list .wrapper{padding:0}.locale-selector .language-list .box{grid-template-columns:repeat(2,1fr);padding:0}.locale-selector .language-list .box .item{padding:12px 20px}.locale-selector .language-list .region-name:nth-child(1){padding-top:0}}@media screen and (min-width:1280px){.locale-selector .selector{padding:0 var(--page-padding)}.locale-selector .region .title{padding:20px 24px;width:360px;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.locale-selector .region.active .title{background-color:var(--color-pearl)}.locale-selector .region .language-list{left:calc(var(--page-padding) + 360px);padding:32px var(--page-padding) 0 48px}.locale-selector .language-list .box{grid-template-columns:repeat(3,1fr)}.locale-selector .popup-top .title{font-size:1.25rem}.locale-selector .language-list .box .item{font-size:1rem}.locale-selector .region .title .region-name{font-size:1.875rem}}@media screen and (min-width:1440px){.locale-selector .region .language-list{padding:60px var(--page-padding) 0 80px}}@media screen and (min-width:0px){main{margin-top:var(--nav-height)}.visually-hidden{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9% 99.9%);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}#video-overlay{position:fixed;top:0;bottom:0;left:0;right:0;height:100vh;width:100%;background:rgba(0,0,0,.7);opacity:0;visibility:hidden;transition:all .35s;display:flex;justify-content:center;align-items:center}#video-overlay.active{opacity:1;visibility:visible;z-index:5}#video-popup .video{width:100vw;height:56.25vw}#video-popup .video iframe{width:100%;height:100%}#video-popup .video-error{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0 var(--page-padding);font-size:1.875rem;line-height:2.5rem;font-weight:700;color:#fff;height:0;visibility:hidden;opacity:0;transition:all .35s;transition-delay:.25s;text-align:center}#video-popup .video-error.active{height:auto;visibility:visible;opacity:1}.close-video{position:absolute;top:30px;right:30px;width:40px;height:40px;opacity:0;visibility:hidden;transition:all .35s;transition-delay:.25s;cursor:pointer}#video-overlay.active .close-video{opacity:1;visibility:visible}.close-video div{position:absolute;width:100%;height:3px;background:#fff;top:50%}.close-video div:first-child{transform:rotate(45deg)}.close-video div:last-child{transform:rotate(-45deg)}.popup{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;transition:var(--default-transition);visibility:hidden;opacity:0}.popup.active{z-index:5;visibility:visible;opacity:1}.popup .popup-overlay{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:0}.popup .popup-wrapper{width:100%;margin:0 var(--page-padding);display:none;padding:28px;background-color:#fff;border-radius:var(--border-radius);box-sizing:border-box}.popup .popup-wrapper.active{display:block;z-index:1}.popup .popup-wrapper .popup-top{margin-bottom:20px;display:flex;gap:16px;justify-content:space-between;align-items:center}.popup .popup-wrapper .popup-top .title{font-size:var(--font-body-big);line-height:var(--font-body-big-line-height);font-weight:700}.popup .popup-wrapper .close-popup{position:relative;width:32px;height:32px;background-color:var(--color-pearl);border-radius:50%;cursor:pointer}.popup .popup-wrapper .close-popup div{position:absolute;left:8px;top:48%;width:15px;height:2px;background-color:var(--color-peppercorn)}.popup .popup-wrapper .close-popup div:first-child{transform:rotate(45deg)}.popup .popup-wrapper .close-popup div:last-child{transform:rotate(-45deg)}.nl-video{position:relative;height:100%;overflow:hidden}.nl-video video{height:100%;object-fit:cover;z-index:0}.nl-video .nl-video-btn{position:absolute;right:8px;bottom:8px;z-index:0;cursor:pointer;width:40px}.nl-video .nl-video-btn .pause,.nl-video .nl-video-btn .replay,.nl-video .nl-video-btn.finished .play,.nl-video .nl-video-btn.playing .play,.nl-video .nl-video-btn.playing .replay{display:none}.nl-video .nl-video-btn .play,.nl-video .nl-video-btn.finished .replay,.nl-video .nl-video-btn.playing .pause{display:block}}@media screen and (min-width:768px){#video-popup .video{margin:0 50px;width:calc(100vw - 100px)}.close-video{top:50px;right:var(--page-padding)}.popup .popup-wrapper{width:375px;margin:0}}@media screen and (min-width:1280px){#video-popup .video{margin:0 15vw;width:70vw;height:39.375vw}.nl-video .nl-video-btn{right:16px;bottom:16px}}@media screen and (min-width:1920px){#video-popup .video{margin:0 auto;width:var(--nl-width);height:33.75vw}}