@import "https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap";
.lds-dual-ring{width:80px;height:80px;display:inline-block}.lds-dual-ring:after{content:" ";border:6px solid #fff;border-color:#fff #0000;border-radius:50%;width:64px;height:64px;margin:8px;animation:1.2s linear infinite lds-dual-ring;display:block}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pre-loading{z-index:1;background-color:#000;border-radius:10px;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:fixed;top:calc(50% - 50px);left:calc(50% - 50px)}.lds-ellipsis{width:80px;height:80px;display:inline-block;position:relative}.lds-ellipsis div{background:#0051a6;border-radius:50%;width:13px;height:13px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:33px}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:8px}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:8px}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:32px}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}
.react-autosuggest__container{display:inline-block;position:relative}.react-autosuggest__suggestions-container{z-index:99;background:#fff;border:1px solid #d4d4d4;max-height:200px;top:100%;overflow-y:auto}.react-autosuggest__suggestions-container:empty{display:none}ul.react-autosuggest__suggestions-list{margin:0;padding:0;list-style:none}li.react-autosuggest__suggestion{cursor:pointer;padding:3px}li.react-autosuggest__suggestion--highlighted{background-color:silver}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;display:block;position:relative}.slick-list{margin:0;padding:0;display:block;position:relative;overflow:hidden}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate(0,0)}.slick-track{margin-left:auto;margin-right:auto;display:block;position:relative;top:0;left:0}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;height:auto;display:block}.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(../media/ajax-loader.0rj3cvc094sqj.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../media/slick.0u8n~8ag_qajc.eot);src:url(../media/slick.0u8n~8ag_qajc.eot)format("embedded-opentype"),url(../media/slick.0lhj36vfcohyb.woff)format("woff"),url(../media/slick.0zlj3.8soe.db.ttf)format("truetype"),url(../media/slick.0-yc5~iy72d.q.svg)format("svg")}.slick-prev,.slick-next{cursor:pointer;color:#0000;background:0 0;border:none;outline:none;width:20px;height:20px;padding:0;font-size:0;line-height:0;display:block;position:absolute;top:50%;transform:translateY(-50%)}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:#0000;background:0 0;outline:none}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:slick;font-size:20px;line-height:1}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{text-align:center;width:100%;margin:0;padding:0;list-style:none;display:block;position:absolute;bottom:-25px}.slick-dots li{cursor:pointer;width:20px;height:20px;margin:0 5px;padding:0;display:inline-block;position:relative}.slick-dots li button{cursor:pointer;color:#0000;background:0 0;border:0;outline:none;width:20px;height:20px;padding:5px;font-size:0;line-height:0;display:block}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
.related-pages h4,.product-related h4{background:0 0;padding:0}.related-pages h4 .row,.product-related h4 .row{margin-top:10px;margin-bottom:10px}.header-menu-pane .menu-block-wrapper ul>li a,ul.pagination>li{cursor:pointer}.slick-dots li button:before{color:#f3eded;opacity:1;font-size:14px}.slick-dots li.slick-active button:before{color:#0051a6}.slick-slide img{margin-left:auto;margin-right:auto}.slick-dots{margin-bottom:10px;bottom:0}.slick-active{z-index:1}.front .arch-pane h3{margin-top:0}.front .top-page-top-pane .text-center{font-size:1.3em}@media screen and (max-width:768px){.front .top-page-top-pane{background-color:#f2f5f7;padding:20px}.front .arch-pane{background-color:#fff;margin:20px 0;padding:25px}}@media screen and (min-width:769px){.front .arch-pane{cursor:pointer;border:2px outset;border-radius:5px;padding:15px}.front .arch-pane h3 img{height:2em!important}.front .arch-pane:hover{box-shadow:3px 3px silver}.front .top-page-top-pane .pane-title{margin-top:20px!important;margin-bottom:15px!important}.front .top-page-top-pane .row{margin-top:30px;margin-bottom:20px}}div.ss-pagination .ss-select-page{color:#fff;background-color:#0076bf}#mini-panel-front_bar_with_download .download-bar-button{color:#000;background-color:#fff;border-radius:5px;justify-content:left;align-items:center;width:140px;height:40px;margin:auto;padding:5px;font-weight:700;display:flex}#mini-panel-front_bar_with_download .download-bar-button .fa{color:#0051a6;margin-left:10px;font-size:30px}#mini-panel-front_bar_with_download .download-bar-button p{text-align:center;flex-grow:1;line-height:1em}#mini-panel-front_bar_with_download a,#mini-panel-front_bar_with_download a:hover,#mini-panel-front_bar_with_download a:focus{text-decoration:none}.product-related .product-related-item h4{background:0 0}.outer-content_recommend-article h2{text-align:left;background-image:none;margin:20px 0}.outer-content_recommend-article h3{border-left:none;margin-top:0;margin-bottom:10px;padding:0}.outer-content_recommend-article .field{margin-top:0}.header-menu-pane .menu-block-wrapper .fa{color:#0051a6;vertical-align:middle;margin-right:5px;font-size:1.55rem}.header-menu-pane .menu-block-wrapper ul>li a:before{content:""!important}html[lang=zh-hans] body,html[lang=zh-hans] h1,html[lang=zh-hans] h2,html[lang=zh-hans] h3,html[lang=zh-hans] h4,html[lang=zh-hans] h5,html[lang=zh-hans] h6{font-family:Helvetica Neue LT Pro,Helvetica,Helvetica Neue,Verdana,Roboto,Arial,Microsoft YaHei,PingHei,SimHei,sans-serif}html[lang=zh-hant] body,html[lang=zh-hant] h1,html[lang=zh-hant] h2,html[lang=zh-hant] h3,html[lang=zh-hant] h4,html[lang=zh-hant] h5,html[lang=zh-hant] h6{font-family:Microsoft JhengHei,Helvetica Neue LT Pro,Helvetica,Helvetica Neue,Verdana,Roboto,Arial,STHeiti,sans-serif}html[lang=ko] body,html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3,html[lang=ko] h4,html[lang=ko] h5,html[lang=ko] h6{font-family:Malgun Gothic,맑은 고딕,Helvetica Neue LT Pro,Helvetica,Helvetica Neue,Verdana,Roboto,Arial,STHeiti,sans-serif}.webform-share-iframe{margin-top:20px}.header-main .userButton span{white-space:nowrap;text-overflow:ellipsis;max-width:150px;display:inline-block;overflow-x:clip}.header-main .userManagementButton{position:relative}.header-main ul.userMenu{z-index:2;background:#fff;width:100%;padding:5px;position:absolute;box-shadow:0 8px 16px silver}.header-main ul.userMenu li{padding:7px;display:block}p.epdsTitle,p.epdsTitle+p{margin:20px 0 0;font-size:larger;font-weight:700}table.epds-table{width:80%;margin:20px auto auto}iframe.seamless{border:0;width:100%}iframe.fullscreen{z-index:3;width:100vw;height:100vh;position:fixed;top:0;left:0}.series-tag-list{flex-wrap:wrap;align-items:center;padding:0;list-style:none;display:flex}.series-tag-list li.type_sig_color svg{margin-right:5px}.series-tag-list li span{color:#333;background-color:#e7e6e6;border-radius:4px;margin-bottom:5px;margin-right:5px;padding:5px 10px;font-size:1.6rem;display:inline-block}.series-tag-list .type_sig_brand{border-bottom:1px dotted #ccc;width:100%;margin-top:0;margin-bottom:10px;padding-bottom:10px}.series-tag-list .type_sig_brand span{color:#fff;background-color:#009530;border-radius:4px;margin-bottom:5px;margin-left:5px;padding:5px 10px;font-size:1.6rem}.series-tag-list .type_sig_mount_size,.series-tag-list .type_sig_mount_mtd{border-top:1px dotted #ccc;width:100%;margin-top:10px}.series-tag-list .type_sig_mount_size span,.series-tag-list .type_sig_mount_mtd span{background:0 0;margin:10px 0 0;padding:0}.series-tag-list .type_sig_size span{color:#fff;background-color:#626469;border-radius:4px;margin-top:5px;margin-bottom:5px;padding:15px 30px;font-size:2rem}.series-tag-list .type_sig_db span{color:#fff;background-color:#626469}.signaling-subserie .title{color:#009530;margin-bottom:3px;margin-right:3px;font-size:18px;position:relative}.signaling-subserie .tag{color:#333;background-color:#e7e6e6;border-radius:4px;margin-bottom:3px;margin-right:3px;padding:2px 3px;font-size:1.4rem;line-height:1.3;display:inline-block}.signaling-subserie .tag.stk{display:none}#distributor_map{border:1px;width:100%;height:500px}.distributor-locator-legend ul{padding:0;list-style:none}.distributor-locator-legend li{margin:0 25px;display:inline-block}.distributor-locator-legend li img{margin-right:10px}.distributor-locator-list ul{padding:0;list-style:none}.distributor-locator-list li{clear:both;margin-bottom:50px;overflow:hidden}.distributor-locator-list img.logo{float:left;width:200px;min-height:50px;margin:0 30px}.distributor-locator-list img.logo-thumbnail{margin:20px 0}.distributor-locator-list .distributor-details{flex-direction:row;align-items:flex-start;gap:2.5em;display:flex}.distributor-locator-list .distributor-details span:empty{display:none}.distributor-locator-list .distributor-details span{display:block}.distributor-locator-list .distributor-details .modal-dialog{width:80vw}.distributor-locator-list .distributor-editor fieldset,.distributor-locator-list .distributor-editor legend{all:revert}.distributor-locator-list .distributor-editor .modal-body{max-height:70vh;overflow-x:scroll}.distributor-locator-list .distributor-editor textarea{min-width:100%;max-width:100%}.distributor-locator-list h4 img{vertical-align:baseline;margin:0 10px}.distributor-locator-list .distributor-category-description:empty{display:none}.modal-body{max-height:80vh;overflow-y:scroll}@media (min-width:768px){footer .email-form{width:60%}footer .email-form form{align-items:flex-end;display:flex}footer .email-form form div:first-child{flex-grow:1;padding-left:0}footer .email-form form div{padding:0 10px}}footer .email-form form{max-width:initial;width:100%;height:initial;position:initial;margin:0}footer .email-form form input[type=submit]{border:initial;text-indent:initial;width:auto;height:auto;font-size:initial;background:#0051a6;position:static}p.privacy-notice{margin:10px 0}input[name=additionalQuestion1Other]{width:100%}.landing-page{position:absolute;top:0;left:0}.page-specifications h3{align-items:center;gap:10px;display:flex}.page-specifications fieldset{padding:0}div#printjs{display:none}td.material-search{padding:5px}td.material-search input,td.material-search select,td.material-search div.react-autosuggest__container{text-align:left;width:100%}
@font-face{font-family:ArialRoundedMTforSE_Latin;src:local(ArialRoundedMTforSE_Latin),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Light_Latin.woff2)format("woff2"),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Light_Latin.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ArialRoundedMTforSE_Latin;src:local(ArialRoundedMTforSE_Latin),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Regular_Latin.woff2)format("woff2"),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Regular_Latin.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ArialRoundedMTforSE_Latin;src:local(ArialRoundedMTforSE_Latin),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Bold_Latin.woff2)format("woff2"),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Bold_Latin.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ArialRoundedMTforSE_Cyrillic;src:local(ArialRoundedMTforSE_Cyrillic),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Regular_Cyrillic.woff2)format("woff2"),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Regular_Cyrillic.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ArialRoundedMTforSE_Cyrillic;src:local(ArialRoundedMTforSE_Cyrillic),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Bold_Cyrillic.woff2)format("woff2"),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Bold_Cyrillic.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ArialRoundedMTforSE_Greek;src:local(ArialRoundedMTforSE_Greek),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Regular_Greek.woff2)format("woff2"),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Regular_Greek.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ArialRoundedMTforSE_Greek;src:local(ArialRoundedMTforSE_Greek),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Bold_Greek.woff2)format("woff2"),url(https://ecr-static-prd.faq.se.com/assets/fonts/ArialRoundedMTforSE-Bold_Greek.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}.proface{box-sizing:border-box;background:#fafafa;min-height:600px;margin:0 auto;font-family:ArialRoundedMTforSE_Latin,ArialRoundedMTforSE_Cyrillic,ArialRoundedMTforSE_Greek,Arial,Helvetica,sans-serif;display:block}.se-faq-checkbox input[type=checkbox]:checked~label:before{background-color:#0051a6!important;border-color:#0051a6!important}.se-faq-button_bg-secondary{background-color:#0051a6!important}.se-document-card-wrapper:hover{border-top:1px solid #0051a6!important}.faq-headline_style-primary{color:#0051a6!important}.se-tab_active{color:#0051a6!important;border-bottom:1.64px solid #0051a6!important}#faq-sdl-header{position:fixed;top:0;left:0;right:0}.faq-utility-hidden{display:none!important}.proface .se-option_selected:after{border-bottom-color:#0051a6;border-left-color:#0051a6}.proface .se-option:hover{background-color:#42b4e6}.proface .details-card-responsive table,.proface .details-card-responsive tr,.proface .details-card-responsive td,.proface .details-card-responsive th,.proface .details-card-responsive tbody,.proface .details-card-responsive thead,.proface .details-card-responsive tfoot{all:revert}:root .alternative-theme-proface{--se-alternative:white;--se-border:#9fa0a4;--alternative-se-life-green:#0051a6;--alternative-se-primary:#0051a6;--alternative-cta-link:#0051a6;--alternative-se-sky-blue:black;--alternative-se-dark-sky-blue:black;--alternative-se-blue:white;--alternative-se-blue-hover:#d8d8d8;--alternative-se-white:#313131;--alternative-se-life-green-card-label:red;--se-label-size:12px;--alternative-se-line-height:22px}:root .result-type-label{font-size:12px}
.ck-editor__editable{min-height:200px!important}.sp-search-pager .pagination>li>a,.pagination>li>span{color:#6b6b6b;margin:0 5px;box-shadow:0 0 3px #d2d2d299;border-radius:50%!important}.sp-search-pager .pagination>li:nth-child(-n+2)>a,.sp-search-pager .pagination>li:nth-last-child(-n+2)>a{color:#6b6b6b;padding:0;font-size:40px;line-height:.75;box-shadow:0 0;border:none!important}.hmi_design_studio .row.display-flex{flex-wrap:wrap;display:flex}.hmi_design_studio .thumbnail{justify-content:center;align-items:center;height:100%;display:flex}.hmi_design_studio .btn-remove-thumbnail{position:absolute;top:0;right:15px}.hmi_design_studio #thumbnailSelector{display:none}.hmi_design_studio .upload-btn{margin-left:5px;display:inline}.hmi_design_studio .label-default{margin-right:2px}.hmi_design_studio .form-group{white-space:nowrap;align-items:center;display:flex;margin-bottom:15px!important}.hmi_design_studio .row-space{margin-top:15px}.hmi_design_studio .chapters{border:1px solid #ddd;border-radius:5px;padding:5px}.hmi_design_studio .btn{font-size:14px}.hmi_design_studio .sp-content-filter .active{color:#fff;background:linear-gradient(90deg,#0d6fae,#3f91bbcc);border:1px #0d6fae;border-radius:50px}.hmi_design_studio .row.equal-height{flex-wrap:wrap;justify-self:center;margin-top:3em;display:flex}.hmi_design_studio .row.equal-height>[class*=col-]{flex-direction:column;margin-bottom:26px;display:flex}.hmi_design_studio .page-top-items{margin:3em 0}@media (orientation:portrait){.hmi_design_studio .sp-content-filter>a{margin:1%}}.hmi_design_studio .sp-content-details{color:#858585;z-index:0;border:none;margin-bottom:15px}.hmi_design_studio .sp-content-details .panel{box-shadow:none;border:none;outline:none}.hmi_design_studio .sp-content-details a:hover{text-decoration:none}.hmi_design_studio .sp-content-details a{color:#5d5d5d!important}.hmi_design_studio .sp-content-details .panel-body{background:#f8f8f8;border:1px solid #f8f8f8;justify-content:center;align-items:center;width:100%;height:180px;padding:0;display:flex;position:relative}.hmi_design_studio .col-lg-10ths .panel-body{height:80px}.hmi_design_studio .col-lg-10ths .panel-title{text-align:center;font-size:12px}.hmi_design_studio .col-lg-10ths .panel-footer{display:none}.hmi_design_studio .sp-content-details .panel-body:hover{border:1px solid #ccc}.hmi_design_studio .sp-content-details .panel-title{color:#5d5d5d;margin-top:5%}.hmi_design_studio .sp-content-details .panel-footer{word-break:break-word;padding-left:0}.hmi_design_studio .block-ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:100%;height:28px;margin:0;display:-webkit-box;overflow:hidden}.hmi_design_studio .sp-content-details .panel-body img{flex-shrink:0;max-width:100%;max-height:100%}@media (max-width:380px){.hmi_design_studio .col-lg-5ths{width:100%;margin:10px 0}}@media (min-width:1440px){.hmi_design_studio .col-lg-5ths{float:left;width:20%;min-height:1px;padding-left:15px;padding-right:15px;position:relative}}.hmi_design_studio .col-lg-10ths{float:left;width:10%;min-height:1px;padding-left:15px;padding-right:15px;position:relative}.hmi_design_studio .btn-node-item{color:#333;background-color:#fff;border-color:#ccc;border-radius:50px;margin:0 5px}.hmi_design_studio .btn-node-item:hover{color:#fff;background-image:linear-gradient(90deg,#0d6fae,#3f91bbcc);border:1px #0d6fae}.hmi_design_studio .free{z-index:2;color:#fff;background:green;border:1px solid green;padding:3px;font-size:14px;position:absolute}.hmi_design_studio .break-word{word-break:break-word}.hmi_design_studio .sp-no-border-no-background{background-color:#fff!important;border:none!important}.hmi_design_studio .sp-filter-title{font-size:18px}.hmi_design_studio .sp-btn-pager:hover{cursor:pointer;color:#fff!important;background-color:#0051a6!important}.hmi_design_studio .ribbon{z-index:1;text-align:right;width:75px;height:75px;position:absolute;top:-5px;right:10px;overflow:hidden}.hmi_design_studio .ribbon span{color:#fff;text-transform:uppercase;text-align:center;background:linear-gradient(#2989d8 0%,#1e5799 100%);width:100px;font-size:10px;font-weight:700;line-height:20px;display:block;position:absolute;top:19px;right:-21px;transform:rotate(45deg);box-shadow:0 3px 10px -5px #000}.hmi_design_studio .ribbon span:before{content:"";z-index:-1;border:3px solid #0000;border-color:#1e5799 #0000 #0000 #1e5799;position:absolute;top:100%;left:0}.hmi_design_studio .ribbon span:after{content:"";z-index:-1;border:3px solid #1e5799;border-color:#1e5799 #1e5799 #0000 #0000;position:absolute;top:100%;right:0}.hmi_design_studio .preview-image{align-items:center;height:100%;display:flex;position:absolute;top:0}.hmi_design_studio .preview-80{height:80%!important}.hmi_design_studio .social-container{width:100%;height:20%;position:absolute;bottom:0}.hmi_design_studio .social-container .like-container{float:left;align-items:center;display:flex}.hmi_design_studio .social-container .like-container .btn-like:focus{outline:none!important}.hmi_design_studio .social-container .like-container .like-count{padding:0 12px 0 0;font-weight:700}.hmi_design_studio .like-filter{align-items:center;display:flex}.hmi_design_studio .filter-category-wrapper{justify-content:center;margin-top:3%;display:flex}.hmi_design_studio .filter-category-wrapper .preview-shimmer{margin-bottom:0!important}.hmi_design_studio .filter-category-wrapper .filter-item{border-radius:35px;width:50px;height:25px;margin:0 5px}.hmi_design_studio .internal-notice{background-color:#fff9e0;padding:8px;display:inline-block}.hmi_design_studio .internal-notice a{text-decoration:underline;color:inherit!important}.hmi_design_studio .sp-ds-item a{color:gray;text-decoration:none;position:relative}.hmi_design_studio .sp-ds-item{text-align:center}.hmi_design_studio .sp-ds-item .image{background-size:contain;width:280px;height:280px;display:inline-block}.hmi_design_studio .sp-ds-item .middle{opacity:.8;border-radius:50%;justify-content:center;align-items:center;width:280px;height:279px;display:flex;position:absolute;top:-127px;left:140px;transform:translate(-50%,-50%)}.hmi_design_studio .sp-ds-item .text{color:#fff;font-family:Roboto Condensed,sans-serif;font-size:2.5em}.hmi_design_studio .sp-ds-item .description{text-align:center;padding:30px 0}.hmi_design_studio .sp-ds-item:hover .middle{opacity:0;transition:all .5s}@media only screen and (max-width:600px){.hmi_design_studio .sp-ds-item .description{padding:30px}}@media (min-width:768px){.hmi_design_studio .sp-ds-item:last-child{clear:left}}@media (min-width:992px){.hmi_design_studio .sp-ds-item:last-child{clear:none}}.hmi_design_studio .samplePart .image{background-image:url(/static/assets/service-platform/images/ObjTemp.png)}.hmi_design_studio .samplePart .middle{background-color:#19b2c9}.hmi_design_studio .profaceLibraryItem .image{background-image:url(/static/assets/service-platform/images/graphicLib.png)}.hmi_design_studio .profaceLibraryItem .middle{background-color:#202020}.hmi_design_studio .profaceIcon .image{background-image:url(/static/assets/service-platform/images/IconGen.png)}.hmi_design_studio .profaceIcon .middle{background-color:#b5bd80}.hmi_design_studio .discover-services .sp-head{color:#585858;margin-bottom:20px;line-height:1.2}.hmi_design_studio .discover-services .sp-subhead{margin-top:20px;margin-bottom:40px}.hmi_design_studio .discover-services .sp-ads{background-color:#f8f8f8;flex-wrap:wrap;align-content:center;align-items:center;margin:0;display:flex}.hmi_design_studio .discover-services .sp-ads .ad-slogan{color:#5c5c5c}.hmi_design_studio .discover-services .sp-ads>img,.hmi_design_studio .discover-services .sp-ads>div{width:50%}@media (max-width:768px){.hmi_design_studio .discover-services .sp-ads>img,.hmi_design_studio .discover-services .sp-ads>div{width:100%}.hmi_design_studio .discover-services .sp-ads>div{order:1}}.hmi_design_studio .discover-services .sp-ads:hover{text-decoration:none}.hmi_design_studio .discover-services .sp-ads:hover .ad-slogan{color:#2a6496}.hmi_design_studio .sp-icon-page .active{color:#fff;background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2)}.hmi_design_studio .sp-icon-page .custom-size-input{width:150px}.hmi_design_studio .sp-icon-page .sp-template-img{text-align:center}.hmi_design_studio .sp-icon-page .sp-template-img .tags{text-align:left;clear:both;margin:0}.hmi_design_studio .sp-icon-page .sp-template-img .tags .badge{color:#6a6a6a;background-color:#fff;line-height:4}.hmi_design_studio .sp-icon-page .imageBlock{background-color:#f8f8f8;padding:10%}.hmi_design_studio .sp-icon-page .control-label{color:#6e6e6e;padding:0%}.hmi_design_studio .sp-icon-page .heading-lg{margin-top:7%;margin-left:15%}.hmi_design_studio .sp-icon-page .icon-size .btn:first-child{border-radius:13px 0 0 13px}.hmi_design_studio .sp-icon-page .icon-size .btn:last-child{border-radius:0 13px 13px 0}.hmi_design_studio .sp-icon-page .icon-size .btn .btn-default:hover{background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2)}.hmi_design_studio .sp-icon-page .input-group .custom-size-input{border:none}.hmi_design_studio .sp-icon-page .pixel{padding-block-start:25px}.hmi_design_studio .sp-icon-page .icon-size{width:100%}.hmi_design_studio .sp-icon-page .icon-size button{padding:12px;box-shadow:0 0 3px #d2d2d299;outline:none!important}.hmi_design_studio .sp-icon-page .icon-size button :hover{color:#fff;background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2)}.hmi_design_studio .sp-icon-page .form-control-px{box-shadow:none;text-align:center;border:none;border-bottom:1px solid gray;outline:none;width:105%;padding-block-start:20px}.hmi_design_studio .sp-icon-page .input-group-addon{background:#fff;border:none}.hmi_design_studio .sp-icon-page .color-box{border:none;border-radius:50%;outline:none;height:50px;margin-top:-28px;width:50px!important}.hmi_design_studio .sp-icon-page .color-value-field{text-align:center;border:none;border-bottom:1px solid #e8e8e8;outline:none;width:125px;margin:17px}.hmi_design_studio .sp-icon-page .icon-format button{width:130px;box-shadow:0 0 3px #d2d2d299;border:30%!important}.hmi_design_studio .sp-icon-page .icon-format button :hover{color:#fff;background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2)}.hmi_design_studio .sp-icon-page .ig-title{color:#585858;font-size:30px}.hmi_design_studio .sp-icon-page .sp-clear-btn{text-align:center;background:#fff;border:1px solid #c3c3c3;border-radius:50px;outline:none;padding:1% 3%;font-size:13px;box-shadow:0 0 3px #d2d2d299}.hmi_design_studio .sp-icon-page .sp-clear-btn:hover{color:#fff;background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2)}.hmi_design_studio .sp-icon-page .sp-btn-round{color:#686868;background:#fff;border:1px solid #c3c3c3;border-radius:50px;outline:none;padding:2% 18%;box-shadow:.3em .3em 1em #9998984d}.hmi_design_studio .sp-icon-page .sp-btn-round:hover{color:#fff;background-image:linear-gradient(90deg,#0a67ad,#2689b2,#1675af)}.hmi_design_studio .sp-icon-page .download-count{border-bottom:1px solid #ddd;margin-top:15px;margin-bottom:15px;padding-bottom:15px}@media (orientation:portrait){.hmi_design_studio .sp-icon-page .imageBlock{padding:10px}}@media (max-width:768px){.hmi_design_studio .sp-icon-page .sp-btn-round{padding:5% 18%}.hmi_design_studio .sp-icon-page .icon-format{text-align:center}.hmi_design_studio .sp-icon-page .icon-size button{padding:9px}}.hmi_design_studio .sp-icon-page .social-container{margin-top:15px}.hmi_design_studio .sp-icon-page .social-container .like-container{float:left;margin-right:50px}.hmi_design_studio .sp-icon-page .social-container .btn-comment{float:left}.hmi_design_studio .sp-icon-page .social-container .btn-like:focus{outline:none!important}.hmi_design_studio .sp-installer .sp-head{color:#585858;margin-bottom:20px;line-height:1.2}.hmi_design_studio .sp-installer .sp-body{color:#707070;margin-top:30px}.hmi_design_studio .sp-installer .sp-justdownload div{margin:16% 0}.hmi_design_studio .sp-installer .download-panel{background:#dddc;justify-content:center;align-items:center;padding:30px 2px;display:flex}.hmi_design_studio .sp-installer .download-panel .row{width:100%}.hmi_design_studio .sp-installer .download-panel download-label{padding:7px 0}.hmi_design_studio .sp-installer .download-panel select{color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;width:100%;height:34px;font-size:12px}.hmi_design_studio .sp-installer .download-panel .download-btn-col{padding-left:5px}@media (max-width:768px){.hmi_design_studio .sp-installer .download-panel .download-btn-col{margin-top:12px;padding-left:0}}.hmi_design_studio .sp-installer .download-panel .download-button{border:1px solid #c3c3c3;border-radius:25px}.hmi_design_studio .sp-installer .download-panel .download-button:hover{color:#fff;background-image:linear-gradient(90deg,#1675af,#2689b2,#0a67ad)}.hmi_design_studio .sp-installer .related-item{background-color:#f8f8f8;flex-wrap:wrap;display:flex}@media (max-width:768px){.hmi_design_studio .sp-installer .related-item{margin-bottom:20px}}.hmi_design_studio .sp-installer .related-item>div{border:1px solid #fff;padding:10px}@media (max-width:768px){.hmi_design_studio .sp-installer .related-item>div{border:none;width:100%}}.hmi_design_studio .sp-installer .sp-ads{background-color:#f8f8f8;flex-wrap:wrap;align-content:center;align-items:center;margin:30px 0;display:flex}.hmi_design_studio .sp-installer .sp-ads .ad-slogan{color:#5c5c5c}.hmi_design_studio .sp-installer .sp-ads>img,.hmi_design_studio .sp-installer .sp-ads>div{width:50%}@media (max-width:768px){.hmi_design_studio .sp-installer .sp-ads>img,.hmi_design_studio .sp-installer .sp-ads>div{width:100%}.hmi_design_studio .sp-installer .sp-ads>div{order:1}}.hmi_design_studio .sp-installer .sp-ads:hover{text-decoration:none}.hmi_design_studio .sp-installer .sp-ads:hover .ad-slogan{color:#2a6496}.hmi_design_studio .sp-installer .sp-subhead{margin-top:20px;margin-bottom:40px}.hmi_design_studio .sp-installer .blue-section{margin-top:80px}.hmi_design_studio .sp-installer .container-block{float:left;width:100%}.hmi_design_studio .sp-installer .installer-img{max-width:100%;margin:auto;display:block}.hmi_design_studio .sp-topheading{color:#5a5a5a}.hmi_design_studio .sp-support-items{justify-content:center;align-items:center;height:315px;display:flex}@media (max-width:500px){.hmi_design_studio .sp-support-items{height:350px}.hmi_design_studio .sp-support-items .heading-xs{font-size:15px}}.hmi_design_studio .container-fluid .content-category:not(:first-child){margin-top:10%}.hmi_design_studio img{position:relative;box-shadow:.3em .3em 1em #9998984d}.hmi_design_studio .sp-btn-round{color:#686868;text-align:center;background:#fff;border:1px solid #c3c3c3;border-radius:50px;outline:none;justify-content:center;align-items:center;width:100%;height:100%;padding:1px 6px;text-decoration:none;display:flex;box-shadow:.3em .3em 1em #9998984d}@media (max-width:600px){.hmi_design_studio .item-bottom-content{width:60%!important;height:25%!important}}@media (min-width:400px) and (max-width:450px){.hmi_design_studio .item-bottom-content{bottom:0%!important}}.hmi_design_studio .sp-btn-round:hover{color:#fff;background-image:linear-gradient(90deg,#1675af,#2689b2,#0a67ad)}.hmi_design_studio .img-responsive{width:100%}.hmi_design_studio .item-bottom-content{width:50%;height:20%;position:absolute;bottom:5%}.hmi_design_studio .sp-navbar .dropdown-toggle{text-align:center}.hmi_design_studio .sp-navbar .dropdown-toggle:hover{color:#1668b2;cursor:pointer}.hmi_design_studio .sp-navbar .navbar-nav>li>.dropdown-menu,.hmi_design_studio .child-menu{background-color:#1668b2}@media (max-width:991px){.hmi_design_studio .sp-navbar .dropdown-toggle{text-align:left;opacity:.8;background-color:#1668b2}.hmi_design_studio .sp-oval-border{text-align:center;float:right;cursor:pointer;background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2);border:1px solid #777;border-radius:20px;width:112px;margin:7px;padding:4px;position:relative}.hmi_design_studio .sp-navbar .navbar-nav>li>.dropdown-menu,.hmi_design_studio .child-menu{background-color:#1668b2}.hmi_design_studio .sp-navbar .navbar-nav{z-index:2;opacity:.9;background-color:#1668b2;width:300px;height:420px;position:absolute}.hmi_design_studio .sp-navbar .navbar-nav>li:hover>a{color:#fff;background-color:#1668b2}.hmi_design_studio .sp-navbar .menu-items{margin-top:0%;margin-left:32%;line-height:3}.hmi_design_studio .sp-navbar .menu-item-childs>a{color:#fff;text-decoration:none}.hmi_design_studio .sp-navbar #navMenu_register{float:right;margin:0}.hmi_design_studio .sp-oval-border:hover{background-color:#fff}.hmi_design_studio .sp-oval-border>a:hover{text-decoration:none}.hmi_design_studio .sp-navbar .navbar-nav>li{float:none}.hmi_design_studio .sp-navbar .navbar-toggle,.hmi_design_studio .sp-oval-border{float:right;display:block!important}.hmi_design_studio .sp-sign-up{margin:0 7px}.hmi_design_studio .sp-sign-up a:hover{cursor:pointer}.hmi_design_studio .sp-nav-lg,.hmi_design_studio .oval-border,.hmi_design_studio .sp-navbar-lg,.hmi_design_studio .sp-navbar-right{visibility:hidden!important}}.hmi_design_studio .sp-navbar{background-color:#fff;border:none;border-radius:0;max-width:1200px;margin:auto;padding:3px 0;font-size:1.45rem}.hmi_design_studio .sp-navbar .navbar-nav>li>a,.hmi_design_studio .sp-navbar .navbar-brand{color:#0051a6}.hmi_design_studio .sp-navbar .navbar-brand{font-size:25px;font-weight:initial}.hmi_design_studio .sp-navbar .navbar-header{float:none!important}.hmi_design_studio .sp-navbar-right:last-child{float:right}.hmi_design_studio .sp-navbar .navbar-default .navbar-nav>li>a{color:#7a7d82}.hmi_design_studio .context-dropdown .caret{margin:auto;position:absolute;top:0;bottom:0;right:8px}@media (min-width:300px) and (max-width:991px){.hmi_design_studio .installer-context-menu{margin:7px 0!important}.hmi_design_studio .sp-navbar .navbar-nav>li>a{color:#fff;text-align:inherit;background-color:#1668b2;height:fit-content}}@media (min-width:992px){.hmi_design_studio .sp-navbar .navbar-nav>li:hover>a{color:#1668b2}}.hmi_design_studio .sp-navbar ul.dashed{list-style-type:none}.hmi_design_studio .sp-navbar ul.dashed>li:before{content:"- ";color:#fff}@media (min-width:0) and (max-width:991px){.hmi_design_studio .sp-navbar .navbar-toggle{float:left;margin:7px;position:relative}}@media (min-width:0) and (max-width:380px){.hmi_design_studio .context-dropdown{max-width:108px}.hmi_design_studio .context-dropdown span.truncate{white-space:nowrap;text-overflow:ellipsis;float:left;width:86px;overflow:hidden}}@media (min-width:0) and (max-width:320px){.hmi_design_studio .login-wrapper{float:left;width:100%}.hmi_design_studio .sp-sign-up{float:right;margin:0 12px}.hmi_design_studio .context-dropdown{max-width:200px}.hmi_design_studio .context-dropdown span.truncate{white-space:nowrap;text-overflow:ellipsis;float:left;width:138px;overflow:hidden}}@media (min-width:0) and (max-width:768px){.hmi_design_studio .context-dropdown{text-align:left;min-width:108px;margin-right:5px;position:relative;overflow:hidden}}.hmi_design_studio .sp-navbar .dropdown-menu{width:192px}.hmi_design_studio .sp-navbar .dropdown-menu:hover{color:#1668b2}.hmi_design_studio .sp-navbar .dropdown-menu>li>a{color:#fff;text-align:center;padding:16px}.hmi_design_studio .sp-navbar .dropdown-submenu{position:relative}.hmi_design_studio .sp-navbar .dropdown-submenu>.dropdown-menu{background-color:#1668b2;border-radius:0 6px 6px;margin-top:-6px;margin-left:-1px;top:0;left:100%}.hmi_design_studio .sp-navbar .dropdown-submenu>a:after{content:" ";float:right;border:5px solid #0000;border-left-color:#000;border-right-width:0;width:0;height:0;margin-top:5px;margin-right:-10px;display:block}.hmi_design_studio .sp-navbar .child-menu{width:190px;height:60px}.hmi_design_studio .sp-navbar .child-menu>a{text-decoration:none;position:relative}.hmi_design_studio .sp-navbar .child-menu>a:hover{color:#fff}.hmi_design_studio .sp-navbar .child-menu>a:before{content:"";visibility:hidden;background-color:#fff;width:80%;height:1px;transition:all .3s ease-in-out;position:absolute;bottom:0;left:18px;transform:scaleX(0)}.hmi_design_studio .sp-navbar .child-menu>a:hover:before{visibility:visible;transform:scaleX(1)}.hmi_design_studio .sp-navbar .dropdown-submenu:hover>a:after{border-left-color:#fff}.hmi_design_studio .sp-navbar .dropdown-submenu.pull-left{float:none}.hmi_design_studio .sp-navbar .dropdown-submenu.pull-left>.dropdown-menu{border-radius:6px 0 6px 6px;margin-left:10px;left:-100%}.hmi_design_studio .sp-navbar li a:hover{cursor:pointer}.hmi_design_studio .sp-navbar .dropdown-menu,.hmi_design_studio .sp-navbar .dropdown-menu>li>a:hover{background-color:#1668b2}.hmi_design_studio .sp-navbar #navMenu_register{padding-top:15px;padding-bottom:15px;text-decoration:none}.hmi_design_studio .sp-navbar #navMenu_logIn{color:#fff;padding-top:0}.hmi_design_studio .oval-border{text-align:center;background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2);border:1px solid #777;border-radius:48px;height:29px;margin-top:10px;padding:4px}.hmi_design_studio .sp-mobile-menu{margin:10px}@media (min-width:992px){.hmi_design_studio .sp-mobile-menu{visibility:hidden}}.hmi_design_studio .installer-context-menu{float:left;width:auto;margin-top:10px;position:relative}.hmi_design_studio .installer-context-menu .btn-default{color:#0051a6;background-color:#fff!important}.hmi_design_studio .installer-context-menu .truncate{padding-right:12px}.hmi_design_studio .installer-context-menu .dropdown-menu{margin-top:0!important}.hmi_design_studio .installer-context-menu .dropdown-menu li a{color:#fff}.hmi_design_studio .installer-context-menu .dropdown-menu li a:hover{text-decoration:underline}.hmi_design_studio .preview-shimmer{margin-bottom:0!important}.hmi_design_studio .preview-shimmer li:hover{cursor:progress}.hmi_design_studio .preview-shimmer .wrapper{height:fit-content}.hmi_design_studio .preview-shimmer .wrapper :hover{cursor:progress}.hmi_design_studio .preview-shimmer .wrapper .line-preview{width:100px;margin-top:0!important}.hmi_design_studio .loading-bar{width:100%;height:2px}.hmi_design_studio .loading-bar.active{background:linear-gradient(90deg,#0051a6 4%,#e2e2e2 25%,#eff1f3 36%) 0 0/1000px 100%;animation:2s linear infinite shimmer}.hmi_design_studio .video-info{margin-bottom:3%}.hmi_design_studio .responsive-video{background:#f8f8f8;height:0;padding-top:25px;padding-bottom:440.25px;position:relative}.hmi_design_studio .tutorial-info-container{margin-top:3%;margin-bottom:3%}.hmi_design_studio .tutorial-info-container .title{color:#585858}.hmi_design_studio .tutorial-info-container .description{color:#676767}.hmi_design_studio .sp-chapters .table-container{color:#797979;border:1px solid #e6e6e6;border-radius:20px;overflow:hidden;box-shadow:0 0 6px -3px #000000bf}.hmi_design_studio .sp-chapters .table-container tr:hover{cursor:pointer;background-color:#cccccc52}.hmi_design_studio .sp-chapters .table-container tr:first-child td{border-top:none}.hmi_design_studio .sp-chapters .table-container tr:last-child td{border-bottom:none}.hmi_design_studio .sp-chapters .table-container td{padding:15px}.hmi_design_studio .sp-chapters .table-container .scroll{max-height:305px;overflow-y:auto}.hmi_design_studio .sp-chapters .table-container .table{margin:0}.hmi_design_studio .selected-chapter{background-color:#cccccc52}.hmi_design_studio .table-container .scroll::-webkit-scrollbar-track{background-color:#f5f5f5;box-shadow:inset 0 0 6px #0000004d}.hmi_design_studio .table-container .scroll::-webkit-scrollbar{background-color:#f5f5f5;width:6px}.hmi_design_studio .table-container .scroll::-webkit-scrollbar-thumb{background-color:gray}.hmi_design_studio .related-video-content{margin-bottom:6%}.hmi_design_studio .related-link-content{background:#f8f8f8}.hmi_design_studio .related-link-content related-links{padding:5% 0}.hmi_design_studio .title-name{color:#5b5b5b}@media (max-width:768px){.hmi_design_studio .responsive-video{padding-bottom:290.25px}.hmi_design_studio .sp-video .responsive-video{height:270px}.hmi_design_studio .sp-head{font-size:30px}}@media (min-width:992px){.hmi_design_studio .tutorial-info-container{margin-top:auto;margin-bottom:auto;padding-left:7%}}.hmi_design_studio .social-container .like-container{float:left;margin-right:50px}.hmi_design_studio .social-container .btn-comment{float:left}.hmi_design_studio .topbar{color:#fff;background-image:url(/static/assets/service-platform/images/topdesign.png);background-size:cover;min-height:105px;max-height:105px}.hmi_design_studio .topbar-body{color:#fff;align-content:center;width:100%;max-width:1200px;height:100%;margin:auto;padding:20px;text-decoration:none;display:flex}.hmi_design_studio .topbar-body .page-logo{width:68px;min-height:50px}.hmi_design_studio .topbar-body .page-logo img{max-width:50px}.hmi_design_studio .topbar-body .heading{flex-wrap:wrap;align-content:center;margin-left:10px;font-size:24px;font-weight:700;line-height:1.1;display:flex}.hmi_design_studio .sp-search-box{z-index:1;top:-25px;box-shadow:0 0}.hmi_design_studio .topbar .search-container{max-width:1200px;margin:auto}.hmi_design_studio .sp-main-content{width:auto;max-width:1200px;margin:auto;padding-left:15px;padding-right:15px}@media only screen and (max-width:600px){.hmi_design_studio .topbar{margin-bottom:30px}.hmi_design_studio .topbar .topbar-body .page-logo>img{width:60%}.hmi_design_studio .topbar .topbar-body .heading{padding-bottom:20px;font-size:15px}}.hmi_design_studio .sp-btn-disabled{pointer-events:none;cursor:none!important;text-decoration:none!important}.hmi_design_studio .sp-active{background-image:linear-gradient(90deg,#0d6fae,#3f91bbe0);border:1px #0d6fae}.hmi_design_studio .sp-blue{color:#fff!important;background-color:#0051a6!important}.hmi_design_studio .sp-selected{color:#fff!important;background-image:linear-gradient(90deg,#0d6fae,#3f91bbe0)!important}.hmi_design_studio .sp-btn{border:1px #0d6fae}.hmi_design_studio .sp-btn:hover{color:#fff;background-image:linear-gradient(90deg,#0d6fae,#3f91bbe0);border:1px #0d6fae}.hmi_design_studio .heading-xs{margin-top:10px;margin-bottom:10px;font-size:14px}.hmi_design_studio .heading-sm{margin-top:10px;margin-bottom:10px;font-size:18px}.hmi_design_studio .heading-md{margin-top:20px;margin-bottom:10px;font-size:24px;line-height:1.1}.hmi_design_studio .heading-lg{margin-top:20px;margin-bottom:10px;font-size:30px}.hmi_design_studio .heading-elg{margin-top:20px;margin-bottom:10px;font-size:36px;font-weight:300}.hmi_design_studio .text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hmi_design_studio .no-outline:focus{outline:none!important}.hmi_design_studio .no-padding-lr{padding-left:0;padding-right:0}.hmi_design_studio .no-padding-tb{padding-top:0;padding-bottom:0}.hmi_design_studio .row-gap{margin-bottom:15px}.hmi_design_studio .row-gap-lg{margin-bottom:30px}.hmi_design_studio .d-block{display:inline-block}.hmi_design_studio .sp-body ul{margin:0;padding:0 0 0 20px;list-style-position:outside}.hmi_design_studio .form-btn{clear:none!important;width:unset!important;display:inline-block!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hmi_design_studio .preview-shimmer{color:#858585;border:none;margin-bottom:15px}.hmi_design_studio .preview-shimmer .animate{background:linear-gradient(90deg,#eff1f3 4%,#e2e2e2 25%,#eff1f3 36%) 0 0/1000px 100%;animation:2s linear infinite shimmer}.hmi_design_studio .preview-shimmer .wrapper{width:0;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards fullView}.hmi_design_studio .preview-shimmer .wrapper>.image-preview{justify-content:center;align-items:center;width:100%;height:180px;padding:20px;display:flex}.hmi_design_studio .preview-shimmer .wrapper>.image-preview.large{height:300px!important}.hmi_design_studio .preview-shimmer .wrapper>.line-preview{height:10px;margin-top:10px}.hmi_design_studio .preview-shimmer .wrapper>.line-preview.thick{height:20px}.hmi_design_studio .preview-shimmer .width-20{width:20%!important}.hmi_design_studio .preview-shimmer .width-30{width:30%!important}.hmi_design_studio .preview-shimmer .width-50{width:50%!important}.hmi_design_studio .preview-shimmer .width-70{width:70%!important}@keyframes fullView{to{width:100%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.hmi_design_studio .toggle-switch{width:50px;height:25px;display:inline-block;position:relative}.hmi_design_studio .toggle-switch input{opacity:0;width:0;height:0}.hmi_design_studio .toggle-switch .slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.hmi_design_studio .toggle-switch .slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s;position:absolute;bottom:2.5px;left:2px}.hmi_design_studio .toggle-switch input:checked+.slider{background-color:#2196f3}.hmi_design_studio .toggle-switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.hmi_design_studio .toggle-switch input:checked+.slider:before{transform:translate(26px)}.hmi_design_studio .toggle-switch .slider.round{border-radius:34px}.hmi_design_studio .toggle-switch .slider.round:before{border-radius:50%}.hmi_design_studio .pagination>li>a,.hmi_design_studio .pagination>li>span{color:#6b6b6b;margin:0 5px;box-shadow:0 0 3px #d2d2d299;border-radius:50%!important}.hmi_design_studio .pagination>li:nth-child(-n+2)>a{color:#6b6b6b;background-color:unset;padding:0;font-size:40px;line-height:.75;box-shadow:0 0;border:none!important}.hmi_design_studio .pagination>li:nth-last-child(-n+2)>a{color:#6b6b6b;padding:0;font-size:40px;line-height:.75;box-shadow:0 0;border:none!important}.hmi_design_studio .pagination a:hover{cursor:pointer;background-color:unset}.hmi_design_studio .no-operation{cursor:not-allowed!important;text-decoration:none!important}.hmi_design_studio .search-item-details .preview-image{vertical-align:middle;width:20%;min-height:100px;max-height:100px;margin-top:10px;display:table-cell;position:relative}.hmi_design_studio .search-item-details .item-title-desc{padding:10px}.hmi_design_studio .search-item-details img{max-width:100%;max-height:120px;box-shadow:none}.hmi_design_studio .search-item-details td{position:relative}.hmi_design_studio .search-item-details td:first-child:before{content:"";background-color:#ddd;width:3px;height:80%;position:absolute;top:10%;right:0}.hmi_design_studio .search-item-details:first-child td{border-top:none!important}.hmi_design_studio .search-item-details:hover{cursor:pointer;box-shadow:0 0 5px 1px #00000045}@media (max-width:600px){.hmi_design_studio .search-item-details .preview-image{min-height:60px;max-height:60px}}.hmi_design_studio .preview-shimmer .search-item-details:hover{cursor:default!important;box-shadow:none!important}.hmi_design_studio .preview-shimmer .search-preview{width:200px!important;height:100px!important}.hmi_design_studio .search-wrapper{background:#f5f5f540;border:1px solid #0000;border-radius:50px;padding:5px;box-shadow:12px 10px 24px -10px #00000036}.hmi_design_studio .search-wrapper input.form-control{padding:0}.hmi_design_studio .search-wrapper button.btn-default{padding:0 4px}.hmi_design_studio .sp-search-group{background:#fff;border:1px solid #0000;border-radius:50px;padding:0 20px}.hmi_design_studio div.sp-search-group>*{border:none;height:50px;color:gray!important}.hmi_design_studio div.sp-search-group>:focus{box-shadow:none!important}.hmi_design_studio .sp-search-group .btn-default{color:gray;border:none;height:50px;outline:none!important}.hmi_design_studio .sp-search-group .btn-default .fa{margin:10px 0;font-size:18px}.hmi_design_studio .sp-search-group .btn-default:hover,.hmi_design_studio .btn-default:focus,.hmi_design_studio .btn-default:active{box-shadow:none;background-color:#fff}.hmi_design_studio .sp-search-group .glyphicon-search{font-size:30px}.hmi_design_studio .sp-search-group>input.form-control{z-index:1;width:95%;box-shadow:0 0}.hmi_design_studio .sp-search-group .divider{float:right;border-left:3px solid #c3c3c3;height:40px;margin:5px 0}.hmi_design_studio ul li a{cursor:pointer}@media (min-width:0) and (max-width:600px){.hmi_design_studio .sp-search-group{padding:0 18px}.hmi_design_studio .sp-search-group .btn.btn-default,.hmi_design_studio .sp-search-group .form-control{padding:6px 4px}.hmi_design_studio .sp-search-group .btn-default.dropdown-toggle{white-space:nowrap;text-overflow:ellipsis;max-width:60px;position:relative;overflow:hidden!important}.hmi_design_studio .sp-search-group .btn-default.dropdown-toggle .caret{margin-left:0;position:absolute;top:23px;bottom:0;right:1px}.hmi_design_studio div.sp-search-group>*{height:10px}.hmi_design_studio .sp-search-group .glyphicon-search{font-size:20px}.hmi_design_studio .sp-search-group input{height:50px!important}}.hmi_design_studio .sp-free{z-index:1;width:80px;height:80px;top:-35px;right:0}.hmi_design_studio .details-container{margin:100px 40px;color:#696969!important}.hmi_design_studio .content-properties .row{margin-bottom:15px}.hmi_design_studio .content-properties{border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;margin:20px;padding:20px 0}.hmi_design_studio .content-properties:empty{border:0;margin:0;padding:0}.hmi_design_studio .sp-btn-round{text-align:center;background:#fff;border:1px solid #c3c3c3;border-radius:50px;outline:none;padding:2% 16%;font-size:17px;box-shadow:12px 10px 24px -10px #00000036}.hmi_design_studio .sp-btn-round:hover{color:#fff;background-image:linear-gradient(90deg,#0d6fae,#3f91bbcc);border-color:#0d6fae}.hmi_design_studio .sp-title{color:#696969;font-size:36px;font-weight:700}@media (orientation:portrait){.hmi_design_studio .sp-title{font-size:1.571rem}}.hmi_design_studio .badge{color:#6a6a6a;background-color:#fff}.hmi_design_studio .social-container{margin-top:15px}.hmi_design_studio .social-container .like-container{margin-right:50px}.hmi_design_studio .social-container .btn-like:focus{outline:none!important}.hmi_design_studio .download-count-title{word-break:break-all}.hmi_design_studio .carouselItemWrapper{height:300px;max-height:300px}.hmi_design_studio .carouselItemWrapper img{max-height:100%;margin:auto}.hmi_design_studio .slick-slider{margin-bottom:25px}.hmi_design_studio .sp-top-page .sp-homepage{background-position:top;background-size:cover;height:90vh;min-height:400px;position:relative}.hmi_design_studio .sp-top-page .search-container{width:100%;margin-right:0;padding:2.5% 25%;position:absolute}@media (max-width:767px){.hmi_design_studio .sp-top-page .search-container{padding:2.5% 12.5%}}.hmi_design_studio .sp-top-page .sp-title{color:#fff;margin-left:0%;padding:2%;font-weight:400;display:inline-block;position:absolute;top:25%}.hmi_design_studio .sp-top-page .sp-title span{margin:10px 0;display:block}.hmi_design_studio .sp-top-page .sp-title{margin-left:5%}@media (min-width:0) and (max-width:1023px){.hmi_design_studio .sp-top-page .sp-title .large-heading{font-size:33px}}@media (min-width:768px){.hmi_design_studio .sp-top-page .sp-title .medium-heading{width:40%}.hmi_design_studio .sp-top-page .sp-title .small-heading{width:40%;display:block}}@media (min-width:1024px){.hmi_design_studio .sp-top-page .sp-title .large-heading{font-size:55px}.hmi_design_studio .sp-top-page .sp-title .medium-heading{font-size:25px}.hmi_design_studio .sp-top-page .sp-title .small-heading{font-size:18px}}.hmi_design_studio .sp-top-page .sp-sub-menu-container .container-fluid{margin:4% 0 3%}.hmi_design_studio .sp-top-page .sp-sub-menu-container .container-fluid div{color:#5a5a5a}.hmi_design_studio .sp-top-page .sp-sub-menu-container .container-fluid div div{color:#999}.hmi_design_studio .sp-top-page .sp-submenu-item>div{padding:0 10%}.hmi_design_studio .sp-top-page .sp-submenu-item img{filter:grayscale()}.hmi_design_studio .sp-top-page .sp-submenu-item a{text-decoration:none}.hmi_design_studio .sp-top-page .sp-submenu-item .icon{min-height:84px}.hmi_design_studio .sp-top-page .sp-submenu-item .description{white-space:initial;color:#434343;min-height:160px;text-align:-webkit-auto}.hmi_design_studio .sp-top-page .sp-submenu-item .title-button{color:#434343;border:1px solid #ccc;border-radius:48px;margin-block-end:10px;padding:12px;box-shadow:0 0 22px #00000012}.hmi_design_studio .sp-top-page .sp-submenu-item:hover img{filter:grayscale(0)}.hmi_design_studio .sp-top-page .sp-submenu-item:hover .title-button{color:#fff;background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2)}.hmi_design_studio .sp-top-page .installer-tabs{background:#f8f8f8;padding:30px 150px 0}.hmi_design_studio .sp-top-page .installer-tabs li.active a{background:#fff;border-top:2px solid #7eaad1}.hmi_design_studio .sp-top-page .installer-tabs li.active img{filter:grayscale(0%)}.hmi_design_studio .sp-top-page .installer-tabs a{background:#f2f2f2;padding:10px 70px}.hmi_design_studio .sp-top-page .installer-tabs img{filter:grayscale();max-width:160px;max-height:50px}.hmi_design_studio .sp-top-page .sub-content-body{background:#fff;margin-top:50px}@media (max-width:600px){.hmi_design_studio .sp-top-page .sp-submenu-item>div{padding:0 2%}.hmi_design_studio .sp-top-page .sp-submenu-item:nth-child(odd):not(:last-child):after{content:"";border-right:2px solid #dfdfdf;position:absolute;top:15%;bottom:15%;right:0}.hmi_design_studio .sp-top-page .installer-tabs{padding:0}}@media (max-width:768px){.hmi_design_studio .sp-top-page .sp-homepage{height:90vh}.hmi_design_studio .sp-top-page .sp-submenu-item>div{padding:0 5%}.hmi_design_studio .sp-top-page .sp-submenu-item:not(:nth-last-child(-n+2)):after{content:"";border-right:2px solid #dfdfdf;position:absolute;top:15%;bottom:15%;right:0}.hmi_design_studio .sp-top-page .installer-tabs{padding:0}}@media (max-width:992px){.hmi_design_studio .sp-top-page .sp-submenu-item:not(:nth-last-child(-n+2)):after{content:"";border-right:2px solid #dfdfdf;position:absolute;top:15%;bottom:15%;right:0}}@media only screen and (min-width:768px){.hmi_design_studio .sp-top-page .col-lg-5ths{float:none;width:25%;min-height:1px;padding-left:15px;padding-right:15px;display:inline-block;position:relative}.hmi_design_studio .sp-top-page .sp-submenu-item:not(:last-child):after{content:"";border-right:2px solid #dfdfdf;position:absolute;top:15%;bottom:15%;right:0}}@media (min-width:992px){.hmi_design_studio .sp-top-page .col-lg-5ths{width:20%}}.hmi_design_studio span.categories{margin:0 10px}.hmi_design_studio span.categories:first-child{margin-left:0}
.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}