.heading-tools-transparent .heading-tools .btn{background-color:transparent;border:1px solid #fff;color:#fff}.heading-tools-transparent .heading-tools .btn:hover{color:#e6e6e6;border-color:#e6e6e6}.heading-tools-white .heading-tools .btn{background-color:#fff}.heading-tools-white .heading-tools .btn-blue{background-color:#0067e6}.heading-tools{padding-bottom:30px;position:relative;z-index:2;margin-left:-10px;margin-right:-10px}.heading-tools .btn{font-size:12px;line-height:1.8em;height:22px;padding:2px 15px;margin:0 5px 10px;background-color:#f3f6f9;color:#68757f;border-radius:16px}.heading-tools .btn:hover{color:#0067e6}@media not screen and (-webkit-min-device-pixel-ratio:2),not screen and (min--moz-device-pixel-ratio:2),not screen and (-o-min-device-pixel-ratio:2/1),not screen and (min-device-pixel-ratio:2),not screen and (min-resolution:192dpi),not screen and (min-resolution:2dppx){.heading-tools .btn{box-shadow:0 0 1px #f3f6f9 inset}}@media(min-width:1024px){.heading-tools{text-align:right}}.heading-tools .btn-blue{background-color:#0067e6;border:1px solid #0067e6;color:#fff}.heading-tools .btn-blue:hover{color:#fff;background-color:#107bff;border-color:#107bff}@media not screen and (-webkit-min-device-pixel-ratio:2),not screen and (min--moz-device-pixel-ratio:2),not screen and (-o-min-device-pixel-ratio:2/1),not screen and (min-device-pixel-ratio:2),not screen and (min-resolution:192dpi),not screen and (min-resolution:2dppx){.heading-tools .btn-blue{box-shadow:0 0 1px #0067e6 inset}}@keyframes HeadingToolMenuFadeIn{0%{opacity:0}to{opacity:1}}.heading-tools-parent-ip{position:relative;min-height:30px}.heading-tools-parent-ip .heading-tools{display:block}.heading-tools-parent-ip .affix-dd-btn{display:none}@media(max-width:1023px){.heading-tools-parent-ip .affix-dd-btn{background-image:url(/img/affix_menu/icon_a.png);background-repeat:no-repeat;background-size:20px 20px;background-position:center center;transition:.33s all ease;position:absolute;right:0;top:-5px;width:30px;height:30px;display:block;text-align:center;transform-origin:center center;box-sizing:border-box;cursor:pointer;z-index:3}}@media(max-width:1023px)and (-webkit-min-device-pixel-ratio:1.5),(max-width:1023px)and (-o-min-device-pixel-ratio:3/2),(max-width:1023px)and (min--moz-device-pixel-ratio:1.5),(max-width:1023px)and (min-device-pixel-ratio:1.5){.heading-tools-parent-ip .affix-dd-btn{background-image:url(/img/affix_menu/icon_a@2x.png)}}@media(max-width:1023px){.heading-tools-parent-ip .affix-dd-btn.active{transform:rotate(-180deg)}.heading-tools-parent-ip .affix-dd-btn.lighter{background-image:url(/img/affix_menu/icon_b.png);background-repeat:no-repeat}}@media(max-width:1023px)and (-webkit-min-device-pixel-ratio:1.5),(max-width:1023px)and (-o-min-device-pixel-ratio:3/2),(max-width:1023px)and (min--moz-device-pixel-ratio:1.5),(max-width:1023px)and (min-device-pixel-ratio:1.5){.heading-tools-parent-ip .affix-dd-btn.lighter{background-image:url(/img/affix_menu/icon_b@2x.png)}}@media(max-width:1023px){.heading-tools-parent-ip.heading-tools-transparent .affix-dd-btn{color:#fff}.heading-tools-parent-ip.heading-tools-transparent .heading-tools .btn{border-color:#ffffff4d}.heading-tools-parent-ip .heading-tools{display:none;padding-top:20px}.heading-tools-parent-ip .heading-tools .btn,.heading-tools-parent-ip .heading-tools .btn-blue{color:#68757f;box-shadow:none;display:block;height:auto;opacity:0;transition:.33s all ease;transform:translateZ(0);border-radius:0;padding:10px 0;margin:0 auto}.heading-tools-parent-ip .heading-tools .btn,.heading-tools-parent-ip .heading-tools .btn:hover,.heading-tools-parent-ip .heading-tools .btn:active,.heading-tools-parent-ip .heading-tools .btn-blue,.heading-tools-parent-ip .heading-tools .btn-blue:hover,.heading-tools-parent-ip .heading-tools .btn-blue:active{background:transparent;border-top:none;border-left:none;border-right:none;border-color:#68757f4d}.heading-tools-parent-ip .heading-tools .btn:last-of-type,.heading-tools-parent-ip .heading-tools .btn-blue:last-of-type{border-bottom:none}.heading-tools-parent-ip.visible .heading-tools{width:100%;padding-left:0;padding-right:0;margin:0 auto}.heading-tools-parent-ip.visible .heading-tools .btn,.heading-tools-parent-ip.visible .heading-tools .btn-blue{animation-name:HeadingToolMenuFadeIn;animation-duration:.4s;animation-timing-function:ease;animation-fill-mode:forwards}.heading-tools-parent-ip.visible .heading-tools .btn:nth-child(1),.heading-tools-parent-ip.visible .heading-tools .btn-blue:nth-child(1){animation-delay:.2s}.heading-tools-parent-ip.visible .heading-tools .btn:nth-child(2),.heading-tools-parent-ip.visible .heading-tools .btn-blue:nth-child(2){animation-delay:.4s}.heading-tools-parent-ip.visible .heading-tools .btn:nth-child(3),.heading-tools-parent-ip.visible .heading-tools .btn-blue:nth-child(3){animation-delay:.6s}.heading-tools-parent-ip.visible .heading-tools .btn:nth-child(4),.heading-tools-parent-ip.visible .heading-tools .btn-blue:nth-child(4){animation-delay:.8s}.heading-tools-parent-ip.visible .heading-tools .btn:nth-child(5),.heading-tools-parent-ip.visible .heading-tools .btn-blue:nth-child(5){animation-delay:1s}.heading-tools-parent-ip.visible .heading-tools .btn:nth-child(6),.heading-tools-parent-ip.visible .heading-tools .btn-blue:nth-child(6){animation-delay:1.2s}}.s-ddv2__checkbox{margin-right:.5rem!important}.camera-selector .s-banner-links .s-btn{border-color:#fff;background-color:#fff;color:#000}.camera-selector .s-banner-links .s-btn:hover{opacity:.85}.camera-selector-banner{background-color:#000}.camera-selector-banner .s-banner--breadcrumb-tools .s-bnb-major,.camera-selector-banner .s-banner--breadcrumb-tools .s-bnb-minor{padding-bottom:0;padding-top:40px}.camera-selector-banner .s-banner-text{position:relative;text-align:left;max-width:1200px;padding-bottom:0}.camera-selector-banner .s-banner-text p.large{font-size:18px;line-height:28px;font-weight:400;margin-top:8px}.camera-selector-banner__search-bar{margin-top:32px;margin-bottom:12px;position:relative}.camera-selector-banner__search-bar ::-webkit-input-placeholder{color:#b5b5b5}.camera-selector-banner__search-bar :-ms-input-placeholder{color:#b5b5b5}.camera-selector-banner__search-bar ::placeholder{color:#b5b5b5}.camera-selector-banner__search-bar input{font-size:16px;line-height:24px;padding:12px 20px 12px 48px;box-sizing:border-box;max-width:828px;width:100%;border-radius:10px;color:#2e3742;border:none}.camera-selector-banner__search-bar input:hover,.camera-selector-banner__search-bar input:active{outline:none}.camera-selector-banner__search-bar .icon-search{background-image:url(/img/compatibility/icon_search.png);background-repeat:no-repeat;background-size:16px;width:16px;height:17px;position:absolute;left:20px;top:50%;transform:translateY(-50%)}@media all and (-webkit-min-device-pixel-ratio:1.5),all and (-o-min-device-pixel-ratio:3/2),all and (min--moz-device-pixel-ratio:1.5),all and (min-device-pixel-ratio:1.5){.camera-selector-banner__search-bar .icon-search{background-image:url(/img/compatibility/icon_search@2x.png)}}@media screen and (min-width:1280px){.camera-selector-banner{padding-top:100px}}@media screen and (max-width:1279.8px){.camera-selector-banner .s-banner--breadcrumb-tools{display:none}}.camera-selector--vue{position:relative}.camera-selector-content{background-color:#e6e6e680}@media screen and (min-width:768px){.camera-selector-form__wrapper{padding-top:64px}}.camera-selector-form__title{margin-bottom:32px}@media screen and (max-width:767.8px){.camera-selector-form .primary-selector.s-pure-g{margin:-6px}.camera-selector-form .primary-selector.s-pure-g>*{padding:6px}}.camera-selector-form .feature-list{display:flex;flex-wrap:wrap;font-size:12px;line-height:18px}.camera-selector-form .feature{align-items:center;display:flex;margin-right:20px;margin-bottom:20px;flex-shrink:0;cursor:pointer}.camera-selector-form .syno-btn-checkbox{padding:0}.camera-selector-form .syno-btn-checkbox input{position:absolute;display:inline-block;opacity:0}.camera-selector-form .syno-btn-checkbox__checkbox{width:18px;height:18px;box-sizing:border-box;border:1px solid #2e3742;border-radius:3px;margin-right:10px;flex-shrink:0;flex-grow:0}.camera-selector-form .syno-btn-checkbox__checkbox--checked{background-color:#0067e6;border:1px solid #0067e6;background-image:url(/img/compatibility/checkbox.png);background-repeat:no-repeat;background-size:100% 100%}@media all and (-webkit-min-device-pixel-ratio:1.5),all and (-o-min-device-pixel-ratio:3/2),all and (min--moz-device-pixel-ratio:1.5),all and (min-device-pixel-ratio:1.5){.camera-selector-form .syno-btn-checkbox__checkbox--checked{background-image:url(/img/compatibility/checkbox@2x.png)}}.camera-selector-form .syno-btn-checkbox input[type=checkbox]:focus-visible+div{outline:solid 3px rgba(92,176,255,.5);outline-offset:-3px}.camera-selector .show-advanced{margin-top:40px;margin-bottom:20px}.camera-selector .show-advanced .line{flex-grow:1;width:50%}.camera-selector .show-advanced .toggle{white-space:nowrap;cursor:pointer}.camera-selector .show-advanced .toggle.active .arrow{transform:rotate(180deg)}.camera-selector .show-advanced .arrowWrapper{position:relative}.camera-selector .show-advanced .arrow{border-color:#2e3742 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:8px;position:absolute;top:45%;width:0}.camera-selector-criteria-bar{padding-top:12px;background-color:#f2f2f2}.camera-selector-criteria-bar__wrapper{margin-bottom:12px}.camera-selector-criteria-bar__wrapper--no-itme+.camera-selector-results{margin-top:-24px}.camera-selector-criteria-bar .criteria-bar{display:flex;background-color:#e6e6e6;padding:24px 16px 18px;border-radius:5px}@media screen and (min-width:1280px){.camera-selector-criteria-bar .criteria-bar{padding:24px 24px 18px}}.camera-selector-criteria-bar .criteria-bar .title{margin:0 10px 0 0;white-space:nowrap}.camera-selector-criteria-bar .criteria-bar .criteria-div{display:flex;width:100%;flex-wrap:wrap;flex-direction:row;align-items:flex-start}.camera-selector-criteria-bar .criteria-bar .criteria-div .flex1{overflow:hidden}.camera-selector-criteria-bar .criteria-bar .criteria{display:flex;padding:0 8px 0 6px;margin:1px 20px 7px 0;background-color:#ffffffb3;border-radius:3px;font-size:14px;line-height:22px;transition:all .3s}.camera-selector-criteria-bar .criteria-bar .criteria.criteria--removable{cursor:pointer;align-items:center}.camera-selector-criteria-bar .criteria-bar .criteria.criteria--removable:after{content:"";width:11px;height:11px;flex-shrink:0;flex-grow:1;margin-left:6px;background-image:url(/img/compatibility/icon_close.png);background-repeat:no-repeat;background-size:cover}@media all and (-webkit-min-device-pixel-ratio:1.5),all and (-o-min-device-pixel-ratio:3/2),all and (min--moz-device-pixel-ratio:1.5),all and (min-device-pixel-ratio:1.5){.camera-selector-criteria-bar .criteria-bar .criteria.criteria--removable:after{background-image:url(/img/compatibility/icon_close@2x.png)}}.camera-selector-criteria-bar .criteria-bar .criteria.criteria--removable:hover,.camera-selector-criteria-bar .criteria-bar .criteria.criteria--removable:active{background-color:#fff}.camera-selector-criteria-bar .criteria-bar .criteria-btn{margin:0 0 6px 4px;vertical-align:top;font-size:14px;line-height:22px;text-decoration:underline;color:#2e3742;cursor:pointer}.camera-selector-criteria-bar .criteria-bar .criteria-btn:hover,.camera-selector-criteria-bar .criteria-bar .criteria-btn:active{text-decoration:none}.camera-selector-btn-recommend__wrapper{display:inline-block}.camera-selector-btn-recommend__section{text-align:center;padding-top:80px}@media screen and (max-width:1279.8px){.camera-selector-btn-recommend__section{padding-top:64px}}.camera-selector-contact-us{background-color:#000;color:#fff;text-align:center}@media screen and (min-width:1280px){.camera-selector-contact-us .s-section__intro{margin-bottom:40px}}.camera-selector-results{position:relative;min-height:100px}@media screen and (max-width:1279.8px){.camera-selector-results{min-height:80px}}.camera-selector-results__loading{min-height:226px}@media screen and (max-width:1279.8px){.camera-selector-results__loading{min-height:190px}}.camera-selector-results .loading-icon-outer{background-color:transparent}.camera-selector-results .results__table{padding-top:40px}.camera-selector-results .tiptip{color:#0067e6;cursor:pointer;display:inline-block}.camera-selector-results .tiptip--info{width:16px;height:16px;display:inline-block;background-image:url(/img/compatibility/icon_info.png);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;top:3px}@media all and (-webkit-min-device-pixel-ratio:1.5),all and (-o-min-device-pixel-ratio:3/2),all and (min--moz-device-pixel-ratio:1.5),all and (min-device-pixel-ratio:1.5){.camera-selector-results .tiptip--info{background-image:url(/img/compatibility/icon_info@2x.png)}}.camera-selector-results .table_wrap{margin-bottom:64px}.camera-selector-results .table_wrap::-webkit-scrollbar-thumb{background-color:#b5b5b5b3}.camera-selector-results .table_wrap::-webkit-scrollbar{width:6px;height:6px}.camera-selector-results .table_wrap::-webkit-scrollbar-track{background-color:#b5b5b54d}.camera-selector-results .table_wrap::-webkit-scrollbar-thumb{border-radius:6px}.camera-selector-results .table_wrap::-webkit-scrollbar-thumb:hover{background-color:#b5b5b5}.camera-selector-results .table_wrap .table__brand-title{color:#2e3742;display:flex;margin-bottom:4px}.camera-selector-results .table_wrap .table__brand-title .title{display:flex;align-items:center}.camera-selector-results .table_wrap .table__brand-result{margin-left:16px;font-size:12px;line-height:18px;font-weight:400}.camera-selector-results .hcl-table{border:none;overflow:hidden;margin-bottom:16px;min-width:1200px;width:100%}.camera-selector-results .hcl-table td,.camera-selector-results .hcl-table th{border-top:2px solid #f2f2f2;border-bottom:2px solid #f2f2f2;border-left:none;border-right:none;text-align:center;font-size:13px;line-height:18px;padding:14px 12px}@media screen and (min-width:1280px){.camera-selector-results .hcl-table td,.camera-selector-results .hcl-table th{padding:14px 8px}}.camera-selector-results .hcl-table td.len_control{white-space:nowrap}.camera-selector-results .hcl-table tr:first-child td:first-child{border-top-left-radius:10px;overflow:hidden}.camera-selector-results .hcl-table tr:first-child td:last-child{border-top-right-radius:10px;overflow:hidden}.camera-selector-results .hcl-table tr:first-child td:first-child,.camera-selector-results .hcl-table tr:first-child th:first-child{padding-left:16px;text-align:left}@media screen and (min-width:1280px){.camera-selector-results .hcl-table tr:first-child td:first-child,.camera-selector-results .hcl-table tr:first-child th:first-child{padding-left:24px}}.camera-selector-results .hcl-table tr:first-child td:last-child,.camera-selector-results .hcl-table tr:first-child th:last-child{padding-right:16px}@media screen and (min-width:1280px){.camera-selector-results .hcl-table tr:first-child td:last-child,.camera-selector-results .hcl-table tr:first-child th:last-child{padding-right:24px}}.camera-selector-results .hcl-table tr:last-child td:first-child{border-bottom-left-radius:10px;overflow:hidden}.camera-selector-results .hcl-table tr:last-child td:last-child{border-bottom-right-radius:10px;overflow:hidden}.camera-selector-results .hcl-table th{background-color:#f2f2f2;padding-top:12px;padding-bottom:12px;white-space:nowrap;color:#2e3742}.camera-selector-results .hcl-table th>span:first-child{margin-right:2px}.camera-selector-results .hcl-table tbody{background-color:#fff;border-bottom:4px solid #f2f2f2}.camera-selector-results .hcl-table .note td{text-align:left;border:none;background-color:#fff;padding:32px;transform:translateY(-1px)}.camera-selector-results .hcl-table .note ul{margin:0}.camera-selector-results .hcl-table .link-group{display:flex;align-items:center;flex-wrap:wrap;min-height:54px;min-width:120px}.camera-selector-results .hcl-table .link-group>*{padding-top:4px;transform:translateY(-2px)}.camera-selector-results .hcl-table .link-name{margin-right:8px;text-align:left}.camera-selector-results .hcl-table .link-icon{width:18px;height:18px;margin-right:8px;background-position:center bottom;background-size:cover;display:block}.camera-selector-results .hcl-table .link-icon--external{background-image:url(/img/compatibility/icon_external.png);background-repeat:no-repeat}@media all and (-webkit-min-device-pixel-ratio:1.5),all and (-o-min-device-pixel-ratio:3/2),all and (min--moz-device-pixel-ratio:1.5),all and (min-device-pixel-ratio:1.5){.camera-selector-results .hcl-table .link-icon--external{background-image:url(/img/compatibility/icon_external@2x.png)}}.camera-selector-results .hcl-table .link-icon--cart{background-image:url(/img/compatibility/icon_cart.png);background-repeat:no-repeat}@media all and (-webkit-min-device-pixel-ratio:1.5),all and (-o-min-device-pixel-ratio:3/2),all and (min--moz-device-pixel-ratio:1.5),all and (min-device-pixel-ratio:1.5){.camera-selector-results .hcl-table .link-icon--cart{background-image:url(/img/compatibility/icon_cart@2x.png)}}.camera-selector-results .btn-toggle{cursor:pointer;white-space:nowrap}.camera-selector-results .btn-toggle:after{content:"";display:inline-block;width:8px;height:6px;background-image:url(/img/compatibility/icon_show.png);background-repeat:no-repeat;background-size:cover;background-position:center;margin-left:4px;position:relative;top:-2px}@media all and (-webkit-min-device-pixel-ratio:1.5),all and (-o-min-device-pixel-ratio:3/2),all and (min--moz-device-pixel-ratio:1.5),all and (min-device-pixel-ratio:1.5){.camera-selector-results .btn-toggle:after{background-image:url(/img/compatibility/icon_show@2x.png)}}.camera-selector-results .btn-toggle--show:after{transform:rotate(180deg)}.camera-selector-results .paginator{margin-top:20px;margin-bottom:20px}.camera-selector-results .paginator a{color:#0067e6;padding-left:10px;padding-right:10px}.camera-selector-results .paginator a.disabled{color:#ccc}.camera-selector .camera-selector-form__wrapper{overflow:visible}.camera-selector .s-ddv2{--s-dd-max-w: auto}#tiptip_holder #tiptip_content{font-size:12px;line-height:18px;padding:8px}
