.content-container>.shared-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0}.content-container>.shared-container h2{color:var(--primary);font-size:120%;font-weight:lighter}@media screen and (max-width: 568px){.content-container>.shared-container h2{font-size:100%;text-align:center}}.content-container>.shared-container h3{font-style:italic;font-weight:700;margin:16px 0;width:100%}@media screen and (max-width: 568px){.content-container>.shared-container h3{text-align:center}}.content-container>.shared-container h4{color:var(--secondary);margin:16px 0;text-align:center}@media screen and (max-width: 568px){.content-container>.shared-container h4{font-size:80%}}.content-container>.shared-container a{color:var(--primary);margin-bottom:16px}.content-container>.shared-container .color-box{background-color:#666;background-position:0 0;background-size:100% auto;border:1px solid var(--border);border-radius:3px;display:inline-block;height:14px;width:14px}.content-container>.shared-container .products-banner{overflow-x:scroll;overflow-y:hidden;margin:0 16px 16px;height:160px;transition:height .5s ease-in-out;width:calc(100% - 32px)}.content-container>.shared-container .products-banner .category{border-right:1px solid var(--border);font-size:90%;font-weight:lighter;padding-right:16px;transition:padding-right .5s ease-in-out}.content-container>.shared-container .products-banner .products-container{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px;justify-content:flex-start;height:160px;transition:height .5s ease-in-out}.content-container>.shared-container .products-banner .products-container a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--primary);line-height:1;padding:8px 2px;min-width:150px;text-decoration:none}.content-container>.shared-container .products-banner .products-container a img{border-radius:5px;height:90px;width:90px;transition:border-radius .5s ease-in-out,height .5s ease-in-out,width .5s ease-in-out}.content-container>.shared-container .products-banner .products-container a span{font-size:16px;display:block;text-wrap:nowrap;min-width:120px;text-align:center}.content-container>.shared-container .products-banner .products-container a:hover{background-color:var(--shadow)}@media screen and (max-width: 568px){.content-container>.shared-container .products-banner{margin-bottom:0}.content-container>.shared-container .products-banner .products-container a{min-width:unset}}@media screen and (min-width: 768px){.content-container>.shared-container .products-banner:hover{height:200px}.content-container>.shared-container .products-banner:hover .products-container{height:200px}.content-container>.shared-container .products-banner:hover .products-container a img{border-radius:20px;height:130px;width:130px}}.content-container>.shared-container .top-info>img{margin-bottom:16px;width:100%}.content-container>.shared-container .top-info>span{display:inline-block;padding:16px 4px}@media screen and (max-width: 568px){.content-container>.shared-container .top-info>span{font-size:90%;text-align:justify}}.content-container>.shared-container .top-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:stretch;width:100%}.content-container>.shared-container .top-links a{color:var(--secondary);font-style:italic}@media screen and (max-width: 568px){.content-container>.shared-container .top-links{font-size:80%;justify-content:flex-start;margin-left:16px}}.content-container>.shared-container .content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:8px;width:100%}.content-container>.shared-container .shared-content{width:100%}.content-container>.shared-container .shared-content details summary span{background-color:var(--secondary);color:var(--background);border-radius:50%;padding:4px}.content-container>.shared-container .shared-content details .info-content{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:8px;padding:16px 0}.content-container>.shared-container .shared-content details .info-content .info-blocks{display:flex;flex-direction:column;gap:8px}.content-container>.shared-container .shared-content details .info-content .info-blocks .info-block{font-weight:lighter;line-height:1.2;margin:4px 0;padding:2px;text-align:justify}.content-container>.shared-container .shared-content details .info-content .info-blocks .info-block strong{font-weight:700}.content-container>.shared-container .shared-content details .info-content .info-image>img{border-radius:5px;max-width:380px;min-width:350px;margin-top:12px}.content-container>.shared-container .shared-content details .info-content .info-image .sub-info{margin-top:16px}.content-container>.shared-container .shared-content details .info-content .info-image .sub-info svg{display:inherit;margin:0 auto;max-width:280px}.content-container>.shared-container .shared-content details .info-content .info-image .sub-info strong{display:inline-block;font-size:14px;text-align:center;width:100%}@media screen and (max-width: 568px){.content-container>.shared-container .shared-content details .info-content{display:flex;flex-direction:column}.content-container>.shared-container .shared-content details .info-content .info-blocks{gap:4px}.content-container>.shared-container .shared-content details .info-content .info-blocks .info-block{text-align:left;font-weight:400;font-size:80%}.content-container>.shared-container .shared-content details .info-content .info-image img{border-radius:5px;min-width:0;margin-top:0;width:100%}}@media screen and (max-width: 568px){.content-container>.shared-container .shared-content details.right .info-content{flex-direction:column-reverse}}.overlay-container{background-color:var(--black-75p);cursor:pointer;left:0;position:fixed;pointer-events:none;opacity:0;top:0;transition:opacity .3s ease-in-out;z-index:2;height:100%;width:100%}.overlay-container>.overlay-content{background-color:var(--background-2);border-radius:10px;bottom:16px;box-shadow:2px 2px 5px var(--black-75p);cursor:auto;display:none;left:50%;max-width:1200px;margin:0 auto;overflow-y:auto;padding-bottom:40px;position:fixed;top:16px;transform:translate(-50%);width:90%}.overlay-container>.overlay-content h3{color:var(--primary-3);margin-bottom:16px}.overlay-container>.overlay-content h4{align-self:flex-start;margin:16px 0}@media screen and (max-width: 568px){.overlay-container>.overlay-content h4{align-self:center;font-size:90%}}.overlay-container>.overlay-content hr{margin:16px 0;width:100%}.overlay-container>.overlay-content select{width:100%}.overlay-container>.overlay-content .error{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:120%;color:var(--primary);display:none;height:100%;position:relative;width:100%}.overlay-container>.overlay-content .error .error{display:flex}.overlay-container>.overlay-content .error .product-view-container{display:none}.overlay-container>.overlay-content .product-view-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px 24px}.overlay-container>.overlay-content .product-view-container label{display:inline-block;font-weight:700;width:150px}.overlay-container>.overlay-content .product-view-container .product-view{display:flex;flex-direction:row;gap:16px;width:100%}.overlay-container>.overlay-content .product-view-container .product-view img{border-radius:10px;max-width:200px}.overlay-container>.overlay-content .product-view-container .product-view .product-form{flex:1}.overlay-container>.overlay-content .product-view-container .product-view .product-form>span{font-size:120%}.overlay-container>.overlay-content .product-view-container .product-view .product-form .fields{margin-top:8px}@media screen and (max-width: 568px){.overlay-container>.overlay-content .product-view-container .product-view{flex-direction:column}.overlay-container>.overlay-content .product-view-container .product-view img{width:100%;max-width:100%}.overlay-container>.overlay-content .product-view-container .product-view .product-form{font-size:80%}}.overlay-container>.overlay-content .product-view-container .demo-info{margin:8px 0}@media screen and (max-width: 568px){.overlay-container>.overlay-content .product-view-container .demo-info{font-size:80%;text-align:center}}.overlay-container>.overlay-content .product-selector-container{display:flex;flex-direction:row;gap:8px;width:100%}.overlay-container>.overlay-content .product-selector-container .product-selector{flex:.33}@media screen and (max-width: 568px){.overlay-container>.overlay-content .product-selector-container{flex-direction:column}.overlay-container>.overlay-content .product-selector-container .product-selector{display:flex;flex-direction:row;align-items:center;flex:unset}}.overlay-container>.overlay-content .product-demo-container{display:flex;flex-direction:row;position:relative;-webkit-user-select:none;user-select:none;width:100%}.overlay-container>.overlay-content .product-demo-container.hidden{display:none}.overlay-container>.overlay-content .product-demo-container .demo-container{border-color:#666;flex:.5;position:relative;margin:8px}.overlay-container>.overlay-content .product-demo-container .demo-container .mask{background-repeat:repeat;height:100%;mix-blend-mode:multiply;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;position:absolute;top:0;width:100%}.overlay-container>.overlay-content .product-demo-container .demo-container .specular-mask{background-position:0 0;background-size:100% auto;opacity:0;height:100%;mix-blend-mode:multiply;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% auto;mask-size:100% auto;position:absolute;top:0;width:100%}.overlay-container>.overlay-content .product-demo-container .demo-container .demo-block{background-color:#fff;background-image:url(/public/image/demo/bg.png);background-position:0 0;background-size:100% auto;border-radius:5px}.overlay-container>.overlay-content .product-demo-container .demo-container .demo-block img{pointer-events:none;width:100%}.overlay-container>.overlay-content .product-demo-container .slider{background-color:var(--foreground);cursor:grab;height:calc(100% + 16px);top:-8px;left:50%;position:absolute;width:8px;touch-action:none;transform:translate(-50%);transition:height .2s ease-in-out,top .2s ease-in-out,width .2s ease-in-out}.overlay-container>.overlay-content .product-demo-container .slider:hover,.overlay-container>.overlay-content .product-demo-container .slider.dragging{width:16px}.overlay-container>.overlay-content .product-demo-container.dragging,.overlay-container>.overlay-content .product-demo-container .dragging{cursor:grabbing}@media screen and (max-width: 568px){.overlay-container>.overlay-content .product-demo-container{flex-direction:column}.overlay-container>.overlay-content .product-demo-container .demo-container{margin:0 0 20px}.overlay-container>.overlay-content .product-demo-container .slider{width:16px}.overlay-container>.overlay-content .product-demo-container .slider:hover,.overlay-container>.overlay-content .product-demo-container .slider.dragging{width:24px}}.overlay-container>.overlay-content .secure-only{display:none}.overlay-container>.overlay-content.secure .secure-only{display:block}.overlay-container .loader{display:flex;flex-direction:column;align-items:center;justify-content:center;display:none;height:100%;min-height:300px;position:relative;width:100%}.overlay-container .loader .progress{border:1px solid var(--foreground);border-radius:12px;height:10px;position:relative;width:50%}.overlay-container .loader .progress .progress-bar{background-color:var(--secondary);height:100%;position:relative}.overlay-container .loading .loader{display:flex}.overlay-container .loading .product-view-container,.overlay-container .loading .product-demo-container,.overlay-container .loading .demo-container,.overlay-container .loading .slider{display:none}@media screen and (max-width: 568px){.overlay-container{height:95%;width:97%}}.overlay-container.show{opacity:1;pointer-events:unset}.overlay-container.show .overlay-content{display:block}.overlay-container #close-overlay{color:var(--primary);display:inline-block;font-weight:700;text-align:right;padding-right:16px;padding-top:8px;position:sticky;width:100%;top:0}