:root{--rootContainerBgColor:linear-gradient(87.53deg,#ebf6fc -13.01%,#99d0ff 233.51%);--colorWhite:#fff;--questionBG:#000;--q1blinkerColor:#99d0ff;--q2blinkerColor:#aad5a4;--q3blinkerColor:#f7beaa;--q4blinkerColor:#99d0ff;--q4aBlinkerColor:#99d0ff;--progressBGColor:#5e5e5e;--q1CardBorderColor:#031d40;--q2CardBorderColor:#0d6032;--q3CardBorderColor:#b23810;--q4CardBorderColor:#031d40;--q4aCardBorderColor:#031d40;--q1CardBGColor:rgba(255,255,255,0.8);--q2CardBGColor:rgba(255,255,255,0.8);--q3CardBGColor:rgba(255,255,255,0.8);--q4CardBGColor:rgba(255,255,255,0.8);--q4aCardBGColor:rgba(255,255,255,0.8);--q1CardOnHoverBoxShadowColor:rgba(3,29,64,0.5);--q2CardOnHoverBoxShadowColor:rgba(13,96,50,0.5);--q3CardOnHoverBoxShadowColor:rgba(178,56,16,0.5);--q4CardOnHoverBoxShadowColor:rgba(3,29,64,0.5);--q4aCardOnHoverBoxShadowColor:rgba(3,29,64,0.5);--q1CardOnHoverBorderColor:#031d40;--q2CardOnHoverBorderColor:#0d6032;--q3CardOnHoverBorderColor:#b23810;--q4CardOnHoverBorderColor:#031d40;--q4aCardOnHoverBorderColor:#031d40;--q1glowBulbColor:linear-gradient(180deg,#031d40 0,#4470a0 100%);--q2glowBulbColor:#0d6032;--q3glowBulbColor:#b23810;--q4glowBulbColor:linear-gradient(180deg,#031d40 0,#4470a0 100%);--q4aglowBulbColor:linear-gradient(180deg,#031d40 0,#4470a0 100%);--qInfoCardSelectedFocusColor:#fff;--qInfoCardSelectedFocusOutline:#000;--qInfoButtonColor:#0067b8;--qInfoButtonBGColor:#fff;--qInfoButtonOnHoverColor:#fff;--qInfoButtonOnHoverBGColor:#0067b8;--gradientDeviceNameColor:linear-gradient(180deg,#0067b8 0,#3999ed 100%);--spinerBGColor:#fff;--figCaptionColor:#464646;--resultsQInfoHrLineColor:#acacac;--highlightOneDeviceBGColor:linear-gradient(87.53deg,#ebf6fc -13.01%,#99d0ff 233.51%);--highlightTwoDeviceBgColor:#0a1933;--question1BgColor:linear-gradient(87.53deg,#ebf6fc -13.01%,#99d0ff 233.51%);--question2BgColor:linear-gradient(90.71deg,#d1e4d1 6.85%,#aad5a4 125.24%);--question3BgColor:linear-gradient(88.97deg,#fddcc6 49.83%,#f7beaa 145.36%);--question4BgColor:linear-gradient(87.53deg,#ebf6fc -13.01%,#99d0ff 233.51%);--question4aBgColor:linear-gradient(87.53deg,#ebf6fc -13.01%,#99d0ff 233.51%);--question1SelectedBgColor:linear-gradient(180deg,#031d40 0,#4470a0 100%);--question2SelectedBgColor:linear-gradient(180.01deg,#0d6032 .01%,#188046 99.99%);--question3SelectedBgColor:linear-gradient(180deg,#b23810 0,#cd4417 100%);--question4SelectedBgColor:linear-gradient(180deg,#031d40 0,#4470a0 100%);--question4aSelectedBgColor:linear-gradient(180deg,#031d40 0,#4470a0 100%);--recommendedSectionBgColor:linear-gradient(180deg,#031d40 0,#4470a0 100%);--highlightSurface;--highlightWindows} .top-section.root-container{background:var(--rootContainerBgColor)} #question1{background:var(--question1BgColor)} #question2{background:var(--question2BgColor)} #question3{background:var(--question3BgColor)} #question4{background:var(--question4BgColor)} #question4a{background:var(--question4aBgColor)} #question1 .card-inner-item.selected{background:var(--question1SelectedBgColor)} #question2 .card-inner-item.selected{background:var(--question2SelectedBgColor)} #question3 .card-inner-item.selected{background:var(--question3SelectedBgColor)} #question4 .card-inner-item.selected{background:var(--question4SelectedBgColor)} #question4a .card-inner-item.selected{background:var(--question4aSelectedBgColor)} .progress{display:flex;overflow:visible;height:2px;min-height:2px !important;border-radius:.125rem;border-style:none;border-width:0;padding:0;background-color:var(--progressBGColor);border-color:none} .progress-bar{height:4px;border-radius:2px;margin-top:-1px} #questionList .card input{visibility:hidden;width:0;height:0} .banner-hide{display:none} #question1 .card-inner-item,#question2 .card-inner-item,#question3 .card-inner-item,#question4 .card-inner-item,#question4a .card-inner-item{border-radius:8px} #question1 .card-inner-item{border:2px solid var(--q1CardBorderColor);background:var(--q1CardBGColor)} #question4 .card-inner-item{border:2px solid var(--q4CardBorderColor);background:var(--q4CardBGColor)} #question4a .card-inner-item{border:2px solid var(--q4aCardBorderColor);background:var(--q4aCardBGColor)} #question2 .card-inner-item{border:2px solid var(--q2CardBorderColor);background:var(--q2CardBGColor)} #question3 .card-inner-item{border:2px solid var(--q3CardBorderColor);background:var(--q3CardBGColor)} .card-inner-item{display:flex;flex-direction:column;align-items:center;cursor:pointer} .help-me-chose-surface .question-container .questioninfo .selected{color:var(--colorWhite)} #question1 .card-inner-item:hover{box-shadow:0 16px 20px var(--q1CardOnHoverBoxShadowColor);border:2px solid var(--q1CardOnHoverBorderColor)} #question2 .card-inner-item:hover{box-shadow:0 16px 20px var(--q2CardOnHoverBoxShadowColor);border:2px solid var(--q2CardOnHoverBorderColor)} #question3 .card-inner-item:hover{box-shadow:0 16px 20px var(--q3CardOnHoverBoxShadowColor);border:2px solid var(--q3CardOnHoverBorderColor)} #question4 .card-inner-item:hover{box-shadow:0 16px 20px var(--q4CardOnHoverBoxShadowColor);border:2px solid var(--q4CardOnHoverBorderColor)} #question4a .card-inner-item:hover{box-shadow:0 16px 20px var(--q4aCardOnHoverBoxShadowColor);border:2px solid var(--q4aCardOnHoverBorderColor)} .help-me-chose-surface .question-container .questioninfo .selected:focus{color:var(--qInfoCardSelectedFocusColor);outline:.1875rem dotted var(--qInfoCardSelectedFocusOutline);outline-offset:2px} .questioninfo{display:none} .questioninfo-show{display:block} .questioninfo .buttons-group .prev-btn,.questioninfo .buttons-group .next-btn,.questioninfo .buttons-group .see-result{width:150px;height:45px;padding:0!important;background:var(--qInfoButtonBGColor);color:var(--qInfoButtonColor);font-weight:700} .questioninfo .buttons-group .prev-btn:hover,.questioninfo .buttons-group .next-btn:hover,.questioninfo .buttons-group .see-result:hover{background:var(--qInfoButtonOnHoverBGColor);color:var(--qInfoButtonOnHoverColor)} .accessory-card .border-left{border-left-color:#000 !important} #question1 .accessory-card .glowing-bulb,#question2 .accessory-card .glowing-bulb,#question3 .accessory-card .glowing-bulb,#question4 .accessory-card .glowing-bulb,#question4a .accessory-card .glowing-bulb{width:45px;height:45px;border-radius:50%;padding:16px} #question1 .accessory-card .glowing-bulb-animation{animation-name:blinker1;animation-duration:2s;animation-iteration-count:5} #question4 .accessory-card .glowing-bulb-animation{animation-name:blinker4;animation-duration:2s;animation-iteration-count:5} #question4a .accessory-card .glowing-bulb-animation{animation-name:blinker4a;animation-duration:2s;animation-iteration-count:5} #question1 .accessory-card .glowing-bulb{background:var(--q1glowBulbColor)} #question2 .accessory-card .glowing-bulb{background:var(--q2glowBulbColor)} #question3 .accessory-card .glowing-bulb{background:var(--q3glowBulbColor)} #question4 .accessory-card .glowing-bulb{background:var(--q4glowBulbColor)} #question4a .accessory-card .glowing-bulb{background:var(--q4aglowBulbColor)} @keyframes blinker1{10%{outline:8px solid var(--q1blinkerColor)} } .helpmechoose .inner-questionary .bg-image span{position:relative;left:70%} #question2 .accessory-card .glowing-bulb-animation{animation-name:blinker2;animation-duration:2s;animation-iteration-count:5} @keyframes blinker2{10%{outline:8px solid var(--q2blinkerColor)} } #question3 .accessory-card .glowing-bulb-animation{animation-name:blinker3;animation-duration:2s;animation-iteration-count:5} @keyframes blinker3{10%{outline:8px solid var(--q3blinkerColor)} } @keyframes blinker4{10%{outline:8px solid var(--q4blinkerColor)} } @keyframes blinker4a{10%{outline:8px solid var(--q4aBlinkerColor)} } @media screen and (max-width:1083px){.questioninfo .card-background,.hmc-static-components .card-background{display:none} .questioninfo .button-tooltip{display:flex;flex-direction:column-reverse;position:relative;margin-bottom:24px;margin-right:0} .questioninfo .button-tooltip .buttons-group{display:flex;justify-content:center} .questioninfo .button-tooltip .accessory-card{left:0} #result.questioninfo .slider-image-group .build .row{justify-content:center} .question-container #question4 .card-foreground .container{padding-right:1.5rem;padding-left:1.5rem} } @media screen and (max-width:840px){.progressbar-container .progressbar{display:flex;flex-direction:column;align-items:flex-start !important;padding-left:20px} .progressbar-container .progress,.questioninfo .button-tooltip .accessory-card{width:90% !important} } @media screen and (min-width:1083px){.questioninfo .buttons-group{display:flex;justify-content:center;position:absolute;left:0} #result.questioninfo .slider-image-group .build .review-selection,#result.questioninfo .slider-image-group .build .shop-now-btn,#result.questioninfo .slider-image-group .build .comming-soon-btn{width:75%} #question2 .button-tooltip,#question3 .button-tooltip{padding-top:100px} .help-me-chose-surface .questioninfo .button-tooltip .accessory-card{position:relative;left:4%;z-index:99} } .help-me-chose-surface .slider-image .all-recomended-heading h3{font-size:46px !important;line-height:56px} .help-me-chose-surface .slider-image .slider-image-name .device-name{font-size:34px;line-height:50px;display:inline-block;background:var(--gradientDeviceNameColor);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .disabled-cta{cursor:not-allowed;opacity:.4;pointer-events:none;color:gray} .help-me-chose-surface .slider-image .slider-image-name .device-name::after{background:var(--gradientDeviceNameColor);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .slider-image .slider-image-name .h6{line-height:24px} .slider-image .slider-image-name .badge{font-size:13px;line-height:10px;letter-spacing:.01em} .slider-image .features-icons ul li img{width:auto;height:44px} .slider-image .features-icons fieldset ul li{font-size:15px;line-height:20px} .slider-image .features-icons nav ul li a{font-size:15px;line-height:20px} .slider-image .features-icons nav ul li label{font-size:24px;text-align:center;color:#2f2f2f} .slider-image .accordion .accordion-header{border-top:0} .slider-image .accordion{background:0;border:0;box-shadow:none} .slider-image .features-icons .radio-button-group fieldset.form-group .config-text h3,.slider-image .features-icons .radio-button-group fieldset.form-group .btn-collapse{font-size:20px;line-height:24px;color:#2f2f2f} #result.questioninfo .device-matching-text .matching-text .glyph-prepend-check-mark::before{color:#107c10;font-weight:800;padding-right:5px} #result.questioninfo .device-matching-text .non-matching-text .glyph-prepend-clear::before{color:#e81123;font-weight:800;padding-right:5px} #result.questioninfo .slider-image .features-icons .radio-button-group .custom-radio .tag-line{font-size:13px;font-weight:600;color:#0067b8;line-height:16px} .slider-image .features-icons .radio-button-group ul.accordion li h4.accordion-header button{font-size:20px;line-height:24px;color:#2f2f2f;border:0;outline:0} .slider-image .features-icons .radio-button-group ul.accordion li h4.accordion-header button:focus{outline:dotted;outline-offset:1px} .slider-image .features-icons .radio-button-group fieldset.form-group .custom-control.custom-radio label{font-size:14px;line-height:20px;background:#fcfcfc;border:2px solid #c8c8c8;border-radius:4px;padding:18px 0 20px 50px;cursor:pointer} .hmc-new-design .device2.slider-image .features-icons .radio-button-group fieldset.form-group .custom-control.custom-radio label{background:transparent} .hmc-new-design .device2.slider-image .features-icons .custom-control-label .custom-control-glyph::before,.hmc-new-design .custom-control-label::before{background:transparent !important} .help-me-chose-surface .hmc-new-design .device1 .slider-display-heading .device-display-heading{padding-bottom:1.5rem} .help-me-chose-surface .hmc-new-design .device-radio-variation-one{padding:0 !important} html:not([dir="rtl"]) .slider-image .features-icons .radio-button-group fieldset.form-group .custom-control.custom-radio .custom-control-label::before{left:12px;top:50%;transform:translate(0,-50%)} html:not([dir="rtl"]) .slider-image .features-icons .radio-button-group fieldset.form-group .custom-radio .custom-control-input:checked~.custom-control-label .custom-control-glyph::before{left:17px;top:50%;transform:translate(0,-50%)} html[dir="rtl"] .slider-wrap .range-wrap input.custom-range-input-slider{transform:rotate(180deg)} .slider-image .slider-wrap .slider-image-container{background-size:100% 400%;padding-bottom:56.5%;background-position-y:0;-webkit-print-color-adjust:exact !important;color-adjust:exact !important;print-color-adjust:exact !important} .slider-image-group .review-selection1 a{padding:10px 30px} .slider-image .slider-wrap input.custom-range-input-slider{height:2px;min-width:319px;padding:0;background:#404040;-webkit-appearance:none;-moz-appearance:none;appearance:none} .slider-image .slider-wrap input.custom-range-input-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#464646;border:0;outline:0;cursor:pointer;width:74px;height:5px} .slider-image .slider-wrap input.custom-range-input-slider:focus::-webkit-slider-thumb{outline:2px dotted} .slider-image .slider-wrap input.custom-range-input-slider:focus{outline:0} .slider-image .slider-wrap .custom-range-tooltip{display:none} .slider-image .slider-wrap .range-wrap label{font-size:13px;line-height:16px} .slider-image .color-picker-heading{font-size:15px;line-height:20px} .slider-image #color-picker-name{font-size:13px;line-height:16px} .color-picker input:checked+label .color-picker-dot{border:none !important} .color-picker input:checked+label .color-picker-dot::before{box-shadow:none !important;outline:3px solid;outline-offset:-5px} .slider-image .build label.custom-control-label{font-size:15px;line-height:20px} .slider-image .slider-display-left .build .btn.btn-primary.glyph-append,.slider-image .slider-display-right .build .btn.btn-primary.glyph-append{padding:10px} .see-more .see-more-btn a{border:2px solid #e3e3e3;box-shadow:0 5px 20px rgba(23,24,27,0.05);border-radius:80px;padding:16px 32px 16px 56px !important;font-size:20px;line-height:24px;color:#000} .slider-image .slider-right .slider-container.animateFadeIn{animation-name:animationFadeIn;animation-duration:6s} @keyframes animationFadeIn{0{opacity:.4} 50%{opacity:.8} 100%{opacity:1} } .slider-image .slider-right #bannerVideo.animateFadeOut{animation-name:animationFadeOut;animation-duration:6s;opacity:0} @keyframes animationFadeOut{0{opacity:1} 50%{opacity:.5} 100%{opacity:0} } html:not([dir="rtl"]) .see-more .see-more-btn .cta-reverse .glyph::before{left:1.4em;animation-name:move;animation-duration:1s;animation-iteration-count:infinite} @keyframes move{from{transform:translate(0,0)} to{transform:translate(0,-5px)} } .button-group nav ul li.card img{width:53px;height:44px} .button-group .print-btn,.button-group .copy-link-btn,.button-group .start-over-btn{cursor:pointer} .help-me-chose-surface sup a:focus{outline:1.5px dotted} .spinner{position:absolute;height:90% !important;width:100% !important;display:flex;justify-content:center;align-items:center;background:var(--spinerBGColor);z-index:99} .device-display-heading:focus{outline:none !important} @media only screen and (max-width:1400px){.slider-image .slider-recomended-heading h3{font-size:46px;line-height:56px} } @media only screen and (min-width:1084px){.help-me-chose-surface .area-heading .area-heading-header{font-size:34px;line-height:40px} .questioninfo{min-height:700px} .questioninfo .card-inner-item{display:flex;flex-direction:column;justify-content:center;min-height:208px} #question3.questioninfo .card-inner-item .card-body{display:flex;flex-direction:column;justify-content:center} .help-me-chose-surface .area-heading-banner .area-heading-banner-header{font-size:46px;line-height:56px} .help-me-chose-surface #result .device1 .slider-display-heading .device-display-heading{font-size:62px;line-height:72px;padding-top:72px} .help-me-chose-surface #result .device2 .all-recomended-heading .device-display-heading{font-size:46px !important;line-height:56px} .help-me-chose-surface #result .slider-image .slider-display-left{padding:0 44px 0 55px} .help-me-chose-surface #result .slider-image .slider-display-right{padding:0 55px 0 44px} } @media only screen and (max-width:1083px){.help-me-chose-surface .area-heading-banner .area-heading-banner-header{font-size:34px !important;line-height:40px} .help-me-chose-surface .area-heading .area-heading-header{font-size:24px;line-height:28px} .slider-image .slider-recomended-heading h3{font-size:34px;line-height:40px;padding-bottom:64px} .slider-image .slider-image-name a.device-name{font-size:24px;line-height:28px;margin-top:1rem !important} .slider-image .features-icons nav.product-features ul li{align-items:center} .slider-image .build.pt-4{padding-top:1rem !important} .device2 .slider-image .build{padding-left:4rem;padding-right:4rem;text-align:center} .see-more.pt-3{padding-top:2.5rem !important} .help-me-chose-surface #result .highlight-hmc-surface{background:var(--highlightOneDeviceBGColor)} .help-me-chose-surface #result .highlight-hmc-surface .card-foreground .material-md-card{box-shadow:none !important;background:var(--highlightOneDeviceBGColor)} .help-me-chose-surface #result .highlight-hmc-surf-win{background:var(--highlightTwoDeviceBgColor)} .help-me-chose-surface #result .highlight-hmc-surf-win .card-foreground .material-md-card{box-shadow:none !important;background:var(--highlightTwoDeviceBgColor)} .help-me-chose-surface .question-container{width:100%;margin-right:auto;margin-left:auto;padding-right:.75rem;padding-left:.75rem} #result .highlight .card-foreground .mt-md-n5{margin-top:0 !important} .help-me-chose-surface .highlight-hmc-surf-win .bg-dark{background-color:#0a1933 !important} } @media only screen and (max-width:1083px) and (min-width:860px){.help-me-chose-surface #result .device1 .slider-display-heading .device-display-heading{font-size:46px;line-height:56px;padding-top:40px} .help-me-chose-surface #result .device2 .all-recomended-heading .device-display-heading{font-size:34px !important;line-height:40px} .help-me-chose-surface #result .device2.slider-image{padding-top:72px} .help-me-chose-surface .questioninfo .button-tooltip .accessory-card{left:-10%} .help-me-chose-surface #result .slider-image .slider-display-left{padding:0 28px 0 28px} .help-me-chose-surface #result .slider-image .slider-display-right{padding:0 28px 0 28px} } @media(min-width:860px){#result.questioninfo .slider-image .slider-container .slider-main .slider-wrap .range-wrap label{min-height:60px} .device1 .slider-main-display{position:relative;top:0;height:100%} .help-me-chose-surface .device1 .color-picker{position:absolute;top:100%} .help-me-chose-surface .hmc-new-design .device1 .features-icons{border:2px solid #c8c8c8;border-radius:4px;padding:1rem !important} .help-me-chose-surface .hmc-new-design .device1 .slider-main-display{padding:0 1rem !important} .help-me-chose-surface .hmc-new-design .device1 .product-features{border:2px solid #c8c8c8;border-radius:4px;background:#fcfcfc;margin-top:3rem} .help-me-chose-surface .hmc-new-design .device2.slider-image.bg-color{background:var(--recommendedSectionBgColor)} .help-me-chose-surface .hmc-new-design .device1 .horizontal-line{display:none} .help-me-chose-surface #result .device2.slider-image{padding-top:75px} .help-me-chose-surface #result .device1{padding-bottom:75px} } @media only screen and (max-width:860px){.help-me-chose-surface #result .device2 .all-recomended-heading .device-display-heading{font-size:24px !important;line-height:28px;text-align:center} .banner-video-main.d-none{display:none} .help-me-chose-surface #result .device1 .slider-display-heading .device-display-heading{font-size:34px;line-height:40px;padding-top:40px} .help-me-chose-surface #result .device2.slider-image{padding-top:56px} .slider-image .slider-wrap input.custom-range-input-slider{min-width:90% !important} .device1.slider-image .configuration-section{display:flex;flex-direction:column-reverse} .slider-image .build{padding-left:0;padding-right:0} .slider-image .slider-display-heading h3{font-size:34px;line-height:40px} .slider-image .slider-recomended-heading h3{padding-bottom:32px;text-align:center;font-size:24px;line-height:28px} .slider-image .features-icons nav ul li label{font-size:19px} .button-group .glyph-txt{bottom:16px;left:10px} .help-me-chose-surface #result .slider-image .slider-display-left{padding-bottom:50px} .button-group .glyph-prepend-share .clipboard{left:10px !important;position:relative !important;bottom:20px !important} #result.questioninfo .slider-image-group .build .refurbished-cta,#result.questioninfo .slider-image-group .build .see-bussiness{text-align:center} .slider-image .features-icons .radio-button-group fieldset.form-group .config-text h3,.slider-image .features-icons .radio-button-group fieldset.form-group .btn-collapse{font-size:18px} } @media(max-width:360px){.questioninfo .buttons-group .prev-btn,.questioninfo .buttons-group .next-btn,.questioninfo .buttons-group .see-result{width:120px} } #result.questioninfo .slider-image .features-icons .accordion .btn::before{display:none} html[dir="rtl"] #question1 .accessory-card{left:0;right:23%} #result.questioninfo .slider-image-group .badge.hidden-zero{visibility:hidden} .button-group .glyph-prepend-devices-laptop-tablet::before,.button-group .glyph-prepend-print::before,.button-group .glyph-prepend-share::before,.button-group .glyph-prepend-refresh::before{font-size:44px;color:#0067b8;padding-bottom:20px} .button-group .glyph-prepend-refresh::before{transform:scaleX(-1)} #result.questioninfo .device1 .slider-image-group .badge.hidden-zero{display:none} .color-picker .color-picker-control:checked+label .color-picker-dot::after{font-size:14px !important;color:#000 !important} .color-picker .color-picker-control[data-color-code="Matte Black"]:checked+label .color-picker-dot::after{color:#fff !important} .accordion-header .glyph-prepend-chevron-up:before,.accordion-header .glyph-prepend-chevron-down:before{color:#000 !important;font-size:20px} .accordion-header .btn-collapse[aria-expanded=false] .glyph::before{transform:rotate(0) !important} .accordion-header .btn-collapse[aria-expanded=true] .glyph::before{transform:scaleY(-1) !important} .questioninfo .card-img-overlay>.card-background{position:relative;bottom:20px} .questioninfo .card-img-overlay>.card-background .figcaption{color:var(--figcaptionColor)} .questioninfo .horizontal-line{color:var(--resultsQInfoHrLineColor)} @media print{.help-me-chose-surface .review-selection a,.help-me-chose-surface .badge,.help-me-chose-surface .slider-image-name a{-webkit-print-color-adjust:exact !important;color-adjust:exact !important;print-color-adjust:exact !important} .help-me-chose-surface .device1.slider-image .configuration-section{display:flex;flex-direction:column-reverse} .help-me-chose-surface .new-device-badge{border:none !important} } @media(prefers-contrast:more){.progress{border:1px solid} #question1 .selected,#question2 .selected,#question3 .selected,#question4 .selected,#question4a .selected{border:2px dashed !important} .custom-control-label .custom-control-glyph::before,.custom-control-label::before{transform:translate(40px,25px);border-radius:50%} .slider-image .slider-wrap input.custom-range-input-slider{border:2px solid #fff !important} .slider-image .slider-wrap input.custom-range-input-slider::-webkit-slider-thumb{outline:2px dotted} } @media screen and (-ms-high-contrast:black-on-white){.questioninfo .glowing-bulb{background-color:WindowText !important} } .footnotes-component section{margin-top:0 !important} .help-me-chose-surface .button-group nav ul li span .result-page-btn .glyph-prepend-chevron-right{position:relative;top:2px;transition:.5s} .help-me-chose-surface .button-group nav ul li span .result-page-btn .glyph-prepend-chevron-right::before{font-weight:800} .help-me-chose-surface .slider-image .slider-image-name .device-name .glyph-prepend-chevron-right::before{font-weight:400;font-size:24px} .help-me-chose-surface .button-group nav ul li span .result-page-btn:hover .glyph-prepend-chevron-right{left:5px;transition:.5s} .help-me-chose-surface .slider-image .slider-image-name .device-name:hover .glyph-prepend-chevron-right{padding-left:8px} .help-me-chose-surface .badgelogo{display:block;width:auto;height:40px} .help-me-chose-surface .copilet-badge,.help-me-chose-surface .new-device-badge{display:block;width:fit-content;padding:11px 32px !important} .help-me-chose-surface .new-device-badge{padding:11px 32px !important;border-radius:4px;font-size:1rem !important} .help-me-chose-surface .device1 .new-device-badge{margin-top:10px} .help-me-chose-surface .highlight-hmc-surface.highlight-surface-none{display:var(--highlightSurface)} .help-me-chose-surface .highlight-hmc-surf-win.highlight-windows-none{display:var(--highlightWindows)} .hmc-static-components{display:none}