@charset "UTF-8";.surface-FamilyDevices.scrollablePrevious .m-channel-placement{padding-right:8%} @media only screen and (max-width:1083px){.surface-FamilyDevices.scrollablePrevious .m-channel-placement{padding-right:32px} } @media only screen and (max-width:540px){.surface-FamilyDevices.scrollablePrevious .m-channel-placement{padding-right:20px} } @media only screen and (max-width:475px){.surface-FamilyDevices.scrollablePrevious .m-channel-placement{padding-left:10px;padding-right:10px} } .surface-FamilyDevices .sr-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important} .surface-FamilyDevices .m-banner{width:50%;padding-top:96px;text-align:left;margin:0;padding-left:8%} @media only screen and (max-width:1083px){.surface-FamilyDevices .m-banner{width:50%;padding-top:84px;padding-left:92px} } @media only screen and (max-width:767px){.surface-FamilyDevices .m-banner{width:65%;padding-top:84px;padding-left:20px} } @media only screen and (max-width:539px){.surface-FamilyDevices .m-banner{width:75%} } @media only screen and (max-width:425px){.surface-FamilyDevices .m-banner{width:95%} } .surface-FamilyDevices .m-banner .c-heading-1{font-size:48px;line-height:48px;color:#2f2f2f;padding:38px 0 8px} @media only screen and (max-width:767px){.surface-FamilyDevices .m-banner .c-heading-1{font-size:46px;line-height:46px} } .surface-FamilyDevices .m-banner .c-paragraph-2{padding:25px 0 23px;color:#2f2f2f} @media only screen and (max-width:767px){.surface-FamilyDevices .m-banner .c-paragraph-2{font-size:20px;line-height:24px} } .surface-FamilyDevices .m-channel-placement{padding-top:56px;max-width:100%} @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement{padding-left:0;padding-right:0;padding-top:70px} } @media only screen and (max-width:767px){.surface-FamilyDevices .m-channel-placement{padding-left:0;padding-top:34px} } .surface-FamilyDevices .m-channel-placement .c-flipper.f-previousbtn{opacity:1;box-shadow:0 4px 8px #222;width:55px;height:55px;display:none} .surface-FamilyDevices .m-channel-placement .c-flipper.f-previousbtn:before{font-size:25px;content:"";margin-right:2px;font-family:"MWF-MDL2"} @media only screen and (max-width:539px){.surface-FamilyDevices .m-channel-placement .c-flipper.f-previousbtn{left:5px} } .surface-FamilyDevices .m-channel-placement .c-flipper.f-nextbtn{opacity:1;box-shadow:0 4px 8px #222;width:55px;height:55px;display:none} .surface-FamilyDevices .m-channel-placement .c-flipper.f-nextbtn:before{font-size:25px;content:"";margin-left:2px;font-family:"MWF-MDL2"} @media only screen and (max-width:539px){.surface-FamilyDevices .m-channel-placement .c-flipper.f-nextbtn{right:5px;display:block;visibility:visible} } .surface-FamilyDevices .m-channel-placement .c-flipper:focus{border:1px dashed #000} @media only screen and (max-width:539px){.surface-FamilyDevices .m-channel-placement:hover .c-flipper.f-nextbtn{display:block;visibility:visible} } .surface-FamilyDevices .m-channel-placement .c-carousel{padding-left:8%} .surface-FamilyDevices .m-channel-placement .c-carousel.f-scrollable-previous{padding-left:0} @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement .c-carousel{padding-left:32px} .surface-FamilyDevices .m-channel-placement .c-carousel.f-scrollable-previous{padding-left:0} } @media only screen and (max-width:540px){.surface-FamilyDevices .m-channel-placement .c-carousel{padding-left:20px} .surface-FamilyDevices .m-channel-placement .c-carousel.f-scrollable-previous{padding-left:5px} } @media only screen and (max-width:475px){.surface-FamilyDevices .m-channel-placement .c-carousel{padding-left:10px;padding-right:5px} .surface-FamilyDevices .m-channel-placement .c-carousel.f-scrollable-previous{padding-left:5px} } .surface-FamilyDevices .m-channel-placement .c-carousel ul{margin-top:0;white-space:inherit;list-style:none;margin-top:16px} .surface-FamilyDevices .m-channel-placement .c-carousel ul>li{padding-right:16px;padding-top:10px;vertical-align:top;padding-bottom:10px} .surface-FamilyDevices .m-channel-placement .c-carousel ul>li:nth-child(1){padding-left:5px} @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement .c-carousel ul>li{padding-right:13px} } @media only screen and (max-width:539px){.surface-FamilyDevices .m-channel-placement .c-carousel ul>li{padding-left:5px;padding-right:10px} } .surface-FamilyDevices .m-channel-placement .c-carousel ul>li:last-child{padding-right:5px} .surface-FamilyDevices .m-channel-placement .c-carousel ul>li:last-child .m-channel-placement-item{margin-right:0} @media only screen and (max-width:767px){.surface-FamilyDevices .m-channel-placement .c-carousel .device-family-maindiv{padding-bottom:40px} } .surface-FamilyDevices .m-channel-placement .c-carousel .device-family-maindiv .c-sequence-indicator{display:none} @media only screen and (max-width:539px){.surface-FamilyDevices .m-channel-placement .c-carousel .device-family-maindiv .c-sequence-indicator{display:block} } .surface-FamilyDevices .m-channel-placement .c-carousel .device-family-maindiv .c-sequence-indicator button{width:20px;height:18px} .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{left:70px;opacity:1;box-shadow:0 4px 8px #222;width:75px;height:75px} .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous:before{font-size:35px} @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous:before{font-size:25px} } @media only screen and (min-width:1800px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{left:150px} } @media only screen and (min-width:1920px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{left:110px;width:75px;height:75px} } @media only screen and (min-width:2200px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{left:250px;width:75px;height:75px} } @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{left:160px;width:55px;height:55px} } @media only screen and (max-width:992px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{left:140px} } @media only screen and (max-width:940px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{left:60px} } @media only screen and (max-width:767px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{left:85px} } @media only screen and (max-width:700px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{left:10px} } @media only screen and (max-width:539px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{display:none} } .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{right:70px;opacity:1;box-shadow:0 4px 8px #222;width:75px;height:75px} .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next:before{font-size:35px} @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next:before{font-size:25px} } @media only screen and (min-width:1800px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{right:150px} } @media only screen and (min-width:1920px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{right:110px;width:75px;height:75px} } @media only screen and (min-width:2200px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{right:250px;width:75px;height:75px} } @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{right:160px;width:55px;height:55px} } @media only screen and (max-width:992px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{right:140px} } @media only screen and (max-width:940px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{right:60px} } @media only screen and (max-width:767px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{right:85px} } @media only screen and (max-width:700px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{right:10px} } @media only screen and (max-width:539px){.surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{display:none} } .surface-FamilyDevices .m-channel-placement-item.f-wide{background-color:#f0f0f0;height:100%;width:350px;border-radius:8px;padding-top:5px;padding-bottom:22px;margin-right:16px;margin-bottom:0;position:relative} @media only screen and (max-width:767px){.surface-FamilyDevices .m-channel-placement-item.f-wide{margin-right:4px} } .surface-FamilyDevices .m-channel-placement-item.f-wide .c-channel-placement-image{text-align:center;margin-bottom:2px;margin-top:5px;margin-bottom:5px} .surface-FamilyDevices .m-channel-placement-item.f-wide .c-channel-placement-image.f-picker picture{max-height:100% !important;max-width:100% !important} .surface-FamilyDevices .m-channel-placement-item.f-wide .c-channel-placement-image.f-picker picture img{max-height:100% !important;max-width:100% !important;min-height:0} .surface-FamilyDevices .family-device-content{white-space:inherit} @media(min-width:1084px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content{padding-left:56px;padding-right:56px} } @media(max-width:1083px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content{padding-left:44px;padding-right:44px} } @media(max-width:767px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content{padding-left:20px;padding-right:20px} } .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-content{height:auto;padding:0} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-content .badgeDiv{min-height:25px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-content .c-heading-4{font-size:40px;line-height:40px;color:#2f2f2f;padding-top:10px;white-space:initial} @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-content .c-heading-4{font-size:36px;line-height:36px} } @media only screen and (max-width:767px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-content .c-heading-4{font-size:32px;line-height:32px} } .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-content .c-paragraph-2{padding:25px 0 0;color:#2f2f2f;font-size:24px;font-style:italic;line-height:30px} @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-content .c-paragraph-2{font-size:22px;line-height:24px} } @media only screen and (max-width:767px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-content .c-paragraph-2{padding:26px 0 0} } @media only screen and (max-width:539px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-content .c-paragraph-2{padding:40px 0 12px} } .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-content .c-channel-placement-price{position:relative;padding:10px 0} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-content .c-channel-placement-price .c-price{font-style:italic} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-4{padding:36px 0 4px;font-weight:600;margin-top:0;margin-bottom:0} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-description{height:auto;min-height:60px;padding:5px 0 38px;color:#2f2f2f;margin:-6px 0 0;white-space:initial} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-description .c-paragraph-2{padding:25px 0 3px;font-weight:200;font-size:18px;line-height:24px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-logo.color-swatch img{height:auto;max-width:100%} @media screen and (-ms-high-contrast:white-on-black){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-logo.color-swatch img{background-color:WindowText} } .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .m-color-picker{padding-top:10px;bottom:0;margin:0 5px;display:block;height:auto} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .m-color-picker li{text-align:center} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-specification-list{list-style-type:none;display:flex;flex-direction:column;height:auto;padding:20px 0 15px;margin-top:0} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-specification-list li{display:flex;align-items:center;padding:0 0 15px;min-height:45px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-specification-list li:nth-child(1){padding-left:0} @media screen and (-ms-high-contrast:white-on-black){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-specification-list li div.img img{background-color:WindowText} } .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-specification-list li div.text{padding-left:10px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-specification-list li div.text .c-paragraph{font-size:20px;line-height:30px;color:#2f2f2f} @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-specification-list li div.text .c-paragraph{font-size:18px;line-height:24px} } @media only screen and (max-width:539px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-specification-list li div.text .c-paragraph{font-size:20px} } .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-specification-list li div.text .c-paragraph p{margin:0 !important} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-specification-list li span{padding-left:8px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-action{width:100%;padding-bottom:24px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-action .c-call-to-action{background-color:#0c0c0d;border-radius:10px;width:100%;padding:15px 0;white-space:normal;text-align:center} @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-action .c-call-to-action{padding:10px 0} } @media only screen and (max-width:539px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-action .c-call-to-action{padding:6px 0} } @media screen and (prefers-color-scheme:dark){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-action .c-call-to-action{border:0;outline:0} } @media screen and (forced-colors:active) and (prefers-color-scheme:light){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-action .c-call-to-action{border:0;outline:0} } .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-action .c-call-to-action:after{display:none} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-action .c-call-to-action:hover{outline:0;box-shadow:none} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-action .c-call-to-action:hover span{left:0} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-action .c-call-to-action:focus{outline:0;box-shadow:none;outline:.1875rem solid;outline-offset:-.375rem} @media only screen and (min-width:786px){.surface-FamilyDevices .m-channel-placement-item.f-wide .m-channel-placement-item.f-wide .c-channel-placement-image{height:204px} } @media only screen and (min-width:1420px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:400px} } @media only screen and (min-width:1620px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:460px} } @media only screen and (min-width:1900px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:510px} } @media only screen and (min-width:2000px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:550px} } @media only screen and (min-width:2400px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:620px} } @media only screen and (min-width:2600px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:700px} } @media only screen and (max-width:1281px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:320px} } @media only screen and (max-width:1200px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:280px} } @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:400px} } @media only screen and (max-width:1083px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:370px} } @media only screen and (max-width:940px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:380px} } @media only screen and (max-width:880px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:310px} } @media only screen and (max-width:840px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:280px} } @media only screen and (max-width:720px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:260px} } @media only screen and (max-width:539px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:280px} } @media only screen and (max-width:475px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:250px} } @media only screen and (max-width:424px){.surface-FamilyDevices .m-channel-placement-item.f-wide{width:210px} } .surface-FamilyDevices .sr-only-focusable:not(:active):not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0} .surface-FamilyDevices .c-call-to-action.f-lightweight.sr-only-focusable:focus,.surface-FamilyDevices .c-call-to-action.f-lightweight.sr-only-focusable:active{outline:.1875rem solid;outline-offset:-.375rem;width:100%;z-index:5;background-color:#fff;border:0;text-align:left;padding-left:3%;text-decoration:underline} [lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel ul li{padding-left:16px} @media only screen and (max-width:1083px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel ul li{padding-left:13px;padding-right:0} } @media only screen and (max-width:539px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel ul li{padding-left:5px;padding-right:0} } [lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{right:70px;left:initial} [lang^="ar-"] .surface-FamilyDevices.scrollablePrevious .m-channel-placement{padding-left:8%;padding-right:0} [lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel{padding-right:8%;padding-left:0} [lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel.f-scrollable-previous{padding-right:0} @media only screen and (max-width:1083px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{right:160px;left:initial} } @media only screen and (max-width:992px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{right:140px;left:initial} } @media only screen and (max-width:940px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{right:60px;left:initial} } @media only screen and (max-width:767px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{right:85px;left:initial} } @media only screen and (max-width:700px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous{right:10px;left:initial} } [lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previous:before{content:"";margin-left:2px;font-family:"MWF-MDL2"} [lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{left:70px;right:initial} @media only screen and (max-width:1083px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{left:160px;right:initial} } @media only screen and (max-width:992px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{left:140px;right:initial} } @media only screen and (max-width:940px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{left:60px;right:initial} } @media only screen and (max-width:767px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{left:85px;right:initial} } @media only screen and (max-width:700px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next{left:10px;right:initial} } [lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-next:before{content:"";margin-right:2px;font-family:"MWF-MDL2"} [lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-nextbtn{content:"";margin-right:2px;font-family:"MWF-MDL2"} [lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previousbtn{content:"";margin-left:2px;font-family:"MWF-MDL2"} @media only screen and (max-width:539px){[lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previousbtn{right:10px;left:initial} [lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-previousbtn:before{content:"";margin-left:2px;font-family:"MWF-MDL2"} [lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-nextbtn{right:initial;left:10px} [lang^="ar-"] .surface-FamilyDevices .m-channel-placement .c-carousel .c-flipper.f-nextbtn:before{content:"";margin-right:2px;font-family:"MWF-MDL2"} } [lang^="ar-"] .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .FamilyDevices-specification-list li div.text{padding:0 10px 0 0} .surface-FamilyDevices .c-flipper.f-left:before,.surface-FamilyDevices .c-flipper.f-previous:before{content:"";margin-right:2px} .surface-FamilyDevices .c-flipper.f-right:before,.surface-FamilyDevices .c-flipper.f-next:before{content:"";margin-left:2px} .surface-FamilyDevices .c-flipper:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:'';border:1px solid transparent;border-radius:50%} .surface-FamilyDevices .c-flipper{position:relative;border:2px solid transparent;outline:0;width:44px;height:44px;padding:0;display:inline-block;border:1px solid transparent;border-radius:50%;background:#fafafa;color:#404040;opacity:.8;font-family:"MWF-MDL2"} .surface-FamilyDevices .c-flipper:focus{border-color:#000} .surface-FamilyDevices .c-flipper:focus:after{border-color:rgba(255,255,255,.6)} .surface-FamilyDevices .c-carousel{position:relative} .surface-FamilyDevices .c-carousel .c-flipper{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:100;display:none} .surface-FamilyDevices .c-carousel .c-flipper.f-left,.surface-FamilyDevices .c-carousel .c-flipper.f-previous{left:0} .surface-FamilyDevices .c-carousel .c-flipper.f-right,.surface-FamilyDevices .c-carousel .c-flipper.f-next{right:0} .surface-FamilyDevices .c-carousel .c-flipper+div{position:relative;overflow:hidden} .surface-FamilyDevices .c-carousel.f-scrollable-next .c-flipper.f-right,.surface-FamilyDevices .c-carousel.f-scrollable-next .c-flipper.f-next{display:block} .surface-FamilyDevices .c-carousel.f-scrollable-previous .c-flipper.f-left,.surface-FamilyDevices .c-carousel.f-scrollable-previous .c-flipper.f-previous{display:block} .surface-FamilyDevices .c-carousel>.c-group{width:100%;display:block;padding:1px 0;text-align:center;position:absolute;bottom:8px;z-index:100} .surface-FamilyDevices .c-carousel.f-single-slide ul{display:table;height:1px;font-size:0;left:0;width:auto;transition:left cubic-bezier(.16,1,.29,.99) .667s;padding:1px} .surface-FamilyDevices .c-carousel.f-single-slide li{font-size:15px;line-height:20px;display:inline-block;vertical-align:top} .surface-FamilyDevices .m-channel-placement .c-carousel:hover .c-flipper{visibility:visible} .surface-FamilyDevices .m-channel-placement .c-carousel li{vertical-align:bottom;height:100%;display:table-cell} .surface-FamilyDevices .m-channel-placement .c-flipper{visibility:hidden} .surface-FamilyDevices .m-channel-placement .c-flipper.f-previous{left:0} .surface-FamilyDevices .m-channel-placement .c-flipper.f-next{right:0} @media only screen and (min-width:540px){.surface-FamilyDevices .m-channel-placement .c-flipper{visibility:visible} .surface-FamilyDevices .m-channel-placement .c-flipper.f-previous{left:-24px} .surface-FamilyDevices .m-channel-placement .c-flipper.f-next{right:-24px} } .surface-FamilyDevices .c-badge{font-size:13px;font-weight:600;display:inline-block;letter-spacing:.075em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%} .surface-FamilyDevices .c-badge.f-highlight{background-color:#ffd800;color:#000} .surface-FamilyDevices .c-badge.f-lowlight{background-color:#333;color:#fff} .surface-FamilyDevices .c-badge.f-accent{background-color:#6bb1e8;color:#000} .surface-FamilyDevices .c-badge.f-highlight,.surface-FamilyDevices .c-badge.f-lowlight,.surface-FamilyDevices .c-badge.f-accent,.surface-FamilyDevices .c-badge[style^="background"]{font-weight:400} .surface-FamilyDevices .c-badge.f-small{padding:0 7px 1px 0;line-height:18px;height:18px} .surface-FamilyDevices .c-badge.f-small.f-highlight,.surface-FamilyDevices .c-badge.f-small.f-lowlight,.surface-FamilyDevices .c-badge.f-small.f-accent,.surface-FamilyDevices .c-badge.f-small[style^="background:"]{padding:0 7px 1px} .surface-FamilyDevices .c-badge.f-large{padding:3px 14px 5px;line-height:20px;height:26px} .surface-FamilyDevices .c-badge.f-large.f-highlight,.surface-FamilyDevices .c-badge.f-large.f-lowlight,.surface-FamilyDevices .c-badge.f-large.f-accent,.surface-FamilyDevices .c-badge.f-large[style^="background:"]{padding:3px 14px 5px} .surface-FamilyDevices .c-badge.f-responsive{padding:0 7px 1px 0;line-height:18px;height:18px} .surface-FamilyDevices .c-badge.f-responsive.f-highlight,.surface-FamilyDevices .c-badge.f-responsive.f-lowlight,.surface-FamilyDevices .c-badge.f-responsive.f-accent,.surface-FamilyDevices .c-badge.f-responsive[style^="background:"]{padding:0 7px 1px} @media only screen and (min-width:1084px){.surface-FamilyDevices .c-badge.f-responsive{padding:3px 14px 5px 0;line-height:20px;height:26px} .surface-FamilyDevices .c-badge.f-responsive.f-highlight,.surface-FamilyDevices .c-badge.f-responsive.f-lowlight,.surface-FamilyDevices .c-badge.f-responsive.f-accent,.surface-FamilyDevices .c-badge.f-responsive[style^="background:"]{padding:3px 14px 5px} } .surface-FamilyDevices .c-logo{position:relative;outline:2px solid transparent;border:0;display:inline-block} .surface-FamilyDevices a.c-call-to-action,.surface-FamilyDevices button.c-call-to-action{font-size:15px;padding:10px 20px 6px 22px;position:relative;border:2px solid transparent;outline:1px solid transparent;outline-offset:-3px;max-width:100%;display:inline-block;overflow:hidden;color:#fff;font-weight:600;text-align:center;text-decoration:none;letter-spacing:0;line-height:1.3;white-space:nowrap;transition:all 200ms ease-in-out;box-shadow:0 4px 8px 0 transparent;background:#0067b8} .surface-FamilyDevices .m-channel-placement-item:hover{box-shadow:0 0 12px 2px rgba(0,0,0,.16)} .surface-FamilyDevices .m-channel-placement-item.f-wide .c-channel-placement-image{height:135px;position:relative} @media only screen and (min-width:768px){.surface-FamilyDevices .m-channel-placement-item.f-wide .c-channel-placement-image{height:204px} } .surface-FamilyDevices .c-carousel .c-sequence-indicator{position:absolute;z-index:100;width:100%;text-align:center;bottom:24px;font-size:0} .surface-FamilyDevices .c-sequence-indicator button,.c-sequence-indicator a{position:relative;border:2px solid transparent;outline:0;padding:2px 3px;display:inline-block;background-color:transparent} .surface-FamilyDevices .c-sequence-indicator button:before,.c-sequence-indicator a:before{content:"";display:block;width:100%;height:100%;border-radius:50%;border:1px solid rgba(0,0,0,.8)} .surface-FamilyDevices .c-sequence-indicator button[aria-selected="true"]:before{background-color:#000} .surface-FamilyDevices .c-sequence-indicator button:after,.c-sequence-indicator a:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:'';border:1px solid transparent} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-1{font-size:62px;line-height:72px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-2{font-size:46px;line-height:56px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-3{font-size:34px;line-height:40px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-4{font-size:24px;line-height:28px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-5{font-size:20px;line-height:24px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-6{font-size:18px;line-height:24px} @media(max-width:767px){.surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-1{font-size:46px;line-height:56px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-2{font-size:34px;line-height:40px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-3{font-size:26px;line-height:32px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-4{font-size:20px;line-height:24px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-5{font-size:18px;line-height:24px} .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-heading-6{font-size:16px;line-height:20px} } .surface-FamilyDevices .m-channel-placement-item.f-wide .family-device-content .c-channel-placement-description .c-paragraph-2 a{text-decoration:underline;color:#0067b8} .surface-FamilyDevices .top-badge{top:-5px;text-align:center;position:relative;border-top-left-radius:8px;border-top-right-radius:8px;font-size:16px;font-weight:700;padding:5px 0}