.productplacementchoice .c-choice-summary { min-width: auto; padding-right: 12px } .productplacementchoice .c-choice-summary a { padding: 0 36px 0 0; margin: 0; color: #000 } .productplacementchoice .c-choice-summary a:before { position: absolute; right: 0; padding: 12px 0 } html img[class*=vp] { display: none; } @media (min-width:1779px) { html img.vp6 { display: block; } } @media (min-width:1400px) and (max-width:1778px) { html img.vp5 { display: block; } } @media (min-width:1084px) and (max-width:1399px) { html img.vp4 { display: block; } } @media (min-width:768px) and (max-width:1083px) { html img.vp3 { display: block; } } @media (min-width:540px) and (max-width:767px) { html img.vp2 { display: block; } } @media (max-width:539px) { html img.vp1 { display: block; } } @media(max-width:1399px) { html[dir='rtl'] .c-uhfh .f-search-opened .c-search input[type='search'] { width: 100% !important } } .c-video-player .f-core-player .f-video-player { display: block !important } .f-lean { padding-top: 0 } div[role=listbox]>div[role=listbox] { padding-right: 12px } body.r_spotlightdrillin>#primaryArea, body.r_collectiondrillin>#primaryArea { padding: 0 5% } .m-product-detail-hero-product-placement .c-carousel .c-sequence-indicator { bottom: auto; margin-top: 8px; top: 100% } .m-product-detail-hero-carousel .c-carousel .c-sequence-indicator { bottom: auto; margin-top: 8px; top: 100% } @media(min-width:0) and (max-width:539px) { .m-product-detail-hero-product-placement .c-carousel { min-height: 189px; margin-top: 24px } } @media(min-width:540px) and (max-width:767px) { .m-product-detail-hero-product-placement .c-carousel { min-height: 248px } } @media(min-width:768px) and (max-width:1083px) { .m-product-detail-hero .m-product-detail-hero-carousel { min-height: 281px; margin-top: 64px } } @media(min-width:1084px) and (max-width:1399px) { .m-product-detail-hero .m-product-detail-hero-carousel { min-height: 327px; margin-top: 90px } } @media(min-width:1400px) { .m-product-detail-hero .m-product-detail-hero-carousel { min-height: 423px; margin-top: 48px } } #refine-by-deviceRefineMenu a[href*='/hololens'] { display: none } @media only screen and (max-width:539px) { .c-compare-chart section .f-column .f-row img, .m-compare-chart section .f-column .f-row img { max-height: 124px } } .c-group.f-wrap-items.context-list-page .m-product-placement-item { padding-bottom: 48px } .c-group.f-wrap-items.context-list-page .m-product-placement-item.f-size-medium .f-default-image { background-color: #fff; outline: transparent } .m-product-detail-hero .c-carousel { margin-bottom: 24px } .m-product-detail-hero .m-product-detail-hero-product-placement h1 { padding-top: 28px } .m-product-detail-hero .m-product-detail-hero-product-placement .c-badge+h1 { padding-top: 0 } .m-product-detail-hero .m-product-detail-hero-product-placement .c-rating, .m-product-detail-hero .m-product-detail-hero-product-placement .c-meta-text { display: inline-block !important } .productplacementchoice .c-choice-summary a:before { position: static; padding: 0 } .c-product-placement.f-size-large .f-default-image, .m-product-placement-item.f-size-large .f-default-image { background-color: transparent } html[dir='rtl'] .c-carousel li.f-animate-previous .c-hero>picture img { animation: none } .m-feature-channel.context-mixed-entertainment .context-tvshow { margin-top: 58px } @media screen and (max-width:539px) { .r_pdp #web-blend-purchase-dialog [role=dialog] { padding: 0 } .r_pdp iframe#wb_auto_blend_container { width: 100% !important } } .p_onestore .x-video-player { padding-top: 48px } .s_store #TypographicIntroRegion a { color: #0067b8 } .s_mscomhp iframe[src*=MeSilentPassport] { display: none !important } .f-mixed .m-product-placement-item.f-size-large.context-passes img { background-color: #fff !important; outline: 0 } .f-mixed .m-product-placement-item.f-size-large.context-passes img:focus, .f-mixed .m-product-placement-item.f-size-large.context-passes img:hover { outline: rgba(0, 0, 0, .6) solid 1px } body.s_store .c-mosaic-placement .m-hyperlink-group>div { height: 100%; padding-top: 48px } body.s_store .m-hyperlink-group>div .c-hyperlink { text-decoration: none; font-size: 18px } .context-list-page.m-product-placement.f-mixed .m-product-placement-item.f-size-medium.context-app, .m-product-placement.f-mixed .m-product-placement-item.f-size-medium.context-game { margin-top: 75px } @media screen and (min-width:768px) { .c-me .msame_Header { z-index: auto } } #findinstorepopup.c-dialog .f-dialog-scroll { max-height: 380px } body .m-product-placement-item picture, body .m-product-placement-item picture img, body .m-product-placement-item picture .c-image, body .c-product-placement picture, body .c-product-placement picture img, body .c-product-placement picture .c-image { width: auto } .c-dialog.x-marketredirect .c-group .c-button { text-overflow: ellipsis } body.p_mscom.s_mscomhp.r_videoplayeriframeroute { min-width: 320px !important } .m-compare-chart .m-product-placement-item.f-size-medium .f-default-image { background-color: #fff; outline: transparent } .m-product-placement-item.context-tvshow~.m-product-placement-item.context-movie .f-default-image { height: 124px } .c-mosaic-placement .m-hyperlink-group>div { flex-direction: column } .d_web.s_store .m-product-placement .m-product-placement-item.f-size-large .f-default-image picture .c-image, .c-product-placement .f-default-image picture .c-image { height: 88.4% } body.r_pdp meta[content=CFQ7TTC0K5DH]~section .c-price>.srv_price>.c-subheading-4, body.r_pdp meta[content=CFQ7TTC0K5DJ]~section .c-price>.srv_price>.c-subheading-4, body.r_pdp meta[content=CFQ7TTC0K5DG]~section .c-price>.srv_price>.c-subheading-4, body.r_pdp meta[content=CFQ7TTC0K5DQ]~section .c-price>.srv_price>.c-subheading-4, body.r_pdp meta[content=CFQ7TTC0K6L8]~section .c-price>.srv_price>.c-subheading-4 { visibility: hidden } .c-video-player [aria-hidden='true'] { display: none !important } .c-video-player .f-core-player .f-volume-slider[aria-hidden='true'] { display: block !important } .s_swiftkey .c-call-to-action[aria-label='download_app'], .s_swiftkey .c-call-to-action[aria-label='download_play'] { display: none } .margin-bottom-10 { margin-bottom: 10px } .no-js .c-select-menu:hover>.c-menu, .js .c-select-menu>[aria-expanded='true']+[aria-hidden='false'].c-menu, .js .c-select-menu>span[aria-expanded='true']+[aria-hidden='false'].c-menu { display: block } body.s_mscomhp [class*='m-heading'].x-screen-reader+.m-content-placement { margin-top: -18px } @media screen and (min-width:540px) { [data-region-key]>[data-grid='col-6']:nth-child(1) { padding-right: 32px } [data-region-key]>[data-grid='col-6']:nth-child(2) { padding-left: 32px } } @media screen and (max-width:1083px) { .r_pdp .f-sticky>div>div { width: 100% } } .r_pdp .f-sticky button.c-flipper { margin-top: 10px } @media(min-width:1084px) and (max-width:1399px) { @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .m-panes>section:first-child.f-align-middle+section:last-child.f-stacked { flex: 0 1 auto; flex-basis: auto } .m-panes>section:first-child.f-align-middle { flex: 1 0 auto; max-width: 100% } } } .c-carousel>div { overflow: hidden } .s_store:not(.r_pdp) section.c-pivot.f-center { margin-top: 24px } body.s_mixed-reality .m-immersive-hero section.m-immersive-hero-item.f-video>div:nth-of-type(2) { top: auto; bottom: 0 } @media screen and (max-width:767px) { body.s_mixed-reality .m-immersive-hero section.m-immersive-hero-item.f-video { height: 60vh } } body.s_hololens #primaryR1 .m-hero-item.f-medium.f-x-center.f-y-bottom .f-core-player { bottom: 0 } @media(min-width:540px) { .m-hero .m-hero-item>div [class*=c-caption] { margin-top: 12px } } .m-image [class*='c-caption'] { display: none } .m-content-placement { float: none } .s_sitesearchmscom .m-product-placement-item .x-heading { white-space: normal } @media only screen and (max-width:859px) { .c-uhfh.c-sgl-stck .theme-dark nav.c-uhfh-gnav, .c-uhfh.c-sgl-stck .theme-dark nav#uhf-c-nav { background: #000 !important } } @media only screen and (min-width:860px) { body.p_mscom .c-uhfh.c-sgl-stck .c-search button, body.p_onestore .c-uhfh.c-sgl-stck .c-search button { padding-top: 13px } body.p_mscom nav#uhf-c-nav, body.p_onestore nav#uhf-c-nav { margin-right: 15px } .c-uhfh.c-sgl-stck .f-search-opened .c-search button:after { top: -5px } } .m-channel-placement h2.c-heading-4:first-of-type { padding-top: 0 } .m-system-requirements.f-single-column { float: none } @media(min-width:1400px) { .s_romania .m-contentlist .m-contentlist-singlecolumn, .m-contentlist .m-contentlist-singlecolumn [data-grid] { width: 100% } } @media only screen and (min-width:1084px) { .c-feature.f-align-left .c-lightbox-video>div>section>div, .c-feature.f-align-right .c-lightbox-video>div>section>div { width: 50% !important; max-width: 50% !important } } a.c-call-to-action.c-glyph.glyph-play:before, button.c-call-to-action.c-glyph.glyph-play:before { line-height: 1; position: relative; top: 2px } .m-banner .c-group { display: block } nav.c-in-page-navigation.f-hide { overflow: hidden } .c-video-player .f-play-pause-trigger { z-index: auto !important } .m-media-gallery .c-group .c-card .c-heading-6:first-child { margin-right: 82px } .m-hero-item.f-y-center h2.c-heading:first-child { padding-bottom: 3px } @media only screen and (max-width:1399px) { .m-hero-item.f-y-center .c-heading:first-child { padding-bottom: 4px } } .s_microsoftnews .m-hero .c-hero, .s_microsoftnews .m-hero .m-hero-item { padding: 0 5% } .s_microsoftnews .m-hero-item>div { height: 100%; position: absolute; padding: 0 } .s_microsoftnews .m-content-placement-item .c-heading, .s_microsoftnews .m-hero-item .c-heading { display: none } .s_microsoftnews .m-content-placement-item .c-paragraph { margin-top: 25px } .m-multi-hero-item--v2.override-default-mask .c-image:after { background: none } @media screen and (-ms-high-contrast:active) { .m-multi-hero-item--v2.override-default-mask .c-image:after { background: none } } .m-multi-hero-item--v2.theme-light.f-mask-20.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(255, 255, 255, .2), transparent 85%) } @media screen and (-ms-high-contrast:active) { .m-multi-hero-item--v2.theme-light.f-mask-20.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(255, 255, 255, .2), transparent 85%) } } .m-multi-hero-item--v2.theme-light.f-mask-40.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(255, 255, 255, .4), transparent 85%) } @media screen and (-ms-high-contrast:active) { .m-multi-hero-item--v2.theme-light.f-mask-40.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(255, 255, 255, .4), transparent 85%) } } .m-multi-hero-item--v2.theme-light.f-mask-60.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(255, 255, 255, .6), transparent 85%) } @media screen and (-ms-high-contrast:active) { .m-multi-hero-item--v2.theme-light.f-mask-60.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(255, 255, 255, .6), transparent 85%) } } .m-multi-hero-item--v2.theme-light.f-mask-80.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(255, 255, 255, .8), transparent 85%) } @media screen and (-ms-high-contrast:active) { .m-multi-hero-item--v2.theme-light.f-mask-80.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(255, 255, 255, .8), transparent 85%) } } .m-multi-hero-item--v2.theme-light.f-mask-100.override-default-mask .c-image:after { background: linear-gradient(0deg, #fff, transparent 85%) } @media screen and (-ms-high-contrast:active) { .m-multi-hero-item--v2.theme-light.f-mask-100.override-default-mask .c-image:after { background: linear-gradient(0deg, #fff, transparent 85%) } } .m-multi-hero-item--v2.theme-dark.f-mask-20.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(0, 0, 0, .2), transparent 85%) } @media screen and (-ms-high-contrast:active) { .m-multi-hero-item--v2.theme-dark.f-mask-20.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(0, 0, 0, .2), transparent 85%) } } .m-multi-hero-item--v2.theme-dark.f-mask-40.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(0, 0, 0, .4), transparent 85%) } @media screen and (-ms-high-contrast:active) { .m-multi-hero-item--v2.theme-dark.f-mask-40.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(0, 0, 0, .4), transparent 85%) } } .m-multi-hero-item--v2.theme-dark.f-mask-60.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent 85%) } @media screen and (-ms-high-contrast:active) { .m-multi-hero-item--v2.theme-dark.f-mask-60.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent 85%) } } .m-multi-hero-item--v2.theme-dark.f-mask-80.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent 85%) } @media screen and (-ms-high-contrast:active) { .m-multi-hero-item--v2.theme-dark.f-mask-80.override-default-mask .c-image:after { background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent 85%) } } .m-multi-hero-item--v2.theme-dark.f-mask-100.override-default-mask .c-image:after { background: linear-gradient(0deg, #000, transparent 85%) } @media screen and (-ms-high-contrast:active) { .m-multi-hero-item--v2.theme-dark.f-mask-100.override-default-mask .c-image:after { background: linear-gradient(0deg, #000, transparent 85%) } } .m-multi-hero-item--v2 .m-multi-hero-item__content.override-default-mask { color: inherit } @media screen and (min-width:1084px) { .m-multi-hero-item--v2 .m-multi-hero-item__content.override-default-mask { color: inherit } } @media screen and (min-width:1084px) { .m-multi-hero-item--v2 .m-multi-hero-item__content.override-default-mask a.c-call-to-action.f-lightweight { color: inherit } } @media screen and (min-width:1084px) { .m-banner { padding-left: 0; padding-right: 0 } } #coreui-sitebanner-jbch1hb .m-sitebanner-large-countdown .c-glyph.glyph-gift:before { content: '' } .p_office [data-module='ow-hero-5050'] .ow-flexbox .ow-flex-item .c-group.links .ow-video-dialog[aria-hidden='true'] { display: none } @media(min-width:1024px) and (max-width:1200px) { nav.c-in-page-navigation .c-menu { overflow: scroll; height: 150px; left: -2px } } @media(min-width:320px) and (max-width:1024px) { nav.c-in-page-navigation .c-menu { overflow: scroll; height: 150px } }