@charset "UTF-8";.lds-dual-ring{display:inline-block;width:80px;height:80px}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border-color:#fff transparent;border-style:solid;border-width:6px;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pre-loading{position:fixed;width:100px;height:100px;background-color:#000;border-radius:10px;top:calc(50% - 50px);left:calc(50% - 50px);display:flex;align-items:center;justify-content:center;z-index:1}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#0051a6;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@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{position:relative;display:inline-block}.react-autosuggest__suggestions-container{border:1px solid #d4d4d4;z-index:99;top:100%;background:#fff;max-height:200px;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{padding:3px;cursor:pointer}li.react-autosuggest__suggestion--highlighted{background-color:silver}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[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{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/_next/static/media/ajax-loader.0b80f665.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(/_next/static/media/slick.25572f22.eot);src:url(/_next/static/media/slick.25572f22.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/slick.653a4cbb.woff) format("woff"),url(/_next/static/media/slick.6aa1ee46.ttf) format("truetype"),url(/_next/static/media/slick.f895cfdf.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.product-related h4,.related-pages h4{background:none;padding:0}.product-related h4 .row,.related-pages 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{font-size:14px;color:#f3eded;opacity:1}.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{padding:20px;background-color:#f2f5f7}.front .arch-pane{padding:25px;background-color:#fff;margin:20px 0}}@media screen and (min-width:769px){.front .arch-pane{border:2px outset;padding:15px;border-radius:5px;cursor:pointer}.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{background-color:#0076bf;color:#fff}#mini-panel-front_bar_with_download .download-bar-button{height:40px;width:140px;background-color:#fff;border-radius:5px;color:#000;font-weight:700;display:flex;align-items:center;justify-content:left;padding:5px;margin:auto}#mini-panel-front_bar_with_download .download-bar-button .fa{margin-left:10px;font-size:30px;color:#0051a6}#mini-panel-front_bar_with_download .download-bar-button p{flex-grow:1;text-align:center;line-height:1em}#mini-panel-front_bar_with_download a,#mini-panel-front_bar_with_download a:focus,#mini-panel-front_bar_with_download a:hover{text-decoration:none}.product-related .product-related-item h4{background:none}.outer-content_recommend-article h2{margin:20px 0;background-image:none;text-align:left}.outer-content_recommend-article h3{margin-top:0;margin-bottom:10px;border-left:none;padding:0}.outer-content_recommend-article .field{margin-top:0}.header-menu-pane .menu-block-wrapper .fa{color:#0051a6;font-size:1.55rem;margin-right:5px;vertical-align:middle}.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{overflow-x:clip;max-width:150px;white-space:nowrap;text-overflow:ellipsis;display:inline-block}.header-main .userManagementButton{position:relative}.header-main ul.userMenu{background:#fff;position:absolute;z-index:2;box-shadow:0 8px 16px 0 silver;padding:5px;width:100%}.header-main ul.userMenu li{display:block;padding:7px}p.epdsTitle,p.epdsTitle+p{font-weight:700;font-size:larger;margin:20px 0 0}table.epds-table{width:80%;margin:20px auto auto}iframe.seamless{border:0;width:100%}iframe.fullscreen{height:100vh;position:fixed;width:100vw;z-index:3;left:0;top:0}.series-tag-list{padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center}.series-tag-list li.type_sig_color svg{margin-right:5px}.series-tag-list li span{margin-right:5px;margin-bottom:5px;display:inline-block;padding:5px 10px;background-color:#e7e6e6;border-radius:4px;color:#333;font-size:1.6rem}.series-tag-list .type_sig_brand{width:100%;margin-top:0;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ccc}.series-tag-list .type_sig_brand span{margin-left:5px;margin-bottom:5px;padding:5px 10px;background-color:#009530;border-radius:4px;color:#fff;font-size:1.6rem}.series-tag-list .type_sig_mount_mtd,.series-tag-list .type_sig_mount_size{width:100%;border-top:1px dotted #ccc;margin-top:10px}.series-tag-list .type_sig_mount_mtd span,.series-tag-list .type_sig_mount_size span{background:none;margin:10px 0 0;padding:0}.series-tag-list .type_sig_size span{margin-top:5px;margin-bottom:5px;padding:15px 30px;background-color:#626469;border-radius:4px;color:#fff;font-size:2rem}.series-tag-list .type_sig_db span{background-color:#626469;color:#fff}.signaling-subserie .title{position:relative;margin-right:3px;margin-bottom:3px;font-size:18px;color:#009530}.signaling-subserie .tag{display:inline-block;margin-right:3px;margin-bottom:3px;padding:2px 3px;background-color:#e7e6e6;border-radius:4px;line-height:1.3;color:#333;font-size:1.4rem}.signaling-subserie .tag.stk{display:none}#distributor_map{width:100%;height:500px;border:1px}.distributor-locator-legend ul{list-style:none;padding:0}.distributor-locator-legend li{display:inline-block;margin:0 25px}.distributor-locator-legend li img{margin-right:10px}.distributor-locator-list ul{list-style:none;padding:0}.distributor-locator-list li{margin-bottom:50px;clear:both;overflow:hidden}.distributor-locator-list img.logo{width:200px;margin:0 30px;float:left;min-height:50px}.distributor-locator-list img.logo-thumbnail{margin:20px 0}.distributor-locator-list .distributor-details{display:flex;flex-direction:row;align-items:flex-start;gap:2.5em}.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{overflow-y:scroll;max-height:80vh}@media(min-width:768px){footer .email-form{width:60%}}footer .email-form form{max-width:none;width:100%;height:auto;position:static;margin:0}@media(min-width:768px){footer .email-form form{display:flex;align-items:flex-end}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 input[type=submit]{background:#0051a6;border:initial;text-indent:0;width:auto;height:auto;position:static;font-size:medium}p.privacy-notice{margin:10px 0}input[name=additionalQuestion1Other]{width:100%}.landing-page{position:absolute;top:0;left:0}.page-specifications h3{display:flex;align-items:center;gap:10px}.page-specifications fieldset{padding:0}div#printjs{display:none}td.material-search{padding:5px}td.material-search div.react-autosuggest__container,td.material-search input,td.material-search select{width:100%;text-align:left}@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{display:block;min-height:600px;box-sizing:border-box;margin:0 auto;background:#fafafa;font-family:ArialRoundedMTforSE_Latin,ArialRoundedMTforSE_Cyrillic,ArialRoundedMTforSE_Greek,Arial,Helvetica,sans-serif}.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,.se-tab_active{color:#0051a6!important}.se-tab_active{border-bottom:1.64px solid #0051a6!important}#faq-sdl-header{position:fixed;left:0;top: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 tbody,.proface .details-card-responsive td,.proface .details-card-responsive tfoot,.proface .details-card-responsive th,.proface .details-card-responsive thead,.proface .details-card-responsive tr{all:revert}:root .alternative-theme-proface{--se-alternative:#fff;--se-border:#9fa0a4;--alternative-se-life-green:#0051a6;--alternative-se-primary:#0051a6;--alternative-cta-link:#0051a6;--alternative-se-sky-blue:#000;--alternative-se-dark-sky-blue:#000;--alternative-se-blue:#fff;--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}@import"https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap";.ck-editor__editable{min-height:200px!important}.pagination>li>span,.sp-search-pager .pagination>li>a{border-radius:50%!important;margin:0 5px;color:#6b6b6b;box-shadow:0 0 3px hsla(0,0%,82%,.6)}.sp-search-pager .pagination>li:nth-child(-n+2)>a,.sp-search-pager .pagination>li:nth-last-child(-n+2)>a{border:none!important;color:#6b6b6b;font-size:40px;padding:0;line-height:.75;box-shadow:0 0 0}.hmi_design_studio .row.display-flex{display:flex;flex-wrap:wrap}.hmi_design_studio .thumbnail{height:100%;display:flex;align-items:center;justify-content:center}.hmi_design_studio .btn-remove-thumbnail{position:absolute;right:15px;top:0}.hmi_design_studio #thumbnailSelector{display:none}.hmi_design_studio .upload-btn{display:inline;margin-left:5px}.hmi_design_studio .label-default{margin-right:2px}.hmi_design_studio .form-group{margin-bottom:15px!important;display:flex;align-items:center;white-space:nowrap}.hmi_design_studio .row-space{margin-top:15px}.hmi_design_studio .chapters{border:1px solid #ddd;padding:5px;border-radius:5px}.hmi_design_studio .btn{font-size:14px}.hmi_design_studio .sp-content-filter .active{border:1px #0d6fae;border-radius:50px;color:#fff;background:linear-gradient(90deg,#0d6fae,rgba(63,145,187,.8))}.hmi_design_studio .row.equal-height{display:flex;flex-wrap:wrap;justify-self:center;margin-top:3em}.hmi_design_studio .row.equal-height>[class*=col-]{display:flex;flex-direction:column;margin-bottom:26px}.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;margin-bottom:15px;border:none;z-index:0}.hmi_design_studio .sp-content-details .panel{border:none;box-shadow: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;width:100%;height:180px;display:flex;justify-content:center;align-items:center;padding:0;position:relative;border:1px solid #f8f8f8}.hmi_design_studio .col-lg-10ths .panel-body{height:80px}.hmi_design_studio .col-lg-10ths .panel-title{font-size:12px;text-align:center}.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{margin-top:5%;color:#5d5d5d}.hmi_design_studio .sp-content-details .panel-footer{padding-left:0;word-break:break-word}.hmi_design_studio .block-ellipsis{display:block;display:-webkit-box;max-width:100%;height:28px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hmi_design_studio .sp-content-details .panel-body img{flex-shrink:0;-webkit-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{position:relative;min-height:1px;padding-right:15px;padding-left:15px;width:20%;float:left}}.hmi_design_studio .col-lg-10ths{position:relative;min-height:1px;padding-right:15px;padding-left:15px;width:10%;float:left}.hmi_design_studio .btn-node-item{margin:0 5px;border-radius:50px;color:#333;background-color:#fff;border-color:#ccc}.hmi_design_studio .btn-node-item:hover{border:1px #0d6fae;color:#fff;background-image:linear-gradient(90deg,#0d6fae,rgba(63,145,187,.8))}.hmi_design_studio .free{position:absolute;z-index:2;border:1px solid green;background:green;color:#fff;padding:3px;font-size:14px}.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;background-color:#0051a6!important;color:#fff!important}.hmi_design_studio .ribbon{position:absolute;right:10px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.hmi_design_studio .ribbon span{font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#79a70a;background:linear-gradient(#2989d8,#1e5799);box-shadow:0 3px 10px -5px #000;position:absolute;top:19px;right:-21px}.hmi_design_studio .ribbon span:before{left:0;border-color:#1e5799 transparent transparent #1e5799}.hmi_design_studio .ribbon span:after,.hmi_design_studio .ribbon span:before{content:"";position:absolute;top:100%;z-index:-1;border-style:solid;border-width:3px}.hmi_design_studio .ribbon span:after{right:0;border-color:#1e5799 #1e5799 transparent transparent}.hmi_design_studio .preview-image{height:100%;position:absolute;top:0;display:flex;align-items:center}.hmi_design_studio .preview-80{height:80%!important}.hmi_design_studio .social-container{position:absolute;bottom:0;width:100%;height:20%}.hmi_design_studio .social-container .like-container{display:flex;align-items:center}.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{display:flex;align-items:center}.hmi_design_studio .filter-category-wrapper{margin-top:3%;display:flex;justify-content:center}.hmi_design_studio .filter-category-wrapper .preview-shimmer{margin-bottom:0!important}.hmi_design_studio .filter-category-wrapper .filter-item{width:50px;height:25px;border-radius:35px;margin:0 5px}.hmi_design_studio .internal-notice{display:inline-block;background-color:#fff9e0;padding:8px}.hmi_design_studio .internal-notice a{color:inherit!important;text-decoration:underline}.hmi_design_studio .sp-ds-item a{text-decoration:none;color:gray;position:relative}.hmi_design_studio .sp-ds-item{text-align:center}.hmi_design_studio .sp-ds-item .image{width:280px;height:280px;display:inline-block;background-size:contain}.hmi_design_studio .sp-ds-item .middle{display:flex;justify-content:center;align-items:center;opacity:.8;position:absolute;top:-127px;left:140px;height:279px;width:280px;border-radius:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.hmi_design_studio .sp-ds-item .text{color:#fff;font-size:2.5em;font-family:Roboto Condensed,sans-serif}.hmi_design_studio .sp-ds-item .description{padding:30px 0;text-align:center}.hmi_design_studio .sp-ds-item:hover .middle{transition:.5s ease;opacity:0}@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;line-height:1.2;margin-bottom:20px}.hmi_design_studio .discover-services .sp-subhead{margin-top:20px;margin-bottom:40px}.hmi_design_studio .discover-services .sp-ads{display:flex;align-content:center;align-items:center;background-color:#f8f8f8;margin:0;flex-wrap:wrap}.hmi_design_studio .discover-services .sp-ads .ad-slogan{color:#5c5c5c}.hmi_design_studio .discover-services .sp-ads>div,.hmi_design_studio .discover-services .sp-ads>img{width:50%}@media(max-width:768px){.hmi_design_studio .discover-services .sp-ads>div,.hmi_design_studio .discover-services .sp-ads>img{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{background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2);color:#fff}.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{background-color:#fff;color:#6a6a6a;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-left:15%;margin-top:7%}.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{-webkit-padding-before:25px;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;outline:none!important;box-shadow:0 0 3px hsla(0,0%,82%,.6)}.hmi_design_studio .sp-icon-page .icon-size button :hover{background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2);color:#fff}.hmi_design_studio .sp-icon-page .form-control-px{border:none;border-bottom:1px solid gray;box-shadow:none;width:105%;outline:none;-webkit-padding-before:20px;padding-block-start:20px;text-align:center}.hmi_design_studio .sp-icon-page .input-group-addon{border:none;background:#fff}.hmi_design_studio .sp-icon-page .color-box{height:50px;width:50px!important;border-radius:50%;margin-top:-28px;border:none;outline:none}.hmi_design_studio .sp-icon-page .color-value-field{outline:none;text-align:center;margin:17px;border:none;border-bottom:1px solid #e8e8e8;width:125px}.hmi_design_studio .sp-icon-page .icon-format button{width:130px;border:30%!important;box-shadow:0 0 3px hsla(0,0%,82%,.6)}.hmi_design_studio .sp-icon-page .icon-format button :hover{background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2);color:#fff}.hmi_design_studio .sp-icon-page .ig-title{color:#585858;font-size:30px}.hmi_design_studio .sp-icon-page .sp-clear-btn{border-radius:50px;border:1px solid #c3c3c3;padding:1% 3%;text-align:center;font-size:13px;background:#fff;box-shadow:0 0 3px hsla(0,0%,82%,.6);outline:none}.hmi_design_studio .sp-icon-page .sp-clear-btn:hover{background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2);color:#fff}.hmi_design_studio .sp-icon-page .sp-btn-round{border-radius:50px;border:1px solid #c3c3c3;padding:2% 18%;background:#fff;box-shadow:.3em .3em 1em hsla(0,0%,60%,.3);outline:none;color:#686868}.hmi_design_studio .sp-icon-page .sp-btn-round:hover{background-image:linear-gradient(90deg,#0a67ad,#2689b2,#1675af);color:#fff}.hmi_design_studio .sp-icon-page .download-count{margin-top:15px;padding-bottom:15px;border-bottom:1px solid #ddd;margin-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{margin-right:50px;float:left}.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;line-height:1.2;margin-bottom:20px}.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:hsla(0,0%,87%,.8);padding:30px 2px;display:flex;align-items:center;justify-content:center}.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{height:34px;width:100%;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;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{padding-left:0;margin-top:12px}}.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{background-image:linear-gradient(90deg,#1675af,#2689b2,#0a67ad);color:#fff}.hmi_design_studio .sp-installer .related-item{display:flex;flex-wrap:wrap;background-color:#f8f8f8}@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{width:100%;border:none}}.hmi_design_studio .sp-installer .sp-ads{display:flex;align-content:center;align-items:center;background-color:#f8f8f8;margin:30px 0;flex-wrap:wrap}.hmi_design_studio .sp-installer .sp-ads .ad-slogan{color:#5c5c5c}.hmi_design_studio .sp-installer .sp-ads>div,.hmi_design_studio .sp-installer .sp-ads>img{width:50%}@media(max-width:768px){.hmi_design_studio .sp-installer .sp-ads>div,.hmi_design_studio .sp-installer .sp-ads>img{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%;display:block;margin:auto}.hmi_design_studio .sp-topheading{color:#5a5a5a}.hmi_design_studio .sp-support-items{height:315px;display:flex;align-items:center;justify-content:center}@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 hsla(0,0%,60%,.3)}.hmi_design_studio .sp-btn-round{height:100%;width:100%;box-shadow:.3em .3em 1em hsla(0,0%,60%,.3);color:#686868;text-decoration:none;padding:1px 6px;display:flex;justify-content:center;align-items:center}@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{background-image:linear-gradient(90deg,#1675af,#2689b2,#0a67ad)}.hmi_design_studio .img-responsive{width:100%}.hmi_design_studio .item-bottom-content{position:absolute;bottom:5%;width:50%;height:20%}.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 .child-menu,.hmi_design_studio .sp-navbar .navbar-nav>li>.dropdown-menu{background-color:#1668b2}@media(max-width:991px){.hmi_design_studio .sp-navbar .dropdown-toggle{text-align:left;background-color:#1668b2;opacity:.8}.hmi_design_studio .sp-oval-border{border-radius:20px;border:1px solid #777;padding:4px;width:112px;text-align:center;margin:7px;position:relative;float:right;cursor:pointer;background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2)}.hmi_design_studio .child-menu,.hmi_design_studio .sp-navbar .navbar-nav>li>.dropdown-menu{background-color:#1668b2}.hmi_design_studio .sp-navbar .navbar-nav{position:absolute;width:300px;z-index:2;opacity:.9;height:420px;background-color:#1668b2}.hmi_design_studio .sp-navbar .navbar-nav>li:hover>a{color:#fff;background-color:#1668b2}.hmi_design_studio .sp-navbar .menu-items{margin-left:32%;margin-top:0;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{display:block!important;float:right}.hmi_design_studio .sp-sign-up{margin:0 7px}.hmi_design_studio .sp-sign-up a:hover{cursor:pointer}.hmi_design_studio .oval-border,.hmi_design_studio .sp-nav-lg,.hmi_design_studio .sp-navbar-lg,.hmi_design_studio .sp-navbar-right{visibility:hidden!important}}.hmi_design_studio .sp-navbar{margin:auto;background-color:#fff;border:none;border-radius:0;max-width:1200px;font-size:1.45rem;padding:3px 0}.hmi_design_studio .sp-navbar .navbar-brand,.hmi_design_studio .sp-navbar .navbar-nav>li>a{color:#0051a6}.hmi_design_studio .sp-navbar .navbar-brand{font-size:25px;font-weight:400}.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{position:absolute;right:8px;top:0;bottom:0;margin:auto}@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;height:-moz-fit-content;height:fit-content;background-color:#1668b2}}@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:0px)and (max-width:991px){.hmi_design_studio .sp-navbar .navbar-toggle{float:left;position:relative;margin:7px}}@media(min-width:0px)and (max-width:380px){.hmi_design_studio .context-dropdown{max-width:108px}.hmi_design_studio .context-dropdown span.truncate{width:86px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left}}@media(min-width:0px)and (max-width:320px){.hmi_design_studio .login-wrapper{float:left;width:100%}.hmi_design_studio .sp-sign-up{margin:0 12px;float:right}.hmi_design_studio .context-dropdown{max-width:200px}.hmi_design_studio .context-dropdown span.truncate{width:138px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left}}@media(min-width:0px)and (max-width:768px){.hmi_design_studio .context-dropdown{overflow:hidden;position:relative;text-align:left;min-width:108px;margin-right:5px}}.hmi_design_studio .sp-navbar .dropdown-menu{width:192}.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{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-radius:0 6px 6px 6px;background-color:#1668b2}.hmi_design_studio .sp-navbar .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent transparent transparent #000;border-style:solid;border-width:5px 0 5px 5px;margin-top:5px;margin-right:-10px}.hmi_design_studio .sp-navbar .child-menu{height:60px;width:190px}.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:"";position:absolute;width:80%;height:1px;bottom:0;left:18px;background-color:#fff;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out 0s}.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{left:-100%;margin-left:10px;border-radius:6px 0 6px 6px}.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{border-radius:48px;border:1px solid #777;padding:4px;height:29px;text-align:center;margin-top:10px;background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2)}.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{margin-top:10px;float:left;position:relative;width:auto}.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:-moz-fit-content;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{height:2px;width:100%}.hmi_design_studio .loading-bar.active{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#0051a6 4%,#e2e2e2 25%,#eff1f3 36%);background-size:1000px 100%}.hmi_design_studio .video-info{margin-bottom:3%}.hmi_design_studio .responsive-video{position:relative;background:#f8f8f8;padding-bottom:440.25px;padding-top:25px;height:0}.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{border:1px solid #e6e6e6;border-radius:20px;color:#797979;box-shadow:0 0 6px -3px rgba(0,0,0,.75);overflow:hidden}.hmi_design_studio .sp-chapters .table-container tr:hover{cursor:pointer;background-color:hsla(0,0%,80%,.322)}.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:hsla(0,0%,80%,.322)}.hmi_design_studio .table-container .scroll::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.hmi_design_studio .table-container .scroll::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.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{padding-left:7%;margin-top:auto;margin-bottom:auto}}.hmi_design_studio .social-container .btn-comment,.hmi_design_studio .social-container .like-container{float:left}.hmi_design_studio .topbar{background-size:cover;color:#fff;max-height:105px;min-height:105px;background-image:url(/static/assets/service-platform/images/topdesign.png)}.hmi_design_studio .topbar-body{max-width:1200px;margin:auto;width:100%;height:100%;padding:20px;display:flex;align-content:center;text-decoration:none;color:#fff}.hmi_design_studio .topbar-body .page-logo{min-height:50px;width:68px}.hmi_design_studio .topbar-body .page-logo img{max-width:50px}.hmi_design_studio .topbar-body .heading{margin-left:10px;font-weight:700;font-size:24px;line-height:1.1;display:flex;flex-wrap:wrap;align-content:center}.hmi_design_studio .sp-search-box{top:-25px;box-shadow:0 0 0;z-index:1}.hmi_design_studio .topbar .search-container{margin:auto;max-width:1200px}.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{border:1px #0d6fae;background-image:linear-gradient(90deg,#0d6fae,rgba(63,145,187,.878))}.hmi_design_studio .sp-blue{background-color:#0051a6!important;color:#fff!important}.hmi_design_studio .sp-selected{background-image:linear-gradient(90deg,#0d6fae,rgba(63,145,187,.878))!important;color:#fff!important}.hmi_design_studio .sp-btn{border:1px #0d6fae}.hmi_design_studio .sp-btn:hover{border:1px #0d6fae;color:#fff;background-image:linear-gradient(90deg,#0d6fae,rgba(63,145,187,.878))}.hmi_design_studio .heading-xs{font-size:14px;margin-top:10px;margin-bottom:10px}.hmi_design_studio .heading-sm{font-size:18px;margin-top:10px;margin-bottom:10px}.hmi_design_studio .heading-md{font-size:24px;margin-top:20px;margin-bottom:10px;line-height:1.1}.hmi_design_studio .heading-lg{font-size:30px;margin-top:20px;margin-bottom:10px}.hmi_design_studio .heading-elg{font-weight:300;font-size:36px;margin-top:20px;margin-bottom:10px}.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{list-style-position:outside;padding:0 0 0 20px;margin:0}.hmi_design_studio .form-btn{display:inline-block!important;clear:none!important;width:unset!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hmi_design_studio .preview-shimmer{color:#858585;margin-bottom:15px;border:none}.hmi_design_studio .preview-shimmer .animate{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#eff1f3 4%,#e2e2e2 25%,#eff1f3 36%);background-size:1000px 100%}.hmi_design_studio .preview-shimmer .wrapper{width:0;animation:fullView .5s cubic-bezier(.25,.46,.45,.94) forwards}.hmi_design_studio .preview-shimmer .wrapper>.image-preview{width:100%;height:180px;display:flex;justify-content:center;align-items:center;padding:20px}.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{position:relative;display:inline-block;width:50px;height:25px}.hmi_design_studio .toggle-switch input{opacity:0;width:0;height:0}.hmi_design_studio .toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.hmi_design_studio .toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2.5px;background-color:#fff;transition:.4s}.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:translateX(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{border-radius:50%!important;margin:0 5px;color:#6b6b6b;box-shadow:0 0 3px hsla(0,0%,82%,.6)}.hmi_design_studio .pagination>li:nth-child(-n+2)>a{background-color:unset}.hmi_design_studio .pagination>li:nth-child(-n+2)>a,.hmi_design_studio .pagination>li:nth-last-child(-n+2)>a{border:none!important;color:#6b6b6b;font-size:40px;padding:0;line-height:.75;box-shadow:0 0 0}.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{width:20%;min-height:100px;max-height:100px;position:relative;margin-top:10px;vertical-align:middle;display:table-cell}.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:"";height:80%;width:3px;position:absolute;right:0;top:10%;background-color:#ddd}.hmi_design_studio .search-item-details:first-child td{border-top:none!important}.hmi_design_studio .search-item-details:hover{box-shadow:0 0 5px 1px rgba(0,0,0,.27);cursor:pointer}@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{border:1px solid transparent;padding:5px;border-radius:50px;background:hsla(0,0%,96%,.25);box-shadow:12px 10px 24px -10px rgba(0,0,0,.21)}.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{border:1px solid transparent;border-radius:50px;padding:0 20px;background:#fff}.hmi_design_studio div.sp-search-group>*{height:50px;color:gray!important;border:none}.hmi_design_studio div.sp-search-group>:focus{box-shadow:none!important}.hmi_design_studio .sp-search-group .btn-default{border:none;color:gray;height:50px;outline:none!important}.hmi_design_studio .sp-search-group .btn-default .fa{font-size:18px;margin:10px 0}.hmi_design_studio .btn-default:active,.hmi_design_studio .btn-default:focus,.hmi_design_studio .sp-search-group .btn-default:hover{background-color:#fff;box-shadow:none}.hmi_design_studio .sp-search-group .glyphicon-search{font-size:30px}.hmi_design_studio .sp-search-group>input.form-control{width:95%;box-shadow:0 0 0;z-index:1}.hmi_design_studio .sp-search-group .divider{border-left:3px solid #c3c3c3;float:right;height:40px;margin:5px 0}.hmi_design_studio ul li a{cursor:pointer}@media(min-width:0px)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{max-width:60px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;position:relative}.hmi_design_studio .sp-search-group .btn-default.dropdown-toggle .caret{margin-left:0;position:absolute;top:23px;right:1px;bottom:0}.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;right:0;top:-35px;height:80px;width:80px}.hmi_design_studio .details-container{margin:100px 40px;color:dimgray!important}.hmi_design_studio .content-properties .row{margin-bottom:15px}.hmi_design_studio .content-properties{margin:20px;padding:20px 0;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}.hmi_design_studio .content-properties:empty{margin:0;padding:0;border:0}.hmi_design_studio .sp-btn-round{border-radius:50px;border:1px solid #c3c3c3;padding:2% 16%;text-align:center;font-size:17px;background:#fff;box-shadow:12px 10px 24px -10px rgba(0,0,0,.21);outline:none}.hmi_design_studio .sp-btn-round:hover{border-color:#0d6fae;color:#fff;background-image:linear-gradient(90deg,#0d6fae,rgba(63,145,187,.8))}.hmi_design_studio .sp-title{font-weight:700;font-size:36px;color:dimgray}@media(orientation:portrait){.hmi_design_studio .sp-title{font-size:1.571rem}}.hmi_design_studio .badge{background-color:#fff;color:#6a6a6a}.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-size:cover;background-position:top;height:90vh;position:relative;min-height:400px}.hmi_design_studio .sp-top-page .search-container{margin-right:0;width:100%;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{display:inline-block;position:absolute;top:25%;padding:2%;color:#fff;font-weight:400;margin-left:5%}.hmi_design_studio .sp-top-page .sp-title span{display:block;margin:10px 0}@media(min-width:0px)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{display:block;width:40%}}@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(100%)}.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:normal;color:#434343;min-height:160px;text-align:-webkit-auto}.hmi_design_studio .sp-top-page .sp-submenu-item .title-button{border-radius:48px;border:1px solid #ccc;padding:12px;color:#434343;-webkit-margin-after:10px;margin-block-end:10px;box-shadow:0 0 22px 0 rgba(0,0,0,.07)}.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{background-image:linear-gradient(90deg,#0a67ad,#1675af,#2689b2);color:#fff}.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{border-top:2px solid #7eaad1;background:#fff}.hmi_design_studio .sp-top-page .installer-tabs li.active img{filter:grayscale(0)}.hmi_design_studio .sp-top-page .installer-tabs a{padding:10px 70px;background:#f2f2f2}.hmi_design_studio .sp-top-page .installer-tabs img{max-height:50px;max-width:160px;filter:grayscale(100%)}.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:"";position:absolute;right:0;border-right:2px solid #dfdfdf;top:15%;bottom:15%}.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:"";position:absolute;right:0;border-right:2px solid #dfdfdf;top:15%;bottom:15%}.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:"";position:absolute;right:0;border-right:2px solid #dfdfdf;top:15%;bottom:15%}}@media only screen and (min-width:768px){.hmi_design_studio .sp-top-page .col-lg-5ths{display:inline-block;position:relative;min-height:1px;padding-right:15px;padding-left:15px;width:25%;float:none}.hmi_design_studio .sp-top-page .sp-submenu-item:not(:last-child):after{content:"";position:absolute;right:0;border-right:2px solid #dfdfdf;top:15%;bottom:15%}}@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__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{box-sizing:content-box;position:absolute;height:0;width:1px;content:"";z-index:-1;border:8px solid transparent;left:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0;width:100%}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.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-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.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){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;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{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.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{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.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{display:inline-block;margin-left:10px}.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,.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{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + (1.7rem / 2));overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.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{background-color:#216ba5;color:#fff;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:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.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{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted: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--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected: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{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{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:rgba(33,107,165,.5)}.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__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__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__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){background-color:#f0f0f0;color:#000}.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:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-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-year-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__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;-webkit-clip-path:circle(0);clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}