@charset "UTF-8"; /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } *, ::after, ::before { box-sizing: unset; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } button, select { box-sizing: border-box; } /** Author :- Siddhartha Mohapatra Component:- NA Description:- Used for decalaration of common css variable across the Application */ /* IE-polyfill */ /* define mixin to use in main.css */ /* --- name: Icon category: - Icons tag: - icon --- tvOled ```html
``` tvLed ```html
``` tvSmartTv ```html
``` bracketLeft ```html
``` bracketRight ```html
``` play ```html
``` pause ```html
``` circlePlay ```html
``` number0 ```html
``` number1 ```html
``` number2 ```html
``` number3 ```html
``` number4 ```html
``` number5 ```html
``` number6 ```html
``` number7 ```html
``` number8 ```html
``` number9 ```html
``` xsmallTv ```html
``` smallTv ```html
``` mediumTv ```html
``` largeTv ```html
``` up ```html
``` right ```html
``` down ```html
``` left ```html
``` caretUp ```html
``` caretRight ```html
``` caretDown ```html
``` caretLeft ```html
``` caretUpDown ```html
``` newwin ```html
``` account ```html
``` cart ```html
``` doubleUp ```html
``` doubleRight ```html
``` doubleDown ```html
``` doubleLeft ```html
``` bars ```html
``` refresh ```html
``` questionsign ```html
``` book ```html
``` wrench ```html
``` globe ```html
``` close ```html
``` closeThin ```html
``` plus ```html
``` circleQuestion ```html
``` check ```html
``` circleClose ```html
``` compare ```html
``` tile ```html
``` list ```html
``` menu ```html
``` checkbox ```html
``` circleCheckFill ```html
``` circle ```html
``` history ```html
``` flag ```html
``` good ```html
``` bad ```html
``` accountinfo ```html
``` support ```html
``` search ```html
``` search2 ```html
``` registered ```html
``` newsletter ```html
``` photos ```html
``` videos ```html
``` searchplus ```html
``` favorite ```html
``` share ```html
``` starHalf ```html
``` star ```html
``` favoriteCheck ```html
``` oshirase ```html
``` videoPlay ```html
``` pinterest ```html
``` twitter ```html
``` youtube ```html
``` gplus ```html
``` facebook ```html
``` pinterest2 ```html
``` youtube2 ```html
``` gplus2 ```html
``` facebook2 ```html
``` line ```html
``` */ @font-face { font-family: "SonyGwn-SystemIcons"; src: url("../resources/fonts/icons/woff2/SonyGwn-SystemIcons.woff2") format("woff2"), url("../resources/fonts/icons/woff/SonyGwn-SystemIcons.woff") format("woff"), url("../resources/fonts/icons/ttf/SonyGwn-SystemIcons.ttf") format("truetype"), url("../resources/fonts/icons/eot/SonyGwn-SystemIcons.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } [class^="Icon"], [class*=" Icon"] { font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; /* For With CJK Text =========== */ position: relative; } .Icon.-tvOled::before { content: ""; } .Icon.-tvLed::before { content: ""; } .Icon.-tvSmartTv::before { content: ""; } .Icon.-bracketLeft::before { content: ""; } .Icon.-bracketRight::before { content: ""; } .Icon.-play::before { content: ""; } .Icon.-pause::before { content: ""; } .Icon.-circlePlay::before { content: ""; } .Icon.-number0::before { content: ""; } .Icon.-number1::before { content: ""; } .Icon.-number2::before { content: ""; } .Icon.-number3::before { content: ""; } .Icon.-number4::before { content: ""; } .Icon.-number5::before { content: ""; } .Icon.-number6::before { content: ""; } .Icon.-number7::before { content: ""; } .Icon.-number8::before { content: ""; } .Icon.-number9::before { content: ""; } .Icon.-xsmallTv::before { content: ""; } .Icon.-smallTv::before { content: ""; } .Icon.-mediumTv::before { content: ""; } .Icon.-largeTv::before { content: ""; } .Icon.-up::before { content: ""; } .Icon.-right::before { content: ""; } .Icon.-down::before { content: ""; } .Icon.-left::before { content: ""; } .Icon.-caretUp::before { content: ""; } .Icon.-caretRight::before { content: ""; } .Icon.-caretDown::before { content: ""; } .Icon.-caretLeft::before { content: ""; } .Icon.-caretUpDown::before { content: ""; } .Icon.-newwin::before { content: ""; } .Icon.-account::before { content: ""; } .Icon.-cart::before { content: ""; } .Icon.-doubleUp::before { content: ""; } .Icon.-doubleRight::before { content: ""; } .Icon.-doubleDown::before { content: ""; } .Icon.-doubleLeft::before { content: ""; } .Icon.-bars::before { content: ""; } .Icon.-refresh::before { content: ""; } .Icon.-questionsign::before { content: ""; } .Icon.-book::before { content: ""; } .Icon.-wrench::before { content: ""; } .Icon.-globe::before { content: ""; } .Icon.-close::before { content: ""; } .Icon.-closeThin::before { content: ""; } .Icon.-plus::before { content: ""; } .Icon.-circleQuestion::before { content: ""; } .Icon.-check::before { content: ""; } .Icon.-circleClose::before { content: ""; } .Icon.-compare::before { content: ""; } .Icon.-tile::before { content: ""; } .Icon.-list::before { content: ""; } .Icon.-menu::before { content: ""; } .Icon.-checkbox::before { content: ""; } .Icon.-circleCheckFill::before { content: ""; } .Icon.-circle::before { content: ""; } .Icon.-history::before { content: ""; } .Icon.-flag::before { content: ""; } .Icon.-good::before { content: ""; } .Icon.-bad::before { content: ""; } .Icon.-accountinfo::before { content: ""; } .Icon.-support::before { content: ""; } .Icon.-search::before { content: ""; } .Icon.-search2::before { content: ""; } .Icon.-registered::before { content: ""; } .Icon.-newsletter::before { content: ""; } .Icon.-photos::before { content: ""; } .Icon.-videos::before { content: ""; } .Icon.-searchplus::before { content: ""; } .Icon.-favorite::before { content: ""; } .Icon.-share::before { content: ""; } .Icon.-starHalf::before { content: ""; } .Icon.-star::before { content: ""; } .Icon.-favoriteCheck::before { content: ""; } .Icon.-oshirase::before { content: ""; } .Icon.-videoPlay::before { content: ""; } .Icon.-pinterest::before { content: ""; } .Icon.-twitter::before { content: ""; } .Icon.-youtube::before { content: ""; } .Icon.-gplus::before { content: ""; } .Icon.-facebook::before { content: ""; } .Icon.-pinterest2::before { content: ""; } .Icon.-youtube2::before { content: ""; } .Icon.-gplus2::before { content: ""; } .Icon.-facebook2::before { content: ""; } .Icon.-line::before { content: ""; } /** Author :- Siddhartha Mohapatra Component:- NA Description:- Used for Common styling across the Application */ /** Author :- Siddhartha Mohapatra Component:- NA Description:- Used for Common styling across the Application */ ::-webkit-selection { color: #fff; background: rgba(0, 0, 0, 0.7); } ::-moz-selection { color: #fff; background: rgba(0, 0, 0, 0.7); } ::selection { color: #fff; background: rgba(0, 0, 0, 0.7); } html { color: #2f353d; font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 1rem; line-height: 1.6; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; border: 0; scroll-padding-top: 3.75rem; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } body { position: relative; margin: 0; min-height: 100%; border: 0; background-color: #fff !important; } a { color: #3865e0; text-decoration: none; cursor: pointer; } a:hover, a:active { color: #34568e; outline: 0; text-decoration: underline; } a:focus { outline: thin dotted #333; outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } figure { margin: 0; } /* ========================================================================== */ .-onlySmallScreen { display: none; } @media only screen and (max-width: 992px) { .-onlySmallScreen { display: block; } br.-onlySmallScreen { display: inline; } } @media only screen and (max-width: 992px) { .-ignoreSmallScreen { display: none; } } .hide { display: none !important; } .visibilityHidden { visibility: hidden !important; } .disableLink { pointer-events: none; } .no-price-available, p[type='noPriceAvailable'] { margin: 0; padding: 0; color: #2f353d; font-size: 1.125rem; font-weight: normal; line-height: 1.25rem; } @media only screen and (max-width: 992px) { .no-price-available, p[type='noPriceAvailable'] { font-size: 0.75rem; } } [class*='__AddonImage'] img { width: 100%; height: 3.375rem; max-width: 4.75rem; } [class*='__LogoContainer'] img { height: 4.6875rem; max-width: 9.375rem; } @media only screen and (max-width: 992px) { [class*='__LogoContainer'] img { height: 4.0625rem; max-width: 8.125rem; } } [class*='__SubImage'] img:not(.NewProducts__SubImage-Image) { height: 4.6875rem; max-width: 9.375rem; } @media only screen and (max-width: 992px) { [class*='__SubImage'] img:not(.NewProducts__SubImage-Image) { height: 4.0625rem; max-width: 8.125rem; } } /** Author :- Siddhartha Mohapatra Component:- NA Description:- Used for Common styling across the Application */ @keyframes plyr-progress { to { background-position: 25px 0; } } @keyframes plyr-popup { 0% { opacity: .5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: subpixel-antialiased; direction: ltr; font-family: Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif; font-variant-numeric: tabular-nums; font-weight: 500; line-height: 1.7; max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow .3s ease; } .plyr audio, .plyr video { border-radius: inherit; height: auto; vertical-align: middle; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4f5b5f; border-radius: 2px; color: #fff; font-size: 9px; line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { animation: plyr-fade-in .3s ease; bottom: 0; color: #fff; display: none; font-size: 14px; left: 0; padding: 10px; position: absolute; text-align: center; transition: transform .4s ease-in-out; width: 100%; } .plyr__captions .plyr__caption { background: rgba(0, 0, 0, 0.8); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 185%; padding: .2em .5em; white-space: pre-wrap; } .plyr__captions .plyr__caption div { display: inline; } .plyr__captions span:empty { display: none; } @media (min-width: 320px) { .plyr__captions { font-size: 16px; padding: 20px; } } @media (min-width: 992px) { .plyr__captions { font-size: 18px; } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { transform: translateY(-40px); } .plyr__control { background: 0 0; border: 0; border-radius: 3px; color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: 7px; position: relative; transition: all .3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; pointer-events: none; width: 18px; } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { box-shadow: 0 0 0 5px #f25529; outline: 0; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: #f25529; color: #fff; } .plyr--video .plyr__control svg { filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #f25529; color: #fff; } .plyr__control--overlaid { background: #f25529; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: #fff; display: none; left: 50%; padding: 25px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { background: #f25529; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-start; text-align: center; } .plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control { margin-left: 5px; } .plyr__controls .plyr__menu + .plyr__control, .plyr__controls .plyr__progress + .plyr__control, .plyr__controls > .plyr__control + .plyr__control, .plyr__controls > .plyr__control + .plyr__menu { margin-left: 2px; } .plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr=pause] { margin-left: 0; margin-right: auto; flex: 0 0 auto; } .plyr__controls:empty { display: none; } @media (min-width: 320px) { .plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control { margin-left: 10px; } } .plyr--audio .plyr__controls { background: #fff; border-radius: inherit; color: #4f5b5f; padding: 10px; } .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; left: 0; padding: 20px 5px 5px; position: absolute; right: 0; transition: opacity .4s ease-in-out,transform .4s ease-in-out; z-index: 3; } @media (min-width: 320px) { .plyr--video .plyr__controls { padding: 35px 10px 10px; } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } .plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] { display: none; } .plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] { display: inline-block; } .plyr__video-embed { height: 0; padding-bottom: 56.25%; position: relative; } .plyr__video-embed iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: transform .3s ease; } .plyr__menu .plyr__control[aria-expanded=true] svg { transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none; } .plyr__menu__container { animation: plyr-popup .2s ease; background: rgba(255, 255, 255, 0.9); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4f5b5f; font-size: 16px; margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container > div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border-top-color: rgba(255, 255, 255, 0.9); content: ''; height: 0; position: absolute; right: 15px; top: 100%; width: 0; } .plyr__menu__container [role=menu] { padding: 7px; } .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px; } .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4f5b5f; display: flex; font-size: 14px; padding: 4px 11px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control > span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; content: ''; position: absolute; top: 50%; transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: 28px; } .plyr__menu__container .plyr__control--forward::after { border-left-color: rgba(79, 91, 95, 0.8); right: 5px; } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 500; margin: 7px 7px 3px; padding-left: 28px; position: relative; width: calc(100% - 14px); } .plyr__menu__container .plyr__control--back::after { border-right-color: rgba(79, 91, 95, 0.8); left: 7px; } .plyr__menu__container .plyr__control--back::before { background: #b7c5cd; box-shadow: 0 1px 0 #fff; content: ''; height: 1px; left: 0; margin-top: 4px; overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: 7px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before { border-radius: 100%; } .plyr__menu__container .plyr__control[role=menuitemradio]::before { background: rgba(0, 0, 0, 0.1); content: ''; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; transition: all .3s ease; width: 16px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform .3s ease,opacity .3s ease; width: 6px; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: #f25529; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after { opacity: 1; transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before { background: rgba(0, 0, 0, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: -5px; overflow: hidden; padding-left: 25px; pointer-events: none; } .plyr--full-ui input[type=range] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 28px; color: #f25529; display: block; height: 20px; margin: 0; padding: 0; transition: box-shadow .3s ease; width: 100%; } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: 2px; height: 4px; transition: box-shadow .3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); } .plyr--full-ui input[type=range]::-webkit-slider-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); height: 14px; position: relative; transition: all .2s ease; width: 14px; -webkit-appearance: none; margin-top: -5px; } .plyr--full-ui input[type=range]::-moz-range-track { background: 0 0; border: 0; border-radius: 2px; height: 4px; transition: box-shadow .3s ease; -moz-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-moz-range-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); height: 14px; position: relative; transition: all .2s ease; width: 14px; } .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: 2px; height: 4px; } .plyr--full-ui input[type=range]::-ms-track { background: 0 0; border: 0; border-radius: 2px; height: 4px; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; color: transparent; } .plyr--full-ui input[type=range]::-ms-fill-upper { background: 0 0; border: 0; border-radius: 2px; height: 4px; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-ms-fill-lower { background: 0 0; border: 0; border-radius: 2px; height: 4px; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; background: currentColor; } .plyr--full-ui input[type=range]::-ms-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); height: 14px; position: relative; transition: all .2s ease; width: 14px; margin-top: 0; } .plyr--full-ui input[type=range]::-ms-tooltip { display: none; } .plyr--full-ui input[type=range]:focus { outline: 0; } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 5px #f25529; outline: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 5px #f25529; outline: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 5px #f25529; outline: 0; } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: rgba(183, 197, 205, 0.66); } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: rgba(183, 197, 205, 0.66); } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: rgba(183, 197, 205, 0.66); } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 14px; } .plyr__time + .plyr__time::before { content: '\2044'; margin-right: 10px; } @media (max-width: 991px) { .plyr__time + .plyr__time { display: none; } } .plyr--video .plyr__time { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4f5b5f; font-size: 14px; font-weight: 500; left: 50%; line-height: 1.3; margin-bottom: 10px; opacity: 0; padding: 5px 7.5px; pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform .2s .1s ease,opacity .2s .1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ''; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { left: 16px; } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { left: auto; right: 16px; transform: translateX(50%); } .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { transform: translate(0, 0) scale(1); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; border-radius: inherit; overflow: hidden; position: relative; z-index: 0; } .plyr__progress { flex: 1; left: 7px; margin-right: 14px; position: relative; width: 115px; } .plyr__progress input[type=range], .plyr__progress__buffer { margin-left: -7px; margin-right: -7px; width: calc(100% + 14px); } .plyr__progress input[type=range] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 14px; left: 0; } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 4px; left: 0; margin-top: -2px; padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0; transition: width .2s ease; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 4px; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 4px; transition: width .2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; transition: width .2s ease; } .plyr--video .plyr__progress__buffer { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.25); } .plyr--audio .plyr__progress__buffer { color: rgba(183, 197, 205, 0.66); } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(183, 197, 205, 0.66); } .plyr__volume { align-items: center; display: flex; flex: 1; position: relative; } .plyr__volume input[type=range] { margin-left: 5px; position: relative; z-index: 2; } @media (min-width: 320px) { .plyr__volume { max-width: 90px; } } @media (min-width: 992px) { .plyr__volume { max-width: 110px; } } .plyr--is-ios .plyr__volume { display: none !important; } .plyr--is-ios.plyr--vimeo [data-plyr=mute] { display: none !important; } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-webkit-full-screen .plyr__video-embed { overflow: visible; } .plyr:-moz-full-screen .plyr__video-embed { overflow: visible; } .plyr:-ms-fullscreen .plyr__video-embed { overflow: visible; } .plyr:fullscreen .plyr__video-embed { overflow: visible; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 992px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; } .plyr:-moz-full-screen .plyr__captions { font-size: 21px; } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; } .plyr:fullscreen .plyr__captions { font-size: 21px; } .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-webkit-full-screen .plyr__video-embed { overflow: visible; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-moz-full-screen .plyr__video-embed { overflow: visible; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-ms-fullscreen .plyr__video-embed { overflow: visible; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; width: 100%; } .plyr--fullscreen-fallback .plyr__video-embed { overflow: visible; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: rgba(47, 52, 61, 0.8); border-radius: 2px; bottom: 10px; color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 4px; left: 0; margin: -2px 0 0; opacity: .8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } .EditBox__ModalContainer { visibility: hidden; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 500; background-color: rgba(0, 0, 0, 0.9); opacity: 0; transition: opacity 0.25s, visibility 0.25s; } .EditBox__ModalContainer.-isActive { visibility: visible; opacity: 1; direction: ltr; } .EditBox__ModalInner { position: relative; width: 90vw; max-width: 75rem; max-height: 90vh; overflow: auto; } .EditBox__CloseButton { position: absolute; } .EditBox__CloseButton { position: absolute; top: 0.5625rem; right: 0.6875rem; background: none; border: 0; color: #fff; appearance: none; cursor: pointer; } .EditBox__CloseButton * { pointer-events: none; } .EditBox__ModalBody { width: 80%; margin: 0 auto; } .EditBox__ModalInner::-webkit-scrollbar { width: 1rem; } .EditBox__ModalInner::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0.375rem #0000004d; } .EditBox__ModalInner::-webkit-scrollbar-thumb { background-color: #a9a9a9; outline: 0.0625rem solid #708090; } .ExpandBtn { background-color: #2f4dff4f; float: left; margin: 0.3125rem; } .ExpandBox { background-color: #d6dbe4; border: 0.0625rem solid #f0f8ff; padding: 0.625rem; display: flex; flex-direction: column; width: max-content; } .buttonSrc { text-decoration: none; font-size: 0.875rem; display: inline-block; border-radius: 1.5rem; background-color: #fff; color: #346ec5; padding: 1rem 2rem; font-weight: 900; margin: 0.625rem; } .video_content { position: relative; height: 28.125rem; width: 100%; display: none; transition: all 0.5s; } .video_content.show { display: block; } .video_content .videoLink { width: 100%; position: absolute; height: 100%; z-index: 99; border: none; left: 0; } .video_content .video-link { height: 28.125rem; position: relative; } .video_content .close_btn { opacity: 0; height: 1.5625rem; position: absolute; right: 0rem; top: 0.625rem; width: 1.875rem; padding: 0.5rem; font-size: 0.875rem; transition: all 0.5s; background: #21253066; color: #fff; cursor: pointer; z-index: 999; text-align: center; } @media only screen and (min-width: 992px) { .video_content .close_btn { right: -1.875rem; } } .video_content .close_btn:hover { background: #212530cc; } @media only screen and (max-width: 992px) { .video_content .close_btn { opacity: 1; background: #212530cc; } } .video_content .Icon::before { vertical-align: middle; } .video_content:hover { border-width: none; } .video_content:hover .close_btn { opacity: 1; } .ifrmm { z-index: 99; } .parentContainer.hide { display: none; } .hide { display: none; } .Circlr__Container { position: relative; width: 100%; } .Circlr__Images { width: 100%; background: url("/assets/img/Circlr/loading.gif") no-repeat center center; } .Circlr__Images > .component { width: 100%; height: 100%; } .Circlr__Images > .component > .component-content { width: 100%; height: 100%; } .Circlr__Images figure { width: 100%; height: 100%; } .Circlr__Images img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /* IE-polyfill */ } .-SlideButton .Circlr__Images { pointer-events: none; user-select: none; } .Circlr__DragText { position: absolute; width: 100%; top: 75%; text-align: center; pointer-events: none; } .-SlideButton .Circlr__DragText { display: none; } .Circlr__Text { position: relative; color: #fff; font-size: 0.625rem; font-weight: bold; letter-spacing: 0.1em; text-shadow: 0 0 0.125rem #555; } .Circlr__Text::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; font-size: 0.75rem; position: absolute; left: -1.875rem; top: 0.125rem; opacity: 1; animation: BracketLeft 4s infinite; } @keyframes BracketLeft { 0% { left: -1.875rem; opacity: 1; } 75% { left: -1.875rem; opacity: 1; } 90% { left: -2.5rem; opacity: 0; } 91% { left: -1.875rem; opacity: 0; } 100% { left: -1.875rem; opacity: 1; } } .Circlr__Text::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; font-size: 0.75rem; position: absolute; right: -1.875rem; top: 0.125rem; opacity: 1; animation: BracketRight 4s infinite; } @keyframes BracketRight { 0% { right: -1.875rem; opacity: 1; } 75% { right: -1.875rem; opacity: 1; } 90% { right: -2.5rem; opacity: 0; } 91% { right: -1.875rem; opacity: 0; } 100% { right: -1.875rem; opacity: 1; } } .Circlr__SlideBar { position: relative; height: 3.5625rem; left: 1.75rem; width: calc(100% - 56px); margin-top: 0.625rem; user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } [dir='rtl'] .Circlr__SlideBar { left: auto; right: 1.75rem; } @media only screen and (min-width: 992px) { .Circlr__SlideBar { left: 1.875rem; width: calc(100% - 60px); } [dir='rtl'] .Circlr__SlideBar { left: auto; right: 1.875rem; } } .-DragImage .Circlr__SlideBar { display: none; } .Circlr__ScrubberContainer { position: absolute; width: 100%; height: 100%; } .Circlr__Scrubber { position: absolute; min-height: 100%; z-index: 3; user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); left: 0%; top: 0%; max-width: 100%; } .Circlr__Handle { position: absolute; top: 50%; margin-top: -1.78125rem; left: auto; right: -1.75rem; width: 3.5625rem; height: 3.5625rem; background: rgba(80, 77, 86, 0.25); cursor: pointer; border-radius: 50%; transition: all 0.1s; } .Circlr__Handle:hover .Circlr__HandleInner { background: #d94b25; transform: scale(1.1); } .-SlideButton_Dragging .Circlr__Handle .Circlr__HandleInner { background: #504d56; transform: scale(1.1); } .Circlr__HandleInner { position: absolute; width: 2.5625rem; height: 2.5625rem; line-height: 2.3125rem; background: #f25529; display: block; text-align: center; font-size: 0.9em; top: 50%; left: 50%; margin: -1.28125rem 0 0 -1.28125rem; border-radius: 50%; transition: all 0.1s ease-out; } .Circlr__HandleInner i { color: #fff; position: absolute; top: 0.8125rem; } .Circlr__HandleInner i:first-child { left: 0.375rem; } .Circlr__HandleInner i:last-child { right: 0.5rem; } .Circlr__Bar { position: absolute; top: 50%; left: -1.75rem; width: calc(100% + 56px); height: 0.5rem; margin-top: -0.25rem; z-index: 2; background-color: #d2d2db; border-radius: 0.25rem; } @media only screen and (min-width: 992px) { .Circlr__Bar { left: -1.875rem; width: calc(100% + 60px); } } .container { padding: 0 !important; max-width: unset !important; } .PdpHeaderText__Background { margin: 0; } .PdpHeaderText__Background img { vertical-align: middle; } .PdpHeaderText__Background.-LightGray { background-color: #f1f5f9; margin: 0 auto; padding: 3.75rem 0; } @media only screen and (min-width: 992px) { .PdpHeaderText__Background.-TextAlignLeft { text-align: left; } [dir='rtl'] .PdpHeaderText__Background.-TextAlignLeft { text-align: right; } .PdpHeaderText__Background.-TextAlignRight { text-align: right; } [dir='rtl'] .PdpHeaderText__Background.-TextAlignRight { text-align: left; } .PdpHeaderText__Background.-TextAlignCenter { text-align: center; } } @media only screen and (max-width: 992px) { .PdpHeaderText__Background.-TextAlignLeft, .PdpHeaderText__Background.-TextAlignRight, .PdpHeaderText__Background.-TextAlignCenter { text-align: left; } [dir='rtl'] .PdpHeaderText__Background.-TextAlignLeft, [dir='rtl'] .PdpHeaderText__Background.-TextAlignRight, [dir='rtl'] .PdpHeaderText__Background.-TextAlignCenter { text-align: right; } } .PdpHeaderText__TextContainer > p { margin-bottom: 0.9375rem; } .PdpHeaderText__BodyCopy { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.9375rem; line-height: 1.46667; } @media only screen and (max-width: 992px) { .PdpHeaderText__BodyCopy { font-size: 0.75rem; line-height: 1.5; } } .-LightGray .PdpHeaderText__BodyCopy { color: #2f353d; } .PdpHeaderText__Inner { margin: 0 auto; padding-right: 20px; padding-left: 20px; } @media only screen and (min-width: 992px) { .PdpHeaderText__Inner { max-width: 1200px; padding-right: 30px; padding-left: 30px; } } @media only screen and (min-width: 992px) { .PdpHeaderText__Container { margin-left: -15px; margin-right: -15px; } .PdpHeaderText__Container.-Offset-1 { margin-left: 8.33333%; margin-right: 8.33333%; } .PdpHeaderText__Container.-Offset-2 { margin-left: 16.66667%; margin-right: 16.66667%; } .PdpHeaderText__Container.-Offset-3 { margin-left: 25%; margin-right: 25%; } } .PdpHeaderText__Container.-BackColor { background-color: #f1f5f9; padding: 3.75rem; } .PdpHeaderText__ContentHeader { display: block; } .PdpHeaderText__Eyebrow { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-family: 'SST W01 Medium', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 0.9375rem; line-height: 1.46667; margin: 0 0 0.25rem; } @media only screen and (max-width: 992px) { .PdpHeaderText__Eyebrow { font-size: 0.875rem; line-height: 1.5; } } @media only screen and (max-width: 992px) { .PdpHeaderText__Eyebrow { font-size: 0.75rem; line-height: 1.334; } } .PdpHeaderText__Headline { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 1.875rem; line-height: 1.2; letter-spacing: -0.04rem; margin-top: 0; margin-bottom: 0.75rem; } @media only screen and (max-width: 992px) { .PdpHeaderText__Headline { font-size: 1.375rem; line-height: 1.18182; letter-spacing: 0; } } .PdpHeaderText__Headline.-Large { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 2.375rem; line-height: 1.15789; letter-spacing: -0.04rem; } @media only screen and (max-width: 992px) { .PdpHeaderText__Headline.-Large { font-size: 1.5rem; line-height: 1.25; } } .PdpHeaderText__SubHeadline { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-family: 'SST W01 Medium', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 1.125rem; line-height: 1.44444; margin: 0 0 0.5rem; } @media only screen and (max-width: 992px) { .PdpHeaderText__SubHeadline { font-size: 1rem; line-height: 1.375; } } @media only screen and (max-width: 992px) { .PdpHeaderText__SubHeadline { font-size: 0.9375rem; line-height: 1.333333; } } .PdpHeaderText__ButtonContainer { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; } @media only screen and (max-width: 992px) { .PdpHeaderText__ButtonContainer { font-size: 0.6875rem; line-height: 1.36364; } } @media only screen and (max-width: 992px) { .PdpHeaderText__ButtonContainer { font-size: 0.6875rem; line-height: 1.272727; } } .PdpHeaderText__ButtonContainer a { text-decoration: none; } .PdpHeaderText__ButtonContainer a.PdpHeaderText__Button { box-sizing: border-box; display: inline-block; vertical-align: middle; margin-bottom: 0; border: 0.0625rem solid rgba(255, 255, 255, 0.4); border-radius: 0.0625rem; background-color: #2d75c7; transition: background-color 0.25s; font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; -webkit-font-smoothing: subpixel-antialiased; line-height: inherit; padding: 0.6875rem 1.5rem; font-size: 0.8125rem; min-width: 6.25rem; text-align: center; color: #fff; cursor: pointer; display: inline-flex; align-items: center; } .PdpHeaderText__ButtonContainer a.PdpHeaderText__Button:active { background-color: #6694ff; } .PdpHeaderText__ButtonContainer a.PdpHeaderText__Button:focus { background-color: #6694ff; outline: thin dotted #333; outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } .PdpHeaderText__ButtonContainer a.PdpHeaderText__Button:hover { background-color: #34568e; } .PdpHeaderText__ButtonContainer a.PdpHeaderText__Button:hover, .PdpHeaderText__ButtonContainer a.PdpHeaderText__Button:active, .PdpHeaderText__ButtonContainer a.PdpHeaderText__Button:focus { color: white; text-decoration: none; } .PdpHeaderText__ButtonContainer a.PdpHeaderText__Button.-isDisabled, .PdpHeaderText__ButtonContainer a.PdpHeaderText__Button[disabled] { cursor: default; pointer-events: none; opacity: 0.65; } @media only screen and (max-width: 992px) { .PdpHeaderText__ButtonContainer a.PdpHeaderText__Button { font-size: 0.75rem; line-height: 1.33333; } } .PdpHeaderText__ButtonContainer a:not(.PdpHeaderText__Button)::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } a:not(.PdpHeaderText__Button):hover .PdpHeaderText__ButtonText { text-decoration: underline; } .PdpHeaderText__ButtonBlankIcon { display: none; } a[target='_blank'] .PdpHeaderText__ButtonBlankIcon { display: inline-block; } a[target='_blank'] .PdpHeaderText__ButtonBlankIcon::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; vertical-align: text-top; } [dir='rtl'] a[target='_blank'] .PdpHeaderText__ButtonBlankIcon::after { padding-left: 0; padding-right: 0.5em; margin-top: 0.25rem; float: left; } a[data-is-open-in-new-window='true'] .PdpHeaderText__ButtonBlankIcon { display: inline-block; } a[data-is-open-in-new-window='true'] .PdpHeaderText__ButtonBlankIcon::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; vertical-align: text-top; } [dir='rtl'] a[data-is-open-in-new-window='true'] .PdpHeaderText__ButtonBlankIcon::after { padding-left: 0; padding-right: 0.5em; margin-top: 0.25rem; float: left; } .PdpHeaderText__ButtonIcon { margin-right: 0.3125rem; } [dir='rtl'] .PdpHeaderText__ButtonIcon { margin-right: 0; margin-left: 0.3125rem; } .PdpHeaderText__Notes { text-align: left; } .-SpacingTopSmall-0 { padding-top: 0px; } .-SpacingTopSmall-1 { padding-top: 1px; } .-SpacingTopSmall-2 { padding-top: 2px; } .-SpacingTopSmall-3 { padding-top: 3px; } .-SpacingTopSmall-4 { padding-top: 4px; } .-SpacingTopSmall-5 { padding-top: 5px; } .-SpacingTopSmall-6 { padding-top: 6px; } .-SpacingTopSmall-7 { padding-top: 7px; } .-SpacingTopSmall-8 { padding-top: 8px; } .-SpacingTopSmall-9 { padding-top: 9px; } .-SpacingTopSmall-10 { padding-top: 10px; } .-SpacingTopSmall-11 { padding-top: 11px; } .-SpacingTopSmall-12 { padding-top: 12px; } .-SpacingTopSmall-13 { padding-top: 13px; } .-SpacingTopSmall-14 { padding-top: 14px; } .-SpacingTopSmall-15 { padding-top: 15px; } .-SpacingTopSmall-16 { padding-top: 16px; } .-SpacingTopSmall-17 { padding-top: 17px; } .-SpacingTopSmall-18 { padding-top: 18px; } .-SpacingTopSmall-19 { padding-top: 19px; } .-SpacingTopSmall-20 { padding-top: 20px; } .-SpacingTopSmall-21 { padding-top: 21px; } .-SpacingTopSmall-22 { padding-top: 22px; } .-SpacingTopSmall-23 { padding-top: 23px; } .-SpacingTopSmall-24 { padding-top: 24px; } .-SpacingTopSmall-25 { padding-top: 25px; } .-SpacingTopSmall-26 { padding-top: 26px; } .-SpacingTopSmall-27 { padding-top: 27px; } .-SpacingTopSmall-28 { padding-top: 28px; } .-SpacingTopSmall-29 { padding-top: 29px; } .-SpacingTopSmall-30 { padding-top: 30px; } .-SpacingTopSmall-31 { padding-top: 31px; } .-SpacingTopSmall-32 { padding-top: 32px; } .-SpacingTopSmall-33 { padding-top: 33px; } .-SpacingTopSmall-34 { padding-top: 34px; } .-SpacingTopSmall-35 { padding-top: 35px; } .-SpacingTopSmall-36 { padding-top: 36px; } .-SpacingTopSmall-37 { padding-top: 37px; } .-SpacingTopSmall-38 { padding-top: 38px; } .-SpacingTopSmall-39 { padding-top: 39px; } .-SpacingTopSmall-40 { padding-top: 40px; } .-SpacingTopSmall-41 { padding-top: 41px; } .-SpacingTopSmall-42 { padding-top: 42px; } .-SpacingTopSmall-43 { padding-top: 43px; } .-SpacingTopSmall-44 { padding-top: 44px; } .-SpacingTopSmall-45 { padding-top: 45px; } .-SpacingTopSmall-46 { padding-top: 46px; } .-SpacingTopSmall-47 { padding-top: 47px; } .-SpacingTopSmall-48 { padding-top: 48px; } .-SpacingTopSmall-49 { padding-top: 49px; } .-SpacingTopSmall-50 { padding-top: 50px; } .-SpacingTopSmall-51 { padding-top: 51px; } .-SpacingTopSmall-52 { padding-top: 52px; } .-SpacingTopSmall-53 { padding-top: 53px; } .-SpacingTopSmall-54 { padding-top: 54px; } .-SpacingTopSmall-55 { padding-top: 55px; } .-SpacingTopSmall-56 { padding-top: 56px; } .-SpacingTopSmall-57 { padding-top: 57px; } .-SpacingTopSmall-58 { padding-top: 58px; } .-SpacingTopSmall-59 { padding-top: 59px; } .-SpacingTopSmall-60 { padding-top: 60px; } .-SpacingTopSmall-61 { padding-top: 61px; } .-SpacingTopSmall-62 { padding-top: 62px; } .-SpacingTopSmall-63 { padding-top: 63px; } .-SpacingTopSmall-64 { padding-top: 64px; } .-SpacingTopSmall-65 { padding-top: 65px; } .-SpacingTopSmall-66 { padding-top: 66px; } .-SpacingTopSmall-67 { padding-top: 67px; } .-SpacingTopSmall-68 { padding-top: 68px; } .-SpacingTopSmall-69 { padding-top: 69px; } .-SpacingTopSmall-70 { padding-top: 70px; } .-SpacingTopSmall-71 { padding-top: 71px; } .-SpacingTopSmall-72 { padding-top: 72px; } .-SpacingTopSmall-73 { padding-top: 73px; } .-SpacingTopSmall-74 { padding-top: 74px; } .-SpacingTopSmall-75 { padding-top: 75px; } .-SpacingTopSmall-76 { padding-top: 76px; } .-SpacingTopSmall-77 { padding-top: 77px; } .-SpacingTopSmall-78 { padding-top: 78px; } .-SpacingTopSmall-79 { padding-top: 79px; } .-SpacingTopSmall-80 { padding-top: 80px; } .-SpacingTopSmall-81 { padding-top: 81px; } .-SpacingTopSmall-82 { padding-top: 82px; } .-SpacingTopSmall-83 { padding-top: 83px; } .-SpacingTopSmall-84 { padding-top: 84px; } .-SpacingTopSmall-85 { padding-top: 85px; } .-SpacingTopSmall-86 { padding-top: 86px; } .-SpacingTopSmall-87 { padding-top: 87px; } .-SpacingTopSmall-88 { padding-top: 88px; } .-SpacingTopSmall-89 { padding-top: 89px; } .-SpacingTopSmall-90 { padding-top: 90px; } .-SpacingTopSmall-91 { padding-top: 91px; } .-SpacingTopSmall-92 { padding-top: 92px; } .-SpacingTopSmall-93 { padding-top: 93px; } .-SpacingTopSmall-94 { padding-top: 94px; } .-SpacingTopSmall-95 { padding-top: 95px; } .-SpacingTopSmall-96 { padding-top: 96px; } .-SpacingTopSmall-97 { padding-top: 97px; } .-SpacingTopSmall-98 { padding-top: 98px; } .-SpacingTopSmall-99 { padding-top: 99px; } .-SpacingTopSmall-100 { padding-top: 100px; } .-SpacingTopSmall-101 { padding-top: 101px; } .-SpacingTopSmall-102 { padding-top: 102px; } .-SpacingTopSmall-103 { padding-top: 103px; } .-SpacingTopSmall-104 { padding-top: 104px; } .-SpacingTopSmall-105 { padding-top: 105px; } .-SpacingTopSmall-106 { padding-top: 106px; } .-SpacingTopSmall-107 { padding-top: 107px; } .-SpacingTopSmall-108 { padding-top: 108px; } .-SpacingTopSmall-109 { padding-top: 109px; } .-SpacingTopSmall-110 { padding-top: 110px; } .-SpacingTopSmall-111 { padding-top: 111px; } .-SpacingTopSmall-112 { padding-top: 112px; } .-SpacingTopSmall-113 { padding-top: 113px; } .-SpacingTopSmall-114 { padding-top: 114px; } .-SpacingTopSmall-115 { padding-top: 115px; } .-SpacingTopSmall-116 { padding-top: 116px; } .-SpacingTopSmall-117 { padding-top: 117px; } .-SpacingTopSmall-118 { padding-top: 118px; } .-SpacingTopSmall-119 { padding-top: 119px; } .-SpacingTopSmall-120 { padding-top: 120px; } .-SpacingTopSmall-121 { padding-top: 121px; } .-SpacingTopSmall-122 { padding-top: 122px; } .-SpacingTopSmall-123 { padding-top: 123px; } .-SpacingTopSmall-124 { padding-top: 124px; } .-SpacingTopSmall-125 { padding-top: 125px; } .-SpacingTopSmall-126 { padding-top: 126px; } .-SpacingTopSmall-127 { padding-top: 127px; } .-SpacingTopSmall-128 { padding-top: 128px; } .-SpacingTopSmall-129 { padding-top: 129px; } .-SpacingTopSmall-130 { padding-top: 130px; } .-SpacingTopSmall-131 { padding-top: 131px; } .-SpacingTopSmall-132 { padding-top: 132px; } .-SpacingTopSmall-133 { padding-top: 133px; } .-SpacingTopSmall-134 { padding-top: 134px; } .-SpacingTopSmall-135 { padding-top: 135px; } .-SpacingTopSmall-136 { padding-top: 136px; } .-SpacingTopSmall-137 { padding-top: 137px; } .-SpacingTopSmall-138 { padding-top: 138px; } .-SpacingTopSmall-139 { padding-top: 139px; } .-SpacingTopSmall-140 { padding-top: 140px; } .-SpacingTopSmall-141 { padding-top: 141px; } .-SpacingTopSmall-142 { padding-top: 142px; } .-SpacingTopSmall-143 { padding-top: 143px; } .-SpacingTopSmall-144 { padding-top: 144px; } .-SpacingTopSmall-145 { padding-top: 145px; } .-SpacingTopSmall-146 { padding-top: 146px; } .-SpacingTopSmall-147 { padding-top: 147px; } .-SpacingTopSmall-148 { padding-top: 148px; } .-SpacingTopSmall-149 { padding-top: 149px; } .-SpacingTopSmall-150 { padding-top: 150px; } .-SpacingTopSmall-151 { padding-top: 151px; } .-SpacingTopSmall-152 { padding-top: 152px; } .-SpacingTopSmall-153 { padding-top: 153px; } .-SpacingTopSmall-154 { padding-top: 154px; } .-SpacingTopSmall-155 { padding-top: 155px; } .-SpacingTopSmall-156 { padding-top: 156px; } .-SpacingTopSmall-157 { padding-top: 157px; } .-SpacingTopSmall-158 { padding-top: 158px; } .-SpacingTopSmall-159 { padding-top: 159px; } .-SpacingTopSmall-160 { padding-top: 160px; } .-SpacingTopSmall-161 { padding-top: 161px; } .-SpacingTopSmall-162 { padding-top: 162px; } .-SpacingTopSmall-163 { padding-top: 163px; } .-SpacingTopSmall-164 { padding-top: 164px; } .-SpacingTopSmall-165 { padding-top: 165px; } .-SpacingTopSmall-166 { padding-top: 166px; } .-SpacingTopSmall-167 { padding-top: 167px; } .-SpacingTopSmall-168 { padding-top: 168px; } .-SpacingTopSmall-169 { padding-top: 169px; } .-SpacingTopSmall-170 { padding-top: 170px; } .-SpacingTopSmall-171 { padding-top: 171px; } .-SpacingTopSmall-172 { padding-top: 172px; } .-SpacingTopSmall-173 { padding-top: 173px; } .-SpacingTopSmall-174 { padding-top: 174px; } .-SpacingTopSmall-175 { padding-top: 175px; } .-SpacingTopSmall-176 { padding-top: 176px; } .-SpacingTopSmall-177 { padding-top: 177px; } .-SpacingTopSmall-178 { padding-top: 178px; } .-SpacingTopSmall-179 { padding-top: 179px; } .-SpacingTopSmall-180 { padding-top: 180px; } .-SpacingTopSmall-181 { padding-top: 181px; } .-SpacingTopSmall-182 { padding-top: 182px; } .-SpacingTopSmall-183 { padding-top: 183px; } .-SpacingTopSmall-184 { padding-top: 184px; } .-SpacingTopSmall-185 { padding-top: 185px; } .-SpacingTopSmall-186 { padding-top: 186px; } .-SpacingTopSmall-187 { padding-top: 187px; } .-SpacingTopSmall-188 { padding-top: 188px; } .-SpacingTopSmall-189 { padding-top: 189px; } .-SpacingTopSmall-190 { padding-top: 190px; } .-SpacingTopSmall-191 { padding-top: 191px; } .-SpacingTopSmall-192 { padding-top: 192px; } .-SpacingTopSmall-193 { padding-top: 193px; } .-SpacingTopSmall-194 { padding-top: 194px; } .-SpacingTopSmall-195 { padding-top: 195px; } .-SpacingTopSmall-196 { padding-top: 196px; } .-SpacingTopSmall-197 { padding-top: 197px; } .-SpacingTopSmall-198 { padding-top: 198px; } .-SpacingTopSmall-199 { padding-top: 199px; } .-SpacingTopSmall-200 { padding-top: 200px; } .-SpacingBottomSmall-0 { padding-bottom: 0px; } .-SpacingBottomSmall-1 { padding-bottom: 1px; } .-SpacingBottomSmall-2 { padding-bottom: 2px; } .-SpacingBottomSmall-3 { padding-bottom: 3px; } .-SpacingBottomSmall-4 { padding-bottom: 4px; } .-SpacingBottomSmall-5 { padding-bottom: 5px; } .-SpacingBottomSmall-6 { padding-bottom: 6px; } .-SpacingBottomSmall-7 { padding-bottom: 7px; } .-SpacingBottomSmall-8 { padding-bottom: 8px; } .-SpacingBottomSmall-9 { padding-bottom: 9px; } .-SpacingBottomSmall-10 { padding-bottom: 10px; } .-SpacingBottomSmall-11 { padding-bottom: 11px; } .-SpacingBottomSmall-12 { padding-bottom: 12px; } .-SpacingBottomSmall-13 { padding-bottom: 13px; } .-SpacingBottomSmall-14 { padding-bottom: 14px; } .-SpacingBottomSmall-15 { padding-bottom: 15px; } .-SpacingBottomSmall-16 { padding-bottom: 16px; } .-SpacingBottomSmall-17 { padding-bottom: 17px; } .-SpacingBottomSmall-18 { padding-bottom: 18px; } .-SpacingBottomSmall-19 { padding-bottom: 19px; } .-SpacingBottomSmall-20 { padding-bottom: 20px; } .-SpacingBottomSmall-21 { padding-bottom: 21px; } .-SpacingBottomSmall-22 { padding-bottom: 22px; } .-SpacingBottomSmall-23 { padding-bottom: 23px; } .-SpacingBottomSmall-24 { padding-bottom: 24px; } .-SpacingBottomSmall-25 { padding-bottom: 25px; } .-SpacingBottomSmall-26 { padding-bottom: 26px; } .-SpacingBottomSmall-27 { padding-bottom: 27px; } .-SpacingBottomSmall-28 { padding-bottom: 28px; } .-SpacingBottomSmall-29 { padding-bottom: 29px; } .-SpacingBottomSmall-30 { padding-bottom: 30px; } .-SpacingBottomSmall-31 { padding-bottom: 31px; } .-SpacingBottomSmall-32 { padding-bottom: 32px; } .-SpacingBottomSmall-33 { padding-bottom: 33px; } .-SpacingBottomSmall-34 { padding-bottom: 34px; } .-SpacingBottomSmall-35 { padding-bottom: 35px; } .-SpacingBottomSmall-36 { padding-bottom: 36px; } .-SpacingBottomSmall-37 { padding-bottom: 37px; } .-SpacingBottomSmall-38 { padding-bottom: 38px; } .-SpacingBottomSmall-39 { padding-bottom: 39px; } .-SpacingBottomSmall-40 { padding-bottom: 40px; } .-SpacingBottomSmall-41 { padding-bottom: 41px; } .-SpacingBottomSmall-42 { padding-bottom: 42px; } .-SpacingBottomSmall-43 { padding-bottom: 43px; } .-SpacingBottomSmall-44 { padding-bottom: 44px; } .-SpacingBottomSmall-45 { padding-bottom: 45px; } .-SpacingBottomSmall-46 { padding-bottom: 46px; } .-SpacingBottomSmall-47 { padding-bottom: 47px; } .-SpacingBottomSmall-48 { padding-bottom: 48px; } .-SpacingBottomSmall-49 { padding-bottom: 49px; } .-SpacingBottomSmall-50 { padding-bottom: 50px; } .-SpacingBottomSmall-51 { padding-bottom: 51px; } .-SpacingBottomSmall-52 { padding-bottom: 52px; } .-SpacingBottomSmall-53 { padding-bottom: 53px; } .-SpacingBottomSmall-54 { padding-bottom: 54px; } .-SpacingBottomSmall-55 { padding-bottom: 55px; } .-SpacingBottomSmall-56 { padding-bottom: 56px; } .-SpacingBottomSmall-57 { padding-bottom: 57px; } .-SpacingBottomSmall-58 { padding-bottom: 58px; } .-SpacingBottomSmall-59 { padding-bottom: 59px; } .-SpacingBottomSmall-60 { padding-bottom: 60px; } .-SpacingBottomSmall-61 { padding-bottom: 61px; } .-SpacingBottomSmall-62 { padding-bottom: 62px; } .-SpacingBottomSmall-63 { padding-bottom: 63px; } .-SpacingBottomSmall-64 { padding-bottom: 64px; } .-SpacingBottomSmall-65 { padding-bottom: 65px; } .-SpacingBottomSmall-66 { padding-bottom: 66px; } .-SpacingBottomSmall-67 { padding-bottom: 67px; } .-SpacingBottomSmall-68 { padding-bottom: 68px; } .-SpacingBottomSmall-69 { padding-bottom: 69px; } .-SpacingBottomSmall-70 { padding-bottom: 70px; } .-SpacingBottomSmall-71 { padding-bottom: 71px; } .-SpacingBottomSmall-72 { padding-bottom: 72px; } .-SpacingBottomSmall-73 { padding-bottom: 73px; } .-SpacingBottomSmall-74 { padding-bottom: 74px; } .-SpacingBottomSmall-75 { padding-bottom: 75px; } .-SpacingBottomSmall-76 { padding-bottom: 76px; } .-SpacingBottomSmall-77 { padding-bottom: 77px; } .-SpacingBottomSmall-78 { padding-bottom: 78px; } .-SpacingBottomSmall-79 { padding-bottom: 79px; } .-SpacingBottomSmall-80 { padding-bottom: 80px; } .-SpacingBottomSmall-81 { padding-bottom: 81px; } .-SpacingBottomSmall-82 { padding-bottom: 82px; } .-SpacingBottomSmall-83 { padding-bottom: 83px; } .-SpacingBottomSmall-84 { padding-bottom: 84px; } .-SpacingBottomSmall-85 { padding-bottom: 85px; } .-SpacingBottomSmall-86 { padding-bottom: 86px; } .-SpacingBottomSmall-87 { padding-bottom: 87px; } .-SpacingBottomSmall-88 { padding-bottom: 88px; } .-SpacingBottomSmall-89 { padding-bottom: 89px; } .-SpacingBottomSmall-90 { padding-bottom: 90px; } .-SpacingBottomSmall-91 { padding-bottom: 91px; } .-SpacingBottomSmall-92 { padding-bottom: 92px; } .-SpacingBottomSmall-93 { padding-bottom: 93px; } .-SpacingBottomSmall-94 { padding-bottom: 94px; } .-SpacingBottomSmall-95 { padding-bottom: 95px; } .-SpacingBottomSmall-96 { padding-bottom: 96px; } .-SpacingBottomSmall-97 { padding-bottom: 97px; } .-SpacingBottomSmall-98 { padding-bottom: 98px; } .-SpacingBottomSmall-99 { padding-bottom: 99px; } .-SpacingBottomSmall-100 { padding-bottom: 100px; } .-SpacingBottomSmall-101 { padding-bottom: 101px; } .-SpacingBottomSmall-102 { padding-bottom: 102px; } .-SpacingBottomSmall-103 { padding-bottom: 103px; } .-SpacingBottomSmall-104 { padding-bottom: 104px; } .-SpacingBottomSmall-105 { padding-bottom: 105px; } .-SpacingBottomSmall-106 { padding-bottom: 106px; } .-SpacingBottomSmall-107 { padding-bottom: 107px; } .-SpacingBottomSmall-108 { padding-bottom: 108px; } .-SpacingBottomSmall-109 { padding-bottom: 109px; } .-SpacingBottomSmall-110 { padding-bottom: 110px; } .-SpacingBottomSmall-111 { padding-bottom: 111px; } .-SpacingBottomSmall-112 { padding-bottom: 112px; } .-SpacingBottomSmall-113 { padding-bottom: 113px; } .-SpacingBottomSmall-114 { padding-bottom: 114px; } .-SpacingBottomSmall-115 { padding-bottom: 115px; } .-SpacingBottomSmall-116 { padding-bottom: 116px; } .-SpacingBottomSmall-117 { padding-bottom: 117px; } .-SpacingBottomSmall-118 { padding-bottom: 118px; } .-SpacingBottomSmall-119 { padding-bottom: 119px; } .-SpacingBottomSmall-120 { padding-bottom: 120px; } .-SpacingBottomSmall-121 { padding-bottom: 121px; } .-SpacingBottomSmall-122 { padding-bottom: 122px; } .-SpacingBottomSmall-123 { padding-bottom: 123px; } .-SpacingBottomSmall-124 { padding-bottom: 124px; } .-SpacingBottomSmall-125 { padding-bottom: 125px; } .-SpacingBottomSmall-126 { padding-bottom: 126px; } .-SpacingBottomSmall-127 { padding-bottom: 127px; } .-SpacingBottomSmall-128 { padding-bottom: 128px; } .-SpacingBottomSmall-129 { padding-bottom: 129px; } .-SpacingBottomSmall-130 { padding-bottom: 130px; } .-SpacingBottomSmall-131 { padding-bottom: 131px; } .-SpacingBottomSmall-132 { padding-bottom: 132px; } .-SpacingBottomSmall-133 { padding-bottom: 133px; } .-SpacingBottomSmall-134 { padding-bottom: 134px; } .-SpacingBottomSmall-135 { padding-bottom: 135px; } .-SpacingBottomSmall-136 { padding-bottom: 136px; } .-SpacingBottomSmall-137 { padding-bottom: 137px; } .-SpacingBottomSmall-138 { padding-bottom: 138px; } .-SpacingBottomSmall-139 { padding-bottom: 139px; } .-SpacingBottomSmall-140 { padding-bottom: 140px; } .-SpacingBottomSmall-141 { padding-bottom: 141px; } .-SpacingBottomSmall-142 { padding-bottom: 142px; } .-SpacingBottomSmall-143 { padding-bottom: 143px; } .-SpacingBottomSmall-144 { padding-bottom: 144px; } .-SpacingBottomSmall-145 { padding-bottom: 145px; } .-SpacingBottomSmall-146 { padding-bottom: 146px; } .-SpacingBottomSmall-147 { padding-bottom: 147px; } .-SpacingBottomSmall-148 { padding-bottom: 148px; } .-SpacingBottomSmall-149 { padding-bottom: 149px; } .-SpacingBottomSmall-150 { padding-bottom: 150px; } .-SpacingBottomSmall-151 { padding-bottom: 151px; } .-SpacingBottomSmall-152 { padding-bottom: 152px; } .-SpacingBottomSmall-153 { padding-bottom: 153px; } .-SpacingBottomSmall-154 { padding-bottom: 154px; } .-SpacingBottomSmall-155 { padding-bottom: 155px; } .-SpacingBottomSmall-156 { padding-bottom: 156px; } .-SpacingBottomSmall-157 { padding-bottom: 157px; } .-SpacingBottomSmall-158 { padding-bottom: 158px; } .-SpacingBottomSmall-159 { padding-bottom: 159px; } .-SpacingBottomSmall-160 { padding-bottom: 160px; } .-SpacingBottomSmall-161 { padding-bottom: 161px; } .-SpacingBottomSmall-162 { padding-bottom: 162px; } .-SpacingBottomSmall-163 { padding-bottom: 163px; } .-SpacingBottomSmall-164 { padding-bottom: 164px; } .-SpacingBottomSmall-165 { padding-bottom: 165px; } .-SpacingBottomSmall-166 { padding-bottom: 166px; } .-SpacingBottomSmall-167 { padding-bottom: 167px; } .-SpacingBottomSmall-168 { padding-bottom: 168px; } .-SpacingBottomSmall-169 { padding-bottom: 169px; } .-SpacingBottomSmall-170 { padding-bottom: 170px; } .-SpacingBottomSmall-171 { padding-bottom: 171px; } .-SpacingBottomSmall-172 { padding-bottom: 172px; } .-SpacingBottomSmall-173 { padding-bottom: 173px; } .-SpacingBottomSmall-174 { padding-bottom: 174px; } .-SpacingBottomSmall-175 { padding-bottom: 175px; } .-SpacingBottomSmall-176 { padding-bottom: 176px; } .-SpacingBottomSmall-177 { padding-bottom: 177px; } .-SpacingBottomSmall-178 { padding-bottom: 178px; } .-SpacingBottomSmall-179 { padding-bottom: 179px; } .-SpacingBottomSmall-180 { padding-bottom: 180px; } .-SpacingBottomSmall-181 { padding-bottom: 181px; } .-SpacingBottomSmall-182 { padding-bottom: 182px; } .-SpacingBottomSmall-183 { padding-bottom: 183px; } .-SpacingBottomSmall-184 { padding-bottom: 184px; } .-SpacingBottomSmall-185 { padding-bottom: 185px; } .-SpacingBottomSmall-186 { padding-bottom: 186px; } .-SpacingBottomSmall-187 { padding-bottom: 187px; } .-SpacingBottomSmall-188 { padding-bottom: 188px; } .-SpacingBottomSmall-189 { padding-bottom: 189px; } .-SpacingBottomSmall-190 { padding-bottom: 190px; } .-SpacingBottomSmall-191 { padding-bottom: 191px; } .-SpacingBottomSmall-192 { padding-bottom: 192px; } .-SpacingBottomSmall-193 { padding-bottom: 193px; } .-SpacingBottomSmall-194 { padding-bottom: 194px; } .-SpacingBottomSmall-195 { padding-bottom: 195px; } .-SpacingBottomSmall-196 { padding-bottom: 196px; } .-SpacingBottomSmall-197 { padding-bottom: 197px; } .-SpacingBottomSmall-198 { padding-bottom: 198px; } .-SpacingBottomSmall-199 { padding-bottom: 199px; } .-SpacingBottomSmall-200 { padding-bottom: 200px; } @media only screen and (min-width: 992px) { .-SpacingTopLarge-0 { padding-top: 0px; } .-SpacingTopLarge-1 { padding-top: 1px; } .-SpacingTopLarge-2 { padding-top: 2px; } .-SpacingTopLarge-3 { padding-top: 3px; } .-SpacingTopLarge-4 { padding-top: 4px; } .-SpacingTopLarge-5 { padding-top: 5px; } .-SpacingTopLarge-6 { padding-top: 6px; } .-SpacingTopLarge-7 { padding-top: 7px; } .-SpacingTopLarge-8 { padding-top: 8px; } .-SpacingTopLarge-9 { padding-top: 9px; } .-SpacingTopLarge-10 { padding-top: 10px; } .-SpacingTopLarge-11 { padding-top: 11px; } .-SpacingTopLarge-12 { padding-top: 12px; } .-SpacingTopLarge-13 { padding-top: 13px; } .-SpacingTopLarge-14 { padding-top: 14px; } .-SpacingTopLarge-15 { padding-top: 15px; } .-SpacingTopLarge-16 { padding-top: 16px; } .-SpacingTopLarge-17 { padding-top: 17px; } .-SpacingTopLarge-18 { padding-top: 18px; } .-SpacingTopLarge-19 { padding-top: 19px; } .-SpacingTopLarge-20 { padding-top: 20px; } .-SpacingBottomLarge-0 { padding-bottom: 0px; } .-SpacingBottomLarge-1 { padding-bottom: 1px; } .-SpacingBottomLarge-2 { padding-bottom: 2px; } .-SpacingBottomLarge-3 { padding-bottom: 3px; } .-SpacingBottomLarge-4 { padding-bottom: 4px; } .-SpacingBottomLarge-5 { padding-bottom: 5px; } .-SpacingBottomLarge-6 { padding-bottom: 6px; } .-SpacingBottomLarge-7 { padding-bottom: 7px; } .-SpacingBottomLarge-8 { padding-bottom: 8px; } .-SpacingBottomLarge-9 { padding-bottom: 9px; } .-SpacingBottomLarge-10 { padding-bottom: 10px; } .-SpacingBottomLarge-11 { padding-bottom: 11px; } .-SpacingBottomLarge-12 { padding-bottom: 12px; } .-SpacingBottomLarge-13 { padding-bottom: 13px; } .-SpacingBottomLarge-14 { padding-bottom: 14px; } .-SpacingBottomLarge-15 { padding-bottom: 15px; } .-SpacingBottomLarge-16 { padding-bottom: 16px; } .-SpacingBottomLarge-17 { padding-bottom: 17px; } .-SpacingBottomLarge-18 { padding-bottom: 18px; } .-SpacingBottomLarge-19 { padding-bottom: 19px; } .-SpacingBottomLarge-20 { padding-bottom: 20px; } } .swiper-container-fade [class*='__Slide'] { pointer-events: none; -webkit-transition-property: opacity !important; -o-transition-property: opacity !important; transition-property: opacity !important; } .swiper-container-fade [class*='__Slide'] [class*='__Slide'] { pointer-events: none; } .swiper-container-fade .-activeSlide, .swiper-container-fade .-activeSlide .-activeSlide { pointer-events: auto; } .swiper-button-disabled { opacity: 0 !important; } .Lightbox__ModalContainer { visibility: hidden; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 500; background-color: rgba(0, 0, 0, 0.9); opacity: 0; transition: opacity 0.25s, visibility 0.25s; } .Lightbox__ModalContainer.-isActive { visibility: visible; opacity: 1; } .Lightbox__ModalInner { position: relative; width: 90vw; max-width: 75rem; max-height: 90vh; } .Lightbox__CloseButton, .Lightbox__PrevButton, .Lightbox__NextButton { position: absolute; } .Lightbox__CloseButton { position: absolute; top: -1.625rem; right: 0; background: none; border: 0; color: #fff; appearance: none; cursor: pointer; } .Lightbox__CloseButton * { pointer-events: none; } [dir='rtl'] .Lightbox__CloseButton { right: auto; left: 0; } .Lightbox__PrevButton, .Lightbox__NextButton { border: 0; border-radius: 0.25rem; background-color: rgba(0, 0, 0, 0.43); color: #fff; cursor: pointer; transition-duration: 0.3s; top: calc(50% - 24px); width: 2rem; height: 3rem; background-color: rgba(47, 53, 61, 0.43); opacity: 1; visibility: visible; transition-property: opacity, visibility; } .Lightbox__PrevButton.swiper-button-disabled, .Lightbox__NextButton.swiper-button-disabled { cursor: default; opacity: 0; } .Lightbox__PrevButton:not(.-isActive), .Lightbox__NextButton:not(.-isActive) { display: none; } .Lightbox__PrevButton.-isDisabled, .Lightbox__NextButton.-isDisabled { opacity: 0; visibility: hidden; } .Lightbox__PrevButton { left: -2.375rem; } @media only screen and (max-width: 992px) { .Lightbox__PrevButton { left: 0; } } .Lightbox__NextButton { right: -2.375rem; } @media only screen and (max-width: 992px) { .Lightbox__NextButton { right: 0; } } .Lightbox__ModalBody { width: 80%; margin: 0 auto; } .Lightbox__ModalBodyImage { display: block; width: 100%; height: auto; max-height: 100%; margin: 0 auto 1.25rem; pointer-events: none; object-fit: contain; font-family: 'object-fit: contain;'; } .Lightbox__ModalBodyImage.-hasMaxSize { width: auto; max-width: 100%; } .Lightbox__ModalBodyVideoContainer { position: relative; width: 100%; height: 90vh; overflow: hidden; } .Lightbox__ModalBodyVideoContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .Lightbox__ModalBodyVideoContainer .plyr__controls > .plyr__control:first-child, .Lightbox__ModalBodyVideoContainer .plyr__controls > .plyr__control:first-child + [data-plyr='pause'] { margin-right: 0; } .Lightbox__ModalBodyVideoContainer .plyr__controls > .plyr__progress__container { flex: 1 1 auto; display: flex; } .HotSpotContainer { position: relative; } .HotSpot { cursor: pointer; padding: 0; border: none; background: transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 200; } .HotSpot__Inner { position: relative; background: rgba(80, 77, 86, 0.3); border-radius: 50%; padding: 1.125rem; transition: all 0.2s; } @media only screen and (max-width: 992px) { .HotSpot__Inner { padding: 0.5625rem; } } .HotSpot__Inner::before { content: ""; position: absolute; background-color: #f25529; border-radius: 50%; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 80%; transition: all 0.1s; } .HotSpot__Inner:hover::before { background-color: #d94c25; width: 90%; height: 90%; } .HotSpot.-isActive .HotSpot__Inner::before { background: #504d56; } .HotSpot.-isActive .HotSpot__Inner:hover::before { background: #83838f; } .HotSpot__Icon { color: #fff; transform: rotate(45deg); display: block; min-width: 1em; min-height: 1em; transition: all 0.1s; } .HotSpot.-isActive .HotSpot__Icon { transform: rotate(0deg); } @media only screen and (max-width: 992px) { .HotSpot__Icon { font-size: 0.5625rem; } } .HotSpot__CloseButton { position: absolute; display: block; top: 0; right: 0; box-sizing: border-box; border-width: 0; width: 1.375rem; height: 1.375rem; min-width: auto; padding: 0; background-color: #83838e; color: #fff; font-size: 0.625rem; font-weight: normal; line-height: 1; text-align: center; cursor: pointer; } .HotSpot__CloseButton:hover { background-color: #83838e; } @media only screen and (min-width: 992px) { .HotSpot__CloseButton { display: none; } } .HotSpot__CloseIcon { position: static; vertical-align: top; } .HotSpot__Detail { visibility: hidden; position: absolute; opacity: 0; background-color: #fff; box-shadow: 0 0 1.875rem rgba(39, 43, 55, 0.15); transition: opacity 0.25s, visibility 0.25s; z-index: 400; width: 14.375rem; } .HotSpot__Detail.-Small { width: 14.375rem; } .HotSpot__Detail.-Large { width: 17.5rem; } .HotSpot__Detail.-isActive { visibility: visible; opacity: 1; } .HotSpot__Detail.-isFixed { display: none; } @media only screen and (max-width: 992px) { .HotSpot__Detail.-isFixed { position: fixed; left: 0; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 301; box-sizing: border-box; padding: 0 1.25rem; width: 100%; background-color: rgba(0, 0, 0, 0.9); } } @media only screen and (max-width: 992px) { .HotSpotDetailInner { position: relative; background: #fff; } } .HotSpot__DetailInner { position: relative; } @media only screen and (max-width: 992px) { .HotSpot__DetailInner { background: #fff; width: 20rem; height: 18.875rem; margin: 9.25rem 1.25rem; } } @media (orientation: landscape) and (max-width: 992px) { .HotSpot__DetailInner { margin: 2.375rem 1.25rem; } } @media only screen and (min-width: 992px) { .HotSpot__DetailInner { margin: 0; } } @media only screen and (max-width: 992px) { .HotSpot__Image { padding: 2.3125rem 0.9375rem 0 0.9375rem; margin-bottom: 0.9375rem; } } .HotSpot__Image img { display: block; max-width: 100%; width: auto; height: auto; } .HotSpot__Text { padding: 1.25rem 1.8125rem 1.4375rem 1.25rem; background-color: #fff; } @media only screen and (max-width: 992px) { .HotSpot__Text { margin-top: 0.9375rem; padding: 0 0.9375rem 1.875rem; } } .HotSpot__Text > :last-child { margin-bottom: 0; } .HotSpot__Headline { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-family: 'SST W01 Medium', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 1.125rem; line-height: 1.44444; margin-bottom: 0.5rem; } @media only screen and (max-width: 992px) { .HotSpot__Headline { font-size: 1rem; line-height: 1.375; } } @media only screen and (max-width: 992px) { .HotSpot__Headline { font-size: 0.9375rem; } } .HotSpot__BodyCopy { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.9375rem; line-height: 1.46667; margin-bottom: 0.5rem; } @media only screen and (max-width: 992px) { .HotSpot__BodyCopy { font-size: 0.75rem; line-height: 1.5; } } .HotSpot__LinkLabel { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; color: #3865e0; text-decoration: none; font-size: 0.6875rem; line-height: 0.875rem; display: block; margin-bottom: 0.5rem; } @media only screen and (max-width: 992px) { .HotSpot__LinkLabel { font-size: 0.6875rem; line-height: 1.36364; } } .HotSpot__LinkLabel:hover, .HotSpot__LinkLabel:active { color: #34568e; outline: 0; text-decoration: underline; } .HotSpot__LinkLabel:focus { outline: thin dotted #333; outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } .HotSpot__LinkLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .HotSpot__LinkLabel:hover, .HotSpot__LinkLabel:active { text-decoration: none; } .HotSpot__LinkLabel:hover .HotSpot__LinkText, .HotSpot__LinkLabel:active .HotSpot__LinkText { text-decoration: underline; } .HotSpot__LinkLabel[target="_blank"] .HotSpot__LinkBlankIcon { display: inline-block; } .HotSpot__LinkLabel[target="_blank"] .HotSpot__LinkBlankIcon::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; vertical-align: text-top; } .HotSpot__LinkBlankIcon { display: none; } .HotSpot__DetailArrow { position: absolute; width: 0.875rem; height: 0.875rem; margin-top: -0.4375rem; background-color: #fff; transform: rotate(45deg); box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2); z-index: -1; } .HotSpot__Detail[x-placement^="top"] .HotSpot__DetailArrow { bottom: 0; } .HotSpot__Detail[x-placement^="bottom"] .HotSpot__DetailArrow { top: 0; } .HotSpot__Detail[x-placement^="left"] .HotSpot__DetailArrow { right: -0.4375rem; } .HotSpot__Detail[x-placement^="right"] .HotSpot__DetailArrow { left: -0.4375rem; } @media only screen and (max-width: 992px) { .HotSpot__DetailArrow { display: none; } } .HotSpotActiveChapter { position: absolute; height: 0.25rem; background-color: #5887f5; z-index: 1; } .FootnotePopup { z-index: 600; } @media only screen and (max-width: 992px) { .FootnotePopup { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.9); transform: translateY(100%); transition: transform 0.4s; } .FootnotePopup.-isActive { transform: translateY(0); } } .FootnotePopup__Dialog { position: relative; width: 100%; box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 992px) { .FootnotePopup__Dialog { visibility: hidden; height: 0; max-width: 40%; opacity: 0; z-index: 600; transition: opacity 0.25s, visibility 0s 0.25s; } .FootnotePopup.-isActive .FootnotePopup__Dialog { visibility: visible; height: auto; opacity: 1; transition-delay: 0s; } } .FootnotePopup__Content { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.75rem; line-height: 1.5; display: flex; justify-content: flex-start; align-items: flex-start; padding: 2.1875rem; background-color: #f2f5f9; } @media only screen and (max-width: 992px) { .FootnotePopup__Content { font-size: 0.625rem; line-height: 1.3; } } @media only screen and (min-width: 992px) { .FootnotePopup__Content { padding: 1.875rem; background-color: #fff; } } .FootnotePopup__ContentId { margin-right: 1em; color: #2f353d; font-weight: bold; } .FootnotePopup__CloseButton { position: absolute; display: block; top: 0; right: 0; box-sizing: border-box; border-width: 0; width: 1.375rem; height: 1.375rem; min-width: auto; padding: 0; background-color: #83838e; color: #fff; font-size: 0.625rem; font-weight: normal; line-height: 1; text-align: center; cursor: pointer; } .FootnotePopup__CloseButton:hover { background-color: #83838e; } .FootnotePopup__CloseButton:focus { outline: none; } .FootnotePopup__CloseButton * { pointer-events: none; } .FootnotePopup__CloseIcon { position: static; vertical-align: top; } .FootnotePopup__Arrow { position: absolute; top: calc(50% - 7px); left: 100%; width: 0.875rem; height: 0.875rem; margin-left: -0.4375rem; background-color: #fff; transform: rotate(45deg); box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2); z-index: -1; } @media only screen and (max-width: 992px) { .FootnotePopup__Arrow { display: none; } } .FootnotePopup__Dialog[x-placement^='right'] .FootnotePopup__Arrow { left: 0; } .Footnotes { background-color: #f2f5f9; } .Footnotes__LabelContainer { width: 100%; } .Footnotes__Label { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; color: #2f353d; max-width: 75rem; margin: 0 auto; text-align: right; cursor: pointer; box-sizing: border-box; display: block; width: 100%; padding: 1.125rem 20px; border: none; background: transparent; } @media only screen and (max-width: 992px) { .Footnotes__Label { font-size: 0.6875rem; line-height: 1.36364; } } [dir='rtl'] .Footnotes__Label { text-align: left; } @media only screen and (min-width: 992px) { .Footnotes__Label { padding: 1.125rem 30px; line-height: 1.5625rem; } } @media only screen and (max-width: 992px) { .Footnotes__Label { line-height: 1rem; } } .Footnotes__Label::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.3125rem; font-size: inherit; line-height: 0; } [dir='rtl'] .Footnotes__Label::after { margin-left: 0; margin-right: 0.3125rem; } .-isExpanded .Footnotes__Label::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; line-height: 0; } .Footnotes__BodyContainer { width: 100%; } .Footnotes:not(.-isExpanded) .Footnotes__BodyContainer { display: none; } .Footnotes__Body { max-width: 1200px; margin: 0 auto; padding: 0.9375rem 20px; } @media only screen and (min-width: 992px) { .Footnotes__Body { padding: 0.9375rem 30px; } } .Footnotes__List { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; list-style: none; display: table; padding: 0; margin: 1.875rem 0 0 0; } @media only screen and (max-width: 992px) { .Footnotes__List { font-size: 0.6875rem; line-height: 1.36364; } } @media only screen and (max-width: 992px) { .Footnotes__List { margin: 1.25rem 0 0 0; } } .Footnotes .Footnotes__List { margin: 0 0 0 0; } .-LightGray .Footnotes__List { color: #2f353d; } .Footnotes__ListItem { display: table-row; } .Footnotes__ListItem:first-child .Footnotes__ItemBullet, .Footnotes__ListItem:first-child .Footnotes__ItemText { padding-bottom: 0.3125rem; } .Footnotes__ListItem:not(:last-child) .Footnotes__ItemBullet, .Footnotes__ListItem:not(:last-child) .Footnotes__ItemText { padding-bottom: 0.3125rem; } .Footnotes__ItemBullet { font-weight: bold; display: table-cell; width: 2em; } .Footnotes__ItemText { display: table-cell; } @media only screen and (min-width: 992px) { .Footnotes__ItemText { font-size: 0.8125rem; line-height: 1.53846; } } @media only screen and (max-width: 992px) { .Footnotes__ItemText { font-size: 0.6875rem; line-height: 1.454545; } } .InlineFootnote { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.6875rem; line-height: 1.36364; color: inherit; position: relative; top: 0; display: inline-block; margin: -0.3em -0.3em 0 0; padding: 0.3em; vertical-align: super; } .InlineFootnote.js-footnotePopup { color: #3865e0; text-decoration: none; cursor: pointer; } .InlineFootnote.js-footnotePopup:hover, .InlineFootnote.js-footnotePopup:active { color: #34568e; outline: 0; text-decoration: underline; } .InlineFootnote.js-footnotePopup:focus { outline: thin dotted #333; outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } .InlineFootnote.js-footnotePopup:focus { outline: unset; } .CollapseContent { display: block; margin-bottom: 0; } .CollapseContent.-isExpanded { margin-bottom: 2.5rem; } @media only screen and (min-width: 992px) { .CollapseContent.-isExpanded { margin-bottom: 0; } } @media only screen and (min-width: 992px) { .CollapseContent.-hasFeatures { max-width: none; padding-right: 0; padding-left: 0; } } .CollapseContent__Header { display: block; margin: 0; padding: 0; font-size: 100%; } @media only screen and (min-width: 992px) { .CollapseContent__Header { margin: 0; } } @media only screen and (min-width: 992px) { .-hasFeatures .CollapseContent__Header { max-width: 75rem; padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; margin-bottom: 1.25rem; } } @media only screen and (min-width: 992px) { .Top5FeaturesContainer .CollapseContent__Header { max-width: 1200px; padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; } } .CollapseContent__HeaderInner { display: block; border-bottom: 0.0625rem solid #ccc; } @media only screen and (min-width: 992px) { .CollapseContent__HeaderInner { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.25rem; border-bottom: 0.1875rem solid #e4e7eb; } } .CollapseContent__HeaderButton { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 1.375rem; line-height: 1.36364; letter-spacing: 0.05rem; box-sizing: border-box; display: block; width: 100%; margin: 0; padding-right: 20px; padding-left: 20px; background-color: #6b6b7b; position: relative; border: 0; color: #fff; white-space: nowrap; cursor: pointer; transition: color 0.3s, background-color 0.3s; } @media only screen and (max-width: 992px) { .CollapseContent__HeaderButton { min-height: 3.0625rem; } } @media only screen and (min-width: 992px) { .CollapseContent__HeaderButton { display: block; height: auto; padding-right: 0; padding-left: 0; background-color: transparent; transition: none; cursor: default; } } .CollapseContent__HeaderButton:focus { outline: 0; } .-isExpanded .CollapseContent__HeaderButton { background-color: #6b6b7b; } @media only screen and (min-width: 992px) { .-isExpanded .CollapseContent__HeaderButton { background-color: transparent; } } .CollapseContent__HeaderButtonInner { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; } .CollapseContent__HeaderLabel { display: block; white-space: initial; } @media only screen and (min-width: 992px) { .CollapseContent__HeaderLabel { font-size: 1.875rem; text-align: left; line-height: 2.25rem; color: #2f353d; } } .CollapseContent__HeaderIcon { line-height: 0; font-size: 0.875rem; } .CollapseContent__HeaderIcon::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; } .-isExpanded .CollapseContent__HeaderIcon::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; } @media only screen and (min-width: 992px) { .CollapseContent__HeaderIcon { display: none; } } .CollapseContent__HeaderExtra { display: none; font-size: 100%; } @media only screen and (min-width: 992px) { .CollapseContent__HeaderExtra { display: block; } } .CollapseContent__Body { display: none; } .CollapseContent__Header + .CollapseContent__Body { margin-top: 1.25rem; } @media only screen and (min-width: 992px) { .CollapseContent__Body { display: block; } } .-isExpanded .CollapseContent__Body { display: block; } .Highlights__KeySpec + .DimensionsAndComponents { margin-top: 1.875rem; } .DimensionsAndComponents__Inner { margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; } @media only screen and (min-width: 992px) { .DimensionsAndComponents__Inner { padding-right: 0; padding-left: 0; display: flex; justify-content: center; } } .DimensionsAndComponents__Headline { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 1.125rem; line-height: 1.44444; letter-spacing: 0.01rem; line-height: 1.375rem; margin-top: 0; margin-bottom: 1.875rem; } @media only screen and (max-width: 992px) { .DimensionsAndComponents__Headline { font-size: 0.9375rem; line-height: 1.25rem; } } .DimensionsAndComponents__Dimensions { width: 100%; } @media only screen and (min-width: 992px) { .DimensionsAndComponents__Dimensions { max-width: 50%; flex: 0 0 calc(50% - 15px * 2); margin-left: 15px; margin-right: 15px; margin-bottom: 0; } } .DimensionsAndComponents__DimensionsContainer { box-sizing: border-box; padding: 1.875rem; background-color: #f1f5f9; } .DimensionsAndComponents__DimensionsImageContainer { text-align: center; } .DimensionsAndComponents__DimensionsImage { vertical-align: top; max-width: 100%; width: auto; height: auto; } .DimensionsAndComponents__DimensionsImageCaption { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; line-height: 1.375rem; text-align: center; margin-top: 1.25rem; padding: 1.875rem; } @media only screen and (max-width: 992px) { .DimensionsAndComponents__DimensionsImageCaption { font-size: 0.6875rem; line-height: 1.36364; } } @media only screen and (max-width: 992px) { .DimensionsAndComponents__DimensionsImageCaption { line-height: 1rem; } } .DimensionCaptionTitle { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.9375rem; line-height: 1.46667; font-weight: bold; color: #2f353d; line-height: 1.625rem; } @media only screen and (max-width: 992px) { .DimensionCaptionTitle { font-size: 0.75rem; line-height: 1.5; } } @media only screen and (max-width: 992px) { .DimensionCaptionTitle { font-size: 0.9375rem; } } .DimensionCaptionLabel { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.75rem; line-height: 1.5; color: #2f353d; } @media only screen and (max-width: 992px) { .DimensionCaptionLabel { font-size: 0.625rem; line-height: 1.3; } } .DimensionsAndComponents__DimensionsCaptions { margin-top: 1.5rem; } .DimensionsAndComponents__DimensionsCaptionsItem { display: flex; align-items: center; padding-top: 0.5rem; padding-bottom: 0.5rem; } .DimensionsAndComponents__DimensionsCaptionsItem + .DimensionsAndComponents__DimensionsCaptionsItem { border-top: 0.0625rem solid #e4e7eb; } .DimensionsAndComponents__DimensionsCaptionsItem:first-child { padding-top: 0; } .DimensionsAndComponents__DimensionsCaptionsItem:last-child { padding-bottom: 0; } .DimensionsAndComponents__DimensionsCaptionsIcon { flex: 0 0 auto; box-sizing: border-box; height: max-content; width: 4.625rem; margin-right: 0.9375rem; } [dir='rtl'] .DimensionsAndComponents__DimensionsCaptionsIcon { margin-right: 0; margin-left: 0.9375rem; } @media only screen and (min-width: 992px) { .DimensionsAndComponents__DimensionsCaptionsIcon { width: 5.5rem; } } .DimensionsAndComponents__DimensionsCaptionsDetail { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.9375rem; line-height: 1.46667; line-height: 1.375rem; align-self: center; color: #2f353d; } @media only screen and (max-width: 992px) { .DimensionsAndComponents__DimensionsCaptionsDetail { font-size: 0.75rem; line-height: 1.5; } } .DimensionsAndComponents__Dimensions + .DimensionsAndComponents__Components { margin-top: 1.875rem; } @media only screen and (min-width: 992px) { .DimensionsAndComponents__Dimensions + .DimensionsAndComponents__Components { margin-top: 0; } } .DimensionsAndComponents__Components { width: 100%; } @media only screen and (min-width: 992px) { .DimensionsAndComponents__Components { max-width: 50%; flex: 0 0 calc(50% - 15px * 2); margin-left: 15px; margin-right: 15px; } } .DimensionsAndComponents__ComponentsSwiper { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding-top: 0; padding-bottom: 0; z-index: 1; touch-action: pan-y; } .DimensionsAndComponents__ComponentsSwiper [class*='__Wrapper'] { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .DimensionsAndComponents__ComponentsSwiper [class*='__Slide'] { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .DimensionsAndComponents__Components__PrevButton, .DimensionsAndComponents__Components__NextButton { border: 0; border-radius: 0.25rem; background-color: rgba(0, 0, 0, 0.43); color: #fff; cursor: pointer; transition-duration: 0.3s; position: absolute; z-index: 1; display: block; margin: auto; width: 2rem; height: 3rem; top: 15%; } .DimensionsAndComponents__Components__PrevButton.swiper-button-disabled, .DimensionsAndComponents__Components__NextButton.swiper-button-disabled { cursor: default; opacity: 0; } @media only screen and (min-width: 992px) { .DimensionsAndComponents__Components__PrevButton, .DimensionsAndComponents__Components__NextButton { top: 6.9375rem6 0.9375rem/2; } } .DimensionsAndComponents__Components__PrevButton { left: 0; } [dir='rtl'] .DimensionsAndComponents__Components__PrevButton { left: auto; right: 0; transform: scale(-1, 1); } .DimensionsAndComponents__Components__NextButton { right: 0; } [dir='rtl'] .DimensionsAndComponents__Components__NextButton { right: auto; left: 0; transform: scale(-1, 1); } .DimensionsAndComponents__Components__Pagination { text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); height: 1.5625rem; } .DimensionsAndComponents__Components__Bullet { appearance: none; display: inline-block; width: 0.5rem; height: 0.5rem; margin: 0 0.25rem; padding: 0; border: none; box-shadow: none; border-radius: 100%; background-color: #bcbcca; cursor: pointer; } .DimensionsAndComponents__Components__Bullet.-active { opacity: 1; background-color: #31353d; transform: scale(1.5); transform-origin: bottom; } .DimensionsAndComponents__ComponentsImageContainer { display: flex; align-items: center; justify-content: center; padding: 0 3.125rem; max-width: 21.5625rem; margin-right: auto; margin-left: auto; } @media only screen and (min-width: 992px) { .DimensionsAndComponents__ComponentsImageContainer { width: 21.5625rem; height: 14.375rem14 0.375rem/2; padding: 0; } } .DimensionsAndComponents__ComponentsImage { width: 100%; } .DimensionsAndComponents__ComponentsImage img { display: block; width: 100%; margin: 0 auto; } .DimensionsAndComponents__ComponentsImageCaption { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; text-align: center; margin-top: 1.25rem; } @media only screen and (max-width: 992px) { .DimensionsAndComponents__ComponentsImageCaption { font-size: 0.6875rem; line-height: 1.36364; } } .DimensionsAndComponents__ComponentsNoteList { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.9375rem; line-height: 1.46667; margin-top: 0.75rem; margin-bottom: 0.75rem; } @media only screen and (max-width: 992px) { .DimensionsAndComponents__ComponentsNoteList { font-size: 0.75rem; line-height: 1.5; } } @media only screen and (min-width: 992px) { .DimensionsAndComponents__ComponentsNoteList { margin-top: 1.5625rem; } } .DimensionsAndComponents__ComponentsNoteList ul { margin: 0; padding: 0; list-style-type: none; } @media only screen and (min-width: 992px) { .DimensionsAndComponents__ComponentsNoteList ul { columns: 2; } } .DimensionsAndComponents__ComponentsNoteList li { color: #000; position: relative; padding-left: 0.9375rem; } [dir='rtl'] .DimensionsAndComponents__ComponentsNoteList li { padding-left: 0; padding-right: 0.9375rem; } @media only screen and (min-width: 992px) { .DimensionsAndComponents__ComponentsNoteList li { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .DimensionsAndComponents__ComponentsNoteList li::before { position: absolute; left: 0; top: 0; } [dir='rtl'] .DimensionsAndComponents__ComponentsNoteList li::before { left: auto; right: 0; } @media only screen and (max-width: 992px) { .DimensionsAndComponents__Notes { padding-right: 1.25rem; padding-left: 1.25rem; } } .EnergyLabel { display: inline-block; } .EnergyLabel__Opener { display: flex; align-items: center; font-size: 0; cursor: pointer; padding: 0; border: none; background: transparent; } .EnergyLabelSwiper__Link a[target='_blank'] span::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; } .EnergyLabelSwiper__Link a::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } [dir='rtl'] .EnergyLabelSwiper__Link a::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-right: 0.5em; font-size: 0.75em; vertical-align: baseline; } .EnergyLabel__Rating { text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.2); color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 0.9375rem; line-height: 1.2; text-transform: capitalize; text-align: center; vertical-align: middle; position: relative; display: inline-block; padding: 0 0.625rem 0 0.625rem; margin-right: 0.875rem; height: 1.25rem; min-width: fit-content; } [dir='rtl'] .EnergyLabel__Rating { margin-right: 0; margin-left: 0.875rem; } .EnergyLabel__Rating::after { content: ''; position: absolute; top: 0.21875rem; right: -0.4375rem; display: block; width: 0.875rem; height: 0.875rem; transform: rotate(45deg); background: inherit; border-radius: 0 0 0 2.8125rem; } [dir='rtl'] .EnergyLabel__Rating::after { top: 0.1875rem; transform: rotate(-140deg); left: -0.4375rem; right: auto; } .EnergyLabel__Rating:not(.-isSelected) { display: none; } .EnergyLabel__Rating.-hasImage { background-color: #fff; max-width: 2.75rem; height: auto; margin-right: 0; padding: 0; } .EnergyLabel__Rating.-hasImage img { display: block; } .EnergyLabel__Rating.-hasImage::after { content: none; } .EnergyLabel__Rating__Bg { background-color: #fff200; } .EnergyLabel__Label { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.6875rem; line-height: 1.36364; color: #6b6b7b; display: inline-block; margin-left: 0; margin-right: 0.3125rem; text-transform: inherit; font-size: 0.625rem; line-height: 1.4; } [dir='rtl'] .EnergyLabel__Label { margin-right: 0; margin-left: 0.3125rem; } .EnergyLabel__Panel { display: none; min-width: 12.5rem; } .EnergyLabel__Panel.-show { display: block; } .EnergyLabel__PanelOverlay { position: fixed; z-index: 500; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100vh; padding: 0; border: none; background: rgba(0, 0, 0, 0.8); } .EnergyLabel__PanelInner { color: #262626; line-height: 1.5; position: fixed; z-index: 501; top: 0; bottom: 0; left: 0; right: 0; width: 90vw; height: calc(100% - 56px); max-width: 75rem; max-height: 90vh; padding: 0; margin: auto; background-color: #e4e7eb; } @media only screen and (min-width: 992px) { .EnergyLabel__PanelInner.-fitContent { width: fit-content; } } @media only screen and (min-width: 992px) { .EnergyLabel__PanelInner.-fitContent .EnergyLabelSwiper__Slide { width: 21.5625rem !important; } } @media only screen and (max-width: 992px) { .EnergyLabel__PanelInner { width: 100%; height: 100%; max-height: 100%; } } .EnergyLabel__PanelInner > *:last-child { margin-bottom: 0; } .EnergyLabel__PanelHeader { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 1.375rem; line-height: 1.36364; letter-spacing: 0.05rem; line-height: 1.625rem; position: relative; z-index: 2; display: flex; align-items: center; box-sizing: border-box; width: 100%; margin: 0; padding-left: 1.25rem; padding-right: 3.75rem; color: #2f353d; box-shadow: 0 0.25rem 0.5rem -0.125rem rgba(0, 0, 0, 0.2); background-color: #f1f5f9; } [dir='rtl'] .EnergyLabel__PanelHeader { padding-left: 3.75rem; padding-right: 1.25rem; } @media only screen and (max-width: 992px) { .EnergyLabel__PanelHeader { font-size: 0.9375rem; line-height: 1.25rem; padding-left: 1rem; } [dir='rtl'] .EnergyLabel__PanelHeader { padding-right: 1rem; } } .EnergyLabel__PanelHeader::before { content: ''; display: block; width: 0; height: 3.75rem; } @media only screen and (max-width: 992px) { .EnergyLabel__PanelHeader::before { height: 3rem; } } .EnergyLabel__Closer { cursor: pointer; position: absolute; top: 0; bottom: 0; right: 0.625rem; border: none; background: transparent; } [dir='rtl'] .EnergyLabel__Closer { right: auto; left: 0.625rem; } .EnergyLabel__Closer::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; } .EnergyLabel__Content { box-sizing: border-box; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; height: calc(100% - 62px); padding: 1.875rem 1.875rem; } @media only screen and (max-width: 992px) { .EnergyLabel__Content .GalleryListItem__LogoPrimaryImage { width: 18.75rem; } } @media only screen and (max-width: 992px) { .EnergyLabel__Content { height: calc(100% - 48px); padding: 1.25rem 1.25rem; } } .EnergyLabel__Content > *:last-child { margin-bottom: 0; } .EnergyLabel__Length { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 1.125rem; line-height: 1.44444; letter-spacing: 0.01rem; margin: 0 0 0.9375rem; font-weight: bold; } .EnergyLabelSwiper { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding-top: 0; padding-bottom: 0; z-index: 1; touch-action: pan-y; position: static; padding-left: 2.25rem; padding-right: 2.25rem; margin-left: -2.25rem; margin-right: -2.25rem; } .EnergyLabelSwiper [class*='__Wrapper'] { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .EnergyLabelSwiper [class*='__Slide'] { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } @media only screen and (max-width: 992px) { .EnergyLabelSwiper { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } } .EnergyLabelSwiper__Slide { box-sizing: border-box; padding: 1.25rem; background: #fff; } @media only screen and (min-width: 992px) { .EnergyLabelSwiper__Slide:only-child { margin-right: 0 !important; } } @media only screen and (min-width: 992px) { .EnergyLabelSwiper__Slide:nth-last-child(n + 2) ~ div:last-child { margin-right: 0 !important; } } @media only screen and (max-width: 992px) { .EnergyLabelSwiper__Slide { padding: 0.625rem; } } .EnergyLabelSwiper__Image { min-height: 28.4375rem; } @media only screen and (max-width: 992px) { .EnergyLabelSwiper__Image { min-height: 26.125rem; } } .EnergyLabelSwiper__Image img { visibility: hidden; display: block; width: 100%; height: auto; margin: 0 auto; } .EnergyLabelSwiper.swiper-container-horizontal .EnergyLabelSwiper__Image img { visibility: visible; } .EnergyLabelSwiper__Heading { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 0.9375rem; line-height: 1.46667; letter-spacing: 0.01rem; margin: 1.25rem 0 0.9375rem; } .EnergyLabelSwiper__Label { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 0.75rem; line-height: 1.5; letter-spacing: 0.01rem; margin: 0.9375rem 0 0; } .EnergyLabelSwiper__Text { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; margin: 0; } @media only screen and (max-width: 992px) { .EnergyLabelSwiper__Text { font-size: 0.6875rem; line-height: 1.36364; } } .EnergyLabelSwiper__LegalMessage { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; margin-top: 1.875rem; } @media only screen and (max-width: 992px) { .EnergyLabelSwiper__LegalMessage { font-size: 0.6875rem; line-height: 1.36364; } } .EnergyLabelSwiper__TooltipButton { display: inline; padding-right: 0; background: none; border: 0; font: inherit; cursor: pointer; appearance: none; } .EnergyLabelSwiper__Pagination { position: relative; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); height: auto; } @media only screen and (max-width: 992px) { .EnergyLabelSwiper__Bullet { display: none; } } @media only screen and (min-width: 992px) { .EnergyLabelSwiper__Bullet { appearance: none; display: inline-block; width: 0.5rem; height: 0.5rem; margin: 0 0.25rem; padding: 0; border: none; box-shadow: none; border-radius: 100%; background-color: #bcbcca; cursor: pointer; margin-top: 1.875rem; } .EnergyLabelSwiper__Bullet.-active { opacity: 1; background-color: #31353d; transform: scale(1.5); transform-origin: bottom; } } .EnergyLabelSwiper__Bullet:only-child { display: none; } .EnergyLabelSwiper__PrevButton, .EnergyLabelSwiper__NextButton { border: 0; border-radius: 0.25rem; background-color: rgba(0, 0, 0, 0.43); color: #fff; cursor: pointer; transition-duration: 0.3s; display: flex; justify-content: center; cursor: pointer; position: fixed; z-index: 1; top: 50%; width: 3rem; height: 4.875rem; align-items: center; } .EnergyLabelSwiper__PrevButton.swiper-button-disabled, .EnergyLabelSwiper__NextButton.swiper-button-disabled { cursor: default; opacity: 0; } @media only screen and (max-width: 992px) { .EnergyLabelSwiper__PrevButton, .EnergyLabelSwiper__NextButton { font-size: 0.75rem; top: calc(50% + 10px); width: 2rem; height: 3rem; } } .EnergyLabelSwiper__PrevButton.swiper-button-disabled, .EnergyLabelSwiper__NextButton.swiper-button-disabled { opacity: 0; } .EnergyLabelSwiper__PrevButton { position: absolute; left: 0.0625rem; } @media only screen and (max-width: 992px) { .EnergyLabelSwiper__PrevButton { left: 0; } [dir='rtl'] .EnergyLabelSwiper__PrevButton { left: auto; right: 0; transform: scale(-1, 1); } } .EnergyLabelSwiper__NextButton { position: absolute; right: 0.0625rem; } @media only screen and (max-width: 992px) { .EnergyLabelSwiper__NextButton { right: 0; } [dir='rtl'] .EnergyLabelSwiper__NextButton { right: auto; left: 0; transform: scale(-1, 1); } } @media only screen and (min-width: 992px) { .EnergyLabelSwiper__Wrapper.-center { justify-content: center; } } .StarRatings { display: inline-flex; align-items: baseline; flex-wrap: nowrap; justify-content: space-around; font-size: 100%; vertical-align: middle; color: #6b6b7b; } .RatingsAndReviewsUsersSay__Stars .StarRatings, .RatingsAndReviewsSummary__Stars .StarRatings, .RatingsAndReviewsMostHelpful__ReviewRating .StarRatings, .RatingsAndReviewsList__ReviewRating .StarRatings { align-items: center; } .StarRatings__Star { display: inline-block; min-width: 1em; min-height: 1em; margin-right: 0.231em; position: relative; } [dir='rtl'] .StarRatings__Star { margin-right: 0; margin-left: 0.231em; letter-spacing: -0.231em; text-align: left; transform: scale(-1, 1); } .RatingsAndReviewsSummary__Stars .StarRatings__Star, .RatingsAndReviewsList__ReviewRating .StarRatings__Star { width: 1.875rem; height: 1.6875rem; } .StarRatings__Count { margin-right: 0.231em; font-size: 0.625rem; } .WhatsHotItem__RaitingContainer .StarRatings__Count, .RelatedProductsProductItem__RaitingContainer .StarRatings__Count, .ModelsContainerProductSummary__Rating .StarRatings__Count, .ProductSummary__Rating .StarRatings__Count, .GoldenAreaItemProduct__ReviewContainer .StarRatings__Count { font-size: 0.75rem; } .RatingsAndReviewsUsersSay__Stars .StarRatings__Count, .RatingsAndReviewsSummary__Stars .StarRatings__Count, .RatingsAndReviewsMostHelpful__ReviewRating .StarRatings__Count, .RatingsAndReviewsList__ReviewRating .StarRatings__Count { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; color: #e63337; padding-left: 0.6em; } @media only screen and (max-width: 992px) { .RatingsAndReviewsUsersSay__Stars .StarRatings__Count, .RatingsAndReviewsSummary__Stars .StarRatings__Count, .RatingsAndReviewsMostHelpful__ReviewRating .StarRatings__Count, .RatingsAndReviewsList__ReviewRating .StarRatings__Count { font-size: 0.6875rem; line-height: 1.36364; } } .StarRatings__Icon { width: 2.0625rem; height: 0.625rem; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #6e6e91; transition: color 0.25s; } .RatingsAndReviewsUsersSay__Stars .StarRatings__Icon, .RatingsAndReviewsSummary__Stars .StarRatings__Icon, .RatingsAndReviewsMostHelpful__ReviewRating .StarRatings__Icon, .RatingsAndReviewsList__ReviewRating .StarRatings__Icon { margin-top: -0.05em; } .StarRatings__Icon.-isActive { color: #d24615; } .RatingsAndReviewsSummary__Stars .StarRatings__Icon, .RatingsAndReviewsList__ReviewRating .StarRatings__Icon { width: 2.0625rem; height: 1.6875rem; } .SupportPull { position: relative; } .SupportPull .SupportPull__Text { width: 100%; outline: none !important; } .SupportPull .SupportPull__Text:hover { text-decoration: none !important; } .SupportPull .SupportPull__Text::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .SupportPull.-isVisible .SupportPull__Select { visibility: visible; opacity: 1; max-height: 624.9375rem; } @media only screen and (min-width: 992px) { .SupportPull.-isVisible .SupportPull__Select { box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.5); } } .SupportPull.-isVisible .SupportPull__Text { background-color: #e8edf3 !important; color: #2f353d !important; } @media only screen and (max-width: 992px) { .SupportPull.-isVisible .SupportPull__Text { background-color: transparent !important; } } .SupportPull__Select { padding: 0; margin: 0; right: 0; box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.5); background: #fff; overflow: hidden; max-height: 0; transition-property: max-height; transition-duration: 0.5s; transition-timing-function: linear; position: absolute; z-index: 2; } [dir="rtl"] .SupportPull__Select { right: auto; left: 0; bottom: 0; transform: translateY(100%); } .SupportPull__SelectItem { list-style: none; } .SupportPull__SelectItem:nth-child(n+2) { border-top: 0.0625rem solid #d9d9d9; } .SupportPull__SelectLink { display: flex; justify-content: space-between; align-items: center; color: #2f353d; font-size: 0.875rem; padding: 1.0625rem 1.5rem; height: auto; line-height: 1; white-space: nowrap; transition-property: background-color; transition-duration: 0.1s; } @media only screen and (max-width: 992px) { .SupportPull__SelectLink { font-size: 0.8125rem; } } @media only screen and (min-width: 992px) { .SupportPull__SelectLink:hover { background-color: #e8edf3; color: #2f353d; text-decoration: none; } } .SupportPull__SelectLink::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; font-size: 0.8125rem; margin-left: 0.9375rem; } @media only screen and (min-width: 992px) { .SupportPull__SelectLink::after { font-size: 0.9375rem; } } [dir="rtl"] .SupportPull__SelectLink::after { margin-left: 0; margin-right: 0.9375rem; transform: scale(-1, 1); } @media only screen and (min-width: 992px) { .SupportPull__SelectLink::after { margin-left: 1.5rem; } [dir="rtl"] .SupportPull__SelectLink::after { margin-left: 0; margin-right: 1.5rem; } } .SupportPull__Overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 1; } .-isVisible .SupportPull__Overlay { display: block; } .CategorySupport__Inner { margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; } @media only screen and (min-width: 992px) { .CategorySupport__Inner { max-width: 1200px; padding-right: 30px; padding-left: 30px; } } .CategorySupport__Inner .CollapseContent__HeaderLabel { font-size: 1.125rem; line-height: 1.375rem; } @media only screen and (min-width: 992px) { .CategorySupport__Inner .CollapseContent__HeaderLabel { font-size: 1.375rem; line-height: 1.625rem; } } .CategorySupport__CollapseContent.-isLoaded .CategorySupport__Content { visibility: visible; height: auto; } .CategorySupport__Content { margin-top: 0 !important; padding-right: 20px; padding-left: 20px; } @media only screen and (min-width: 992px) { .CategorySupport__Content { padding-right: 0; padding-left: 0; } } @media only screen and (max-width: 992px) { .CategorySupport__Content { display: block; visibility: hidden; height: 0; overflow: hidden; } } .CategorySupportItem__Swiper { margin-top: 1.25rem; margin-left: -15px; margin-right: -15px; } @media only screen and (max-width: 992px) { .CategorySupportItem__Swiper { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding-top: 0; padding-bottom: 0; z-index: 1; touch-action: pan-y; overflow: visible; width: calc(100% - 20px); margin-top: 1.25rem; } .CategorySupportItem__Swiper [class*='__Wrapper'] { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .CategorySupportItem__Swiper [class*='__Slide'] { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } } .CategorySupportItem__Wrapper { width: auto !important; } @media only screen and (min-width: 992px) { .CategorySupportItem__Wrapper { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin: -0.9375rem 0; transform: translate3d(0, 0, 0) !important; } .-col5span .CategorySupportItem__Wrapper { justify-content: center; } } .CategorySupportItem__Slide { position: relative; width: 100%; } @media only screen and (min-width: 992px) { .CategorySupportItem__Slide { margin-left: 15px; margin-right: 15px; margin: 0.9375rem; width: calc(25% - 15px * 2) !important; } } .CategorySupportItem__NextButton, .CategorySupportItem__PrevButton { border: 0; border-radius: 0.25rem; background-color: rgba(0, 0, 0, 0.43); color: #fff; cursor: pointer; transition-duration: 0.3s; display: none; } .CategorySupportItem__NextButton.swiper-button-disabled, .CategorySupportItem__PrevButton.swiper-button-disabled { cursor: default; opacity: 0; } .CategorySupportItem__Pagination { position: relative; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); height: auto; } @media only screen and (min-width: 992px) { .CategorySupportItem__Pagination { display: none; } } .CategorySupportItem__Bullet { appearance: none; display: inline-block; width: 0.5rem; height: 0.5rem; margin: 0 0.25rem; padding: 0; border: none; box-shadow: none; border-radius: 100%; background-color: #bcbcca; cursor: pointer; margin-top: 1.25rem; } .CategorySupportItem__Bullet.-active { opacity: 1; background-color: #31353d; transform: scale(1.5); transform-origin: bottom; } @media only screen and (min-width: 992px) { .CategorySupportItem__Bullet { margin-top: 1.875rem; } } .CategorySupportItem__Bullet:only-child { display: none; } .CategorySupportItem__Container { display: block; } .CategorySupportItem__ImageContainer { display: block; width: 100%; height: auto; opacity: 1; transition: opacity 0.2s; } .CategorySupportItem__Container:hover .CategorySupportItem__ImageContainer { opacity: 0.9; } .CategorySupportItem__Image { display: block; max-width: 100%; box-sizing: border-box; padding: 0.9375rem; margin: 0 auto; height: 5.5625rem; } .CategorySupportItem__Text { box-sizing: border-box; text-align: center; margin-top: 1.875rem; } .CategorySupportItem__Title { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-family: 'SST W01 Medium', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 0.9375rem; line-height: 1.46667; margin: 0; color: #2f353d; } @media only screen and (max-width: 992px) { .CategorySupportItem__Title { font-size: 0.875rem; line-height: 1.5; } } .CategorySupportItem__Title::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .CategorySupportItem__BodyCopy { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; color: #83838f; margin-top: 0.75rem; margin-bottom: 0; text-align: left; } @media only screen and (max-width: 992px) { .CategorySupportItem__BodyCopy { font-size: 0.6875rem; line-height: 1.36364; } } @media only screen and (max-width: 992px) { .CategorySupportItem__BodyCopy { text-align: center; } } [dir='rtl'] .CategorySupportItem__BodyCopy { text-align: right; } .-LightGray .CategorySupportItem__BodyCopy { color: #2f353d; } .CategorySupportItem__LinkLabel { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; margin-top: 0.75rem; color: #3865e0; } @media only screen and (max-width: 992px) { .CategorySupportItem__LinkLabel { font-size: 0.6875rem; line-height: 1.36364; } } [target='_blank'] .CategorySupportItem__LinkLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; } [dir='rtl'] [target='_blank'] .CategorySupportItem__LinkLabel::after { padding-left: 0; padding-right: 0.5em; } .CategorySupportItem__Container:hover .CategorySupportItem__LinkLabel { color: #34568e; outline: 0; text-decoration: underline; } @media only screen and (max-width: 992px) { .CategorySupport__Notes .Footnotes__List { margin-left: 0; } } .Support__Inner { margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; } @media only screen and (min-width: 992px) { .Support__Inner { max-width: 1200px; padding-right: 30px; padding-left: 30px; } } @media only screen and (min-width: 992px) { .Support__Inner .CollapseContent__HeaderLabel { line-height: 1.375rem; } } .Support__Content { margin-top: 0 !important; padding-right: 20px; padding-left: 20px; } @media only screen and (min-width: 992px) { .Support__Content { padding-right: 0; padding-left: 0; } } .Support__ContentHeader { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 1.125rem; line-height: 1.44444; letter-spacing: 0.01rem; margin: 1.25rem 0; } .Support__ItemContainer { display: flex; flex-wrap: wrap; margin-top: -0.9375rem; margin-left: -0.625rem; margin-right: -0.625rem; } @media only screen and (max-width: 992px) { .Support__ItemContainer { margin-top: -1.875rem; margin-left: -15px; margin-right: -15px; } } .SupportItem { box-sizing: border-box; position: relative; margin-top: 15px; margin-left: 0.625rem; margin-right: 0.625rem; width: calc(50% - 20px); } @media only screen and (min-width: 992px) { .SupportItem { margin-top: 30px; width: calc(16.66667% - 15px * 2); margin-left: 15px; margin-right: 15px; } } .SupportItem > .component-content { height: 100%; } .SupportItem__Link { background-color: #f2f5f9; color: #2f353d; display: block; box-sizing: border-box; padding: 0.625rem 0.9375rem; width: 100%; height: 100%; color: #82828e; } @media only screen and (min-width: 992px) { .SupportItem__Link { transition-property: background-color; transition-duration: 0.2s; } } .SupportItem__Link:hover { background-color: #f2f5f9; color: #2f353d; text-decoration: none; } @media only screen and (min-width: 992px) { .SupportItem__Link:hover { background-color: #e8edf3; } } .SupportItem__Link:hover { color: #82828e; } .SupportItem__Link::after { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; display: block; } .SupportItem__Image { height: 5rem; display: flex; justify-content: center; align-items: center; } .SupportItem__Icon { width: 2.5rem; height: 2.5rem; } .SupportItem__Text { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; color: #2f353d; width: 100%; text-align: center; } @media only screen and (max-width: 992px) { .SupportItem__Text { font-size: 0.6875rem; line-height: 1.36364; } } .SupportItem__Text::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } [dir='rtl'] .SupportItem__Text::after { transform: scale(-1, 1); } a[target='_blank'] .SupportItem__Title::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; } [dir='rtl'] a[target='_blank'] .SupportItem__Title::after { padding-left: 0; padding-right: 0.5em; } .SupportModelItem { padding-top: 1.25rem; padding-bottom: 1.25rem; border-bottom: 0.1875rem solid #e4e7eb; } @media only screen and (min-width: 992px) { .SupportModelItem { display: flex; align-items: center; padding-top: 1.25rem; padding-bottom: 1.25rem; } } .SupportModelItem__Icon { display: none; } .SupportModelItem__Icon img { background-color: #fff; height: 2.6875rem; } @media only screen and (min-width: 992px) { .SupportModelItem__Icon { display: block; flex-grow: 0; flex-shrink: 0; margin-right: 0.875rem; box-sizing: border-box; width: 2.6875rem; height: auto; } } .SupportModelItem__Model { line-height: 1; } @media only screen and (min-width: 992px) { .SupportModelItem__Model { display: flex; padding-right: 6.375rem; } } .SupportModelItem__ModelInfo { display: flex; align-items: center; margin-bottom: 0.625rem; } @media only screen and (min-width: 992px) { .SupportModelItem__ModelInfo { display: block; margin-right: 0.875rem; margin-bottom: 0; } } @media only screen and (min-width: 992px) { .SupportModelItem__ModelInfo { margin-right: 1.875rem; } } .SupportModelItem__ModelCode { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 1.125rem; line-height: 1.44444; letter-spacing: 0.01rem; margin-right: 0.625rem; } [dir='rtl'] .SupportModelItem__ModelCode { margin-right: 0; margin-left: 0.625rem; } @media only screen and (min-width: 992px) { .SupportModelItem__ModelCode { margin-right: 0; } [dir='rtl'] .SupportModelItem__ModelCode { margin-left: 0; } } @media only screen and (max-width: 992px) { .SupportModelItem__ModelCode { line-height: 1.25rem; font-size: 0.9375rem; } } @media only screen and (min-width: 992px) { .SupportModelItem__ModelCode + .SupportModelItem__Differenciator { margin-top: 0.125rem; } } .SupportModelItem__Differenciator { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.75rem; line-height: 1.5; } @media only screen and (max-width: 992px) { .SupportModelItem__Differenciator { font-size: 0.625rem; line-height: 1.3; } } .SupportModelItem__LinkContainer { margin: 0; } @media only screen and (min-width: 992px) { .SupportModelItem__LinkContainer { display: flex; flex-wrap: wrap; width: 80%; margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) { .SupportModelItem__LinkItem { margin-left: 15px; margin-right: 15px; width: calc(100% / 3 - 30px); } } .SupportModelItem__LinkItem::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } [dir='rtl'] .SupportModelItem__LinkItem::after { transform: scale(-1, 1); vertical-align: middle; margin-top: 0.2em; } .SupportModelItem__Link { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; color: #3865e0; text-decoration: none; } @media only screen and (max-width: 992px) { .SupportModelItem__Link { font-size: 0.6875rem; line-height: 1.36364; } } .SupportModelItem__Link:hover, .SupportModelItem__Link:active { color: #34568e; outline: 0; text-decoration: underline; } .SupportModelItem__Link:focus { outline: thin dotted #333; outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } .SupportModelItem__Link:hover, .SupportModelItem__Link:active { text-decoration: none; } .SupportModelItem__Link:hover .SupportModelItem__LinkText, .SupportModelItem__Link:active .SupportModelItem__LinkText { text-decoration: underline; } .SupportModelItem__Link[target='_blank'] .SupportModelItem__LinkBlankIcon { display: inline-block; } .SupportModelItem__Link[target='_blank'] .SupportModelItem__LinkBlankIcon::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; } [dir='rtl'] .SupportModelItem__Link[target='_blank'] .SupportModelItem__LinkBlankIcon::after { padding-left: 0; padding-right: 0.5em; } .Support__RegionalArea { margin-top: 1.875rem; margin-bottom: 1.875rem; } .UtilityLinksItem { margin: 1.25rem 0.9375rem; width: calc(50% - 30px); } @media only screen and (min-width: 992px) { .UtilityLinksItem { margin: 0.9375rem; width: calc(25% - 30px); } } .UtilityLinksItem__Title { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-family: 'SST W01 Medium', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 0.9375rem; line-height: 1.46667; margin: 0 0 0.625rem; } @media only screen and (max-width: 992px) { .UtilityLinksItem__Title { font-size: 0.875rem; line-height: 1.5; } } @media only screen and (max-width: 992px) { .UtilityLinksItem__Title { font-size: 0.75rem; line-height: 1.33333; } } .UtilityLinksItem__LinkList { margin: 0; padding: 0; list-style-type: none; } .UtilityLinksLinkItem { margin: 0.3125rem 0 0; } .UtilityLinksLinkItem > .component-content { height: 1rem; } @media only screen and (min-width: 992px) { .UtilityLinksLinkItem > .component-content { height: 1.25rem; } } .UtilityLinksLinkItem__Link { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; display: inline-block; color: #3865e0; } @media only screen and (max-width: 992px) { .UtilityLinksLinkItem__Link { font-size: 0.6875rem; line-height: 1.36364; } } .UtilityLinksLinkItem__Link::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; vertical-align: middle; } .UtilityLinksLinkItem__Link:hover, .UtilityLinksLinkItem__Link:active { outline: 0; text-decoration: none; } .UtilityLinksLinkItem__Link:hover .UtilityLinksLinkItem__LinkLabel, .UtilityLinksLinkItem__Link:active .UtilityLinksLinkItem__LinkLabel { text-decoration: underline; } .UtilityLinksLinkItem__Link[target='_blank'] .UtilityLinksLinkItem__LinkBlankIcon { display: inline-block; } .UtilityLinksLinkItem__Link[target='_blank'] .UtilityLinksLinkItem__LinkBlankIcon::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; } [dir='rtl'] .UtilityLinksLinkItem__Link[target='_blank'] .UtilityLinksLinkItem__LinkBlankIcon::after { padding-left: 0; padding-right: 0.5em; } .UtilityLinksLinkItem__LinkBlankIcon { display: none; } .UtilityLinksLinkAndImage__Body.-LightGray { background-color: #f1f5f9; margin: 0 auto; padding: 1.875rem 0; } @media only screen and (min-width: 992px) { .UtilityLinksLinkAndImage__Body.-LightGray { padding: 3.75rem 0; } } .UtilityLinksLinkAndImage__Inner { margin-left: auto; margin-right: auto; padding-right: 20px; padding-left: 20px; } @media only screen and (min-width: 992px) { .UtilityLinksLinkAndImage__Inner { max-width: 1200px; padding-right: 30px; padding-left: 30px; } } .UtilityLinksLinkAndImage__Wrapper { border-top: 0.1875rem solid #e4e7eb; padding-top: 1.25rem; } @media only screen and (min-width: 992px) { .UtilityLinksLinkAndImage__Wrapper { padding-top: 2.5rem; } } .UtilityLinksLinkAndImage__Container { position: relative; margin-left: -15px; margin-right: -15px; } @media only screen and (min-width: 992px) { .UtilityLinksLinkAndImage__Container { margin: -0.9375rem; } } .UtilityLinksLinkAndImage__ImageBox { position: relative; margin-left: 15px; margin-right: 15px; width: calc(100% - 30px); background-color: #f1f5f9; box-sizing: border-box; margin-bottom: 1.25rem; display: flex; padding: 1.25rem; } @media only screen and (min-width: 992px) { .UtilityLinksLinkAndImage__ImageBox { padding: 1.875rem; width: calc(50% - 30px); position: absolute; right: 0.9375rem; top: 0.9375rem; margin: 0; } } .UtilityLinksLinkAndImage__Image { display: block; width: 6.25rem; height: 6.25rem; margin: 0; } @media only screen and (min-width: 992px) { .UtilityLinksLinkAndImage__Image { width: 7.5rem; height: 7.5rem; } } .UtilityLinksLinkAndImage__Text { width: 100%; box-sizing: border-box; padding: 0 0 0 1.25rem; } [dir='rtl'] .UtilityLinksLinkAndImage__Text { padding: 0 1.25rem 0 0; } .UtilityLinksLinkAndImage__Title { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-family: 'SST W01 Medium', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 1.375rem; line-height: 1.18182; margin: 0; color: #6b6b7b; } @media only screen and (max-width: 992px) { .UtilityLinksLinkAndImage__Title { font-size: 1.125rem; line-height: 1.22222; } } .UtilityLinksLinkAndImage__BodyCopy { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; font-size: 0.9375rem; line-height: 1.375rem; color: #6b6b7b; margin-top: 0.75rem; margin-bottom: 0; } @media only screen and (max-width: 992px) { .UtilityLinksLinkAndImage__BodyCopy { font-size: 0.6875rem; line-height: 1.36364; } } @media only screen and (max-width: 992px) { .UtilityLinksLinkAndImage__BodyCopy { font-size: 0.75rem; line-height: 1.125rem; } } .UtilityLinksLinkAndImage__Link { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; display: inline-block; margin-top: 0.75rem; color: #3865e0; } @media only screen and (max-width: 992px) { .UtilityLinksLinkAndImage__Link { font-size: 0.6875rem; line-height: 1.36364; } } @media only screen and (max-width: 992px) { .UtilityLinksLinkAndImage__Link { line-height: 0.875rem; } } .UtilityLinksLinkAndImage__Link::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .UtilityLinksLinkAndImage__Link:hover, .UtilityLinksLinkAndImage__Link:active { text-decoration: none; } .UtilityLinksLinkAndImage__Link:hover .UtilityLinksLinkAndImage__LinkText, .UtilityLinksLinkAndImage__Link:active .UtilityLinksLinkAndImage__LinkText { text-decoration: underline; } .UtilityLinksLinkAndImage__Link[target='_blank'] .UtilityLinksLinkAndImage__LinkBlankIcon { display: inline-block; } .UtilityLinksLinkAndImage__Link[target='_blank'] .UtilityLinksLinkAndImage__LinkBlankIcon::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; vertical-align: text-top; } [dir='rtl'] .UtilityLinksLinkAndImage__Link[target='_blank'] .UtilityLinksLinkAndImage__LinkBlankIcon::after { padding-left: 0; padding-right: 0.5em; } .UtilityLinksLinkAndImage__LinkBlankIcon { display: none; } .UtilityLinksLinkAndImage__UtilityLinks { display: flex; flex-wrap: wrap; } @media only screen and (max-width: 992px) { .UtilityLinksLinkAndImage__UtilityLinks { margin-bottom: -1.25rem; } } @media only screen and (min-width: 992px) { .UtilityLinksLinkAndImage__UtilityLinks .UtilityLinksItem:nth-child(1), .UtilityLinksLinkAndImage__UtilityLinks .UtilityLinksItem:nth-child(2) { min-height: 12.5rem; } .UtilityLinksLinkAndImage__UtilityLinks .UtilityLinksItem:nth-child(2) { margin-right: calc(100% - 50%); } [dir='rtl'] .UtilityLinksLinkAndImage__UtilityLinks .UtilityLinksItem:nth-child(1) { margin-right: calc(100% - 50%); padding-right: 0.9375rem; } [dir='rtl'] .UtilityLinksLinkAndImage__UtilityLinks .UtilityLinksItem:nth-child(2) { margin-right: auto; } } .UtilityLinksLinkAndImage__Notes .Footnotes__List { margin-left: 0.9375rem; } .UtilityLinksLinksOnly__Body.-LightGray { background-color: #f1f5f9; margin: 0 auto; padding: 1.875rem 0; } @media only screen and (min-width: 992px) { .UtilityLinksLinksOnly__Body.-LightGray { padding: 3.75rem 0; } } .UtilityLinksLinksOnly__Inner { margin-left: auto; margin-right: auto; padding-right: 20px; padding-left: 20px; } @media only screen and (min-width: 992px) { .UtilityLinksLinksOnly__Inner { max-width: 1200px; padding-right: 30px; padding-left: 30px; } } .UtilityLinksLinksOnly__Wrapper { border-top: 0.1875rem solid #e4e7eb; padding-top: 1.25rem; } @media only screen and (min-width: 992px) { .UtilityLinksLinksOnly__Wrapper { padding-top: 2.5rem; } } .UtilityLinksLinksOnly__Container { position: relative; margin-left: -15px; margin-right: -15px; } @media only screen and (min-width: 992px) { .UtilityLinksLinksOnly__Container { margin: -0.9375rem; } } .UtilityLinksLinksOnly__UtilityLinks { display: flex; flex-wrap: wrap; } @media only screen and (max-width: 992px) { .UtilityLinksLinksOnly__UtilityLinks { margin-bottom: -1.25rem; } } .FavoriteButton { display: inline-block; } .FavoriteButton__Button { margin: 0; box-sizing: border-box; border-width: 0; padding: 0; width: 100%; height: 100%; background-color: transparent; font: inherit; cursor: pointer; vertical-align: middle; position: relative; } .-viewTile .FavoriteButton__Button.compareDisabled { position: absolute; margin: 1.25rem -0.625rem; } .FavoriteButton__Button::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; color: #83838f; transition-property: all; transition-duration: 0.25s; font-size: 0.75rem; max-height: 0.6875rem; } .FavoriteButton__Button:hover::before { color: #828282; } .FavoriteButton__Button.-isFavorited::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; color: #f35429; } .FavoriteButton__Icon { display: block; top: 0; font-size: inherit; pointer-events: none; } .FavoriteButton__Tooltip { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; z-index: 1000; padding: 0.5em 1em; visibility: hidden; background-color: #2f353d; color: #fff; white-space: nowrap; opacity: 0; transition-property: visibility, opacity; transition-duration: 0.15s; } @media only screen and (max-width: 992px) { .FavoriteButton__Tooltip { font-size: 0.6875rem; line-height: 1.36364; } } .FavoriteButton__Tooltip.-isActive { visibility: visible; opacity: 1; transition-duration: 0.3s; } .FavoriteButton__TooltipArrow { position: absolute; border-width: 0 0.3125rem; border-style: solid; border-color: transparent; width: 0; height: 0; } .FavoriteButton__Tooltip[x-placement^='top'] .FavoriteButton__TooltipArrow { top: 100%; border-top-width: 0.3125rem; border-top-color: #2f353d; } .FavoriteButton__Tooltip[x-placement^='bottom'] .FavoriteButton__TooltipArrow { bottom: 100%; border-bottom-width: 0.3125rem; border-bottom-color: #2f353d; } .StatusLabel { display: inline-block; padding: 0.125rem 0.375rem 0.0625rem; background-color: #fff; color: #6b6b7b; border: 0.0625rem solid #6b6b7b; font-size: 0.625rem; font-weight: bold; line-height: 1.2; } .StatusLabel.-Orange { color: #d24615; border: 0.0625rem solid #d24615; } .DisplayReleaseDate { display: block; padding-top: 0.5rem; opacity: 1; font-size: 0.75rem; } .DisplayReleaseDate.-Orange { color: #be4013; } .StatusSaleDate { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.75rem; line-height: 1.5; color: #2f353d; line-height: 1.6; } @media only screen and (max-width: 992px) { .StatusSaleDate { font-size: 0.625rem; line-height: 1.3; } } .StatusSaleDate.-Orange { color: #d24615; } .StatusLabel + .StatusSaleDate { margin-left: 0.625rem; } [dir='rtl'] .StatusLabel + .StatusSaleDate { margin-left: 0rem; margin-right: 0.625rem; } .hide { display: none; } .Tooltip__Overlay { z-index: 600; background-color: transparent; } @media only screen and (max-width: 992px) { .Tooltip__Overlay { position: fixed; visibility: hidden; display: flex; align-items: center; justify-content: center; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); opacity: 0; transition: opacity 0.25s, visibility 0s 0.25s; } } @media only screen and (max-width: 992px) { .Tooltip__Overlay.-isActive { visibility: visible; opacity: 1; transition-delay: 0s; } } .Tooltip__Dialog { max-width: 30rem; box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 992px) { .Tooltip__Dialog { position: absolute; max-width: 15.9375rem; box-shadow: none; } } @media only screen and (min-width: 992px) { .Tooltip__Dialog { position: fixed; opacity: 0; z-index: 600; transition: opacity 0.25s; pointer-events: none; } .Tooltip__Overlay.-isActive .Tooltip__Dialog { opacity: 1; pointer-events: all; } } .Tooltip__Content { padding: 2.625rem 2.5rem; color: #2f353d; background-color: #fff; } @media only screen and (max-width: 992px) { .Tooltip__Content { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; padding: 2.3125rem 0.9375rem 1.875rem 0.9375rem; } } @media only screen and (max-width: 992px) and (max-width: 992px) { .Tooltip__Content { font-size: 0.6875rem; line-height: 1.36364; } } .Tooltip__CloseButton { position: absolute; display: block; top: 0; right: 0; box-sizing: border-box; border-width: 0; width: 1.375rem; height: 1.375rem; min-width: auto; padding: 0; background-color: #83838e; color: #fff; font-size: 0.625rem; font-weight: normal; line-height: 1; text-align: center; cursor: pointer; } .Tooltip__CloseButton:hover { background-color: #83838e; } [dir='rtl'] .Tooltip__CloseButton { right: auto; left: 0; } .Tooltip__CloseIcon { position: static; vertical-align: top; } .Tooltip__Arrow { position: absolute; width: 0.875rem; height: 0.875rem; margin-top: -0.4375rem; background-color: #fff; transform: rotate(45deg); box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2); z-index: -1; } @media only screen and (max-width: 992px) { .Tooltip__Arrow { display: none; } } .Tooltip__Dialog[x-placement="top"] .Tooltip__Arrow { top: 100%; left: 50%; } .Tooltip__Dialog[x-placement="bottom"] .Tooltip__Arrow { top: 0; left: 50%; } .Tooltip__Dialog[x-placement="left"] .Tooltip__Arrow { top: 50%; left: 100%; margin-left: -0.4375rem; } .Tooltip__Dialog[x-placement="right"] .Tooltip__Arrow { top: 50%; left: 0; margin-left: -0.4375rem; } .js-triggerTooltip * { pointer-events: none; } .Video_Summary__BodyContainer { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; line-height: 1rem; color: #6b6b7b; margin: 1.25rem 0.3125rem; } @media only screen and (max-width: 992px) { .Video_Summary__BodyContainer { font-size: 0.6875rem; line-height: 1.36364; } } .Video_Summary__BodyContainer p { margin: 0; } @media only screen and (min-width: 992px) { .Video_Summary__BodyContainer { line-height: 1.25rem; height: 100%; margin: 1.875rem 0.3125rem; } .Video_Summary__BodyContainer p { margin: 0 10.4375rem 0 0; } [dir="rtl"] .Video_Summary__BodyContainer p { margin: 0 0 0 10.4375rem; } } .Video_Summary__Label { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; max-width: 75rem; text-align: left; cursor: pointer; box-sizing: border-box; display: block; width: 100%; padding: 0.4375rem 0 0.75rem; border: none; background: transparent; color: #3865e0; } @media only screen and (max-width: 992px) { .Video_Summary__Label { font-size: 0.6875rem; line-height: 1.36364; } } @media only screen and (max-width: 992px) { .Video_Summary__Label { line-height: 1.27273; } } [dir="rtl"] .Video_Summary__Label { text-align: right; } @media only screen and (min-width: 992px) { .Video_Summary__Label { padding: 0.5rem 0 0.125rem; height: 1.25rem; } } .Video_Summary__Label::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.3125rem; font-size: inherit; line-height: 0; } [dir="rtl"] .Video_Summary__Label::before { margin-left: 0; margin-right: 0.3125rem; } .-isExpanded .Video_Summary__Label::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; line-height: 0; } .Video_Summary__Link a::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .Video_Summary__Link_Label { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; max-width: 75rem; text-align: left; cursor: pointer; box-sizing: border-box; display: block; width: 100%; padding: 0.4375rem 0 0.75rem; border: none; background: transparent; color: #3865e0; } @media only screen and (max-width: 992px) { .Video_Summary__Link_Label { font-size: 0.6875rem; line-height: 1.36364; } } [dir="rtl"] .Video_Summary__Link_Label { text-align: right; } @media only screen and (min-width: 992px) { .Video_Summary__Link_Label { padding: 0.5rem 0 0.125rem; height: 1.25rem; } } .Video_Summary__Link_Label[target="_blank"] .VideoSummary__ButtonText::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; } [dir="rtl"] .Video_Summary__Link_Label[target="_blank"] .VideoSummary__ButtonText::after { padding-left: 0; padding-right: 0.5em; } .-isHidden { display: none; } .Video_Summary__Label:before { font-size: 1.125rem; } .VideoSummary__Inner { padding: 0 1.25rem; } @media only screen and (min-width: 992px) { .VideoSummary__Inner { padding: 0 1.875rem; } } .VideoSummary__Inner .Video_Summary__BodyContainer { color: #2f353d; margin: 0; line-height: 1.8334; font-size: 0.75rem; } @media only screen and (min-width: 992px) { .VideoSummary__Inner .Video_Summary__BodyContainer { line-height: 1.4667; font-size: 0.9375rem; } } .VideoSummary__Inner .Video_Summary__BodyContainer p { margin: 1rem 0; } .VideoSummary__Inner .Video_Summary__Label { color: #2f353d; width: unset; padding: 0.9375rem 0 0 0; margin: 0; } @media only screen and (min-width: 992px) { .VideoSummary__Inner .Video_Summary__Label { padding: 1rem 0; } } @media only screen and (max-width: 992px) { .VideoSummary__Inner .Video_Summary__Label { font-size: 0.75rem; line-height: 1.6667; } .VideoSummary__Inner .Video_Summary__Label::after { content: none; } } .VideoSummary__Inner .Video_Summary__Link_Label { color: #2f353d; margin: 0; } @media only screen and (min-width: 992px) { .VideoSummary__Inner .Video_Summary__Link_Label { padding: 1rem 0; } } @media only screen and (max-width: 992px) { .VideoSummary__Inner .Video_Summary__Link_Label { font-size: 0.75rem; line-height: 1.6667; } } .Modal__Overlay { visibility: hidden; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 500; background-color: rgba(0, 0, 0, 0.9); opacity: 0; transition: opacity 0.25s, visibility 0.25s; } .Modal__Overlay.-isActive { visibility: visible; opacity: 1; } .Modal__OverlayHandler { display: block; width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; } .Modal__Dialog { display: inline-block; position: relative; z-index: 2; } .Modal__CloseButton { background: none; border: 0; cursor: pointer; outline: none; padding: 0; border-radius: 0; font: inherit; appearance: none; position: absolute; display: block; top: -2rem; right: 0; width: 1rem; height: 1rem; min-width: auto; background-color: transparent; color: #fff; font-size: 1rem; text-align: center; cursor: pointer; transition: color 0.2s; } .Modal__CloseButton:hover, .Modal__CloseButton:focus { background-color: transparent; color: #2f353d; } .Modal__CloseButtonAccGallery { background: none; border: 0; cursor: pointer; outline: none; padding: 0; border-radius: 0; font: inherit; appearance: none; display: block; position: absolute; background: none; border: 0; min-width: auto; background-color: transparent; font-size: 0.75rem; } .Modal__CloseButtonAccGallery:hover, .Modal__CloseButtonAccGallery:focus { color: #2f353d; } .Modal__CloseIcon { position: static; } .CategoryNav { width: 100%; position: relative; z-index: 300; } .CategoryNav > div { width: 100%; height: 100%; } @media only screen and (max-width: 992px) { .CategoryNav.-isFixed { background: #fff; } .CategoryNav.-isFixed .CategoryNav__PdpHeaderTitleState, .CategoryNav.-isFixed .CategoryNav__PdpHeaderBuy { max-height: 0; display: none; } } .CategoryNav.-isFixed .CategoryNav__Inner { position: fixed; top: 0; right: 0; left: 0; } @media only screen and (min-width: 992px) { .CategoryNav { position: relative; height: auto; } .CategoryNav.-isFixed .CategoryNav__Inner { position: fixed; z-index: 301; top: 0; right: 0; left: 0; } } @media only screen and (min-width: 992px) and (min-width: 992px) { .CategoryNav.-isFixed .CategoryNav__Inner { z-index: 1; } } .CategoryNav__Inner { border-bottom: 0.0625rem solid #e5e5e5; transition: transform 0.4s; } .CategoryNav__Inner.-isVisible { height: 100vh; } .-isFixed.-offScreen .CategoryNav__Inner { box-shadow: none; transform: translateY(-100%); } @media only screen and (min-width: 992px) { .CategoryNav__Inner { border-bottom-width: 0; } } .CategoryNav__Backdrop { position: fixed; z-index: 301; top: 0; right: 0; bottom: 0; left: 0; height: 100vh; visibility: hidden; opacity: 0; transition-property: visibility, opacity; transition-duration: 0.2s; transition-timing-function: linear; background-color: rgba(0, 0, 0, 0.75); } .CategoryNav__Backdrop.-isVisible { visibility: visible; opacity: 1; } .CategoryNav__CloseNav { position: fixed; z-index: 301; top: 0; right: 0; border-width: 0; border-radius: 0; padding: 3.125rem 0 0; width: 2.625rem; height: 0; overflow: hidden; background-color: #000; visibility: hidden; opacity: 0; transition-property: visibility, opacity; transition-duration: 0.2s; transition-timing-function: linear; } @media only screen and (min-width: 992px) { .CategoryNav__CloseNav { display: none; } } [dir='rtl'] .CategoryNav__CloseNav { right: auto; left: 0; } .CategoryNav__CloseNav.-isVisible { visibility: visible; opacity: 1; background-color: #494646; } .CategoryNav__CloseNavIcon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1rem; height: 1rem; } .CategoryNav__CloseNavIcon::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; color: #fff; margin-top: -0.2em; } .CategoryNav__Inner2 { position: relative; background-color: #fff; } .CategoryNav__OpenNav { position: absolute; z-index: 1; top: 0.75rem; right: 1.25rem; margin-left: 0.625rem; border-width: 0; border-radius: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 1.875rem; height: 1.875rem; transition: opacity 0.4s; background: none; cursor: pointer; } [dir='rtl'] .CategoryNav__OpenNav { right: auto; left: 1.25rem; margin-left: 0; margin-right: 0.625rem; } @media only screen and (min-width: 992px) { .CategoryNav__OpenNav { display: none; visibility: hidden; } } .CategoryNav__OpenNav:hover, .CategoryNav__OpenNav:focus { opacity: 0.7; } .CategoryNav__OpenNav.-isHidden { display: none; } .-withPdpNav .CategoryNav__OpenNav { top: 2.875rem; } .-withPdpNav.-isFixed .CategoryNav__OpenNav { top: 0.75rem; } .CategoryNav__OpenNav::before { position: absolute; left: 0; top: 0; font-size: 1.875rem; } @media only screen and (min-width: 992px) { .CategoryNav__Main { border-bottom: 0.0625rem solid #8c8c8c; background-color: #fff; height: 4.5rem; } } .-isJp .CategoryNav__Main { height: auto; } @media only screen and (min-width: 992px) { .CategoryNav__Main.-isFixed { position: fixed; width: 100%; top: 0; left: 0; } } .CategoryNav__MainHeaderMobile { padding-right: 20px; padding-left: 20px; min-height: 3.5rem; transition-property: height, padding; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); display: flex; flex-wrap: wrap; align-items: center; } @media only screen and (min-width: 992px) { .CategoryNav__MainHeaderMobile { display: none; visibility: hidden; } } .-withPdpNav .CategoryNav__MainHeaderMobile { min-height: 2.125rem; } .-withPdpNav .CategoryNav__MainHeaderMobile.-isJp { min-height: 2.1875rem; } .-isFixed:not(.-withPdpNav) .CategoryNav__MainHeaderMobile { display: none; } @media only screen and (min-width: 992px) { .CategoryNav__MainInner { display: flex; min-height: 3.375rem; align-items: center; padding-right: 30px; padding-left: 30px; padding-top: 0; margin-top: 0; height: 4.5rem; } .-isJp .CategoryNav__MainInner { display: block; height: auto; } } @media only screen and (min-width: 992px) { .CategoryNav__MainInner { min-height: 4.0625rem; } } @media only screen and (min-width: 992px) { .CategoryNav__MainInner { margin-right: auto; margin-left: auto; max-width: 1200px; } } .CategoryNav__MainHeader { display: none; } @media only screen and (min-width: 992px) { .CategoryNav__MainHeader { display: flex; align-items: center; flex-wrap: wrap; height: 100%; background-color: transparent; } } .-isJp .CategoryNav__MainHeader { min-height: 3.75rem; } .CategoryNav__MainTitle { line-height: 1; } @media only screen and (max-width: 992px) { .CategoryNav__MainTitle { display: flex; } .-isJp .CategoryNav__MainTitle { align-items: center; } } @media only screen and (min-width: 992px) { .CategoryNav__MainTitle { padding: 0.375rem 0 0.75rem; } [dir='rtl'] .CategoryNav__MainTitle { margin-right: 0; } .-isJp .CategoryNav__MainTitle { display: flex; align-items: center; } } .CategoryNav__MainTitle__Link { margin-left: auto; display: flex; } .CategoryNav__MainTitle__Link .CategoryNav__MainItemLinkLogo { height: 0.75rem; margin-right: 0.3125rem; } @media only screen and (min-width: 992px) { .CategoryNav__MainTitle__Link .CategoryNav__MainItemLinkLogo { height: 0.875rem; margin-top: -0.125rem; } .CategoryNav__MainTitle__Link .CategoryNav__MainItemLinkLogo .-isJp { max-width: 3.625rem; } } @media only screen and (max-width: 992px) { .CategoryNav__MainTitle__Link .CategoryNav__MainItemLinkLogo + .CategoryNav__HelpListItemLinkLabel { margin-right: auto; } } .CategoryNav__MainLogo { display: block; padding: 0 0.625rem 0 0; } [dir='rtl'] .CategoryNav__MainLogo { padding: 0 0 0 0.625rem; } @media only screen and (max-width: 992px) { .CategoryNav__MainLogo { height: 0.625rem; } .-isJp .CategoryNav__MainLogo { padding: 0.3125rem 0.625rem 0.3125rem 0; height: 2.1875rem; box-sizing: border-box; } } @media only screen and (min-width: 992px) { .CategoryNav__MainLogo { max-height: 3.125rem; } [dir='rtl'] .CategoryNav__MainLogo { padding: 1rem 0 1rem 1rem; } } .CategoryNav__MainName { display: inline-block; color: #2f353d; font-family: "SST W01 Medium", sans-serif; font-weight: normal; margin: 0 2.5rem 0 0; } @media only screen and (min-width: 992px) { .CategoryNav__MainName { font-size: 0.75rem; line-height: 1.5; } } @media only screen and (max-width: 992px) { .CategoryNav__MainName { font-size: 0.625rem; line-height: 1.4; } } .CategoryNav__MainLogo + .CategoryNav__MainName, figure + .CategoryNav__MainName { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.75rem; line-height: 1.5; line-height: 1.5; } @media only screen and (max-width: 992px) { .CategoryNav__MainLogo + .CategoryNav__MainName, figure + .CategoryNav__MainName { font-size: 0.625rem; line-height: 1.3; } } @media only screen and (max-width: 992px) { .CategoryNav__MainLogo + .CategoryNav__MainName, figure + .CategoryNav__MainName { line-height: 1.4; } } @media only screen and (min-width: 992px) { .-isJp .CategoryNav__MainLogo + .CategoryNav__MainName, .-isJp figure + .CategoryNav__MainName { margin-bottom: 0; } } .CategoryNav__MainContent { position: fixed; z-index: 301; top: 3.125rem; right: 0; bottom: 3.125rem; left: 0; visibility: hidden; opacity: 0; transition-property: visibility, opacity; transition-duration: 0.2s; transition-timing-function: linear; pointer-events: none; } @media only screen and (min-width: 992px) { .CategoryNav__MainContent { display: flex; align-self: stretch; flex-grow: 8; position: static; z-index: 303; visibility: visible; opacity: 1; transition-property: none; pointer-events: auto; } } .CategoryNav__MainContent.-isVisible { visibility: visible; opacity: 1; } .CategoryNav__MainNav { display: flex; flex-direction: column; height: 100%; visibility: hidden; transform: translateX(-100%); transition-property: visibility, transform; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } @media only screen and (min-width: 992px) { .CategoryNav__MainNav { visibility: visible; transform: none; flex-grow: 1; } } @media only screen and (max-width: 992px) { .CategoryNav__MainNav.-isDefault { transform: translateX(0); } } .CategoryNav__MainNav.-isCurrent { visibility: visible; transform: translateX(0); } .CategoryNav__MainNavHeader { flex-grow: 0; flex-shrink: 0; display: flex; justify-content: flex-end; background-color: #f0f0f0; font-size: 0.875rem; font-family: "SST W01 Medium", sans-serif; pointer-events: auto; } @media only screen and (min-width: 992px) { .CategoryNav__MainNavHeader { display: none; visibility: hidden; } } .CategoryNav__MainNavHeaderButton { border-width: 0; padding: 0.75rem 1.25rem; width: 100%; background-color: transparent; } .CategoryNav__MainNavHeaderButtonLabel { display: flex; color: #2f353d; font-size: 0.875rem; float: right; } [dir='rtl'] .CategoryNav__MainNavHeaderButtonLabel { float: left; } .CategoryNav__MainNavHeaderButtonLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.3125rem; } [dir='rtl'] .CategoryNav__MainNavHeaderButtonLabel::after { margin-left: 0; margin-right: 0.3125rem; transform: scale(-1, 1); } .CategoryNav__MainNavTitle { flex-grow: 0; flex-shrink: 0; display: flex; align-items: center; height: 1.875rem; background-color: #6b6b7b; color: #fff; font-size: 0.875rem; line-height: 1; pointer-events: auto; padding: 0 1.125rem; box-sizing: border-box; } @media only screen and (min-width: 992px) { .CategoryNav__MainNavTitle { display: none; visibility: hidden; } } .CategoryNav__MainNavTitleLogo { height: 0.625rem; padding: 0.625rem 0.625rem 0.625rem 0; } [dir='rtl'] .CategoryNav__MainNavTitleLogo { padding: 0.625rem 0 0.625rem 0.625rem; } .CategoryNav__MainNavTitleLogo + .CategoryNav__MainNavTitleName { margin-left: 0.625rem; margin-top: 0.1875rem; font-size: 0.75rem; } .CategoryNav__MainNavContainer { overflow: auto; pointer-events: auto; } @media only screen and (min-width: 992px) { .CategoryNav__MainNavContainer { height: 100%; display: flex; justify-content: space-between; overflow: visible; } } .CategoryNav__MainList { margin: 0; padding: 0; background-color: #fff; list-style-type: none; pointer-events: auto; } @media only screen and (min-width: 992px) { .CategoryNav__MainList { display: flex; overflow: visible; background-color: transparent; } } @media only screen and (min-width: 992px) { .-isJp .CategoryNav__MainList { width: 100%; } } .CategoryNav__MainItem { position: relative; margin-right: 0.9375rem; margin-left: 0.9375rem; height: 100%; } @media only screen and (min-width: 992px) { .CategoryNav__MainItem { margin-right: 0; margin-left: 0; } } .CategoryNav__MainItem:nth-child(n + 2) { border-top: 0.0625rem solid #d9d9d9; } @media only screen and (min-width: 992px) { .CategoryNav__MainItem:nth-child(n + 2) { border-top-width: 0; } } .CategoryNav__MainItem.-isCurrent::before { position: absolute; top: 0; bottom: 0; left: -0.9375rem; border-left: 0.375rem solid #4a4a4a; content: ''; } @media only screen and (min-width: 992px) { .CategoryNav__MainItem.-isCurrent::before { top: auto; right: 0; bottom: 0; left: 0; border-bottom: 0.375rem solid #4a4a4a; border-left-width: 0; } } .CategoryNav__MainItemLink { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; color: #2f353d; font-size: 0.875rem; line-height: 1.466667; } @media only screen and (min-width: 992px) { .CategoryNav__MainItemLink { background-color: #fff; color: #2f353d; transition-property: background-color; transition-duration: 0.1s; background-color: unset; padding: 0 0.625rem; min-height: 4.5rem; font-size: 0.75rem; max-width: 8.125rem; } .CategoryNav__MainItemLink:hover { background-color: #e7e9ed; color: #2f353d; } .CategoryNav__MainItemLink:focus { color: #2f353d; } .-isJp .CategoryNav__MainItemLink { min-height: 3.4375rem; } } @media only screen and (min-width: 992px) { .CategoryNav__MainItemLink { font-size: 0.9375rem; padding: 0 0.9375rem; } .-isJp .CategoryNav__MainItemLink { font-size: 0.875rem; min-width: 3.125rem; max-width: 9.375rem; } } @media only screen and (min-width: 992px) { .CategoryNav__MainItem:first-child:nth-last-child(7) .CategoryNav__MainItemLink, .CategoryNav__MainItem:first-child:nth-last-child(7) ~ .CategoryNav__MainItem .CategoryNav__MainItemLink { padding: 0 0.625rem; } } .CategoryNav__MainItemLink::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; font-size: 0.8125rem; margin-right: -0.1875rem; } @media only screen and (min-width: 992px) { .CategoryNav__MainItemLink::after { font-size: 0.9375rem; } } [dir='rtl'] .CategoryNav__MainItemLink::after { margin-right: 0; margin-left: -0.1875rem; transform: scale(-1, 1); } @media only screen and (min-width: 992px) { .CategoryNav__MainItemLink::after { content: none; } } .CategoryNav__MainItemLink:hover { text-decoration: none; } @media only screen and (min-width: 992px) { .CategoryNav__MainItemLink .CategoryNav__MainItemLinkLabel { padding: 0.75rem 0 0.75rem; } } .CategoryNav__MainItemLink[target='_blank'] .CategoryNav__MainItemLinkLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; height: 1.125rem; width: 1.125rem; } [dir='rtl'] .CategoryNav__MainItemLink[target='_blank'] .CategoryNav__MainItemLinkLabel::after { padding-left: 0; padding-right: 0.5em; } .CategoryNav__MainItemLink .CategoryNav__MainItemLinkIcon { width: 1.0625rem; margin-right: 0.3125rem; flex-shrink: 0; } @media only screen and (min-width: 992px) { .CategoryNav__MainItemLink .CategoryNav__MainItemLinkIcon { width: 1.25rem; } } @media only screen and (max-width: 992px) { .CategoryNav__MainItemLink .CategoryNav__MainItemLinkIcon + .CategoryNav__MainItemLinkLabel { margin-right: auto; } } .CategoryNav__HelpContent { pointer-events: auto; position: relative; } @media only screen and (min-width: 992px) { .-isJp .CategoryNav__HelpContent { display: none; } } @media only screen and (min-width: 992px) { .CategoryNav__HelpContent { margin-right: -0.5rem; } [dir='rtl'] .CategoryNav__HelpContent { margin-right: 0; margin-left: -0.5rem; } } .CategoryNav__HelpList { margin: 0; padding: 0; background-color: #f1f5f9; list-style-type: none; } @media only screen and (min-width: 992px) { .CategoryNav__HelpList { padding-top: 0.5625rem; padding-bottom: 0.5625rem; background-color: transparent; } .-isJp .CategoryNav__HelpList { display: flex; } } @media only screen and (min-width: 992px) { .CategoryNav__HelpList { display: flex; justify-content: flex-end; padding-top: 0; padding-bottom: 0; height: 100%; } } .CategoryNav__HelpListItem { position: relative; height: 100%; margin-left: 0.9375rem; margin-right: 0.9375rem; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItem { margin-right: 0; margin-left: 0; } } .CategoryNav__HelpListItem:nth-child(n + 2) { border-top: 0.0625rem solid #ccc; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItem:nth-child(n + 2) { border-top-width: 0; } } .CategoryNav__HelpListItemLink { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; color: #2f353d; font-size: 0.875rem; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemLink { height: auto; font-size: 0.75rem; line-height: 1.5; padding: 0; margin: 0.3125rem 0; } .-isJp .CategoryNav__HelpListItemLink { padding: 0 0.5rem; } } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemLink { padding: 0 0.5rem; height: 100%; margin: 0; } } .CategoryNav__HelpListItemLink::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; font-size: 0.8125rem; margin-right: -0.1875rem; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemLink::after { font-size: 0.9375rem; } } [dir='rtl'] .CategoryNav__HelpListItemLink::after { margin-right: 0; margin-left: -0.1875rem; transform: scale(-1, 1); } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemLink::after { font-size: 0.75em; margin-left: 0.5em; margin-right: 0; } [dir='rtl'] .CategoryNav__HelpListItemLink::after { margin-left: 0; margin-right: 0.5em; } } .CategoryNav__HelpListItemLink:hover { text-decoration: none; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemLink:hover { background-color: transparent; } .CategoryNav__HelpListItemLink:hover .CategoryNav__HelpListItemLinkLabel { text-decoration: underline; } } .CategoryNav__HelpListItemLink[target='_blank'] .CategoryNav__HelpListItemLinkLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; } [dir='rtl'] .CategoryNav__HelpListItemLink[target='_blank'] .CategoryNav__HelpListItemLinkLabel::after { padding-left: 0; padding-right: 0.5em; } .CategoryNav__PdpHeader { position: relative; z-index: 302; background-color: #fff; } @media only screen and (max-width: 992px) { .CategoryNav__PdpHeader { z-index: 0; } } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeader { margin-top: 0; } } .CategoryNav__PdpHeader.-isHidden { display: none; } @media only screen and (max-width: 992px) { .CategoryNav__PdpHeaderInner { border-top: 0.0625rem solid #e5e5e5; margin-right: 20px; margin-left: 20px; padding-top: 0.75rem; padding-bottom: 0.75rem; } .-isFixed .CategoryNav__PdpHeaderInner { border-top: 0.0625rem solid #fff; padding-top: 0.5rem; padding-bottom: 0.5rem; } } @media only screen and (max-width: 992px) { .CategoryNav__PdpHeaderInner { padding-top: 0.9375rem; } } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderInner { display: flex; align-items: baseline; padding-right: 30px; padding-left: 30px; padding-top: 0.9375rem; padding-bottom: 0; } } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderInner { margin-right: auto; margin-left: auto; max-width: 1200px; } } .CategoryNav__PdpHeaderFigure { display: none; } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderFigure { align-self: center; display: block; width: 3.375rem; height: 3.375rem; } } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderImage { display: block; width: 100%; max-height: 3.375rem; } } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderText { margin-right: 1.25rem; } } .CategoryNav__PdpHeaderModel { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.75rem; line-height: 1.5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 2.5rem; } @media only screen and (max-width: 992px) { .CategoryNav__PdpHeaderModel { font-size: 0.625rem; line-height: 1.3; } } [dir='rtl'] .CategoryNav__PdpHeaderModel { margin-right: 0; margin-left: 2.5rem; } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderModel { margin-left: 1.25rem; margin-right: auto; font-size: 0.75rem; line-height: 1.5; } [dir='rtl'] .CategoryNav__PdpHeaderModel { margin-right: 1.25rem; margin-left: auto; } .-isJp .CategoryNav__PdpHeaderModel { line-height: 1.125rem; } } @media only screen and (max-width: 992px) { .CategoryNav__PdpHeaderModel { line-height: 1.4; } } .CategoryNav__PdpHeaderTitle { display: flex; flex-wrap: wrap; flex-direction: column; margin-right: 2.5rem; } [dir='rtl'] .CategoryNav__PdpHeaderTitle { margin-right: 0; margin-left: 2.5rem; } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderTitle { flex-direction: row; align-items: center; margin-left: 1.25rem; } [dir='rtl'] .CategoryNav__PdpHeaderTitle { margin-right: 1.25rem; margin-left: auto; } .-isJp .CategoryNav__PdpHeaderTitle .StatusLabel { height: 0.8125rem; box-sizing: border-box; } } @media only screen and (max-width: 992px) { .-isJp .CategoryNav__PdpHeaderTitle { display: block; } } .CategoryNav__PdpHeaderTitleName { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-family: 'SST W01 Medium', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 1.375rem; line-height: 1.18182; margin-top: 0.3125rem; margin-right: 1.25rem; margin-bottom: 0; line-height: 1.18182; } @media only screen and (max-width: 992px) { .CategoryNav__PdpHeaderTitleName { font-size: 1.125rem; line-height: 1.22222; } } .-isJp .CategoryNav__PdpHeaderTitleName { line-height: 1; } [dir='rtl'] .CategoryNav__PdpHeaderTitleName { margin-right: 0; margin-left: 1.25rem; } @media only screen and (max-width: 992px) { .CategoryNav__PdpHeaderTitleName { margin-top: 0.125rem; } .-isJp .CategoryNav__PdpHeaderTitleName { display: inline-block; } } .CategoryNav__PdpHeaderTitleState { overflow: hidden; } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderTitleState { margin-top: 0.625rem; display: flex; align-items: center; } } @media only screen and (max-width: 992px) { .CategoryNav__PdpHeaderTitleState { max-height: 2em; transition: max-height 0.4s; } } .CategoryNav__PdpFavoriteButton { z-index: 2; margin-right: 0.9375rem; width: 1rem; height: 0.9375rem; font-size: 1rem; } @media only screen and (max-width: 992px) { .-isJp .CategoryNav__PdpFavoriteButton .FavoriteButton__Button { padding-bottom: 0.375rem; } } @media only screen and (min-width: 992px) { .-isJp .CategoryNav__PdpFavoriteButton .FavoriteButton__Button { margin-top: -0.75rem; } } .CategoryNav__PdpHeaderBuy { max-height: calc(1em + rem(20)); overflow: hidden; transition: max-height 0.4s; } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderBuy { display: none; visibility: hidden; } } .CategoryNav__PdpHeaderBuyInner { padding-top: 0.625rem; } .CategoryNav__PdpHeaderBuyInner::after { display: block; clear: both; content: ''; } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderBuyInner::after { content: none; } } .CategoryNav__PdpHeaderBuyLink { box-sizing: border-box; display: inline-block; vertical-align: middle; margin-bottom: 0; border: 0.0625rem solid rgba(255, 255, 255, 0.4); border-radius: 0.0625rem; background-color: #d24615; transition: background-color 0.25s; font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; -webkit-font-smoothing: subpixel-antialiased; line-height: inherit; padding: 0.6875rem 1.5rem; font-size: 0.8125rem; min-width: 6.25rem; text-align: center; color: #fff; cursor: pointer; } .CategoryNav__PdpHeaderBuyLink:active { background-color: #d24615; } .CategoryNav__PdpHeaderBuyLink:focus { background-color: #d24615; outline: thin dotted #333; outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } .CategoryNav__PdpHeaderBuyLink:hover { background-color: #b0431c; } .CategoryNav__PdpHeaderBuyLink:hover, .CategoryNav__PdpHeaderBuyLink:active, .CategoryNav__PdpHeaderBuyLink:focus { color: white; text-decoration: none; } .CategoryNav__PdpHeaderBuyLink.-isDisabled, .CategoryNav__PdpHeaderBuyLink[disabled] { cursor: default; pointer-events: none; opacity: 0.65; } @media only screen and (max-width: 992px) { .CategoryNav__PdpHeaderBuyLink { float: left; padding: 0.3125rem 0.625rem; font-size: 0.625rem; font-family: "SST W01 Medium", sans-serif; border-width: 0; height: 1.5625rem; width: 5.75rem; min-width: 0; line-height: 1.8; } } .CategoryNav__PdpHeaderBuyLink.-isDisabled, .CategoryNav__PdpHeaderBuyLink[disabled] { cursor: default; pointer-events: none; color: #646473; background-color: #e4e7eb; } .CategoryNav__PdpHeaderSupport { display: none; visibility: hidden; } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderSupport { order: 3; display: block; margin-left: auto; visibility: visible; } [dir='rtl'] .CategoryNav__PdpHeaderSupport { margin-left: 0; margin-right: auto; } } .CategoryNav__PdpHeaderSupportLink { color: #2f353d; font-size: 0.625rem; font-family: "SST W01 Medium", sans-serif; background: none; border: 0; cursor: pointer; outline: none; padding: 0; border-radius: 0; font: inherit; appearance: none; } @media only screen and (max-width: 992px) { .CategoryNav__PdpHeaderSupportLink { display: none; } } .CategoryNav__PdpHeaderSupportLink::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } [dir='rtl'] .CategoryNav__PdpHeaderSupportLink::after { margin-left: 0; margin-right: 0.5em; transform: scale(-1, 1); } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderSupportLink { font-size: 0.75rem; line-height: 1.5; } } .CategoryNav__PdpHeaderSupportLink[target='_blank'] .CategoryNav__PdpHeaderSupportLinkLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; } [dir='rtl'] .CategoryNav__PdpHeaderSupportLink[target='_blank'] .CategoryNav__PdpHeaderSupportLinkLabel::after { padding-left: 0; padding-right: 0.5em; } .CategoryNav__PdpHeaderSupportLink:hover { text-decoration: none; } @media only screen and (min-width: 992px) { .CategoryNav__PdpHeaderSupportLink:hover { background-color: transparent; } .CategoryNav__PdpHeaderSupportLink:hover .CategoryNav__PdpHeaderSupportLinkLabel { text-decoration: underline; } } .CategoryNav__PdpHeaderSupportLinkText[target='_blank'] .CategoryNav__PdpHeaderSupportLinkLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; } [dir='rtl'] .CategoryNav__PdpHeaderSupportLinkText[target='_blank'] .CategoryNav__PdpHeaderSupportLinkLabel::after { padding-left: 0; padding-right: 0.5em; } .SupportPull.-isVisible .CategoryNav__PdpHeaderSupportLink { background-color: #e8edf3; } .SupportPull .CategoryNav__PdpHeaderSupportLink { border: none; cursor: pointer; } .SupportPull .CategoryNav__PdpHeaderSupportLink::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .CategoryNav__PdpContent { position: fixed; z-index: 301; top: 3.125rem; right: 0; bottom: 3.125rem; left: 0; visibility: hidden; opacity: 0; transition-property: visibility, opacity, margin; transition-duration: 0.2s; transition-timing-function: linear; pointer-events: none; } .CategoryNav__PdpContent.-isHidden { display: none; } @media only screen and (min-width: 992px) { .CategoryNav__PdpContent { position: relative; top: 0; bottom: auto; visibility: visible; background-color: #fff; border-bottom: 0.0625rem solid #979797; opacity: 1; transition-property: none; pointer-events: auto; } } .CategoryNav__PdpContent.-isVisible { visibility: visible; opacity: 1; } @media only screen and (min-width: 992px) { .CategoryNav__PdpContent.-isFixed { position: fixed; } } .CategoryNav__PdpNav { display: flex; flex-direction: column; visibility: hidden; transform: translateX(100%); transition-property: visibility, transform; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } @media only screen and (min-width: 992px) { .CategoryNav__PdpNav { flex-direction: row; margin-right: auto; margin-left: auto; max-width: 1200px; padding-right: 30px; padding-left: 30px; visibility: visible; transform: none; transition-property: none; position: relative; z-index: 303; } } .CategoryNav__PdpNav.-isDefault { transform: translateX(0); } .CategoryNav__PdpNav.-isCurrent { visibility: visible; transform: translateX(0); pointer-events: auto; } .CategoryNav__PdpNav.-isHidden { visibility: hidden; transform: translateX(-100%); } .CategoryNav__PdpNavHeader { flex-grow: 0; flex-shrink: 0; display: flex; background-color: #f0f0f0; font-size: 0.875rem; font-family: "SST W01 Medium", sans-serif; pointer-events: auto; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavHeader { display: none; } } .CategoryNav__PdpNavHeader.-isHidden { display: none; } .CategoryNav__PdpNavHeaderButton { border-width: 0; padding: 0.75rem 1rem; width: 100%; background-color: transparent; } .CategoryNav__PdpNavHeaderButtonLabel { display: flex; color: #2f353d; font-size: 0.875rem; } .CategoryNav__PdpNavHeaderButtonLabel::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-right: 0.3125rem; } [dir='rtl'] .CategoryNav__PdpNavHeaderButtonLabel::before { margin-right: 0; margin-left: 0.3125rem; transform: scale(-1, 1); } .CategoryNav__PdpNavTitle { flex-grow: 0; flex-shrink: 0; display: flex; align-items: center; height: 1.875rem; background-color: #6b6b7b; color: #fff; font-size: 0.875rem; line-height: 1; pointer-events: auto; padding: 0 1.125rem; box-sizing: border-box; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavTitle { padding: 0; width: 0; height: auto; overflow: hidden; background-color: transparent; color: #2f353d; font-size: 0.9375rem; transition-property: width; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavTitle { font-size: 1.5rem; } } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavTitleInner { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-family: 'SST W01 Medium', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 1.375rem; line-height: 1.18182; padding-right: 30px; white-space: nowrap; } } @media only screen and (min-width: 992px) and (max-width: 992px) { .CategoryNav__PdpNavTitleInner { font-size: 1.125rem; line-height: 1.22222; } } .CategoryNav__PdpNavContainer { overflow-x: hidden; overflow-y: auto; pointer-events: auto; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavContainer { display: flex; flex-direction: row; max-width: 75rem; width: 100%; overflow: visible; } } .CategoryNav__PdpNavList { margin: 0; padding: 0; background-color: #fff; list-style-type: none; pointer-events: auto; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavList { display: flex; overflow: visible; } } .CategoryNav__PdpNavList.-isSupport { background-color: #f1f5f9; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavList.-isSupport { display: none; visibility: hidden; } } .CategoryNav__PdpNavBack { position: fixed; z-index: 301; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; transition-property: visibility, opacity; transition-duration: 0.2s; transition-timing-function: linear; } .CategoryNav__PdpNavBack.-isVisible { visibility: visible; } .CategoryNav__PdpNavBuy { display: none; visibility: hidden; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavBuy { flex-shrink: 0; display: flex; align-items: center; margin-left: auto; visibility: visible; height: 2.625rem; } [dir='rtl'] .CategoryNav__PdpNavBuy { margin-left: 0; margin-right: auto; } } .CategoryNav__PdpNavBuyLink { box-sizing: border-box; display: inline-block; vertical-align: middle; margin-bottom: 0; border: 0.0625rem solid rgba(255, 255, 255, 0.4); border-radius: 0.0625rem; background-color: #d24615; transition: background-color 0.25s; font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; -webkit-font-smoothing: subpixel-antialiased; line-height: inherit; padding: 0.6875rem 1.5rem; font-size: 0.8125rem; min-width: 6.25rem; text-align: center; color: #fff; cursor: pointer; } .CategoryNav__PdpNavBuyLink:active { background-color: #d24615; } .CategoryNav__PdpNavBuyLink:focus { background-color: #d24615; outline: thin dotted #333; outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } .CategoryNav__PdpNavBuyLink:hover { background-color: #b0431c; } .CategoryNav__PdpNavBuyLink:hover, .CategoryNav__PdpNavBuyLink:active, .CategoryNav__PdpNavBuyLink:focus { color: white; text-decoration: none; } .CategoryNav__PdpNavBuyLink.-isDisabled, .CategoryNav__PdpNavBuyLink[disabled] { cursor: default; pointer-events: none; opacity: 0.65; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavBuyLink { height: 2.625rem; min-width: 8.5625rem; width: 100%; line-height: 1.384615; } } .CategoryNav__PdpNavBuyLink.-isDisabled, .CategoryNav__PdpNavBuyLink[disabled] { cursor: default; pointer-events: none; color: #646473; background-color: #e4e7eb; } .CategoryNav__PdpNavItem { position: relative; margin-right: 1rem; margin-left: 1rem; } .CategoryNav__PdpNavItem .CategoryNav__PdpNavExpanderLabel { font-family: inherit; } .CategoryNav__PdpNavItem .CategoryNav__PdpNavExpander { font-family: inherit; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavItem { margin-right: 0; margin-left: 0; height: 3.875rem; } } .CategoryNav__PdpNavItem:nth-child(n + 2) { border-top: 0.0625rem solid #d9d9d9; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavItem:nth-child(n + 2) { border-top-width: 0; } } .CategoryNav__PdpNavItem.-isCurrent::before { position: absolute; top: 0; bottom: 0; left: -1rem; border-left: 0.375rem solid #4a4a4a; content: ''; } [dir='rtl'] .CategoryNav__PdpNavItem.-isCurrent::before { left: auto; right: -1rem; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavItem.-isCurrent::before { top: auto; right: 0; bottom: 0; left: 0; border-bottom: 0.375rem solid #4a4a4a; border-left-width: 0; } } .CategoryNav__PdpNavItem__Additional { position: relative; margin-right: 1rem; margin-left: 1rem; } .CategoryNav__PdpNavItem__Additional .CategoryNav__PdpNavExpanderLabel { font-family: inherit; } .CategoryNav__PdpNavItem__Additional .CategoryNav__PdpNavExpander { font-family: inherit; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavItem__Additional { margin-right: 0; margin-left: 0; height: 3.875rem; } } .CategoryNav__PdpNavItem__Additional:nth-child(n + 2) { border-top: 0.0625rem solid #d9d9d9; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavItem__Additional:nth-child(n + 2) { border-top-width: 0; } } .CategoryNav__PdpNavItemSupport { display: none; } @media only screen and (max-width: 992px) { .CategoryNav__PdpNavItemSupport { display: block; } } .CategoryNav__PdpNavItemLink { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; color: #2f353d; font-size: 0.875rem; line-height: 1.2; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavItemLink { justify-content: flex-start; padding: 0 0.9375rem; min-height: 3.875rem; font-size: 0.9375rem; line-height: 1.466666; transition-property: background-color; transition-duration: 0.1s; max-width: 8.125rem; } .-isJp .CategoryNav__PdpNavItemLink { font-size: 0.875rem; line-height: 1.357142; } } .CategoryNav__PdpNavItemLink:hover { text-decoration: none; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavItemLink:hover { background: #e7e9ed; color: #2f353d; } } .CategoryNav__PdpNavItemLink::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; font-size: 0.8125rem; margin-right: -0.1875rem; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavItemLink::after { font-size: 0.9375rem; } } [dir='rtl'] .CategoryNav__PdpNavItemLink::after { margin-right: 0; margin-left: -0.1875rem; transform: scale(-1, 1); } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavItemLink::after { content: none; } } .CategoryNav__PdpNavItemLink[target='_blank'] .CategoryNav__PdpNavItemLinkLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; height: 1.125rem; width: 1.125rem; padding-left: 0.5em; } [dir='rtl'] .CategoryNav__PdpNavItemLink[target='_blank'] .CategoryNav__PdpNavItemLinkLabel::after { padding-left: 0; padding-right: 0.5em; } .CategoryNav__PdpNavExpander { display: block; border-width: 0; padding: 0; width: 100%; background-color: transparent; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavExpander { height: 3.375rem; transition-property: background-color; transition-duration: 0.1s; } } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavExpander { height: 4rem; } } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavExpander:hover { background-color: #e7e9ed; color: #2f353d; } } .CategoryNav__PdpNavExpander.-isActive { background-color: #e8edf3; } .CategoryNav__PdpNavExpander * { pointer-events: none; } .CategoryNav__PdpNavExpanderLabel { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; color: #2f353d; font-size: 0.875rem; line-height: 1.2; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavExpanderLabel { justify-content: flex-start; padding: 0 0.75rem; height: 3.375rem; font-size: 0.75rem; } } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavExpanderLabel { padding: 0 0.9375rem; height: 4rem; font-size: 0.9375rem; line-height: 1.266667; } } .CategoryNav__PdpNavExpanderLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; font-size: 0.8125rem; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavExpanderLabel::after { font-size: 0.9375rem; } } [dir='rtl'] .CategoryNav__PdpNavExpanderLabel::after { transform: scale(-1, 1); } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavExpanderLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } [dir='rtl'] .CategoryNav__PdpNavExpanderLabel::after { margin-left: 0; margin-right: 0.5em; transform: none; } } .CategoryNav__PdpChild { position: fixed; z-index: 1; top: 0; right: -100%; bottom: 0; left: 100%; visibility: hidden; opacity: 0; transition-property: visibility, opacity; transition-duration: 0.2s; transition-timing-function: linear; pointer-events: none; } @media only screen and (min-width: 992px) { .CategoryNav__PdpChild { position: absolute; top: auto; right: auto; bottom: auto; left: 0; height: 0; overflow: hidden; visibility: hidden; box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.5); background-color: #fff; opacity: 1; transition-property: visibility, height, box-shadow; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); pointer-events: auto; } } .CategoryNav__PdpChild.-isVisible { visibility: visible; opacity: 1; } @media only screen and (min-width: 992px) { .CategoryNav__PdpChild.-isVisible { height: auto; visibility: visible; box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.5); } } .CategoryNav__PdpChildNav { display: flex; flex-direction: column; visibility: hidden; transition-property: visibility; transition-duration: 0.2s; transition-timing-function: linear; } @media only screen and (min-width: 992px) { .CategoryNav__PdpChildNav { display: block; height: auto; visibility: visible; transition-property: none; } } .CategoryNav__PdpChildNav.-isCurrent { visibility: visible; } .CategoryNav__PdpChildNavHeader { flex-grow: 0; flex-shrink: 0; display: flex; background-color: #f0f0f0; font-size: 0.875rem; font-family: "SST W01 Medium", sans-serif; pointer-events: auto; } @media only screen and (min-width: 992px) { .CategoryNav__PdpChildNavHeader { display: none; visibility: hidden; } } .CategoryNav__PdpChildNavHeaderButton { border-width: 0; padding: 0.75rem 1rem; width: 100%; background-color: transparent; } .CategoryNav__PdpChildNavHeaderButtonLabel { display: flex; color: #2f353d; font-size: 0.875rem; } .CategoryNav__PdpChildNavHeaderButtonLabel::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-right: 0.3125rem; } [dir='rtl'] .CategoryNav__PdpChildNavHeaderButtonLabel::before { margin-right: 0; margin-left: 0.3125rem; transform: scale(-1, 1); } .CategoryNav__PdpChildNavTitle { flex-grow: 0; flex-shrink: 0; display: flex; align-items: center; height: 1.875rem; background-color: #6b6b7b; color: #fff; font-size: 0.875rem; line-height: 1; pointer-events: auto; padding: 0 1.125rem; box-sizing: border-box; } @media only screen and (min-width: 992px) { .CategoryNav__PdpChildNavTitle { display: none; visibility: hidden; } } .CategoryNav__PdpChildNavList { margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; background-color: #fff; list-style-type: none; pointer-events: auto; } .CategoryNav__PdpChildNavItem { position: relative; margin-right: 0.9375rem; margin-left: 0.9375rem; } @media only screen and (min-width: 992px) { .CategoryNav__PdpChildNavItem { margin-right: 0; margin-left: 0; } } .CategoryNav__PdpChildNavItem:nth-child(n + 2) { border-top: 0.0625rem solid #d9d9d9; } .CategoryNav__PdpChildNavItem.-isCurrent::before { position: absolute; top: 0; bottom: 0; left: -0.9375rem; border-left: 0.375rem solid #4a4a4a; content: ''; } [dir='rtl'] .CategoryNav__PdpChildNavItem.-isCurrent::before { left: auto; right: -0.9375rem; } @media only screen and (min-width: 992px) { .CategoryNav__PdpChildNavItem.-isCurrent::before { left: 0; } [dir='rtl'] .CategoryNav__PdpChildNavItem.-isCurrent::before { left: auto; right: 0; } } .CategoryNav__PdpChildNavItemLink { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; color: #2f353d; font-size: 0.875rem; line-height: 1.2; } @media only screen and (min-width: 992px) { .CategoryNav__PdpChildNavItemLink { padding: 1.0625rem 1.5rem; height: auto; font-size: 0.8125rem; line-height: 1; white-space: nowrap; transition-property: background-color; transition-duration: 0.1s; } } .CategoryNav__PdpChildNavItemLink:hover { text-decoration: none; } @media only screen and (min-width: 992px) { .CategoryNav__PdpChildNavItemLink:hover { background-color: #e8edf3; color: #2f353d; } } .CategoryNav__PdpChildNavItemLink::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; font-size: 0.8125rem; } @media only screen and (min-width: 992px) { .CategoryNav__PdpChildNavItemLink::after { font-size: 0.9375rem; } } [dir='rtl'] .CategoryNav__PdpChildNavItemLink::after { transform: scale(-1, 1); } @media only screen and (min-width: 992px) { .CategoryNav__PdpChildNavItemLink::after { margin-left: 1.5rem; } [dir='rtl'] .CategoryNav__PdpChildNavItemLink::after { margin-left: 0; margin-right: 1.5rem; } } .CategoryNav__HelpListItemButton { background: none; border: 0; cursor: pointer; outline: none; padding: 0; border-radius: 0; font: inherit; appearance: none; display: block; width: 100%; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemButton { height: 100%; margin-left: auto; padding: 0.3125rem 0; text-align: right; font-size: 0.75rem; line-height: 1.5; transition-property: background-color; transition-duration: 0.25s; } .CategoryNav__HelpListItemButton.-isActive { background-color: #e8edf3; color: #2f353d; } .CategoryNav__HelpListItemButton:hover { background-color: #e7e9ed; color: #2f353d; } .CategoryNav__HelpListItemButton * { pointer-events: none; } } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemButton { padding: 0 0.5rem; height: 100%; margin: 0; } } .CategoryNav__HelpListItemButtonLabel { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; color: #2f353d; font-size: 0.875rem; line-height: 1.2; text-align: left; } [dir='rtl'] .CategoryNav__HelpListItemButtonLabel { text-align: right; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemButtonLabel { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.75rem; line-height: 1.5; height: 100%; padding: 0; line-height: 1.5; color: #2f353d; } } @media only screen and (min-width: 992px) and (max-width: 992px) { .CategoryNav__HelpListItemButtonLabel { font-size: 0.625rem; line-height: 1.3; } } .CategoryNav__HelpListItemButtonLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; font-size: 0.8125rem; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemButtonLabel::after { font-size: 0.9375rem; } } [dir='rtl'] .CategoryNav__HelpListItemButtonLabel::after { transform: scale(-1, 1); } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemButtonLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; font-size: 0.75em; margin-left: 0.5em; margin-right: 0; } [dir='rtl'] .CategoryNav__HelpListItemButtonLabel::after { margin-left: 0; margin-right: 0.5em; } } .CategoryNav__HelpListItemChild { position: fixed; z-index: 1; top: 0; right: -100%; bottom: 0; left: 100%; width: 100%; visibility: hidden; opacity: 0; transition-property: visibility, opacity, translateX; transition-duration: 0.2s; transition-timing-function: linear; pointer-events: none; } .CategoryNav__HelpListItemChild.-isHidden { visibility: hidden; transform: translateX(-100%); } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemChild { position: absolute; top: 100%; right: 0; bottom: auto; left: auto; height: 0; width: auto; margin-top: 0.0625rem; overflow: hidden; background-color: #fff; box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.5); opacity: 1; visibility: visible; transition-property: height; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); pointer-events: auto; z-index: 304; } [dir='rtl'] .CategoryNav__HelpListItemChild { right: auto; left: 0; } } .CategoryNav__HelpListItemChild.-isVisible { visibility: visible; opacity: 1; } .CategoryNav__HelpListItemChildNav { display: flex; flex-direction: column; visibility: hidden; transition-property: visibility; transition-duration: 0.2s; transition-timing-function: linear; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemChildNav { display: block; height: auto; visibility: visible; transition-property: none; } } .CategoryNav__HelpListItemChildNav.-isCurrent { visibility: visible; } .CategoryNav__HelpListItemChildNavHeader { flex-grow: 0; flex-shrink: 0; display: flex; background-color: #f0f0f0; font-size: 0.875rem; font-family: "SST W01 Medium", sans-serif; pointer-events: auto; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemChildNavHeader { display: none; visibility: hidden; } } .CategoryNav__HelpListItemChildNavHeaderButton { border-width: 0; padding: 0.75rem 1rem; width: 100%; background-color: transparent; } .CategoryNav__HelpListItemChildNavHeaderButton > span { display: flex; color: #2f353d; font-size: 0.875rem; } .CategoryNav__HelpListItemChildNavHeaderButton > span::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-right: 0.3125rem; } .CategoryNav__HelpListItemChildNavTitle { flex-grow: 0; flex-shrink: 0; display: flex; align-items: center; height: 1.875rem; background-color: #6b6b7b; color: #fff; font-size: 0.875rem; line-height: 1; pointer-events: auto; padding: 0 1.125rem; box-sizing: border-box; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemChildNavTitle { display: none; visibility: hidden; } } .CategoryNav__HelpListItemChildNavList { margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; background-color: #fff; list-style-type: none; pointer-events: auto; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemChildNavList { top: 100%; } } .CategoryNav__HelpListItemChildNavListItem { position: relative; margin-right: 0.9375rem; margin-left: 0.9375rem; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemChildNavListItem { margin-right: 0; margin-left: 0; } } .CategoryNav__HelpListItemChildNavListItem:nth-child(n + 2) { border-top: 0.0625rem solid #d9d9d9; } .CategoryNav__HelpListItemChildNavListItem.-isCurrent::before { position: absolute; top: 0; bottom: 0; left: -0.9375rem; border-left: 0.375rem solid #4a4a4a; content: ''; } .CategoryNav__HelpListItemChildNavListItem > a { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; color: #2f353d; font-size: 0.875rem; line-height: 1.2; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemChildNavListItem > a { padding: 1.0625rem 1.5rem; height: auto; font-size: 0.75rem; line-height: 1; white-space: nowrap; transition-property: background-color; transition-duration: 0.1s; } } .CategoryNav__HelpListItemChildNavListItem > a:hover { text-decoration: none; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemChildNavListItem > a:hover { background-color: #e8edf3; color: #2f353d; } } .CategoryNav__HelpListItemChildNavListItem > a::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; font-size: 0.8125rem; } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemChildNavListItem > a::after { font-size: 0.9375rem; } } [dir='rtl'] .CategoryNav__HelpListItemChildNavListItem > a::after { transform: scale(-1, 1); } @media only screen and (min-width: 992px) { .CategoryNav__HelpListItemChildNavListItem > a::after { margin-left: 1.5rem; } [dir='rtl'] .CategoryNav__HelpListItemChildNavListItem > a::after { margin-left: 0; margin-right: 1.5rem; } } .CategoryNav__HelpListItemChildNavListItem > a[target='_blank'] .CategoryNav__HelpListItemChildNavListItemLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-left: 0.5em; } [dir='rtl'] .CategoryNav__HelpListItemChildNavListItem > a[target='_blank'] .CategoryNav__HelpListItemChildNavListItemLabel::after { padding-left: 0; padding-right: 0.5em; } .RecentlyViewedProducts__Inner { margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; position: relative; box-sizing: content-box; } @media only screen and (max-width: 992px) { .RecentlyViewedProducts__Inner { overflow: hidden; } } @media only screen and (min-width: 992px) { .RecentlyViewedProducts__Inner { max-width: 1200px; padding-right: 2.5rem; padding-left: 2.5rem; } } .RecentlyViewedProducts__Headline { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 1.125rem; line-height: 1.44444; letter-spacing: 0.01rem; line-height: 1.444444; margin-top: 0; margin-bottom: 0.9375rem; } @media only screen and (min-width: 992px) { .RecentlyViewedProducts__Headline { font-size: 1.375rem; margin-bottom: 1.875rem; line-height: 1.181818; } } .RecentlyViewedProducts__Swiper { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding-top: 0; padding-bottom: 0; z-index: 1; touch-action: pan-y; position: static; } .RecentlyViewedProducts__Swiper [class*='__Wrapper'] { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .RecentlyViewedProducts__Swiper [class*='__Slide'] { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } @media only screen and (max-width: 992px) { .RecentlyViewedProducts__Swiper { overflow: visible; } } .RecentlyViewedProducts__Swiper .RecentlyViewedProducts__Slide { width: calc(33.33333% - 20px); } @media only screen and (min-width: 992px) { .RecentlyViewedProducts__Swiper .RecentlyViewedProducts__Slide { width: calc(16.66667% - 15px * 2); } } .RecentlyViewedProducts__Wrapper { width: auto; } .RecentlyViewedProducts__NextButton, .RecentlyViewedProducts__PrevButton { border: 0; border-radius: 0.25rem; background-color: rgba(0, 0, 0, 0.43); color: #fff; cursor: pointer; transition-duration: 0.3s; position: absolute; font-size: 0.75rem; top: 35%; width: 2rem; height: 3rem; z-index: 1; } .RecentlyViewedProducts__NextButton.swiper-button-disabled, .RecentlyViewedProducts__PrevButton.swiper-button-disabled { cursor: default; opacity: 0; } @media only screen and (min-width: 992px) { .RecentlyViewedProducts__NextButton, .RecentlyViewedProducts__PrevButton { position: absolute; z-index: 1; display: block; width: 2rem; height: 3rem; top: -25px; bottom: 0; margin: auto; } } .RecentlyViewedProducts__PrevButton { left: -0.3125rem; } [dir='rtl'] .RecentlyViewedProducts__PrevButton { left: auto; right: -0.3125rem; transform: scale(-1, 1); } .RecentlyViewedProducts__NextButton { right: -0.3125rem; } [dir='rtl'] .RecentlyViewedProducts__NextButton { right: auto; left: -0.3125rem; transform: scale(-1, 1); } .RecentlyViewedProducts__Pagination { text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); height: auto; } .RecentlyViewedProducts__Bullet { appearance: none; display: inline-block; width: 0.5rem; height: 0.5rem; margin: 0 0.25rem; padding: 0; border: none; box-shadow: none; border-radius: 100%; background-color: #bcbcca; cursor: pointer; margin-top: 1.25rem; } .RecentlyViewedProducts__Bullet.-active { opacity: 1; background-color: #31353d; transform: scale(1.5); transform-origin: bottom; } @media only screen and (min-width: 992px) { .RecentlyViewedProducts__Bullet { margin-top: 1.875rem; } } .RecentlyViewedProducts__Bullet:only-child { display: none; } .RecentlyViewedProducts__Item { display: block; } .RecentlyViewedProducts__ItemLink { background-color: #f2f5f9; color: #2f353d; display: block; } @media only screen and (min-width: 992px) { .RecentlyViewedProducts__ItemLink { transition-property: background-color; transition-duration: 0.2s; } } .RecentlyViewedProducts__ItemLink:hover { background-color: #f2f5f9; color: #2f353d; text-decoration: none; } @media only screen and (min-width: 992px) { .RecentlyViewedProducts__ItemLink:hover { background-color: #e8edf3; } } .RecentlyViewedProducts__Image { box-sizing: border-box; display: block; max-width: 100%; max-height: 100%; margin: 0 auto; padding: 0.625rem; } @media only screen and (min-width: 992px) { .RecentlyViewedProducts__Image { max-height: 8.3125rem; } } @media only screen and (max-width: 992px) { .RecentlyViewedProducts__Image { height: 6.4375rem; } } .RecentlyViewedProducts__ProductName { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.75rem; line-height: 1.5; padding-top: 0.5rem; background-color: #fff; margin-bottom: auto; } @media only screen and (max-width: 992px) { .RecentlyViewedProducts__ProductName { font-size: 0.625rem; line-height: 1.3; } } .RecentlyViewedProducts__ProductCode { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; color: #2f353d; background-color: #fff; font-weight: bold; word-break: break-all; } @media only screen and (max-width: 992px) { .RecentlyViewedProducts__ProductCode { font-size: 0.6875rem; line-height: 1.36364; } } .RecentlyViewedProducts__ProductCode::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } [dir='rtl'] .RecentlyViewedProducts__ProductCode::after { margin-left: 0; margin-right: 0.5em; transform: scale(-1, 1); } @media only screen and (max-width: 992px) { .RecentlyViewedProducts__ProductCode { word-break: break-word; } } .component.SonyStoreCommonLink { max-width: 75rem; margin: auto; padding-right: 1.875rem; padding-left: 1.875rem; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__Inner { padding: 1.25rem; } } .SonyStoreCommonLink__InnerContainer { border-top: 0.0625rem solid #ccc; border-bottom: 0.0625rem solid #ccc; padding-bottom: 1.875rem; padding-top: 1.875rem; width: 100%; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__InnerContainer { padding-bottom: 1.25rem; padding-top: 1.25rem; } } .SonyStoreCommonLinks__Header { display: flex; margin-bottom: 1.0625rem; } @media only screen and (max-width: 992px) { .SonyStoreCommonLinks__Header { flex-direction: column; margin-bottom: 0.625rem; } } .SonyStoreCommonLinks__Title { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-family: 'SST W01 Medium', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 1.375rem; line-height: 1.18182; color: #2f353d; font-weight: bold; margin: 0; } @media only screen and (max-width: 992px) { .SonyStoreCommonLinks__Title { font-size: 1.125rem; line-height: 1.22222; } } .SonyStoreCommonLinks__Subtitle { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; margin-left: auto; } @media only screen and (max-width: 992px) { .SonyStoreCommonLinks__Subtitle { font-size: 0.6875rem; line-height: 1.36364; } } @media only screen and (max-width: 992px) { .SonyStoreCommonLinks__Subtitle { margin-left: 0; } } .SonyStoreCommonLinks__InformationLabel { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.75rem; line-height: 1.5; font-weight: bold; color: #3865e0; text-decoration: none; } @media only screen and (max-width: 992px) { .SonyStoreCommonLinks__InformationLabel { font-size: 0.625rem; line-height: 1.3; } } .SonyStoreCommonLinks__InformationLabel:hover, .SonyStoreCommonLinks__InformationLabel:active { color: #34568e; outline: 0; text-decoration: underline; } .SonyStoreCommonLinks__InformationLabel:focus { outline: thin dotted #333; outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } .SonyStoreCommonLinks__InformationLabel .SonyStoreCommonLink__Link { color: #2f353d; text-decoration: none; } .SonyStoreCommonLinks__InformationLabel .SonyStoreCommonLink__Link::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .SonyStoreCommonLinks__InformationLabel .SonyStoreCommonLink__Link:hover { color: #6491ff; text-decoration: underline; } .SonyStoreCommonLink__MainMenuContainer { display: flex; justify-content: space-between; margin-top: 1.875rem; font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.9375rem; line-height: 1.46667; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__MainMenuContainer { font-size: 0.75rem; line-height: 1.5; } } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__MainMenuContainer { flex-direction: column; margin-top: 1.25rem; } } .SonyStoreCommonLink__MainMenuContent { width: 100%; } @media only screen and (min-width: 992px) { .SonyStoreCommonLink__MainMenuContent { margin-left: 15px; margin-right: 15px; margin-right: unset; max-width: 23.75rem; } .-col4span .SonyStoreCommonLink__MainMenuContent { width: 33.33333%; } .SonyStoreCommonLink__MainMenuContent:first-child { margin-left: 0; } } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__MainMenuContent { margin-left: 0; margin-bottom: 1.25rem; } } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink { color: #2f353d; text-decoration: none; font-weight: bold; display: inline-flex; align-items: center; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink { font-size: 0.8125rem; line-height: 1.53846; } } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink .SonyStoreCommonLink__Icon_hover { display: none; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink:hover { color: #6491ff; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink:hover .SonyStoreCommonLink__Icon_default { display: none; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink:hover .SonyStoreCommonLink__Icon_hover { display: block; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink:hover .SonyStoreCommonLink__MainMenuLinkText { text-decoration: underline; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLinkText { margin-left: 0.625rem; font-size: 0.9375rem; } .SonyStorePurchaseLead__TitleContainer .SonyStoreCommonLink__Icon_default { vertical-align: inherit; } .SonyStoreCommonLink__ImageContainer { display: inline-block; } .SonyStoreCommonLink__ImageContainer .SonyStoreCommonLink__Icon_default, .SonyStoreCommonLink__ImageContainer .SonyStoreCommonLink__Icon_hover { margin-right: 0.5rem; height: 1.5625rem; } .SonyStoreCommonLink__SingleLineText { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.9375rem; line-height: 1.46667; margin-top: 0.625rem; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SingleLineText { font-size: 0.75rem; line-height: 1.5; } } .SonyStoreCommonLink__SearchContainer { margin-top: 1.875rem; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SearchContainer { margin-top: 0rem; } } .SonyStoreCommonLink__SearchHeading { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.9375rem; line-height: 1.46667; color: #2f353d; margin: 0; font-weight: bold; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SearchHeading { font-size: 0.75rem; line-height: 1.5; } } .SonyStoreCommonLink__Input { position: relative; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__Input { overflow: hidden; } } @media only screen and (min-width: 992px) { .SonyStoreCommonLink__Input { max-width: 75rem; width: 100%; } } .SonyStoreCommonLink__Input input { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 1.125rem; line-height: 1.44444; line-height: 2.5rem; box-sizing: border-box; display: block; width: 100%; height: 3.75rem; border: solid 0.0625rem #ccc; padding: 0 1.25rem; color: #2f353d; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__Input input { font-size: 0.8125rem; line-height: 1.53846; } } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__Input input { width: 133%; height: 3.375rem; line-height: 1; max-width: none; padding: 1rem 1.25rem 1.25rem; font-size: initial; transform: scale(0.75); transform-origin: top left; } } .SonyStoreCommonLink__SearchButtonClear { background: none; border: 0; cursor: pointer; outline: none; padding: 0; border-radius: 0; font: inherit; appearance: none; position: absolute; top: 0; right: 3.75rem; width: 3.75rem; height: 3.75rem; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SearchButtonClear { right: 2.5rem; width: 2.5rem; height: 2.5rem; } } .SonyStoreCommonLink__SearchButton { position: absolute; right: 0; top: 0; width: 3.75rem; height: 3.75rem; border: 0; appearance: none; cursor: pointer; background: #2d75c7; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SearchButton { padding: 0; width: 2.5rem; height: 2.5rem; } } .SonyStoreCommonLink__SearchIcon { color: #fff; font-size: 1.375rem; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SearchIcon { font-size: 1.125rem; } } .SonyStoreCommonLink__SearchIcon.-close { color: #6b6b7b; font-size: 1.125rem; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SearchIcon.-close { font-size: 0.875rem; } } .SonyStoreCommonLink__SubMenuContainer { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.75rem; line-height: 1.5; display: flex; flex-flow: row wrap; margin-top: 2.1875rem; font-weight: bold; justify-content: space-between; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SubMenuContainer { font-size: 0.625rem; line-height: 1.3; } } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SubMenuContainer { flex-direction: column; margin-top: 1.5625rem; } } @media only screen and (min-width: 992px) { .SonyStoreCommonLink__SubMenuContent { margin-bottom: 0.625rem; } } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SubMenuContent { width: 100%; } } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SubMenuContent { margin-bottom: 0.9375rem; } } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink { color: #2f353d; text-decoration: none; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink .SonyStoreCommonLink__Icon_hover { display: none; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink .SonyStoreCommonLink__Icon_default { height: 0.9375rem; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink:hover { color: #6491ff; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink:hover .SonyStoreCommonLink__Icon_hover { display: block; height: 0.9375rem; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink:hover .SonyStoreCommonLink__Icon_default { display: none; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLinkText { margin-left: 0.5rem; vertical-align: top; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLinkText { font-size: 0.6875rem; line-height: 1.454545; } } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLinkText:hover { text-decoration: underline; } .SonyStoreCommonLink__LinkText { display: contents; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__LinkText { font-size: 0.6875rem; line-height: 1.454545; } } .RelatedContents__Inner { width: 17.5rem; margin: 1.09375rem auto; } @media only screen and (min-width: 992px) { .RelatedContents__Inner { max-width: 1200px; width: 100%; } } .RelatedContents__Title { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-family: 'SST W01 Medium', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 1.375rem; line-height: 1.18182; font-weight: bold; font-family: "SST W01 Medium", sans-serif; } @media only screen and (max-width: 992px) { .RelatedContents__Title { font-size: 1.125rem; line-height: 1.22222; } } @media only screen and (max-width: 992px) { .RelatedContents__Title { margin-right: auto; top: 0.625rem; left: 0.625rem; width: 15.75rem; height: 1.3125rem; text-align: left; } } .RelatedContents__Content { display: flex; justify-content: flex-start; flex-wrap: wrap; } @media only screen and (max-width: 992px) { .RelatedContents__Content { flex-direction: column; align-content: center; } } .RelatedContents__Container { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-family: 'SST W01 Medium', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 0.9375rem; line-height: 1.46667; color: #2f353d; text-decoration: none; } @media only screen and (max-width: 992px) { .RelatedContents__Container { font-size: 0.875rem; line-height: 1.5; } } .RelatedContents__Container:hover { cursor: pointer; color: #6491ff; } .RelatedContents__Container:hover .RelatedContents__LinkLabel { color: #6491ff; font-family: "SST W01 Medium", sans-serif; text-decoration: underline; } @media only screen and (min-width: 992px) { .RelatedContents__Container { margin-right: auto; } } @media only screen and (max-width: 992px) { .RelatedContents__Container { justify-content: center; } } .RelatedContents__ContentInner { display: flex; flex-direction: column; margin-right: 1.25rem; padding-bottom: 1.4375rem; } .RelatedContents__ContentInner .-isHidden { display: none; } .RelatedContents__ContentInner .RelatedContents__LinkLabel { margin-top: 0.75rem; } .RelatedContents__ContentInner .RelatedContents__LinkLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .RelatedContents__ContentInner:hover { cursor: pointer; color: #6491ff; } .RelatedContents__ContentInner:hover .RelatedContents__LinkLabel, .RelatedContents__ContentInner:hover .RelatedContents__ButtonBlankIcon { color: #6491ff; font-family: "SST W01 Medium", sans-serif; text-decoration: underline; } .RelatedContents__ContentInner .RelatedContents__Text { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-family: 'SST W01 Medium', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-size: 0.9375rem; line-height: 1.46667; font-family: "SST W01 Medium", sans-serif; color: #2f353d; text-decoration: none; max-width: 17.375rem; } @media only screen and (max-width: 992px) { .RelatedContents__ContentInner .RelatedContents__Text { font-size: 0.875rem; line-height: 1.5; } } .RelatedContents__ContentInner .RelatedContents__Text:hover { cursor: pointer; color: #6491ff; } .RelatedContents__ContentInner .RelatedContents__Text:hover .RelatedContents__LinkLabel { color: #6491ff; font-family: "SST W01 Medium", sans-serif; text-decoration: underline; } @media only screen and (max-width: 992px) { .RelatedContents__ContentInner .RelatedContents__Text { margin-left: 0.9375rem; } } @media only screen and (max-width: 992px) { .RelatedContents__ContentInner { flex-direction: row; margin-bottom: 1.25rem; } } a[data-is-open-in-new-window='true'] .RelatedContents__ButtonBlankIcon::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; } .RelatedContents__ImageContainer { display: block; width: 100%; height: auto; } .RelatedContents__Image { display: block; max-height: 100%; max-width: 100%; box-sizing: border-box; width: 17.375rem; height: auto; } @media only screen and (max-width: 992px) { .RelatedContents__Image { width: 7.75rem; } } @media only screen and (min-width: 992px) { .RelatedContents__Image { height: 11.0625rem; } } .RelatedContents__ButtonContainer { display: flex; margin-top: 1.6875rem; justify-content: center; } .RelatedContents__ButtonContainer.-isHidden { display: none; } .RelatedContents__SeeMoreButton, .RelatedContents__SeeLessButton { box-sizing: border-box; display: inline-block; vertical-align: middle; margin-bottom: 0; border: 0.0625rem solid rgba(255, 255, 255, 0.4); border-radius: 0.0625rem; background-color: #2d75c7; transition: background-color 0.25s; font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; -webkit-font-smoothing: subpixel-antialiased; line-height: inherit; padding: 0.625rem 1.25rem; font-size: 0.75rem; min-width: 5.75rem; line-height: 1.2375; text-align: center; color: #fff; cursor: pointer; padding: 0.625rem; width: 7.1875rem; height: 2.125rem; font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 0.75rem; line-height: 1.5; letter-spacing: 0.01rem; line-height: 1; color: #fff; } .RelatedContents__SeeMoreButton:active, .RelatedContents__SeeLessButton:active { background-color: #6694ff; } .RelatedContents__SeeMoreButton:focus, .RelatedContents__SeeLessButton:focus { background-color: #6694ff; outline: thin dotted #333; outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } .RelatedContents__SeeMoreButton:hover, .RelatedContents__SeeLessButton:hover { background-color: #34568e; } .RelatedContents__SeeMoreButton:hover, .RelatedContents__SeeMoreButton:active, .RelatedContents__SeeMoreButton:focus, .RelatedContents__SeeLessButton:hover, .RelatedContents__SeeLessButton:active, .RelatedContents__SeeLessButton:focus { color: white; text-decoration: none; } .RelatedContents__SeeMoreButton.-isDisabled, .RelatedContents__SeeMoreButton[disabled], .RelatedContents__SeeLessButton.-isDisabled, .RelatedContents__SeeLessButton[disabled] { cursor: default; pointer-events: none; opacity: 0.65; } @media only screen and (min-width: 992px) { .RelatedContents__SeeMoreButton, .RelatedContents__SeeLessButton { width: 12.375rem; } } @media only screen and (max-width: 992px) { .RelatedContents__SeeMoreButton, .RelatedContents__SeeLessButton { height: 2.75rem; } } .RelatedContents__SeeMoreButton.-isHidden, .RelatedContents__SeeLessButton.-isHidden { display: none; } .RelatedContents__SeeMoreButtonLabel::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-right: 0.3125rem; } .RelatedContents__SeeLessButtonLabel::before { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; padding-right: 0.3125rem; } .CategoryHeading { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 1.375rem; line-height: 1.36364; letter-spacing: 0.05rem; display: block; margin-top: 32px; margin-bottom: 22px; padding: 0 20px; color: #2f353d; } @media only screen and (min-width: 992px) { .CategoryHeading { max-width: 75rem; padding: 0 30px; margin-right: auto; margin-left: auto; } } .CategorySubHeading { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 1.125rem; line-height: 1.44444; letter-spacing: 0.01rem; display: block; margin-top: 22px; margin-bottom: 0.75rem; padding: 0 20px; line-height: 1; } .CategoryHeading .CategorySubHeading { margin-top: 0; } @media only screen and (min-width: 992px) { .CategorySubHeading { max-width: 75rem; padding: 0 30px; margin-right: auto; margin-left: auto; margin-bottom: 1.25rem; } } .ExhibitionProduct { padding-top: 1.25rem; padding-bottom: 1.25rem; } @media only screen and (min-width: 992px) { .ExhibitionProduct { padding-top: 1.875rem; padding-bottom: 1.875rem; } } .ExhibitionProduct__Inner { margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; } @media only screen and (min-width: 992px) { .ExhibitionProduct__Inner { max-width: 1200px; padding-right: 30px; padding-left: 30px; } } .ProductSummary .ExhibitionProduct__Inner, .ProductGalleryList .ExhibitionProduct__Inner { padding-right: 0; padding-left: 0; } .ExhibitionProduct__Content { display: flex; flex-direction: column; padding: 0.9375rem; border: solid 0.0625rem #83838e; border-radius: 0.3125rem; } @media only screen and (min-width: 992px) { .ExhibitionProduct__Content { padding: 1.25rem; flex-direction: row; align-items: center; } } .ExhibitionProduct__Header { margin: 0 0 0.5rem; } @media only screen and (min-width: 992px) { .ExhibitionProduct__Header { flex-grow: 1; margin: 0 1.25rem 0 0; } } .ExhibitionProduct__Heading { display: flex; align-items: center; } .ExhibitionProduct__Headline { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 1.125rem; line-height: 1.44444; letter-spacing: 0.01rem; font-size: 1.375rem; font-weight: 600; margin: 0; } @media only screen and (max-width: 992px) { .ExhibitionProduct__Headline { font-size: 0.9375rem; } } .ExhibitionProduct__SubHeadline { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.9375rem; line-height: 1.46667; margin: 0.625rem 0 0; } @media only screen and (max-width: 992px) { .ExhibitionProduct__SubHeadline { font-size: 0.75rem; line-height: 1.5; } } .ExhibitionProduct__ListLink { color: #6491ff; text-decoration: none; font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.75rem; line-height: 1.5; padding-left: 1em; } .ExhibitionProduct__ListLink:hover, .ExhibitionProduct__ListLink:active { color: #6491ff; outline: 0; text-decoration: underline; } .ExhibitionProduct__ListLink:focus { outline: thin dotted #333; outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } @media only screen and (max-width: 992px) { .ExhibitionProduct__ListLink { font-size: 0.625rem; line-height: 1.3; } } .ExhibitionProduct__ListLink::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .ExhibitionProduct__Item { flex-grow: 2; } .ExhibitionProduct__ItemLink { color: #6491ff; text-decoration: none; display: block; } .ExhibitionProduct__ItemLink:hover, .ExhibitionProduct__ItemLink:active { color: #6491ff; outline: 0; text-decoration: underline; } .ExhibitionProduct__ItemLink:focus { outline: thin dotted #333; outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } .ExhibitionProduct__ItemProduct { display: flex; align-items: center; } .ExhibitionProduct__ImageContainer { max-width: 4.5rem; margin-right: 0.9375rem; flex-shrink: 0; } .ExhibitionProduct__Image { display: block; width: 100%; } .ExhibitionProduct__ItemProductName { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; font-size: 0.9375rem; line-height: 1.468; margin: 0; } @media only screen and (max-width: 992px) { .ExhibitionProduct__ItemProductName { font-size: 0.6875rem; line-height: 1.36364; } } .ExhibitionProduct__ItemProductName::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } a:hover .ExhibitionProduct__ItemProductName { color: #6491ff; } .ExhibitionCategoryTop { padding-top: 1.25rem; padding-bottom: 1.25rem; } @media only screen and (min-width: 992px) { .ExhibitionCategoryTop { padding-top: 1.875rem; padding-bottom: 1.875rem; } } .ExhibitionCategoryTop__Inner { margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; } @media only screen and (min-width: 992px) { .ExhibitionCategoryTop__Inner { max-width: 1200px; padding-right: 30px; padding-left: 30px; } } .ExhibitionCategoryTop__BorderBox { padding: 0.9375rem; border: solid 0.0625rem #83838e; border-radius: 0.3125rem; } @media only screen and (min-width: 992px) { .ExhibitionCategoryTop__BorderBox { padding: 1.25rem; } } .ExhibitionCategoryTop__Header { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0.625rem; } @media only screen and (min-width: 992px) { .ExhibitionCategoryTop__Header { margin-bottom: 0.9375rem; } } .ExhibitionCategoryTop__Heading { display: flex; flex-direction: column; align-items: flex-start; } @media only screen and (min-width: 992px) { .ExhibitionCategoryTop__Heading { flex-direction: row; align-items: center; } } .ExhibitionCategoryTop__Headline { font-family: 'SST W01 Bold', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; color: #2f353d; font-size: 1.125rem; line-height: 1.44444; letter-spacing: 0.01rem; font-weight: 600; margin: 0 1em 0 0; } .ExhibitionCategoryTop__SubHeadline { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.9375rem; line-height: 1.46667; } @media only screen and (max-width: 992px) { .ExhibitionCategoryTop__SubHeadline { font-size: 0.75rem; line-height: 1.5; } } .ExhibitionCategoryTop__ListLink { color: #6491ff; text-decoration: none; font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.75rem; line-height: 1.5; margin-left: auto; padding-left: 1em; } .ExhibitionCategoryTop__ListLink:hover, .ExhibitionCategoryTop__ListLink:active { color: #6491ff; outline: 0; text-decoration: underline; } .ExhibitionCategoryTop__ListLink:focus { outline: thin dotted #333; outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } @media only screen and (max-width: 992px) { .ExhibitionCategoryTop__ListLink { font-size: 0.625rem; line-height: 1.3; } } .ExhibitionCategoryTop__ListLink::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .ExhibitionCategoryTop__ListLink:hover, .ExhibitionCategoryTop__ListLink:active { text-decoration: none; } .ExhibitionCategoryTop__ListLink:hover .ExhibitionCategoryTop__ListLinkLabel, .ExhibitionCategoryTop__ListLink:active .ExhibitionCategoryTop__ListLinkLabel { text-decoration: underline; } .ExhibitionCategoryTop__List { list-style: none; display: flex; flex-wrap: wrap; align-items: stretch; margin: -0.4375rem; padding: 0; } @media only screen and (min-width: 992px) { .ExhibitionCategoryTop__List { margin-left: -15px; margin-right: -15px; } } .ExhibitionCategoryTop__Item { width: 100%; margin: 0.4375rem; } @media only screen and (min-width: 992px) { .ExhibitionCategoryTop__Item { display: flex; width: calc(33.33333% - 15px * 2); margin-left: 15px; margin-right: 15px; } .ExhibitionCategoryTop__Item:only-child { width: calc(100% - 15px * 2); } .ExhibitionCategoryTop__Item:first-child:nth-last-child(2), .ExhibitionCategoryTop__Item:first-child:nth-last-child(2) ~ .ExhibitionCategoryTop__Item { width: calc(50% - 15px * 2); } } .ExhibitionCategoryTop__Item > div { width: 100%; } .ExhibitionCategoryTop__ItemLink:hover, .ExhibitionCategoryTop__ItemLink:active { text-decoration: none; } .ExhibitionCategoryTop__ItemProduct { display: flex; align-items: center; } .ExhibitionCategoryTop__ImageContainer { max-width: 4.5rem; margin-right: 0.9375rem; flex-shrink: 0; } .ExhibitionCategoryTop__Image { display: block; width: 100%; height: auto; } .ExhibitionCategoryTop__ItemProductName { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; margin: 0; } @media only screen and (max-width: 992px) { .ExhibitionCategoryTop__ItemProductName { font-size: 0.6875rem; line-height: 1.36364; } } .ExhibitionCategoryTop__ItemProductName::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } a:hover .ExhibitionCategoryTop__ItemProductName { color: #6491ff; } a:hover .ExhibitionCategoryTop__ItemProductNameLabel, a:active .ExhibitionCategoryTop__ItemProductNameLabel { text-decoration: underline; color: #6491ff; } .BrochuresCatalogs__Inner { margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; position: relative; } .BrochuresCatalogs__Inner .CollapseContent__Header .CollapseContent__HeaderInner { padding-bottom: 1.875rem; } .BrochuresCatalogs__Inner .CollapseContent__Header .CollapseContent__HeaderInner .CollapseContent__HeaderButton { min-height: 0; } .BrochuresCatalogs__Inner .CollapseContent__Header .CollapseContent__HeaderInner .CollapseContent__HeaderButton .CollapseContent__HeaderButtonInner .CollapseContent__HeaderLabel { font-size: 1.125rem; line-height: 1.22222; } @media only screen and (min-width: 992px) { .BrochuresCatalogs__Inner .CollapseContent__Header .CollapseContent__HeaderInner .CollapseContent__HeaderButton .CollapseContent__HeaderButtonInner .CollapseContent__HeaderLabel { font-size: 1.375rem; line-height: 1.181818; } } @media only screen and (min-width: 992px) { .BrochuresCatalogs__Inner { max-width: 1200px; padding-right: 30px; padding-left: 30px; } } .BrochuresCatalogs__ItemContainer { position: relative; } .BrochuresCatalogs__Swiper { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding-top: 0; padding-bottom: 0; z-index: 1; touch-action: pan-y; position: static; margin-right: 20px; margin-left: 20px; } .BrochuresCatalogs__Swiper [class*='__Wrapper'] { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .BrochuresCatalogs__Swiper [class*='__Slide'] { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } @media only screen and (min-width: 992px) { .BrochuresCatalogs__Swiper { padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; } } .BrochuresCatalogs__Swiper .BrochuresCatalogs__Slide { width: calc(50% - 20px); } @media only screen and (max-width: 992px) { .BrochuresCatalogs__Swiper .BrochuresCatalogs__Slide { width: calc(16.66667% - 15px * 2); } } .BrochuresCatalogs__Wrapper { width: auto !important; } .BrochuresCatalogs__NextButton, .BrochuresCatalogs__PrevButton { border: 0; border-radius: 0.25rem; background-color: rgba(0, 0, 0, 0.43); color: #fff; cursor: pointer; transition-duration: 0.3s; display: none; } .BrochuresCatalogs__NextButton.swiper-button-disabled, .BrochuresCatalogs__PrevButton.swiper-button-disabled { cursor: default; opacity: 0; } @media only screen and (min-width: 992px) { .BrochuresCatalogs__NextButton, .BrochuresCatalogs__PrevButton { position: absolute; z-index: 1; display: block; width: 2rem; height: 3rem; top: 0; bottom: 0; transform: translateY(-50%); margin: auto; } } .BrochuresCatalogs__PrevButton { left: -2.125rem; } [dir='rtl'] .BrochuresCatalogs__PrevButton { left: auto; right: -2.125rem; transform: scale(-1, 1); } .BrochuresCatalogs__NextButton { right: -2.125rem; } [dir='rtl'] .BrochuresCatalogs__NextButton { right: auto; left: -2.125rem; transform: scale(-1, 1); } .BrochuresCatalogs__Pagination { text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); height: auto; } .BrochuresCatalogs__Bullet { appearance: none; display: inline-block; width: 0.5rem; height: 0.5rem; margin: 0 0.25rem; padding: 0; border: none; box-shadow: none; border-radius: 100%; background-color: #bcbcca; cursor: pointer; margin-top: 1.25rem; } .BrochuresCatalogs__Bullet.-active { opacity: 1; background-color: #31353d; transform: scale(1.5); transform-origin: bottom; } @media only screen and (min-width: 992px) { .BrochuresCatalogs__Bullet { margin-top: -1.875rem; } } .BrochuresCatalogs__Bullet:only-child { display: none; } .BrochuresCatalogs__Item { display: block; } .BrochuresCatalogs__ItemLink { display: block; } .BrochuresCatalogs__ItemLink:hover { text-decoration: none; } @media only screen and (min-width: 992px) { .BrochuresCatalogs__ItemLink:hover .BrochuresCatalogs__Image { opacity: 0.9; } } .BrochuresCatalogs__Image { box-sizing: border-box; display: block; max-width: 7.5rem; } @media only screen and (min-width: 992px) { .BrochuresCatalogs__Image { transition: opacity 0.2s; max-width: 10.9375rem; } } .BrochuresCatalogs__LinkLabel { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; margin-top: 0.5rem; } @media only screen and (max-width: 992px) { .BrochuresCatalogs__LinkLabel { font-size: 0.6875rem; line-height: 1.36364; } } .BrochuresCatalogs__LinkLabel::after { content: ""; font-family: "SonyGwn-SystemIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .BrochuresCatalogs__LinkDetail { font-family: 'SST W01 Roman', sans-serif, 'Helvetica Neue', Helvetica, Arial; font-weight: normal; font-style: normal; color: #6b6b7b; font-size: 0.8125rem; line-height: 1.53846; } @media only screen and (max-width: 992px) { .BrochuresCatalogs__LinkDetail { font-size: 0.6875rem; line-height: 1.36364; } } .CategorySupport__CollapseContent .Support__ItemContainer { margin-left: 0; margin-right: 0; } .CategorySupport__Inner .CollapseContent__HeaderLabel { font-size: 1.375rem; line-height: 1.1818; } @media only screen and (max-width: 992px) { .CategorySupport__Inner .CollapseContent__HeaderLabel { font-size: 1.125rem; line-height: 1.2221; } } .CategorySupport__Inner .Footnotes__Body:first-child { padding-top: 0; } @media only screen and (min-width: 992px) { .CategorySupport__Inner .Footnotes__List { margin-top: 1.25rem; } } @media only screen and (min-width: 992px) { .SupportItem__Title .InlineFootnote { font-size: 0.8125rem; line-height: 1.538461; } } @media only screen and (max-width: 992px) { .SupportItem__Title .InlineFootnote { font-size: 0.6875rem; line-height: 1.636363; } } @media only screen and (min-width: 992px) { .SupportItem { height: 8.6875rem; } } @media only screen and (max-width: 992px) { .SupportItem { height: 7.6875rem; } } /* filter for only less than IE9 (CSS Hack) ========================================================================== */ /* filter for only IE all versions (CSS Hack) ========================================================================== */ .Icon.-menu::before { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M27.8%2C1H4.2C2.4%2C1%2C1%2C2.4%2C1%2C4.2v23.6C1%2C29.6%2C2.4%2C31%2C4.2%2C31h23.6c1.8%2C0%2C3.2-1.4%2C3.2-3.2V4.2C31%2C2.4%2C29.6%2C1%2C27.8%2C1z%20M16%2C26c-1%2C0-1.8-0.8-1.8-1.8s0.8-1.8%2C1.8-1.8s1.8%2C0.8%2C1.8%2C1.8S17%2C26%2C16%2C26z%20M16%2C17.8c-1%2C0-1.8-0.8-1.8-1.8s0.8-1.8%2C1.8-1.8s1.8%2C0.8%2C1.8%2C1.8S17%2C17.8%2C16%2C17.8z%20M16%2C9.6c-1%2C0-1.8-0.8-1.8-1.8C14.2%2C6.8%2C15%2C6%2C16%2C6s1.8%2C0.8%2C1.8%2C1.8C17.8%2C8.8%2C17%2C9.6%2C16%2C9.6z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } /** Author :- Siddhartha Mohapatra Component:- NA Description:- Used for decalaration of common css variable across the Application */ /* IE-polyfill */ /* filter for only less than IE9 (CSS Hack) ========================================================================== */ /* filter for only IE all versions (CSS Hack) ========================================================================== */ a { color: inherit; } .CollapseContent__HeaderIcon::before { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%23FFFFFF'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M16%2C25.6L0%2C9.6l3.2-3.2L16%2C19.1L28.8%2C6.4L32%2C9.6L16%2C25.6z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; height: 1em; width: 1em; margin: 0 .6em 0 0; } .-isExpanded .CollapseContent__HeaderIcon::before { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%23FFFFFF'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M16%2C6.4l16%2C16l-3.2%2C3.2L16%2C12.9L3.2%2C25.6L0%2C22.4L16%2C6.4z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; height: 1em; width: 1em; margin: 0 .6em 0 0; } h2.CollapseContent__Header span { position: initial; } .BrochuresCatalogs__LinkLabel::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236b6b7b'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } @media screen and (max-width: 992px) { .BrochuresCatalogs__Inner .CollapseContent__Header .CollapseContent__HeaderInner .CollapseContent__HeaderButton { min-height: 3.0625rem; } } .SupportItem__Text::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236b6b7b'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .SupportItem__Icon.refresh { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236b6b7b'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M16%2C0c8.8%2C0%2C16%2C7.2%2C16%2C16c0%2C0.2%2C0%2C0.3%2C0%2C0.5l-5.4%2C0.6c0-0.4%2C0.1-0.8%2C0.1-1.1c0-5.9-4.8-10.7-10.7-10.7c-2.2%2C0-4.3%2C0.7-6%2C1.9l3.3%2C3.3L1.3%2C12L2.8%2C0l3.4%2C3.4C8.9%2C1.3%2C12.3%2C0%2C16%2C0z%20M18.9%2C21.5l12-1.5l-1.5%2C12l-3.5-3.5C23.2%2C30.7%2C19.7%2C32%2C16%2C32C7.2%2C32%2C0%2C24.8%2C0%2C16c0-0.2%2C0-0.3%2C0-0.5l5.4-0.6c0%2C0.4-0.1%2C0.8-0.1%2C1.1c0%2C5.9%2C4.8%2C10.7%2C10.7%2C10.7c2.3%2C0%2C4.4-0.7%2C6.1-2L18.9%2C21.5z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; width: 2.5rem; height: 2.5rem; } .SupportItem__Icon.question-sign { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236b6b7b'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M16%2C0c8.8%2C0%2C16%2C7.2%2C16%2C16s-7.2%2C16-16%2C16S0%2C24.8%2C0%2C16S7.2%2C0%2C16%2C0z%20M21.6%2C15c0.5-0.8%2C0.8-1.6%2C0.8-2.7c0-1.8-0.6-3.1-1.9-4c-1.2-0.9-2.8-1.4-4.7-1.4c-1.4%2C0-2.6%2C0.3-3.6%2C1c-1.6%2C1-2.4%2C2.7-2.5%2C5h3.6c0-0.7%2C0.2-1.4%2C0.6-2c0.4-0.6%2C1.1-1%2C2-1c1%2C0%2C1.6%2C0.2%2C2%2C0.8c0.4%2C0.5%2C0.6%2C1.1%2C0.6%2C1.7c0%2C0.6-0.2%2C1.1-0.5%2C1.5c-0.2%2C0.3-0.4%2C0.5-0.7%2C0.7l-0.9%2C0.7c-0.9%2C0.7-1.5%2C1.3-1.7%2C1.9c-0.2%2C0.5-0.3%2C1.5-0.4%2C2.9h3.4c0-0.7%2C0.1-1.1%2C0.2-1.5c0.1-0.5%2C0.5-0.9%2C1-1.3l0.9-0.7C20.6%2C16%2C21.3%2C15.5%2C21.6%2C15z%20M18%2C21.9h-3.7v3.6H18V21.9z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; width: 2.5rem; height: 2.5rem; } .SupportItem__Icon.book { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236b6b7b'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M32%2C25.5c-5.1-1.1-10-1.3-14.8%2C1.1V8.5c0-0.3%2C0.1-0.4%2C0.4-0.6c2.2-1.3%2C4.5-2.3%2C7.1-2.5c2.3-0.2%2C4.4%2C0.2%2C6.5%2C1.2C31.8%2C6.9%2C32%2C7.2%2C32%2C7.9c0%2C5.9%2C0%2C11.7%2C0%2C17.6C32%2C25.5%2C32%2C25.5%2C32%2C25.5z%20M14.8%2C26.7c-4.7-2.4-9.7-2.3-14.8-1.1V7.4C0%2C7.1%2C0.1%2C7%2C0.4%2C6.8c2.1-1.1%2C4.3-1.6%2C6.7-1.5c2%2C0.1%2C3.9%2C0.7%2C5.6%2C1.6C13.3%2C7.3%2C14%2C7.6%2C14.6%2C8c0.1%2C0.1%2C0.2%2C0.3%2C0.3%2C0.4v18.1C14.8%2C26.5%2C14.8%2C26.6%2C14.8%2C26.7z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; width: 2.5rem; height: 2.5rem; } .SupportItem__Icon.wrench { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236b6b7b'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M29.7%2C13.4c-2.1%2C2.1-5%2C2.7-7.6%2C2L5.6%2C32L0%2C26.4L16.5%2C9.9c-0.7-2.6%2C0-5.5%2C2-7.6c2.3-2.2%2C5.5-2.8%2C8.3-1.8l-4.6%2C4.6l0.9%2C3.7l3.7%2C0.9l4.6-4.6C32.5%2C7.9%2C31.9%2C11.2%2C29.7%2C13.4L29.7%2C13.4z%20M3.2%2C7.9L0.9%2C3.7l2.8-2.8l4.2%2C2.3l0.7%2C2.5l4.2%2C4.2L10%2C12.7L5.8%2C8.5L3.2%2C7.9z%20M32%2C26.4L26.4%2C32l-8.6-8.6l5.6-5.6L32%2C26.4z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; width: 2.5rem; height: 2.5rem; } .SupportItem__Icon.laptop { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236b6b7b'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M6.9%2C22.4c-0.7%2C0-1.4-0.3-1.9-0.8c-0.5-0.5-0.8-1.1-0.8-1.9V8c0-0.7%2C0.3-1.4%2C0.8-1.9s1.1-0.8%2C1.9-0.8h18.1c0.7%2C0%2C1.4%2C0.3%2C1.9%2C0.8c0.5%2C0.5%2C0.8%2C1.1%2C0.8%2C1.9v11.7c0%2C0.7-0.3%2C1.4-0.8%2C1.9c-0.5%2C0.5-1.1%2C0.8-1.9%2C0.8C25.1%2C22.4%2C6.9%2C22.4%2C6.9%2C22.4z%20M6.4%2C8v11.7c0%2C0.1%2C0.1%2C0.3%2C0.2%2C0.4c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.2h18.1c0.1%2C0%2C0.3-0.1%2C0.4-0.2s0.2-0.2%2C0.2-0.4V8c0-0.1-0.1-0.3-0.2-0.4s-0.2-0.2-0.4-0.2H6.9c-0.1%2C0-0.3%2C0.1-0.4%2C0.2S6.4%2C7.9%2C6.4%2C8z%20M29.3%2C23.5H32v1.6c0%2C0.4-0.3%2C0.8-0.8%2C1.1c-0.5%2C0.3-1.1%2C0.5-1.9%2C0.5H2.7c-0.7%2C0-1.4-0.2-1.9-0.5C0.3%2C25.9%2C0%2C25.5%2C0%2C25.1v-1.6H29.3L29.3%2C23.5z%20M17.3%2C25.1c0.2%2C0%2C0.3-0.1%2C0.3-0.3c0-0.2-0.1-0.3-0.3-0.3h-2.7c-0.2%2C0-0.3%2C0.1-0.3%2C0.3c0%2C0.2%2C0.1%2C0.3%2C0.3%2C0.3H17.3z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; width: 2.5rem; height: 2.5rem; } .SupportItem__Icon.download { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236b6b7b'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M21.3%2C3.6L16%2C8.9l-5.3-5.3h2.7V0h5.3v3.6L21.3%2C3.6L21.3%2C3.6z%20M17.2%2C10.1l2.5-2.5c5.1%2C1.6%2C8.7%2C6.3%2C8.7%2C11.9C28.4%2C26.4%2C22.9%2C32%2C16%2C32S3.6%2C26.4%2C3.6%2C19.6c0-5.6%2C3.7-10.3%2C8.7-11.9l2.5%2C2.5l1.2%2C1.3L17.2%2C10.1z%20M16%2C25.8c3.4%2C0%2C6.2-2.8%2C6.2-6.2c0-3.4-2.8-6.2-6.2-6.2s-6.2%2C2.8-6.2%2C6.2C9.8%2C23%2C12.6%2C25.8%2C16%2C25.8z%20M16%2C15.4c2.3%2C0%2C4.1%2C1.9%2C4.1%2C4.1s-1.9%2C4.1-4.1%2C4.1s-4.1-1.9-4.1-4.1S13.7%2C15.4%2C16%2C15.4z%20M16%2C21.1c0.9%2C0%2C1.6-0.7%2C1.6-1.6S16.9%2C18%2C16%2C18s-1.6%2C0.7-1.6%2C1.6S15.1%2C21.1%2C16%2C21.1z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; width: 2.5rem; height: 2.5rem; } a[target='_blank'] .SupportItem__Title::after { content: ""; } @media only screen and (min-width: 992px) { .SupportItem { min-height: 8.6875rem; height: auto; } } .UtilityLinksLinkItem__Link::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%233865e0'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .Footnotes__ItemBullet { font-weight: normal; } .SonyStoreCommonLinks__InformationLabel .SonyStoreCommonLink__Link::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232f353d'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .SonyStoreCommonLinks__InformationLabel .SonyStoreCommonLink__Link:hover::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236491ff'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232f353d'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; height: 1em; width: 1em; vertical-align: middle; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink:hover::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236491ff'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; height: 1em; width: 1em; vertical-align: middle; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink:hover .SonyStoreCommonLink__Icon_hover { display: inline-block; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink .SonyStoreCommonLink__Icon_default, .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink .SonyStoreCommonLink__Icon_hover { vertical-align: middle; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink .SonyStoreCommonLink__Icon_default { width: 1.25rem; height: 1.125rem; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLink .SonyStoreCommonLink__Icon_hover { width: 1.25rem; height: 1.125rem; } } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__MainMenuLinkText { vertical-align: middle; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__SingleLineText .s5-linkV3 { color: #2f353d; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__SingleLineText .s5-linkV3:after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232f353d'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__SingleLineText .s5-linkV3:after:hover, .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__SingleLineText .s5-linkV3:after:focus, .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__SingleLineText .s5-linkV3:after:active { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%237d8794'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } .SonyStoreCommonLink__MainMenuContent .SonyStoreCommonLink__SingleLineText .s5-linkV3:hover { color: #7d8794; } .SonyStoreCommonLink__SearchButton .s5-iconInline { font-size: 1.375rem; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SearchButton .s5-iconInline { font-size: 1.125rem; } } .SonyStoreCommonLink__SearchIcon.remove { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236b6b7b'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M21.9%2C16L32%2C26.1L26.1%2C32L16%2C21.9L5.9%2C32L0%2C26.1L10.1%2C16L0%2C5.9L5.9%2C0L16%2C10.1L26.1%2C0L32%2C5.9L21.9%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; width: 1.125rem; height: 1.125rem; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SearchIcon.remove { width: 0.875rem; height: 0.875rem; } } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink { display: table; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232f353d'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; height: 1em; width: 1em; vertical-align: middle; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink:hover { color: #34568e; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink:hover::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236491ff'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; height: 1em; width: 1em; vertical-align: middle; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink:hover .SonyStoreCommonLink__Icon_hover { display: inline-block; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink .SonyStoreCommonLink__Icon_default, .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink .SonyStoreCommonLink__Icon_hover { vertical-align: middle; } @media only screen and (max-width: 992px) { .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink .SonyStoreCommonLink__Icon_default { width: 0.6875rem; height: 0.6875rem; } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLink .SonyStoreCommonLink__Icon_hover { width: 0.6875rem; height: 0.6875rem; } } .SonyStoreCommonLink__SubMenuContent .SonyStoreCommonLink__SubMenuLinkText { vertical-align: middle; } .SonyStoreCommonLink__ImageContainer { vertical-align: middle; margin-bottom: 0.15em; } .ExhibitionProduct__ListLink::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236b6b7b'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .ExhibitionProduct__ListLink:hover::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236491ff'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .ExhibitionProduct__ItemProductName::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236b6b7b'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } a:hover .ExhibitionProduct__ItemProductName { color: #6491ff; } a:hover .ExhibitionProduct__ItemProductName::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236491ff'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; } .RelatedContents__ContentInner .RelatedContents__LinkLabel::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236b6b7b'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; height: 1em; width: 1em; } .RelatedContents__ContentInner:hover .RelatedContents__LinkLabel::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%236491ff'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; font-size: 0.75em; vertical-align: baseline; height: 1em; width: 1em; } .RelatedContents__BlankIcon .s5-iconInline { margin-top: 0; } .RelatedContents__SeeMoreButtonLabel::before { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%23FFFFFF'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M16%2C25.6L0%2C9.6l3.2-3.2L16%2C19.1L28.8%2C6.4L32%2C9.6L16%2C25.6z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } .RelatedContents__SeeLessButtonLabel::before { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%23FFFFFF'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M16%2C6.4l16%2C16l-3.2%2C3.2L16%2C12.9L3.2%2C25.6L0%2C22.4L16%2C6.4z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } @media only screen and (max-width: 992px) { .RelatedContents__Container, .RelatedContents__Text { flex: 1; } } /* filter for only less than IE9 (CSS Hack) ========================================================================== */ /* filter for only IE all versions (CSS Hack) ========================================================================== */ .CategoryNav { z-index: 3; margin-bottom: 16px; } .CategoryNav.-isVisible { z-index: 301; } .CategoryNav__OpenNav.Icon { position: absolute; } .CategoryNav__OpenNav.Icon.-menu::before { margin-top: 0; width: 1em; height: 1em; } @media only screen and (max-width: 992px) { .CategoryNav--fix950 .CategoryNav__OpenNav { display: none; } } .CategoryNav__HelpListItemLink::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } .CategoryNav__HelpListItemLink .s5-iconInline { margin-left: 0.5em; } .CategoryNav__PdpNavExpanderLabel::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M1%2C5l3-3.4L16.7%2C16L4%2C30.4L1%2C27l9.7-11L1%2C5z%20M15.3%2C5l3-3.4L31%2C16L18.3%2C30.4l-3-3.4L25%2C16L15.3%2C5z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavExpanderLabel::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M16%2C25.6L0%2C9.6l3.2-3.2L16%2C19.1L28.8%2C6.4L32%2C9.6L16%2C25.6z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } } .CategoryNav__PdpChildNavItemLink::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } .CategoryNav__PdpNavItemLink::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } @media only screen and (min-width: 992px) { .CategoryNav__PdpNavItemLink::after { content: none; } } .CategoryNav__PdpNavItemLink[target=_blank] .CategoryNav__PdpNavItemLinkLabel::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M30%2C4.6H7.3c-0.4%2C0-0.8%2C0.4-0.8%2C0.8v15.9c0%2C0.4%2C0.4%2C0.8%2C0.8%2C0.8H30c0.4%2C0%2C0.8-0.4%2C0.8-0.8V5.4C30.7%2C4.9%2C30.4%2C4.6%2C30%2C4.6zM27.5%2C18.8H9.7V7.9h17.8V18.8z%20M4.4%2C22.9V8.2H2C1.6%2C8.2%2C1.3%2C8.5%2C1.3%2C9v17.6c0%2C0.4%2C0.4%2C0.8%2C0.8%2C0.8h24.4c0.4%2C0%2C0.8-0.4%2C0.8-0.8v-2.5H5.6C4.9%2C24.1%2C4.4%2C23.6%2C4.4%2C22.9z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-left: 0.5em; } .CategoryNav__PdpNavHeaderButtonLabel::before { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M16.7%2C5l-3-3.4L1%2C16l12.7%2C14.3l3-3.4L7%2C16L16.7%2C5z%20M31%2C5l-3-3.4L15.3%2C16L28%2C30.3l3-3.4l-9.7-11L31%2C5z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-top: 0.1em; } @media only screen and (min-width: 992px) { .CategoryNav__MainName { font-size: 1.5rem; } } @media only screen and (max-width: 992px) { .CategoryNav__MainName { font-size: 1rem; } } .CategoryNav__MainNavHeaderButtonLabel::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M1%2C5l3-3.4L16.7%2C16L4%2C30.4L1%2C27l9.7-11L1%2C5z%20M15.3%2C5l3-3.4L31%2C16L18.3%2C30.4l-3-3.4L25%2C16L15.3%2C5z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-top: 0.1em; } .CategoryNav__MainItemLink::after { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } @media only screen and (min-width: 992px) { .CategoryNav__MainItemLink::after { content: none; } } .CategoryNav__PdpChildNavHeaderButtonLabel::before { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M16.7%2C5l-3-3.4L1%2C16l12.7%2C14.3l3-3.4L7%2C16L16.7%2C5z%20M31%2C5l-3-3.4L15.3%2C16L28%2C30.3l3-3.4l-9.7-11L31%2C5z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; margin-top: 0.1em; } .CategoryNav__CloseNavIcon::before { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%23FFFFFF'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M21.9%2C16L32%2C26.1L26.1%2C32L16%2C21.9L5.9%2C32L0%2C26.1L10.1%2C16L0%2C5.9L5.9%2C0L16%2C10.1L26.1%2C0L32%2C5.9L21.9%2C16z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } @media only screen and (min-width: 992px) { .-isJp .CategoryNav__PdpHeaderTitle .StatusLabel { height: auto; } } .CategoryNav--max950 .CategoryNav__MainInner { max-width: 950px; } .CategoryNav--fix950 .CategoryNav__MainInner { width: 950px; } .CategoryNav--max950 .CategoryNav__PdpHeaderInner { max-width: 950px; } .CategoryNav--fix950 .CategoryNav__PdpHeaderInner { width: 950px; } .CategoryNav--max950 .CategoryNav__PdpNav { max-width: 950px; } .CategoryNav--fix950 .CategoryNav__PdpNav { width: 950px; } .CategoryNav--max950 .CategoryNav__Pdp { text-align: left; } .CategoryNav--fix950 .CategoryNav__Pdp { text-align: left; } /* filter for only less than IE9 (CSS Hack) ========================================================================== */ /* filter for only IE all versions (CSS Hack) ========================================================================== */ .FavoriteButton__Button::before { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%2383838f'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M16%2C29.7c-0.3%2C0-0.6-0.1-0.8-0.3L4.1%2C18.6c-0.1-0.1-0.3-0.2-0.5-0.5s-0.5-0.6-1-1.2c-0.5-0.6-0.9-1.1-1.2-1.7s-0.7-1.3-1-2.2C0.2%2C12.3%2C0%2C11.5%2C0%2C10.7C0%2C8%2C0.8%2C6%2C2.3%2C4.5s3.6-2.2%2C6.3-2.2c0.7%2C0%2C1.5%2C0.1%2C2.3%2C0.4c0.8%2C0.3%2C1.5%2C0.6%2C2.1%2C1c0.7%2C0.4%2C1.2%2C0.8%2C1.7%2C1.2c0.5%2C0.4%2C0.9%2C0.8%2C1.4%2C1.2c0.4-0.4%2C0.9-0.8%2C1.4-1.2c0.5-0.4%2C1-0.8%2C1.7-1.2s1.4-0.8%2C2.1-1s1.5-0.4%2C2.3-0.4c2.7%2C0%2C4.7%2C0.7%2C6.3%2C2.2C31.2%2C6%2C32%2C8%2C32%2C10.7c0%2C2.6-1.4%2C5.3-4.1%2C8L16.8%2C29.4C16.6%2C29.6%2C16.3%2C29.7%2C16%2C29.7L16%2C29.7z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } .FavoriteButton__Button.-isFavorited::before { display: inline-block; content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%23f35429'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M29.9%2C4.5c-1.6-1.5-3.6-2.2-6.3-2.2c-0.8%2C0-1.6%2C0.2-2.3%2C0.4s-1.4%2C0.6-2.1%2C1c-0.7%2C0.4-1.2%2C0.8-1.7%2C1.2c-0.5%2C0.4-1%2C0.8-1.4%2C1.2c-0.5-0.4-0.9-0.8-1.4-1.2c-0.5-0.4-1-0.8-1.7-1.2c-0.6-0.4-1.3-0.7-2.1-1c-0.8-0.3-1.6-0.4-2.3-0.4C5.9%2C2.3%2C3.8%2C3%2C2.3%2C4.5S0%2C8%2C0%2C10.7c0%2C0.8%2C0.2%2C1.6%2C0.4%2C2.3c0.3%2C0.9%2C0.7%2C1.6%2C1%2C2.2c0.3%2C0.6%2C0.7%2C1.1%2C1.2%2C1.7c0.5%2C0.6%2C0.8%2C0.9%2C1%2C1.2c0.2%2C0.3%2C0.4%2C0.4%2C0.5%2C0.5l11.1%2C10.8c0.2%2C0.2%2C0.5%2C0.3%2C0.8%2C0.3s0.6-0.1%2C0.8-0.3l11.1-10.7c2.7-2.7%2C4.1-5.4%2C4.1-8C32%2C8%2C31.2%2C6%2C29.9%2C4.5z%20M17.1%2C20.4l-2.8%2C2.8l-7.1-7.1l2.8-2.8l4.2%2C4.2L24.9%2C6.9l2.8%2C2.8L17.1%2C20.4L17.1%2C20.4z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: -.15em; height: .9em; width: .9em; } /** Author :- Siddhartha Mohapatra Component:- NA Description:- Used for decalaration of common css variable across the Application */ /* IE-polyfill */ /* filter for only less than IE9 (CSS Hack) ========================================================================== */ /* filter for only IE all versions (CSS Hack) ========================================================================== */ .SonyStoreCommonLinks__Subtitle { color: #757584; }