/* * Brand colors: Based on the color palette * Note: do not change them * [#222222, #7d7d7d, #cccccc, #e6e6e6, #f5f5f5, #eef2e3] * ====================================================== */ /* * Color palette: default colors * ============================= */ /******************************************************************** MUST TODO: Need to update this variable based on language of the website, still a blackbox as of now how? *********************************************************************/ /************** DO NOT UPDATE BELOW THIS LINE ************/ html { direction: ltr; } /*** LTR websites ***/ /* AVOID CHANGING THESE VARIABLES ************************************************************************/ /** WHY ? ************************************************************************ To avoid unnecessary changes in ltr/rtl, above variables could be used in properties where we have left/right, like: margin padding text-align position_absolute - left/right border float transform_translateX USAGE: ************************************************************************ .vca { text-align: @direction-start; -> text-align: left; float: @direction-end; -> float: right; @{direction-start}: 10px; -> left: 10px padding-@{direction-end}: 10px; -> padding-right: 10px; margin-@{direction-start}: 10px; -> margin-left: 10px; transform: translateX(~'@{direction-transform} * 200px'); -> transform: translateX(1 * 200px); } */ /* stylelint-disable */ /** Mixin: .gutteredWidth Apply width in % minus some px value. @param (number) pxVal The gutter for the element. @param (number) percVal The percentage value to subtract the gutter from. IMPORTANT: - The default is full width ie, 100%, SO DON'T NEED TO PASS 100 as second parameter ! - The units are optional ! Example 1: width: calc(100% - 20px); // here you don't need to pass 100 OR 100% ! Use: .gutteredWidth(20); -OR- .gutteredWidth(20px); -OR- .gutteredWidth(@spacing20); Example 2: width: calc(50% - 10px); Use: .gutteredWidth(10, 50); -OR- .gutteredWidth(10, 50%); -OR- .gutteredWidth(10px, 50); -OR- .gutteredWidth(10px, 50%); */ /** Mixin: .gutteredWidthPx Apply width in px minus some px value @param (number) widthVal The pixel value to subtract the gutter from. @param (number) pxVal The gutter for the element. Example :- width: calc(400px - 60px); Use: .gutteredWidthPx(400px, @spacing60); -OR- .gutteredWidth(@spacing400, @spacing60); -OR- .gutteredWidthPx(400, @spacing60); */ .vca-text-area-border-color:active, .vca-text-area-border-color:focus { border-bottom-color: #757575; color: #222222; outline: 0; } .vca-text-area-border-color:active::placeholder, .vca-text-area-border-color:focus::placeholder { color: #222222; } .vca-text-area-border-color:hover { border-bottom-color: #757575; color: #666666; } .vca-text-area-border-color:hover::placeholder { color: #666666; } .vca-bullet ul { list-style: disc outside none; } /* stylelint-disable */ /* Flex Flow Direction // - applies to: flex containers // row | row-reverse | column | column-reverse */ /* Usage: .SOME_SELECTOR { .keyframes(ANIMATION_NAME;{0% {opacity: 0;} 100% {opacity: 1;}}); .animation(ANIMATION_NAME 2s); } Output: @-webkit-keyframes ANIMATION_NAME { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes ANIMATION_NAME { 0% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes ANIMATION_NAME { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes ANIMATION_NAME { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes ANIMATION_NAME { 0% {opacity: 0;} 100% {opacity: 1;} } */ html, .base { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent !important ; /* stylelint-disable-line declaration-no-important */ } :lang(ru) html, :lang(ru) .base { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) html, :lang(ar) .base { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) html, :lang(ja) .base { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) html, :lang(ko) .base { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) html, :lang(zh) .base { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) html, :lang(zh-Hant) .base { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } body { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #ffffff; color: #222222; font-kerning: normal; letter-spacing: normal; line-height: normal; margin: 0; min-width: 320px; padding: 0; text-rendering: optimizeLegibility; width: 100%; } :lang(ru) body { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) body { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) body { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) body { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) body { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) body { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } body :focus { outline: 0; } body a { -webkit-transition: color 300ms ease-out 0s; -moz-transition: color 300ms ease-out 0s; -ms-transition: color 300ms ease-out 0s; transition: color 300ms ease-out 0s; background: transparent; color: #7d7d7d; cursor: pointer; display: inline-block; color: inherit; text-decoration: none; } body a:hover { color: #222222; } body .vca-link-block { display: block; height: 100%; } body.stop-scrolling { height: 100%; overflow: hidden; } [type='search'] { appearance: textfield; } select { height: 40px; padding: 0 40px 0 10px; position: relative; cursor: pointer; } select[multiple] { height: auto; min-height: 40px; padding: 0; cursor: pointer; } select[multiple] option { margin: 0; padding: 8px; cursor: pointer; } input { -webkit-appearance: none; -ms-appearance: none; appearance: none; font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; border-bottom: 1px solid #cccccc; display: inline-block; max-width: 300px; padding: 5px 0; color: #454545; } :lang(ru) input { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) input { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) input { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) input { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) input { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) input { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } input:active, input:focus { border-bottom-color: #757575; color: #222222; outline: 0; } input:active::placeholder, input:focus::placeholder { color: #222222; } input:hover { border-bottom-color: #757575; color: #666666; } input:hover::placeholder { color: #666666; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } input:focus::placeholder { color: transparent; } button, [type='button'] { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.8125000000000001rem; line-height: 1.53846154; -webkit-transition: outline 300ms ease-out 0s; -moz-transition: outline 300ms ease-out 0s; -ms-transition: outline 300ms ease-out 0s; transition: outline 300ms ease-out 0s; background-color: transparent; font-weight: normal; border: 1px solid #222222; color: #222222; cursor: pointer; display: inline-block; margin: 0 auto; max-width: 300px; padding: 10px; text-align: center; width: 100%; outline: 1px solid transparent; } :lang(ru) button, :lang(ru) [type='button'] { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) button, :lang(ar) [type='button'] { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) button, :lang(ja) [type='button'] { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) button, :lang(ko) [type='button'] { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) button, :lang(zh) [type='button'] { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) button, :lang(zh-Hant) [type='button'] { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } button:hover, [type='button']:hover { outline: 1px solid #222222; outline-offset: 0; } button:disabled, [type='button']:disabled { border-color: #e6e6e6; cursor: no-drop; } button.vca-icn-only-btn:hover, [type='button'].vca-icn-only-btn:hover, button.vca-btn-sans-intraction:hover, [type='button'].vca-btn-sans-intraction:hover, button.vca-icn-only-btn:focus, [type='button'].vca-icn-only-btn:focus, button.vca-btn-sans-intraction:focus, [type='button'].vca-btn-sans-intraction:focus { box-shadow: none; } input[type='search'] { -webkit-appearance: none; border-radius: 0; } img { max-width: 100%; } b, strong { font-weight: bold; } i, em { font-style: italic; } sup { vertical-align: super !important; /* stylelint-disable-line declaration-no-important */ font-size: smaller; } .tcaptcha-container.show { position: fixed !important; /* stylelint-disable-line declaration-no-important */ margin: auto !important; /* stylelint-disable-line declaration-no-important */ top: 0 !important; /* stylelint-disable-line declaration-no-important */ left: 0 !important; /* stylelint-disable-line declaration-no-important */ right: 0 !important; /* stylelint-disable-line declaration-no-important */ bottom: 0 !important; /* stylelint-disable-line declaration-no-important */ z-index: 2000000001 !important; /* stylelint-disable-line declaration-no-important */ } .base-tencentcaptcha iframe { width: 100% !important ; /* stylelint-disable-line declaration-no-important */ position: relative !important; /* stylelint-disable-line declaration-no-important */ bottom: initial !important; /* stylelint-disable-line declaration-no-important */ z-index: 2000000001 !important; /* stylelint-disable-line declaration-no-important */ } .tcaptcha-container::after { display: none; } /* stylelint-disable */ /*#region Website Basic Fonts */ /********************************************************************************************************/ /* Downloaded from: - https://akqa.egnyte.com/dl/AURCsiLoao Formats used: - woff/woff2 Why? - https://developer.mozilla.org/en-US/docs/Web/Guide/WOFF - https://css-tricks.com/snippets/css/using-font-face/ - https://css-tricks.com/font-display-masses/ */ @font-face { font-display: swap; font-family: 'Janson Text'; font-style: normal; font-weight: normal; src: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/JansonFont/LT-WebFonts-274409267/Fonts/5609896/f16ef082-3ca6-4e62-a8b2-ffb4cf30f949.woff2') format('woff2'), url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/JansonFont/LT-WebFonts-274409267/Fonts/5609896/27b47c93-920e-4bb1-a4e5-7007a622aae8.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Maison Neue'; font-style: normal; font-weight: normal; src: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/MG-Order-20180807-6043/Maison-Neue-MG-WEB/MaisonNeue-Book.woff2') format('woff2'), url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/MG-Order-20180807-6043/Maison-Neue-MG-WEB/MaisonNeue-Book.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Maison Neue Demi'; src: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/MG-Order-20180807-6043/Maison-Neue-MG-WEB/MaisonNeueWEB-Demi.woff2') format('woff2'), url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/MG-Order-20180807-6043/Maison-Neue-MG-WEB/MaisonNeueWEB-Demi.woff') format('woff'); font-weight: bold; } /*#endregion*/ /*#region Engraving Fonts */ /********************************************************************************************************/ /* Downloaded from: - https://agile.richemont.com/jira/secure/attachment/365038/engravingfonts.zip For: - https://agile.richemont.com/jira/browse/VCAN-142 */ @font-face { font-display: swap; font-family: 'EnglishEngraving'; font-style: normal; font-weight: normal; src: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/engraving/english/96633010-4b65-4272-83ae-d44004c53794.woff2') format('woff2'), url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/engraving/english/0a6424b7-2555-4ac8-9492-c4c24bf7879a.woff') format('woff'); text-rendering: optimizeLegibility; } @font-face { font-display: swap; font-family: 'JansonEngraving'; font-style: normal; font-weight: normal; src: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/engraving/janson/janson-webfont.woff') format('woff'); text-rendering: optimizeLegibility; } /*#endregion*/ /* stylelint-disable */ /*#region ENGLISH en */ /*#endregion*/ /*#region RUSSIAN ru */ /*#endregion*/ /*#region ARABIC ar */ /*#endregion*/ /*#region JAPANESE ja */ /*#endregion*/ /*#region KOREAN ko */ /*#endregion*/ /*#region CHINESE - TRADITIONAL zh */ /*#endregion*/ /*#region CHINESE - SIMPLIFIED cn */ /*#endregion*/ /* vca svg icon mixin less */ /* stylelint-disable */ :lang(ru) .vca-hero-creation { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-hero-creation { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-hero-creation { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-hero-creation { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-hero-creation { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-hero-creation { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-h1 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-h1 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-h1 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-h1 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-h1 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-h1 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-h2 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-h2 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-h2 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-h2 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-h2 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-h2 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-h3 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-h3 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-h3 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-h3 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-h3 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-h3 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-listing-01 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-listing-01 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-listing-01 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-listing-01 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-listing-01 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-listing-01 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-listing-02 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-listing-02 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-listing-02 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-listing-02 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-listing-02 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-listing-02 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-listing-03 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-listing-03 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-listing-03 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-listing-03 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-listing-03 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-listing-03 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-product-list-01 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-product-list-01 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-product-list-01 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-product-list-01 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-product-list-01 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-product-list-01 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-product-list-02 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-product-list-02 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-product-list-02 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-product-list-02 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-product-list-02 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-product-list-02 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-subheader { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-subheader { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-subheader { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-subheader { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-subheader { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-subheader { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-body-01 b, .vca-body-01 strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-body-01 b, :lang(ru) .vca-body-01 strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-body-01 b, :lang(ar) .vca-body-01 strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-body-01 b, :lang(ja) .vca-body-01 strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-body-01 b, :lang(ko) .vca-body-01 strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-body-01 b, :lang(zh) .vca-body-01 strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-body-01 b, :lang(zh-Hant) .vca-body-01 strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-body-01-latin b, .vca-body-01-latin strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-body-01-latin b, :lang(ru) .vca-body-01-latin strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-body-01-latin b, :lang(ar) .vca-body-01-latin strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-body-01-latin b, :lang(ja) .vca-body-01-latin strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-body-01-latin b, :lang(ko) .vca-body-01-latin strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-body-01-latin b, :lang(zh) .vca-body-01-latin strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-body-01-latin b, :lang(zh-Hant) .vca-body-01-latin strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-ui b, .vca-ui strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-ui b, :lang(ru) .vca-ui strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-ui b, :lang(ar) .vca-ui strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-ui b, :lang(ja) .vca-ui strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-ui b, :lang(ko) .vca-ui strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-ui b, :lang(zh) .vca-ui strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-ui b, :lang(zh-Hant) .vca-ui strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-body-02 b, .vca-body-02 strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-body-02 b, :lang(ru) .vca-body-02 strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-body-02 b, :lang(ar) .vca-body-02 strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-body-02 b, :lang(ja) .vca-body-02 strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-body-02 b, :lang(ko) .vca-body-02 strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-body-02 b, :lang(zh) .vca-body-02 strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-body-02 b, :lang(zh-Hant) .vca-body-02 strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-caption b, .vca-caption strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-caption b, :lang(ru) .vca-caption strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-caption b, :lang(ar) .vca-caption strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-caption b, :lang(ja) .vca-caption strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-caption b, :lang(ko) .vca-caption strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-caption b, :lang(zh) .vca-caption strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-caption b, :lang(zh-Hant) .vca-caption strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ru) .vca-quote { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-quote { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-quote { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-quote { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-quote { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-quote { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-ui-02 b, .vca-ui-02 strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-ui-02 b, :lang(ru) .vca-ui-02 strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-ui-02 b, :lang(ar) .vca-ui-02 strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-ui-02 b, :lang(ja) .vca-ui-02 strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-ui-02 b, :lang(ko) .vca-ui-02 strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-ui-02 b, :lang(zh) .vca-ui-02 strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-ui-02 b, :lang(zh-Hant) .vca-ui-02 strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-ui-02-latin b, .vca-ui-02-latin strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-ui-02-latin b, :lang(ru) .vca-ui-02-latin strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-ui-02-latin b, :lang(ar) .vca-ui-02-latin strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-ui-02-latin b, :lang(ja) .vca-ui-02-latin strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-ui-02-latin b, :lang(ko) .vca-ui-02-latin strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-ui-02-latin b, :lang(zh) .vca-ui-02-latin strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-ui-02-latin b, :lang(zh-Hant) .vca-ui-02-latin strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-evo-body-01 b, .vca-evo-body-01 strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-evo-body-01 b, :lang(ru) .vca-evo-body-01 strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-evo-body-01 b, :lang(ar) .vca-evo-body-01 strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-evo-body-01 b, :lang(ja) .vca-evo-body-01 strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-evo-body-01 b, :lang(ko) .vca-evo-body-01 strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-evo-body-01 b, :lang(zh) .vca-evo-body-01 strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-evo-body-01 b, :lang(zh-Hant) .vca-evo-body-01 strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ru) .vca-body-01-bold { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-body-01-bold { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-body-01-bold { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-body-01-bold { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-body-01-bold { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-body-01-bold { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ru) .vca-body-02-bold { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-body-02-bold { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-body-02-bold { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-body-02-bold { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-body-02-bold { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-body-02-bold { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ru) .vca-ui-bold { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-ui-bold { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-ui-bold { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-ui-bold { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-ui-bold { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-ui-bold { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ru) .vca-caption-bold { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-caption-bold { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-caption-bold { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-caption-bold { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-caption-bold { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-caption-bold { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ru) .vca-ui-03 { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .vca-ui-03 { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .vca-ui-03 { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-ui-03 { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .vca-ui-03 { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .vca-ui-03 { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .vca-threesixty-fullscreen { -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; display: block; position: fixed; z-index: 11; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: #fff; } .vca-threesixty-fullscreen .cloudimage-360 { max-width: 100% !important; /* stylelint-disable-line declaration-no-important */ margin: auto; margin-top: 120px; } .vca-threesixty-fullscreen .vca-icn-threesixty-img-view { position: relative; bottom: 0; width: 100%; display: inline-block; text-align: center; margin-top: 15px; } .vca-threesixty-fullscreen .vca-icn-threesixty-img-view::before { width: 40px; height: 40px; } .vca-hide { display: block; } .vca-360-btn-close { position: absolute; top: 20px; right: 0; width: auto; height: auto; border: 0; } .vca-360-btn-close:hover { outline: 1px transparent; } .vca-pdp-gallery-item .vca-icn-threesixty-img-view, .vca-pdp-v2-gallery-item .vca-icn-threesixty-img-view { position: absolute; right: 25px; top: 25px; } .vca-pdp-gallery-item .vca-icn-threesixty-img-view::before, .vca-pdp-v2-gallery-item .vca-icn-threesixty-img-view::before { width: 40px; height: 40px; } @media only screen and (min-width: 900px) { .vca-threesixty-fullscreen .cloudimage-360 { cursor: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#threesixty-hover'), auto !important; /* stylelint-disable-line declaration-no-important */ max-width: 900px !important; /* stylelint-disable-line declaration-no-important */ margin: auto; top: 0; bottom: 50px; max-height: 94vh; overflow: hidden; } .vca-threesixty-fullscreen .cloudimage-inner-box canvas { position: relative; bottom: 55px; } .vca-threesixty-fullscreen .vca-icn-threesixty-img-view { position: relative; bottom: 0; margin-top: 20px; } .vca-gallery-threesixty { position: relative; } .vca-gallery-threesixty .vca-icn-threesixty-img-view { position: absolute; left: 25px; top: 50px; right: initial; } .vca-gallery-threesixty .vca-icn-threesixty-img-view::before { width: 40px; height: 40px; } } .vca-pdp-v2-special-asset-fullscreen { position: fixed; z-index: 11; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: #ffffff; } .vca-pdp-v2-special-asset-fullscreen.vca-hide { display: none; } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-three-d-asset-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; box-sizing: border-box; width: 100%; height: 100%; position: relative; margin: auto; padding: 60px 20px 84px; } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-three-d-asset-wrapper .vca-pdp-v2-three-d-iframe { width: 335px; height: 335px; border: 0; } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-yps-configurator { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; box-sizing: border-box; width: 100%; height: 100%; padding: 60px 20px 84px; } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-yps-configurator .vca-pdp-v2-yps-container { width: 335px; height: 335px; position: relative; margin: auto; } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-yps-configurator .hapticmedia-loader-container, .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-yps-configurator .hapticmedia-canvas3d { width: 100%; height: 100%; background-color: transparent !important; /* stylelint-disable-line declaration-no-important */ } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-yps-configurator .hapticmedia-buttons-container, .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-yps-configurator .hapticmedia-loader-container { display: none; } .vca-pdp-v2-special-asset-close { cursor: move; /* fallback if grab cursor is unsupported */ cursor: -webkit-pointer; cursor: -moz-pointer; cursor: pointer; position: absolute; top: 20px; right: 20px; z-index: 10; width: auto; height: auto; border: 0; } .vca-pdp-v2-special-asset-close:hover { outline: 1px transparent; } @media only screen and (min-width: 600px) { .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-three-d-asset-wrapper { padding: 100px 40px 84px; } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-three-d-asset-wrapper .vca-pdp-v2-three-d-iframe { width: 668px; height: 668px; } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-yps-configurator { padding: 100px 40px 84px; } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-yps-configurator .vca-pdp-v2-yps-container { width: 668px; height: 668px; } } @media only screen and (min-width: 900px) { .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-three-d-asset-wrapper { padding: 60px 40px 84px; } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-three-d-asset-wrapper .vca-pdp-v2-three-d-iframe { width: 522px; height: 522px; } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-yps-configurator { padding: 60px 40px 84px; } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-yps-configurator .vca-pdp-v2-yps-container { width: 522px; height: 522px; } .vca-pdp-v2-special-asset-close { top: 40px; right: 40px; } } @media only screen and (min-width: 1200px) { .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-three-d-asset-wrapper .vca-pdp-v2-three-d-iframe { width: 704px; height: 704px; } .vca-pdp-v2-special-asset-fullscreen .vca-pdp-v2-yps-configurator .vca-pdp-v2-yps-container { width: 704px; height: 704px; } } /* * Brand colors: Based on the color palette * Note: do not change them * [#222222, #7d7d7d, #cccccc, #e6e6e6, #f5f5f5, #eef2e3] * ====================================================== */ /* * Color palette: default colors * ============================= */ /******************************************************************** MUST TODO: Need to update this variable based on language of the website, still a blackbox as of now how? *********************************************************************/ /************** DO NOT UPDATE BELOW THIS LINE ************/ html { direction: ltr; } /*** LTR websites ***/ /* AVOID CHANGING THESE VARIABLES ************************************************************************/ /** WHY ? ************************************************************************ To avoid unnecessary changes in ltr/rtl, above variables could be used in properties where we have left/right, like: margin padding text-align position_absolute - left/right border float transform_translateX USAGE: ************************************************************************ .vca { text-align: @direction-start; -> text-align: left; float: @direction-end; -> float: right; @{direction-start}: 10px; -> left: 10px padding-@{direction-end}: 10px; -> padding-right: 10px; margin-@{direction-start}: 10px; -> margin-left: 10px; transform: translateX(~'@{direction-transform} * 200px'); -> transform: translateX(1 * 200px); } */ /* stylelint-disable */ /** Mixin: .gutteredWidth Apply width in % minus some px value. @param (number) pxVal The gutter for the element. @param (number) percVal The percentage value to subtract the gutter from. IMPORTANT: - The default is full width ie, 100%, SO DON'T NEED TO PASS 100 as second parameter ! - The units are optional ! Example 1: width: calc(100% - 20px); // here you don't need to pass 100 OR 100% ! Use: .gutteredWidth(20); -OR- .gutteredWidth(20px); -OR- .gutteredWidth(@spacing20); Example 2: width: calc(50% - 10px); Use: .gutteredWidth(10, 50); -OR- .gutteredWidth(10, 50%); -OR- .gutteredWidth(10px, 50); -OR- .gutteredWidth(10px, 50%); */ /** Mixin: .gutteredWidthPx Apply width in px minus some px value @param (number) widthVal The pixel value to subtract the gutter from. @param (number) pxVal The gutter for the element. Example :- width: calc(400px - 60px); Use: .gutteredWidthPx(400px, @spacing60); -OR- .gutteredWidth(@spacing400, @spacing60); -OR- .gutteredWidthPx(400, @spacing60); */ .vca-text-area-border-color:active, .vca-text-area-border-color:focus { border-bottom-color: #757575; color: #222222; outline: 0; } .vca-text-area-border-color:active::placeholder, .vca-text-area-border-color:focus::placeholder { color: #222222; } .vca-text-area-border-color:hover { border-bottom-color: #757575; color: #666666; } .vca-text-area-border-color:hover::placeholder { color: #666666; } .vca-bullet ul { list-style: disc outside none; } /* stylelint-disable */ /* Flex Flow Direction // - applies to: flex containers // row | row-reverse | column | column-reverse */ /* Usage: .SOME_SELECTOR { .keyframes(ANIMATION_NAME;{0% {opacity: 0;} 100% {opacity: 1;}}); .animation(ANIMATION_NAME 2s); } Output: @-webkit-keyframes ANIMATION_NAME { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes ANIMATION_NAME { 0% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes ANIMATION_NAME { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes ANIMATION_NAME { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes ANIMATION_NAME { 0% {opacity: 0;} 100% {opacity: 1;} } */ html, .base { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent !important ; /* stylelint-disable-line declaration-no-important */ } :lang(ru) html, :lang(ru) .base { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) html, :lang(ar) .base { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) html, :lang(ja) .base { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) html, :lang(ko) .base { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) html, :lang(zh) .base { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) html, :lang(zh-Hant) .base { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } body { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #ffffff; color: #222222; font-kerning: normal; letter-spacing: normal; line-height: normal; margin: 0; min-width: 320px; padding: 0; text-rendering: optimizeLegibility; width: 100%; } :lang(ru) body { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) body { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) body { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) body { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) body { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) body { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } body :focus { outline: 0; } body a { -webkit-transition: color 300ms ease-out 0s; -moz-transition: color 300ms ease-out 0s; -ms-transition: color 300ms ease-out 0s; transition: color 300ms ease-out 0s; background: transparent; color: #7d7d7d; cursor: pointer; display: inline-block; color: inherit; text-decoration: none; } body a:hover { color: #222222; } body a:hover { color: #222222; } body .vca-link-block { display: block; height: 100%; } body.stop-scrolling { height: 100%; overflow: hidden; } [type='search'] { appearance: textfield; } select { height: 40px; padding: 0 40px 0 10px; position: relative; cursor: pointer; } select[multiple] { height: auto; min-height: 40px; padding: 0; cursor: pointer; } select[multiple] option { margin: 0; padding: 8px; cursor: pointer; } input { -webkit-appearance: none; -ms-appearance: none; appearance: none; font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; border-bottom: 1px solid #cccccc; display: inline-block; max-width: 300px; padding: 5px 0; color: #454545; } :lang(ru) input { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) input { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) input { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) input { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) input { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) input { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } input:active, input:focus { border-bottom-color: #757575; color: #222222; outline: 0; } input:active::placeholder, input:focus::placeholder { color: #222222; } input:hover { border-bottom-color: #757575; color: #666666; } input:hover::placeholder { color: #666666; } :lang(ru) input { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) input { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) input { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) input { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) input { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) input { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } input:active, input:focus { border-bottom-color: #757575; color: #222222; outline: 0; } input:active::placeholder, input:focus::placeholder { color: #222222; } input:hover { border-bottom-color: #757575; color: #666666; } input:hover::placeholder { color: #666666; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } input:focus::placeholder { color: transparent; } button, [type='button'] { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.8125000000000001rem; line-height: 1.53846154; -webkit-transition: outline 300ms ease-out 0s; -moz-transition: outline 300ms ease-out 0s; -ms-transition: outline 300ms ease-out 0s; transition: outline 300ms ease-out 0s; background-color: transparent; font-weight: normal; border: 1px solid #222222; color: #222222; cursor: pointer; display: inline-block; margin: 0 auto; max-width: 300px; padding: 10px; text-align: center; width: 100%; outline: 1px solid transparent; outline: 0; } :lang(ru) button, :lang(ru) [type='button'] { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) button, :lang(ar) [type='button'] { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) button, :lang(ja) [type='button'] { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) button, :lang(ko) [type='button'] { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) button, :lang(zh) [type='button'] { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) button, :lang(zh-Hant) [type='button'] { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } button:hover, [type='button']:hover { outline: 1px solid #222222; outline-offset: 0; } button:disabled, [type='button']:disabled { border-color: #e6e6e6; cursor: no-drop; } button.vca-icn-only-btn:hover, [type='button'].vca-icn-only-btn:hover, button.vca-btn-sans-intraction:hover, [type='button'].vca-btn-sans-intraction:hover, button.vca-icn-only-btn:focus, [type='button'].vca-icn-only-btn:focus, button.vca-btn-sans-intraction:focus, [type='button'].vca-btn-sans-intraction:focus { box-shadow: none; } :lang(ru) button, :lang(ru) [type='button'] { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) button, :lang(ar) [type='button'] { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) button, :lang(ja) [type='button'] { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) button, :lang(ko) [type='button'] { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) button, :lang(zh) [type='button'] { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) button, :lang(zh-Hant) [type='button'] { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } button:hover, [type='button']:hover { outline: 1px solid #222222; outline-offset: 0; } button:disabled, [type='button']:disabled { border-color: #e6e6e6; cursor: no-drop; } button.vca-icn-only-btn:hover, [type='button'].vca-icn-only-btn:hover, button.vca-btn-sans-intraction:hover, [type='button'].vca-btn-sans-intraction:hover, button.vca-icn-only-btn:focus, [type='button'].vca-icn-only-btn:focus, button.vca-btn-sans-intraction:focus, [type='button'].vca-btn-sans-intraction:focus { box-shadow: none; } input[type='search'] { -webkit-appearance: none; border-radius: 0; } img { max-width: 100%; } b, strong { font-weight: bold; } i, em { font-style: italic; } sup { vertical-align: super !important; /* stylelint-disable-line declaration-no-important */ font-size: smaller; } .tcaptcha-container.show { position: fixed !important; /* stylelint-disable-line declaration-no-important */ margin: auto !important; /* stylelint-disable-line declaration-no-important */ top: 0 !important; /* stylelint-disable-line declaration-no-important */ left: 0 !important; /* stylelint-disable-line declaration-no-important */ right: 0 !important; /* stylelint-disable-line declaration-no-important */ bottom: 0 !important; /* stylelint-disable-line declaration-no-important */ z-index: 2000000001 !important; /* stylelint-disable-line declaration-no-important */ } .base-tencentcaptcha iframe { width: 100% !important ; /* stylelint-disable-line declaration-no-important */ position: relative !important; /* stylelint-disable-line declaration-no-important */ bottom: initial !important; /* stylelint-disable-line declaration-no-important */ z-index: 2000000001 !important; /* stylelint-disable-line declaration-no-important */ } .tcaptcha-container::after { display: none; } /* stylelint-disable */ /*#region Website Basic Fonts */ /********************************************************************************************************/ /* Downloaded from: - https://akqa.egnyte.com/dl/AURCsiLoao Formats used: - woff/woff2 Why? - https://developer.mozilla.org/en-US/docs/Web/Guide/WOFF - https://css-tricks.com/snippets/css/using-font-face/ - https://css-tricks.com/font-display-masses/ */ @font-face { font-display: swap; font-family: 'Janson Text'; font-style: normal; font-weight: normal; src: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/JansonFont/LT-WebFonts-274409267/Fonts/5609896/f16ef082-3ca6-4e62-a8b2-ffb4cf30f949.woff2') format('woff2'), url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/JansonFont/LT-WebFonts-274409267/Fonts/5609896/27b47c93-920e-4bb1-a4e5-7007a622aae8.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Maison Neue'; font-style: normal; font-weight: normal; src: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/MG-Order-20180807-6043/Maison-Neue-MG-WEB/MaisonNeue-Book.woff2') format('woff2'), url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/MG-Order-20180807-6043/Maison-Neue-MG-WEB/MaisonNeue-Book.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Maison Neue Demi'; src: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/MG-Order-20180807-6043/Maison-Neue-MG-WEB/MaisonNeueWEB-Demi.woff2') format('woff2'), url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/MG-Order-20180807-6043/Maison-Neue-MG-WEB/MaisonNeueWEB-Demi.woff') format('woff'); font-weight: bold; } /*#endregion*/ /*#region Engraving Fonts */ /********************************************************************************************************/ /* Downloaded from: - https://agile.richemont.com/jira/secure/attachment/365038/engravingfonts.zip For: - https://agile.richemont.com/jira/browse/VCAN-142 */ @font-face { font-display: swap; font-family: 'EnglishEngraving'; font-style: normal; font-weight: normal; src: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/engraving/english/96633010-4b65-4272-83ae-d44004c53794.woff2') format('woff2'), url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/engraving/english/0a6424b7-2555-4ac8-9492-c4c24bf7879a.woff') format('woff'); text-rendering: optimizeLegibility; } @font-face { font-display: swap; font-family: 'JansonEngraving'; font-style: normal; font-weight: normal; src: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/fonts/engraving/janson/janson-webfont.woff') format('woff'); text-rendering: optimizeLegibility; } /*#endregion*/ /* stylelint-disable */ /*#region ENGLISH en */ /*#endregion*/ /*#region RUSSIAN ru */ /*#endregion*/ /*#region ARABIC ar */ /*#endregion*/ /*#region JAPANESE ja */ /*#endregion*/ /*#region KOREAN ko */ /*#endregion*/ /*#region CHINESE - TRADITIONAL zh */ /*#endregion*/ /*#region CHINESE - SIMPLIFIED cn */ /*#endregion*/ /* vca svg icon mixin less */ /* stylelint-disable */ .visually-hidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .vca-hide { display: none; } .vca-show, .vca-block-element { display: block; } .vca-error { border: 1px solid #fbd1d1; color: #ff0000; } .vca-error-msg { color: #ff0000; } .vca-success { border: 1px solid #eef2e3; color: #008000; } .vca-button { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.8125000000000001rem; line-height: 1.53846154; -webkit-transition: outline 300ms ease-out 0s; -moz-transition: outline 300ms ease-out 0s; -ms-transition: outline 300ms ease-out 0s; transition: outline 300ms ease-out 0s; background-color: transparent; font-weight: normal; border: 1px solid #222222; color: #222222; cursor: pointer; display: inline-block; margin: 0 auto; max-width: 300px; padding: 10px; text-align: center; width: 100%; outline: 1px solid transparent; outline: 0; } :lang(ru) .vca-button { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .vca-button { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .vca-button { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-button { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .vca-button { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .vca-button { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .vca-button:hover { outline: 1px solid #222222; outline-offset: 0; } .vca-button:disabled { border-color: #e6e6e6; cursor: no-drop; } .vca-button.vca-icn-only-btn:hover, .vca-button.vca-btn-sans-intraction:hover, .vca-button.vca-icn-only-btn:focus, .vca-button.vca-btn-sans-intraction:focus { box-shadow: none; } .vca-link { -webkit-transition: color 300ms ease-out 0s; -moz-transition: color 300ms ease-out 0s; -ms-transition: color 300ms ease-out 0s; transition: color 300ms ease-out 0s; background: transparent; color: #7d7d7d; cursor: pointer; display: inline-block; text-decoration: none; } .vca-link:hover { color: #222222; } .vca-btn-link { -webkit-transition: color 300ms ease-out 0s; -moz-transition: color 300ms ease-out 0s; -ms-transition: color 300ms ease-out 0s; transition: color 300ms ease-out 0s; background: transparent; color: #7d7d7d; cursor: pointer; display: inline-block; text-decoration: none; border-width: 0; } .vca-btn-link:hover { color: #222222; } .vca-btn-link:hover { color: #222222; } .vca-btn-link:hover, .vca-btn-link:focus { box-shadow: none; } .vca-link-btn { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.8125000000000001rem; line-height: 1.53846154; -webkit-transition: outline 300ms ease-out 0s; -moz-transition: outline 300ms ease-out 0s; -ms-transition: outline 300ms ease-out 0s; transition: outline 300ms ease-out 0s; background-color: transparent; font-weight: normal; border: 1px solid #222222; color: #222222; cursor: pointer; display: inline-block; margin: 0 auto; max-width: 300px; padding: 10px; text-align: center; width: 100%; outline: 1px solid transparent; outline: 0; } :lang(ru) .vca-link-btn { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .vca-link-btn { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .vca-link-btn { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-link-btn { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .vca-link-btn { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .vca-link-btn { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .vca-link-btn:hover { outline: 1px solid #222222; outline-offset: 0; } .vca-link-btn:disabled { border-color: #e6e6e6; cursor: no-drop; } .vca-link-btn.vca-icn-only-btn:hover, .vca-link-btn.vca-btn-sans-intraction:hover, .vca-link-btn.vca-icn-only-btn:focus, .vca-link-btn.vca-btn-sans-intraction:focus { box-shadow: none; } :lang(ru) .vca-link-btn { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .vca-link-btn { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .vca-link-btn { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-link-btn { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .vca-link-btn { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .vca-link-btn { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .vca-link-btn:hover { outline: 1px solid #222222; outline-offset: 0; } .vca-link-btn:disabled { border-color: #e6e6e6; cursor: no-drop; } .vca-link-btn.vca-icn-only-btn:hover, .vca-link-btn.vca-btn-sans-intraction:hover, .vca-link-btn.vca-icn-only-btn:focus, .vca-link-btn.vca-btn-sans-intraction:focus { box-shadow: none; } .vca-link-btn:hover, .vca-link-btn:focus { text-decoration: none; } .vca-input { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; border-bottom: 1px solid #cccccc; display: inline-block; max-width: 300px; padding: 5px 0; color: #454545; } :lang(ru) .vca-input { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .vca-input { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .vca-input { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-input { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .vca-input { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .vca-input { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .vca-input:active, .vca-input:focus { border-bottom-color: #757575; color: #222222; outline: 0; } .vca-input:active::placeholder, .vca-input:focus::placeholder { color: #222222; } .vca-input:hover { border-bottom-color: #757575; color: #666666; } .vca-input:hover::placeholder { color: #666666; } .vca-content-loading { position: relative; background-color: #e6e6e6; } .vca-content-loading::before { animation: loading 2s infinite; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); display: block; content: ''; position: absolute; width: 100%; height: 100%; } @keyframes loading { 100% { transform: translateX(100%); } } .base-ajax-loader { background-image: none; } .base-ajax-loader:not(.base-hidden) { display: block; } .base-ajax-loader:not(.base-hidden) .vca-loader { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-ajax-loading { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; opacity: 0.5; pointer-events: none; overflow: hidden; } .vca-ajax-loading .base-ajax-loader { display: block; } .vca-ajax-loading .base-ajax-loader .vca-loader { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-absolute-center { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .vca-text-uppercase { text-transform: uppercase; } .vca-text-lowercase { text-transform: lowercase; } .vca-text-capitalize { text-transform: capitalize; } .vca-text-center { text-align: center; } .vca-text-left { text-align: left; } .vca-text-right { text-align: right; } .vca-text-italic { font-style: italic; } .vca-text-bold { font-weight: bold; } .vca-p-lr-0 { padding-left: 0; padding-right: 0; } .vca-p-l-0 { padding-left: 0; } .vca-p-r-0 { padding-right: 0; } .vca-m-lr-0 { margin-left: 0; margin-right: 0; } .vca-m-l-0 { margin-left: 0; } .vca-m-r-0 { margin-right: 0; } .vca-hr-light { border: 0; margin: 0; height: 1px; border-bottom: 1px solid #e6e6e6; } .vca-hr-dark { border: 0; margin: 0; height: 1px; border-bottom: 1px solid #808080; } .vca-engraving-font-english input[type='text'], .vca-engraving-font-english textarea { font-family: 'EnglishEngraving', sans-serif; font-size: 1.3750000000000002rem; text-indent: 4px; } .vca-engraving-font-english ~ label { font-family: 'EnglishEngraving', sans-serif; font-size: 1.5625rem; line-height: 1; } .vca-engraving-font-janson input[type='text'], .vca-engraving-font-janson textarea { font-family: 'JansonEngraving', serif; } .vca-engraving-font-janson ~ label { font-family: 'JansonEngraving', serif; font-size: 1.5625rem; line-height: 1; } .vca-engraving-font-times input[type='text'], .vca-engraving-font-times textarea { font-family: 'Janson Text', Times, 'Times New Roman', serif; } :lang(ru) .vca-engraving-font-times input[type='text'], :lang(ru) .vca-engraving-font-times textarea { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-engraving-font-times input[type='text'], :lang(ar) .vca-engraving-font-times textarea { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-engraving-font-times input[type='text'], :lang(ja) .vca-engraving-font-times textarea { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-engraving-font-times input[type='text'], :lang(ko) .vca-engraving-font-times textarea { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-engraving-font-times input[type='text'], :lang(zh) .vca-engraving-font-times textarea { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-engraving-font-times input[type='text'], :lang(zh-Hant) .vca-engraving-font-times textarea { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-engraving-font-times ~ label { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.5625rem; line-height: 1; } :lang(ru) .vca-engraving-font-times ~ label { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-engraving-font-times ~ label { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-engraving-font-times ~ label { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-engraving-font-times ~ label { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-engraving-font-times ~ label { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-engraving-font-times ~ label { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-engraving-font-arial input[type='text'], .vca-engraving-font-arial textarea { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; } :lang(ru) .vca-engraving-font-arial input[type='text'], :lang(ru) .vca-engraving-font-arial textarea { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .vca-engraving-font-arial input[type='text'], :lang(ar) .vca-engraving-font-arial textarea { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .vca-engraving-font-arial input[type='text'], :lang(ja) .vca-engraving-font-arial textarea { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-engraving-font-arial input[type='text'], :lang(ko) .vca-engraving-font-arial textarea { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .vca-engraving-font-arial input[type='text'], :lang(zh) .vca-engraving-font-arial textarea { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .vca-engraving-font-arial input[type='text'], :lang(zh-Hant) .vca-engraving-font-arial textarea { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .vca-engraving-font-arial ~ label { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.5625rem; line-height: 1; } :lang(ru) .vca-engraving-font-arial ~ label { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .vca-engraving-font-arial ~ label { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .vca-engraving-font-arial ~ label { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-engraving-font-arial ~ label { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .vca-engraving-font-arial ~ label { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .vca-engraving-font-arial ~ label { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .vca-engraving-font-mincho input[type='text'], .vca-engraving-font-mincho textarea { font-family: 'MS Mincho', serif; } .vca-engraving-font-mincho ~ label { font-family: 'MS Mincho', serif; font-size: 1.5625rem; line-height: 1; } .vca-engraving-font-gothic input[type='text'], .vca-engraving-font-gothic textarea { font-family: 'MS Gothic', sans-serif; } .vca-engraving-font-gothic ~ label { font-family: 'MS Gothic', sans-serif; font-size: 1.5625rem; line-height: 1; } [data-element-content=''] { display: none; } .vca-mt-110 { margin-top: 110px; } .vca-mb-110 { margin-bottom: 110px; } .vca-mt-105 { margin-top: 105px; } .vca-mb-105 { margin-bottom: 105px; } .vca-mt-100 { margin-top: 100px; } .vca-mb-100 { margin-bottom: 100px; } .vca-mt-95 { margin-top: 95px; } .vca-mb-95 { margin-bottom: 95px; } .vca-mt-90 { margin-top: 90px; } .vca-mb-90 { margin-bottom: 90px; } .vca-mt-85 { margin-top: 85px; } .vca-mb-85 { margin-bottom: 85px; } .vca-mt-80 { margin-top: 80px; } .vca-mb-80 { margin-bottom: 80px; } .vca-mt-75 { margin-top: 75px; } .vca-mb-75 { margin-bottom: 75px; } .vca-mt-70 { margin-top: 70px; } .vca-mb-70 { margin-bottom: 70px; } .vca-mt-65 { margin-top: 65px; } .vca-mb-65 { margin-bottom: 65px; } .vca-mt-60 { margin-top: 60px; } .vca-mb-60 { margin-bottom: 60px; } .vca-mt-55 { margin-top: 55px; } .vca-mb-55 { margin-bottom: 55px; } .vca-mt-50 { margin-top: 50px; } .vca-mb-50 { margin-bottom: 50px; } .vca-mt-45 { margin-top: 45px; } .vca-mb-45 { margin-bottom: 45px; } .vca-mt-40 { margin-top: 40px; } .vca-mb-40 { margin-bottom: 40px; } .vca-mt-35 { margin-top: 35px; } .vca-mb-35 { margin-bottom: 35px; } .vca-mt-30 { margin-top: 30px; } .vca-mb-30 { margin-bottom: 30px; } .vca-mt-25 { margin-top: 25px; } .vca-mb-25 { margin-bottom: 25px; } .vca-mt-20 { margin-top: 20px; } .vca-mb-20 { margin-bottom: 20px; } .vca-mt-15 { margin-top: 15px; } .vca-mb-15 { margin-bottom: 15px; } .vca-mt-10 { margin-top: 10px; } .vca-mb-10 { margin-bottom: 10px; } .vca-mt-5 { margin-top: 5px; } .vca-mb-5 { margin-bottom: 5px; } .vca-mt-0 { margin-top: 0px; } .vca-mb-0 { margin-bottom: 0px; } .vca-pt-30 { padding-top: 30px; } .vca-loader { -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; display: none; width: 100%; height: 100vh; position: fixed; top: 0; background: rgba(255, 255, 255, 0.8); z-index: 12; } .vca-loader svg { width: 50px; } .vca-loader svg path { fill: #757575; } .vca-loader .papillon { animation: animateButterfly 3s ease-in-out infinite; /* stylelint-disable indentation */ /* stylelint-enable indentation */ animation-fill-mode: reverse; transform-origin: center center; } @keyframes animateButterfly { 0% { transform: scaleX(1); } 12% { transform: scaleX(0.5); } 30% { transform: scaleX(0.9); } 40% { transform: scaleX(0.9); } 45% { transform: scaleX(0.5); } 48% { transform: scaleX(0.7); } 50% { transform: scaleX(0.5); } 70% { transform: scaleX(1); } 100% { transform: scaleX(1); } } .base-component-loader:before, .base-loading:before { content: none; } .vca-reset-btn-interaction { border: 0; outline: 0; } .vca-reset-btn-interaction:hover, .vca-reset-btn-interaction:focus { border: 0; outline: 0; outline-color: transparent; } .vca-element-center { display: block; margin: auto; } .vca-restrict-scrolling { overflow: hidden; position: relative; } .vca-restrict-scrolling.vca-ios-device { height: 100%; } .vca-quoted::before { content: '\201C'; } .vca-quoted::after { content: '\201D'; } .vca-underline, u { text-decoration: underline; text-underline-position: under; -ms-text-underline-position: below; } .vca-underline-hover:hover { text-decoration: underline; text-underline-position: under; -ms-text-underline-position: below; } .vca-pointer-events-none { pointer-events: none; } .vca-visibility-hidden { visibility: hidden; } .vca-grab { cursor: move; /* fallback if grab cursor is unsupported */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .vca-grabbing { cursor: move; /* fallback if grab cursor is unsupported */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .vca-color-grey-01 { color: #222222; } /* stylelint-disable indentation */ @keyframes blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* stylelint-enable indentation */ .vca-grid-container { background-color: var(--bgColor); } .vca-color-grey-14 { color: #757575; } .vca-color-grey-20 { color: #666666; } .vca-color-black { color: #000000; } .vca-anchor-btn { border: none; padding: 0; } .vca-anchor-btn:hover { outline: none; } .vca-flex-display { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-grid-display { display: grid; } /* vca radio & checkboxes START ************************************************************************************************************/ input[type='checkbox']:focus ~ label { border-radius: 4px; outline: 1px solid #016fd0; } input[type='radio']:focus ~ label { border: 1px solid #016fd0; border-radius: 4px; } input[type='radio']:empty, input[type='checkbox']:empty { margin-left: 0; left: -999em; position: absolute; } input[type='radio']:empty ~ label { user-select: none; cursor: pointer; position: relative; padding-left: 20px; color: #757575; } input[type='checkbox']:empty ~ label { user-select: none; cursor: move; /* fallback if grab cursor is unsupported */ cursor: -webkit-pointer; cursor: -moz-pointer; cursor: pointer; position: relative; padding-left: 29px; margin: 11px 1px; } input[type='checkbox']:empty ~ label:hover { color: #454545; } input[type='radio']:empty ~ label:before { background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 10px; width: 10px; position: absolute; top: 0; bottom: 0; left: 0; border-radius: 10px; border: 1px solid #666666; background-color: #ffffff; margin: auto; } input[type='radio']:checked ~ label:before { background-color: #222222; border-color: #222222; } input[type='checkbox']:empty ~ label:before { background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 12px; width: 12px; position: absolute; top: 0; bottom: 0; left: 0; border: 1px solid #c4c4c4; background-color: #ffffff; } input[type='checkbox']:checked ~ label:before { border-color: #222222; } input[type='checkbox']:checked ~ label:after { content: ''; position: absolute; left: 4px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); border-color: #222222; } input[type='checkbox']:checked ~ label { color: #222222; } input[type='radio']:checked ~ label { color: #222222; } input[type='checkbox']:required:not(:checked) + label:before { border-color: #ff0000; } /* vca radio & checkboxes END ************************************************************************************************************/ select, .base-forms-select { font-size: 0.8749999999999999rem; line-height: 1.78571429; -webkit-appearance: none; -ms-appearance: none; appearance: none; background: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#arrow-down') 100% no-repeat; background-position: right 15px center; font-family: inherit; text-overflow: ''; overflow: hidden; background-color: #ffffff; border: 1px solid #e6e6e6; padding: 10px; color: #757575; } select b, .base-forms-select b, select strong, .base-forms-select strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) select b, :lang(ru) .base-forms-select b, :lang(ru) select strong, :lang(ru) .base-forms-select strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) select b, :lang(ar) .base-forms-select b, :lang(ar) select strong, :lang(ar) .base-forms-select strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) select b, :lang(ja) .base-forms-select b, :lang(ja) select strong, :lang(ja) .base-forms-select strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) select b, :lang(ko) .base-forms-select b, :lang(ko) select strong, :lang(ko) .base-forms-select strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) select b, :lang(zh) .base-forms-select b, :lang(zh) select strong, :lang(zh) .base-forms-select strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) select b, :lang(zh-Hant) .base-forms-select b, :lang(zh-Hant) select strong, :lang(zh-Hant) .base-forms-select strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } select b, .base-forms-select b, select strong, .base-forms-select strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) select b, :lang(ru) .base-forms-select b, :lang(ru) select strong, :lang(ru) .base-forms-select strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) select b, :lang(ar) .base-forms-select b, :lang(ar) select strong, :lang(ar) .base-forms-select strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) select b, :lang(ja) .base-forms-select b, :lang(ja) select strong, :lang(ja) .base-forms-select strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) select b, :lang(ko) .base-forms-select b, :lang(ko) select strong, :lang(ko) .base-forms-select strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) select b, :lang(zh) .base-forms-select b, :lang(zh) select strong, :lang(zh) .base-forms-select strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) select b, :lang(zh-Hant) .base-forms-select b, :lang(zh-Hant) select strong, :lang(zh-Hant) .base-forms-select strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } select:focus-visible, .base-forms-select:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } select::-ms-expand, .base-forms-select::-ms-expand { display: none; } textarea { resize: none; } button, input[type='submit'], input[type='button'], .base-forms-button { -webkit-appearance: none; -ms-appearance: none; appearance: none; font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.8125000000000001rem; line-height: 1.53846154; -webkit-transition: outline 300ms ease-out 0s; -moz-transition: outline 300ms ease-out 0s; -ms-transition: outline 300ms ease-out 0s; transition: outline 300ms ease-out 0s; background-color: transparent; font-weight: normal; border: 1px solid #222222; color: #222222; display: inline-block; margin: 0 auto; max-width: 300px; padding: 10px; text-align: center; width: 100%; outline: 1px solid transparent; outline: 0; cursor: pointer; } :lang(ru) button, :lang(ru) input[type='submit'], :lang(ru) input[type='button'], :lang(ru) .base-forms-button { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) button, :lang(ar) input[type='submit'], :lang(ar) input[type='button'], :lang(ar) .base-forms-button { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) button, :lang(ja) input[type='submit'], :lang(ja) input[type='button'], :lang(ja) .base-forms-button { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) button, :lang(ko) input[type='submit'], :lang(ko) input[type='button'], :lang(ko) .base-forms-button { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) button, :lang(zh) input[type='submit'], :lang(zh) input[type='button'], :lang(zh) .base-forms-button { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) button, :lang(zh-Hant) input[type='submit'], :lang(zh-Hant) input[type='button'], :lang(zh-Hant) .base-forms-button { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } button:hover, input[type='submit']:hover, input[type='button']:hover, .base-forms-button:hover { outline: 1px solid #222222; outline-offset: 0; } button:disabled, input[type='submit']:disabled, input[type='button']:disabled, .base-forms-button:disabled { border-color: #e6e6e6; cursor: no-drop; } button.vca-icn-only-btn:hover, input[type='submit'].vca-icn-only-btn:hover, input[type='button'].vca-icn-only-btn:hover, .base-forms-button.vca-icn-only-btn:hover, button.vca-btn-sans-intraction:hover, input[type='submit'].vca-btn-sans-intraction:hover, input[type='button'].vca-btn-sans-intraction:hover, .base-forms-button.vca-btn-sans-intraction:hover, button.vca-icn-only-btn:focus, input[type='submit'].vca-icn-only-btn:focus, input[type='button'].vca-icn-only-btn:focus, .base-forms-button.vca-icn-only-btn:focus, button.vca-btn-sans-intraction:focus, input[type='submit'].vca-btn-sans-intraction:focus, input[type='button'].vca-btn-sans-intraction:focus, .base-forms-button.vca-btn-sans-intraction:focus { box-shadow: none; } :lang(ru) button, :lang(ru) input[type='submit'], :lang(ru) input[type='button'], :lang(ru) .base-forms-button { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) button, :lang(ar) input[type='submit'], :lang(ar) input[type='button'], :lang(ar) .base-forms-button { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) button, :lang(ja) input[type='submit'], :lang(ja) input[type='button'], :lang(ja) .base-forms-button { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) button, :lang(ko) input[type='submit'], :lang(ko) input[type='button'], :lang(ko) .base-forms-button { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) button, :lang(zh) input[type='submit'], :lang(zh) input[type='button'], :lang(zh) .base-forms-button { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) button, :lang(zh-Hant) input[type='submit'], :lang(zh-Hant) input[type='button'], :lang(zh-Hant) .base-forms-button { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } button:hover, input[type='submit']:hover, input[type='button']:hover, .base-forms-button:hover { outline: 1px solid #222222; outline-offset: 0; } button:disabled, input[type='submit']:disabled, input[type='button']:disabled, .base-forms-button:disabled { border-color: #e6e6e6; cursor: no-drop; } button.vca-icn-only-btn:hover, input[type='submit'].vca-icn-only-btn:hover, input[type='button'].vca-icn-only-btn:hover, .base-forms-button.vca-icn-only-btn:hover, button.vca-btn-sans-intraction:hover, input[type='submit'].vca-btn-sans-intraction:hover, input[type='button'].vca-btn-sans-intraction:hover, .base-forms-button.vca-btn-sans-intraction:hover, button.vca-icn-only-btn:focus, input[type='submit'].vca-icn-only-btn:focus, input[type='button'].vca-icn-only-btn:focus, .base-forms-button.vca-icn-only-btn:focus, button.vca-btn-sans-intraction:focus, input[type='submit'].vca-btn-sans-intraction:focus, input[type='button'].vca-btn-sans-intraction:focus, .base-forms-button.vca-btn-sans-intraction:focus { box-shadow: none; } .base-forms-input, .base-forms-textarea, .base-forms-select { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; border-bottom: 1px solid #cccccc; display: inline-block; max-width: 300px; padding: 5px 0; color: #454545; font-size: 0.8749999999999999rem; line-height: 1.78571429; box-sizing: border-box; font-family: inherit; margin: 0; max-width: none; height: auto; background-repeat: no-repeat; background-position: 98%; } :lang(ru) .base-forms-input, :lang(ru) .base-forms-textarea, :lang(ru) .base-forms-select { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms-input, :lang(ar) .base-forms-textarea, :lang(ar) .base-forms-select { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms-input, :lang(ja) .base-forms-textarea, :lang(ja) .base-forms-select { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms-input, :lang(ko) .base-forms-textarea, :lang(ko) .base-forms-select { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms-input, :lang(zh) .base-forms-textarea, :lang(zh) .base-forms-select { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms-input, :lang(zh-Hant) .base-forms-textarea, :lang(zh-Hant) .base-forms-select { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms-input:active, .base-forms-textarea:active, .base-forms-select:active, .base-forms-input:focus, .base-forms-textarea:focus, .base-forms-select:focus { border-bottom-color: #757575; color: #222222; outline: 0; } .base-forms-input:active::placeholder, .base-forms-textarea:active::placeholder, .base-forms-select:active::placeholder, .base-forms-input:focus::placeholder, .base-forms-textarea:focus::placeholder, .base-forms-select:focus::placeholder { color: #222222; } .base-forms-input:hover, .base-forms-textarea:hover, .base-forms-select:hover { border-bottom-color: #757575; color: #666666; } .base-forms-input:hover::placeholder, .base-forms-textarea:hover::placeholder, .base-forms-select:hover::placeholder { color: #666666; } :lang(ru) .base-forms-input, :lang(ru) .base-forms-textarea, :lang(ru) .base-forms-select { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms-input, :lang(ar) .base-forms-textarea, :lang(ar) .base-forms-select { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms-input, :lang(ja) .base-forms-textarea, :lang(ja) .base-forms-select { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms-input, :lang(ko) .base-forms-textarea, :lang(ko) .base-forms-select { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms-input, :lang(zh) .base-forms-textarea, :lang(zh) .base-forms-select { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms-input, :lang(zh-Hant) .base-forms-textarea, :lang(zh-Hant) .base-forms-select { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms-input:active, .base-forms-textarea:active, .base-forms-select:active, .base-forms-input:focus, .base-forms-textarea:focus, .base-forms-select:focus { border-bottom-color: #757575; color: #222222; outline: 0; } .base-forms-input:active::placeholder, .base-forms-textarea:active::placeholder, .base-forms-select:active::placeholder, .base-forms-input:focus::placeholder, .base-forms-textarea:focus::placeholder, .base-forms-select:focus::placeholder { color: #222222; } .base-forms-input:hover, .base-forms-textarea:hover, .base-forms-select:hover { border-bottom-color: #757575; color: #666666; } .base-forms-input:hover::placeholder, .base-forms-textarea:hover::placeholder, .base-forms-select:hover::placeholder { color: #666666; } .base-forms-input b, .base-forms-textarea b, .base-forms-select b, .base-forms-input strong, .base-forms-textarea strong, .base-forms-select strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms-input b, :lang(ru) .base-forms-textarea b, :lang(ru) .base-forms-select b, :lang(ru) .base-forms-input strong, :lang(ru) .base-forms-textarea strong, :lang(ru) .base-forms-select strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms-input b, :lang(ar) .base-forms-textarea b, :lang(ar) .base-forms-select b, :lang(ar) .base-forms-input strong, :lang(ar) .base-forms-textarea strong, :lang(ar) .base-forms-select strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms-input b, :lang(ja) .base-forms-textarea b, :lang(ja) .base-forms-select b, :lang(ja) .base-forms-input strong, :lang(ja) .base-forms-textarea strong, :lang(ja) .base-forms-select strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms-input b, :lang(ko) .base-forms-textarea b, :lang(ko) .base-forms-select b, :lang(ko) .base-forms-input strong, :lang(ko) .base-forms-textarea strong, :lang(ko) .base-forms-select strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms-input b, :lang(zh) .base-forms-textarea b, :lang(zh) .base-forms-select b, :lang(zh) .base-forms-input strong, :lang(zh) .base-forms-textarea strong, :lang(zh) .base-forms-select strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms-input b, :lang(zh-Hant) .base-forms-textarea b, :lang(zh-Hant) .base-forms-select b, :lang(zh-Hant) .base-forms-input strong, :lang(zh-Hant) .base-forms-textarea strong, :lang(zh-Hant) .base-forms-select strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms-input b, .base-forms-textarea b, .base-forms-select b, .base-forms-input strong, .base-forms-textarea strong, .base-forms-select strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms-input b, :lang(ru) .base-forms-textarea b, :lang(ru) .base-forms-select b, :lang(ru) .base-forms-input strong, :lang(ru) .base-forms-textarea strong, :lang(ru) .base-forms-select strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms-input b, :lang(ar) .base-forms-textarea b, :lang(ar) .base-forms-select b, :lang(ar) .base-forms-input strong, :lang(ar) .base-forms-textarea strong, :lang(ar) .base-forms-select strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms-input b, :lang(ja) .base-forms-textarea b, :lang(ja) .base-forms-select b, :lang(ja) .base-forms-input strong, :lang(ja) .base-forms-textarea strong, :lang(ja) .base-forms-select strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms-input b, :lang(ko) .base-forms-textarea b, :lang(ko) .base-forms-select b, :lang(ko) .base-forms-input strong, :lang(ko) .base-forms-textarea strong, :lang(ko) .base-forms-select strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms-input b, :lang(zh) .base-forms-textarea b, :lang(zh) .base-forms-select b, :lang(zh) .base-forms-input strong, :lang(zh) .base-forms-textarea strong, :lang(zh) .base-forms-select strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms-input b, :lang(zh-Hant) .base-forms-textarea b, :lang(zh-Hant) .base-forms-select b, :lang(zh-Hant) .base-forms-input strong, :lang(zh-Hant) .base-forms-textarea strong, :lang(zh-Hant) .base-forms-select strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms-input:not(.base-forms-select, .base-forms-textarea).base-forms-valid, .base-forms-textarea:not(.base-forms-select, .base-forms-textarea).base-forms-valid, .base-forms-select:not(.base-forms-select, .base-forms-textarea).base-forms-valid, .base-forms-input:not(.base-forms-select, .base-forms-textarea).base-forms-invalid, .base-forms-textarea:not(.base-forms-select, .base-forms-textarea).base-forms-invalid, .base-forms-select:not(.base-forms-select, .base-forms-textarea).base-forms-invalid, .base-forms-input:not(.base-forms-select, .base-forms-textarea).base-forms-error, .base-forms-textarea:not(.base-forms-select, .base-forms-textarea).base-forms-error, .base-forms-select:not(.base-forms-select, .base-forms-textarea).base-forms-error { border-top-color: transparent; border-left: transparent; border-right: transparent; } .base-forms-input.base-forms-valid:not(.base-forms-input-card-number, .base-cbps-searchbox), .base-forms-textarea.base-forms-valid:not(.base-forms-input-card-number, .base-cbps-searchbox), .base-forms-select.base-forms-valid:not(.base-forms-input-card-number, .base-cbps-searchbox) { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#check-green'); background-size: 10px; border-bottom-color: #757575; } .base-forms-input.base-forms-valid:not(.base-forms-input-card-number, .base-cbps-searchbox):focus-visible, .base-forms-textarea.base-forms-valid:not(.base-forms-input-card-number, .base-cbps-searchbox):focus-visible, .base-forms-select.base-forms-valid:not(.base-forms-input-card-number, .base-cbps-searchbox):focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .base-forms-input.base-forms-valid:not(.base-forms-input-card-number, .base-cbps-searchbox):placeholder-shown, .base-forms-textarea.base-forms-valid:not(.base-forms-input-card-number, .base-cbps-searchbox):placeholder-shown, .base-forms-select.base-forms-valid:not(.base-forms-input-card-number, .base-cbps-searchbox):placeholder-shown { background-image: none; } .base-forms-input.base-forms-invalid, .base-forms-textarea.base-forms-invalid, .base-forms-select.base-forms-invalid, .base-forms-input.base-forms-error, .base-forms-textarea.base-forms-error, .base-forms-select.base-forms-error { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#cross-red'); } .base-forms-input.base-forms-invalid:focus-visible, .base-forms-textarea.base-forms-invalid:focus-visible, .base-forms-select.base-forms-invalid:focus-visible, .base-forms-input.base-forms-error:focus-visible, .base-forms-textarea.base-forms-error:focus-visible, .base-forms-select.base-forms-error:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .base-forms-input::placeholder { color: #454545; } .base-forms-textarea { padding: 20px; margin-top: 15px; } .base-forms-textarea::placeholder { color: #666666; } .base-forms-select { border: 1px solid #e6e6e6; padding: 10px; /* stylelint-disable no-descending-specificity */ /* stylelint-enable no-descending-specificity */ } .base-forms-select:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .base-forms-select.base-forms-valid { border-color: #cccccc; } .base-forms-select.base-forms-valid:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .base-forms-select:active, .base-forms-select:focus { border-bottom-color: #e6e6e6; } .base-forms-tooltip-text { margin-right: 20px; } .base-forms-tooltip-text .ui-tooltip-content:after { top: 40%; } [data-country-hide='ae'] .base-forms-internationalphone-arrow, [data-country-hide='sa'] .base-forms-internationalphone-arrow { display: none; } [data-country-hide='ae'] .base-forms-internationalphone-input.base-forms-input, [data-country-hide='sa'] .base-forms-internationalphone-input.base-forms-input { padding-left: initial; padding-right: 5px; } .base-forms { clear: both; color: #7f7f7f; margin-bottom: 0; /* stylelint-disable selector-class-pattern, max-nesting-depth */ } .base-forms .base-recaptchav2 { width: initial; } .base-forms form input[type='password'] { background-position: 96%; } .base-forms .base-forms-error { font-size: 0.8125000000000001rem; line-height: 1.53846154; border-color: #ff0000; display: block; } .base-forms .base-forms-error b, .base-forms .base-forms-error strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-forms-error b, :lang(ru) .base-forms .base-forms-error strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-forms-error b, :lang(ar) .base-forms .base-forms-error strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-forms-error b, :lang(ja) .base-forms .base-forms-error strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-forms-error b, :lang(ko) .base-forms .base-forms-error strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-forms-error b, :lang(zh) .base-forms .base-forms-error strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-forms-error b, :lang(zh-Hant) .base-forms .base-forms-error strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-forms-error b, .base-forms .base-forms-error strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-forms-error b, :lang(ru) .base-forms .base-forms-error strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-forms-error b, :lang(ar) .base-forms .base-forms-error strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-forms-error b, :lang(ja) .base-forms .base-forms-error strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-forms-error b, :lang(ko) .base-forms .base-forms-error strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-forms-error b, :lang(zh) .base-forms .base-forms-error strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-forms-error b, :lang(zh-Hant) .base-forms .base-forms-error strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-forms-error.base-hide { display: none; } .base-forms .radio-wrapper .base-forms-error { position: absolute; -webkit-transform: translateY(35px); transform: translateY(35px); } .base-forms :focus { box-shadow: none; } .base-forms .checkbox-wrapper { margin-bottom: 0; text-align: left; } .base-forms .base-forms-input.base-forms-error { border-top: none; border-left: none; border-right: none; } .base-forms .base-forms-input.base-forms-error:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .base-forms .base-forms-group-wrapper { clear: both; margin-bottom: 0; text-align: left; } .base-forms .base-phone-login-title, .base-forms .base-phone-login-register { display: none; } .base-forms .base-phone-login-label, .base-forms .base-forms-checkbox-label { font-size: 0.8125000000000001rem; line-height: 1.53846154; color: #757575; display: block; margin: 10px 0 0; max-width: none; text-align: left; width: 100%; line-height: 25px; } .base-forms .base-phone-login-label b, .base-forms .base-forms-checkbox-label b, .base-forms .base-phone-login-label strong, .base-forms .base-forms-checkbox-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-phone-login-label b, :lang(ru) .base-forms .base-forms-checkbox-label b, :lang(ru) .base-forms .base-phone-login-label strong, :lang(ru) .base-forms .base-forms-checkbox-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-phone-login-label b, :lang(ar) .base-forms .base-forms-checkbox-label b, :lang(ar) .base-forms .base-phone-login-label strong, :lang(ar) .base-forms .base-forms-checkbox-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-phone-login-label b, :lang(ja) .base-forms .base-forms-checkbox-label b, :lang(ja) .base-forms .base-phone-login-label strong, :lang(ja) .base-forms .base-forms-checkbox-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-phone-login-label b, :lang(ko) .base-forms .base-forms-checkbox-label b, :lang(ko) .base-forms .base-phone-login-label strong, :lang(ko) .base-forms .base-forms-checkbox-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-phone-login-label b, :lang(zh) .base-forms .base-forms-checkbox-label b, :lang(zh) .base-forms .base-phone-login-label strong, :lang(zh) .base-forms .base-forms-checkbox-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-label b, :lang(zh-Hant) .base-forms .base-forms-checkbox-label b, :lang(zh-Hant) .base-forms .base-phone-login-label strong, :lang(zh-Hant) .base-forms .base-forms-checkbox-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-phone-login-label b, .base-forms .base-forms-checkbox-label b, .base-forms .base-phone-login-label strong, .base-forms .base-forms-checkbox-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-phone-login-label b, :lang(ru) .base-forms .base-forms-checkbox-label b, :lang(ru) .base-forms .base-phone-login-label strong, :lang(ru) .base-forms .base-forms-checkbox-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-phone-login-label b, :lang(ar) .base-forms .base-forms-checkbox-label b, :lang(ar) .base-forms .base-phone-login-label strong, :lang(ar) .base-forms .base-forms-checkbox-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-phone-login-label b, :lang(ja) .base-forms .base-forms-checkbox-label b, :lang(ja) .base-forms .base-phone-login-label strong, :lang(ja) .base-forms .base-forms-checkbox-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-phone-login-label b, :lang(ko) .base-forms .base-forms-checkbox-label b, :lang(ko) .base-forms .base-phone-login-label strong, :lang(ko) .base-forms .base-forms-checkbox-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-phone-login-label b, :lang(zh) .base-forms .base-forms-checkbox-label b, :lang(zh) .base-forms .base-phone-login-label strong, :lang(zh) .base-forms .base-forms-checkbox-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-label b, :lang(zh-Hant) .base-forms .base-forms-checkbox-label b, :lang(zh-Hant) .base-forms .base-phone-login-label strong, :lang(zh-Hant) .base-forms .base-forms-checkbox-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-phone-login-label .base-forms-mandatory, .base-forms .base-forms-checkbox-label .base-forms-mandatory { color: inherit; vertical-align: top; } .base-forms .base-forms-label { font-size: 0.8125000000000001rem; line-height: 1.53846154; color: #454545; display: block; margin: 10px 0 0; max-width: none; text-align: left; width: 100%; line-height: 21px; } .base-forms .base-forms-label b, .base-forms .base-forms-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-forms-label b, :lang(ru) .base-forms .base-forms-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-forms-label b, :lang(ar) .base-forms .base-forms-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-forms-label b, :lang(ja) .base-forms .base-forms-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-forms-label b, :lang(ko) .base-forms .base-forms-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-forms-label b, :lang(zh) .base-forms .base-forms-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-forms-label b, :lang(zh-Hant) .base-forms .base-forms-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-forms-label b, .base-forms .base-forms-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-forms-label b, :lang(ru) .base-forms .base-forms-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-forms-label b, :lang(ar) .base-forms .base-forms-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-forms-label b, :lang(ja) .base-forms .base-forms-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-forms-label b, :lang(ko) .base-forms .base-forms-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-forms-label b, :lang(zh) .base-forms .base-forms-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-forms-label b, :lang(zh-Hant) .base-forms .base-forms-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-forms-label .base-forms-mandatory { color: inherit; vertical-align: top; } .base-forms .base-phone-login-label, .base-forms .base-phone-login-with-password, .base-forms .base-phone-login-with-sms { font-size: 0.8125000000000001rem; line-height: 1.53846154; color: #757575; display: block; } .base-forms .base-phone-login-label b, .base-forms .base-phone-login-with-password b, .base-forms .base-phone-login-with-sms b, .base-forms .base-phone-login-label strong, .base-forms .base-phone-login-with-password strong, .base-forms .base-phone-login-with-sms strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-phone-login-label b, :lang(ru) .base-forms .base-phone-login-with-password b, :lang(ru) .base-forms .base-phone-login-with-sms b, :lang(ru) .base-forms .base-phone-login-label strong, :lang(ru) .base-forms .base-phone-login-with-password strong, :lang(ru) .base-forms .base-phone-login-with-sms strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-phone-login-label b, :lang(ar) .base-forms .base-phone-login-with-password b, :lang(ar) .base-forms .base-phone-login-with-sms b, :lang(ar) .base-forms .base-phone-login-label strong, :lang(ar) .base-forms .base-phone-login-with-password strong, :lang(ar) .base-forms .base-phone-login-with-sms strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-phone-login-label b, :lang(ja) .base-forms .base-phone-login-with-password b, :lang(ja) .base-forms .base-phone-login-with-sms b, :lang(ja) .base-forms .base-phone-login-label strong, :lang(ja) .base-forms .base-phone-login-with-password strong, :lang(ja) .base-forms .base-phone-login-with-sms strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-phone-login-label b, :lang(ko) .base-forms .base-phone-login-with-password b, :lang(ko) .base-forms .base-phone-login-with-sms b, :lang(ko) .base-forms .base-phone-login-label strong, :lang(ko) .base-forms .base-phone-login-with-password strong, :lang(ko) .base-forms .base-phone-login-with-sms strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-phone-login-label b, :lang(zh) .base-forms .base-phone-login-with-password b, :lang(zh) .base-forms .base-phone-login-with-sms b, :lang(zh) .base-forms .base-phone-login-label strong, :lang(zh) .base-forms .base-phone-login-with-password strong, :lang(zh) .base-forms .base-phone-login-with-sms strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-label b, :lang(zh-Hant) .base-forms .base-phone-login-with-password b, :lang(zh-Hant) .base-forms .base-phone-login-with-sms b, :lang(zh-Hant) .base-forms .base-phone-login-label strong, :lang(zh-Hant) .base-forms .base-phone-login-with-password strong, :lang(zh-Hant) .base-forms .base-phone-login-with-sms strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-phone-login-label b, .base-forms .base-phone-login-with-password b, .base-forms .base-phone-login-with-sms b, .base-forms .base-phone-login-label strong, .base-forms .base-phone-login-with-password strong, .base-forms .base-phone-login-with-sms strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-phone-login-label b, :lang(ru) .base-forms .base-phone-login-with-password b, :lang(ru) .base-forms .base-phone-login-with-sms b, :lang(ru) .base-forms .base-phone-login-label strong, :lang(ru) .base-forms .base-phone-login-with-password strong, :lang(ru) .base-forms .base-phone-login-with-sms strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-phone-login-label b, :lang(ar) .base-forms .base-phone-login-with-password b, :lang(ar) .base-forms .base-phone-login-with-sms b, :lang(ar) .base-forms .base-phone-login-label strong, :lang(ar) .base-forms .base-phone-login-with-password strong, :lang(ar) .base-forms .base-phone-login-with-sms strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-phone-login-label b, :lang(ja) .base-forms .base-phone-login-with-password b, :lang(ja) .base-forms .base-phone-login-with-sms b, :lang(ja) .base-forms .base-phone-login-label strong, :lang(ja) .base-forms .base-phone-login-with-password strong, :lang(ja) .base-forms .base-phone-login-with-sms strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-phone-login-label b, :lang(ko) .base-forms .base-phone-login-with-password b, :lang(ko) .base-forms .base-phone-login-with-sms b, :lang(ko) .base-forms .base-phone-login-label strong, :lang(ko) .base-forms .base-phone-login-with-password strong, :lang(ko) .base-forms .base-phone-login-with-sms strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-phone-login-label b, :lang(zh) .base-forms .base-phone-login-with-password b, :lang(zh) .base-forms .base-phone-login-with-sms b, :lang(zh) .base-forms .base-phone-login-label strong, :lang(zh) .base-forms .base-phone-login-with-password strong, :lang(zh) .base-forms .base-phone-login-with-sms strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-label b, :lang(zh-Hant) .base-forms .base-phone-login-with-password b, :lang(zh-Hant) .base-forms .base-phone-login-with-sms b, :lang(zh-Hant) .base-forms .base-phone-login-label strong, :lang(zh-Hant) .base-forms .base-phone-login-with-password strong, :lang(zh-Hant) .base-forms .base-phone-login-with-sms strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-phone-login-wrapper { /* stylelint-enable max-nesting-depth */ } .base-forms .base-phone-login-wrapper .base-phone-login-signin-back, .base-forms .base-phone-login-wrapper .base-phone-login-forgot-password { display: none; } .base-forms .base-phone-login-wrapper .base-phone-login-mobile .dropdown-arrow { display: none; } .base-forms .base-phone-login-wrapper .base-phone-login-mail, .base-forms .base-phone-login-wrapper .base-phone-login-password, .base-forms .base-phone-login-wrapper .base-phone-login { height: auto; width: 100%; } .base-forms .base-phone-login-wrapper .base-phone-login-mail::before, .base-forms .base-phone-login-wrapper .base-phone-login-password::before, .base-forms .base-phone-login-wrapper .base-phone-login::before { top: 15px; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-display-switcher, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-display-switcher, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-display-switcher { width: 20px; height: 20px; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; border-bottom: 1px solid #cccccc; display: inline-block; max-width: 300px; padding: 5px 0; color: #454545; font-size: 0.8749999999999999rem; line-height: 1.78571429; box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; margin-top: 10px; max-width: none; padding: 10px 0 5px; height: auto; width: 100%; } :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input:active, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input:active, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input:active, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input:active, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input:active, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input:active, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile:active, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile:active, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile:active, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input:focus, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input:focus, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input:focus, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input:focus, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input:focus, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input:focus, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile:focus, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile:focus, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile:focus { border-bottom-color: #757575; color: #222222; outline: 0; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile:focus::placeholder { color: #222222; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile:hover { border-bottom-color: #757575; color: #666666; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile:hover::placeholder { color: #666666; } :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input:active, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input:active, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input:active, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input:active, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input:active, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input:active, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile:active, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile:active, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile:active, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input:focus, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input:focus, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input:focus, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input:focus, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input:focus, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input:focus, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile:focus, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile:focus, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile:focus { border-bottom-color: #757575; color: #222222; outline: 0; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile:focus::placeholder { color: #222222; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile:hover { border-bottom-color: #757575; color: #666666; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile:hover::placeholder { color: #666666; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mail-input::before, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mail-input::before, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mail-input::before, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-password-input::before, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-password-input::before, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-password-input::before, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile::before, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile::before, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile::before { display: none; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile-wrapper, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile-wrapper, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile-wrapper { width: 100%; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile-password, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile-password, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile-password, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile-sms, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile-sms, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile-sms { left: 0; position: relative; margin: 0; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile-password h3, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile-password h3, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile-password h3, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-mobile-sms h3, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-mobile-sms h3, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-mobile-sms h3 { display: none; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-signin-back, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-signin-back, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-signin-back { display: none; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; border-bottom: 1px solid #cccccc; display: inline-block; max-width: 300px; padding: 5px 0; color: #454545; max-width: 100%; width: 100%; } :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper:active, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper:active, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper:active, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper:focus, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper:focus, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper:focus { border-bottom-color: #757575; color: #222222; outline: 0; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper:focus::placeholder { color: #222222; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper:hover { border-bottom-color: #757575; color: #666666; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper:hover::placeholder { color: #666666; } :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper:active, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper:active, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper:active, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper:focus, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper:focus, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper:focus { border-bottom-color: #757575; color: #222222; outline: 0; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper:active::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper:focus::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper:focus::placeholder { color: #222222; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper:hover { border-bottom-color: #757575; color: #666666; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper:hover::placeholder, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper:hover::placeholder { color: #666666; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-transition: outline 300ms ease-out 0s; -moz-transition: outline 300ms ease-out 0s; -ms-transition: outline 300ms ease-out 0s; transition: outline 300ms ease-out 0s; background-color: transparent; font-weight: normal; border: 1px solid #222222; color: #222222; cursor: pointer; display: inline-block; margin: 0 auto; max-width: 300px; padding: 10px; text-align: center; width: 100%; outline: 1px solid transparent; outline: 0; font-size: 0.8125000000000001rem; line-height: 1.53846154; background-color: #ffffff; border: 0; max-width: 30px; color: #7d7d7d; } :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input:hover { outline: 1px solid #222222; outline-offset: 0; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input:disabled, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input:disabled, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input:disabled { border-color: #e6e6e6; cursor: no-drop; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input.vca-icn-only-btn:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input.vca-icn-only-btn:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input.vca-icn-only-btn:hover, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input.vca-btn-sans-intraction:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input.vca-btn-sans-intraction:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input.vca-btn-sans-intraction:hover, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input.vca-icn-only-btn:focus, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input.vca-icn-only-btn:focus, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input.vca-icn-only-btn:focus, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input.vca-btn-sans-intraction:focus, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input.vca-btn-sans-intraction:focus, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input.vca-btn-sans-intraction:focus { box-shadow: none; } :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input:hover { outline: 1px solid #222222; outline-offset: 0; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input:disabled, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input:disabled, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input:disabled { border-color: #e6e6e6; cursor: no-drop; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input.vca-icn-only-btn:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input.vca-icn-only-btn:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input.vca-icn-only-btn:hover, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input.vca-btn-sans-intraction:hover, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input.vca-btn-sans-intraction:hover, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input.vca-btn-sans-intraction:hover, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input.vca-icn-only-btn:focus, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input.vca-icn-only-btn:focus, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input.vca-icn-only-btn:focus, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input.vca-btn-sans-intraction:focus, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input.vca-btn-sans-intraction:focus, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input.vca-btn-sans-intraction:focus { box-shadow: none; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ru) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ar) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ja) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, :lang(ko) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, :lang(zh) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-wrapper .otp-number-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-wrapper .otp-number-input strong, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-wrapper .otp-number-input strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-resend, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-resend, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-resend { position: absolute; top: 0; width: auto; background-color: transparent; right: -7px; margin: 0; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-resend .base-phone-login-otp-resend-label, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-resend .base-phone-login-otp-resend-label, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-resend .base-phone-login-otp-resend-label { display: none; } .base-forms .base-phone-login-wrapper .base-phone-login-mail .base-phone-login-otp-resend .base-phone-login-otp-resend-btn, .base-forms .base-phone-login-wrapper .base-phone-login-password .base-phone-login-otp-resend .base-phone-login-otp-resend-btn, .base-forms .base-phone-login-wrapper .base-phone-login .base-phone-login-otp-resend .base-phone-login-otp-resend-btn { padding: 0; border: 0; } .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-transition: outline 300ms ease-out 0s; -moz-transition: outline 300ms ease-out 0s; -ms-transition: outline 300ms ease-out 0s; transition: outline 300ms ease-out 0s; background-color: transparent; font-weight: normal; border: 1px solid #222222; color: #222222; cursor: pointer; display: inline-block; margin: 0 auto; max-width: 300px; padding: 10px; text-align: center; outline: 1px solid transparent; outline: 0; font-size: 0.8125000000000001rem; line-height: 1.53846154; background-color: #ffffff; height: 50px; line-height: 25px; left: 0; max-width: 100%; margin: 65px 0 10px; width: 100%; position: relative; } .base-forms .base-phone-login-wrapper .base-forms-button:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } :lang(ru) .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .base-phone-login-wrapper .base-forms-button:hover { outline: 1px solid #222222; outline-offset: 0; } .base-forms .base-phone-login-wrapper .base-forms-button:disabled { border-color: #e6e6e6; cursor: no-drop; } .base-forms .base-phone-login-wrapper .base-forms-button.vca-icn-only-btn:hover, .base-forms .base-phone-login-wrapper .base-forms-button.vca-btn-sans-intraction:hover, .base-forms .base-phone-login-wrapper .base-forms-button.vca-icn-only-btn:focus, .base-forms .base-phone-login-wrapper .base-forms-button.vca-btn-sans-intraction:focus { box-shadow: none; } :lang(ru) .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-forms-button { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .base-phone-login-wrapper .base-forms-button:hover { outline: 1px solid #222222; outline-offset: 0; } .base-forms .base-phone-login-wrapper .base-forms-button:disabled { border-color: #e6e6e6; cursor: no-drop; } .base-forms .base-phone-login-wrapper .base-forms-button.vca-icn-only-btn:hover, .base-forms .base-phone-login-wrapper .base-forms-button.vca-btn-sans-intraction:hover, .base-forms .base-phone-login-wrapper .base-forms-button.vca-icn-only-btn:focus, .base-forms .base-phone-login-wrapper .base-forms-button.vca-btn-sans-intraction:focus { box-shadow: none; } .base-forms .base-phone-login-wrapper .base-forms-button b, .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-phone-login-wrapper .base-forms-button b, :lang(ru) .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-forms-button b, :lang(ar) .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-forms-button b, :lang(ja) .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-forms-button b, :lang(ko) .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-forms-button b, :lang(zh) .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-forms-button b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-phone-login-wrapper .base-forms-button b, .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-phone-login-wrapper .base-forms-button b, :lang(ru) .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-phone-login-wrapper .base-forms-button b, :lang(ar) .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-phone-login-wrapper .base-forms-button b, :lang(ja) .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-phone-login-wrapper .base-forms-button b, :lang(ko) .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-phone-login-wrapper .base-forms-button b, :lang(zh) .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-forms-button b, :lang(zh-Hant) .base-forms .base-phone-login-wrapper .base-forms-button strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .radio-wrapper, .base-forms .checkbox-wrapper { margin-bottom: 15px; } .base-forms .radio-wrapper .base-forms-element-wrapper, .base-forms .checkbox-wrapper .base-forms-element-wrapper { display: inline; } .base-forms .radio-wrapper .base-forms-element-wrapper:focus-visible, .base-forms .checkbox-wrapper .base-forms-element-wrapper:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .base-forms .base-forms-checkbox-label, .base-forms .base-forms-globalconsent-text { font-size: 0.8125000000000001rem; line-height: 1.53846154; color: #222222; display: block; margin: 10px 20px 10px 1px; } .base-forms .base-forms-checkbox-label b, .base-forms .base-forms-globalconsent-text b, .base-forms .base-forms-checkbox-label strong, .base-forms .base-forms-globalconsent-text strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-forms-checkbox-label b, :lang(ru) .base-forms .base-forms-globalconsent-text b, :lang(ru) .base-forms .base-forms-checkbox-label strong, :lang(ru) .base-forms .base-forms-globalconsent-text strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-forms-checkbox-label b, :lang(ar) .base-forms .base-forms-globalconsent-text b, :lang(ar) .base-forms .base-forms-checkbox-label strong, :lang(ar) .base-forms .base-forms-globalconsent-text strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-forms-checkbox-label b, :lang(ja) .base-forms .base-forms-globalconsent-text b, :lang(ja) .base-forms .base-forms-checkbox-label strong, :lang(ja) .base-forms .base-forms-globalconsent-text strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-forms-checkbox-label b, :lang(ko) .base-forms .base-forms-globalconsent-text b, :lang(ko) .base-forms .base-forms-checkbox-label strong, :lang(ko) .base-forms .base-forms-globalconsent-text strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-forms-checkbox-label b, :lang(zh) .base-forms .base-forms-globalconsent-text b, :lang(zh) .base-forms .base-forms-checkbox-label strong, :lang(zh) .base-forms .base-forms-globalconsent-text strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-forms-checkbox-label b, :lang(zh-Hant) .base-forms .base-forms-globalconsent-text b, :lang(zh-Hant) .base-forms .base-forms-checkbox-label strong, :lang(zh-Hant) .base-forms .base-forms-globalconsent-text strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-forms-checkbox-label b, .base-forms .base-forms-globalconsent-text b, .base-forms .base-forms-checkbox-label strong, .base-forms .base-forms-globalconsent-text strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-forms-checkbox-label b, :lang(ru) .base-forms .base-forms-globalconsent-text b, :lang(ru) .base-forms .base-forms-checkbox-label strong, :lang(ru) .base-forms .base-forms-globalconsent-text strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-forms-checkbox-label b, :lang(ar) .base-forms .base-forms-globalconsent-text b, :lang(ar) .base-forms .base-forms-checkbox-label strong, :lang(ar) .base-forms .base-forms-globalconsent-text strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-forms-checkbox-label b, :lang(ja) .base-forms .base-forms-globalconsent-text b, :lang(ja) .base-forms .base-forms-checkbox-label strong, :lang(ja) .base-forms .base-forms-globalconsent-text strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-forms-checkbox-label b, :lang(ko) .base-forms .base-forms-globalconsent-text b, :lang(ko) .base-forms .base-forms-checkbox-label strong, :lang(ko) .base-forms .base-forms-globalconsent-text strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-forms-checkbox-label b, :lang(zh) .base-forms .base-forms-globalconsent-text b, :lang(zh) .base-forms .base-forms-checkbox-label strong, :lang(zh) .base-forms .base-forms-globalconsent-text strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-forms-checkbox-label b, :lang(zh-Hant) .base-forms .base-forms-globalconsent-text b, :lang(zh-Hant) .base-forms .base-forms-checkbox-label strong, :lang(zh-Hant) .base-forms .base-forms-globalconsent-text strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-forms-radio-label { font-size: 0.8125000000000001rem; line-height: 1.53846154; color: #222222; display: block; margin-right: 20px; } .base-forms .base-forms-radio-label b, .base-forms .base-forms-radio-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-forms-radio-label b, :lang(ru) .base-forms .base-forms-radio-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-forms-radio-label b, :lang(ar) .base-forms .base-forms-radio-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-forms-radio-label b, :lang(ja) .base-forms .base-forms-radio-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-forms-radio-label b, :lang(ko) .base-forms .base-forms-radio-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-forms-radio-label b, :lang(zh) .base-forms .base-forms-radio-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-forms-radio-label b, :lang(zh-Hant) .base-forms .base-forms-radio-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-forms-radio-label b, .base-forms .base-forms-radio-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-forms-radio-label b, :lang(ru) .base-forms .base-forms-radio-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-forms-radio-label b, :lang(ar) .base-forms .base-forms-radio-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-forms-radio-label b, :lang(ja) .base-forms .base-forms-radio-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-forms-radio-label b, :lang(ko) .base-forms .base-forms-radio-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-forms-radio-label b, :lang(zh) .base-forms .base-forms-radio-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-forms-radio-label b, :lang(zh-Hant) .base-forms .base-forms-radio-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-forms-checkbox-label { font-size: 0.8749999999999999rem; line-height: 1.78571429; line-height: 21px; color: #666666; display: block; margin: 10px 20px 10px 1px; } .base-forms .base-forms-checkbox-label b, .base-forms .base-forms-checkbox-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-forms-checkbox-label b, :lang(ru) .base-forms .base-forms-checkbox-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-forms-checkbox-label b, :lang(ar) .base-forms .base-forms-checkbox-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-forms-checkbox-label b, :lang(ja) .base-forms .base-forms-checkbox-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-forms-checkbox-label b, :lang(ko) .base-forms .base-forms-checkbox-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-forms-checkbox-label b, :lang(zh) .base-forms .base-forms-checkbox-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-forms-checkbox-label b, :lang(zh-Hant) .base-forms .base-forms-checkbox-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-forms-checkbox-label b, .base-forms .base-forms-checkbox-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .base-forms-checkbox-label b, :lang(ru) .base-forms .base-forms-checkbox-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .base-forms-checkbox-label b, :lang(ar) .base-forms .base-forms-checkbox-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .base-forms-checkbox-label b, :lang(ja) .base-forms .base-forms-checkbox-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .base-forms-checkbox-label b, :lang(ko) .base-forms .base-forms-checkbox-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .base-forms-checkbox-label b, :lang(zh) .base-forms .base-forms-checkbox-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .base-forms-checkbox-label b, :lang(zh-Hant) .base-forms .base-forms-checkbox-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-forms-checkbox-label::before { top: 3px !important; /* stylelint-disable-line declaration-no-important */ } .base-forms .button-wrapper { margin-bottom: 0; } .base-forms .button-wrapper .base-forms-button { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.8125000000000001rem; line-height: 1.53846154; -webkit-transition: outline 300ms ease-out 0s; -moz-transition: outline 300ms ease-out 0s; -ms-transition: outline 300ms ease-out 0s; transition: outline 300ms ease-out 0s; background-color: transparent; font-weight: normal; border: 1px solid #222222; color: #222222; cursor: pointer; display: inline-block; margin: 0 auto; max-width: 300px; padding: 10px; text-align: center; outline: 1px solid transparent; outline: 0; letter-spacing: 1.5px; max-width: 100%; white-space: normal; width: 100%; } .base-forms .button-wrapper .base-forms-button:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } :lang(ru) .base-forms .button-wrapper .base-forms-button { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .button-wrapper .base-forms-button { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .button-wrapper .base-forms-button { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .button-wrapper .base-forms-button { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .button-wrapper .base-forms-button { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .button-wrapper .base-forms-button { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .button-wrapper .base-forms-button:hover { outline: 1px solid #222222; outline-offset: 0; } .base-forms .button-wrapper .base-forms-button:disabled { border-color: #e6e6e6; cursor: no-drop; } .base-forms .button-wrapper .base-forms-button.vca-icn-only-btn:hover, .base-forms .button-wrapper .base-forms-button.vca-btn-sans-intraction:hover, .base-forms .button-wrapper .base-forms-button.vca-icn-only-btn:focus, .base-forms .button-wrapper .base-forms-button.vca-btn-sans-intraction:focus { box-shadow: none; } :lang(ru) .base-forms .button-wrapper .base-forms-button { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .button-wrapper .base-forms-button { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .button-wrapper .base-forms-button { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .button-wrapper .base-forms-button { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .button-wrapper .base-forms-button { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .button-wrapper .base-forms-button { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .button-wrapper .base-forms-button:hover { outline: 1px solid #222222; outline-offset: 0; } .base-forms .button-wrapper .base-forms-button:disabled { border-color: #e6e6e6; cursor: no-drop; } .base-forms .button-wrapper .base-forms-button.vca-icn-only-btn:hover, .base-forms .button-wrapper .base-forms-button.vca-btn-sans-intraction:hover, .base-forms .button-wrapper .base-forms-button.vca-icn-only-btn:focus, .base-forms .button-wrapper .base-forms-button.vca-btn-sans-intraction:focus { box-shadow: none; } .base-forms .button-wrapper .base-forms-button[type='reset'] { opacity: 0.4; margin-top: 20px; } .base-forms .system_form_international_phone .base-forms-internationalphone-dropdown .base-forms-internationalphone-arrow { top: 2px; } .base-forms .system_form_international_phone .base-forms-internationalphone-dropdown .flag-icon { background-size: 5630px 15px !important; /* stylelint-disable-line declaration-no-important */ } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 0; border-bottom: 1px solid #cccccc; display: inline-block; max-width: 300px; padding: 5px 0; color: #454545; font-size: 0.8749999999999999rem; line-height: 1.78571429; box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; margin-top: 10px; max-width: none; padding: 10px 0 5px; height: auto; width: 100%; } :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown:active, .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown:focus { border-bottom-color: #757575; color: #222222; outline: 0; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown:active::placeholder, .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown:focus::placeholder { color: #222222; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown:hover { border-bottom-color: #757575; color: #666666; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown:hover::placeholder { color: #666666; } :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown:active, .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown:focus { border-bottom-color: #757575; color: #222222; outline: 0; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown:active::placeholder, .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown:focus::placeholder { color: #222222; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown:hover { border-bottom-color: #757575; color: #666666; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown:hover::placeholder { color: #666666; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown b, :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown::before { display: none; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown .base-forms-internationalphone-arrow { display: block; top: 10px; padding-top: 3px; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown .base-forms-internationalphone-input { border: 0; max-width: 100%; padding-top: 0; margin-top: 0; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown .flag-icon { background-size: 5630px 15px !important; /* stylelint-disable-line declaration-no-important */ } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown .base-forms-error { font-family: inherit; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-dropdown .base-forms-error:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container { position: relative; width: 100%; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .phoneNumber-otp { margin: 0; padding: 0; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link { font-size: 0.8125000000000001rem; line-height: 1.53846154; position: absolute; right: 0; top: 30px; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link b, :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-otp-container .base-forms-internationalphone-otp-link strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-token { width: 100%; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-transition: outline 300ms ease-out 0s; -moz-transition: outline 300ms ease-out 0s; -ms-transition: outline 300ms ease-out 0s; transition: outline 300ms ease-out 0s; background-color: transparent; font-weight: normal; border: 1px solid #222222; color: #222222; cursor: pointer; display: inline-block; margin: 0 auto; max-width: 300px; padding: 10px; text-align: center; outline: 1px solid transparent; outline: 0; font-size: 0.8125000000000001rem; line-height: 1.53846154; background-color: #ffffff; height: 50px; line-height: 25px; left: 0; max-width: 100%; margin: 0 0 10px; width: 100%; position: relative; } :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button:hover { outline: 1px solid #222222; outline-offset: 0; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button:disabled { border-color: #e6e6e6; cursor: no-drop; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button.vca-icn-only-btn:hover, .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button.vca-btn-sans-intraction:hover, .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button.vca-icn-only-btn:focus, .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button.vca-btn-sans-intraction:focus { box-shadow: none; } :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button:hover { outline: 1px solid #222222; outline-offset: 0; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button:disabled { border-color: #e6e6e6; cursor: no-drop; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button.vca-icn-only-btn:hover, .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button.vca-btn-sans-intraction:hover, .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button.vca-icn-only-btn:focus, .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button.vca-btn-sans-intraction:focus { box-shadow: none; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, :lang(ru) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, :lang(ar) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, :lang(ja) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, :lang(ko) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, :lang(zh) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button b, :lang(zh-Hant) .base-forms .system_form_international_phone_token .base-forms-internationalphone-token .base-forms-button strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .base-forms .base-forms-element { margin-bottom: 20px; } .base-forms .base-forms-element.button-wrapper { padding: 1px; } .base-forms .base-forms-element .base-forms-checkbox-label::after { top: 4px !important; /* stylelint-disable-line declaration-no-important */ } :lang(ar) .base-forms .base-forms-element.shipping\.address2 { display: none; } .base-forms .base-forms-textarea.base-forms-error { border-color: #ff0000; } .base-forms .base-forms-password { position: relative; } .base-forms .base-forms-password .base-forms-instruction-text { position: relative; margin-bottom: 20px; text-align: left; padding-left: 20px; float: left; overflow: hidden; text-overflow: ellipsis; } .base-forms .base-forms-password .base-forms-instruction-text:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#info-small'); } .vca-account .base-forms .base-forms-password .base-forms-instruction-text { margin-top: 7px; } .vca-myaccount-wrapper .base-forms .base-forms-password .base-forms-instruction-text { margin-top: 15px; margin-bottom: 35px; } .base-forms .base-forms-password .base-forms-instruction-text:empty { display: none; } .base-forms .base-forms-password .base-forms-instruction-text::before { color: #7d7d7d; width: 11px !important; /* stylelint-disable-line declaration-no-important */ height: 11px !important; /* stylelint-disable-line declaration-no-important */ position: absolute; left: 0; top: 2px; } .base-forms .base-forms-field-password { border: 0; outline: 0; width: 25px; height: 25px; top: 25px; right: 0; padding: 0; } .base-forms .base-forms-field-password:hover, .base-forms .base-forms-field-password:focus { border: 0; outline: 0; outline-color: transparent; } .base-forms .base-forms-field-password:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .base-forms .base-js-captcha-result { max-width: 0; border: 0; } .base-forms .base-js-reset-button { display: none !important; /* stylelint-disable-line declaration-no-important */ } .base-forms .base-forms-element-group { margin-right: 2px; } .base-checkout-login .base-cl-login-checkout .base-phone-login-container { max-width: 100%; width: 100%; } button.base-forms-btn-tooltip, .base-forms-btn-tooltip[type='button'] { display: inline-block; max-width: none; width: auto; border: 0; background-color: transparent; } .base-forms-postcode-btn { margin: 25px 0 10px; width: 100%; } .base-forms-postcode-btn:hover, .base-forms-postcode-btn:focus { outline: none; } .cst-base-captcha { overflow: visible; } .base-forms-wrapper .base-forms-confirmation { display: none; } .base-icn-envelope { right: 0; top: 0; position: relative; } .base-icn-envelope:before { content: none; } .email-wrapper .base-icn-envelope { display: none; } .base-forms-linkbutton { max-width: 100%; } .base-icn-show-password { font-size: 0; } .base-icn-show-password:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#openedeye'); } .base-icn-hide-password { font-size: 0; } .base-icn-hide-password:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#closedeye'); } .base-forms-server-side-error { margin: 15px 0; } .preferredDate input[type='text'] { border: 1px solid #e6e6e6; padding-left: 50px; background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#appointment'), url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#rectangle'); background-repeat: no-repeat; background-position: top 10px left 10px, top 0 left 40px; } .base-checkout-shell .billing.prefectureCode, .base-checkout-shell .shipping.prefectureCode { display: none; } .vca-add-address-lb .base-forms-textarea { height: 50px; } .vca-add-address-lb .base-add-sugg-overlay .base-as-item label { display: -webkit-flex; display: -ms-flex; display: flex; margin-bottom: 10px; } .vca-add-address-lb .base-add-sugg-overlay .base-as-confirm { margin-bottom: 10px; } .base-forms-button.base-forms-button__suggest-kr-address, .base-forms-button.base-forms-button__suggest-address { margin: 25px 0 1px 1px; border: 1px solid #cccccc; width: calc(98%); } .kr-search-address-overlay .search-type-select { font-size: 0.8125000000000001rem; line-height: 1.53846154; } .kr-search-address-overlay .search-type-select b, .kr-search-address-overlay .search-type-select strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .kr-search-address-overlay .search-type-select b, :lang(ru) .kr-search-address-overlay .search-type-select strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .kr-search-address-overlay .search-type-select b, :lang(ar) .kr-search-address-overlay .search-type-select strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .kr-search-address-overlay .search-type-select b, :lang(ja) .kr-search-address-overlay .search-type-select strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .kr-search-address-overlay .search-type-select b, :lang(ko) .kr-search-address-overlay .search-type-select strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .kr-search-address-overlay .search-type-select b, :lang(zh) .kr-search-address-overlay .search-type-select strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .kr-search-address-overlay .search-type-select b, :lang(zh-Hant) .kr-search-address-overlay .search-type-select strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .kr-search-address-overlay .search-type-select b, .kr-search-address-overlay .search-type-select strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .kr-search-address-overlay .search-type-select b, :lang(ru) .kr-search-address-overlay .search-type-select strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .kr-search-address-overlay .search-type-select b, :lang(ar) .kr-search-address-overlay .search-type-select strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .kr-search-address-overlay .search-type-select b, :lang(ja) .kr-search-address-overlay .search-type-select strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .kr-search-address-overlay .search-type-select b, :lang(ko) .kr-search-address-overlay .search-type-select strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .kr-search-address-overlay .search-type-select b, :lang(zh) .kr-search-address-overlay .search-type-select strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .kr-search-address-overlay .search-type-select b, :lang(zh-Hant) .kr-search-address-overlay .search-type-select strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .kr-search-address-overlay .search-type-select input[type='radio']:empty + label:before { background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 10px; width: 10px; position: absolute; top: 0; bottom: 0; left: 0; border-radius: 10px; border: 1px solid #666666; background-color: #ffffff; } .kr-search-address-overlay .search-type-select input[type='radio']:checked + label:before { background-color: #222222; border-color: #222222; } .kr-search-address-overlay .search-type-select legend { margin-bottom: 10px; } .kr-search-address-overlay .search-type-label { font-size: 0.8749999999999999rem; line-height: 1.78571429; color: #222222; padding: 0 20px; } .kr-search-address-overlay .search-type-label b, .kr-search-address-overlay .search-type-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .kr-search-address-overlay .search-type-label b, :lang(ru) .kr-search-address-overlay .search-type-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .kr-search-address-overlay .search-type-label b, :lang(ar) .kr-search-address-overlay .search-type-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .kr-search-address-overlay .search-type-label b, :lang(ja) .kr-search-address-overlay .search-type-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .kr-search-address-overlay .search-type-label b, :lang(ko) .kr-search-address-overlay .search-type-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .kr-search-address-overlay .search-type-label b, :lang(zh) .kr-search-address-overlay .search-type-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .kr-search-address-overlay .search-type-label b, :lang(zh-Hant) .kr-search-address-overlay .search-type-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .kr-search-address-overlay .search-type-label b, .kr-search-address-overlay .search-type-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .kr-search-address-overlay .search-type-label b, :lang(ru) .kr-search-address-overlay .search-type-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .kr-search-address-overlay .search-type-label b, :lang(ar) .kr-search-address-overlay .search-type-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .kr-search-address-overlay .search-type-label b, :lang(ja) .kr-search-address-overlay .search-type-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .kr-search-address-overlay .search-type-label b, :lang(ko) .kr-search-address-overlay .search-type-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .kr-search-address-overlay .search-type-label b, :lang(zh) .kr-search-address-overlay .search-type-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .kr-search-address-overlay .search-type-label b, :lang(zh-Hant) .kr-search-address-overlay .search-type-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .kr-search-address-overlay .search-type-label::before { width: 12px; height: 12px; } .kr-search-address-overlay .base-kr-search-address-form form p { text-align: center; margin-bottom: 25px; margin-top: 10px; color: #222222; } .kr-search-address-overlay .base-kr-search-address-form .base-forms-label { margin-bottom: 10px; } .kr-search-address-overlay .base-kr-search-address-form .base-forms-select { margin-bottom: 30px; } .kr-search-address-overlay .base-kr-search-address-form .base-search-button { font-size: 0.8125000000000001rem; line-height: 1.53846154; text-transform: uppercase; color: #757575; letter-spacing: 1.5px; max-width: 100%; color: #222222; margin-top: 65px; } :lang(ar) .kr-search-address-overlay .base-kr-search-address-form .base-search-button { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .kr-search-address-overlay .base-kr-search-address-form .base-search-button { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .kr-search-address-overlay .base-kr-search-address-form .base-search-button { font-size: 0.9375rem; line-height: 1.33333333; } :lang(ar) .kr-search-address-overlay .base-kr-search-address-form .base-search-button { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .kr-search-address-overlay .base-kr-search-address-form .base-search-button { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .kr-search-address-overlay .base-kr-search-address-form .base-search-button { font-size: 0.9375rem; line-height: 1.33333333; } .kr-search-address-overlay .base-kr-search-address-form .base-search-button:before { display: none; } .kr-search-address-overlay .base-kr-search-address-form .base-kr-search-by-address { margin-top: 40px; } .kr-search-address-overlay .base-kr-search-results .base-search-locations__list-item { padding: 10px; } .kr-search-address-overlay input[type='radio']:focus ~ label, .kr-search-address-overlay input[type='checkbox']:focus ~ label { outline: none; } .base-search-kr-overlay__address4 { display: none; } .base-forms-jp-shipping div[class~='shipping.address'] .base-forms-instruction { display: none; } .base-kr-search-address-overlay-city--error, .base-kr-search-address-overlay-district--error, .base-kr-search-address-input--error, .base-kr-search-address-input-address5--error { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#cross-red'); border-bottom: 1px solid #ff0000; } .base-kr-search-address-overlay-city--error, .base-kr-search-address-overlay-district--error { border: 1px solid #ff0000; } .base-kr-search-address-overlay-city--error.base-forms-valid, .base-kr-search-address-overlay-district--error.base-forms-valid { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#check-green'); border-color: #cccccc; } .base-forms-ksa__confirm, .base-forms-sa__confirm, .base-search-sa-overlay__heading, .base-search-ksa-overlay__heading { margin-bottom: 15px; } .base-search-sa-overlay__actions, .base-search-ksa-overlay__actions { margin-top: 15px; } .internationalphone.base-forms-element .base-forms-input:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } [class^='vca-icn-']:before, [class*=' vca-icn-']:before, [class^='vca-icnpost-']:after, [class*=' vca-icnpost-']:after { display: inline-block; vertical-align: text-bottom; } .vca-icn-base-pseudo, .base-forms .base-forms-password .base-forms-instruction-text:before, .base-icn-show-password:before, .base-icn-hide-password:before, .vca-icn-add-to-basket:before, .vca-icn-adyen-affirm:before, .vca-icn-adyen-alipay:before, .vca-icn-adyen-card:before, .vca-icn-adyen-paypal:before, .vca-icn-adyen-we-chat-pay:before, .vca-icn-all:before, .vca-icn-amex:before, .vca-icn-appointment:before, .vca-icn-arrow-down-light:before, .vca-icn-arrow-down-white:before, .vca-icn-arrow-down:before, .vca-icn-arrow-left:before, .vca-icn-arrow-right-black:before, .vca-icn-arrow-right:before, .vca-icn-arrow-up:before, .vca-icn-bag-grey:before, .vca-icn-bag-light-grey:before, .vca-icn-bag-white:before, .vca-icn-bag:before, .vca-icn-bottom-threesixty:before, .vca-icn-bougie-sticky:before, .vca-icn-bougie:before, .vca-icn-boutique:before, .vca-icn-box:before, .vca-icn-bracelets-placeholder:before, .vca-icn-bracelets:before, .vca-icn-budget:before, .vca-icn-butterflies-earring_pendant_bracelet:before, .vca-icn-call-back:before, .vca-icn-call-grey:before, .vca-icn-call-light-grey:before, .vca-icn-call:before, .vca-icn-cancel-form:before, .vca-icn-carat:before, .vca-icn-card:before, .vca-icn-carousel-hover:before, .vca-icn-case:before, .vca-icn-chat:before, .vca-icn-check-green:before, .vca-icn-checkbox-active:before, .vca-icn-checkbox-inactive:before, .vca-icn-checked:before, .vca-icn-chevron-left:before, .vca-icn-chevron-right:before, .vca-icn-clarity:before, .vca-icn-clips-placeholder:before, .vca-icn-clips:before, .vca-icn-close-grey:before, .vca-icn-close-white:before, .vca-icn-close:before, .vca-icn-closeBlack:before, .vca-icn-closedeye:before, .vca-icn-cn-logo-text-black:before, .vca-icn-cn-logo-text-white:before, .vca-icn-color:before, .vca-icn-cross-red:before, .vca-icn-cufflinks-placeholder:before, .vca-icn-cufflinks:before, .vca-icn-delete:before, .vca-icn-delivery:before, .vca-icn-dial:before, .vca-icn-discover-your-stone:before, .vca-icn-document:before, .vca-icn-download:before, .vca-icn-ea:before, .vca-icn-earings-placeholder:before, .vca-icn-earrings:before, .vca-icn-eau-de-parfum:before, .vca-icn-engrave:before, .vca-icn-engraving:before, .vca-icn-expand-active:before, .vca-icn-expand-inactive:before, .vca-icn-filter:before, .vca-icn-foldmap:before, .vca-icn-frame:before, .vca-icn-frivole:before, .vca-icn-frivole_CN:before, .vca-icn-geoloc:before, .vca-icn-go-top-arrow:before, .vca-icn-go-top:before, .vca-icn-gpay:before, .vca-icn-heart-filled:before, .vca-icn-heart-white:before, .vca-icn-heart:before, .vca-icn-history:before, .vca-icn-info-mini:before, .vca-icn-info-small:before, .vca-icn-info:before, .vca-icn-kakao:before, .vca-icn-kakaopay-logo:before, .vca-icn-kcp-logo:before, .vca-icn-languages:before, .vca-icn-leaf:before, .vca-icn-light-grey-check:before, .vca-icn-line:before, .vca-icn-link:before, .vca-icn-list:before, .vca-icn-log-out:before, .vca-icn-logo-text-white:before, .vca-icn-logo-text:before, .vca-icn-logo:before, .vca-icn-map-grey:before, .vca-icn-map-light-grey:before, .vca-icn-map-white:before, .vca-icn-map:before, .vca-icn-mast:before, .vca-icn-material-GREY:before, .vca-icn-material-OG75:before, .vca-icn-material-OJ75:before, .vca-icn-material-OR75:before, .vca-icn-material-ORBLANC:before, .vca-icn-material-ORJAUNE:before, .vca-icn-material-ORROSE:before, .vca-icn-material-PL95:before, .vca-icn-material-PLATINE:before, .vca-icn-material-WHITE:before, .vca-icn-menu-grey:before, .vca-icn-menu-light-grey:before, .vca-icn-menu:before, .vca-icn-message:before, .vca-icn-mvmt:before, .vca-icn-necklaces-placeholder:before, .vca-icn-necklaces:before, .vca-icn-npay-logo:before, .vca-icn-openedeye:before, .vca-icn-order:before, .vca-icn-other-placeholder:before, .vca-icn-package:before, .vca-icn-papillon:before, .vca-icn-parfum:before, .vca-icn-payco-logo:before, .vca-icn-paypal:before, .vca-icn-pdf:before, .vca-icn-pendant:before, .vca-icn-pendants-placeholder:before, .vca-icn-picto-dark:before, .vca-icn-picto:before, .vca-icn-pin-active:before, .vca-icn-pin-inactive:before, .vca-icn-pinch:before, .vca-icn-play-small:before, .vca-icn-play:before, .vca-icn-profile-grey:before, .vca-icn-profile-light-grey:before, .vca-icn-profile-white:before, .vca-icn-profile:before, .vca-icn-pure_alhambra:before, .vca-icn-pure_alhambra_CN:before, .vca-icn-question:before, .vca-icn-radio-active:before, .vca-icn-radio-inactive:before, .vca-icn-rectangle:before, .vca-icn-refresh:before, .vca-icn-reload:before, .vca-icn-right:before, .vca-icn-ring:before, .vca-icn-ringblack:before, .vca-icn-rings-placeholder:before, .vca-icn-scan:before, .vca-icn-schedul:before, .vca-icn-search-grey:before, .vca-icn-search-light-grey:before, .vca-icn-search-white:before, .vca-icn-search:before, .vca-icn-send:before, .vca-icn-service:before, .vca-icn-services:before, .vca-icn-services_new:before, .vca-icn-sms:before, .vca-icn-stone-001:before, .vca-icn-stone-004:before, .vca-icn-stone-005:before, .vca-icn-stone-006:before, .vca-icn-stone-018:before, .vca-icn-stone-024:before, .vca-icn-stone-025:before, .vca-icn-stone-032:before, .vca-icn-stone-038:before, .vca-icn-stone-041:before, .vca-icn-stone-042:before, .vca-icn-stone-044:before, .vca-icn-stone-045:before, .vca-icn-stone-046:before, .vca-icn-stone-051:before, .vca-icn-stone-053:before, .vca-icn-stone-054:before, .vca-icn-stone-055:before, .vca-icn-stone-056:before, .vca-icn-stone-058:before, .vca-icn-stone-068:before, .vca-icn-stone-072:before, .vca-icn-stone-088:before, .vca-icn-stone-101:before, .vca-icn-stone-102:before, .vca-icn-stone-103:before, .vca-icn-stone-104:before, .vca-icn-stone-105:before, .vca-icn-stone-243:before, .vca-icn-stone-AGATE:before, .vca-icn-stone-AMAZONITE:before, .vca-icn-stone-AVENTURINE:before, .vca-icn-stone-CARNELIAN:before, .vca-icn-stone-CHALCEDONY:before, .vca-icn-stone-CORAL:before, .vca-icn-stone-DIAMOND:before, .vca-icn-stone-EMERALD:before, .vca-icn-stone-IRON_EYE:before, .vca-icn-stone-JASPER:before, .vca-icn-stone-LAPIS_LAZULI:before, .vca-icn-stone-LETTERWOOD:before, .vca-icn-stone-MALACHITE:before, .vca-icn-stone-MOTHER_OF_PEARL:before, .vca-icn-stone-OBSIDIAN:before, .vca-icn-stone-ONYX:before, .vca-icn-stone-PIETERSITE:before, .vca-icn-stone-QUARTZ:before, .vca-icn-stone-RUBY:before, .vca-icn-stone-SAPPHIRE:before, .vca-icn-stone-SODALITE:before, .vca-icn-stone-TIGER_EYE:before, .vca-icn-stone-TSAVORITE:before, .vca-icn-stone-TURQUOISE:before, .vca-icn-stone-AMETHYST:before, .vca-icn-stone-AQUAMARINE:before, .vca-icn-stone-PERIDOT:before, .vca-icn-stone-CITRINE:before, .vca-icn-stone-RHODOLITE_GARNET:before, .vca-icn-store:before, .vca-icn-sweet_vintage_magic-alhambra:before, .vca-icn-swipe:before, .vca-icn-switch-circle-grey:before, .vca-icn-switch-circle-white:before, .vca-icn-switch-flower-grey:before, .vca-icn-switch-flower-white:before, .vca-icn-tabby:before, .vca-icn-three-d:before, .vca-icn-threesixty-hover:before, .vca-icn-threesixty-img-view:before, .vca-icn-time:before, .vca-icn-toilette:before, .vca-icn-touch:before, .vca-icn-two_butterfly:before, .vca-icn-union:before, .vca-icn-v12-retail:before, .vca-icn-vca-logo-placeholder:before, .vca-icn-vcp-chat-icon:before, .vca-icn-video:before, .vca-icn-view:before, .vca-icn-vintage_alhambra-ring:before, .vca-icn-virtual-chat:before, .vca-icn-visa:before, .vca-icn-watch:before, .vca-icn-watches-bracelets:before, .vca-icn-watches-placeholder:before, .vca-icn-wechat:before, .vca-icn-whatsapp:before, .vca-icn-zoom-in-arrow-circle:before, .vca-icn-zoom-in-arrow:before, .vca-icn-zoom-in-circle:before, .vca-icn-zoom-in:before, .vca-icn-zoom-out-arrow-circle:before, .vca-icn-zoom-out-arrow:before, .vca-icn-zoom-out-circle:before, .vca-icn-zoom-out:before, .vca-icn-sleek_arrow_left:hover:before, .vca-icn-sleek_arrow_right:hover:before, .vca-custom-select-button:before, .vca-custom-select-button[aria-expanded='true']:before, .vca-custom-select-li.vca-selected:before, .vca-addtowl[data-added='true'] .vca-icn-heart:before, .vca-body.base-lightbox-open:not(.vca-lightbox) .base-lightbox-close:before, .vca-accordion-head:before, .vca-accordion-head.vca-active:before { content: ''; height: 1.25rem; width: 1.25rem; background-repeat: no-repeat; background-position: center; background-size: 100%; } /* stylelint-disable */ .vca-icn-add-to-basket:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#add-to-basket'); } .vca-icn-adyen-affirm:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#adyen-affirm'); } .vca-icn-adyen-alipay:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#adyen-alipay'); } .vca-icn-adyen-card:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#adyen-card'); } .vca-icn-adyen-paypal:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#adyen-paypal'); } .vca-icn-adyen-we-chat-pay:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#adyen-we-chat-pay'); } .vca-icn-all:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#all'); } .vca-icn-amex:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#amex'); } .vca-icn-appointment:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#appointment'); } .vca-icn-arrow-down-light:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#arrow-down-light'); } .vca-icn-arrow-down-white:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#arrow-down-white'); } .vca-icn-arrow-down:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#arrow-down'); } .vca-icn-arrow-left:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#arrow-left'); } .vca-icn-arrow-right-black:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#arrow-right-black'); } .vca-icn-arrow-right:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#arrow-right'); } .vca-icn-arrow-up:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#arrow-up'); } .vca-icn-bag-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bag-grey'); } .vca-icn-bag-light-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bag-light-grey'); } .vca-icn-bag-white:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bag-white'); } .vca-icn-bag:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bag'); } .vca-icn-bottom-threesixty:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bottom-threesixty'); } .vca-icn-bougie-sticky:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bougie-sticky'); } .vca-icn-bougie:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bougie'); } .vca-icn-boutique:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#boutique'); } .vca-icn-box:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#box'); } .vca-icn-bracelets-placeholder:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bracelets-placeholder'); } .vca-icn-bracelets:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bracelets'); } .vca-icn-budget:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#budget'); } .vca-icn-butterflies-earring_pendant_bracelet:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#butterflies-earring_pendant_bracelet'); } .vca-icn-call-back:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#call-back'); } .vca-icn-call-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#call-grey'); } .vca-icn-call-light-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#call-light-grey'); } .vca-icn-call:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#call'); } .vca-icn-cancel-form:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#cancel-form'); } .vca-icn-carat:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#carat'); } .vca-icn-card:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#card'); } .vca-icn-carousel-hover:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#carousel-hover'); } .vca-icn-case:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#case'); } .vca-icn-chat:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chat'); } .vca-icn-check-green:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#check-green'); } .vca-icn-checkbox-active:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#checkbox-active'); } .vca-icn-checkbox-inactive:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#checkbox-inactive'); } .vca-icn-checked:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#checked'); } .vca-icn-chevron-left:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chevron-left'); } .vca-icn-chevron-right:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chevron-right'); } .vca-icn-clarity:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#clarity'); } .vca-icn-clips-placeholder:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#clips-placeholder'); } .vca-icn-clips:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#clips'); } .vca-icn-close-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#close-grey'); } .vca-icn-close-white:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#close-white'); } .vca-icn-close:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#close'); } .vca-icn-closeBlack:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#closeBlack'); } .vca-icn-closedeye:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#closedeye'); } .vca-icn-cn-logo-text-black:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#cn-logo-text-black'); } .vca-icn-cn-logo-text-white:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#cn-logo-text-white'); } .vca-icn-color:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#color'); } .vca-icn-cross-red:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#cross-red'); } .vca-icn-cufflinks-placeholder:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#cufflinks-placeholder'); } .vca-icn-cufflinks:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#cufflinks'); } .vca-icn-delete:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#delete'); } .vca-icn-delivery:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#delivery'); } .vca-icn-dial:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#dial'); } .vca-icn-discover-your-stone:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#discover-your-stone'); } .vca-icn-document:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#document'); } .vca-icn-download:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#download'); } .vca-icn-ea:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#ea'); } .vca-icn-earings-placeholder:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#earings-placeholder'); } .vca-icn-earrings:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#earrings'); } .vca-icn-eau-de-parfum:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#eau-de-parfum'); } .vca-icn-engrave:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#engrave'); } .vca-icn-engraving:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#engraving'); } .vca-icn-expand-active:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#expand-active'); } .vca-icn-expand-inactive:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#expand-inactive'); } .vca-icn-filter:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#filter'); } .vca-icn-foldmap:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#foldmap'); } .vca-icn-frame:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#frame'); } .vca-icn-frivole:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#frivole'); } .vca-icn-frivole_CN:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#frivole_CN'); } .vca-icn-geoloc:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#geoloc'); } .vca-icn-go-top-arrow:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#go-top-arrow'); } .vca-icn-go-top:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#go-top'); } .vca-icn-gpay:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#gpay'); } .vca-icn-heart-filled:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#heart-filled'); } .vca-icn-heart-white:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#heart-white'); } .vca-icn-heart:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#heart'); } .vca-icn-history:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#history'); } .vca-icn-info-mini:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#info-mini'); } .vca-icn-info-small:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#info-small'); } .vca-icn-info:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#info'); } .vca-icn-kakao:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#kakao'); } .vca-icn-kakaopay-logo:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#kakaopay-logo'); } .vca-icn-kcp-logo:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#kcp-logo'); } .vca-icn-languages:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#languages'); } .vca-icn-leaf:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#leaf'); } .vca-icn-light-grey-check:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#light-grey-check'); } .vca-icn-line:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#line'); } .vca-icn-link:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#link'); } .vca-icn-list:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#list'); } .vca-icn-log-out:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#log-out'); } .vca-icn-logo-text-white:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#logo-text-white'); } .vca-icn-logo-text:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#logo-text'); } .vca-icn-logo:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#logo'); } .vca-icn-map-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#map-grey'); } .vca-icn-map-light-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#map-light-grey'); } .vca-icn-map-white:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#map-white'); } .vca-icn-map:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#map'); } .vca-icn-mast:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#mast'); } .vca-icn-material-GREY:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#material-GREY'); } .vca-icn-material-OG75:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#material-OG75'); } .vca-icn-material-OJ75:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#material-OJ75'); } .vca-icn-material-OR75:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#material-OR75'); } .vca-icn-material-ORBLANC:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#material-ORBLANC'); } .vca-icn-material-ORJAUNE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#material-ORJAUNE'); } .vca-icn-material-ORROSE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#material-ORROSE'); } .vca-icn-material-PL95:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#material-PL95'); } .vca-icn-material-PLATINE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#material-PLATINE'); } .vca-icn-material-WHITE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#material-WHITE'); } .vca-icn-menu-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#menu-grey'); } .vca-icn-menu-light-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#menu-light-grey'); } .vca-icn-menu:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#menu'); } .vca-icn-message:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#message'); } .vca-icn-mvmt:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#mvmt'); } .vca-icn-necklaces-placeholder:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#necklaces-placeholder'); } .vca-icn-necklaces:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#necklaces'); } .vca-icn-npay-logo:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#npay-logo'); } .vca-icn-openedeye:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#openedeye'); } .vca-icn-order:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#order'); } .vca-icn-other-placeholder:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#other-placeholder'); } .vca-icn-package:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#package'); } .vca-icn-papillon:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#papillon'); } .vca-icn-parfum:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#parfum'); } .vca-icn-payco-logo:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#payco-logo'); } .vca-icn-paypal:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#paypal'); } .vca-icn-pdf:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#pdf'); } .vca-icn-pendant:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#pendant'); } .vca-icn-pendants-placeholder:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#pendants-placeholder'); } .vca-icn-picto-dark:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#picto-dark'); } .vca-icn-picto:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#picto'); } .vca-icn-pin-active:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#pin-active'); } .vca-icn-pin-inactive:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#pin-inactive'); } .vca-icn-pinch:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#pinch'); } .vca-icn-play-small:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#play-small'); } .vca-icn-play:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#play'); } .vca-icn-profile-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#profile-grey'); } .vca-icn-profile-light-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#profile-light-grey'); } .vca-icn-profile-white:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#profile-white'); } .vca-icn-profile:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#profile'); } .vca-icn-pure_alhambra:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#pure_alhambra'); } .vca-icn-pure_alhambra_CN:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#pure_alhambra_CN'); } .vca-icn-question:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#question'); } .vca-icn-radio-active:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#radio-active'); } .vca-icn-radio-inactive:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#radio-inactive'); } .vca-icn-rectangle:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#rectangle'); } .vca-icn-refresh:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#refresh'); } .vca-icn-reload:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#reload'); } .vca-icn-right:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#right'); } .vca-icn-ring:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#ring'); } .vca-icn-ringblack:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#ringblack'); } .vca-icn-rings-placeholder:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#rings-placeholder'); } .vca-icn-scan:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#scan'); } .vca-icn-schedul:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#schedul'); } .vca-icn-search-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#search-grey'); } .vca-icn-search-light-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#search-light-grey'); } .vca-icn-search-white:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#search-white'); } .vca-icn-search:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#search'); } .vca-icn-send:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#send'); } .vca-icn-service:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#service'); } .vca-icn-services:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#services'); } .vca-icn-services_new:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#services_new'); } .vca-icn-sms:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#sms'); } .vca-icn-stone-001:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-001'); } .vca-icn-stone-004:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-004'); } .vca-icn-stone-005:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-005'); } .vca-icn-stone-006:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-006'); } .vca-icn-stone-018:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-018'); } .vca-icn-stone-024:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-024'); } .vca-icn-stone-025:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-025'); } .vca-icn-stone-032:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-032'); } .vca-icn-stone-038:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-038'); } .vca-icn-stone-041:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-041'); } .vca-icn-stone-042:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-042'); } .vca-icn-stone-044:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-044'); } .vca-icn-stone-045:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-045'); } .vca-icn-stone-046:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-046'); } .vca-icn-stone-051:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-051'); } .vca-icn-stone-053:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-053'); } .vca-icn-stone-054:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-054'); } .vca-icn-stone-055:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-055'); } .vca-icn-stone-056:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-056'); } .vca-icn-stone-058:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-058'); } .vca-icn-stone-068:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-068'); } .vca-icn-stone-072:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-072'); } .vca-icn-stone-088:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-088'); } .vca-icn-stone-101:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-101'); } .vca-icn-stone-102:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-102'); } .vca-icn-stone-103:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-103'); } .vca-icn-stone-104:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-104'); } .vca-icn-stone-105:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-105'); } .vca-icn-stone-243:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-243'); } .vca-icn-stone-AGATE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-AGATE'); } .vca-icn-stone-AMAZONITE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-AMAZONITE'); } .vca-icn-stone-AVENTURINE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-AVENTURINE'); } .vca-icn-stone-CARNELIAN:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-CARNELIAN'); } .vca-icn-stone-CHALCEDONY:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-CHALCEDONY'); } .vca-icn-stone-CORAL:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-CORAL'); } .vca-icn-stone-DIAMOND:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-DIAMOND'); } .vca-icn-stone-EMERALD:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-EMERALD'); } .vca-icn-stone-IRON_EYE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-IRON_EYE'); } .vca-icn-stone-JASPER:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-JASPER'); } .vca-icn-stone-LAPIS_LAZULI:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-LAPIS_LAZULI'); } .vca-icn-stone-LETTERWOOD:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-LETTERWOOD'); } .vca-icn-stone-MALACHITE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-MALACHITE'); } .vca-icn-stone-MOTHER_OF_PEARL:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-MOTHER_OF_PEARL'); } .vca-icn-stone-OBSIDIAN:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-OBSIDIAN'); } .vca-icn-stone-ONYX:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-ONYX'); } .vca-icn-stone-PIETERSITE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-PIETERSITE'); } .vca-icn-stone-QUARTZ:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-QUARTZ'); } .vca-icn-stone-RUBY:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-RUBY'); } .vca-icn-stone-SAPPHIRE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-SAPPHIRE'); } .vca-icn-stone-SODALITE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-SODALITE'); } .vca-icn-stone-TIGER_EYE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-TIGER_EYE'); } .vca-icn-stone-TSAVORITE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-TSAVORITE'); } .vca-icn-stone-TURQUOISE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-TURQUOISE'); } .vca-icn-stone-AMETHYST:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-101'); } .vca-icn-stone-AQUAMARINE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-102'); } .vca-icn-stone-PERIDOT:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-103'); } .vca-icn-stone-CITRINE:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-104'); } .vca-icn-stone-RHODOLITE_GARNET:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#stone-105'); } .vca-icn-store:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#store'); } .vca-icn-sweet_vintage_magic-alhambra:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#sweet_vintage_magic-alhambra'); } .vca-icn-swipe:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#swipe'); } .vca-icn-switch-circle-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#switch-circle-grey'); } .vca-icn-switch-circle-white:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#switch-circle-white'); } .vca-icn-switch-flower-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#switch-flower-grey'); } .vca-icn-switch-flower-white:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#switch-flower-white'); } .vca-icn-tabby:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#tabby'); } .vca-icn-three-d:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#three-d'); } .vca-icn-threesixty-hover:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#threesixty-hover'); } .vca-icn-threesixty-img-view:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#threesixty-img-view'); } .vca-icn-time:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#time'); } .vca-icn-toilette:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#toilette'); } .vca-icn-touch:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#touch'); } .vca-icn-two_butterfly:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#two_butterfly'); } .vca-icn-union:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#union'); } .vca-icn-v12-retail:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#v12-retail'); } .vca-icn-vca-logo-placeholder:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#vca-logo-placeholder'); } .vca-icn-vcp-chat-icon:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#vcp-chat-icon'); } .vca-icn-video:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#video'); } .vca-icn-view:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#view'); } .vca-icn-vintage_alhambra-ring:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#vintage_alhambra-ring'); } .vca-icn-virtual-chat:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#virtual-chat'); } .vca-icn-visa:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#visa'); } .vca-icn-watch:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#watch'); } .vca-icn-watches-bracelets:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#watches-bracelets'); } .vca-icn-watches-placeholder:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#watches-placeholder'); } .vca-icn-wechat:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#wechat'); } .vca-icn-whatsapp:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#whatsapp'); } .vca-icn-zoom-in-arrow-circle:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#zoom-in-arrow-circle'); } .vca-icn-zoom-in-arrow:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#zoom-in-arrow'); } .vca-icn-zoom-in-circle:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#zoom-in-circle'); } .vca-icn-zoom-in:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#zoom-in'); } .vca-icn-zoom-out-arrow-circle:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#zoom-out-arrow-circle'); } .vca-icn-zoom-out-arrow:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#zoom-out-arrow'); } .vca-icn-zoom-out-circle:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#zoom-out-circle'); } .vca-icn-zoom-out:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#zoom-out'); } .vca-footer { border-top: 1px solid #dddddd; } .vca-narrow-only { display: inline-block; } .vca-wide-only { display: none; } .vca-main { display: block; padding-top: 60px; } .vca-template-shopping-bag-page .vca-main, .vca-template-checkout-login-phone-page .vca-main, .vca-template-checkout-login-page .vca-main, .vca-template-checkout-page .vca-main, .vca-template-checkout-order-confirmation-page .vca-main, .vca-template-checkout-guest-order-confirmation-page .vca-main, .vca-template-checkout-intermediate-order-confirmation-page .vca-main { padding-top: 0; } .vca-skip-content { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; position: absolute; display: inline-block; left: 0; background: #ffffff; padding: 10px; top: 165px; } .vca-skip-content-span { display: inline-block; align-items: center; padding: 0 14px; border: 1px solid transparent; border-radius: 4px; } .vca-skip-content:focus { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; z-index: 2; } .vca-show-on-tab-only { display: none; } .vca-show-on-desktop-only { display: none; } .vca-show-on-mobile-only { display: block; } a:focus-visible, button:focus-visible, input:focus-visible, .vca-div-btn:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } /* Typography Reference - https://www.figma.com/file/TBCQgqCB9JhfSC22c1pJwDQi/VCA-%E2%80%94-Library-and-Specs?node-id=0%3A1 1. The rules mentioned below are inline with the reference above. 2. The commented code you see below, means that the particular rule would be driven by its lower breakpoint values, because they are same, as per reference. 3. Avoid writing any new rules, which are not mentioned in the above reference. **************************************************************************************************/ /*#region Typography - Narrow*/ /*"vca-capital-link" typography is equivalent to "vca-ui-02"- VCAN-29344*/ /*#endregion*/ /* This will give global classes access to Typography mixins */ /*#region Typography Class - Narrow*/ .vca-hero-creation { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 2.5rem; line-height: 1.375; } :lang(ru) .vca-hero-creation { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-hero-creation { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-hero-creation { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-hero-creation { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-hero-creation { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-hero-creation { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-h1 { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.875rem; line-height: 1.16666667; } :lang(ru) .vca-h1 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-h1 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-h1 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-h1 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-h1 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-h1 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-h2 { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.6250000000000002rem; line-height: 1.34615385; } :lang(ru) .vca-h2 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-h2 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-h2 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-h2 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-h2 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-h2 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-h3 { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.5625rem; line-height: 1.4; } :lang(ru) .vca-h3 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-h3 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-h3 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-h3 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-h3 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-h3 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-listing-01 { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 2.0625rem; line-height: 1.21212121; } :lang(ru) .vca-listing-01 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-listing-01 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-listing-01 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-listing-01 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-listing-01 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-listing-01 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-listing-02 { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.5625rem; line-height: 1.4; } :lang(ru) .vca-listing-02 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-listing-02 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-listing-02 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-listing-02 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-listing-02 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-listing-02 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-listing-03 { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.25rem; line-height: 1.25; } :lang(ru) .vca-listing-03 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-listing-03 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-listing-03 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-listing-03 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-listing-03 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-listing-03 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-product-list-01 { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.1250000000000002rem; line-height: 1.38888889; } :lang(ru) .vca-product-list-01 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-product-list-01 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-product-list-01 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-product-list-01 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-product-list-01 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-product-list-01 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ar) .vca-product-list-01 { font-size: 1.25rem; line-height: 1.25; } .vca-product-list-02 { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1rem; line-height: 1.25; } :lang(ru) .vca-product-list-02 { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-product-list-02 { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-product-list-02 { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-product-list-02 { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-product-list-02 { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-product-list-02 { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-subheader { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.25rem; line-height: 1.5; } :lang(ru) .vca-subheader { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-subheader { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-subheader { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-subheader { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-subheader { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-subheader { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-section { font-size: 1rem; text-transform: uppercase; letter-spacing: 1.9px; } :lang(ar) .vca-section { font-size: 1.3750000000000002rem; letter-spacing: initial; } .vca-section-latin { font-size: 1rem; text-transform: uppercase; letter-spacing: 1.9px; } .vca-body-01 { font-size: 0.8749999999999999rem; line-height: 1.78571429; } .vca-body-01 b, .vca-body-01 strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-body-01 b, :lang(ru) .vca-body-01 strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-body-01 b, :lang(ar) .vca-body-01 strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-body-01 b, :lang(ja) .vca-body-01 strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-body-01 b, :lang(ko) .vca-body-01 strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-body-01 b, :lang(zh) .vca-body-01 strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-body-01 b, :lang(zh-Hant) .vca-body-01 strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-body-01 { font-size: 1rem; line-height: 1.5625; } .vca-body-01-latin { font-size: 0.8749999999999999rem; line-height: 1.78571429; } .vca-body-01-latin b, .vca-body-01-latin strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-body-01-latin b, :lang(ru) .vca-body-01-latin strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-body-01-latin b, :lang(ar) .vca-body-01-latin strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-body-01-latin b, :lang(ja) .vca-body-01-latin strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-body-01-latin b, :lang(ko) .vca-body-01-latin strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-body-01-latin b, :lang(zh) .vca-body-01-latin strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-body-01-latin b, :lang(zh-Hant) .vca-body-01-latin strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-ui { font-size: 0.8749999999999999rem; line-height: 1.78571429; } .vca-ui b, .vca-ui strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-ui b, :lang(ru) .vca-ui strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-ui b, :lang(ar) .vca-ui strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-ui b, :lang(ja) .vca-ui strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-ui b, :lang(ko) .vca-ui strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-ui b, :lang(zh) .vca-ui strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-ui b, :lang(zh-Hant) .vca-ui strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-body-02 { font-size: 0.8125000000000001rem; line-height: 1.53846154; } .vca-body-02 b, .vca-body-02 strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-body-02 b, :lang(ru) .vca-body-02 strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-body-02 b, :lang(ar) .vca-body-02 strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-body-02 b, :lang(ja) .vca-body-02 strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-body-02 b, :lang(ko) .vca-body-02 strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-body-02 b, :lang(zh) .vca-body-02 strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-body-02 b, :lang(zh-Hant) .vca-body-02 strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-caption { font-size: 0.75rem; line-height: 1.66666667; color: #757575; } .vca-caption b, .vca-caption strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-caption b, :lang(ru) .vca-caption strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-caption b, :lang(ar) .vca-caption strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-caption b, :lang(ja) .vca-caption strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-caption b, :lang(ko) .vca-caption strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-caption b, :lang(zh) .vca-caption strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-caption b, :lang(zh-Hant) .vca-caption strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-capital-link { font-size: 0.8125000000000001rem; line-height: 1.53846154; text-transform: uppercase; color: #757575; letter-spacing: 1.5px; } :lang(ar) .vca-capital-link { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-capital-link { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-capital-link { font-size: 0.9375rem; line-height: 1.33333333; } .vca-capital-link-latin { font-size: 0.8125000000000001rem; line-height: 1.53846154; text-transform: uppercase; color: #757575; letter-spacing: 1.5px; } .vca-quote { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 2.1875rem; line-height: 1.28571429; } :lang(ru) .vca-quote { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-quote { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-quote { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-quote { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-quote { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-quote { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-ui-02 { font-size: 0.8125000000000001rem; line-height: 1.5; text-transform: uppercase; letter-spacing: 1.43px; } .vca-ui-02 b, .vca-ui-02 strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-ui-02 b, :lang(ru) .vca-ui-02 strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-ui-02 b, :lang(ar) .vca-ui-02 strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-ui-02 b, :lang(ja) .vca-ui-02 strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-ui-02 b, :lang(ko) .vca-ui-02 strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-ui-02 b, :lang(zh) .vca-ui-02 strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-ui-02 b, :lang(zh-Hant) .vca-ui-02 strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-ui-02 { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-ui-02 { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-ui-02 { font-size: 0.9375rem; line-height: 1.33333333; } .vca-ui-02-latin { font-size: 0.8125000000000001rem; line-height: 1.5; text-transform: uppercase; letter-spacing: 1.43px; } .vca-ui-02-latin b, .vca-ui-02-latin strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-ui-02-latin b, :lang(ru) .vca-ui-02-latin strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-ui-02-latin b, :lang(ar) .vca-ui-02-latin strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-ui-02-latin b, :lang(ja) .vca-ui-02-latin strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-ui-02-latin b, :lang(ko) .vca-ui-02-latin strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-ui-02-latin b, :lang(zh) .vca-ui-02-latin strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-ui-02-latin b, :lang(zh-Hant) .vca-ui-02-latin strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-evo-body-01 { font-size: 1rem; line-height: 1.90625; } .vca-evo-body-01 b, .vca-evo-body-01 strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-evo-body-01 b, :lang(ru) .vca-evo-body-01 strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-evo-body-01 b, :lang(ar) .vca-evo-body-01 strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-evo-body-01 b, :lang(ja) .vca-evo-body-01 strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-evo-body-01 b, :lang(ko) .vca-evo-body-01 strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-evo-body-01 b, :lang(zh) .vca-evo-body-01 strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-evo-body-01 b, :lang(zh-Hant) .vca-evo-body-01 strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-body-01-bold { font-size: 1rem; line-height: 1.9; font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: 600; } :lang(ru) .vca-body-01-bold { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-body-01-bold { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-body-01-bold { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-body-01-bold { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-body-01-bold { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-body-01-bold { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-body-02-bold { font-size: 0.8125000000000001rem; line-height: 1.5; font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: 600; } :lang(ru) .vca-body-02-bold { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-body-02-bold { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-body-02-bold { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-body-02-bold { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-body-02-bold { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-body-02-bold { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-ui-bold { font-size: 0.8749999999999999rem; line-height: 1.5; font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: 600; } :lang(ru) .vca-ui-bold { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-ui-bold { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-ui-bold { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-ui-bold { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-ui-bold { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-ui-bold { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-caption-bold { font-size: 0.75rem; line-height: 1.7; font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: 600; } :lang(ru) .vca-caption-bold { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-caption-bold { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-caption-bold { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-caption-bold { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-caption-bold { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-caption-bold { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-ui-03 { font-size: 0.625rem; line-height: 1.5; font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1.1px; } :lang(ru) .vca-ui-03 { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .vca-ui-03 { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .vca-ui-03 { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-ui-03 { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .vca-ui-03 { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .vca-ui-03 { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } :lang(ar) .vca-pdp-v2-product-size-variation-link { font-size: 0.8125000000000001rem; line-height: 1.53846154; } /*#endregion*/ /* Slider */ .slick-slider { box-sizing: border-box; position: relative; display: block; } .slick-slider .slick-prev { left: 0; } .slick-slider .slick-prev:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .slick-slider .slick-next { right: 0; } .slick-slider .slick-next:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .slick-slider .slick-prev:focus-visible, .slick-slider .slick-next:focus-visible { width: 50px; height: 50px; top: 40%; opacity: 1; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; height: inherit; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-track { position: relative; left: 0; top: 0; display: block; height: inherit; } .slick-track:before, .slick-track:after { content: ''; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; position: relative; display: none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; visibility: hidden; opacity: 0; } .slick-slide img.lazyloaded { opacity: 1; } .vca-carousel-infinite .slick-slide img { visibility: visible; } .slick-slide.slick-active img, .slick-slide.slick-current img { visibility: visible; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .vca-slick-dots { position: absolute; right: auto; width: 100%; bottom: 0; text-align: center; } .vca-slick-dots .vca-carousel-pagination-item { display: inline-block; margin: 0 5px; max-width: 30px; } .vca-slick-dots .vca-slick-button { border-radius: 50%; background: #929292; border: none; height: 6px; width: 6px; display: inline-block; padding: 0; text-indent: -9999px; } .vca-slick-dots .vca-slick-button:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-slick-dots .vca-slick-button:hover { background: #222222; opacity: 1; outline-width: 0; } .vca-slick-dots .vca-slick-active .vca-slick-button { background: #222222; border: none; } .vca-slick-arrow { width: calc(100vw - 90%); height: 100%; opacity: 0.2; } .vca-slick-arrow.vca-slick-disabled { visibility: hidden; } .vca-slick-arrow:hover { opacity: 1; outline: 0; -webkit-transition: opacity 300ms cubic-bezier(0.19, 1, 0.22, 1) 0.01s; -moz-transition: opacity 300ms cubic-bezier(0.19, 1, 0.22, 1) 0.01s; -ms-transition: opacity 300ms cubic-bezier(0.19, 1, 0.22, 1) 0.01s; transition: opacity 300ms cubic-bezier(0.19, 1, 0.22, 1) 0.01s; } .vca-slick-arrow:hover:before { width: 40px; height: 40px; } /* stylelint-disable */ .vca-accessible-text { display: none; } .vca-icn-sleek_arrow_left { /* stylelint-enable */ position: absolute; z-index: 1; background-color: transparent; border: 0; } .vca-icn-sleek_arrow_left:before { color: #808080; } .vca-icn-sleek_arrow_left:hover:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chevron-left'); } /* stylelint-disable */ .vca-icn-sleek_arrow_right { top: 0; right: 0; /* stylelint-enable */ position: absolute; z-index: 1; background-color: transparent; border: 0; } .vca-icn-sleek_arrow_right:before { color: #808080; } .vca-icn-sleek_arrow_right:hover:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chevron-right'); } .vca-overlay-visible { overflow: hidden; position: relative; } .vca-slider-column { transform: translateX(-100%); left: 0; background-color: #ffffff; box-shadow: none; height: 100vh; width: 330px; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; -webkit-transition: transform 800ms cubic-bezier(0.19, 1, 0.22, 1), visibility 600ms; transition: transform 800ms cubic-bezier(0.19, 1, 0.22, 1), visibility 600ms; visibility: hidden; z-index: 2; padding: 0 20px 60px; } .vca-slider-column[data-slider-dir='opposite'] { transform: translateX(100%); right: 0; left: auto; } .vca-slider-column.vca-active { transform: translateX(0); visibility: visible; } .vca-slider-column-heading { text-align: center; } .vca-slider-close { outline: 0; background: transparent; border: 0; bottom: 0; padding-left: 0; top: 0; width: 35px; } .vca-slider-close:hover, .vca-slider-close:focus { border: 0; outline: 0; outline-color: transparent; } .vca-slider-close:focus { outline: 1px solid #222222; } .vca-slider-close:before { height: 20px; width: 20px; margin-left: -10px; } .vca-slider-overlay { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; background: rgba(0, 0, 0, 0.4); height: 100%; left: 0; opacity: 0; position: fixed; top: 0; -webkit-transition: opacity 600ms cubic-bezier(0.19, 1, 0.22, 1), visibility 700ms; transition: opacity 600ms cubic-bezier(0.19, 1, 0.22, 1), visibility 700ms; visibility: hidden; width: 100%; z-index: 1; } .vca-slider-overlay.vca-active { opacity: 1; visibility: visible; } .vca-slider-header { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; position: relative; width: 100%; height: 60px; text-align: center; } .vca-slider-header .vca-slider-title { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; color: #222222; } .vca-slider-inner { width: calc(330px - 40px); } .vca-tabs-list { margin-bottom: 30px; } .vca-tabs-button { -webkit-transition: color 300ms ease-out 0s; -moz-transition: color 300ms ease-out 0s; -ms-transition: color 300ms ease-out 0s; transition: color 300ms ease-out 0s; background: transparent; color: #7d7d7d; cursor: pointer; display: inline-block; text-decoration: none; font-size: 0.8125000000000001rem; line-height: 1.53846154; border: 0; max-width: none; text-transform: uppercase; width: auto; } .vca-tabs-button:hover { color: #222222; } .vca-tabs-button:hover { color: #222222; } .vca-tabs-button b, .vca-tabs-button strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-tabs-button b, :lang(ru) .vca-tabs-button strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-tabs-button b, :lang(ar) .vca-tabs-button strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-tabs-button b, :lang(ja) .vca-tabs-button strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-tabs-button b, :lang(ko) .vca-tabs-button strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-tabs-button b, :lang(zh) .vca-tabs-button strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-tabs-button b, :lang(zh-Hant) .vca-tabs-button strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-tabs-button b, .vca-tabs-button strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-tabs-button b, :lang(ru) .vca-tabs-button strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-tabs-button b, :lang(ar) .vca-tabs-button strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-tabs-button b, :lang(ja) .vca-tabs-button strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-tabs-button b, :lang(ko) .vca-tabs-button strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-tabs-button b, :lang(zh) .vca-tabs-button strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-tabs-button b, :lang(zh-Hant) .vca-tabs-button strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-tabs-button[aria-selected='true'] { border-bottom: 1px solid #222222; color: #222222; } .vca-tabs-button:hover { text-decoration: none; } .vca-floating-form__input { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; border-radius: 0; outline: none; border: none; border-bottom: 1px solid #cccccc; border-top: 0 !important; /* stylelint-disable-line declaration-no-important */ } .vca-floating-form__input::-webkit-input-placeholder { opacity: 0; } .vca-floating-form__input:-moz-placeholder { opacity: 0; } .vca-floating-form__input:-ms-input-placeholder { opacity: 0; } .vca-floating-form__input::placeholder { opacity: 0; } .vca-floating-form__input:focus-visible { outline: none; border: none; border-radius: 0; border-bottom: 1px solid #7f7f7f; } .vca-floating-form__label { font-size: 0.8749999999999999rem; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -ms-transition: all ease 0.2s; transition: all ease 0.2s; text-transform: capitalize; position: absolute; cursor: text; } .vca-floating-form__label.vca-float { font-size: 0.75rem; -webkit-transform: translateY(-25px); transform: translateY(-25px); } .vca-floating-form .base-forms-element { width: 100%; } .vca-custom-select-main { margin: 20px 0; padding-bottom: 10px; } .vca-custom-select-label { font-size: 0.8125000000000001rem; line-height: 1.53846154; margin-bottom: 20px; text-transform: uppercase; } .vca-custom-select-label b, .vca-custom-select-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-custom-select-label b, :lang(ru) .vca-custom-select-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-custom-select-label b, :lang(ar) .vca-custom-select-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-custom-select-label b, :lang(ja) .vca-custom-select-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-custom-select-label b, :lang(ko) .vca-custom-select-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-custom-select-label b, :lang(zh) .vca-custom-select-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-custom-select-label b, :lang(zh-Hant) .vca-custom-select-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-custom-select-label b, .vca-custom-select-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-custom-select-label b, :lang(ru) .vca-custom-select-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-custom-select-label b, :lang(ar) .vca-custom-select-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-custom-select-label b, :lang(ja) .vca-custom-select-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-custom-select-label b, :lang(ko) .vca-custom-select-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-custom-select-label b, :lang(zh) .vca-custom-select-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-custom-select-label b, :lang(zh-Hant) .vca-custom-select-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-custom-select { position: relative; } .vca-custom-select-button { background: transparent; border: 1px solid #e6e6e6; max-width: none; padding: 10px 30px; position: relative; text-align: initial; text-transform: inherit; min-height: 50px; } .vca-custom-select-button:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#arrow-down'); } .vca-custom-select-button:hover { color: inherit; outline: 0; } .vca-custom-select-button[aria-expanded='true']:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#arrow-up'); } .vca-custom-select-button[aria-expanded='true']:before { height: 20px; width: 20px; background-size: 20px 20px; } .vca-custom-select-button:before { height: 20px; width: 20px; color: inherit; position: absolute; right: 10px; top: 15px; } .vca-custom-select-ul { background-color: #ffffff; border: 1px solid #e6e6e6; display: none; margin-top: -1px; max-height: 200px; overflow: scroll; position: absolute; width: 100%; z-index: 1; } .vca-custom-select-ul.vca-active { display: block; } .vca-cls-wrapper .vca-custom-select-ul { overflow-y: scroll; overflow-x: hidden; } .vca-custom-select-li { position: relative; } .vca-custom-select-li.vca-selected:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#checked'); } .vca-custom-select-li.vca-selected::before { left: 10px; position: absolute; top: 18px; height: 10px; width: 10px; } .vca-custom-select-content:focus, .vca-custom-select-content:hover { background: rgba(245, 245, 245, 0.85); } .vca-transform-image-tag { display: block; margin: 0 auto; width: 100%; } .vca-transform-image-tag.lazyload, .vca-transform-image-tag.lazyloading, .vca-transform-image-tag.lazyloaded { animation: imgload 500ms; -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; } @keyframes imgload { 0% { opacity: 0; } 100% { opacity: 1; } } .vca-transform-image-tag.lazyload { background: #f5f5f5; } .vca-transform-image-tag.lazyloading { opacity: 1; background: #f5f5f5; } .vca-transform-image-tag.lazyloaded { background-color: transparent; } .vca-transform-bg-image { animation: imgload 500ms; -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #f5f5f5; transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; background-position: center center; background-repeat: no-repeat; background-size: auto 104%; } @keyframes imgload { 0% { opacity: 0; } 100% { opacity: 1; } } .vca-transform-bg-image.lazyloaded { animation: imgload 500ms; -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; background-color: transparent; } @keyframes imgload { 0% { opacity: 0; } 100% { opacity: 1; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific style */ .vca-transform-image-tag { animation: imgload 500ms; -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; } @keyframes imgload { 0% { opacity: 0; } 100% { opacity: 1; } } } .vca-addtowl[data-added='true'] { color: #df3c63; } .vca-addtowl[data-added='true'] .vca-icn-heart:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#heart-filled'); } .vca-addtowl[data-added='true'] .vca-icn-heart:before { height: 1.1rem; width: 1.1rem; } .vca-addtowl.vca-wl-pdp { width: auto; } .vca-wl-toaster.vca-toaster { z-index: 2; padding: 20px 45px; } .vca-wl-msg-link { text-decoration: underline; } .vca-concierge-details { text-transform: uppercase; } .vca-concierge-details.vca-contact-number-hide { display: none; } .vca-concierge-details.vca-contact-number-hide.vca-link { display: none; } .vca-concierge-details:not(.vca-contact-number-hide) { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-concierge-details:not(.vca-contact-number-hide).vca-link { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-concierge-details:not(.vca-contact-number-hide).vca-order-by-phone-crc { display: block; } .vca-concierge-details:hover { text-decoration: none; } .vca-concierge-details.vca-pdp-availability { display: block; } .base-lightbox-wrapper { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out; -ms-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; border-radius: 10px 10px 0 0; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 12; } .base-lightbox-overlay { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; z-index: 11; } .base-lightbox-close { opacity: 0; visibility: hidden; position: fixed; } .base-lightbox-close::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .vca-lightbox-open .base-lightbox-overlay { opacity: 0.5; visibility: visible; } .vca-lightbox-open .base-lightbox-wrapper { top: 0; left: 0; right: auto; transform: translateX(0); padding: 0; height: 100%; } .vca-lightbox-open .base-lightbox-content { max-height: 100%; } .vca-lightbox-open .base-lightbox-content .vca-newsletters { width: 100%; max-width: 100%; } .vca-lb-close, .vca-lb-header, .vca-lb-header-wrapper { display: none; } .vca-lb-level { position: relative; height: 100%; } .base-tencentcaptcha { position: inherit !important; /* stylelint-disable-line declaration-no-important */ } .vca-lightbox { overflow: hidden; } .vca-lightbox .vca-lb-header-btn:hover { outline-width: 0; } .vca-lightbox .base-lightbox-overlay { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 1; visibility: visible; z-index: 11; } .vca-lightbox .base-lightbox-overlay .base-lightbox-close { display: none; } .vca-lightbox .vca-lb-header { -webkit-align-self: center; -ms-flex-item-align: center; /* 1 */ align-self: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .vca-lightbox .vca-back-arrow.vca-show-back-arrow { visibility: visible; } .vca-lightbox .base-lightbox-wrapper { width: 100%; height: 100%; overflow: hidden; max-height: 85%; /* full */ /* left */ /* right */ } .vca-lightbox .base-lightbox-wrapper:before { content: ''; background: rgba(0, 0, 0, 0.4); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .vca-lightbox .base-lightbox-wrapper .base-lightbox-content { -webkit-transition: opacity 0.7s ease-out; -moz-transition: opacity 0.7s ease-out; -ms-transition: opacity 0.7s ease-out; transition: opacity 0.7s ease-out; -webkit-transform: none; transform: none; background: #ffffff; overflow-x: hidden; bottom: 100%; display: block; height: 85vh; left: 50%; min-width: 320px; min-height: 200px; opacity: 1; position: absolute; right: 0; visibility: visible; z-index: 11; padding: 20px; } .vca-lightbox .base-lightbox-wrapper .vca-lb-close { cursor: pointer; opacity: 1; top: auto; bottom: auto; left: auto; right: auto; visibility: visible; z-index: 13; display: block; position: relative; } .vca-lightbox .base-lightbox-wrapper .vca-lb-close:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-lightbox .base-lightbox-wrapper .vca-back-arrow { visibility: hidden; border-width: 0; } .vca-lightbox .base-lightbox-wrapper .vca-back-arrow:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-lightbox .base-lightbox-wrapper .vca-back-arrow:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); display: block; } .vca-lightbox .base-lightbox-wrapper .vca-back-arrow.vca-show-back-arrow { visibility: visible; } .vca-lightbox .base-lightbox-wrapper .vca-lb-header { -webkit-align-self: center; -ms-flex-item-align: center; /* 1 */ align-self: center; display: block; text-transform: uppercase; } .vca-lightbox .base-lightbox-wrapper .vca-lb-header-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; width: 100%; position: absolute; z-index: 13; height: 60px; padding: 20px 20px; background: #ffffff; } .vca-lb-full .vca-lightbox .base-lightbox-wrapper .vca-lb-header-wrapper { left: 0; } .vca-lightbox .base-lightbox-wrapper .vca-lb-header-btn { width: 40px; min-height: auto; min-width: auto; margin: 0; height: auto; padding: 10px 0; } .vca-lightbox .base-lightbox-wrapper.vca-lb-full { top: 0; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); padding: 0 20px 20px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-full .base-lightbox-content { height: 100%; width: 100vw; padding: 60px 30px; max-height: none; } .vca-lightbox .base-lightbox-wrapper.vca-lb-full .vca-lb-header-wrapper { width: 100%; right: 0; top: 0; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left { top: 0; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); padding: 0 20px 20px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left .base-lightbox-content { height: 100%; width: 100vw; padding: 80px 20px 20px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); left: 0; bottom: 0; max-height: 100vh; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left .vca-lb-header-wrapper { width: 100%; left: 0; top: 0; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left.vca-lightbox-wrapper-v2 { /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ } .vca-lightbox .base-lightbox-wrapper.vca-lb-left.vca-lightbox-wrapper-v2 .base-lightbox-content { padding-top: 60px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right { -webkit-transform: none; transform: none; -webkit-transition: transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out; -ms-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; top: auto; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 12; padding: 0; /* stylelint-disable no-descending-specificity */ /* stylelint-enable no-descending-specificity */ } .vca-lightbox .base-lightbox-wrapper.vca-lb-right .base-lightbox-content { height: 100%; width: 100vw; padding: 80px 20px 20px; right: 0; bottom: 0; max-height: 100vh; left: initial; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right .vca-lb-header-wrapper { width: 100%; right: 0; top: 0; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right.vca-lightbox-wrapper-v2 { /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ } .vca-lightbox .base-lightbox-wrapper.vca-lb-right.vca-lightbox-wrapper-v2 .base-lightbox-content { padding-top: 60px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-style-original { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; border-radius: 0; top: 0; max-height: unset; } .vca-lightbox .base-tencentcaptcha iframe { height: 100vh !important; /* stylelint-disable-line declaration-no-important */ width: 100vw !important ; /* stylelint-disable-line declaration-no-important */ position: inherit !important; /* stylelint-disable-line declaration-no-important */ left: -20px !important; /* stylelint-disable-line declaration-no-important */ } .vca-lightbox .vca-mplightbox .vca-cont-hight { height: max-content; padding-top: 40px; } .vca-lightbox .vca-mplightbox .vca-hide { display: none; } .vca-lightbox .vca-newsletters-component { margin: 0; } .vca-lightbox .vca-newsletters-component .vca-col-l-6.vca-newsletters { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; margin: 0; padding: 0; } .base-lightbox-open { height: initial; overflow: initial; overflow-y: hidden; } .base-lightbox-open.vca-ios-device { height: 100%; overflow: hidden; position: relative; } .base-lightbox-open .base-lightbox-overlay { opacity: 0.5; } .base-lightbox-open.vca-lightbox-scroll { overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */ } .base-lightbox-open .base-lightbox-wrapper { -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .vca-ios-device .base-lightbox-open { height: 100%; overflow: hidden; position: relative; } .vca-body.base-lightbox-open:not(.vca-lightbox) { /* stylelint-disable no-descending-specificity */ /* stylelint-enable no-descending-specificity */ } .vca-body.base-lightbox-open:not(.vca-lightbox) .vca-lb-close, .vca-body.base-lightbox-open:not(.vca-lightbox) .base-lightbox-close { display: block; top: 0; right: 0; } .vca-body.base-lightbox-open:not(.vca-lightbox) .vca-lb-close:focus-visible, .vca-body.base-lightbox-open:not(.vca-lightbox) .base-lightbox-close:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-body.base-lightbox-open:not(.vca-lightbox) .vca-back-arrow { visibility: hidden; } .vca-body.base-lightbox-open:not(.vca-lightbox) .vca-lb-header-wrapper { display: block; position: relative; } .vca-body.base-lightbox-open:not(.vca-lightbox) .base-lightbox-close { border: 0; outline: 0; } .vca-body.base-lightbox-open:not(.vca-lightbox) .base-lightbox-close:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#close-white'); } .vca-body.base-lightbox-open:not(.vca-lightbox) .base-lightbox-close:hover, .vca-body.base-lightbox-open:not(.vca-lightbox) .base-lightbox-close:focus { border: 0; outline: 0; outline-color: transparent; } .vca-body.base-lightbox-open:not(.vca-lightbox) .base-lightbox-close::before { height: 20px; width: 20px; } .vca-body.base-lightbox-open:not(.vca-lightbox) .base-lightbox-content { padding: 60px 0 40px; height: auto; } .vca-lightbox .base-lightbox-wrapper:has(.vca-back-arrow.vca-show-back-arrow) .vca-lb-close { visibility: hidden; } .vca-lightbox .base-lightbox-wrapper.vca-lb-style-original:has(.vca-back-arrow.vca-show-back-arrow) .vca-lb-close { visibility: visible; } .vca-lightbox-wrapper { cursor: pointer; } .vca-lightbox-wrapper .base-ajax-error { padding: 0 20px; text-align: center; } .vca-lightbox:has(.base-lightbox-wrapper.vca-cls-revamp-lightbox) .base-lightbox-overlay, .vca-lightbox:has(.base-lightbox-wrapper.vca-mplightbox-v1) .base-lightbox-overlay { display: none; } .vca-video-tag { width: 100%; max-height: 100%; max-width: 100%; margin: auto; display: block; cursor: pointer; } .vca-video-tag:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-video-fullbg { transform: translateX(-50%); left: 50%; position: absolute; height: 100%; min-width: 100%; width: auto; top: 0; } .vca-play-pause-icn { -webkit-transform: translate(-40%, -40%); -moz-transform: translate(-40%, -40%); -ms-transform: translate(-40%, -40%); -o-transform: translate(-40%, -40%); transform: translate(-40%, -40%); position: absolute; top: 40%; left: 50%; } .vca-play-pause-icn.vca-icn-play:before { height: 30px; width: 30px; } .vca-play-pause-icn.vca-hide { display: none; } .vca-cc-product { display: -webkit-flex; display: -ms-flex; display: flex; min-width: 60vw; position: relative; vertical-align: top; } .vca-cc-product .vca-transform-image-tag { margin-top: 20px; max-width: 220px; } .vca-cc-product .vca-pc-hover-img { display: none; } .vca-ccp-link { padding-bottom: 45px; width: 100%; } .vca-ccp-link .vca-stone-variations-count { display: block; color: #757575; } .vca-ccp-link .vca-stone-variations-count.vca-hide { display: none; } .vca-ccp-info { margin: 0 auto; width: 80%; } .vca-ccp-name { display: block; margin: 15px 0 10px; } .vca-ccp-mat, .vca-ccp-price { color: #757575; display: block; margin-bottom: 5px; } .vca-ccp-carousel { display: -webkit-flex; display: -ms-flex; display: flex; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; overflow: auto; } .vca-ccp-carousel .slick-track { display: -webkit-flex; display: -ms-flex; display: flex; height: 100%; } .vca-ccp-carousel .vca-cc-product { display: -webkit-flex; display: -ms-flex; display: flex; border-right: 1px solid #e6e6e6; height: auto; } .vca-ccp-carousel[data-items='1'] { -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .vca-ccp-carousel[data-items='1'] .vca-cc-product { border: 0; } .vca-ccp-carousel[data-items='2'] .vca-cc-product { -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; width: 50%; min-width: 0; } .vca-ccp-carousel .slick-slide > div { display: -webkit-flex; display: -ms-flex; display: flex; height: 100%; } .vca-ccp-carousel .slick-slide:last-of-type .vca-cc-product { border: 0; } .vca-ccp-wl { top: 15px; left: 15px; position: absolute; width: 20px; } span.vca-ccp-price[data-show='false'] { display: none; } .vca-ccp-price.vca-hide { display: none; } .vca-cc-video { display: -webkit-flex; display: -ms-flex; display: flex; overflow: hidden; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .vca-cc-video .vca-ccv-thumb [class*='vca-icn-']::before { width: 30px; height: 30px; } .vca-ccv-link { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .vca-ccv-link picture { position: relative; display: block; } .vca-ccv-link picture:before { content: ''; -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; display: block; height: 100%; width: 100%; position: absolute; z-index: 2; background: #000000; opacity: 0; } .vca-ccv-link:hover picture:before { opacity: 0.1; } .vca-ccv-video { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; position: relative; } .bem-editorial-block .vca-ccv-video { cursor: pointer; } .vca-thumb-shades picture:before { opacity: 0.1; } /* stylelint-disable no-descending-specificity */ .vca-ccv-thumb { position: relative; } .vca-ccv-thumb [class*='vca-icn-'] { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 1; } .vca-ccv-thumb [class*='vca-icn-']::before { height: 58px; width: 58px; } /* stylelint-enable no-descending-specificity */ .vca-ccv-name { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .vca-ccv-large { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vca-ccv-large .vca-ccv-name { margin: 30px auto 80px; text-align: center; } .vca-ccv-large .vca-ccv-thumb [class*='vca-icn-']::before { height: 60px; width: 60px; } .vca-lightbox-wrapper.vca-video-popup .vca-lb-header-wrapper { display: none; } .vca-lightbox-wrapper.vca-video-popup .vca-lb-level { height: inherit; } .vca-lightbox-wrapper.vca-video-popup .vca-lightbox-content { padding: unset; height: fit-content; max-height: inherit; background: inherit; width: 100%; } .vca-lightbox-wrapper.vca-video-popup .vca-video-pupup-close-btn { width: 40px; transform: translate(-10%, -40%); position: absolute; top: 20px; right: 0; } .vca-lightbox-wrapper.vca-video-popup .vca-video-popup-text { padding: 10px 20px; background-color: #ffffff; } .vca-cc-pc-image { display: block; width: 100%; } .vca-cc-pc { display: block; padding: 20px 0 20px; width: 100%; } .vca-cc-pc .vca-transform-image-tag { margin: auto auto 10px; width: auto; } .vca-load-more-cta { text-transform: uppercase; color: #757575; width: 100px; } .vca-load-more-border { padding: 0; margin: 0 auto; border: 0; margin-top: 50px; } .vca-load-more-border::before { content: ' '; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; border-top: 1px solid #e6e6e6; padding-top: 50px; pointer-events: none; } .vca-load-more-border.hr::before { padding-top: 0; } .vca-toaster { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s; -moz-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s; -ms-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s; transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s; padding: 20px; background-color: #f5f5f5; position: fixed; bottom: 0; width: 100%; z-index: 3; text-align: center; } .vca-toaster.vca-t-hidden { -webkit-transform: translateY(300px); transform: translateY(300px); -webkit-transition: transform 400ms cubic-bezier(0.19, 0, 0.22, 0); -moz-transition: transform 400ms cubic-bezier(0.19, 0, 0.22, 0); -ms-transition: transform 400ms cubic-bezier(0.19, 0, 0.22, 0); transition: transform 400ms cubic-bezier(0.19, 0, 0.22, 0); } .vca-toaster--top { top: 0; bottom: auto; text-align: left; } .vca-toaster--top.vca-t-hidden { -webkit-transform: translateY(-300px); transform: translateY(-300px); } .vca-toaster .vca-t-close { position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; max-height: 28px; max-width: 28px; } .vca-lightbox .vca-toaster { z-index: 15; } .vca-leaf-overlay { opacity: 0; visibility: hidden; position: fixed; } .vca-leaf-loader { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: fixed; left: 50%; top: 50%; } .vca-leaf-loader .vca-icn-leaf::before { vertical-align: bottom; height: 40px; width: 34px; } .vca-leaf-overlay-active { -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; width: 100%; height: 100%; overflow: hidden; opacity: 1; visibility: visible; background: #eef2e3; z-index: 12; top: 0; } .vca-luck-feature-loader { max-width: 100px; } .vca-leaf { border-radius: 25px; background-color: #eef2e3; color: #788c40; padding: 12px; } .vca-leaf-search { color: #757575; margin: 5px 20px 20px; } .vca-leaf-playagain, .vca-leaf-plp { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity 200ms cubic-bezier(0.19, 1, 0.22, 1) 250ms; -moz-transition: opacity 200ms cubic-bezier(0.19, 1, 0.22, 1) 250ms; -ms-transition: opacity 200ms cubic-bezier(0.19, 1, 0.22, 1) 250ms; transition: opacity 200ms cubic-bezier(0.19, 1, 0.22, 1) 250ms; position: fixed; bottom: 105px; left: 20px; z-index: 2; opacity: 0; } .vca-leaf-playagain.vca-leaf-active, .vca-leaf-plp.vca-leaf-active { opacity: 1; } .vca-leaf-playagain.vca-leaf-active.vca-hide, .vca-leaf-plp.vca-leaf-active.vca-hide { display: none; } .vca-leaf-playagain:hover, .vca-leaf-plp:hover { color: #788c40; } .vca-leaf-banner { -webkit-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s, opacity 1s linear; transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s, opacity 1s linear; -webkit-transform: translateY(0); transform: translateY(0); padding: 20px; position: fixed; width: 100%; text-align: center; top: 0; z-index: 3; background-color: #eef2e3; color: #788c40; opacity: 1; } .vca-leaf-banner.vca-leaf-banner-hidden { -webkit-transform: translateY(-300px); transform: translateY(-300px); -webkit-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s, opacity 2s linear; transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s, opacity 2s linear; opacity: 0; } .vca-srl-filter-opened .vca-srl-wrapper { z-index: 3; } .vca-accordion-head { cursor: pointer; position: relative; display: block; text-transform: uppercase; color: #757575; padding: 15px 0; border-top: 1px solid #e6e6e6; } .vca-accordion-head:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#expand-inactive'); } .vca-accordion-head:focus { border-radius: 4px; outline: 1px solid #016fd0; } .vca-accordion-head:before { position: absolute; right: 0; } .vca-accordion-head:hover { color: #222222; } [class~='vca-accordion-head']:nth-last-of-type(2) { border-bottom: 1px solid #e6e6e6; } .vca-accordion-head.vca-active { color: #222222; } .vca-accordion-head.vca-active:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#expand-active'); } .vca-accordion-head.vca-active:nth-last-of-type(2) { border-bottom: 0; } .vca-accordion-head.vca-active:focus-visible { border-radius: 4px; margin-top: 1px; outline: 1px solid #016fd0; } .vca-rte { margin-bottom: 20px; } .vca-rte ul, .vca-rte ol { display: block; list-style: disc outside none; margin: 1em 0; padding: 0 0 0 20px; } .vca-rte ol { list-style-type: decimal; } .vca-rte li { line-height: normal; margin-bottom: 5px; } .vca-rte li:last-child { margin-bottom: 0; } .vca-rte p { line-height: 20px; } .vca-rte a { -webkit-transition: color 300ms ease-out 0s; -moz-transition: color 300ms ease-out 0s; -ms-transition: color 300ms ease-out 0s; transition: color 300ms ease-out 0s; background: transparent; color: #7d7d7d; cursor: pointer; display: inline-block; text-decoration: none; text-decoration: underline; text-underline-position: under; -ms-text-underline-position: below; } .vca-rte a:hover { color: #222222; } .vca-rte a:hover { color: #222222; } .vca-care-advisor-text-input { width: 100%; max-width: none; border: 1px solid #e6e6e6; padding-top: 13px; padding-bottom: 13px; padding-left: 20px; padding-right: 50px; } .vca-care-advisor-text-input-wrapper { position: relative; width: 100%; margin-top: 5px; } .vca-input-append-button-send { display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; position: absolute; height: 100%; width: 58px; border: none; right: 5px; } .vca-input-append-button-send:hover { outline: none; } .vca-lightbox .vca-vrg-iframe-popin.base-lightbox-wrapper .vca-lb-header-wrapper { display: none; } .vca-lightbox .vca-vrg-iframe-popin.base-lightbox-wrapper .vca-lightbox-content { padding: 0; } .vca-lightbox .vca-ic-prd-wrapper.base-lightbox-wrapper.vca-lightbox-wrapper .vca-lb-header-wrapper { padding: 20px; } .vca-lightbox .vca-ic-prd-wrapper.base-lightbox-wrapper.vca-lightbox-wrapper .vca-lightbox-content { padding: 120px 0 30px; } .vca-lightbox .vca-ic-prd-wrapper.base-lightbox-wrapper.vca-lightbox-wrapper .vca-cc-product { width: 100%; border-bottom: 1px solid #e6e6e6; } .vca-lightbox .vca-ic-prd-wrapper.base-lightbox-wrapper.vca-lightbox-wrapper .vca-cc-product:last-child { border-bottom: none; } .vca-lightbox .vca-ic-prd-wrapper.base-lightbox-wrapper.vca-lightbox-wrapper .vca-cc-product .vca-ccp-wl { left: 20px; } .vca-lightbox .vca-ic-prd-wrapper.base-lightbox-wrapper.vca-lightbox-wrapper .vca-cc-product .vca-transform-image-tag { max-width: 275px; } .vca-lightbox .vca-ic-prd-wrapper.base-lightbox-wrapper.vca-lightbox-wrapper .vca-cc-product .vca-ccp-name { margin: 40px 0 20px; } .vca-lightbox .vca-ic-prd-wrapper.base-lightbox-wrapper.vca-lightbox-wrapper .vca-cc-product .vca-ccp-link { padding-bottom: 50px; } .vca-interactive-img { position: relative; width: 100%; cursor: pointer; } .glp-asset .vca-interactive-img { position: static; } .vca-interactive-img::before { cursor: move; /* fallback if grab cursor is unsupported */ cursor: -webkit-pointer; cursor: -moz-pointer; cursor: pointer; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .vca-picto-img-wrapper { position: absolute; bottom: 0; left: 0; z-index: 2; } .vca-picto-img-wrapper .vca-picto-button { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-align-items: flex-start; align-items: flex-start; border-radius: 25px; -webkit-backdrop-filter: blur (10px); backdrop-filter: blur (10px); cursor: move; /* fallback if grab cursor is unsupported */ cursor: -webkit-pointer; cursor: -moz-pointer; cursor: pointer; padding: 10px; position: absolute; height: 40px; left: 0; bottom: 0; margin-left: 20px; margin-bottom: 20px; background: rgba(255, 255, 255, 0.4); width: auto !important; /* stylelint-disable-line declaration-no-important */ line-height: initial; } .vca-store-block-wrapper .vca-picto-img-wrapper .vca-picto-button { height: 40px; } .vca-picto-img-wrapper .vca-picto-button.vca-picto-dark { background: rgba(255, 255, 255, 0.2); } .vca-picto-img-wrapper .vca-picto-button .vca-picto-text { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; display: inline-block; max-width: 0; overflow: hidden; color: transparent; white-space: nowrap; } .vca-picto-img-wrapper .vca-picto-button .vca-icn-picto, .vca-picto-img-wrapper .vca-picto-button .vca-icn-picto-dark { opacity: 0.5; position: relative; } @media only screen and (max-width: 600px) { .vca-picto-img-wrapper .vca-picto-button.vca-picto-active .vca-picto-text { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -ms-transition: all ease 0.7s; transition: all ease 0.7s; max-width: 500px; color: #222222; padding: 0 10px; } .vca-picto-img-wrapper .vca-picto-button.vca-picto-active .vca-icn-picto, .vca-picto-img-wrapper .vca-picto-button.vca-picto-active .vca-icn-picto-dark { opacity: 1; } .vca-picto-img-wrapper .vca-picto-button.vca-picto-active .vca-picto-dark .vca-picto-text { color: #ffffff; } } .slick-slide .vca-interactive-img::before { width: 85%; height: 100%; top: 0; left: 60px; } .slick-slide .vca-interactive-img .vca-transform-picture-tag::before { content: ''; left: 0; height: 60px; bottom: 0; position: absolute; width: 60px; } .vca-ellipsis .vca-ellipsis-rml-container { display: none; } .vca-ellipsis .vca-ellipsis-rml-container.vca-show { display: inline; } .vca-ellipsis .vca-ellipsis-content-link { display: block; margin: 20px 0; } .vca-ellipsis[data-see-more-enabled] > p:nth-of-type(2) { display: inherit; } .vca-ellipsis[data-see-more-enabled] > p:last-of-type { display: inline; } .vca-swiper-nav { top: 1px; width: 50px; height: calc(100% - 20px); margin-top: 0; } .vca-swiper-nav:hover::before, .vca-swiper-nav:focus::before { content: ''; background-size: 100%; width: 40px; height: 40px; } .swiper .vca-swiper-nav::after { content: ''; } .vca-swiper-nav:focus-visible { border-radius: 4px; outline: 1px solid #016fd0; width: 50px; height: 50px; top: 40%; opacity: 1; } .vca-swiper-nav-left::before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chevron-left'); } .swiper-rtl .vca-swiper-nav-left::before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chevron-right'); } .vca-swiper-nav-right::before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chevron-right'); } .swiper-rtl .vca-swiper-nav-right::before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chevron-left'); } .swiper-horizontal { padding-bottom: 20px; } .swiper-pagination-horizontal { bottom: 0; } .swiper-pagination-bullet { background-color: #929292; width: 6px; height: 6px; opacity: 1; } .swiper-pagination-bullet:focus-visible { border-radius: 4px; outline: 1px solid #016fd0; outline-width: 4px; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #222222; } .swiper-button-disabled { display: none; } .base-riyal_symbol-decrypter { vertical-align: middle; } .vca-product-v2-card { display: -webkit-flex; display: -ms-flex; display: flex; position: relative; vertical-align: top; width: 100%; } .vca-product-v2-card .vca-transform-image-tag { margin-top: 20px; max-width: 220px; } .vca-product-v2-card-link { padding-bottom: 45px; width: 100%; } .vca-product-v2-card-link .vca-product-v2-card-stone-variations-count { display: block; color: #757575; } .vca-product-v2-card-link .vca-product-v2-card-stone-variations-count.vca-hide { display: none; } .vca-product-v2-card-info { margin: 0 auto; width: 80%; } .vca-product-v2-card-name { display: block; margin: 15px 0 10px; } .vca-product-v2-card-mat, .vca-product-v2-card-price { color: #757575; display: block; margin-bottom: 5px; } .vca-product-v2-card-carousel { display: -webkit-flex; display: -ms-flex; display: flex; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding-bottom: 0; margin-bottom: 40px; overflow: visible; } .vca-product-v2-card-carousel .swiper-pagination { bottom: -40px; line-height: 0; } .vca-product-v2-card-carousel .swiper-slide { border-right: 1px solid #e6e6e6; height: auto; } .vca-product-v2-card-carousel[data-items='1'] .swiper-wrapper { width: auto; } .vca-product-v2-card-carousel[data-items='1'] .swiper-slide { border: 0; } .vca-product-v2-card-price[data-show='false'] { display: none; } .vca-product-v2-card-price.vca-hide { display: none; } .vca-pdp-v2-related-tabs-panel, .vca-product-v2-product-carousel { overflow: hidden; } .vca-pdp-v2-related-products { margin-bottom: 60px; } .vca-modal { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 50; overflow-y: auto; background-color: rgba(115, 115, 115, 0.5); } .vca-modal.vca-hide { display: none; } .vca-modal.vca-modal-visible { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-modal .vca-modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .vca-modal .vca-modal-container { position: relative; width: 335px; background-color: #ffffff; } .vca-modal .vca-modal-title-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; position: relative; padding: 20px 0; background-color: #eef2e3; } .vca-modal .vca-modal-title-wrapper.vca-hide { display: none; } .vca-modal .vca-modal-close { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 20px; height: 20px; padding: 0; margin: 0; background: none; border: none; cursor: pointer; } .vca-modal .vca-modal-close:focus { border: 1px solid #016fd0; border-radius: 4px; outline: none; } .vca-modal .vca-modal-close:hover { outline: none; } .vca-modal .vca-modal-close.vca-hide { display: none; } .vca-modal .vca-modal-body { padding: 50px 10px; text-align: center; background-color: #ffffff; } .vca-modal .vca-modal-actions { display: grid; gap: 10px; padding: 0 10px 20px; } .vca-modal .vca-modal-confirm, .vca-modal .vca-modal-cancel { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; padding: 15px 75px; border: 1px solid #222222; background-color: #ffffff; color: #222222; cursor: pointer; } .vca-modal .vca-modal-confirm:focus-visible, .vca-modal .vca-modal-cancel:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-modal .vca-modal-confirm:hover, .vca-modal .vca-modal-cancel:hover { outline: 1px solid #222222; outline-offset: 0; } .vca-modal-open { overflow: hidden; } .vca-reassurance { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; margin: 10px 0; padding: 20px; text-align: center; } .vca-reassurance.vca-hide { display: none; } .vca-reassurance-container { max-width: 320px; } .vca-reassurance-subtext { color: #222222; margin-bottom: 40px; } .vca-reassurance-helper { font-size: 0.8125000000000001rem; line-height: 1.53846154; color: #757575; letter-spacing: 1.5px; color: #7f7f7f; margin: 20px 0; text-transform: uppercase; } :lang(ar) .vca-reassurance-helper { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-reassurance-helper { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-reassurance-helper { font-size: 0.9375rem; line-height: 1.33333333; } :lang(ar) .vca-reassurance-helper { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-reassurance-helper { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-reassurance-helper { font-size: 0.9375rem; line-height: 1.33333333; } .vca-reassurance-helper [class^='vca-icn-'] { vertical-align: middle; font-size: 0.9rem; margin: 0 10px 0 0; } .vca-reassurance-phone .vca-link { -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .vca-reassurance-heading { color: #222222; margin-bottom: 30px; } .vca-reassurance-days-open { font-size: 0.8125000000000001rem; color: #222222; margin: 15px 0; text-transform: uppercase; } .vca-reassurance-days-open span { width: 100%; } .vca-rh-jp-desk { display: none; } .vca-multifield-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; position: relative; } .vca-multifield-wrapper::before { width: calc(100% - 40px); content: ''; display: block; height: 1px; clear: both; position: absolute; top: 0; border-top: 1px solid #e6e6e6; } .vca-template-gift-landing-page .multifield-wrapper { margin-bottom: 50px; } .vca-template-gift-landing-page .vca-multifield-wrapper::before { border-top: none; } .vca-feature-cover-title { color: #222222; transition: margin-top 0.3s; } .vca-feature-cover-description { color: #222222; margin: 45px auto; width: 80%; } .vca-minor-feature-cover .vca-feature-cover-title { margin: 60px 20px 0; } .vca-minor-feature-cover .vca-feature-cover-description { margin: 33px 20px; } .vca-feature-cover { position: relative; } .vca-feature-cover .vca-show-folding-text { display: none; } .vca-feature-cover .vca-show-folding-text .vca-feature-cover-title { margin-left: 20px; margin-right: 20px; } .vca-feature-cover .vca-no-folding-text { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .vca-feature-cover .vca-text-content { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; position: relative; } @media only screen and (max-width: 600px) { .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-feature-cover-wrapper, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-feature-cover-wrapper, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-feature-cover-wrapper { /* stylelint-disable-next-line unit-no-unknown */ height: 100svh; overflow-y: scroll; scroll-snap-type: y mandatory; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-parallax-placeholder, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-parallax-placeholder, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-parallax-placeholder { /* stylelint-disable-next-line unit-no-unknown */ height: 100svh; scroll-snap-align: start; scroll-snap-stop: always; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-transform-image-tag, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-transform-image-tag, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-transform-image-tag { background: unset; width: inherit; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-composite-asset-wrapper, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-composite-asset-wrapper, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-composite-asset-wrapper, .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-transform-picture-tag, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-transform-picture-tag, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-transform-picture-tag { position: sticky; top: 0; /* stylelint-disable-next-line unit-no-unknown */ height: 100svh; width: inherit; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-text-content, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-text-content, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-text-content { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; scroll-snap-align: start; z-index: 2; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-text-content.vca-dark-shadow::after, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-text-content.vca-dark-shadow::after, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-text-content.vca-dark-shadow::after { content: ''; width: 100vw; height: 50vh; position: absolute; bottom: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-text-content.vca-light-shadow::after, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-text-content.vca-light-shadow::after, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-text-content.vca-light-shadow::after { content: ''; width: 100vw; height: 50vh; position: absolute; bottom: 0; background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-composite-asset-wrapper, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-composite-asset-wrapper, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-composite-asset-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: inherit; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-feature-cover-title, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-feature-cover-title, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-feature-cover-title { z-index: 1; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-feature-cover-title-wrapper, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-feature-cover-title-wrapper, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-feature-cover-title-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; height: 100%; position: absolute; top: 0; width: 100%; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-feature-cover-title-wrapper .vca-feature-cover-title, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-feature-cover-title-wrapper .vca-feature-cover-title, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-feature-cover-title-wrapper .vca-feature-cover-title { margin-top: 80px; z-index: 1; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-feature-cover-title-wrapper .vca-feature-cover-title.vca-title-on-top, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-feature-cover-title-wrapper .vca-feature-cover-title.vca-title-on-top, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-feature-cover-title-wrapper .vca-feature-cover-title.vca-title-on-top { margin-top: 20px; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-feature-cover-description, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-feature-cover-description, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-feature-cover-description { margin-top: 30px; margin-bottom: 0; z-index: 1; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-text-content .vca-feature-cover-cta, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-text-content .vca-feature-cover-cta, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-text-content .vca-feature-cover-cta { margin-top: 30px; margin-bottom: 30px; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-feature-cover-content, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-feature-cover-content, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-feature-cover-content { position: static; scroll-snap-align: start; scroll-snap-stop: always; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-show-folding-text, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-show-folding-text, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-show-folding-text { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-no-folding-text, .vca-feature-cover[data-mobile-folding-cover='textTopAlignedAboveFold'] .vca-no-folding-text, .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-no-folding-text { display: none; } .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-feature-cover-title-wrapper { display: none; } .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-feature-cover-content .vca-feature-cover-title { -webkit-justify-content: flex-start; -ms-flex-pack: start; -ms-justify-content: flex-start; justify-content: flex-start; display: block; margin-bottom: 30px; margin-top: 60px; } .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-parallax-placeholder { /* stylelint-disable-next-line unit-no-unknown */ height: 75svh; } .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-feature-cover-description { scroll-snap-align: start; scroll-snap-stop: always; margin-top: 0; } .vca-feature-cover[data-mobile-folding-cover='textBottomAlignedAboveFold'] .vca-feature-cover-link { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; -ms-justify-content: flex-start; justify-content: flex-start; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-feature-cover-title.vca-no-folding-text { margin-top: 0; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-no-folding-text { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-show-folding-text { display: none; } .vca-feature-cover[data-mobile-folding-cover='noTextAboveFold'] .vca-parallax-placeholder { /* stylelint-disable-next-line unit-no-unknown */ height: 100svh; } .vca-feature-cover[data-mobile-folding-cover='default'] .vca-parallax-placeholder { display: none; } .vca-feature-cover .vca-picto-img-wrapper { /* stylelint-disable-next-line unit-no-unknown */ top: 100svh; bottom: auto; z-index: 3; } } @media only screen and (min-width: 600px) { .vca-feature-cover .vca-show-folding-text, .vca-feature-cover .vca-parallax-placeholder { display: none; } .vca-feature-cover .vca-no-folding-text { display: -webkit-flex; display: -ms-flex; display: flex; } } .vca-feature-cover-link { display: block; width: 100%; } .vca-feature-cover-wrapper { overflow: hidden; scrollbar-width: none; } .vca-feature-cover-wrapper::-webkit-scrollbar { display: none; } .vca-feature-cover-content { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; height: 100%; position: absolute; top: 0; width: 100%; } .vca-feature-cover-cta { -webkit-transition: opacity 300ms ease-out 0s; -moz-transition: opacity 300ms ease-out 0s; -ms-transition: opacity 300ms ease-out 0s; transition: opacity 300ms ease-out 0s; margin: auto 20px 30px; opacity: 0.7; width: 275px; overflow-wrap: break-word; } .vca-feature-cover-cta p { display: inline; padding-bottom: 10px; border-bottom: 1px solid; line-height: 40px; } .vca-feature-cover-cta p:hover { text-decoration: none; } .vca-feature-cover-cta:hover { opacity: 1; } .vca-video-player, .vca-video-tag { vertical-align: bottom; } .vca-mc-txt-pos-m-top .vca-feature-cover-content .vca-text-content { height: 100%; } .vca-mc-txt-pos-xs-top .vca-feature-cover-description, .vca-mc-txt-pos-xs-bottom .vca-feature-cover-description { margin: 25px 20px; } .vca-mc-txt-pos-xs-top .vca-feature-cover-content .vca-feature-cover-title { margin: 50px 20px 0; } .vca-mc-txt-pos-xs-top .vca-feature-cover-content .vca-feature-cover-content-wrapper { height: 100%; } .vca-mc-txt-pos-xs-bottom .vca-feature-cover-content { -webkit-justify-content: flex-end; -ms-flex-pack: end; -ms-justify-content: flex-end; justify-content: flex-end; } .vca-mc-txt-pos-xs-bottom .vca-feature-cover-content .vca-feature-cover-title { margin: 0 20px 0; } .vca-mc-txt-pos-xs-bottom .vca-feature-cover-content .vca-feature-cover-cta { margin-top: 0; } .vca-header-theme-background-transparent.vca-major-feature-cover .vca-feature-cover-title { margin-top: 110px; } .vca-footer { border-top: 1px solid #dddddd; margin: 30px auto 0; position: relative; text-align: center; } .vca-footer .vca-icn-logo { display: block; margin: 47px 0 30px; } .vca-footer .vca-icn-logo::before { width: 90px; height: 50px; } .vca-footer .vca-icn-ea { display: inline-block; } .vca-footer .vca-icn-ea::before { min-width: 65px; height: 30px; } .vca-footer-sitemap { border-top: 1px solid #dddddd; } .vca-footer-mono { display: inline-block; } .vca-carousel-container .vca-carouselslide { height: 100%; position: relative; width: 100%; } .vca-carousel-container .vca-carouselslide.active { animation: fade-in 2s; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .vca-slick-dots { bottom: 10%; } .vca-carousel { height: auto; position: relative; width: 100%; } .vca-carousel-nav-prev, .vca-carousel-nav-next { border-radius: 30px; background-color: #f5f5f5; border: 0; cursor: pointer; display: none; height: 60px; margin: 10px; top: 50%; width: 60px; } .vca-carousel-nav-prev:before, .vca-carousel-nav-next:before { font-size: 2.5rem; line-height: 0.75; } .vca-carousel-nav-next { right: 0; } .vca-carousel-nav-prev { left: 0; } .vca-carousel-pagination { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .vca-carousel-pagination-step { opacity: 0.25; height: 20px; line-height: 20px; width: 20px; } .vca-carousel-pagination-step[aria-current='true'] { opacity: 1; } .vca-carousel-pagination-stepaction { background: transparent; border: 0; color: transparent; cursor: pointer; font-size: 0; height: 20px; line-height: 0; width: 20px; } .vca-carousel-pagination-stepaction:before { color: #222222; content: '•'; font-size: 18px; text-align: center; } .vca-carousel-active-pagination { opacity: 1; } .vca-es { margin: 0 auto; margin-top: 80px; margin-bottom: 80px; } .vca-es-border-top { border-top: 1px solid #e6e6e6; } .vca-es-title { color: #222222; } .vca-es-desc { color: #757575; } .vca-es-form { display: block; } .vca-es-form .base-forms-element { margin-bottom: 2px; } .vca-es-form-input { background: transparent; width: 100%; } .vca-es-form-input::placeholder { color: #757575; } .vca-es-form-input-error { color: #ff0000; } .vca-es-form-submit-btn[type='submit'] { cursor: pointer; background-color: transparent; color: #222222; text-transform: uppercase; margin: 0; padding: 5px 10px; min-width: 100px; width: auto; margin-top: 32px; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .vca-es-form-submit-btn[type='submit']:disabled { color: #e6e6e6; cursor: no-drop; } .vca-nl { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 5px 0; text-align: center; } .vca-nl-tabs-link { display: block; padding: 15px; text-transform: uppercase; } .vca-ad { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; cursor: pointer; margin: 0 40px 40px; } .vca-we-chat-button { display: -webkit-flex; display: -ms-flex; display: flex; border-radius: 4px; background: #ffffff; border: 1px solid #e6e6e6; padding: 10px; text-align: left; } .vca-we-chat-button-text { color: #7d7d7d; margin-left: 10px; text-transform: uppercase; } .vca-we-chat-button .vca-icn-wechat { color: #7d7d7d; } .vca-we-chat-button .vca-icn-arrow-right { -webkit-align-items: flex-end; -ms-flex-align: end; -ms-align-items: flex-end; align-items: flex-end; color: #7d7d7d; margin-left: auto; } .vca-ad-lightbox-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; bottom: 0; margin-right: 60px; cursor: default; left: 0; position: absolute; top: 0; width: 100%; } .vca-ad-lightbox-wrapper.vca-hide { display: none; } .vca-ad-lightbox-wrapper .cmp-image { box-sizing: content-box; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 20px solid #ffffff; height: 100px; position: absolute; width: 100px; z-index: 1; } .vca-ad-lightbox { opacity: 0.1; background: #222222; bottom: 0; left: 0; position: absolute; top: 0; width: 100%; } .vca-n-fl { display: block; text-align: center; } .vca-n-fl-tabs { padding: 15px 0; width: 100%; } .vca-n-fl-list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; line-height: 20px; text-align: center; } .vca-footer-links { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-align: center; } .vca-footer-links-link { font-size: 0.625rem; line-height: 3; color: #757575; letter-spacing: 1px; padding: 5px 10px; line-height: 30px; position: relative; text-transform: uppercase; } .vca-footer-links-link .vca-icn-arrow-down { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .vca-footer-links-link .vca-icn-arrow-down::before { vertical-align: -20%; } .vca-footer-links-link.vca-toggle-sitemap { padding-right: 30px; } .vca-footer-links-link.vca-footer-link-style { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: 600; } :lang(ru) .vca-footer-links-link.vca-footer-link-style { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-footer-links-link.vca-footer-link-style { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-footer-links-link.vca-footer-link-style { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-footer-links-link.vca-footer-link-style { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-footer-links-link.vca-footer-link-style { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-footer-links-link.vca-footer-link-style { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-cr-text { font-size: 0.625rem; letter-spacing: 1px; display: block; text-transform: uppercase; } .vca-cr-text h1 { display: inline; } .vca-kcp-escrowlink, .vca-kcp-escrowlink-form { display: inline; } .vca-nb { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-justify-content: start; -ms-flex-pack: start; -ms-justify-content: start; justify-content: start; background-color: #f5f5f5; color: #757575; padding: 15px; position: relative; } .vca-nb.vca-hide { display: none; } .vca-nb-visible { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; } .vca-nb-message { display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex; padding-left: 5px; } .vca-nb-message [class^='vca-icn-'] { padding-right: 10px; display: none; } .vca-nb-notification-link[data-href] { cursor: pointer; } .vca-nb-btn { display: -webkit-flex; display: -ms-flex; display: flex; max-width: 20px; cursor: pointer; margin: 0 10px; -webkit-align-self: flex-start; -ms-flex-item-align: flex-start; /* 1 */ align-self: flex-start; } .vca-ft { border: 1px solid #e6e6e6; padding: 30px 20px; } .vca-ft-row:not(:last-child) { margin-bottom: 20px; } .vca-ft-title { text-transform: none; color: #222222; } .vca-ft-info { text-transform: none; color: #7d7d7d; } .vca-lb { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-align-items: flex-start; align-items: flex-start; margin-top: 15px; } .vca-lb-block { font-size: 0.8125000000000001rem; margin-left: 40px; } .vca-lb-block:first-child { margin-left: 0; } .vca-lb .vca-lb-image { display: inline-block; vertical-align: middle; max-width: 15px; } .vca-lb .vca-lb-text { margin: 0; } .vca-bc { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; border-bottom: 1px solid #dddddd; padding: 20px 0; } .vca-bc-list { width: 100%; } .vca-bc-list-item { display: inline-block; padding: 0 15px; } .vca-bc-list-item-link { position: relative; } .vca-bc-list-item-link:after { content: '/'; position: absolute; right: -15px; } .vca-bc-list-text { font-size: 0.8125000000000001rem; color: #757575; cursor: default; letter-spacing: 1.5px; text-transform: uppercase; } .vca-ch-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vca-ch-wrapper .vca-image-section { display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; height: 500px; width: 100%; } .vca-ch-wrapper .vca-image-section img { display: -webkit-flex; display: -ms-flex; display: flex; height: 100%; object-fit: cover; width: 100%; } .vca-ch-wrapper .vca-ch-image-link { height: inherit; width: 100%; } .vca-ch-wrapper .vca-slick-dots { bottom: 0%; margin-top: 30px; position: relative; } .vca-ch-wrapper .vca-ch-wrapper-cta-container { padding-bottom: 40px; padding-top: 60px; text-align: center; } .vca-ch-wrapper .vca-ch-wrapper-cta { border-bottom: 1px solid #cccccc; padding-bottom: 10px; text-transform: uppercase; margin: 0 20px; } .vca-ch-wrapper .vca-ch-wrapper-cta:hover, .vca-ch-wrapper .vca-ch-wrapper-cta:focus { border-bottom-color: #222222; color: #222222; text-decoration: none; } .vca-ch-wrapper .vca-hide-tablet-only { display: block; } .vca-ch-wrapper .vca-show-tablet-only { display: none; } .vca-ch-wrapper .vca-ch-wrapper.vca-ch-inverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .vca-ch-featured-creations .vca-mobile-hide-only { display: none; } .vca-ch-media-card { display: block; margin: 0 20px; text-align: center; } .vca-ch-media-card-link { display: block; } .vca-ch-media-card-title { margin-top: 55px; } .vca-ch-media-card-description { margin-top: 25px; min-height: 50px; } .vca-ch-media-card-image-wrapper { -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; margin: 60px 0; } .vca-ch-media-card-image-wrapper img { max-width: 220px; } .vca-ch-media-card-image-desktop { display: none; } .vca-ch-media-card-image-mob { display: block; } .vca-ch-media-card--additional-text { position: relative; top: -40px; } .vca-slide-link { font-size: 0.8125000000000001rem; line-height: 1.53846154; color: #757575; letter-spacing: 1.5px; border-bottom: 1px solid; cursor: pointer; margin: auto 20px 40px; padding-bottom: 10px; text-transform: uppercase; } :lang(ar) .vca-slide-link { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-slide-link { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-slide-link { font-size: 0.9375rem; line-height: 1.33333333; } :lang(ar) .vca-slide-link { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-slide-link { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-slide-link { font-size: 0.9375rem; line-height: 1.33333333; } .vca-slide-link:hover { text-decoration: none; } .vca-newsletters { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #ffffff; text-align: center; width: auto; /* stylelint-disable */ /* stylelint-enable */ } .vca-newsletters .base-forms-error { display: block; text-align: left; } .vca-newsletters .radio-wrapper .base-forms-error { -webkit-transform: translateY(25px); transform: translateY(25px); } .vca-newsletters input.base-forms-radio[name='privacyPolicy'] + .base-forms-error { transform: translateY(40px); } .vca-newsletters .g-recaptcha { transform: scaleX(1.09) !important; transform-origin: 0 0; } .vca-row .vca-col-l-6.vca-newsletters { max-width: 430px; width: -moz-fit-content; width: fit-content; } .vca-newsletters-heading { margin: 0 auto 20px auto; max-width: 200px; text-transform: uppercase; } .vca-newsletters-description { margin: 0 auto; max-width: 220px; } .vca-nl-ea-error, .vca-newsletters-confirm { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; height: 100%; } .vca-nl-ea-error.vca-hide, .vca-newsletters-confirm.vca-hide { display: none; } .vca-nl-ea-error .vca-nl-ea-error-content, .vca-newsletters-confirm .vca-nl-ea-error-content { margin: 0; } .vca-nl-ea-error .vca-nl-ea-error-content p, .vca-newsletters-confirm .vca-nl-ea-error-content p { width: 100%; } .vca-sitemap { max-height: 0; overflow: hidden; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .vca-sitemap-heading { border-top: 1px solid #e6e6e6; margin: 15px 0 40px; padding-top: 40px; text-transform: uppercase; } .vca-sitemap-list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 10px 20px; } .vca-sitemap-list ul { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .vca-sitemap-tabs { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; display: inline-block; padding: 10px 0; text-align: left; } .vca-sitemap-tabs-link { text-transform: uppercase; } .vca-active-sitemap .vca-sitemap { animation: fade-in 2s; margin-top: 10px; max-height: 100%; overflow: visible; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .vca-active-sitemap .vca-footer-links-link { line-height: 30px; } .vca-active-sitemap .vca-footer-links-link .vca-icn-arrow-down { top: 5px; transform: rotate(180deg); } .vca-ss { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; line-height: 20px; margin-bottom: 55px; text-align: center; } .vca-ss-tabs-link { padding: 15px; text-transform: uppercase; } .vca-store-block-wrapper { position: relative; } .vca-store-block-wrapper .vca-carousel, .vca-store-block-wrapper .vca-carousel-container { height: 100%; } .vca-store-block-wrapper .vca-carouselslide div { height: 100%; width: 100%; } .vca-store-block-wrapper .vca-carouselslide div img { height: auto; min-height: 100%; width: 100%; } .vca-store-block { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; color: #222222; height: 100%; pointer-events: none; position: absolute; width: 100%; z-index: 1; } .vca-store-block-heading { color: inherit; margin-top: 60px; } .vca-store-block-description { color: inherit; margin-top: 30px; max-width: 295px; text-transform: none; } .vca-store-block-link { -webkit-transition: all 300ms ease-out 0s; -moz-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; border-bottom: 1px solid #757575; cursor: pointer; margin: auto 20px 40px; padding-bottom: 10px; pointer-events: fill; text-transform: uppercase; opacity: 0.7; } .vca-store-block-link:hover, .vca-store-block-link:focus { opacity: 1; text-decoration: none; } .vca-sb-labels-list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; -ms-justify-content: flex-end; justify-content: flex-end; bottom: 20px; position: absolute; right: 10px; width: 100%; } .vca-sb-labels-list .vca-sb-label { font-size: 0.75rem; color: #222222; line-height: 20px; margin-right: 10px; text-transform: capitalize; } /* stylelint-disable */ .bem-illustration-block { width: 100%; } .vca-bem-mul-img-car { min-height: 200px; max-height: 920px; width: auto; } .vca-bem-title { margin-bottom: 40px; color: var(--textColor); } .vca-bem-heading { display: inline-block; } .vca-bem-paragraph-section { margin-bottom: 80px; color: var(--textColor); } .vca-bem-txt-pos-left { text-align: left; } .vca-bem-txt-pos-left p { text-align: left !important; } .vca-bem-txt-pos-right { text-align: right; } .vca-bem-txt-pos-right p { text-align: right !important; } .vca-bem-txt-pos-center { text-align: center; } .vca-bem-txt-pos-center p { text-align: center !important; } .vca-bem-quote-section { margin-bottom: 80px; color: var(--textColor); } .vca-bem-quote-auth { display: block; margin-top: 40px; } .vca-bem-carousel { -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -ms-transition: opacity 0.1s ease; transition: opacity 0.1s ease; max-height: 560px; overflow: hidden; opacity: 0; visibility: hidden; } .vca-bem-carousel .vca-ill-img { height: 100%; } .vca-bem-carousel .vca-ill-img .vca-transform-picture-tag, .vca-bem-carousel .vca-ill-img .vca-transform-image-tag { height: 315px; overflow: hidden; } .vca-template-decade-detail-page .vca-bem-carousel .vca-ill-img .vca-transform-picture-tag, .vca-template-decade-detail-page .vca-bem-carousel .vca-ill-img .vca-transform-image-tag { height: 400px; } .vca-bem-carousel .vca-ill-img .vca-transform-image-tag { margin: 0; width: auto; object-fit: contain; } .vca-bem-illustration-block .vca-bem-carousel .vca-bem-video-block .vca-text-center { padding-top: unset; } .vca-bem-illustration-block .vca-bem-carousel .vca-bem-video-block .vca-video-caption { width: min-content; min-width: fit-content; } .vca-bem-carousel .vca-video-tag { max-height: 315px; } .vca-bem-carousel .vca-ill-sec { padding: 0 20px; } .vca-bem-illustration-block .vca-bem-carousel .vca-ill-sec { padding: 0 0 0 20px; } .vca-bem-carousel.slick-initialized { visibility: visible; opacity: 1; } .vca-bem-cb { margin-bottom: 40px; } .vca-bem-cb-ti, .vca-bem-cb-ii, .vca-bem-cb-ds { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; width: 100%; } .vca-bem-ci-wrap, .vca-bem-bi-wrap { -webkit-order: 2; -ms-order: 2; order: 2; } .vca-bem-ct-wrap, .vca-bem-si-wrap { -webkit-order: 1; -ms-order: 1; order: 1; } .vca-bem-hide-mobile { display: none; } .vca-bem-show-mobile { display: block; } .vca-bem-ct-wrap { margin: 0 20px 60px; } .vca-bem-cbt-tit { margin: 0 auto 20px; } .vca-bem-cbt-des { margin: 0 auto 30px; word-wrap: break-word; } .vca-bem-bi-wrap .vca-bem-cap-sec, .vca-bem-si-wrap .vca-bem-cap-sec { margin: 15px 0 0; } .vca-bem-cb-ti .vca-bem-cap-sec { padding-top: 15px; } .vca-bem-cb-ds .vca-bem-double-wrapper2 { margin-top: 80px; } .vca-bem-cb-ds .vca-bem-ci-wrap { padding: 0 20px; } .vca-bem-cb-ds .vca-bem-cap-sec { margin: 15px 20px 0; } .vca-bem-cb-ds .vca-bem-cbt-des { margin: 0 20px 30px; } .vca-bem-cb-ds .vca-bem-cta-wrap { margin-top: 30px; padding: 0; } .vca-bem-cb-ds .vca-bem-cbt-tit { margin: 0 0 20px; } .vca-bem-cb-ds .vca-bem-wrap-cta { color: #666666; padding-bottom: 0; } .vca-bem-cap-sec { color: #666666; } .vca-bem-cta-wrap { padding-bottom: 20px; padding-top: 30px; } .vca-bem-wrap-cta { border-bottom: 1px solid #757575; padding-bottom: 10px; text-transform: uppercase; } .vca-bem-wrap-cta:hover, .vca-bem-wrap-cta:focus { border-bottom: 1px solid #757575; text-decoration: none; } .vca-hide-mobile-only { display: none; } .vca-bem-cb-ii .vca-bem-cti-wrap.vca-bem-bi-wrap { padding-top: 20px; } .vca-bem-cb-ii.image-position-right .vca-bem-ci-wrap.vca-bem-si-wrap { -webkit-order: 2; -ms-order: 2; order: 2; padding-top: 20px; } .vca-bem-cb-ii.image-position-right .vca-bem-cti-wrap.vca-bem-bi-wrap { padding-top: 0; } .vca-ill-img { margin-bottom: 15px; position: relative; } .vca-bem-illustration-block::before { border-top: 0; } .vca-bem-fwi .vca-ill-sec { width: 100%; } .vca-bem-inlimgs .vca-ill-sec:first-child, .vca-bem-inlimgs3 .vca-ill-sec:first-child, .vca-bem-inlimgs4 .vca-ill-sec:first-child { margin-bottom: 10px; } .vca-bem-inlimgs3 .vca-ill-img, .vca-bem-inlimgs4 .vca-ill-img { display: inline-table; } .vca-bem-inlimgs3 .vca-ill-img .vca-caption, .vca-bem-inlimgs4 .vca-ill-img .vca-caption { display: table-caption; caption-side: bottom; } .vca-bem-mulill { border-top: 0; } .vca-bem-mulill .vca-cap-text { text-align: left; } .vca-bem-illustration-block .vca-cap-text { padding: 0; } .vca-bem-illustration-block .vca-text-center { padding-top: 20px; } .vca-bem-illustration-block .vca-slick-arrow { border-color: transparent; height: 315px; } .vca-bem-illustration-block .vca-slick-arrow:hover { outline-color: transparent; } .vca-editorial-highlight .vca-bem-illustration-block .vca-text-center { padding: 0; } .bem-editorial-block { margin-bottom: 40px; } .bem-editorial-block .vca-nc { padding-bottom: 60px; } .bem-editorial-block .vca-nc .vca-nc-anch { -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; display: -webkit-flex; display: -ms-flex; display: flex; } .bem-editorial-block .vca-nc-text-container, .bem-editorial-block .vca-card-content, .bem-editorial-block .vca-ac-tc, .bem-editorial-block .vca-card-content { margin: 0; } .bem-editorial-block .vca-nc-text-container .vca-nc-date, .bem-editorial-block .vca-card-content .vca-nc-date, .bem-editorial-block .vca-ac-tc .vca-nc-date, .bem-editorial-block .vca-card-content .vca-nc-date, .bem-editorial-block .vca-nc-text-container .vca-nc-title, .bem-editorial-block .vca-card-content .vca-nc-title, .bem-editorial-block .vca-ac-tc .vca-nc-title, .bem-editorial-block .vca-card-content .vca-nc-title, .bem-editorial-block .vca-nc-text-container .vca-card-sub-title, .bem-editorial-block .vca-card-content .vca-card-sub-title, .bem-editorial-block .vca-ac-tc .vca-card-sub-title, .bem-editorial-block .vca-card-content .vca-card-sub-title, .bem-editorial-block .vca-nc-text-container .vca-card-description, .bem-editorial-block .vca-card-content .vca-card-description, .bem-editorial-block .vca-ac-tc .vca-card-description, .bem-editorial-block .vca-card-content .vca-card-description { margin-left: 0; display: block; margin-bottom: 15px; } .bem-editorial-block .vca-decade-card, .bem-editorial-block .vca-dossier-card { --secondaryTextColor: #757575; margin-bottom: 50px; } .bem-editorial-block .vca-decade-card a, .bem-editorial-block .vca-dossier-card a { display: -webkit-flex; display: -ms-flex; display: flex; margin: 0; } .bem-editorial-block .vca-decade-card a picture, .bem-editorial-block .vca-dossier-card a picture { position: relative; display: block; } .bem-editorial-block .vca-decade-card a picture:before, .bem-editorial-block .vca-dossier-card a picture:before { content: ''; -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; display: block; height: 100%; width: 100%; position: absolute; z-index: 2; background: #000000; opacity: 0; } .bem-editorial-block .vca-decade-card a:hover picture:before, .bem-editorial-block .vca-dossier-card a:hover picture:before { opacity: 0.1; } .bem-editorial-block .vca-decade-card .vca-card-content, .bem-editorial-block .vca-dossier-card .vca-card-content { margin: 0; } .bem-editorial-block .vca-decade-card .vca-card-sub-title, .bem-editorial-block .vca-dossier-card .vca-card-sub-title { margin-bottom: 10px; } .bem-editorial-block .vca-decade-card .vca-card-title, .bem-editorial-block .vca-dossier-card .vca-card-title { display: none; } .bem-editorial-block .vca-decade-card .vca-article-count, .bem-editorial-block .vca-dossier-card .vca-article-count { border-radius: 2px; color: var(--secondaryTextColor); display: inline-block; margin: auto 0 10px 0; border: 1px solid #757575; padding: 10px 20px; text-transform: capitalize; } .bem-editorial-block .vca-decade-card .vca-article-count:hover, .bem-editorial-block .vca-dossier-card .vca-article-count:hover { color: var(--secondaryTextColor); text-decoration: none; } .bem-editorial-block .vca-ac { --secondaryTextColor: #757575; } .bem-editorial-block .vca-ac .vca-ac-theme-link { color: var(--secondaryTextColor); } .bem-editorial-block .vca-ac .vca-histoires-card, .bem-editorial-block .vca-ac .vca-video-cc-wrapper, .bem-editorial-block .vca-ac .vca-ac-tc-wrapper { padding-left: 15px; } .bem-editorial-block .vca-ac .vca-histoires-card .vca-ac-theme-link, .bem-editorial-block .vca-ac .vca-video-cc-wrapper .vca-ac-theme-link, .bem-editorial-block .vca-ac .vca-ac-tc-wrapper .vca-ac-theme-link, .bem-editorial-block .vca-ac .vca-histoires-card .vca-ac-il, .bem-editorial-block .vca-ac .vca-video-cc-wrapper .vca-ac-il, .bem-editorial-block .vca-ac .vca-ac-tc-wrapper .vca-ac-il { width: 100%; } .bem-editorial-block .vca-ac .vca-histoires-card { padding-right: 0; } .vca-bem .vca-ft { margin: 20px; width: auto; } .vca-bem-creation-block { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; overflow: hidden; } .vca-bem-creation-block.total-product-1 { padding: 0 15px; } .vca-bem-creation-block .vca-product { margin: 0 auto; margin-bottom: 80px; text-align: center; position: relative; } .vca-bem-creation-block .vca-pc-config-wrapper { margin: 20px auto 0; } .vca-bem-creation-block .vca-pc-config-wrapper .vca-cc-product { width: 100%; } .vca-bem-creation-block .vca-pc-config-wrapper .vca-cc-product .vca-transform-image-tag { max-width: 280px; } .vca-bem-creation-block .vca-pdp-name { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.1250000000000002rem; line-height: 1.38888889; margin-bottom: 15px; display: block; } :lang(ru) .vca-bem-creation-block .vca-pdp-name { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-bem-creation-block .vca-pdp-name { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-bem-creation-block .vca-pdp-name { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-bem-creation-block .vca-pdp-name { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-bem-creation-block .vca-pdp-name { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-bem-creation-block .vca-pdp-name { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ar) .vca-bem-creation-block .vca-pdp-name { font-size: 1.25rem; line-height: 1.25; } :lang(ru) .vca-bem-creation-block .vca-pdp-name { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-bem-creation-block .vca-pdp-name { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-bem-creation-block .vca-pdp-name { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-bem-creation-block .vca-pdp-name { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-bem-creation-block .vca-pdp-name { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-bem-creation-block .vca-pdp-name { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ar) .vca-bem-creation-block .vca-pdp-name { font-size: 1.25rem; line-height: 1.25; } .vca-bem-creation-block .vca-pdp-material, .vca-bem-creation-block .vca-pdp-price-info { font-size: 0.8125000000000001rem; line-height: 1.53846154; display: block; color: #757575; margin-bottom: 10px; } .vca-bem-creation-block .vca-pdp-material b, .vca-bem-creation-block .vca-pdp-price-info b, .vca-bem-creation-block .vca-pdp-material strong, .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-bem-creation-block .vca-pdp-material b, :lang(ru) .vca-bem-creation-block .vca-pdp-price-info b, :lang(ru) .vca-bem-creation-block .vca-pdp-material strong, :lang(ru) .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-bem-creation-block .vca-pdp-material b, :lang(ar) .vca-bem-creation-block .vca-pdp-price-info b, :lang(ar) .vca-bem-creation-block .vca-pdp-material strong, :lang(ar) .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-bem-creation-block .vca-pdp-material b, :lang(ja) .vca-bem-creation-block .vca-pdp-price-info b, :lang(ja) .vca-bem-creation-block .vca-pdp-material strong, :lang(ja) .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-bem-creation-block .vca-pdp-material b, :lang(ko) .vca-bem-creation-block .vca-pdp-price-info b, :lang(ko) .vca-bem-creation-block .vca-pdp-material strong, :lang(ko) .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-bem-creation-block .vca-pdp-material b, :lang(zh) .vca-bem-creation-block .vca-pdp-price-info b, :lang(zh) .vca-bem-creation-block .vca-pdp-material strong, :lang(zh) .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-bem-creation-block .vca-pdp-material b, :lang(zh-Hant) .vca-bem-creation-block .vca-pdp-price-info b, :lang(zh-Hant) .vca-bem-creation-block .vca-pdp-material strong, :lang(zh-Hant) .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-bem-creation-block .vca-pdp-material b, .vca-bem-creation-block .vca-pdp-price-info b, .vca-bem-creation-block .vca-pdp-material strong, .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-bem-creation-block .vca-pdp-material b, :lang(ru) .vca-bem-creation-block .vca-pdp-price-info b, :lang(ru) .vca-bem-creation-block .vca-pdp-material strong, :lang(ru) .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-bem-creation-block .vca-pdp-material b, :lang(ar) .vca-bem-creation-block .vca-pdp-price-info b, :lang(ar) .vca-bem-creation-block .vca-pdp-material strong, :lang(ar) .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-bem-creation-block .vca-pdp-material b, :lang(ja) .vca-bem-creation-block .vca-pdp-price-info b, :lang(ja) .vca-bem-creation-block .vca-pdp-material strong, :lang(ja) .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-bem-creation-block .vca-pdp-material b, :lang(ko) .vca-bem-creation-block .vca-pdp-price-info b, :lang(ko) .vca-bem-creation-block .vca-pdp-material strong, :lang(ko) .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-bem-creation-block .vca-pdp-material b, :lang(zh) .vca-bem-creation-block .vca-pdp-price-info b, :lang(zh) .vca-bem-creation-block .vca-pdp-material strong, :lang(zh) .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-bem-creation-block .vca-pdp-material b, :lang(zh-Hant) .vca-bem-creation-block .vca-pdp-price-info b, :lang(zh-Hant) .vca-bem-creation-block .vca-pdp-material strong, :lang(zh-Hant) .vca-bem-creation-block .vca-pdp-price-info strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-bem-creation-block.vca-cbr { margin: 0 0 100px 0; } .vca-bem-creation-block .vca-cbr-container { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; margin: 40px 0 100px 0; } .vca-bem-creation-block .vca-cbr-container .vca-video-player { display: -webkit-flex; display: -ms-flex; display: flex; width: 100%; } .vca-bem-creation-block .vca-cbr-container .vca-cbr-video { position: relative; } .vca-bem-creation-block .vca-cbr-container .vca-cbr-video .vca-icn-play { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .vca-bem-creation-block .vca-cbr-container .vca-cbr-video .vca-icn-play::before { height: 30px; width: 30px; } .vca-bem-creation-block .vca-cbr-content { margin-top: 20px; } .vca-bem-creation-block .vca-cbr-coll-txt { margin-bottom: 20px; } .vca-bem-creation-block .vca-cbr-link { border-bottom: 1px solid #c4c4c4; color: #757575; letter-spacing: 1.5px; padding-bottom: 10px; text-transform: uppercase; } .vca-bem-creation-block .vca-carousel-control { display: none; left: -9999px; } .vca-bem-creation-block .slick-track { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-bem-creation-block .slick-track .creation-block-list { height: auto; width: inherit; } .vca-bem-creation-block .slick-list { padding-bottom: 40px; } .vca-bem-creation-block .vca-slick-dots { bottom: 0; } .vca-bem-creation-block .vca-slick-arrow { top: 60px; height: 60%; } .vca-bem-creation-block.vca-bem-creation-price-hide .vca-ccp-price { display: none; } .vca-bem-video-block { margin-bottom: 70px; } .vca-bem-video-block .vca-video-caption { color: #757575; margin-top: 15px; } .bem-editorial-highlight .vca-eh-col { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; padding: 0; } .bem-editorial-highlight .vca-eh-col .vca-ec-static-text { padding: 0 53px; left: 0; width: 375px; } .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.6250000000000002rem; line-height: 1.34615385; padding: 0 0 35px; } :lang(ru) .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .bem-editorial-highlight .vca-eh-col .vca-editorial-sequence .vca-es-list { margin: 0 auto; } .bem-editorial-highlight .vca-eh-col .vca-editorial-sequence .vca-es-list .vca-ecfc-bottom { display: block; width: 375px; } .bem-editorial-highlight .vca-eh-col .cmp-image span { color: #757575; text-align: center; display: block; } .bem-editorial-highlight .vca-eh-col .vca-ec-staticQuote .vca-ec-blockquote .vca-ec-static-text { margin: 0 auto; } .vca-productGrid-carousel .vca-product { width: 100%; margin: 0; } .vca-productGrid-carousel .creation-block-list { border-left: 0; border: 1px solid #e6e6e6; max-width: 70vw; text-align: center; } .vca-productGrid-carousel .creation-block-list .vca-transform-image-tag { width: 140px; } .vca-productGrid-carousel li.creation-block-list:last-child { border-right: 0; } .vca-all-creation-cta { -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; display: -webkit-flex; display: -ms-flex; display: flex; padding: 30px 20px 10px; text-align: center; text-transform: uppercase; width: 100%; } .vca-all-creation-cta a { margin: 0 auto; } .vac-productgrid-margin { padding-bottom: 80px; } .vca-ac-il { position: relative; } .vca-ac-il .vca-icn-play { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .vca-ac-il .vca-icn-play::before { height: 30px; width: 30px; } .total-product-2 .vca-row .vca-product .vca-ccp-info { width: calc(100% - 5px); } .vca-bem .vca-grid-container .vca-card-content { padding: 0 15px; } .vca-bem .vca-grid-container .vca-decade-card, .vca-bem .vca-grid-container .vca-dossier-card { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 40px 0; } .vca-cap-text { -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -ms-transition: opacity 0.1s ease; transition: opacity 0.1s ease; opacity: 0; visibility: hidden; width: 100px; } .vca-cap-text.vca-show-caption-now { visibility: visible; opacity: 1; } .bem-creation-block .vca-productgrid-title { padding: 0 20px 50px; text-transform: uppercase; } .vca-bem-cbt-cta { color: #666666; } .vca-template-gift-landing-page .bem-creation-block .vca-productgrid-title { font-size: 1rem; line-height: 1.3125; letter-spacing: 1.9px; } .vca-template-gift-landing-page .vca-bem-title { margin-top: 50px; margin-bottom: 5px; } .vca-template-gift-landing-page .vca-bem-combo-block { margin-top: 80px; } .vca-template-gift-landing-page .vca-bem-cb { margin-bottom: 0; } .vca-template-gift-landing-page .vca-bem-cbt-cta { margin: 0 auto 0; word-wrap: break-word; } .vca-template-exhibition-page .bem-editorial-block > .vca-row:first-child > .vca-col-12 > .vca-content-article-card, .vca-template-exhibition-page .bem-editorial-block > .vca-row:first-child > .vca-col-12 > .vca-nc-card.vca-nc, .vca-template-exhibition-page .bem-editorial-block > .vca-row:first-child > .vca-col-12 > .vca-decade-card, .vca-template-exhibition-page .bem-editorial-block > .vca-row:first-child > .vca-col-12 > .vca-ac, .vca-template-exhibition-page .bem-editorial-block > .vca-row:first-child > .vca-col-12 > .vca-dossier-card { border-top: 1px solid #e6e6e6; } .vca-template-exhibition-page .bem-editorial-block .vca-content-article-card, .vca-template-exhibition-page .bem-editorial-block .vca-nc-card.vca-nc, .vca-template-exhibition-page .bem-editorial-block .vca-decade-card, .vca-template-exhibition-page .bem-editorial-block .vca-ac, .vca-template-exhibition-page .bem-editorial-block .vca-dossier-card { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #e6e6e6; margin-bottom: 0; } .bem-editorial-block > .vca-row:first-child > .vca-col-12 > .vca-video-card { border-top: 1px solid #e6e6e6; } .bem-editorial-block .vca-ac.vca-video-card { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #e6e6e6; margin-bottom: 0; } .bem-editorial-block .vca-ac.vca-video-card .vca-capital-link { padding-bottom: 10px; } .bem-editorial-block .vca-ccv-thumb [class*='vca-icn-']::before { height: 30px; width: 30px; } .vca-editorial-highlight .vca-bem-fwi .vca-ill-img, .vca-editorial-highlight .vca-bem-ill-v2-fwi .vca-ill-img { width: 100vw; } .vca-editorial-highlight .vca-bem-ill-v2-fwi .vca-ill-sec { padding: 0; } .bem-editorial-highlight .vca-grid-display, .bem-creation-block .vca-grid-display, .bem-illustration-block .vca-grid-display { display: block; } .vca-bem-lazyloading-disabled .vca-transform-image-tag.lazyloaded { visibility: visible; } .vca-illustration-block-butterfly-animation { position: absolute; left: 0; bottom: 0; z-index: 1; } .vca-illustration-block-butterfly-animation img { opacity: 1; } .vca-collection-block { cursor: pointer; display: block; } .vca-collection-block-heading { margin: 55px 0 30px; padding: 0 30px; text-align: center; } .vca-collection-block-wrapper { position: relative; } .vca-collection-block-wrapper.vca-collection-block-shadow-top:before { content: ''; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); width: 100%; height: 100%; position: absolute; top: 0; background-size: 100% 50%; background-repeat: no-repeat; background-position: top; } .vca-collection-block-image { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .vca-collection-block-item { height: 244px; margin: 0 auto; width: 194px; } .vca-collection-block-mobile { display: block; } .vca-collection-block-desktop { display: none; } .vca-collection-block-content { position: absolute; text-align: center; top: 40px; width: 100%; height: calc(100% - 45px); } .vca-collection-block-title { color: #222222; margin: 0 20px 20px; } .vca-collection-block-description { color: #222222; margin: 0 30px 10px; } .vca-collection-block-cta { -webkit-align-self: center; -ms-flex-item-align: center; /* 1 */ align-self: center; color: #666666; border-bottom: 1px solid; cursor: pointer; margin: 0 auto; text-transform: uppercase; } .vca-collection-block-cta:hover { text-decoration: none; } .vca-collection-block-reverse .vca-collection-block-content { bottom: 40px; top: auto; padding: 0 30px; height: initial; } .vca-collection-block-reverse .vca-collection-block-title { margin: 0 0 20px; } .vca-collection-block-reverse .vca-collection-block-item { margin-top: 35px; } .vca-collection-block-reverse.vca-collection-block-shadow-bottom:before { content: ''; background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); width: 100%; height: 100%; position: absolute; bottom: 0; background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .vca-hj-heading { font-size: 0.8125000000000001rem; line-height: 1.53846154; color: #757575; letter-spacing: 2px; padding: 0 20px; text-align: center; text-transform: uppercase; } .vca-hj-heading b, .vca-hj-heading strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-hj-heading b, :lang(ru) .vca-hj-heading strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-hj-heading b, :lang(ar) .vca-hj-heading strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-hj-heading b, :lang(ja) .vca-hj-heading strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-hj-heading b, :lang(ko) .vca-hj-heading strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-hj-heading b, :lang(zh) .vca-hj-heading strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-hj-heading b, :lang(zh-Hant) .vca-hj-heading strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-hj-heading b, .vca-hj-heading strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-hj-heading b, :lang(ru) .vca-hj-heading strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-hj-heading b, :lang(ar) .vca-hj-heading strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-hj-heading b, :lang(ja) .vca-hj-heading strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-hj-heading b, :lang(ko) .vca-hj-heading strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-hj-heading b, :lang(zh) .vca-hj-heading strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-hj-heading b, :lang(zh-Hant) .vca-hj-heading strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-mc-block-heading { margin: 55px 0 5px; padding: 0 30px; } .vca-mc-block-description { color: #222222; margin: 0 auto; width: 80%; } .vca-mc-block .vca-slick-dots { bottom: 20px; } .vca-mc-block .vca-cc-small { max-width: 295px; } .vca-mc-block-2 .vca-cc-small, .vca-mc-block-1 .vca-cc-small { max-width: 295px; min-height: 380px; } .vca-cc { margin-top: 30px; } .vca-cc-small img, .vca-cc-large img, .vca-cc-small picture, .vca-cc-large picture { height: 100%; width: 100%; } .vca-cc-small h2, .vca-cc-large h2, .vca-cc-small h3, .vca-cc-large h3 { margin: 40px auto 10px; text-align: center; text-transform: capitalize; width: 80%; } .vca-cc-small-link, .vca-cc-large-link { border-bottom: 1px solid; cursor: pointer; margin: auto 20px 10px; padding-bottom: 10px; width: max-content; } .vca-cc-small-link:hover, .vca-cc-large-link:hover { text-decoration: none; } .vca-cc-small { margin: 0 10px; overflow: hidden; position: relative; text-align: center; } .vca-cc-small-text { position: absolute; width: 100%; z-index: 1; } .vca-cc-large { display: -webkit-flex; display: -ms-flex; display: flex; position: relative; } .vca-cc-large h2 { margin: 0 auto 10px; } .vca-cc-large .vca-cc-wide-image { display: none; } .vca-cc-large-text { position: absolute; text-align: center; top: 60px; width: 100%; z-index: 1; } .vca-sc-wrapper { margin-top: 10px; } .vca-sc-title { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.25rem; line-height: 1.25; color: #000000; margin: 60px 30px; text-align: center; } :lang(ru) .vca-sc-title { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-sc-title { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-sc-title { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-sc-title { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-sc-title { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-sc-title { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-sc-title { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-sc-title { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-sc-title { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-sc-title { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-sc-title { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-sc-title { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-sc-block-list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vca-sc-block-list .vca-cc-small { margin: 0 0 10px 0; } .vca-lightbox .vca-lb-qrcode .vca-lb-header-wrapper { display: none; } .vca-lightbox .vca-lb-qrcode .base-lightbox-content, .vca-lightbox .vca-lb-qrcode .vca-lb-header-wrapper { background: transparent; } .vca-lightbox .vca-lb-qrcode .base-lightbox-content { overflow: hidden; min-width: 150px; width: 150px; min-height: 150px; height: 150px; padding: 0; } .vca-lb-qrcode .vca-transform-image-wrapper { margin: auto; } .vca-qrc-link { cursor: pointer; } .vca-qrc-pop-image { display: block; width: 100%; } .vca-qrc-temp { display: none; } .vca-vbs-0 { margin-bottom: 0; } .vca-vbs-10 { margin-bottom: 10px; } .vca-vbs-20 { margin-bottom: 10px; } .vca-vbs-30 { margin-bottom: 20px; } .vca-vbs-40 { margin-bottom: 35px; } .vca-vbs-45 { margin-bottom: 40px; } .vca-vbs-50 { margin-bottom: 40px; } .vca-vbs-60 { margin-bottom: 45px; } .vca-vbs-80 { margin-bottom: 60px; } .vca-vbs-100 { margin-bottom: 70px; } .vca-vbs-120 { margin-bottom: 80px; } .vca-vbs-150 { margin-bottom: 120px; } .vca-vts-0 { margin-top: 0; } .vca-vts-10 { margin-top: 10px; } .vca-vts-20 { margin-top: 10px; } .vca-vts-30 { margin-top: 20px; } .vca-vts-40 { margin-top: 35px; } .vca-vts-45 { margin-top: 40px; } .vca-vts-50 { margin-top: 40px; } .vca-vts-60 { margin-top: 45px; } .vca-vts-80 { margin-top: 60px; } .vca-vts-100 { margin-top: 70px; } .vca-vts-120 { margin-top: 80px; } .vca-vts-150 { margin-top: 120px; } @media only screen and (min-width: 600px) { .vca-main { padding-top: 60px; } .vca-show-on-mobile-only { display: none; } .vca-show-on-desktop-only { display: none; } .vca-show-on-tab-only { display: block; } /* Typography Reference - https://www.figma.com/file/TBCQgqCB9JhfSC22c1pJwDQi/VCA-%E2%80%94-Library-and-Specs?node-id=0%3A1 1. The rules mentioned below are inline with the reference above. 2. The commented code you see below, means that the particular rule would be driven by its lower breakpoint values, because they are same, as per reference. 3. Avoid writing any new rules, which are not mentioned in the above reference. **************************************************************************************************/ /*#region Typography - Tablet*/ /*#endregion*/ /* This will give global classes access to Typography mixins */ /*#region Typography - Tablet*/ .vca-h1 { font-size: 2.1875rem; line-height: 1.28571429; } .vca-h2 { font-size: 1.875rem; line-height: 1.33333333; } .vca-h3 { font-size: 1.7499999999999998rem; line-height: 1.25; } .vca-listing-01 { font-size: 2.1875rem; line-height: 1.28571429; } .vca-listing-03 { font-size: 1.3750000000000002rem; line-height: 1.36363636; } .vca-subheader { font-size: 1.3750000000000002rem; line-height: 1.45454545; } .vca-section { font-size: 1rem; letter-spacing: 1.9px; } :lang(ar) .vca-section { font-size: 1.3750000000000002rem; letter-spacing: initial; } .vca-quote { font-size: 2.7500000000000004rem; line-height: 1.25; } /*#endregion*/ .vca-slider-column { width: 410px; padding: 0 40px 60px; } .vca-slider-inner { width: calc(410px - 80px); } .vca-lightbox .base-lightbox-wrapper:has(.vca-back-arrow.vca-show-back-arrow) .vca-lb-close { visibility: visible; } .vca-lightbox .base-lightbox-wrapper { top: 0; max-height: unset; /* full */ /* left */ /* right */ } .vca-lightbox .base-lightbox-wrapper .base-lightbox-content { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .vca-lightbox .base-lightbox-wrapper .vca-lb-header-wrapper { padding: 30px 40px 20px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-full .base-lightbox-content { padding: 120px 30px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left .base-lightbox-content { height: 100%; width: 410px; padding: 60px 40px 30px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left .vca-lb-header-wrapper { width: 410px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left.vca-lightbox-wrapper-v2 { /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ } .vca-lightbox .base-lightbox-wrapper.vca-lb-left.vca-lightbox-wrapper-v2 .base-lightbox-content { width: 450px; padding-top: 60px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left.vca-lightbox-wrapper-v2 .vca-lb-header-wrapper { width: 450px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; border-radius: 0; left: 50%; padding: 0 20px 20px; /* stylelint-disable no-descending-specificity */ /* stylelint-enable no-descending-specificity */ } .vca-lightbox .base-lightbox-wrapper.vca-lb-right .base-lightbox-content { -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); height: 100%; width: 410px; padding: 60px 40px 30px; max-height: 100vh; left: auto; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right .vca-lb-header-wrapper { width: 410px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right.vca-lightbox-wrapper-v2 { /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ } .vca-lightbox .base-lightbox-wrapper.vca-lb-right.vca-lightbox-wrapper-v2 .base-lightbox-content { width: 450px; padding-top: 60px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right.vca-lightbox-wrapper-v2 .vca-lb-header-wrapper { width: 450px; } .vca-lightbox .base-lightbox-wrapper.vca-lightbox-animate { opacity: 0; } .vca-lightbox .base-tencentcaptcha iframe { height: 38px !important; /* stylelint-disable-line declaration-no-important */ width: 100% !important ; /* stylelint-disable-line declaration-no-important */ position: relative !important; /* stylelint-disable-line declaration-no-important */ left: 0 !important; /* stylelint-disable-line declaration-no-important */ } .vca-cc-product { width: 50vw; } .vca-cc-product .vca-transform-image-tag { margin-top: 40px; max-width: 265px; } .vca-ccp-link { padding-bottom: 60px; } .vca-ccp-name { display: block; margin: 45px 0 20px; } .vca-lightbox-wrapper.vca-video-popup { -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; bottom: auto; min-width: 360px; padding: 0; } .vca-cc-pc { padding: 60px 0 60px; } .vca-leaf-playagain, .vca-leaf-plp { -webkit-transform: translateX(0); transform: translateX(0); bottom: 40px; left: 60px; } .vca-leaf-loader-text { font-size: 1.1250000000000002rem; line-height: 1.21111111; } .vca-leaf-loader .vca-icn-leaf::before { vertical-align: bottom; height: 50px; width: 42.5px; } .vca-leaf-search-wrapper { margin-right: 20px; } .vca-leaf-search { margin: 5px 15px 0; } .vca-toaster--top { text-align: center; } .vca-product-v2-card .vca-transform-image-tag { margin-top: 50px; max-width: 265px; } .vca-product-v2-card-link { padding-bottom: 60px; } .vca-product-v2-card-name { display: block; margin: 50px 0 20px; } .vca-product-v2-card-carousel[data-items='2'] .swiper-slide { min-width: 50%; } .vca-modal .vca-modal-container { width: 590px; } .vca-modal .vca-modal-close { right: 20px; } .vca-modal .vca-modal-body { padding: 50px 100px; } .vca-modal .vca-modal-actions { padding: 0 20px 20px; } .vca-feature-cover-description { width: 60%; } .vca-feature-cover-cta { margin-bottom: 50px; width: auto; padding: 0; } .vca-major-feature-cover .vca-feature-cover-title { margin-top: 55px; } .vca-major-feature-cover .vca-feature-cover-description { margin: 20px; } .vca-minor-feature-cover .vca-feature-cover-title { margin-top: 80px; } .vca-minor-feature-cover .vca-feature-cover-description { margin-top: 20px; } .vca-minor-feature-cover .vca-feature-cover-cta { margin-bottom: 40px; } .vca-header-theme-background-transparent.vca-major-feature-cover .vca-feature-cover-title { margin-top: 110px; } .vca-mc-txt-pos-xs-top .vca-feature-cover-content .vca-feature-cover-content-wrapper { height: auto; } .vca-mc-txt-pos-m-top .vca-feature-cover-content .vca-feature-cover-content-wrapper { height: 100%; } .vca-nl { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .vca-nl-tabs-link { display: inline-block; } .vca-we-chat-button { -webkit-flex-basis: 300px; -ms-flex-basis: 300px; flex-basis: 300px; margin: 0; max-width: 300px; width: 300px; } .vca-ad-lightbox-wrapper .cmp-image { box-sizing: content-box; border: 50px solid #ffffff; height: 150px; width: 150px; z-index: 1; } .vca-footer .vca-icn-logo { margin: 60px 0 40px; } .vca-cr-text { display: inline-block; } .vca-row .vca-col-l-6.vca-newsletters { max-width: 448px; } .vca-newsletters-heading { margin-bottom: 30px; } .vca-sitemap-list { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; padding: 20px 40px 20px; } .vca-sitemap-list ul { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; padding: 0 60px; } .vca-sitemap-tabs-link { display: inline-block; } .vca-store-block-wrapper { height: 750px; } .vca-store-block-heading { font-size: 2.1875rem; line-height: 1.28571429; margin-top: 80px; } .vca-store-block-description { font-size: 1rem; letter-spacing: 1.9px; margin-top: 20px; max-width: 448px; } :lang(ar) .vca-store-block-description { font-size: 1.3750000000000002rem; letter-spacing: initial; } :lang(ar) .vca-store-block-description { font-size: 1.3750000000000002rem; letter-spacing: initial; } .vca-store-block-link { margin-bottom: 40px; } .vca-ch-wrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; margin: 0 160px; } .vca-ch-wrapper .vca-carousel-section { height: 100%; width: 100%; } .vca-ch-wrapper .vca-image-section { margin: 40px 40px 50px; width: 100%; } .vca-ch-wrapper .vca-image-section, .vca-ch-wrapper .vca-carousel-section { height: 100%; } .vca-ch-wrapper-cta-container { padding-bottom: 90px; padding-top: 10px; } .vca-ch-wrapper .vca-hide-tablet-only { display: none; } .vca-ch-wrapper .vca-show-tablet-only { display: block; } .vca-ch-featured-creations .vca-mobile-hide-only { display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex; } .vca-ch-media-card-title { margin-top: 80px; } .vca-ch-media-card-description { margin-top: 15px; } .vca-ch-media-card-image-wrapper { margin: 40px 0 20px; } .vca-ch-media-card-image-wrapper img { max-width: 265px; } .vca-bem-title { margin-bottom: 45px; } .vca-bem-paragraph-section { margin-bottom: 100px; } .vca-bem-quote-section { margin-bottom: 100px; } .vca-bem-hide-mobile { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-bem-show-mobile { display: none; } .vca-bem-mul-img-car { min-height: 200px; } .vca-bem-double-wrapper1, .vca-bem-double-wrapper2 { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; } .vca-bem-cb-ds { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-self: baseline; -ms-flex-item-align: baseline; /* 1 */ align-self: baseline; } .vca-bem-cb-ds .vca-bem-cbt-tit { margin: 0 0 30px; } .vca-bem-cb-ds .vca-bem-double-wrapper2 { margin-top: 0; } .vca-bem-cb-ds .vca-bem-cbt-des { margin: 0 0 30px; } .vca-bem-cb-ds .vca-bem-cap-sec { margin: 15px 0 0; } .vca-bem-mulill .vca-ill-sec { max-width: 100%; } .vca-bem-mulill .vca-video-tag { max-height: 380px; } .vca-bem-inlimgs, .vca-bem-inlimgs3, .vca-bem-inlimgs4 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-evenly; -ms-flex-pack: evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-align-items: flex-start; align-items: flex-start; } .vca-bem-inlimgs .vca-ill-sec, .vca-bem-inlimgs3 .vca-ill-sec, .vca-bem-inlimgs4 .vca-ill-sec { margin: 0 auto; } .vca-bem-inlimgs .vca-ill-sec:first-child, .vca-bem-inlimgs3 .vca-ill-sec:first-child, .vca-bem-inlimgs4 .vca-ill-sec:first-child { padding-bottom: 0; margin: 0 auto; } .vca-bem-inlimgs { -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; } .vca-productGrid-carousel { /* stylelint-disable-line selector-class-pattern */ } .vca-productGrid-carousel .creation-block-list { max-width: 50vw; } .vca-productGrid-carousel .creation-block-list .vca-transform-image-tag { width: 230px; } .vca-productGrid-carousel .vca-carousel-control { display: inline-block; left: 0; } .vca-productGrid-carousel .vca-icn-sleek_arrow_right { /* stylelint-disable-line selector-class-pattern */ left: 90vw; } .vca-bem-carousel .vca-ill-img .vca-transform-picture-tag, .vca-bem-carousel .vca-ill-img .vca-transform-image-tag { height: 380px; } .vca-template-decade-detail-page .vca-bem-carousel .vca-ill-img .vca-transform-picture-tag, .vca-template-decade-detail-page .vca-bem-carousel .vca-ill-img .vca-transform-image-tag { height: 400px; } .vca-bem-carousel .vca-ill-sec:first-of-type { padding-left: calc((1 / 12) * (100vw - 40px) - 20px); } .vca-bem-illustration-block .vca-cap-text { padding: 20px 0 0; } .vca-bem-illustration-block .vca-slick-arrow { height: 380px; } .vca-bem-cb-ii .vca-bem-cti-wrap.vca-bem-bi-wrap { padding-top: 80px; } .vca-bem-cb-ii.image-position-right .vca-bem-ci-wrap.vca-bem-si-wrap { padding-top: 80px; } .vca-bem-cb-ii.image-position-right .vca-bem-cti-wrap.vca-bem-bi-wrap { padding-top: 0; } .bem-editorial-block .vca-nc { padding-bottom: 80px; } .bem-editorial-block .vca-nc-text-container .vca-nc-date, .bem-editorial-block .vca-ac-tc .vca-nc-date, .bem-editorial-block .vca-card-content .vca-nc-date, .bem-editorial-block .vca-nc-text-container .vca-nc-title, .bem-editorial-block .vca-ac-tc .vca-nc-title, .bem-editorial-block .vca-card-content .vca-nc-title, .bem-editorial-block .vca-nc-text-container .vca-ac-theme-link, .bem-editorial-block .vca-ac-tc .vca-ac-theme-link, .bem-editorial-block .vca-card-content .vca-ac-theme-link, .bem-editorial-block .vca-nc-text-container .vca-ac-il, .bem-editorial-block .vca-ac-tc .vca-ac-il, .bem-editorial-block .vca-card-content .vca-ac-il, .bem-editorial-block .vca-nc-text-container .vca-card-sub-title, .bem-editorial-block .vca-ac-tc .vca-card-sub-title, .bem-editorial-block .vca-card-content .vca-card-sub-title, .bem-editorial-block .vca-nc-text-container .vca-card-description, .bem-editorial-block .vca-ac-tc .vca-card-description, .bem-editorial-block .vca-card-content .vca-card-description { margin-left: 0; } .bem-editorial-block .vca-ac .vca-histoires-card, .bem-editorial-block .vca-ac .vca-video-cc-wrapper, .bem-editorial-block .vca-ac .vca-ac-tc-wrapper { padding-left: 15px; } .bem-editorial-block .vca-ac .vca-hc-img { margin-right: 25px; } .bem-editorial-block .vca-ac .vca-histoires-card { padding-right: 20px; } .bem-editorial-block .vca-decade-card, .bem-editorial-block .vca-dossier-card { margin-bottom: 60px; } .bem-editorial-block .vca-decade-card .vca-card-content, .bem-editorial-block .vca-dossier-card .vca-card-content { margin: 0; } .bem-editorial-block .vca-decade-card .vca-card-sub-title, .bem-editorial-block .vca-dossier-card .vca-card-sub-title { margin-bottom: 15px; } .bem-editorial-block .vca-dossier-card .vca-card-content { text-align: center; position: relative; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: -webkit-flex; display: -ms-flex; display: flex; } .bem-editorial-block .vca-dossier-card .vca-card-content .vca-article-count { margin: 0 auto; order: 3; } .vca-hide-mobile-only { display: block; } .vca-bem .vca-ft { margin: 0 auto 20px; width: 70%; } .vca-bem-video-block { margin-bottom: 90px; } .vca-bem-creation-block { -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; } .vca-bem-creation-block .vca-product { margin-bottom: 0 0 100px 0; display: inline-block; } .vca-bem-creation-block.vca-cbr { margin: 0 40px 0 40px; } .vca-bem-creation-block .vca-cbr-container { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: 80px 0 80px 0; } .vca-bem-creation-block .vca-cbr-content { margin: auto; } .vca-bem-creation-block .vca-cbr-coll-txt { margin-bottom: 30px; } .total-product-1 .vca-product { width: auto; } .total-product-2 .vca-product { width: calc(40% - 1px); margin: 0 15px; } .vca-all-creation-cta { padding: 60px 20px 100px; } .vac-productgrid-margin { padding-bottom: 100px; } .vca-bem-ct-wrap { margin-bottom: 60px; } .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-size: 1.875rem; line-height: 1.33333333; } .bem-editorial-highlight .vca-eh-col .vca-bem-title { margin-top: 45px; margin-bottom: 40px; } .bem-creation-block .vca-productgrid-title { padding: 0 40px 50px; } .vca-template-gift-landing-page .vca-bem-combo-block { margin-top: 100px; } .vca-collection-block-heading { margin: 55px 0 35px; padding: 0 100px; } .vca-collection-block-item { height: 330px; width: 264px; } .vca-collection-block-content { top: 80px; } .vca-collection-block-reverse .vca-collection-block-content { bottom: 80px; } .vca-collection-block-reverse .vca-collection-block-item { margin-top: 110px; } .vca-hj-heading { font-size: 1.1250000000000002rem; line-height: 1; border-bottom: 1px solid #e6e6e6; color: #757575; margin: 0 40px; padding: 20px 0; text-transform: uppercase; } .vca-mc-block-heading { margin: 90px 0 5px; padding: 0 30px; } .vca-mc-block-list { margin-top: 55px; } .vca-mc-block .vca-slick-dots { bottom: 70px; } .vca-mc-block .vca-cc-small { max-width: 330px; } .vca-mc-block-2, .vca-mc-block-1 { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; transform: none; } .vca-mc-block-2 .vca-cc-small, .vca-mc-block-1 .vca-cc-small { max-width: 295px; } .vca-cc-small h2, .vca-cc-large h2, .vca-cc-small h3, .vca-cc-large h3 { margin: 40px auto 20px; width: 100%; } .vca-cc-small-link, .vca-cc-large-link { margin-bottom: 60px; } .vca-cc-large { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; } .vca-cc-large .vca-cc-wide-image { display: block; } .vca-cc-large .vca-cc-mobile-image { display: none; } .vca-cc-large-text { left: 50px; max-width: 320px; top: auto; } .vca-cc-large-wrapper { margin: 20px 40px; } .vca-cc-large-reverse { -webkit-justify-content: flex-end; -ms-flex-pack: end; -ms-justify-content: flex-end; justify-content: flex-end; } .vca-cc-large-reverse .vca-cc-large-text { left: auto; right: 50px; } .vca-sc-wrapper { margin: 20px 40px; } .vca-sc-block-list { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-evenly; -ms-flex-pack: evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; } .vca-sc-block-list .vca-cc-small { margin-left: 40px; } .vca-sc-block-list .vca-cc-small:first-child { margin-left: 0; } .vca-multifield-wrapper::before { width: calc(100% - 80px); } .vca-template-gift-landing-page { /* stylelint-disable selector-type-no-unknown */ /* stylelint-enable selector-type-no-unknown */ } .vca-template-gift-landing-page .vca-multifield-wrapper { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-evenly; -ms-flex-pack: evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; } .vca-template-gift-landing-page _:-ms-fullscreen, .vca-template-gift-landing-page :root .vca-multifield-wrapper { -webkit-justify-content: space-around; -ms-flex-pack: around; -ms-justify-content: space-around; justify-content: space-around; } .vca-vbs-0 { margin-bottom: 0; } .vca-vbs-10 { margin-bottom: 10px; } .vca-vbs-20 { margin-bottom: 15px; } .vca-vbs-30 { margin-bottom: 25px; } .vca-vbs-40 { margin-bottom: 40px; } .vca-vbs-45 { margin-bottom: 45px; } .vca-vbs-50 { margin-bottom: 45px; } .vca-vbs-60 { margin-bottom: 55px; } .vca-vbs-80 { margin-bottom: 70px; } .vca-vbs-100 { margin-bottom: 80px; } .vca-vbs-120 { margin-bottom: 100px; } .vca-vts-0 { margin-top: 0; } .vca-vts-10 { margin-top: 10px; } .vca-vts-20 { margin-top: 15px; } .vca-vts-30 { margin-top: 25px; } .vca-vts-40 { margin-top: 40px; } .vca-vts-45 { margin-top: 45px; } .vca-vts-50 { margin-top: 45px; } .vca-vts-60 { margin-top: 55px; } .vca-vts-80 { margin-top: 70px; } .vca-vts-100 { margin-top: 80px; } .vca-vts-120 { margin-top: 100px; } } @media only screen and (min-width: 900px) { .vca-narrow-only { display: none; } .vca-wide-only { display: inline-block; } .vca-super-wide-only { display: none; } .vca-main { padding-top: 100px; } .vca-show-on-mobile-only { display: none; } .vca-show-on-tab-only { display: none; } .vca-show-on-desktop-only { display: block; } .vca-skip-content { top: 120px; padding: 20px; } .vca-skip-content-span { border: 1px solid #016fd0; padding: 4px 14px; } /* Typography Reference - https://www.figma.com/file/TBCQgqCB9JhfSC22c1pJwDQi/VCA-%E2%80%94-Library-and-Specs?node-id=0%3A1 1. The rules mentioned below are inline with the reference above. 2. The commented code you see below, means that the particular rule would be driven by its lower breakpoint values, because they are same, as per reference. 3. Avoid writing any new rules, which are not mentioned in the above reference. **************************************************************************************************/ /*#region Typography - Wide*/ /*#endregion*/ /* This will give global classes access to Typography mixins */ /*#region Typography - Wide*/ .vca-hero-creation { font-size: 3rem; line-height: 1.14583333; } .vca-h1 { font-size: 2.5rem; line-height: 1.25; } .vca-listing-01 { font-size: 2.5rem; line-height: 1.25; } .vca-listing-02 { font-size: 2rem; line-height: 1.25; } .vca-section { font-size: 1rem; letter-spacing: 1.9px; } :lang(ar) .vca-section { font-size: 1.3750000000000002rem; letter-spacing: initial; } .vca-body-01 { font-size: 0.8749999999999999rem; line-height: 1.78571429; letter-spacing: initial; } :lang(ar) .vca-body-01 { font-size: 1rem; line-height: 1.5625; } .vca-body-01-latin { font-size: 0.8749999999999999rem; line-height: 1.78571429; letter-spacing: initial; } .vca-quote { font-size: 3.125rem; line-height: 1.3; } /*#endregion*/ .vca-slider-column { width: 430px; padding: 0 50px 50px; } .vca-slider-header { height: 100px; } .vca-slider-inner { width: calc(430px - 100px); } .vca-lightbox .base-lightbox-wrapper { width: 100%; height: 100%; overflow: hidden; /* full */ /* left */ /* right */ } .vca-lightbox .base-lightbox-wrapper .vca-lb-header-wrapper { height: 120px; padding: 20px 60px; } .vca-lightbox .base-lightbox-wrapper .vca-lb-header-btn { min-height: 50px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-full { top: 0; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .vca-lightbox .base-lightbox-wrapper.vca-lb-full .base-lightbox-content { height: 100vh; width: 100vw; padding: 120px 30px; max-height: none; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left .base-lightbox-content { height: 100%; width: 450px; padding: 120px 60px 30px; max-height: 100vh; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left .vca-lb-header-wrapper { width: 450px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left.vca-lightbox-wrapper-v2 { /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ } .vca-lightbox .base-lightbox-wrapper.vca-lb-left.vca-lightbox-wrapper-v2 .base-lightbox-content { width: 500px; padding-top: 100px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left.vca-lightbox-wrapper-v2 .vca-lb-header-wrapper { width: 500px; height: 100px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right { /* stylelint-disable no-descending-specificity */ /* stylelint-enable no-descending-specificity */ } .vca-lightbox .base-lightbox-wrapper.vca-lb-right .base-lightbox-content { height: 100%; width: 450px; padding: 120px 60px 30px; max-height: 100vh; left: auto; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right .vca-lb-header-wrapper { width: 450px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right.vca-lightbox-wrapper-v2 { /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ } .vca-lightbox .base-lightbox-wrapper.vca-lb-right.vca-lightbox-wrapper-v2 .base-lightbox-content { width: 500px; padding-top: 100px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right.vca-lightbox-wrapper-v2 .vca-lb-header-wrapper { width: 500px; height: 100px; } .vca-lightbox .vca-mplightbox { top: 0; } /***************************** * Abbreviations: * ============== * vca-pc - vca product card *****************************/ .vca-cc-product { width: 33.3vw; min-width: auto; } .vca-cc-product .vca-transform-image-tag { max-width: 310px; } .vca-ccp-name { display: block; margin: 45px 0 20px; } .vca-ccp-carousel { display: block; overflow: visible; margin-bottom: 10px; } .vca-ccp-carousel .vca-slick-dots { bottom: -40px; z-index: 1; left: 0; right: 0; } .vca-ccp-carousel[data-items='1'], .vca-ccp-carousel[data-items='2'], .vca-ccp-carousel[data-items='3'] { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-ccv-thumb [class*='vca-icn-']::before { height: 60px; width: 60px; } .vca-ccv-large .vca-ccv-name { margin-top: 45px; } .vca-lightbox-wrapper.vca-video-popup { top: 0; } .vca-lightbox-wrapper.vca-video-popup .vca-lightbox-content { width: auto; } .vca-video-player { position: relative; } .vca-play-pause-icn { z-index: 9; } .vca-play-pause-icn.vca-icn-play:before { height: 60px; width: 60px; } video::-webkit-media-controls-overlay-play-button { display: none; } video::-webkit-media-controls-start-playback-button { display: none; } .vca-load-more-border { margin-top: 60px; } .vca-load-more-border::before { padding-top: 50px; } .vca-cc-pc { padding-bottom: 90px; } .vca-concierge-details.vca-link { pointer-events: none; } .vca-template-gift-landing-page .vca-concierge-details.vca-link { pointer-events: auto; color: inherit; font-size: inherit; } .vca-care-advisor-text-input-wrapper { margin-top: 10px; } .vca-input-append-button-send { right: 20px; } .vca-interactive-img:hover .vca-picto-text { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -ms-transition: all ease 0.7s; transition: all ease 0.7s; max-width: 500px; color: #222222; padding: 0 10px; } .vca-interactive-img:hover .vca-icn-picto, .vca-interactive-img:hover .vca-icn-picto-dark { opacity: 1; } .vca-interactive-img:hover .vca-picto-dark .vca-picto-text { color: #ffffff; } .slick-slider:has(.vca-interactive-img) .vca-slick-arrow { height: 84%; } .slick-slider:has(.vca-interactive-img):has(.vca-caption) .vca-slick-arrow { height: 72%; } .slick-slider:has(.vca-interactive-img):has(.vca-caption) .vca-slick-arrow:focus, .slick-slider:has(.vca-interactive-img):has(.vca-caption) .vca-slick-arrow:focus-visible { height: 50px; } .vca-card-carousel:has(img:hover) .vca-swiper-nav::before, .vca-plp-swiper-carousel:has(img:hover) .vca-swiper-nav::before { content: ''; background-size: 100%; width: 20px; height: 20px; } /***************************** * Abbreviations: * ============== * vca-pc - vca product card *****************************/ .vca-product-v2-card .vca-transform-image-tag { max-width: 310px; } .vca-product-v2-card-name { display: block; margin: 50px 0 20px; } .vca-product-v2-card-carousel { display: block; margin-bottom: 60px; } .vca-product-v2-card-carousel .swiper-pagination { bottom: -60px; } .vca-product-v2-card-carousel[data-items='1'], .vca-product-v2-card-carousel[data-items='2'], .vca-product-v2-card-carousel[data-items='3'] { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-modal .vca-modal-container { width: 590px; } .vca-modal .vca-modal-actions { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .vca-modal .vca-modal-confirm, .vca-modal .vca-modal-cancel { -webkit-flex: 1; -ms-flex: 1; flex: 1; } .vca-multifield-wrapper { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-evenly; -ms-flex-pack: evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; } .vca-multifield-wrapper::before { width: calc(100% - 100px); } /* stylelint-disable selector-type-no-unknown */ _:-ms-fullscreen, :root .vca-multifield-wrapper { -webkit-justify-content: space-around; -ms-flex-pack: around; -ms-justify-content: space-around; justify-content: space-around; } /* stylelint-enable selector-type-no-unknown */ .vca-carousel-nav-prev, .vca-carousel-nav-next { border-radius: 30px; background-color: #f5f5f5; border: 0; cursor: pointer; display: block; height: 60px; margin: 10px; position: absolute; top: 50%; width: 60px; } .vca-carousel-nav-prev:before, .vca-carousel-nav-next:before { font-size: 2.5rem; line-height: 0.75; } .vca-carousel-pagination-stepaction { background: transparent; border: 0; color: transparent; cursor: pointer; font-size: 0; height: 20px; line-height: 0; width: 20px; } .vca-carousel-pagination-stepaction:before { color: #222222; content: '•'; text-align: center; } .vca-carousel-active-pagination { opacity: 1; } .vca-feature-cover:not(.vca-mfc-show-actual-asset).vca-major-feature-cover.vca-fc-limited { max-height: calc(100vh - 120px); overflow: hidden; } .vca-feature-cover:not(.vca-mfc-show-actual-asset).vca-major-feature-cover.vca-fc-limited.vca-header-theme-background-transparent { max-height: 100vh; } .vca-feature-cover-description { width: 50%; } .vca-feature-cover-cta { margin-bottom: 60px; } .vca-feature-cover-cta-wrapper { padding: 10px 0; } .vca-feature-cover-cta-wrapper p { line-height: 15px; } .vca-major-feature-cover .vca-feature-cover-title { margin-top: 60px; } .vca-minor-feature-cover .vca-feature-cover-title { margin-top: 90px; } .vca-minor-feature-cover .vca-feature-cover-cta { margin-bottom: 50px; } .vca-mc-txt-pos-xs-top .vca-feature-cover-content .vca-feature-cover-title, .vca-mc-txt-pos-xs-top .vca-feature-cover-content .vca-feature-cover-description { margin: initial; } .vca-mc-txt-pos-xs-bottom .vca-feature-cover-content { -webkit-justify-content: initial; -ms-flex-pack: initial; -ms-justify-content: initial; justify-content: initial; } .vca-mc-txt-pos-xs-bottom .vca-feature-cover-content .vca-feature-cover-title, .vca-mc-txt-pos-xs-bottom .vca-feature-cover-content .vca-feature-cover-description, .vca-mc-txt-pos-xs-bottom .vca-feature-cover-content .vca-feature-cover-cta { margin: initial; } .vca-mc-txt-pos-m-top .vca-feature-cover-content .vca-feature-cover-description, .vca-mc-txt-pos-m-bottom .vca-feature-cover-content .vca-feature-cover-description, .vca-mc-txt-pos-m-left .vca-feature-cover-content .vca-feature-cover-description, .vca-mc-txt-pos-m-right .vca-feature-cover-content .vca-feature-cover-description { margin: 20px 20px 25px; } .vca-mc-txt-pos-m-top .vca-feature-cover-content .vca-feature-cover-cta, .vca-mc-txt-pos-m-bottom .vca-feature-cover-content .vca-feature-cover-cta, .vca-mc-txt-pos-m-left .vca-feature-cover-content .vca-feature-cover-cta, .vca-mc-txt-pos-m-right .vca-feature-cover-content .vca-feature-cover-cta, .vca-mc-txt-pos-m-top .vca-feature-cover-content .vca-feature-cover-title, .vca-mc-txt-pos-m-bottom .vca-feature-cover-content .vca-feature-cover-title, .vca-mc-txt-pos-m-left .vca-feature-cover-content .vca-feature-cover-title, .vca-mc-txt-pos-m-right .vca-feature-cover-content .vca-feature-cover-title, .vca-mc-txt-pos-m-top .vca-feature-cover-content .vca-feature-cover-description, .vca-mc-txt-pos-m-bottom .vca-feature-cover-content .vca-feature-cover-description, .vca-mc-txt-pos-m-left .vca-feature-cover-content .vca-feature-cover-description, .vca-mc-txt-pos-m-right .vca-feature-cover-content .vca-feature-cover-description { width: 560px; } .vca-mc-txt-pos-m-top .vca-feature-cover-content .vca-feature-cover-title { margin: 90px 20px 0; } .vca-mc-txt-pos-m-top .vca-feature-cover-content .vca-feature-cover-cta { margin: auto 20px 35px; } .vca-mc-txt-pos-m-top .vca-feature-cover-content .vca-feature-cover-cta, .vca-mc-txt-pos-m-top .vca-feature-cover-content .vca-feature-cover-title, .vca-mc-txt-pos-m-top .vca-feature-cover-content .vca-feature-cover-description { width: 560px; } .vca-mc-txt-pos-m-bottom .vca-feature-cover-content { -webkit-justify-content: flex-end; -ms-flex-pack: end; -ms-justify-content: flex-end; justify-content: flex-end; } .vca-mc-txt-pos-m-bottom .vca-feature-cover-content .vca-feature-cover-title { margin: 0 20px 0; } .vca-mc-txt-pos-m-bottom .vca-feature-cover-content .vca-feature-cover-cta { margin: 0 20px 35px; } .vca-mc-txt-pos-m-left .vca-feature-cover-content, .vca-mc-txt-pos-m-right .vca-feature-cover-content { -webkit-align-content: center; -ms-align-content: center; align-content: center; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; width: 50%; } .vca-mc-txt-pos-m-left .vca-feature-cover-content .vca-feature-cover-title, .vca-mc-txt-pos-m-right .vca-feature-cover-content .vca-feature-cover-title { margin: 0 50px; } .vca-mc-txt-pos-m-left .vca-feature-cover-content .vca-feature-cover-cta, .vca-mc-txt-pos-m-right .vca-feature-cover-content .vca-feature-cover-cta { margin: 0 50px; } .vca-mc-txt-pos-m-left .vca-feature-cover-content .vca-feature-cover-description, .vca-mc-txt-pos-m-right .vca-feature-cover-content .vca-feature-cover-description { margin: 20px 50px 0; } .vca-mc-txt-pos-m-left .vca-feature-cover-content { -webkit-align-items: flex-start; -ms-flex-align: start; -ms-align-items: flex-start; align-items: flex-start; left: 0; } .vca-mc-txt-pos-m-right .vca-feature-cover-content { -webkit-align-items: flex-end; -ms-flex-align: end; -ms-align-items: flex-end; align-items: flex-end; right: 0; } .vca-header-theme-background-transparent.vca-mc-txt-pos-m-top .vca-feature-cover-title, .vca-header-theme-background-transparent.vca-mc-txt-pos-m-bottom .vca-feature-cover-title { margin-top: 135px; } .vca-fc-limited.vca-major-feature-cover.vca-mc-txt-pos-m-top .vca-feature-cover-description, .vca-fc-limited.vca-major-feature-cover.vca-mc-txt-pos-m-bottom .vca-feature-cover-description { margin-top: 20px; } .vca-fc-limited.vca-major-feature-cover.vca-mc-txt-pos-m-top .vca-feature-cover-cta, .vca-fc-limited.vca-major-feature-cover.vca-mc-txt-pos-m-bottom .vca-feature-cover-cta { margin-bottom: 30px; } .vca-fc-limited.vca-major-feature-cover:not(.vca-header-theme-background-transparent).vca-mc-txt-pos-m-top .vca-feature-cover-title { /* stylelint-disable-line max-nesting-depth */ margin-top: 20px; } .vca-nb { -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .vca-nb-message { font-size: 0.8125000000000001rem; line-height: 1.53846154; } .vca-nb-btn { position: absolute; right: 50px; } .vca-nb-message-link { max-width: calc(100% - 130px); } .vca-nb-message-link .vca-nb-message [class^='vca-icn-'] { padding-right: 10px; display: block; } .vca-es-form-submit-btn[type='submit'] { padding: 5px 38px; min-width: 160px; } .vca-ch-wrapper { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: 670px; margin: 0; overflow: hidden; } .vca-ch-wrapper .vca-image-section, .vca-ch-wrapper .vca-carousel-section { height: 100%; position: relative; width: 50%; } .vca-ch-wrapper .vca-ch-wrapper-cta-container { padding: 40px 0 60px; } .vca-ch-wrapper .vca-carousel-section { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-evenly; -ms-flex-pack: evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; } .vca-ch-wrapper .vca-carousel-section .vca-ch-wrapper-cta-container { bottom: 0; width: 100%; } .vca-ch-wrapper .vca-image-section { margin: 0; } .vca-ch-wrapper .vca-image-section div { width: 100%; } .vca-ch-wrapper .vca-image-section img { object-fit: cover; } .vca-ch-wrapper .vca-image-section .vca-transform-picture-tag { width: 100%; } .vca-ch-wrapper .vca-hide-tablet-only { display: block; } .vca-ch-wrapper .vca-show-tablet-only { display: none; } .vca-ch-media-card { margin: 0 40px; } .vca-ch-media-card-title { margin-top: 90px; } .vca-ch-media-card-description { margin-top: 10px; } .vca-ch-media-card-image-wrapper img { max-width: 265px; } .vca-ch-media-card-image-desktop { display: block; } .vca-ch-media-card-image-mob { display: none; } .vca-sitemap-tabs { -webkit-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; } .vca-sitemap-tabs-link { display: inline-block; } .vca-store-block-wrapper { height: 800px; } .vca-store-block-heading { font-size: 2.5rem; line-height: 1.25; margin-top: 90px; } .vca-store-block-description { font-size: 1rem; letter-spacing: 1.9px; max-width: 435px; } :lang(ar) .vca-store-block-description { font-size: 1.3750000000000002rem; letter-spacing: initial; } :lang(ar) .vca-store-block-description { font-size: 1.3750000000000002rem; letter-spacing: initial; } .vca-store-block-link { margin-bottom: 50px; } .vca-bem-paragraph-section { margin-bottom: 110px; } .vca-bem-quote-section { margin-bottom: 110px; } .vca-bem-cb { margin-bottom: 20px; } .vca-bem-cb-ti, .vca-bem-cb-ii { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; } .vca-bem-cb-ds { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .vca-bem-ci-wrap { -webkit-order: 1; -ms-order: 1; order: 1; } .vca-bem-ct-wrap, .vca-bem-cti-wrap { -webkit-order: 2; -ms-order: 2; order: 2; width: 50%; padding: 0 5%; } .vca-bem-ct-wrap { margin: auto; } .vca-bem-cbt-tit { margin: 0 0 40px; } .vca-bem-bi-wrap .vca-bem-cap-sec { display: none; } .vca-bem-si-wrap .vca-bem-cap-sec { margin-bottom: 0; } .image-position-right .vca-bem-ct-wrap, .image-position-right .vca-bem-si-wrap { -webkit-order: 1; -ms-order: 1; order: 1; } .image-position-right .vca-bem-ci-wrap, .image-position-right .vca-bem-bi-wrap { -webkit-order: 2; -ms-order: 2; order: 2; } .vca-bem-inlimgs .vca-ill-sec, .vca-bem-inlimgs3 .vca-ill-sec, .vca-bem-inlimgs4 .vca-ill-sec { max-width: 352px; } .vca-bem-cb-ii .vca-bem-cti-wrap.vca-bem-bi-wrap { padding-top: 0; } .vca-bem-cb-ii.image-position-right .vca-bem-ci-wrap.vca-bem-si-wrap { padding-top: 0; } .vca-productGrid-carousel { /* stylelint-disable-line selector-class-pattern */ } .vca-productGrid-carousel .creation-block-list { max-width: 33.3vw; } .vca-productGrid-carousel .creation-block-list .vca-transform-image-tag { width: 280px; } .vca-productGrid-carousel .vca-product { margin-bottom: 0; } .vca-productGrid-carousel.total-product-2 .creation-block-list { max-width: 50vw; } .vca-bem-carousel .vca-ill-img .vca-transform-picture-tag, .vca-bem-carousel .vca-ill-img .vca-transform-image-tag { height: 380px; } .vca-template-decade-detail-page .vca-bem-carousel .vca-ill-img .vca-transform-picture-tag, .vca-template-decade-detail-page .vca-bem-carousel .vca-ill-img .vca-transform-image-tag { height: 500px; } .vca-bem-carousel .vca-ill-sec:first-of-type { padding-left: calc((1 / 12) * (100vw - 50px) - -50px); } .vca-bem-mulill { border-top: 0; } .vca-bem-mulill .vca-video-tag { max-height: 380px; } .bem-editorial-block .vca-nc { padding-bottom: 20px; } .bem-editorial-block .vca-nc-img-container { width: auto; } .bem-editorial-block .vca-decade-card { margin-bottom: 70px; } .bem-editorial-block .vca-ac .vca-histoires-card, .bem-editorial-block .vca-ac .vca-video-cc-wrapper, .bem-editorial-block .vca-ac .vca-ac-tc-wrapper { padding-left: 15px; } .bem-editorial-block .vca-ac .vca-hc-img { margin-right: 5px; } .bem-editorial-block .vca-ac .vca-histoires-card { padding-left: 10px; padding-right: 10px; } .vca-ac-il .vca-icn-play::before { height: 60px; width: 60px; } .vca-bem .vca-ft { width: 50%; } .vca-bem .vca-grid-container .vca-row { margin-left: -20px; margin-right: -20px; } .vca-bem .vca-grid-container .vca-ccv-name { padding: 0; } .vca-bem .vca-grid-container .vca-card-content { padding: 0 15px; } .vca-bem .vca-grid-container .bem-editorial-block .vca-row { margin-left: 0; margin-right: 0; } .vca-bem-video-block { margin-bottom: 100px; } .vca-bem-creation-block.total-product-1 { padding: 0; } .vca-bem-creation-block .vca-pc-config-wrapper .vca-cc-product .vca-transform-image-tag { max-width: 430px; } .vca-bem-creation-block.vca-cbr { margin: 0 50px 0 50px; } .vca-bem-creation-block .vca-cbr-container { margin: 90px 0 90px 0; } .vca-bem-creation-block .vca-cbr-container .vca-cbr-video .vca-icn-play::before { /* stylelint-disable-line max-nesting-depth */ height: 60px; width: 60px; } .vca-bem-creation-block .slick-list { padding-bottom: 60px; } .bem-editorial-highlight .vca-eh-space { padding: 80px 0; } .bem-editorial-highlight .vca-eh-col { display: -webkit-flex; display: -ms-flex; display: flex; } .bem-editorial-highlight .vca-eh-col .vca-ec-static-text { padding: 0 47px; } .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-size: 1.875rem; line-height: 1.33333333; } .total-product-1 .vca-product { width: 100%; } .total-product-2 { /* stylelint-disable no-descending-specificity */ /* stylelint-enable no-descending-specificity */ } .total-product-2 .vca-product { width: calc(43% - 1px); margin: 0 15px; } .total-product-2 .vca-row .vca-product { width: 50%; margin: 0; padding-right: 0; padding-left: 20px; } .total-product-2 .vca-row .vca-product:first-child { padding-left: 0; padding-right: 20px; } .total-product-2 .vca-row .vca-product .vca-ccp-info { width: 100%; } .vca-all-creation-cta, .vac-productgrid-margin { padding-bottom: 110px; } .bem-creation-block .vca-all-creation-cta { padding-bottom: 30px; } .bem-creation-block .vca-productgrid-title { padding: 0 50px 50px; } .vca-template-gift-landing-page .bem-creation-block .vca-productgrid-title { font-size: 1.1250000000000002rem; line-height: 1.33333333; letter-spacing: 2px; } .vca-template-gift-landing-page .vca-bem-combo-block { margin-top: 120px; } .vca-bem-illustration-block .vca-slick-arrow { height: 380px; } .vca-bem-illustration-block.vca-override-spacing.vca-vbs-120 { margin-bottom: 0; padding-bottom: 110px; } .vca-editorial-highlight .vca-bem-fwi .vca-ill-img, .vca-editorial-highlight .vca-bem-ill-v2-fwi .vca-ill-img { width: auto; } .vca-collection-block-heading { margin: 60px auto; max-width: 760px; padding: 0; } .vca-collection-block-wrapper { overflow: hidden; } .vca-collection-block-item { height: 460px; width: 365px; } .vca-mc-block-heading { margin-bottom: 5px; padding: 0 30px; } .vca-mc-block-description { margin-top: 30px; max-width: 760px; } .vca-mc-block-list { margin-top: 70px; } .vca-mc-block .vca-cc-small { max-width: 450px; } .vca-cc { margin-top: 30px; } .vca-cc-small h2, .vca-cc-small h3 { margin: 60px auto 20px; } .vca-cc-large-wrapper { margin: 30px 60px; } .vca-cc .vca-slick-dots { bottom: 80px; } .vca-sc-wrapper { margin: 20px 60px; } .vca-sc-title { margin: 60px auto; max-width: 640px; } .vca-sc-block-list .vca-cc-small { margin-left: 60px; } .vca-rh-jp-mob { display: none; } .vca-rh-jp-desk { display: inline-block; } .vca-lightbox .vca-lb-qrcode { top: 0; } .vca-row .vca-col-l-6.vca-newsletters { max-width: 590px; } .vca-vbs-0 { margin-bottom: 0; } .vca-vbs-10 { margin-bottom: 10px; } .vca-vbs-20 { margin-bottom: 20px; } .vca-vbs-30 { margin-bottom: 30px; } .vca-vbs-40 { margin-bottom: 40px; } .vca-vbs-45 { margin-bottom: 45px; } .vca-vbs-50 { margin-bottom: 50px; } .vca-vbs-60 { margin-bottom: 60px; } .vca-vbs-80 { margin-bottom: 75px; } .vca-vbs-100 { margin-bottom: 90px; } .vca-vbs-120 { margin-bottom: 110px; } .vca-vbs-150 { margin-bottom: 150px; } .vca-vts-0 { margin-top: 0; } .vca-vts-10 { margin-top: 10px; } .vca-vts-20 { margin-top: 20px; } .vca-vts-30 { margin-top: 30px; } .vca-vts-40 { margin-top: 40px; } .vca-vts-45 { margin-top: 45px; } .vca-vts-50 { margin-top: 50px; } .vca-vts-60 { margin-top: 60px; } .vca-vts-80 { margin-top: 75px; } .vca-vts-100 { margin-top: 90px; } .vca-vts-120 { margin-top: 110px; } .vca-vts-150 { margin-top: 150px; } } @media only screen and (min-width: 1200px) { .vca-main { padding-top: 120px; } .vca-super-wide-only { display: block; } /* Typography Reference - https://www.figma.com/file/TBCQgqCB9JhfSC22c1pJwDQi/VCA-%E2%80%94-Library-and-Specs?node-id=0%3A1 1. The rules mentioned below are inline with the reference above. 2. The commented code you see below, means that the particular rule would be driven by its lower breakpoint values, because they are same, as per reference. 3. Avoid writing any new rules, which are not mentioned in the above reference. **************************************************************************************************/ /*#region Typography - SuperWide*/ /*#endregion*/ /* This will give global classes access to Typography mixins */ /*#region Typography Classes - SuperWide*/ .vca-hero-creation { font-size: 3.125rem; line-height: 1.1; } .vca-h1 { font-size: 2.8125rem; line-height: 1.22222222; } .vca-h2 { font-size: 2.1875rem; line-height: 1.28571429; } .vca-h3 { font-size: 1.875rem; line-height: 1.33333333; } .vca-listing-01 { font-size: 2.8125rem; line-height: 1.22222222; } .vca-listing-02 { font-size: 2.1875rem; line-height: 1.28571429; } .vca-listing-03 { font-size: 1.6250000000000002rem; line-height: 1.30769231; } .vca-subheader { font-size: 1.5625rem; line-height: 1.6; } .vca-section { font-size: 1.1250000000000002rem; letter-spacing: 2px; } :lang(ar) .vca-section { font-size: 1.5rem; letter-spacing: initial; } .vca-section-latin { font-size: 1.1250000000000002rem; letter-spacing: 2px; } .vca-body-01 { font-size: 1rem; line-height: 1.875; letter-spacing: initial; } :lang(ar) .vca-body-01 { font-size: 1.1250000000000002rem; line-height: 1.66666667; } .vca-body-01-latin { font-size: 1rem; line-height: 1.875; letter-spacing: initial; } .vca-quote { font-size: 3.75rem; line-height: 1.25; } .vca-body-01-bold { font-size: 0.78125rem; line-height: 1.3; font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: 600; } :lang(ru) .vca-body-01-bold { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-body-01-bold { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-body-01-bold { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-body-01-bold { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-body-01-bold { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-body-01-bold { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } /*#endregion*/ /***************************** * Abbreviations: * ============== * vca-pc - vca product card *****************************/ .vca-cc-product .vca-pc-hover-img { -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; display: block; z-index: 1; } .vca-cc-product .vca-ccp-link-hover-enabled { position: relative; height: 560px; } .vca-cc-product .vca-ccp-link-hover-enabled:hover .vca-pc-hover-img { opacity: 1; background-color: #ffffff; } .vca-bem-creation-block .vca-mt-0 { margin-top: 0; } .vca-slider-column { width: 450px; padding: 0 60px 40px; } .vca-slider-header { height: 120px; } .vca-slider-inner { width: calc(450px - 120px); } .vca-lightbox .base-lightbox-wrapper { /* left */ /* right */ } .vca-lightbox .base-lightbox-wrapper.vca-lb-left.vca-lightbox-wrapper-v2 { /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ } .vca-lightbox .base-lightbox-wrapper.vca-lb-left.vca-lightbox-wrapper-v2 .base-lightbox-content { width: 640px; padding-top: 120px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-left.vca-lightbox-wrapper-v2 .vca-lb-header-wrapper { width: 640px; height: 120px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right.vca-lightbox-wrapper-v2 { /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ } .vca-lightbox .base-lightbox-wrapper.vca-lb-right.vca-lightbox-wrapper-v2 .base-lightbox-content { width: 640px; padding-top: 120px; } .vca-lightbox .base-lightbox-wrapper.vca-lb-right.vca-lightbox-wrapper-v2 .vca-lb-header-wrapper { width: 640px; height: 120px; } .vca-leaf-search { margin: 5px 20px 0; } .vca-swiper-nav-visible::before { content: ''; } .vca-modal .vca-modal-container { width: 560px; } .vca-feature-cover-description { width: 40%; } .vca-major-feature-cover .vca-feature-cover-title { margin-top: 90px; } .vca-minor-feature-cover .vca-feature-cover-cta { margin-bottom: 60px; } .vca-mc-txt-pos-m-left .vca-feature-cover-content .vca-feature-cover-title, .vca-mc-txt-pos-m-right .vca-feature-cover-content .vca-feature-cover-title { margin: 0 60px; } .vca-mc-txt-pos-m-left .vca-feature-cover-content .vca-feature-cover-cta, .vca-mc-txt-pos-m-right .vca-feature-cover-content .vca-feature-cover-cta { margin: 0 60px; } .vca-mc-txt-pos-m-left .vca-feature-cover-content .vca-feature-cover-description, .vca-mc-txt-pos-m-right .vca-feature-cover-content .vca-feature-cover-description { margin: 20px 60px 0; } .vca-ch-wrapper { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: auto; } .vca-ch-wrapper .vca-image-section, .vca-ch-wrapper .vca-carousel-section { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; width: 50%; } .vca-ch-wrapper .vca-image-section { margin: 0; } .vca-ch-wrapper .vca-image-section img { object-fit: cover; display: block; height: 100%; width: 100%; } .vca-ch-wrapper-cta-container { padding: 30px 0 60px; } .vca-ch-media-card-title { margin-top: 110px; } .vca-ch-media-card-image-wrapper { margin: 80px 0; } .vca-ch-media-card-image-wrapper img { max-width: 310px; } .vca-store-block-heading { font-size: 2.8125rem; line-height: 1.22222222; margin-top: 90px; } .vca-store-block-description { font-size: 1.1250000000000002rem; letter-spacing: 2px; } :lang(ar) .vca-store-block-description { font-size: 1.5rem; letter-spacing: initial; } :lang(ar) .vca-store-block-description { font-size: 1.5rem; letter-spacing: initial; } .vca-store-block-link { margin-bottom: 50px; } .vca-bem-paragraph-section { margin-bottom: 120px; } .vca-bem-quote-section { margin-bottom: 120px; } .vca-quote-text { max-width: 760px; } .vca-bem-cb-ti .vca-bem-cap-sec { padding-top: 12px; } .vca-bem-ct-wrap { margin: 0; padding: 0 100px !important; /* stylelint-disable-line declaration-no-important */ } .image-position-right .vca-bem-ci-wrap { margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ } .vca-bem-inlimgs .vca-ill-sec, .vca-bem-inlimgs3 .vca-ill-sec, .vca-bem-inlimgs4 .vca-ill-sec { max-width: 360px; } .vca-bem-cb-ds .vca-bem-cbt-tit { margin: 0 0 40px; } .vca-bem-cb-ds .vca-bem-cbt-des { margin: 0 0 40px; } .vca-bem-cb-ds .vca-bem-cta-wrap { margin-top: 40px; } .vca-bem-carousel .vca-ill-sec { padding: 0 20px; } .vca-bem-carousel .vca-ill-sec:first-of-type { padding-left: calc((1 / 12) * (100vw - 60px) - -60px); } .vca-bem-carousel .vca-ill-img .vca-transform-picture-tag, .vca-bem-carousel .vca-ill-img .vca-transform-image-tag { height: 460px; } .vca-template-decade-detail-page .vca-bem-carousel .vca-ill-img .vca-transform-picture-tag, .vca-template-decade-detail-page .vca-bem-carousel .vca-ill-img .vca-transform-image-tag { height: 500px; } .vca-bem-mulill .vca-video-tag { max-height: 460px; } .bem-editorial-block .vca-nc { padding-bottom: 40px; } .bem-editorial-block .vca-decade-card { margin-bottom: 120px; } .bem-editorial-block .vca-ac .vca-histoires-card, .bem-editorial-block .vca-ac .vca-ac-tc-wrapper { padding-left: 40px; } .bem-editorial-block .vca-ac .vca-video-cc-wrapper { padding-left: 15px; } .bem-editorial-block .vca-ac .vca-hc-img { margin-right: 25px; } .bem-editorial-block .vca-ac .vca-histoires-card { padding-left: 15px; padding-right: 15px; } .vca-all-creation-cta, .vac-productgrid-margin { padding-bottom: 120px; } .vca-bem-creation-block.vca-cbr { margin: 0 65px 0 65px; } .vca-bem-creation-block .vca-cbr-container { margin: 100px 0 100px 0; } .vca-bem-creation-block .vca-cbr-coll-txt { margin-bottom: 40px; } .vca-bem-video-block { margin-bottom: 110px; } .bem-editorial-highlight .vca-eh-col .vca-ec-static-text { padding: 0 7px; } .bem-editorial-highlight .vca-eh-col .vca-ec-static-text p { font-size: 2.1875rem; line-height: 1.28571429; } .bem-creation-block .vca-productgrid-title { padding: 0 60px 50px; } .vca-bem-illustration-block .vca-slick-arrow { height: 460px; } .vca-bem-illustration-block.vca-override-spacing.vca-vbs-120 { margin-bottom: 0; padding-bottom: 120px; } .vca-mc-block-heading { margin-bottom: 5px; padding: 0 30px; } .vca-mc-block-description { margin-top: 30px; } .vca-cc { margin-top: 30px; } .vca-cc .vca-slick-dots { bottom: 80px; } .vca-cc-large { margin: 0 auto; width: 1160px; height: 650px; } .vca-sc-wrapper { margin: 20px; } .vca-sc-block-list { -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .vca-sc-block-list .vca-cc-small { margin-left: 40px; width: 560px; height: 700px; } .vca-collection-block-content { top: 100px; } .vca-collection-block-reverse .vca-collection-block-content { bottom: 100px; } .vca-multifield-wrapper::before { width: calc(100% - 120px); } .vca-row .vca-col-l-6.vca-newsletters { max-width: 560px; } .vca-vbs-0 { margin-bottom: 0; } .vca-vbs-10 { margin-bottom: 10px; } .vca-vbs-20 { margin-bottom: 20px; } .vca-vbs-30 { margin-bottom: 30px; } .vca-vbs-40 { margin-bottom: 40px; } .vca-vbs-45 { margin-bottom: 45px; } .vca-vbs-50 { margin-bottom: 50px; } .vca-vbs-60 { margin-bottom: 60px; } .vca-vbs-80 { margin-bottom: 80px; } .vca-vbs-100 { margin-bottom: 100px; } .vca-vbs-120 { margin-bottom: 120px; } .vca-vts-0 { margin-top: 0; } .vca-vts-10 { margin-top: 10px; } .vca-vts-20 { margin-top: 20px; } .vca-vts-30 { margin-top: 30px; } .vca-vts-40 { margin-top: 40px; } .vca-vts-45 { margin-top: 45px; } .vca-vts-50 { margin-top: 50px; } .vca-vts-60 { margin-top: 60px; } .vca-vts-80 { margin-top: 80px; } .vca-vts-100 { margin-top: 100px; } .vca-vts-120 { margin-top: 120px; } .vca-style-layout-narrow-width { margin-left: auto; margin-right: auto; max-width: 1160px; } } /* stylelint-disable */ .vca-container { width: 100%; display: block; margin: auto; } .vca-row, .vca-column { box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; /* In here we set the flex-shrink so that our columns are never smaller then what we set Then we are setting flex-grow to one to have them grow if needed and setting our basis to auto so it fills the space it has. */ -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 15px; margin-left: 15px; } .vca-row.vca-no-wrap, .vca-column.vca-no-wrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .vca-row.vca-no-gutter, .vca-column.vca-no-gutter { margin-right: 0; margin-left: 0; } .vca-row.vca-no-gutter-l, .vca-column.vca-no-gutter-l { margin-left: 0; } .vca-row.vca-no-gutter-r, .vca-column.vca-no-gutter-r { margin-right: 0; } .vca-row.vca-margin-to-padding, .vca-column.vca-margin-to-padding { margin-right: 0; margin-left: 0; padding-right: 15px; padding-left: 15px; } .vca-row [class^='vca-col-'], .vca-column [class^='vca-col-'], .vca-row [class*='vca-col-'], .vca-column [class*='vca-col-'] { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; box-sizing: border-box; padding-right: 5px; padding-left: 5px; } .vca-row [class^='vca-col-'].vca-no-gutter, .vca-column [class^='vca-col-'].vca-no-gutter, .vca-row [class*='vca-col-'].vca-no-gutter, .vca-column [class*='vca-col-'].vca-no-gutter { padding-right: 0; padding-left: 0; } .vca-row [class^='vca-col-'].vca-no-gutter-l, .vca-column [class^='vca-col-'].vca-no-gutter-l, .vca-row [class*='vca-col-'].vca-no-gutter-l, .vca-column [class*='vca-col-'].vca-no-gutter-l { padding-left: 0; } .vca-row [class^='vca-col-'].vca-no-gutter-r, .vca-column [class^='vca-col-'].vca-no-gutter-r, .vca-row [class*='vca-col-'].vca-no-gutter-r, .vca-column [class*='vca-col-'].vca-no-gutter-r { padding-right: 0; } .vca-row .vca-col-12, .vca-column .vca-col-12 { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .vca-row .vca-col-offset-12, .vca-column .vca-col-offset-12 { margin-left: 100%; } .vca-row .vca-col-11, .vca-column .vca-col-11 { -webkit-flex-basis: 91.66666666666666%; -ms-flex-basis: 91.66666666666666%; flex-basis: 91.66666666666666%; max-width: 91.66666666666666%; } .vca-row .vca-col-offset-11, .vca-column .vca-col-offset-11 { margin-left: 91.66666666666666%; } .vca-row .vca-col-10, .vca-column .vca-col-10 { -webkit-flex-basis: 83.33333333333334%; -ms-flex-basis: 83.33333333333334%; flex-basis: 83.33333333333334%; max-width: 83.33333333333334%; } .vca-row .vca-col-offset-10, .vca-column .vca-col-offset-10 { margin-left: 83.33333333333334%; } .vca-row .vca-col-9, .vca-column .vca-col-9 { -webkit-flex-basis: 75%; -ms-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .vca-row .vca-col-offset-9, .vca-column .vca-col-offset-9 { margin-left: 75%; } .vca-row .vca-col-8, .vca-column .vca-col-8 { -webkit-flex-basis: 66.66666666666666%; -ms-flex-basis: 66.66666666666666%; flex-basis: 66.66666666666666%; max-width: 66.66666666666666%; } .vca-row .vca-col-offset-8, .vca-column .vca-col-offset-8 { margin-left: 66.66666666666666%; } .vca-row .vca-col-7, .vca-column .vca-col-7 { -webkit-flex-basis: 58.333333333333336%; -ms-flex-basis: 58.333333333333336%; flex-basis: 58.333333333333336%; max-width: 58.333333333333336%; } .vca-row .vca-col-offset-7, .vca-column .vca-col-offset-7 { margin-left: 58.333333333333336%; } .vca-row .vca-col-6, .vca-column .vca-col-6 { -webkit-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .vca-row .vca-col-offset-6, .vca-column .vca-col-offset-6 { margin-left: 50%; } .vca-row .vca-col-5, .vca-column .vca-col-5 { -webkit-flex-basis: 41.66666666666667%; -ms-flex-basis: 41.66666666666667%; flex-basis: 41.66666666666667%; max-width: 41.66666666666667%; } .vca-row .vca-col-offset-5, .vca-column .vca-col-offset-5 { margin-left: 41.66666666666667%; } .vca-row .vca-col-4, .vca-column .vca-col-4 { -webkit-flex-basis: 33.33333333333333%; -ms-flex-basis: 33.33333333333333%; flex-basis: 33.33333333333333%; max-width: 33.33333333333333%; } .vca-row .vca-col-offset-4, .vca-column .vca-col-offset-4 { margin-left: 33.33333333333333%; } .vca-row .vca-col-3, .vca-column .vca-col-3 { -webkit-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .vca-row .vca-col-offset-3, .vca-column .vca-col-offset-3 { margin-left: 25%; } .vca-row .vca-col-2, .vca-column .vca-col-2 { -webkit-flex-basis: 16.666666666666664%; -ms-flex-basis: 16.666666666666664%; flex-basis: 16.666666666666664%; max-width: 16.666666666666664%; } .vca-row .vca-col-offset-2, .vca-column .vca-col-offset-2 { margin-left: 16.666666666666664%; } .vca-row .vca-col-1, .vca-column .vca-col-1 { -webkit-flex-basis: 8.333333333333332%; -ms-flex-basis: 8.333333333333332%; flex-basis: 8.333333333333332%; max-width: 8.333333333333332%; } .vca-row .vca-col-offset-1, .vca-column .vca-col-offset-1 { margin-left: 8.333333333333332%; } .vca-row .vca-col-s-hidden, .vca-column .vca-col-s-hidden, .vca-row .vca-col-m-hidden, .vca-column .vca-col-m-hidden, .vca-row .vca-col-l-hidden, .vca-column .vca-col-l-hidden { display: block; } .vca-row .vca-col-hidden, .vca-column .vca-col-hidden { display: none; } @media only screen and (min-width: 600px) { .vca-row, .vca-column { margin-right: 25px; margin-left: 25px; } .vca-row [class^='vca-col-'], .vca-column [class^='vca-col-'], .vca-row [class*='vca-col-'], .vca-column [class*='vca-col-'] { padding-right: 15px; padding-left: 15px; } .vca-row [class^='vca-col-'].vca-no-gutter-s, .vca-column [class^='vca-col-'].vca-no-gutter-s, .vca-row [class*='vca-col-'].vca-no-gutter-s, .vca-column [class*='vca-col-'].vca-no-gutter-s { padding-right: 0; padding-left: 0; } .vca-row [class^='vca-col-'].vca-no-gutter-s-l, .vca-column [class^='vca-col-'].vca-no-gutter-s-l, .vca-row [class*='vca-col-'].vca-no-gutter-s-l, .vca-column [class*='vca-col-'].vca-no-gutter-s-l { padding-left: 0; } .vca-row [class^='vca-col-'].vca-no-gutter-s-r, .vca-column [class^='vca-col-'].vca-no-gutter-s-r, .vca-row [class*='vca-col-'].vca-no-gutter-s-r, .vca-column [class*='vca-col-'].vca-no-gutter-s-r { padding-right: 0; } .vca-row.vca-no-gutter-s, .vca-column.vca-no-gutter-s { margin-right: 0; margin-left: 0; } .vca-row.vca-no-gutter-s-l, .vca-column.vca-no-gutter-s-l { margin-left: 0; } .vca-row.vca-no-gutter-s-r, .vca-column.vca-no-gutter-s-r { margin-right: 0; } .vca-row .vca-col-s-12, .vca-column .vca-col-s-12 { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .vca-row .vca-col-offset-s-12, .vca-column .vca-col-offset-s-12 { margin-left: 100%; } .vca-row .vca-col-s-11, .vca-column .vca-col-s-11 { -webkit-flex-basis: 91.66666666666666%; -ms-flex-basis: 91.66666666666666%; flex-basis: 91.66666666666666%; max-width: 91.66666666666666%; } .vca-row .vca-col-offset-s-11, .vca-column .vca-col-offset-s-11 { margin-left: 91.66666666666666%; } .vca-row .vca-col-s-10, .vca-column .vca-col-s-10 { -webkit-flex-basis: 83.33333333333334%; -ms-flex-basis: 83.33333333333334%; flex-basis: 83.33333333333334%; max-width: 83.33333333333334%; } .vca-row .vca-col-offset-s-10, .vca-column .vca-col-offset-s-10 { margin-left: 83.33333333333334%; } .vca-row .vca-col-s-9, .vca-column .vca-col-s-9 { -webkit-flex-basis: 75%; -ms-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .vca-row .vca-col-offset-s-9, .vca-column .vca-col-offset-s-9 { margin-left: 75%; } .vca-row .vca-col-s-8, .vca-column .vca-col-s-8 { -webkit-flex-basis: 66.66666666666666%; -ms-flex-basis: 66.66666666666666%; flex-basis: 66.66666666666666%; max-width: 66.66666666666666%; } .vca-row .vca-col-offset-s-8, .vca-column .vca-col-offset-s-8 { margin-left: 66.66666666666666%; } .vca-row .vca-col-s-7, .vca-column .vca-col-s-7 { -webkit-flex-basis: 58.333333333333336%; -ms-flex-basis: 58.333333333333336%; flex-basis: 58.333333333333336%; max-width: 58.333333333333336%; } .vca-row .vca-col-offset-s-7, .vca-column .vca-col-offset-s-7 { margin-left: 58.333333333333336%; } .vca-row .vca-col-s-6, .vca-column .vca-col-s-6 { -webkit-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .vca-row .vca-col-offset-s-6, .vca-column .vca-col-offset-s-6 { margin-left: 50%; } .vca-row .vca-col-s-5, .vca-column .vca-col-s-5 { -webkit-flex-basis: 41.66666666666667%; -ms-flex-basis: 41.66666666666667%; flex-basis: 41.66666666666667%; max-width: 41.66666666666667%; } .vca-row .vca-col-offset-s-5, .vca-column .vca-col-offset-s-5 { margin-left: 41.66666666666667%; } .vca-row .vca-col-s-4, .vca-column .vca-col-s-4 { -webkit-flex-basis: 33.33333333333333%; -ms-flex-basis: 33.33333333333333%; flex-basis: 33.33333333333333%; max-width: 33.33333333333333%; } .vca-row .vca-col-offset-s-4, .vca-column .vca-col-offset-s-4 { margin-left: 33.33333333333333%; } .vca-row .vca-col-s-3, .vca-column .vca-col-s-3 { -webkit-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .vca-row .vca-col-offset-s-3, .vca-column .vca-col-offset-s-3 { margin-left: 25%; } .vca-row .vca-col-s-2, .vca-column .vca-col-s-2 { -webkit-flex-basis: 16.666666666666664%; -ms-flex-basis: 16.666666666666664%; flex-basis: 16.666666666666664%; max-width: 16.666666666666664%; } .vca-row .vca-col-offset-s-2, .vca-column .vca-col-offset-s-2 { margin-left: 16.666666666666664%; } .vca-row .vca-col-s-1, .vca-column .vca-col-s-1 { -webkit-flex-basis: 8.333333333333332%; -ms-flex-basis: 8.333333333333332%; flex-basis: 8.333333333333332%; max-width: 8.333333333333332%; } .vca-row .vca-col-offset-s-1, .vca-column .vca-col-offset-s-1 { margin-left: 8.333333333333332%; } .vca-row .vca-col-offset-s-0, .vca-column .vca-col-offset-s-0 { margin-left: 0%; } .vca-row .vca-col-m-hidden, .vca-column .vca-col-m-hidden, .vca-row .vca-col-l-hidden, .vca-column .vca-col-l-hidden, .vca-row .vca-col-hidden, .vca-column .vca-col-hidden { display: block; } .vca-row .vca-col-s-hidden, .vca-column .vca-col-s-hidden { display: none; } .vca-row.vca-margin-to-padding, .vca-column.vca-margin-to-padding { padding-right: 25px; padding-left: 25px; } } @media only screen and (min-width: 900px) { .vca-row, .vca-column { margin-right: 35px; margin-left: 35px; } .vca-row [class^='vca-col-'], .vca-column [class^='vca-col-'], .vca-row [class*='vca-col-'], .vca-column [class*='vca-col-'] { padding-right: 15px; padding-left: 15px; } .vca-row [class^='vca-col-'].vca-no-gutter-m, .vca-column [class^='vca-col-'].vca-no-gutter-m, .vca-row [class*='vca-col-'].vca-no-gutter-m, .vca-column [class*='vca-col-'].vca-no-gutter-m { padding-right: 0; padding-left: 0; } .vca-row [class^='vca-col-'].vca-no-gutter-m-l, .vca-column [class^='vca-col-'].vca-no-gutter-m-l, .vca-row [class*='vca-col-'].vca-no-gutter-m-l, .vca-column [class*='vca-col-'].vca-no-gutter-m-l { padding-left: 0; } .vca-row [class^='vca-col-'].vca-no-gutter-m-r, .vca-column [class^='vca-col-'].vca-no-gutter-m-r, .vca-row [class*='vca-col-'].vca-no-gutter-m-r, .vca-column [class*='vca-col-'].vca-no-gutter-m-r { padding-right: 0; } .vca-row.vca-no-gutter-m, .vca-column.vca-no-gutter-m { margin-right: 0; margin-left: 0; } .vca-row.vca-no-gutter-m-l, .vca-column.vca-no-gutter-m-l { margin-left: 0; } .vca-row.vca-no-gutter-m-r, .vca-column.vca-no-gutter-m-r { margin-right: 0; } .vca-row .vca-col-m-12, .vca-column .vca-col-m-12 { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .vca-row .vca-col-offset-m-12, .vca-column .vca-col-offset-m-12 { margin-left: 100%; } .vca-row .vca-col-m-11, .vca-column .vca-col-m-11 { -webkit-flex-basis: 91.66666666666666%; -ms-flex-basis: 91.66666666666666%; flex-basis: 91.66666666666666%; max-width: 91.66666666666666%; } .vca-row .vca-col-offset-m-11, .vca-column .vca-col-offset-m-11 { margin-left: 91.66666666666666%; } .vca-row .vca-col-m-10, .vca-column .vca-col-m-10 { -webkit-flex-basis: 83.33333333333334%; -ms-flex-basis: 83.33333333333334%; flex-basis: 83.33333333333334%; max-width: 83.33333333333334%; } .vca-row .vca-col-offset-m-10, .vca-column .vca-col-offset-m-10 { margin-left: 83.33333333333334%; } .vca-row .vca-col-m-9, .vca-column .vca-col-m-9 { -webkit-flex-basis: 75%; -ms-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .vca-row .vca-col-offset-m-9, .vca-column .vca-col-offset-m-9 { margin-left: 75%; } .vca-row .vca-col-m-8, .vca-column .vca-col-m-8 { -webkit-flex-basis: 66.66666666666666%; -ms-flex-basis: 66.66666666666666%; flex-basis: 66.66666666666666%; max-width: 66.66666666666666%; } .vca-row .vca-col-offset-m-8, .vca-column .vca-col-offset-m-8 { margin-left: 66.66666666666666%; } .vca-row .vca-col-m-7, .vca-column .vca-col-m-7 { -webkit-flex-basis: 58.333333333333336%; -ms-flex-basis: 58.333333333333336%; flex-basis: 58.333333333333336%; max-width: 58.333333333333336%; } .vca-row .vca-col-offset-m-7, .vca-column .vca-col-offset-m-7 { margin-left: 58.333333333333336%; } .vca-row .vca-col-m-6, .vca-column .vca-col-m-6 { -webkit-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .vca-row .vca-col-offset-m-6, .vca-column .vca-col-offset-m-6 { margin-left: 50%; } .vca-row .vca-col-m-5, .vca-column .vca-col-m-5 { -webkit-flex-basis: 41.66666666666667%; -ms-flex-basis: 41.66666666666667%; flex-basis: 41.66666666666667%; max-width: 41.66666666666667%; } .vca-row .vca-col-offset-m-5, .vca-column .vca-col-offset-m-5 { margin-left: 41.66666666666667%; } .vca-row .vca-col-m-4, .vca-column .vca-col-m-4 { -webkit-flex-basis: 33.33333333333333%; -ms-flex-basis: 33.33333333333333%; flex-basis: 33.33333333333333%; max-width: 33.33333333333333%; } .vca-row .vca-col-offset-m-4, .vca-column .vca-col-offset-m-4 { margin-left: 33.33333333333333%; } .vca-row .vca-col-m-3, .vca-column .vca-col-m-3 { -webkit-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .vca-row .vca-col-offset-m-3, .vca-column .vca-col-offset-m-3 { margin-left: 25%; } .vca-row .vca-col-m-2, .vca-column .vca-col-m-2 { -webkit-flex-basis: 16.666666666666664%; -ms-flex-basis: 16.666666666666664%; flex-basis: 16.666666666666664%; max-width: 16.666666666666664%; } .vca-row .vca-col-offset-m-2, .vca-column .vca-col-offset-m-2 { margin-left: 16.666666666666664%; } .vca-row .vca-col-m-1, .vca-column .vca-col-m-1 { -webkit-flex-basis: 8.333333333333332%; -ms-flex-basis: 8.333333333333332%; flex-basis: 8.333333333333332%; max-width: 8.333333333333332%; } .vca-row .vca-col-offset-m-1, .vca-column .vca-col-offset-m-1 { margin-left: 8.333333333333332%; } .vca-row .vca-col-offset-m-0, .vca-column .vca-col-offset-m-0 { margin-left: 0%; } .vca-row .vca-col-s-hidden, .vca-column .vca-col-s-hidden, .vca-row .vca-col-l-hidden, .vca-column .vca-col-l-hidden, .vca-row .vca-col-hidden, .vca-column .vca-col-hidden { display: block; } .vca-row .vca-col-m-hidden, .vca-column .vca-col-m-hidden { display: none; } .vca-row.vca-margin-to-padding, .vca-column.vca-margin-to-padding { padding-right: 35px; padding-left: 35px; } } @media only screen and (min-width: 1200px) { .vca-row, .vca-column { margin-right: 40px; margin-left: 40px; } .vca-row [class^='vca-col-'], .vca-column [class^='vca-col-'], .vca-row [class*='vca-col-'], .vca-column [class*='vca-col-'] { padding-right: 20px; padding-left: 20px; } .vca-row [class^='vca-col-'].vca-no-gutter-l, .vca-column [class^='vca-col-'].vca-no-gutter-l, .vca-row [class*='vca-col-'].vca-no-gutter-l, .vca-column [class*='vca-col-'].vca-no-gutter-l { padding-right: 0; padding-left: 0; } .vca-row [class^='vca-col-'].vca-no-gutter-l-l, .vca-column [class^='vca-col-'].vca-no-gutter-l-l, .vca-row [class*='vca-col-'].vca-no-gutter-l-l, .vca-column [class*='vca-col-'].vca-no-gutter-l-l { padding-left: 0; } .vca-row [class^='vca-col-'].vca-no-gutter-l-r, .vca-column [class^='vca-col-'].vca-no-gutter-l-r, .vca-row [class*='vca-col-'].vca-no-gutter-l-r, .vca-column [class*='vca-col-'].vca-no-gutter-l-r { padding-right: 0; } .vca-row.vca-no-gutter-l, .vca-column.vca-no-gutter-l { margin-right: 0; margin-left: 0; } .vca-row.vca-no-gutter-l-l, .vca-column.vca-no-gutter-l-l { margin-left: 0; } .vca-row.vca-no-gutter-l-r, .vca-column.vca-no-gutter-l-r { margin-right: 0; } .vca-row .vca-col-l-12, .vca-column .vca-col-l-12 { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .vca-row .vca-col-offset-l-12, .vca-column .vca-col-offset-l-12 { margin-left: 100%; } .vca-row .vca-col-l-11, .vca-column .vca-col-l-11 { -webkit-flex-basis: 91.66666666666666%; -ms-flex-basis: 91.66666666666666%; flex-basis: 91.66666666666666%; max-width: 91.66666666666666%; } .vca-row .vca-col-offset-l-11, .vca-column .vca-col-offset-l-11 { margin-left: 91.66666666666666%; } .vca-row .vca-col-l-10, .vca-column .vca-col-l-10 { -webkit-flex-basis: 83.33333333333334%; -ms-flex-basis: 83.33333333333334%; flex-basis: 83.33333333333334%; max-width: 83.33333333333334%; } .vca-row .vca-col-offset-l-10, .vca-column .vca-col-offset-l-10 { margin-left: 83.33333333333334%; } .vca-row .vca-col-l-9, .vca-column .vca-col-l-9 { -webkit-flex-basis: 75%; -ms-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .vca-row .vca-col-offset-l-9, .vca-column .vca-col-offset-l-9 { margin-left: 75%; } .vca-row .vca-col-l-8, .vca-column .vca-col-l-8 { -webkit-flex-basis: 66.66666666666666%; -ms-flex-basis: 66.66666666666666%; flex-basis: 66.66666666666666%; max-width: 66.66666666666666%; } .vca-row .vca-col-offset-l-8, .vca-column .vca-col-offset-l-8 { margin-left: 66.66666666666666%; } .vca-row .vca-col-l-7, .vca-column .vca-col-l-7 { -webkit-flex-basis: 58.333333333333336%; -ms-flex-basis: 58.333333333333336%; flex-basis: 58.333333333333336%; max-width: 58.333333333333336%; } .vca-row .vca-col-offset-l-7, .vca-column .vca-col-offset-l-7 { margin-left: 58.333333333333336%; } .vca-row .vca-col-l-6, .vca-column .vca-col-l-6 { -webkit-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .vca-row .vca-col-offset-l-6, .vca-column .vca-col-offset-l-6 { margin-left: 50%; } .vca-row .vca-col-l-5, .vca-column .vca-col-l-5 { -webkit-flex-basis: 41.66666666666667%; -ms-flex-basis: 41.66666666666667%; flex-basis: 41.66666666666667%; max-width: 41.66666666666667%; } .vca-row .vca-col-offset-l-5, .vca-column .vca-col-offset-l-5 { margin-left: 41.66666666666667%; } .vca-row .vca-col-l-4, .vca-column .vca-col-l-4 { -webkit-flex-basis: 33.33333333333333%; -ms-flex-basis: 33.33333333333333%; flex-basis: 33.33333333333333%; max-width: 33.33333333333333%; } .vca-row .vca-col-offset-l-4, .vca-column .vca-col-offset-l-4 { margin-left: 33.33333333333333%; } .vca-row .vca-col-l-3, .vca-column .vca-col-l-3 { -webkit-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .vca-row .vca-col-offset-l-3, .vca-column .vca-col-offset-l-3 { margin-left: 25%; } .vca-row .vca-col-l-2, .vca-column .vca-col-l-2 { -webkit-flex-basis: 16.666666666666664%; -ms-flex-basis: 16.666666666666664%; flex-basis: 16.666666666666664%; max-width: 16.666666666666664%; } .vca-row .vca-col-offset-l-2, .vca-column .vca-col-offset-l-2 { margin-left: 16.666666666666664%; } .vca-row .vca-col-l-1, .vca-column .vca-col-l-1 { -webkit-flex-basis: 8.333333333333332%; -ms-flex-basis: 8.333333333333332%; flex-basis: 8.333333333333332%; max-width: 8.333333333333332%; } .vca-row .vca-col-offset-l-1, .vca-column .vca-col-offset-l-1 { margin-left: 8.333333333333332%; } .vca-row .vca-col-offset-l-0, .vca-column .vca-col-offset-l-0 { margin-left: 0%; } .vca-row .vca-col-s-hidden, .vca-column .vca-col-s-hidden, .vca-row .vca-col-m-hidden, .vca-column .vca-col-m-hidden, .vca-row .vca-col-hidden, .vca-column .vca-col-hidden { display: block; } .vca-row .vca-col-l-hidden, .vca-column .vca-col-l-hidden { display: none; } .vca-row.vca-margin-to-padding, .vca-column.vca-margin-to-padding { padding-right: 40px; padding-left: 40px; } } @media only screen and (max-width: 600px) { .vca-row [class^='vca-col-'].vca-no-gutter-xs, .vca-column [class^='vca-col-'].vca-no-gutter-xs, .vca-row [class*='vca-col-'].vca-no-gutter-xs, .vca-column [class*='vca-col-'].vca-no-gutter-xs { padding-right: 0; padding-left: 0; } .vca-row [class^='vca-col-'].vca-no-gutter-xs-l, .vca-column [class^='vca-col-'].vca-no-gutter-xs-l, .vca-row [class*='vca-col-'].vca-no-gutter-xs-l, .vca-column [class*='vca-col-'].vca-no-gutter-xs-l { padding-left: 0; } .vca-row [class^='vca-col-'].vca-no-gutter-xs-r, .vca-column [class^='vca-col-'].vca-no-gutter-xs-r, .vca-row [class*='vca-col-'].vca-no-gutter-xs-r, .vca-column [class*='vca-col-'].vca-no-gutter-xs-r { padding-right: 0; } .vca-row.vca-no-gutter-xs, .vca-column.vca-no-gutter-xs { margin-right: 0; margin-left: 0; } .vca-row.vca-no-gutter-xs-l, .vca-column.vca-no-gutter-xs-l { margin-left: 0; } .vca-row.vca-no-gutter-xs-r, .vca-column.vca-no-gutter-xs-r { margin-right: 0; } } .vca-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .vca-row.vca-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .vca-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vca-column.vca-reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .vca-column [class*='vca-col-'] { -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } [class*='vca-items-'], [class*='vca-justify-'] { display: -webkit-flex; display: -ms-flex; display: flex; } [class*='vca-items-'].vca-hide, [class*='vca-justify-'].vca-hide { display: none; } .vca-items-center { -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; } .vca-items-start { -webkit-align-items: flex-start; -ms-flex-align: start; -ms-align-items: flex-start; align-items: flex-start; } .vca-items-end { -webkit-align-items: flex-end; -ms-flex-align: end; -ms-align-items: flex-end; align-items: flex-end; } .vca-items-stretch { -webkit-align-items: stretch; -ms-flex-align: stretch; -ms-align-items: stretch; align-items: stretch; } .vca-justify-center { -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .vca-justify-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; -ms-justify-content: flex-end; justify-content: flex-end; } .vca-justify-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; -ms-justify-content: flex-start; justify-content: flex-start; } .vca-justify-around { -webkit-justify-content: space-around; -ms-flex-pack: around; -ms-justify-content: space-around; justify-content: space-around; } .vca-justify-between { -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; } .vca-flex-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-special-stone-carousel .vca-special-stone-full-width { width: 100vw; position: relative; left: calc(-50vw + 50%); } .vca-special-stone-carousel .vca-stone-carousel-heading { padding-bottom: 30px; } .vca-special-stone-carousel .vca-accordion-head { display: inline-block; border: 0; color: #222222; padding-top: 30px; padding-bottom: 0; } .vca-special-stone-carousel .vca-accordion-content { padding-top: 30px; padding-bottom: 0; } .vca-special-stone-carousel .vca-ui { padding: 0 20px; line-height: 20px; } .vca-special-stone-carousel .vca-slick-dots { top: 210px; bottom: unset; display: none !important; /* stylelint-disable-line declaration-no-important */ } .vca-special-stone-carousel .vca-slick-dots.vca-slick-dots-active { display: block !important; /* stylelint-disable-line declaration-no-important */ } .vca-special-stone-carousel .vca-carousel-item .vca-stone-carousel-section { visibility: hidden; width: 100vw; position: relative; left: calc(-50vw + 50%); padding: 0 20px; } .vca-special-stone-carousel .vca-slick-active .vca-stone-carousel-section { visibility: visible; } .vca-special-stone-carousel .vca-carousel-item { padding: 0 5px; width: 325px; } .vca-special-stone-carousel .vca-carousel-item .vca-stone-ml-link.vca-capital-link { text-decoration: none; } .vca-special-stone-carousel .vca-carousel-item .vca-stone-ml-link .vca-icn-expand-inactive, .vca-special-stone-carousel .vca-carousel-item .vca-stone-ml-link .vca-icn-expand-active { position: relative; top: 2px; } .vca-special-stone-carousel .vca-carousel-item .vca-stone-ml-link:hover .vca-icn-expand-inactive, .vca-special-stone-carousel .vca-carousel-item .vca-stone-ml-link:hover .vca-icn-expand-active { filter: brightness(0.3); } .vca-special-stone-carousel .vca-carousel-item:not(.slick-center) .vca-stone-carousel-section { display: none; } .vca-special-stone-carousel .vca-transform-image-tag { width: auto; max-width: 100%; opacity: 1; } .vca-special-stone-carousel .vca-transform-picture-tag { width: auto; display: block; } .vca-special-stone-carousel .vca-rte p { line-height: inherit; } .vca-stone-carousel-bottom-caption { margin-top: 30px; padding: 0 20px; width: 100vw; position: relative; left: calc(-50vw + 50%); } @media only screen and (min-width: 600px) { .vca-special-stone-carousel .vca-carousel-item { padding: 0 15px; width: 598px; } .vca-special-stone-carousel .vca-slick-active .vca-stone-carousel-section { padding: 0 160px; } .vca-special-stone-carousel .vca-slick-dots { top: 410px; } .vca-special-stone-carousel .vca-transform-image-tag { width: auto; max-width: 100%; } .vca-special-stone-carousel .vca-transform-picture-tag { width: auto; display: block; } .vca-stone-carousel-bottom-caption { padding: 0 160px; } } @media only screen and (min-width: 900px) { .vca-special-stone-carousel .vca-stone-carousel-heading { padding-bottom: 40px; } .vca-special-stone-carousel .vca-slick-active .vca-stone-carousel-section { padding: 0 205px; } .vca-special-stone-carousel .vca-accordion-head { padding-top: 30px; padding-bottom: 0; } .vca-special-stone-carousel .vca-accordion-content { padding-top: 30px; padding-bottom: 0; } .vca-special-stone-carousel .vca-carousel-item { width: 774px; } .vca-stone-carousel-bottom-caption { margin-top: 40px; padding: 0 205px; } } @media only screen and (min-width: 1200px) { .vca-special-stone-carousel .vca-slick-active .vca-stone-carousel-section { padding: 0 360px; } .vca-special-stone-carousel .vca-carousel-item { padding: 0 20px; width: 1000px; } .vca-stone-carousel-bottom-caption { padding: 0 360px; } } /* specialNavigationCard.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-sp-nav-card-link { margin: 20px auto 30px; } .vca-sp-nav-card-link picture { position: relative; display: block; } .vca-sp-nav-card-link picture:before { content: ''; -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; display: block; height: 100%; width: 100%; position: absolute; z-index: 2; background: #000000; opacity: 0; } .vca-sp-nav-card-link:hover picture:before { opacity: 0.1; } .vca-sp-nav-card-link picture:before { z-index: 1; } .vca-sp-nav-card-content { margin-left: 10px; } .vca-sp-nav-card-content .vca-sp-nav-card-title { color: #222222; } .vca-sp-nav-card-content .vca-sp-nav-card-description { color: #757575; } .vca-special-card-bottom { padding-top: 10px; padding-bottom: 90px; } @media only screen and (min-width: 900px) { .vca-sp-nav-card-link { margin-bottom: 50px; } .vca-sp-nav-card-content { margin-left: 20px; } .vca-special-card-bottom { padding-top: 20px; padding-bottom: 120px; } } .vca-comp-social-block .vca-social-block-container .vca-illustration-asset-container { width: 100%; height: auto; } .vca-comp-social-block .vca-social-block-container .vca-illustration-asset-container .vca-video-player, .vca-comp-social-block .vca-social-block-container .vca-illustration-asset-container .vca-video-tag { height: 100%; object-fit: fill; } .vca-comp-social-block .vca-social-block-container .vca-illustration-asset-container .vca-poster-asset { display: none; } .vca-comp-social-block .vca-social-block-container .vca-illustration-asset-container .vca-transform-image-tag { height: 100%; } .vca-comp-social-block .vca-social-block-container .vca-social-content { overflow: auto; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } .vca-comp-social-block .vca-social-block-container .vca-social-content .vca-social-title-txt { margin: 56px 0 22px; } .vca-comp-social-block .vca-social-block-container .vca-social-content .vca-social-sub-title { margin-bottom: 32px; } .vca-comp-social-block .vca-social-block-container .vca-social-content .vca-social-caption { color: #757575; margin: 20px 0 70px; } .vca-comp-social-block .vca-social-block-container .vca-social-content .vca-social-cta-label { border-bottom: 1px solid; cursor: pointer; margin-top: 21px; margin-bottom: 79px; } @media only screen and (min-width: 600px) { .vca-comp-social-block .vca-social-block-container .vca-illustration-asset-container .vca-poster-asset { display: block; } .vca-comp-social-block .vca-social-block-container .vca-social-cta-label { display: none; } } @media only screen and (min-width: 900px) { .vca-comp-social-block .vca-social-block-container { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } .vca-comp-social-block .vca-social-block-container .vca-social-content { -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .vca-comp-social-block .vca-social-block-container .vca-social-content .vca-social-title-txt { margin: 0 0 20px; } .vca-comp-social-block .vca-social-block-container .vca-social-content .vca-social-image { width: 143px; height: 143px; } .vca-comp-social-block .vca-social-block-container .vca-social-content .vca-transform-image-tag { height: auto; width: auto; } .vca-comp-social-block .vca-social-block-container .vca-social-content .vca-social-sub-title { margin-bottom: 60px; } .vca-comp-social-block .vca-social-block-container .vca-social-content .vca-social-caption { margin: 60px 0 0; } .vca-comp-social-block .vca-sb-pos-right { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-slr-wrapper { margin: 0; padding: 60px 20px; } .vca-slr-wrapper .vca-slr-description { margin-top: 30px; } .vca-slr-wrapper .vca-slr-care-advisor { margin: 50px 0 0; } .vca-slr-wrapper .vca-slr-care-advisor .vca-care-advisor-text-input-wrapper { margin: 0 auto; padding: 0; max-width: 100%; width: 335px; } .vca-slr-wrapper .vca-slr-care-advisor .vca-care-advisor-text-input { border-radius: 8px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06); padding: 15px 60px 15px 20px; color: #757575; font-size: 0.8749999999999999rem; line-height: 1; } .vca-slr-wrapper .vca-slr-care-advisor .vca-input-append-button-send { -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; top: 50%; right: 20px; } .vca-slr-wrapper .vca-slr-container { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vca-slr-wrapper .vca-slr-container .vca-slr-swiper { padding-bottom: 0; max-width: 335px; } .vca-slr-wrapper .vca-slr-container .vca-slr-swiper.vca-fade-effect:before, .vca-slr-wrapper .vca-slr-container .vca-slr-swiper.vca-fade-effect:after { content: ''; position: absolute; top: 0; bottom: 0; width: 30px; pointer-events: none; z-index: 3; display: none; } .vca-slr-wrapper .vca-slr-container .vca-slr-swiper.vca-fade-left:before { display: block; left: 0; background: linear-gradient(to right, var(--gradientColor) 3%, var(--gradientColor) 30%, transparent 100%); } .vca-slr-wrapper .vca-slr-container .vca-slr-swiper.vca-fade-right:after { display: block; right: 0; background: linear-gradient(to left, var(--gradientColor) 3%, var(--gradientColor) 30%, transparent 100%); } .vca-slr-wrapper .vca-slr-container .vca-quick-access-link { width: auto; display: block; margin-top: 2px; margin-bottom: 1px; padding: 8px 15px; border-radius: 8px; border: 1px solid rgba(34, 34, 34, 0.04); background: rgba(34, 34, 34, 0.02); } .vca-slr-wrapper .vca-slr-container .vca-quick-access-link:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-slr-wrapper .vca-slr-container .vca-quick-access-text:hover { color: #222222; } .vca-slr-wrapper .vca-swiper-nav { display: none; } .vca-slr-wrapper .vca-swiper-nav::before { background-size: 100%; width: 20px; height: 20px; } .vca-slr-wrapper .vca-swiper-nav:focus-visible { border-radius: 4px; outline: 1px solid #016fd0; width: 20px; height: 20px; top: 0; } .vca-slr-wrapper .vca-button-prev-arrow { left: -15px; } .vca-slr-wrapper .vca-button-prev-arrow:focus { opacity: 1; } .vca-slr-wrapper .vca-button-prev-arrow:focus-visible { left: 1px; } .vca-slr-wrapper .vca-button-next-arrow { right: -15px; } .vca-slr-wrapper .vca-button-next-arrow:focus { opacity: 1; } .vca-slr-wrapper .vca-button-next-arrow:focus-visible { right: 1px; } @media only screen and (min-width: 600px) { .vca-slr-wrapper { padding-left: 160px; padding-right: 160px; } .vca-slr-wrapper .vca-slr-care-advisor .vca-care-advisor-text-input-wrapper { width: 448px; } .vca-slr-wrapper .vca-slr-container .vca-slr-swiper { max-width: 448px; } .vca-slr-wrapper .vca-slr-container .vca-slr-swiper:before, .vca-slr-wrapper .vca-slr-container .vca-slr-swiper:after { width: 80px; } } @media only screen and (min-width: 900px) { .vca-slr-wrapper { padding-top: 80px; padding-left: 205px; padding-right: 205px; } .vca-slr-wrapper .vca-slr-care-advisor { margin-left: 78px; margin-right: 78px; } .vca-slr-wrapper .vca-slr-care-advisor .vca-care-advisor-text-input-wrapper { width: 434px; } .vca-slr-wrapper .vca-slr-container .vca-slr-swiper { max-width: 434px; } } @media only screen and (min-width: 1200px) { .vca-slr-wrapper { padding-left: 260px; padding-right: 260px; } .vca-slr-wrapper .vca-slr-care-advisor { margin-left: 100px; margin-right: 100px; } .vca-slr-wrapper .vca-slr-care-advisor .vca-care-advisor-text-input-wrapper { width: 560px; } .vca-slr-wrapper .vca-slr-container .vca-slr-swiper { max-width: 560px; } .vca-slr-wrapper .vca-slr-container .vca-swiper-nav { display: -webkit-flex; display: -ms-flex; display: flex; margin-top: 10px; } } /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .service-landing-revamp + .service-care-card { padding-top: 40px; } .vca-scc { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; padding: 40px 0; } .vca-scc-title { padding: 0 20px 10px; } .vca-scc-desc { padding: 0 20px 0; } .vca-scc-info { padding: 0 20px 0; } .vca-scc-link { font-size: 0.8125000000000001rem; line-height: 1.53846154; color: #757575; letter-spacing: 1.5px; color: #666666; border-bottom: 1px solid #757575; text-transform: uppercase; } :lang(ar) .vca-scc-link { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-scc-link { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-scc-link { font-size: 0.9375rem; line-height: 1.33333333; } :lang(ar) .vca-scc-link { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-scc-link { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-scc-link { font-size: 0.9375rem; line-height: 1.33333333; } .vca-scc-card-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 40px 20px 30px; gap: 15px; } .vca-scc-service-card { display: -webkit-flex; display: -ms-flex; display: flex; border: 1px solid #e6e6e6; border-radius: 6px; gap: 15px; background-color: #ffffff; } .vca-scc-picture { width: 115px; height: auto; } .vca-scc-image { object-fit: cover; aspect-ratio: 1; } .vca-scc-text-container { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; padding: 15px 10px 15px 0; align-items: center; gap: 5px; } .vca-scc-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; } .vca-scc-wrapper .vca-icn-arrow-right { display: -webkit-flex; display: -ms-flex; display: flex; padding-top: 4px; } .vca-scc-title-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; gap: 5px; } .vca-scc-card-desc { color: #757575; } @media only screen and (min-width: 600px) { .vca-scc-title, .vca-scc-desc, .vca-scc-card-wrapper, .vca-scc-info { padding-left: 160px; padding-right: 160px; } } @media only screen and (min-width: 900px) { .service-landing-revamp + .service-care-card { padding-top: 0; } .vca-scc { padding: 60px 0; } .vca-scc-title { padding-top: 0; } .vca-scc-title, .vca-scc-desc { padding-left: 205px; padding-right: 205px; } .vca-scc-card-wrapper, .vca-scc-info { padding-left: 50px; padding-right: 50px; } .vca-scc-card-wrapper { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 30px; justify-content: center; } .vca-scc-service-card { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; gap: unset; max-width: 202.5px; } .vca-scc-picture { width: 202.5px; } .vca-scc-text-container { -webkit-flex: unset; -ms-flex: unset; flex: unset; padding-left: 15px; } .vca-scc-wrapper .vca-icn-arrow-right { padding-top: 0; margin-left: 5px; } .vca-scc-title-wrapper { gap: unset; } } @media only screen and (min-width: 1200px) { .vca-scc-title, .vca-scc-desc { padding-left: 260px; padding-right: 260px; } .vca-scc-card-wrapper, .vca-scc-info { padding-left: 60px; padding-right: 60px; } .vca-scc-card-wrapper { gap: 40px; } .vca-scc-service-card { max-width: 260px; } .vca-scc-picture { width: 260px; } } /* searchBar.less */ /* Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ /* Search Bar - narrow */ /***************************** * Abbreviations: * ============== * sb - search bar * ccp - CC Product *****************************/ .vca-search-bar { -webkit-transition: opacity 300ms ease-out 0s; -moz-transition: opacity 300ms ease-out 0s; -ms-transition: opacity 300ms ease-out 0s; transition: opacity 300ms ease-out 0s; width: 100%; height: 100vh; left: 0; position: absolute; background: rgba(0, 0, 0, 0.3); display: none; overflow: hidden; z-index: -1; top: 60px; cursor: pointer; } .vca-search-bar.vca-sb-active { -webkit-transition: opacity 200ms ease-out 0s; -moz-transition: opacity 200ms ease-out 0s; -ms-transition: opacity 200ms ease-out 0s; transition: opacity 200ms ease-out 0s; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-align-items: flex-start; align-items: flex-start; overflow: hidden; z-index: 0; } .vca-search-bar.vca-sb-active .base-search-input { line-height: 26.5px; font-size: 14px; border: none; } .vca-search-bar.vca-sb-active .search-box-standalone-container input[type='text'] { padding-right: 20px; padding-left: 30px; } .vca-search-bar.vca-sb-active:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-search-bar .base-autocomplete-suggestions { top: 51px; } .vca-search-bar .vca-sbs-list { position: absolute; display: none; } .vca-search-bar .vca-sbs-list:empty { transform: translate(-9999px, 0); } .vca-search-bar .base-autocomplete-suggestions, .vca-sb-on-page .base-autocomplete-suggestions { /* Used Important hack to override base inline style */ width: 100vw !important; /* stylelint-disable-line declaration-no-important */ left: -20px; border-width: 0; padding: 10px 20px; } .vca-search-bar .base-autocomplete-keyword-title, .vca-sb-on-page .base-autocomplete-keyword-title, .vca-search-bar .base-autocomplete-predictive-title, .vca-sb-on-page .base-autocomplete-predictive-title, .vca-search-bar .base-autocomplete-group, .vca-sb-on-page .base-autocomplete-group { display: none; } .vca-search-bar .vca-sbs-container, .vca-sb-on-page .vca-sbs-container { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; } :lang(ru) .vca-search-bar .vca-sbs-container, :lang(ru) .vca-sb-on-page .vca-sbs-container { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .vca-search-bar .vca-sbs-container, :lang(ar) .vca-sb-on-page .vca-sbs-container { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .vca-search-bar .vca-sbs-container, :lang(ja) .vca-sb-on-page .vca-sbs-container { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-search-bar .vca-sbs-container, :lang(ko) .vca-sb-on-page .vca-sbs-container { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .vca-search-bar .vca-sbs-container, :lang(zh) .vca-sb-on-page .vca-sbs-container { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .vca-search-bar .vca-sbs-container, :lang(zh-Hant) .vca-sb-on-page .vca-sbs-container { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .vca-search-bar .autocomplete-suggestion, .vca-sb-on-page .autocomplete-suggestion, .vca-search-bar .vca-sbs-list li, .vca-sb-on-page .vca-sbs-list li { font-size: 0.8749999999999999rem; line-height: 1.78571429; color: #757575; padding: 10px 5px; text-transform: capitalize; border-bottom: none; } .vca-search-bar .autocomplete-suggestion b, .vca-sb-on-page .autocomplete-suggestion b, .vca-search-bar .vca-sbs-list li b, .vca-sb-on-page .vca-sbs-list li b, .vca-search-bar .autocomplete-suggestion strong, .vca-sb-on-page .autocomplete-suggestion strong, .vca-search-bar .vca-sbs-list li strong, .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-search-bar .autocomplete-suggestion b, :lang(ru) .vca-sb-on-page .autocomplete-suggestion b, :lang(ru) .vca-search-bar .vca-sbs-list li b, :lang(ru) .vca-sb-on-page .vca-sbs-list li b, :lang(ru) .vca-search-bar .autocomplete-suggestion strong, :lang(ru) .vca-sb-on-page .autocomplete-suggestion strong, :lang(ru) .vca-search-bar .vca-sbs-list li strong, :lang(ru) .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-search-bar .autocomplete-suggestion b, :lang(ar) .vca-sb-on-page .autocomplete-suggestion b, :lang(ar) .vca-search-bar .vca-sbs-list li b, :lang(ar) .vca-sb-on-page .vca-sbs-list li b, :lang(ar) .vca-search-bar .autocomplete-suggestion strong, :lang(ar) .vca-sb-on-page .autocomplete-suggestion strong, :lang(ar) .vca-search-bar .vca-sbs-list li strong, :lang(ar) .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-search-bar .autocomplete-suggestion b, :lang(ja) .vca-sb-on-page .autocomplete-suggestion b, :lang(ja) .vca-search-bar .vca-sbs-list li b, :lang(ja) .vca-sb-on-page .vca-sbs-list li b, :lang(ja) .vca-search-bar .autocomplete-suggestion strong, :lang(ja) .vca-sb-on-page .autocomplete-suggestion strong, :lang(ja) .vca-search-bar .vca-sbs-list li strong, :lang(ja) .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-search-bar .autocomplete-suggestion b, :lang(ko) .vca-sb-on-page .autocomplete-suggestion b, :lang(ko) .vca-search-bar .vca-sbs-list li b, :lang(ko) .vca-sb-on-page .vca-sbs-list li b, :lang(ko) .vca-search-bar .autocomplete-suggestion strong, :lang(ko) .vca-sb-on-page .autocomplete-suggestion strong, :lang(ko) .vca-search-bar .vca-sbs-list li strong, :lang(ko) .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-search-bar .autocomplete-suggestion b, :lang(zh) .vca-sb-on-page .autocomplete-suggestion b, :lang(zh) .vca-search-bar .vca-sbs-list li b, :lang(zh) .vca-sb-on-page .vca-sbs-list li b, :lang(zh) .vca-search-bar .autocomplete-suggestion strong, :lang(zh) .vca-sb-on-page .autocomplete-suggestion strong, :lang(zh) .vca-search-bar .vca-sbs-list li strong, :lang(zh) .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-search-bar .autocomplete-suggestion b, :lang(zh-Hant) .vca-sb-on-page .autocomplete-suggestion b, :lang(zh-Hant) .vca-search-bar .vca-sbs-list li b, :lang(zh-Hant) .vca-sb-on-page .vca-sbs-list li b, :lang(zh-Hant) .vca-search-bar .autocomplete-suggestion strong, :lang(zh-Hant) .vca-sb-on-page .autocomplete-suggestion strong, :lang(zh-Hant) .vca-search-bar .vca-sbs-list li strong, :lang(zh-Hant) .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-search-bar .autocomplete-suggestion b, .vca-sb-on-page .autocomplete-suggestion b, .vca-search-bar .vca-sbs-list li b, .vca-sb-on-page .vca-sbs-list li b, .vca-search-bar .autocomplete-suggestion strong, .vca-sb-on-page .autocomplete-suggestion strong, .vca-search-bar .vca-sbs-list li strong, .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-search-bar .autocomplete-suggestion b, :lang(ru) .vca-sb-on-page .autocomplete-suggestion b, :lang(ru) .vca-search-bar .vca-sbs-list li b, :lang(ru) .vca-sb-on-page .vca-sbs-list li b, :lang(ru) .vca-search-bar .autocomplete-suggestion strong, :lang(ru) .vca-sb-on-page .autocomplete-suggestion strong, :lang(ru) .vca-search-bar .vca-sbs-list li strong, :lang(ru) .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-search-bar .autocomplete-suggestion b, :lang(ar) .vca-sb-on-page .autocomplete-suggestion b, :lang(ar) .vca-search-bar .vca-sbs-list li b, :lang(ar) .vca-sb-on-page .vca-sbs-list li b, :lang(ar) .vca-search-bar .autocomplete-suggestion strong, :lang(ar) .vca-sb-on-page .autocomplete-suggestion strong, :lang(ar) .vca-search-bar .vca-sbs-list li strong, :lang(ar) .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-search-bar .autocomplete-suggestion b, :lang(ja) .vca-sb-on-page .autocomplete-suggestion b, :lang(ja) .vca-search-bar .vca-sbs-list li b, :lang(ja) .vca-sb-on-page .vca-sbs-list li b, :lang(ja) .vca-search-bar .autocomplete-suggestion strong, :lang(ja) .vca-sb-on-page .autocomplete-suggestion strong, :lang(ja) .vca-search-bar .vca-sbs-list li strong, :lang(ja) .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-search-bar .autocomplete-suggestion b, :lang(ko) .vca-sb-on-page .autocomplete-suggestion b, :lang(ko) .vca-search-bar .vca-sbs-list li b, :lang(ko) .vca-sb-on-page .vca-sbs-list li b, :lang(ko) .vca-search-bar .autocomplete-suggestion strong, :lang(ko) .vca-sb-on-page .autocomplete-suggestion strong, :lang(ko) .vca-search-bar .vca-sbs-list li strong, :lang(ko) .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-search-bar .autocomplete-suggestion b, :lang(zh) .vca-sb-on-page .autocomplete-suggestion b, :lang(zh) .vca-search-bar .vca-sbs-list li b, :lang(zh) .vca-sb-on-page .vca-sbs-list li b, :lang(zh) .vca-search-bar .autocomplete-suggestion strong, :lang(zh) .vca-sb-on-page .autocomplete-suggestion strong, :lang(zh) .vca-search-bar .vca-sbs-list li strong, :lang(zh) .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-search-bar .autocomplete-suggestion b, :lang(zh-Hant) .vca-sb-on-page .autocomplete-suggestion b, :lang(zh-Hant) .vca-search-bar .vca-sbs-list li b, :lang(zh-Hant) .vca-sb-on-page .vca-sbs-list li b, :lang(zh-Hant) .vca-search-bar .autocomplete-suggestion strong, :lang(zh-Hant) .vca-sb-on-page .autocomplete-suggestion strong, :lang(zh-Hant) .vca-search-bar .vca-sbs-list li strong, :lang(zh-Hant) .vca-sb-on-page .vca-sbs-list li strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-search-bar .autocomplete-suggestion strong, .vca-sb-on-page .autocomplete-suggestion strong, .vca-search-bar .vca-sbs-list li strong, .vca-sb-on-page .vca-sbs-list li strong { font-weight: 400; text-decoration: none; color: #000000; } .vca-search-bar .autocomplete-suggestion.active, .vca-sb-on-page .autocomplete-suggestion.active, .vca-search-bar .vca-sbs-list li.active, .vca-sb-on-page .vca-sbs-list li.active { border: none; background-color: #f5f5f5; } .vca-search-bar .autocomplete-suggestion:hover, .vca-sb-on-page .autocomplete-suggestion:hover, .vca-search-bar .vca-sbs-list li:hover, .vca-sb-on-page .vca-sbs-list li:hover { cursor: pointer; } .vca-search-bar .autocomplete-suggestion.category, .vca-sb-on-page .autocomplete-suggestion.category, .vca-search-bar .vca-sbs-list li.category, .vca-sb-on-page .vca-sbs-list li.category { display: none; } .vca-search-bar .vca-sbs-list li a, .vca-sb-on-page .vca-sbs-list li a { color: #757575; } .vca-sb-on-page .base-autocomplete-suggestions { top: 61px; } .vca-sb-container { background: #ffffff; width: 100%; } .vca-sb-search-box { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; height: 60px; /* stylelint-disable no-descending-specificity */ } .vca-header .vca-sb-search-box { height: 60px; } .vca-sb-search-box .base-search-box-wrapper { margin: 0; } .vca-sb-search-box .base-search-box-wrapper:focus, .vca-sb-search-box .base-search-box-wrapper :focus { box-shadow: none; } .vca-sb-search-box .base-search-fieldset { width: 100%; } .vca-sb-search-box .base-search-fieldset .base-search-label, .vca-sb-search-box .base-search-fieldset .base-search-legend { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; display: inline-block; } .vca-sb-search-box .base-search-button { display: none; } .vca-sb-search-box .base-search-input { width: 100%; max-width: 100%; padding: 0; padding-right: 20px; padding-left: 30px; border-width: 0; background-color: #ffffff; /* stylelint-enable no-descending-specificity */ /* clears the 'X' from Internet Explorer */ } .vca-sb-search-box .base-search-input::-webkit-search-decoration, .vca-sb-search-box .base-search-input::-webkit-search-cancel-button, .vca-sb-search-box .base-search-input::-webkit-search-results-button, .vca-sb-search-box .base-search-input::-webkit-search-results-decoration { display: none; } .vca-sb-search-box .base-search-input::-ms-clear, .vca-sb-search-box .base-search-input::-ms-reveal { display: none; width: 0; height: 0; } .vca-sb-search-box .base-search-input::-webkit-input-placeholder { color: #757575; } .vca-sb-search-box .base-search-input:-moz-placeholder { color: #757575; } .vca-sb-search-box .base-search-input:-ms-input-placeholder { color: #757575; } .vca-sb-search-box .base-search-input::placeholder { color: #757575; } .vca-header .vca-sb-search-box .base-search-input { font-size: 0.8749999999999999rem; line-height: 1.78571429; } .vca-header .vca-sb-search-box .base-search-input b, .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-header .vca-sb-search-box .base-search-input b, :lang(ru) .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-header .vca-sb-search-box .base-search-input b, :lang(ar) .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-header .vca-sb-search-box .base-search-input b, :lang(ja) .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-header .vca-sb-search-box .base-search-input b, :lang(ko) .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-header .vca-sb-search-box .base-search-input b, :lang(zh) .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-header .vca-sb-search-box .base-search-input b, :lang(zh-Hant) .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-header .vca-sb-search-box .base-search-input { font-size: 1rem; line-height: 1.5625; } .vca-header .vca-sb-search-box .base-search-input b, .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-header .vca-sb-search-box .base-search-input b, :lang(ru) .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-header .vca-sb-search-box .base-search-input b, :lang(ar) .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-header .vca-sb-search-box .base-search-input b, :lang(ja) .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-header .vca-sb-search-box .base-search-input b, :lang(ko) .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-header .vca-sb-search-box .base-search-input b, :lang(zh) .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-header .vca-sb-search-box .base-search-input b, :lang(zh-Hant) .vca-header .vca-sb-search-box .base-search-input strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-header .vca-sb-search-box .base-search-input { font-size: 1rem; line-height: 1.5625; } .vca-sb-search-box .vca-sb-btn-close { border-width: 0; width: 32px; height: 40px; padding: 0; position: absolute; right: 25px; top: 10px; display: inline-block; z-index: 1; background: transparent; /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ } .vca-sb-search-box .vca-sb-btn-close.search-box-standalone__clear-icon { top: 18px; right: 10px; width: 20px; height: 38px; } .vca-sb-search-box .vca-sb-btn-close.search-box-standalone__clear-icon:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-sb-search-box .vca-sb-btn-close:hover { box-shadow: none; border-width: 0; outline: 0; } .vca-sb-search-box .vca-sb-btn-close:focus-visible { box-shadow: none; border-width: 1px; } .vca-sb-on-page .vca-sb-search-box .vca-sb-btn-close { top: 70px; } .vca-sb-search-box .vca-icn-close:before { width: 20px; } .vca-sb-search-box .vca-icn-close:hover, .vca-sb-search-box .vca-icn-close:before { background-size: 20px; } .vca-sb-search-box .vca-sb-icon-glass { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; height: 40px; position: absolute; top: 10px; left: 20px; z-index: 1; } .vca-sb-opened { overflow: hidden; position: relative; } .vca-ios-device .vca-sb-opened { height: 100%; } .vca-sb-ql-list { text-align: center; margin-top: 50px; margin-bottom: 30px; } .vca-sb-ql-list .vca-sb-ql-label { color: #222222; } .vca-sb-ql-list .vca-sb-ql-item { padding: 7px 12px; } .vca-sb-ql-list .vca-sb-quick-link { color: #757575; } .vca-sb-search-wrapper { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; } .vca-sb-search-wrapper.vca-sb-on-page .vca-sb-icon-glass { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; height: 40px; position: absolute; left: 20px; top: auto; z-index: 1; } .vca-sb-container .vca-sb-suggestions { cursor: initial; overflow: auto; margin: 0; } .vca-sb-container .vca-sb-suggestions .vca-hr-light { width: 100%; } .vca-sb-container .vca-sb-suggestions .vca-sb-suggestion-title { color: #666666; padding-bottom: 10px; display: inline-block; } .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block { padding: 20px; } .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link { font-size: 0.8125000000000001rem; line-height: 1.53846154; display: block; padding-bottom: 10px; color: #757575; line-height: 1.5; } .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link b, :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-link:last-child { padding-bottom: 0; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations-block { padding: 20px 15px; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations-block .vca-sb-suggestion-title { display: none; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic { padding-bottom: 0; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-link { max-width: calc(50% - 5px); } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-block { padding: 20px; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-block.vca-creation-count-5 .vca-sb-creations-link:nth-of-type(n+5) { display: none; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-cat-col-block:not(.vca-hide) { border-bottom: 1px solid #e6e6e6; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-suggestion-title { display: none; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations { /* stylelint-disable-line no-descending-specificity */ -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-link-img { width: 100px; height: 100px; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-category, .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-collection { width: 50%; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-text-bold { font-weight: 600; color: #222222; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations { /* stylelint-disable-line no-descending-specificity */ display: -webkit-flex; display: -ms-flex; display: flex; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product { width: inherit; min-width: inherit; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-transform-image-tag { margin-top: 0; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-image { width: 100px; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name { font-size: 0.8125000000000001rem; line-height: 1.53846154; font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.5; color: #222222; margin: 10px 0 5px; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name b, :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-link { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: center; -ms-align-content: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; padding-bottom: 0; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-addtowl, .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-mat { display: none; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-info { width: 100%; margin: 0; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price { font-size: 0.75rem; line-height: 1.66666667; color: #757575; margin-bottom: 0; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, :lang(ru) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, :lang(ar) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, :lang(ja) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, :lang(ko) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, :lang(zh) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price b, :lang(zh-Hant) .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-desc { display: none; } .vca-sb-container .vca-sb-suggestions.vca-hide { display: none; } .vca-sb-history-wrapper { -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; border-bottom: 1px solid #e6e6e6; cursor: default; } .vca-sb-history-wrapper .vca-sb-icon-history, .vca-sb-history-wrapper .vca-history-links, .vca-sb-history-wrapper .vca-icn-history { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-sb-history-wrapper .vca-history-links { padding-right: 50px; } .vca-sb-history-wrapper .vca-scroll-zone { display: -webkit-flex; display: -ms-flex; display: flex; padding: 20px; width: calc(100vw - 50px); overflow: auto; white-space: nowrap; } .vca-sb-history-wrapper .vca-scroll-zone::-webkit-scrollbar { display: none; } .vca-sb-history-wrapper .vca-history-link { font-size: 0.8125000000000001rem; line-height: 1.53846154; margin-left: 10px; color: #222222; } .vca-sb-history-wrapper .vca-history-link b, .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-sb-history-wrapper .vca-history-link b, :lang(ru) .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-sb-history-wrapper .vca-history-link b, :lang(ar) .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-sb-history-wrapper .vca-history-link b, :lang(ja) .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-sb-history-wrapper .vca-history-link b, :lang(ko) .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-sb-history-wrapper .vca-history-link b, :lang(zh) .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-sb-history-wrapper .vca-history-link b, :lang(zh-Hant) .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-sb-history-wrapper .vca-history-link b, .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-sb-history-wrapper .vca-history-link b, :lang(ru) .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-sb-history-wrapper .vca-history-link b, :lang(ar) .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-sb-history-wrapper .vca-history-link b, :lang(ja) .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-sb-history-wrapper .vca-history-link b, :lang(ko) .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-sb-history-wrapper .vca-history-link b, :lang(zh) .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-sb-history-wrapper .vca-history-link b, :lang(zh-Hant) .vca-sb-history-wrapper .vca-history-link strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-sb-history-wrapper .vca-clear-history { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; width: 140px; height: 40px; background: linear-gradient(270deg, #ffffff 42.13%, rgba(255, 255, 255, 0) 100%); position: absolute; right: 0; } .vca-sb-history-wrapper .vca-sb-btn-clear-history { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; -ms-justify-content: flex-end; justify-content: flex-end; color: #757575; padding-right: 20px; } @media only screen and (min-width: 600px) { /* Search Bar - tablet */ .vca-search-bar .base-autocomplete-suggestions, .vca-sb-on-page .base-autocomplete-suggestions { left: -40px; padding: 10px 40px; border-bottom: 1px solid #e0e0e0; } .vca-sb-search-box { height: 70px; } .vca-sb-search-box .vca-sb-btn-close { right: 0; top: 20px; } .vca-sb-on-page .vca-sb-search-box .vca-sb-btn-close { top: 75px; } .vca-sb-container .vca-sb-suggestions { padding: 30px 25px; } .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block { padding: 0 15px; } .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block .vca-links-col { margin-bottom: 20px; } .vca-sb-container .vca-sb-suggestions .vca-hr-light { display: none; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations { border: none; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product { padding: 0 10px; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product:first-child { padding-left: 0; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product:last-child { padding-right: 0; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-name { margin: 20px 0 5px; text-align: start; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-price { text-align: start; } .vca-sb-container .vca-sb-suggestions .vca-sb-creations .vca-cc-product .vca-ccp-link { -webkit-align-items: flex-start; -ms-flex-align: start; -ms-align-items: flex-start; align-items: flex-start; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-cat-col-block:not(.vca-hide) { border-bottom: none; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-suggestion-title { display: block; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-link { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; text-align: unset; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-block { padding: 0 15px; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-block .vca-sb-creations-link { /* stylelint-disable-line max-nesting-depth */ max-width: calc(50% - 15px); } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-block.vca-creation-count-6 .vca-sb-creations-link { /* stylelint-disable-line max-nesting-depth */ max-width: calc(100%*(1/3) - 15px); } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-category, .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-collection { width: 100%; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations { /* stylelint-disable-line no-descending-specificity */ -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-more-results { margin-top: 30px; } .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block.vca-sb-creations-block { margin-top: 0; } .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block.vca-sb-creations-block .vca-sb-suggestion-title { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } .vca-sb-history-wrapper .vca-scroll-zone { padding: 20px 40px; padding-right: 100px; width: calc(100vw - 75px); } .vca-sb-history-wrapper .vca-history-link { margin-left: 20px; } .vca-sb-history-wrapper .vca-sb-btn-clear-history { padding-right: 40px; padding-left: 0; } } @media only screen and (min-width: 900px) { /* Search Bar - wide */ .vca-search-bar { top: 100px; } .vca-search-bar .base-autocomplete-suggestions { top: 73px; } .vca-search-bar .base-autocomplete-suggestions.vca-sbs-list { top: 58px; } .vca-search-bar.vca-sb-active .search-box-standalone-container input[type='text'] { padding-left: 40px; } .vca-search-bar .base-autocomplete-suggestions, .vca-sb-on-page .base-autocomplete-suggestions { left: -50px; padding: 10px 50px; /* Used Important hack to override base inline style */ max-height: 330px !important; /* stylelint-disable-line declaration-no-important */ } .vca-sb-on-page .base-autocomplete-suggestions { top: 84px; } .vca-header .vca-sb-search-box { height: 70px; } .vca-sb-search-box .base-search-input { min-height: 45px; padding-left: 40px; } .vca-sb-search-box .vca-sb-btn-close { right: 45px; top: 30px; } .vca-header .vca-sb-search-box .vca-sb-btn-close { top: 20px; right: 0; } .vca-sb-on-page .vca-sb-search-box .vca-sb-btn-close { top: 116px; } .vca-sb-search-box .vca-sb-icon-glass { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; height: 40px; position: absolute; top: 30px; left: 50px; z-index: 1; } .vca-header .vca-sb-search-box .vca-sb-icon-glass { top: 15px; } .vca-sb-search-box .vca-sb-big-icon::before { background-size: cover; height: 20px; width: 20px; } .vca-header .vca-sb-search-box .vca-sb-big-icon::before { height: 20px; width: 20px; } .vca-sb-ql-container { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; height: 65px; } .vca-sb-ql-list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; margin-top: 0; margin-bottom: 0; overflow-x: auto; } .vca-sb-ql-list .vca-sb-ql-item { -webkit-flex: none; -ms-flex: none; flex: none; } .vca-sb-ql-list .vca-sb-ql-label { padding: 9px 15px 7px 0; margin-bottom: 0; } .vca-sb-search-wrapper.vca-sb-on-page .vca-sb-icon-glass { left: 50px; } .vca-sb-container .vca-sb-suggestions { padding: 30px 35px; } .vca-sb-container .vca-sb-suggestions .vca-sb-suggestions-block { padding: 0; } .vca-sb-container .vca-sb-suggestions .vca-links-col, .vca-sb-container .vca-sb-suggestions .vca-sb-creations-block { padding: 0 15px; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-category, .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-collection { flex: 1 1 0; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-link { flex: 1 1 0; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-link-title { margin-top: 20px; } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-block.vca-creation-count-6 .vca-sb-creations-link { max-width: calc(100% / 6 - 10px); } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-block.vca-creation-count-5 .vca-sb-creations-link { max-width: calc(100% / 5 - 10px); } .vca-sb-container .vca-sb-suggestions.vca-sb-suggestions-dynamic .vca-sb-creations-block.vca-creation-count-5 .vca-sb-creations-link:nth-of-type(n+5) { /* stylelint-disable-line max-nesting-depth */ display: block; } .vca-sb-history-wrapper .vca-scroll-zone { width: auto; padding: 20px 50px; padding-right: 110px; } .vca-sb-history-wrapper .vca-clear-history { width: 170px; } .vca-sb-history-wrapper .vca-sb-btn-clear-history { padding-right: 50px; } } @media only screen and (min-width: 1200px) { /* Search Bar - super wide */ .vca-search-bar .base-autocomplete-suggestions, .vca-sb-on-page .base-autocomplete-suggestions { left: -60px; padding: 10px 60px; } .vca-sb-on-page .base-autocomplete-suggestions { top: 94px; } .vca-search-bar { top: 120px; } .vca-search-bar .base-autocomplete-suggestions { top: 83px; } .vca-header .vca-search-bar .base-autocomplete-suggestions { top: 38px; } .vca-search-bar .base-autocomplete-suggestions.vca-sbs-list { top: 58px; } .vca-sb-search-box .vca-sb-btn-close { right: 55px; top: 38px; } .vca-sb-on-page .vca-sb-search-box .vca-sb-btn-close { top: 138px; } .vca-sb-search-box .vca-sb-icon-glass { top: 40px; } .vca-sb-container .vca-sb-suggestions { padding: 30px 40px; } .vca-sb-container .vca-sb-suggestions .vca-links-col, .vca-sb-container .vca-sb-suggestions .vca-sb-creations-block { padding: 0 20px; } .vca-sb-history-wrapper .vca-scroll-zone { width: auto; padding: 20px 60px; padding-right: 120px; } .vca-sb-history-wrapper .vca-clear-history { width: 180px; } .vca-sb-history-wrapper .vca-sb-btn-clear-history { padding-right: 60px; } } /* paymentLogos.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-payment-logos .base-pc-item { margin: 10px 10px 10px 0; background-size: cover; background-position: center; width: 35px; height: 24px; } .vca-payment-logos .base-icn-kakaopay-logo { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#kakaopay-logo'); } .vca-payment-logos .base-icn-kcp-logo { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#kcp-logo'); } .vca-payment-logos .base-icn-npay-logo { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#npay-logo'); } .vca-payment-logos .base-icn-payco-logo { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#payco-logo'); } .vca-payment-logos .base-icn-tabby { background-size: contain !important; /* stylelint-disable-line declaration-no-important */ } .vca-payment-logos.vca-bnw-filter { filter: grayscale(1); } .vca-comp-panel-cover .vca-cover-asset-container { margin-top: 0; } .vca-comp-panel-cover .vca-panel-cover-content.vca-bottom-border { padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; } .vca-comp-panel-cover .vca-asset-bottom { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .vca-comp-panel-cover .vca-asset-bottom .vca-cover-asset-container { margin-top: 30px; margin-bottom: 0; } .vca-heritage-family .vca-panel-cover-content { display: none; } .vca-panel-cover-content-heritage { display: none; } .vca-panel-cover-content-heritage.vca-show { display: block; } .vca-panel-cover-content-heritage.vca-bottom-border { padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; } .vca-heritage-family .vca-panel-cover-content-heritage { display: block; } .vca-heritage-family .vca-panel-cover-content-heritage.vca-asset-bottom-heritage, .vca-panel-cover-content-heritage.vca-asset-bottom-heritage.vca-show { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media only screen and (min-width: 900px) { .vca-comp-panel-cover .vca-cover-asset-container { margin-top: 0; } } /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-anchor-link { display: block; } .vca-anchor-link .vca-caption { display: none; } .vca-histoires-card-wrapper-content { margin-top: 25px; } .vca-histoires-card-head { margin-bottom: 15px; } .vca-histoires-card-des { margin-bottom: 20px; } .vca-histoires-listing-block picture { position: relative; display: block; } .vca-histoires-listing-block picture:before { content: ''; -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; display: block; height: 100%; width: 100%; position: absolute; z-index: 2; background: #000000; opacity: 0; } .vca-histoires-listing-block:hover picture:before { opacity: 0.1; } .vca-histoires-compact-card { margin-top: 35px; } .vca-histoires-compact-card .vca-anchor-link { border: 0; } .vca-histoires-compact-card .vca-histoires-card-des { margin-bottom: 5px; } .vca-histoires-card-wrapper .vca-anchor-link picture { position: relative; display: block; } .vca-histoires-card-wrapper .vca-anchor-link picture:before { content: ''; -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; display: block; height: 100%; width: 100%; position: absolute; z-index: 2; background: #000000; opacity: 0; } .vca-histoires-card-wrapper .vca-anchor-link:hover picture:before { opacity: 0.1; } @media only screen and (min-width: 600px) { .vca-histoires-card { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; text-align: center; /** content need to be centered align from teblet viewport onwards */ } .vca-histoires-wide-card { margin-top: 35px; } } @media only screen and (min-width: 900px) { .vca-anchor-link .vca-caption { display: block; } .vca-histoires-card-wrapper-content { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; } .vca-histoires-compact-card { margin-top: 55px; } .vca-histoires-compact-card .vca-caption { display: none; } .vca-histoires-compact-card .vca-histoires-card-wrapper-content { margin-top: 20px; } .vca-histoires-wide-card { padding-bottom: 80px; } .vca-histoires-wide-card .vca-histoires-card-des { margin-bottom: 40px; } .vca-histoires-wide-card .vca-histoires-link { border-bottom: 1px solid #e6e6e6; padding-bottom: 5px; } } /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-mcc-grid-wrapper { margin: 0 -20px; border-top: 1px solid #e6e6e6; width: calc(100% + 40px); } .vca-mcc-single-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vca-menu-card-link { width: 100%; } .vca-mcc-type-single { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vca-mcc-type-single .vca-menu-card { margin-bottom: 15px; } .vca-mcc-type-grid { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .vca-mcc-type-grid .vca-menu-card { width: 50%; padding: 20px; border-bottom: 1px solid #e6e6e6; } .vca-mcc-type-grid .vca-menu-card:nth-child(2n - 1) { border-right: 1px solid #e6e6e6; } .vca-mcc-type-grid .vca-menu-card-link { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; height: 100%; } .vca-mcc-type-grid .vca-transform-picture-tag { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; margin: 0 auto; height: 100px; width: 100px; } .vca-mc-title { color: #222222; } .vca-menu-card-single { position: relative; } .vca-menu-card-single picture { height: 100%; width: 100%; min-height: 80px; display: inline-block; } .vca-menu-card-single .vca-mc-title { position: absolute; width: 100%; z-index: 1; padding: 20px; } @media only screen and (min-width: 600px) { .vca-mcc-grid-wrapper { margin: 0 -40px; width: calc(100% + 80px); } .vca-mcc-type-grid .vca-transform-picture-tag { height: 125px; width: 125px; } } @media only screen and (min-width: 900px) { .vca-mcc-grid-wrapper { margin: 0 -50px; width: calc(100% + 100px); } } @media only screen and (min-width: 1200px) { .vca-mcc-grid-wrapper { margin: 0 -60px; width: calc(100% + 120px); } } /* marketPopin.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-lightbox .vca-mplightbox-v1 { border-radius: 0; left: 50%; right: auto; transform: translateX(-50%); max-width: 335px; min-width: auto; background-color: #ffffff; height: auto; min-height: auto; top: auto; bottom: 20px; padding: 0; z-index: 200001; } .vca-lightbox .vca-mplightbox-v1::before { content: none; } .vca-lightbox .vca-mplightbox-v1 .vca-lb-header-wrapper { -webkit-transform: none; transform: none; height: auto; padding: 0; position: static; } .vca-lightbox .vca-mplightbox-v1 .vca-lb-header { font-size: 0.8125000000000001rem; line-height: 1.53846154; text-transform: uppercase; color: #757575; letter-spacing: 1.5px; color: #222222; } :lang(ar) .vca-lightbox .vca-mplightbox-v1 .vca-lb-header { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-lightbox .vca-mplightbox-v1 .vca-lb-header { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-lightbox .vca-mplightbox-v1 .vca-lb-header { font-size: 0.9375rem; line-height: 1.33333333; } :lang(ar) .vca-lightbox .vca-mplightbox-v1 .vca-lb-header { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-lightbox .vca-mplightbox-v1 .vca-lb-header { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-lightbox .vca-mplightbox-v1 .vca-lb-header { font-size: 0.9375rem; line-height: 1.33333333; } .vca-lightbox .vca-mplightbox-v1 .vca-lightbox-content { -webkit-transform: none; transform: none; height: auto; position: static; min-height: auto; padding: 20px; padding-top: 0; min-width: auto; } .vca-lightbox .vca-mplightbox-v1 .vca-market-popin-desc { margin-bottom: 10px; } .vca-lightbox .vca-mplightbox-v1 .vca-btn-link { text-decoration: underline; text-underline-position: under; -ms-text-underline-position: below; width: auto; padding: 0; margin: 10px 25px 0 0; color: #757575; } .vca-lightbox .vca-mplightbox-v1 .vca-btn-link:hover, .vca-lightbox .vca-mplightbox-v1 .vca-btn-link:focus { outline: none; } .base-lightbox-open.vca-lightbox-scroll { overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */ height: auto; } .vca-mp-open { overflow: hidden; } .vca-mp-overlay { z-index: 9999; } .vca-mp-overlay.vca-mp-active { background-color: rgba(0, 0, 0, 0.4); position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: block; } @media only screen and (min-width: 600px) { .vca-lightbox .vca-mplightbox-v1 { right: 20px; left: auto; transform: none; } } /* largeCard.less */ /***************************** * Abbreviations: * ============== * lc- large card *****************************/ .vca-large-card { position: relative; margin-bottom: 5px; } .vca-lc-text { width: calc(100% - 10px); position: absolute; margin-top: 60px; } .vca-lc-text-heading { margin-bottom: 30px; } .vca-lc-link { padding-bottom: 5px; border-bottom: 1px solid #cccccc; } .vca-template-gift-landing-page .vca-large-card { margin-bottom: 80px; } @media only screen and (min-width: 600px) { /***************************** * Abbreviations: * ============== * lc- large card *****************************/ .vca-large-card { margin-bottom: 30px; } .vca-lc-text { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; height: 100%; margin-top: initial; } .vca-template-gift-landing-page .vca-large-card { margin-bottom: 110px; } } @media only screen and (min-width: 900px) { /***************************** * Abbreviations: * ============== * lc- large card *****************************/ .vca-large-card { margin-bottom: 40px; } .vca-lc-text-heading { margin-bottom: 20px; } .vca-template-gift-landing-page .vca-large-card { margin-bottom: 120px; } } /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-inquire-info { background-color: #f5f5f5; padding: 5px 20px 20px; margin-top: 30px; } .vca-inquire-bullet-icon { text-align: initial; } .vca-inquire-bullet-point { display: -webkit-flex; display: -ms-flex; display: flex; padding-top: 15px; } .vca-inquire-bullet-text { padding: 0 5px; } .vca-inquire-call { padding: 20px; border-bottom: 0; } .vca-inquire-call-whatsapp { padding-top: 15px; } .vca-inquire-description { color: #222222; padding-bottom: 20px; } .vca-inquire-faq-link { display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex; gap: 10px; padding-bottom: 40px; } .vca-inquire-tab-header { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; cursor: move; /* fallback if grab cursor is unsupported */ cursor: -webkit-pointer; cursor: -moz-pointer; cursor: pointer; border-top: 1px solid #e6e6e6; padding: 20px 0; } .vca-inquire-tab-header .vca-inquire-tab-header-title { color: #222222; } .vca-inquire-tab-header.is-active [class^='vca-icn-']:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#expand-active'); } .vca-inquire-tab-header.is-active [class^='vca-icn-']::before { /* stylelint-disable-line max-nesting-depth */ background-size: 20px 20px; } .vca-inquire-tab-header.vca-inquire-tab-header-message { border-bottom: 1px solid #e6e6e6; } .vca-inquire-tab-header.vca-inquire-tab-header-message.is-active { border-bottom: 1px solid #ffffff; } .vca-inquire-tab-header:focus-visible { border-radius: 4px; border: 1px solid #016fd0; } .vca-inquire-tab-body { opacity: 0; height: 0; padding-bottom: 0; overflow: hidden; text-align: start; visibility: hidden; transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out, padding-bottom 0.3s ease-in-out; } .vca-inquire-tab-body.is-active { opacity: 1; height: auto; padding-bottom: 40px; visibility: visible; } .vca-inquire-tab-body:focus-visible { border-radius: 4px; border: 1px solid #016fd0; } .vca-inquire-contact-item { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; background-color: #f5f5f5; padding: 15px; text-transform: none; color: #666666; margin-bottom: 2px; letter-spacing: 0; gap: 4px; } .vca-inquire-contact-item:last-child { margin-bottom: 0; } .vca-inquire-email { background-color: transparent; } /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-hcs { padding-top: 40px; padding-bottom: 40px; } .vca-hcs-description { color: #666666; } .vca-hcs-link { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; color: #666666; gap: 12px; } .vca-hcs-link-text { -webkit-flex: 1; -ms-flex: 1; flex: 1; } .vca-hcs-link-wrapper { border-top: 1px solid #e6e6e6; padding-top: 20px; padding-bottom: 18px; } .vca-hcs-link-wrapper:last-child { border-bottom: 1px solid #e6e6e6; } .vca-hcs-text-wrapper { align-self: center; } .vca-hcs-image-wrapper { margin: 20px auto 0; position: relative; } .vca-hcs-image { border-radius: 8px; } .vca-hcs-image-text-wrapper { position: relative; } .vca-hcs-image-text { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 10px; position: absolute; padding: 0 10px 40px; bottom: 0; width: 100%; word-wrap: break-word; } .vca-hcs-image-text-color { color: var(--textColor); } .vca-hcs-image-text-color:hover { color: var(--textColor); } .vca-hcs-image-link { -webkit-align-self: center; -ms-flex-item-align: center; /* 1 */ align-self: center; border-bottom: 1px solid; width: fit-content; } @media only screen and (min-width: 900px) { .vca-hcs { padding-top: 60px; padding-bottom: 60px; } .vca-hcs-image-wrapper { margin: 0; } } /* serviceMenu.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-sm-item { padding-left: 10px; position: relative; vertical-align: middle; } .vca-sm-item > .vca-icn-profile { display: none; } .vca-sm-item .vca-sm-link { color: #e6e6e6; } .vca-sm-item .vca-sm-link [class^='vca-icn-'] { vertical-align: text-bottom; height: 1.25rem; width: 1.25rem; } .vca-sm-item .vca-sm-link [class^='vca-icn-'] + span { margin-left: 10px; } .vca-sm-item .vca-sm-link :before { vertical-align: bottom; height: 1.25rem; width: 1.25rem; } .vca-sm-item:first-child { padding-left: 0; } .vca-sm-count { font-size: 0.625rem; border-radius: 10px; text-shadow: 0 0 2px #cccccc; -webkit-transition: opacity 300ms ease-out 0s; -moz-transition: opacity 300ms ease-out 0s; -ms-transition: opacity 300ms ease-out 0s; transition: opacity 300ms ease-out 0s; background-color: #ffffff; color: initial; opacity: 0.6; min-width: 8px; height: 11px; position: absolute; right: -5px; text-align: center; top: 7px; line-height: 0.7rem; } .vca-sm-wishlist .vca-sm-count { text-shadow: none; right: initial; } .vca-sm-count:empty { background: transparent; } .vca-header-theme-background-black .vca-sm-count { background-color: #000000; } .vca-header-theme-background-transparent .vca-sm-count { background-color: transparent; } .vca-header-theme-color-darkbackground .vca-sm-count, .vca-header-theme-color-lightbackground .vca-sm-count { opacity: 1; } .vca-sm-search-btn { border-width: 0; line-height: 20px; padding: 0; } .vca-sm-search-btn:hover, .vca-sm-search-btn:focus { box-shadow: none; } .vca-sm-search-btn:hover { border: 0; outline: 0; outline-color: transparent; } .vca-sm-minicart, .vca-sm-search, .vca-sm-contact { display: inline-block; } .vca-reassurance-helper img { display: none; } .vca-header-theme-color-white > .vca-service-menu .vca-icn-search:before, .vca-header-theme-color-darkbackground > .vca-service-menu .vca-icn-search:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#search-white'); } .vca-header-theme-color-white > .vca-service-menu .vca-icn-profile:before, .vca-header-theme-color-darkbackground > .vca-service-menu .vca-icn-profile:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#profile-white'); } .vca-header-theme-color-white > .vca-service-menu .vca-icn-bag:before, .vca-header-theme-color-darkbackground > .vca-service-menu .vca-icn-bag:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bag-white'); } .vca-header-theme-color-white > .vca-service-menu .vca-icn-heart:before, .vca-header-theme-color-darkbackground > .vca-service-menu .vca-icn-heart:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#heart-white'); } .vca-header-theme-color-white > .vca-service-menu .vca-icn-map:before, .vca-header-theme-color-darkbackground > .vca-service-menu .vca-icn-map:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#map-white'); } .vca-header-theme-color-white > .vca-service-menu .vca-icn-call, .vca-header-theme-color-darkbackground > .vca-service-menu .vca-icn-call { filter: brightness(0) invert(1); } .vca-header-theme-color-white > .vca-navigation .vca-icn-menu, .vca-header-theme-color-darkbackground > .vca-navigation .vca-icn-menu { filter: brightness(0) invert(1); } .vca-header-theme-color-black > .vca-service-menu .vca-sm-list.vca-capital-link { color: #e6e6e6; } .vca-header-theme-color-black > .vca-service-menu .vca-sm-list.vca-capital-link .vca-smmi-cont { color: #757575; } .vca-navigation-footer .vca-sm-link.vca-sm-search-link { display: none; } .vca-navigation-footer .vca-sm-item { margin-bottom: 10px; } .vca-navigation-footer .vca-sm-profile, .vca-navigation-footer .vca-sm-minicart, .vca-navigation-footer .vca-sm-wishlist { width: 100%; margin: 10px 0; } .vca-navigation-footer .vca-sm-profile .visually-hidden, .vca-navigation-footer .vca-sm-minicart .visually-hidden, .vca-navigation-footer .vca-sm-wishlist .visually-hidden { position: relative; margin: 0; } .vca-navigation-footer .vca-sm-profile .vca-sm-count, .vca-navigation-footer .vca-sm-minicart .vca-sm-count, .vca-navigation-footer .vca-sm-wishlist .vca-sm-count { text-shadow: none; color: #7d7d7d; } .vca-navigation-footer .vca-sm-contact { display: none; } .vca-sm-search--left { position: absolute; left: 55px; } .vca-sm-minicart-content { box-shadow: #cccccc 0 0 5px 0; -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 1s; -moz-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 1s; -ms-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 1s; transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 1s; -webkit-transform: translateY(10px); transform: translateY(10px); position: fixed; right: 0; background-color: #ffffff; overflow-y: hidden; opacity: 0; max-height: 0; width: 100%; max-width: 100vw; top: 0; z-index: 1; } .vca-sm-minicart-content .vca-hide { display: none !important; /* stylelint-disable-line declaration-no-important */ } .vca-sm-active .vca-sm-minicart-content, .vca-added .vca-sm-minicart-content { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; max-height: none; } .vca-navigation-footer .vca-sm-minicart-content { display: none; } .vca-sm-minicart-content .vca-mini-cart-np { margin: 0 20px 26px 20px; } .vca-sm-minicart[data-item-count='0'] .vca-sm-minicart-content .vca-mini-cart-np { display: block; } .vca-sm-minicart:not([data-item-count='0']) .vca-sm-minicart-content .vca-mini-cart-np { display: none; } .vca-sm-minicart-content .vca-mini-cart-np .vca-cc-category { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; width: 100%; margin: 0; } .vca-sm-minicart-content .vca-mini-cart-np .vca-cc-product { border: 0; padding: 0 5px; width: 50%; min-width: 50%; } .vca-sm-minicart-content .vca-mini-cart-np .vca-ccp-link { padding-bottom: unset; } .vca-sm-minicart-content .vca-mini-cart-np .vca-ccp-link:hover { color: #222222; } .vca-cc-category .vca-sm-minicart-content .vca-mini-cart-np .vca-ccp-link { color: #757575; padding: 0 5px; } .vca-sm-minicart-content .vca-mini-cart-np .vca-spl-cls { display: block; float: left; width: 50%; } .vca-sm-minicart-content .vca-mini-cart-np .vca-spl-cls .vca-cc-product { width: 100%; } .vca-sm-minicart-content .vca-mini-cart-np .vca-spl-cls .vca-cc-category a:not(:first-child) { display: none; } .vca-sm-minicart[data-item-count='0'] .vca-sm-minicart-content .vca-mini-cart-p { display: none; } .vca-sm-minicart-content .vca-np-p { padding: 20px; color: #222222; border-top: 1px solid #e6e6e6; } .vca-sm-minicart-content .vca-mc-np-controls { margin-top: 20px; color: #757575; } .vca-sm-minicart-content .vca-rv-title { padding-top: 20px; padding-bottom: 10px; margin: 0 20px; border-top: 1px solid #757575; } .vca-sm-minicart-content .vca-ccp-name { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1rem; line-height: 1.25; color: #000000; margin: 5px 0 10px; } :lang(ru) .vca-sm-minicart-content .vca-ccp-name { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-sm-minicart-content .vca-ccp-name { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-sm-minicart-content .vca-ccp-name { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-sm-minicart-content .vca-ccp-name { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-sm-minicart-content .vca-ccp-name { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-sm-minicart-content .vca-ccp-name { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-sm-minicart-content .vca-ccp-name { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-sm-minicart-content .vca-ccp-name { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-sm-minicart-content .vca-ccp-name { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-sm-minicart-content .vca-ccp-name { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-sm-minicart-content .vca-ccp-name { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-sm-minicart-content .vca-ccp-name { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-sm-minicart-content .vca-ccp-info { width: auto; } .vca-sm-minicart-content .vca-ccp-mat, .vca-sm-minicart-content .vca-ccp-price { font-size: 0.75rem; line-height: 1.66666667; color: #757575; } .vca-sm-minicart-content .vca-ccp-mat b, .vca-sm-minicart-content .vca-ccp-price b, .vca-sm-minicart-content .vca-ccp-mat strong, .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-sm-minicart-content .vca-ccp-mat b, :lang(ru) .vca-sm-minicart-content .vca-ccp-price b, :lang(ru) .vca-sm-minicart-content .vca-ccp-mat strong, :lang(ru) .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-sm-minicart-content .vca-ccp-mat b, :lang(ar) .vca-sm-minicart-content .vca-ccp-price b, :lang(ar) .vca-sm-minicart-content .vca-ccp-mat strong, :lang(ar) .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-sm-minicart-content .vca-ccp-mat b, :lang(ja) .vca-sm-minicart-content .vca-ccp-price b, :lang(ja) .vca-sm-minicart-content .vca-ccp-mat strong, :lang(ja) .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-sm-minicart-content .vca-ccp-mat b, :lang(ko) .vca-sm-minicart-content .vca-ccp-price b, :lang(ko) .vca-sm-minicart-content .vca-ccp-mat strong, :lang(ko) .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-sm-minicart-content .vca-ccp-mat b, :lang(zh) .vca-sm-minicart-content .vca-ccp-price b, :lang(zh) .vca-sm-minicart-content .vca-ccp-mat strong, :lang(zh) .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-sm-minicart-content .vca-ccp-mat b, :lang(zh-Hant) .vca-sm-minicart-content .vca-ccp-price b, :lang(zh-Hant) .vca-sm-minicart-content .vca-ccp-mat strong, :lang(zh-Hant) .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-sm-minicart-content .vca-ccp-mat b, .vca-sm-minicart-content .vca-ccp-price b, .vca-sm-minicart-content .vca-ccp-mat strong, .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-sm-minicart-content .vca-ccp-mat b, :lang(ru) .vca-sm-minicart-content .vca-ccp-price b, :lang(ru) .vca-sm-minicart-content .vca-ccp-mat strong, :lang(ru) .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-sm-minicart-content .vca-ccp-mat b, :lang(ar) .vca-sm-minicart-content .vca-ccp-price b, :lang(ar) .vca-sm-minicart-content .vca-ccp-mat strong, :lang(ar) .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-sm-minicart-content .vca-ccp-mat b, :lang(ja) .vca-sm-minicart-content .vca-ccp-price b, :lang(ja) .vca-sm-minicart-content .vca-ccp-mat strong, :lang(ja) .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-sm-minicart-content .vca-ccp-mat b, :lang(ko) .vca-sm-minicart-content .vca-ccp-price b, :lang(ko) .vca-sm-minicart-content .vca-ccp-mat strong, :lang(ko) .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-sm-minicart-content .vca-ccp-mat b, :lang(zh) .vca-sm-minicart-content .vca-ccp-price b, :lang(zh) .vca-sm-minicart-content .vca-ccp-mat strong, :lang(zh) .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-sm-minicart-content .vca-ccp-mat b, :lang(zh-Hant) .vca-sm-minicart-content .vca-ccp-price b, :lang(zh-Hant) .vca-sm-minicart-content .vca-ccp-mat strong, :lang(zh-Hant) .vca-sm-minicart-content .vca-ccp-price strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-sm-minicart-content .vca-ccp-carousel { border: 0; } .vca-sm-minicart-content .vca-ccp-carousel.vca-mc-rv-single { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .vca-sm-minicart-content .vca-ccp-carousel .slick-list { margin-bottom: 20px; } .vca-sm-minicart-content .vca-ccp-carousel .vca-slick-dots { bottom: 0; } .vca-sm-minicart-content .vca-smm-list-rv .vca-ccp-wl { display: none; } .vca-sm-minicart-content .vca-smm-list-rv .vca-transform-image-tag, .vca-sm-minicart-content .vca-smm-list-rv .vca-transform-picture-tag { margin-top: 0; max-width: 100%; max-height: 100%; width: auto; height: auto; } .vca-sm-minicart-content .vca-smm-list-cat .vca-ccp-wl { display: none; } .vca-sm-minicart-content .vca-smm-list-cat .vca-transform-image-tag, .vca-sm-minicart-content .vca-smm-list-cat .vca-transform-picture-tag { max-width: 100%; max-height: 100%; width: auto; height: auto; } .vca-sm-minicart-content .vca-mc-gallery-item { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; width: 80px; height: 80px; margin: 0 auto 15px; } .vca-sm-minicart-content .vca-ccp-image { width: 110px; height: 110px; margin: 0 auto; } .vca-smm-close { background: transparent; border: 0; max-width: none; width: auto; position: absolute; right: 0; padding: 0; top: 0; z-index: 1; margin: 20px 20px 20px; } .vca-smm-confirm-msg { font-size: 0.8749999999999999rem; line-height: 1.78571429; letter-spacing: 0; color: #222222; padding: 20px; position: relative; border-bottom: 1px solid #e6e6e6; display: none; } .vca-smm-confirm-msg b, .vca-smm-confirm-msg strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-smm-confirm-msg b, :lang(ru) .vca-smm-confirm-msg strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-smm-confirm-msg b, :lang(ar) .vca-smm-confirm-msg strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-smm-confirm-msg b, :lang(ja) .vca-smm-confirm-msg strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-smm-confirm-msg b, :lang(ko) .vca-smm-confirm-msg strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-smm-confirm-msg b, :lang(zh) .vca-smm-confirm-msg strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-smm-confirm-msg b, :lang(zh-Hant) .vca-smm-confirm-msg strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-smm-confirm-msg b, .vca-smm-confirm-msg strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-smm-confirm-msg b, :lang(ru) .vca-smm-confirm-msg strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-smm-confirm-msg b, :lang(ar) .vca-smm-confirm-msg strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-smm-confirm-msg b, :lang(ja) .vca-smm-confirm-msg strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-smm-confirm-msg b, :lang(ko) .vca-smm-confirm-msg strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-smm-confirm-msg b, :lang(zh) .vca-smm-confirm-msg strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-smm-confirm-msg b, :lang(zh-Hant) .vca-smm-confirm-msg strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-added .vca-smm-confirm-msg { display: block; text-align: left; padding-right: 40px; } .vca-smm-chain-info-text, .vca-smm-multi-chain-info-text { padding-top: 10px; color: #222222; position: relative; } .vca-smm-chain-success-text { padding-bottom: 10px; color: #222222; position: relative; } .vca-smm-controls { padding: 20px; border-top: 1px solid #e6e6e6; } .vca-smmc-link { display: block; text-transform: uppercase; } .vca-smm-del-tax-info { border-top: 1px solid #e6e6e6; padding: 20px; } .vca-smmdti-tax { display: -webkit-flex; display: -ms-flex; display: flex; color: #222222; } .vca-smmdti-tax dt { -webkit-flex: 1; -ms-flex: 1; flex: 1; } .vca-smm-list, .vca-smm-chain-list { padding: 20px; } .vca-smm-chain-list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vca-smm-item { display: -webkit-flex; display: -ms-flex; display: flex; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; padding-bottom: 20px; /* stylelint-disable no-descending-specificity */ } .vca-smm-item:last-child { border: 0; margin: 0; padding: 0; } .vca-added .vca-smm-item { border: 0; margin: 0; padding: 0; display: none; } .vca-added .vca-smm-item:first-child { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-added-chain .vca-smm-item { border: 0; margin: 0; padding: 0; display: none; } .vca-added-chain .vca-smm-item:nth-child(1) { display: -webkit-flex; display: -ms-flex; display: flex; order: 2; padding-top: 20px; } .vca-added-chain .vca-smm-item:nth-child(2) { display: -webkit-flex; display: -ms-flex; display: flex; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; } .vca-added-chain .vca-smm-item .vca-smmi-cont:first-child { -webkit-flex: 0; -ms-flex: 0; flex: 0; } .vca-smmi-cont { margin-left: 15px; } .vca-smmi-cont:first-child { margin: 0; width: 100px; height: 100px; min-width: 100px; } .vca-smmi-engraving { display: none; } .vca-smmi-engraving[data-engraved='true'] { display: block; } .vca-smmi-name { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.1250000000000002rem; line-height: 1.38888889; color: #222222; margin-bottom: 10px; } :lang(ru) .vca-smmi-name { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-smmi-name { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-smmi-name { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-smmi-name { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-smmi-name { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-smmi-name { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ar) .vca-smmi-name { font-size: 1.25rem; line-height: 1.25; } :lang(ru) .vca-smmi-name { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-smmi-name { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-smmi-name { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-smmi-name { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-smmi-name { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-smmi-name { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ar) .vca-smmi-name { font-size: 1.25rem; line-height: 1.25; } .vca-navigation-footer .visually-hidden { position: relative; margin: 0; } .vca-sm-minicart.vca-sm-active .hover { display: block; } .vca-sm-minicart.vca-sm-active .added { display: none; } .vca-sm-minicart.vca-added .hover { display: none; } .vca-sm-minicart.vca-added .added { display: block; } .vca-sm-minicart .vca-sm-link:hover .vca-sm-count { opacity: 1; } .vca-header-theme-color-darkbackground .vca-sm-minicart .vca-sm-link:hover .vca-sm-count, .vca-header-theme-color-lightbackground .vca-sm-minicart .vca-sm-link:hover .vca-sm-count { opacity: 0.5; } .vca-sm-minicart-wrapper { z-index: 1; text-transform: initial; } .vca-sm-minicart-wrapper .vca-mc-rv-single { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; margin: auto; } :not(.vca-added) .vca-sm-minicart-wrapper { visibility: hidden; } .vca-sm-active .vca-sm-minicart-wrapper { display: block; visibility: visible; } .vca-added .vca-sm-minicart-wrapper, .vca-sm-interacted .vca-sm-minicart-wrapper { visibility: visible; } .vca-sm-active .vca-sm-minicart-wrapper .vca-sm-mc-header { padding: 20px; color: #222222; } .vca-added .vca-sm-minicart-wrapper .vca-sm-mc-header { display: none; } .vca-sm-active .vca-sm-minicart-wrapper::after, .vca-added .vca-sm-minicart-wrapper::after { content: ''; position: fixed; top: 0; left: 0; background-color: rgba(32, 0, 0, 0.1); width: 100%; height: 100%; } .vca-navigation-footer .vca-sm-active .vca-sm-minicart-wrapper::after, .vca-navigation-footer .vca-added .vca-sm-minicart-wrapper::after { content: none; } .vca-sm-minicart-wrapper .vca-chain-info { width: 55%; } .vca-sm-minicart-wrapper .vca-hide-fragrance-price { display: none; } .vca-chain-cta-container .vca-pdp-main-cta { font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.8125000000000001rem; line-height: 1.53846154; -webkit-transition: outline 300ms ease-out 0s; -moz-transition: outline 300ms ease-out 0s; -ms-transition: outline 300ms ease-out 0s; transition: outline 300ms ease-out 0s; background-color: transparent; font-weight: normal; border: 1px solid #222222; color: #222222; cursor: pointer; display: inline-block; margin: 0 auto; max-width: 300px; text-align: center; width: 100%; outline: 1px solid transparent; margin-bottom: 30px; background: none; max-width: none; min-height: 50px; padding: 10px; } :lang(ru) .vca-chain-cta-container .vca-pdp-main-cta { font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif; } :lang(ar) .vca-chain-cta-container .vca-pdp-main-cta { font-family: 'Maison Neue', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', sans-serif; } :lang(ja) .vca-chain-cta-container .vca-pdp-main-cta { font-family: 'Maison Neue', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-chain-cta-container .vca-pdp-main-cta { font-family: 'Maison Neue', 'Noto Sans', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } :lang(zh) .vca-chain-cta-container .vca-pdp-main-cta { font-family: 'Maison Neue', 'Pingfang SC', 'Yahei', 'Noto Sans', 'Noto Sans CJK SC', sans-serif; } :lang(zh-Hant) .vca-chain-cta-container .vca-pdp-main-cta { font-family: 'Maison Neue', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Sans', 'Noto Sans CJK TC', sans-serif; } .vca-chain-cta-container .vca-pdp-main-cta:hover { outline: 1px solid #222222; outline-offset: 0; } .vca-chain-cta-container .vca-pdp-main-cta:disabled { border-color: #e6e6e6; cursor: no-drop; } .vca-chain-cta-container .vca-pdp-main-cta.vca-icn-only-btn:hover, .vca-chain-cta-container .vca-pdp-main-cta.vca-btn-sans-intraction:hover, .vca-chain-cta-container .vca-pdp-main-cta.vca-icn-only-btn:focus, .vca-chain-cta-container .vca-pdp-main-cta.vca-btn-sans-intraction:focus { box-shadow: none; } .vca-chain-cta-container .vca-pdp-main-cta.vca-hide { display: none; } .vca-chain-cta-container .vca-pdp-main-cta.base-loading { pointer-events: none; color: #757575; border-color: #757575; } .vca-chain-cta-container .base-checkout-addtocart, .vca-chain-cta-container .vca-pdp-chain-inline-ctas { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; padding: 0 10px; } .vca-chain-cta-container .vca-pdp-chain-inline-ctas { -webkit-align-items: stretch; -ms-flex-align: stretch; -ms-align-items: stretch; align-items: stretch; } .vca-chain-cta-container .vca-pdp-chain-inline-ctas .vca-pdp-main-cta { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .vca-smm-multi-chain-info-text { display: none; } .vca-smm-chain-circle { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; border-radius: 50%; width: 24px; height: 24px; border: 0.6px solid #e6e6e6; background: #ffffff; } .vca-smm-multi-chain-scroll-btn { display: none; margin: 0 auto; text-align: center; } .vca-smm-multi-chain-scroll-btn .vca-icn-arrow-down { cursor: pointer; } .vca-chain-secondary-enabled { height: 291px; overflow-y: auto; scroll-behavior: smooth; } .vca-chain-secondary-enabled .vca-smm-chain-list { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; text-align: center; padding: 0 20px 0 20px; min-height: 225px; } .vca-chain-secondary-enabled .vca-smm-chain-list .vca-smm-list-item { -webkit-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; } .vca-chain-secondary-enabled .vca-smm-chain-list-cta { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; padding: 0 20px 15px 20px; } .vca-chain-secondary-enabled .vca-smm-chain-list-cta .vca-pdp-chain-inline-ctas { -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; padding: 0; } .vca-chain-secondary-enabled .vca-smm-chain-list-cta .vca-chain-cta-container { -webkit-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; } .vca-chain-secondary-enabled .vca-smm-chain-list-cta .vca-chain-cta-container .vca-pdp-chain-inline-ctas { padding: 0; } .vca-chain-secondary-enabled .vca-smm-chain-list-cta .base-checkout-addtocart { padding: 0; } .vca-chain-secondary-enabled .vca-smm-item { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; } .vca-chain-secondary-enabled .vca-smmi-cont { margin-left: 0; width: 100px; } .vca-chain-secondary-enabled .vca-chain-info { width: 100%; padding-top: 15px; } .vca-chain-secondary-enabled .vca-smm-chain-info-text { display: none; } .vca-chain-secondary-enabled .vca-smm-multi-chain-info-text { display: block; padding: 20px 20px 15px 20px; } .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1rem; line-height: 1.25; margin-bottom: 15px; } :lang(ru) .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-chain-secondary-enabled .vca-smmi-name { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-chain-secondary-enabled .vca-smm-multi-chain-scroll-btn { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-chain-secondary-enabled .vca-pdp-main-cta { margin-bottom: 0; padding: 15px 0 15px 0; } .vca-lightbox .vca-fea-minicart-lightbox.base-lightbox-wrapper .base-lightbox-content { padding-left: 0; padding-right: 0; padding-bottom: 0; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-text { font-size: 0.8749999999999999rem; line-height: 1.9; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel { height: 100%; overflow: auto; padding-bottom: 250px; position: relative; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel:not([data-item-count='0']) .vca-fea-smm-panel-np, .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel[data-item-count='0'] .vca-fea-smm-panel-p { display: none; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-fixed { position: fixed; bottom: 0; right: 0; background: #ffffff; left: 0; z-index: 10; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-tax { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; padding: 20px 20px; border-top: 1px solid #e6e6e6; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-checkout-btn-container { padding: 20px 20px; border-top: 1px solid #e6e6e6; position: relative; z-index: 3; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-checkout-btn { color: #222222; max-width: 100%; text-transform: uppercase; padding: 15px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-continue-btn-container { border-top: 1px solid #e6e6e6; padding: 20px 60px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-continue-btn { color: #666666; max-width: 100%; text-transform: uppercase; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-np { padding: 20px 0 0; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item { display: -webkit-flex; display: -ms-flex; display: flex; padding: 30px 20px; border-top: 1px solid #e6e6e6; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item:last-of-type { border-bottom: 1px solid #e6e6e6; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-close { width: 20px; height: 20px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item-content { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item-image { width: 100px; height: 100px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item-info { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; padding-right: 10px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item-added-label, .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item-added-chain-label { display: none; padding: 20px 60px; border-top: 1px solid #e6e6e6; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-smm-panel-item-added-label { padding: 20px 60px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-add-cart-cta-wrapper { padding: 15px 20px 0 20px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-chain-wrapper .vca-fea-add-cart { display: block; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-chain-wrapper .vca-pdp-main-cta { margin-bottom: 0; } .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-minicart-lightbox-item-added { /* stylelint-disable max-nesting-depth */ } .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-minicart-lightbox-item-added .vca-fea-smm-panel-item-added-label, .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-minicart-lightbox-item-added .vca-fea-smm-panel-item-added-chain-label { display: block; } .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-minicart-lightbox-item-added .vca-fea-smm-panel-item-added-label.vca-hide, .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-minicart-lightbox-item-added .vca-fea-smm-panel-item-added-chain-label.vca-hide { display: none; } .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-minicart-lightbox-item-added .vca-fea-smm-panel-item { display: none; } .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-minicart-lightbox-item-added .vca-fea-smm-panel-item:first-of-type { display: flex; border-bottom: 1px solid #e6e6e6; } .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-minicart-lightbox-item-added .vca-fea-chain-sold-added { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-minicart-lightbox-item-added .vca-fea-chain-sold-added .vca-fea-related-chain-ref { order: 2; } .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-minicart-lightbox-item-added .vca-fea-chain-sold-added .vca-fea-related-chain-parent-ref { display: -webkit-flex; display: -ms-flex; display: flex; order: 1; } .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-minicart-lightbox-item-added .vca-fea-smm-chain-wrapper .vca-fea-smm-panel-item { border-top: 0; } .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-minicart-lightbox-item-added .vca-fea-smm-chain-wrapper .vca-fea-smm-panel-item:last-of-type { border-bottom: 0; } .vca-lightbox .vca-fea-minicart-lightbox.vca-fea-mincart-related-chain-item-added .vca-show-back-arrow { visibility: hidden; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item-added-label-carousel { padding: 20px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-row { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; margin: 60px 40px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-cc-card-text { left: 0; right: 0; position: absolute; top: 40px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-cc-card-text .vca-h2 { font-size: 1.875rem; line-height: 1.2; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-cc-card-text .vca-cc-card-link { border-bottom: 1px solid; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-arrow { padding: 0; width: 40px; height: 348px; top: 0; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-arrow:hover::before { position: relative; height: 24px; width: 24px; top: 38px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .slick-slide { margin: 0 5px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-dots { bottom: 0; height: 5px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-dots .vca-slick-button { width: 5px; height: 5px; vertical-align: top; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-carousel-pagination-item { height: 5px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-next { right: 50px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-prev { left: 50px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-description { font-size: 1rem; line-height: 1.2; margin: 0; padding: 0; max-width: 100%; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel { height: 393px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel .vca-cc-card { position: relative; width: inherit; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel img { height: 348px; aspect-ratio: 0.8; visibility: visible; opacity: 1; object-fit: cover; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper { position: relative; width: 100%; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-slide { width: 100%; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-slide .vca-fea-chain-add-cart-cta-wrapper { padding: 0 20px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-slide .vca-fea-chain-add-cart-cta-wrapper .vca-fea-add-cart { width: 100%; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-next, .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-prev { opacity: 0; visibility: hidden; transition: opacity 300ms cubic-bezier(0.19, 1, 0.22, 1), visibility 300ms cubic-bezier(0.19, 1, 0.22, 1); } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-next::after, .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-prev::after { display: none; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-next::before, .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-prev::before { content: ''; background-size: 100%; width: 24px; height: 24px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-next.swiper-button-disabled, .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-prev.swiper-button-disabled { display: none; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-next, .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .vca-fea-chain-swiper-next { right: 10px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-next::before, .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .vca-fea-chain-swiper-next::before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chevron-right'); } .swiper-rtl .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-next::before, .swiper-rtl .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .vca-fea-chain-swiper-next::before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chevron-left'); } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-prev, .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .vca-fea-chain-swiper-prev { left: 10px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-prev::before, .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .vca-fea-chain-swiper-prev::before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chevron-left'); } .swiper-rtl .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-button-prev::before, .swiper-rtl .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .vca-fea-chain-swiper-prev::before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#chevron-right'); } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-pagination { text-align: center; z-index: 2; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-pagination .swiper-pagination-bullet { border-radius: 50%; width: 5px; height: 5px; margin: 0 5px; background-color: #e6e6e6; opacity: 1; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #222222; } .vca-service-menu-revamp .vca-sm-item { padding-left: 10px; position: relative; vertical-align: middle; display: inline-block; float: left; } .vca-service-menu-revamp .vca-sm-item > .vca-icn-profile { display: none; } .vca-service-menu-revamp .vca-sm-item .vca-sm-link { color: #e6e6e6; } .vca-service-menu-revamp .vca-sm-item .vca-sm-link [class^='vca-icn-'] { vertical-align: text-bottom; height: 1.25rem; width: 1.25rem; opacity: 1; } .vca-service-menu-revamp .vca-sm-item .vca-sm-link [class^='vca-icn-'] + span { /* stylelint-disable-line max-nesting-depth */ margin-left: 10px; } .vca-service-menu-revamp .vca-sm-item .vca-sm-link [class^='vca-icn-']:hover { /* stylelint-disable-line max-nesting-depth */ } .vca-header-theme-color-lightbackground .vca-service-menu-revamp .vca-sm-item .vca-sm-link [class^='vca-icn-']:hover { /* stylelint-disable-line max-nesting-depth */ opacity: 1; } .vca-service-menu-revamp .vca-sm-item .vca-sm-link :before { vertical-align: bottom; height: 1.25rem; width: 1.25rem; } .vca-service-menu-revamp .vca-sm-item .vca-sm-link:hover, .vca-service-menu-revamp .vca-sm-item .vca-sm-link:active { filter: brightness(0.1) invert(0); } .vca-service-menu-revamp .vca-sm-item .vca-sm-link:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-service-menu-revamp .vca-sm-item:first-child { padding-left: 0; } .vca-service-menu-revamp .vca-sm-item.vca-sm-contact { display: inline-block; } .vca-service-menu-revamp .vca-sm-item.vca-minicart { /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ } .vca-service-menu-revamp .vca-sm-item.vca-minicart .vca-sm-link:hover, .vca-service-menu-revamp .vca-sm-item.vca-minicart .vca-sm-link:active { filter: none; } .vca-service-menu-revamp .vca-sm-item.vca-minicart .vca-sm-link:hover .vca-icn-bag-grey, .vca-service-menu-revamp .vca-sm-item.vca-minicart .vca-sm-link:active .vca-icn-bag-grey { filter: brightness(0.1); } .vca-service-menu-revamp .vca-sm-count { font-size: 0.625rem; border-radius: 10px; text-shadow: 0 0 2px #cccccc; -webkit-transition: opacity 300ms ease-out 0s; -moz-transition: opacity 300ms ease-out 0s; -ms-transition: opacity 300ms ease-out 0s; transition: opacity 300ms ease-out 0s; background-color: #ffffff; color: initial; opacity: 0.6; min-width: 8px; height: 11px; position: absolute; right: -5px; text-align: center; top: 7px; line-height: 0.7rem; } .vca-sm-wishlist .vca-service-menu-revamp .vca-sm-count { text-shadow: none; right: initial; } .vca-service-menu-revamp .vca-sm-count:empty { background: transparent; display: none; } .vca-header-theme-background-black .vca-service-menu-revamp .vca-sm-count { background-color: #000000; } .vca-header-theme-background-transparent .vca-service-menu-revamp .vca-sm-count { background-color: transparent; } .vca-header-theme-color-darkbackground .vca-service-menu-revamp .vca-sm-count, .vca-header-theme-color-lightbackground .vca-service-menu-revamp .vca-sm-count { opacity: 1; } .vca-service-menu-revamp .vca-reassurance-helper img { display: none; } .vca-service-menu-revamp .vca-super-wide-only { display: none; } .vca-service-menu-revamp .vca-cls-revamp__summary--header-wrapper { display: none; } @media only screen and (min-width: 600px) { .vca-sm-minicart-content { max-width: 300px; top: auto; } .vca-sm-minicart-content .vca-smm-item, .vca-sm-minicart-content .vca-smm-del-tax-info .vca-caption { letter-spacing: initial; } .vca-added .vca-sm-minicart-content .vca-smm-confirm-msg { text-align: left; } .vca-sm-minicart-wrapper { position: absolute; top: auto; right: 0; width: 360px; opacity: 0; } .vca-sm-active .vca-sm-minicart-wrapper, .vca-added .vca-sm-minicart-wrapper { opacity: 1; padding-top: 30px; } .vca-sm-active .vca-sm-minicart-wrapper::after, .vca-added .vca-sm-minicart-wrapper::after { content: none; } .vca-sm-active .vca-sm-minicart-wrapper .vca-sm-mc-header { display: none; } .vca-sm-wishlist .vca-sm-count { text-shadow: 0 0 2px #cccccc; right: -3px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item { padding: 30px 40px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-checkout-btn-container { padding: 20px 40px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-tax { padding: 20px 40px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-row { margin-left: 60px; margin-right: 60px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-arrow:hover::before { position: initial; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-next { right: 50px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-prev { left: 50px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-add-cart-cta-wrapper { padding: 15px 40px 0 40px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item-added-label-carousel { padding: 20px 40px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-slide .vca-fea-chain-add-cart-cta-wrapper { padding: 0 40px; } .vca-sm-search--left { left: 75px; } } @media only screen and (min-width: 900px) { .vca-sm-item { display: inline-block; } .vca-sm-item .vca-logged-out { display: none; } .vca-sm-item.vca-sm-contact { display: none; } .vca-sm-link [class^='vca-icn-'] { -webkit-transition: opacity 300ms ease-out 0s; -moz-transition: opacity 300ms ease-out 0s; -ms-transition: opacity 300ms ease-out 0s; transition: opacity 300ms ease-out 0s; opacity: 0.5; } .vca-sm-link [class^='vca-icn-']:hover, .vca-sm-link [class^='vca-icn-']:focus, .vca-sm-link [class^='vca-icn-']:active { opacity: 1; } .vca-sm-link [class^='vca-icn-'] > span { margin-left: 0; } .vca-reassurance-helper .vca-link [class^='vca-icn-'] { -webkit-transition: opacity 300ms ease-out 0s; -moz-transition: opacity 300ms ease-out 0s; -ms-transition: opacity 300ms ease-out 0s; transition: opacity 300ms ease-out 0s; opacity: 0.6; } .vca-reassurance-helper .vca-link:hover { color: #222222; } .vca-reassurance-helper .vca-link:hover [class^='vca-icn-'] { opacity: 1; } .vca-navigation-footer .vca-sm-search-link { display: inline-block; } .vca-navigation-footer .vca-sm-profile, .vca-navigation-footer .vca-sm-minicart, .vca-navigation-footer .vca-sm-wishlist { display: inline-block; width: auto; margin: 0; } .vca-navigation-footer .vca-sm-profile .visually-hidden, .vca-navigation-footer .vca-sm-minicart .visually-hidden, .vca-navigation-footer .vca-sm-wishlist .visually-hidden { position: absolute; margin: -1; } .vca-navigation-footer .vca-logged-out { display: none; } .vca-sm-search--left { position: static; } .vca-sm-minicart-content { position: absolute; width: 360px; max-width: none; } .vca-sm-minicart-content .vca-mini-cart-np { margin: 0 20px 20px 20px; } .vca-sm-minicart-content .vca-mini-cart-np .vca-cc-product { margin: 0; width: 50%; min-width: 50%; } .vca-cc-category .vca-sm-minicart-content .vca-mini-cart-np .vca-ccp-link { padding: unset; } .vca-sm-minicart:not(.vca-added) .vca-smm-close { display: none; } .vca-sm-active .vca-sm-minicart-wrapper { display: block; } .vca-sm-hover .vca-sm-minicart-wrapper { visibility: visible; } .vca-navigation-footer .visually-hidden { position: absolute; margin: -1; } .vca-smm-confirm-msg { font-size: 0.8125000000000001rem; line-height: 1.53846154; } .vca-chain-secondary-enabled { height: 388px; } .vca-chain-secondary-enabled .vca-smm-chain-list-cta { padding-bottom: 0; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item { padding: 30px 50px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-checkout-btn-container { padding: 20px 50px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-tax { padding: 20px 50px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-row { margin-left: 70px; margin-right: 70px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-next { right: 80px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-prev { left: 80px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-add-cart-cta-wrapper { padding: 15px 50px 0 50px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item-added-label-carousel { padding: 20px 50px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper:hover .swiper-button-next, .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper:hover .swiper-button-prev { opacity: 1; visibility: visible; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-slide .vca-fea-chain-add-cart-cta-wrapper { padding: 0 50px; } .vca-service-menu-revamp .vca-sm-item { padding-left: 20px; } .vca-service-menu-revamp .vca-sm-item .vca-logged-out { display: none; } .vca-service-menu-revamp .vca-sm-item .vca-sm-profile, .vca-service-menu-revamp .vca-sm-item .vca-sm-store { display: none; } .vca-service-menu-revamp .vca-sm-link [class^='vca-icn-'] { -webkit-transition: opacity 300ms ease-out 0s; -moz-transition: opacity 300ms ease-out 0s; -ms-transition: opacity 300ms ease-out 0s; transition: opacity 300ms ease-out 0s; } .vca-service-menu-revamp .vca-sm-link [class^='vca-icn-'] > span { margin-left: 0; } .vca-service-menu-revamp .vca-reassurance-helper .vca-link [class^='vca-icn-'] { -webkit-transition: opacity 300ms ease-out 0s; -moz-transition: opacity 300ms ease-out 0s; -ms-transition: opacity 300ms ease-out 0s; transition: opacity 300ms ease-out 0s; opacity: 0.6; } .vca-service-menu-revamp .vca-reassurance-helper .vca-link:hover { color: #222222; } .vca-service-menu-revamp .vca-reassurance-helper .vca-link:hover [class^='vca-icn-'] { /* stylelint-disable-line max-nesting-depth */ opacity: 1; } .vca-service-menu-revamp .vca-cls-revamp__summary--header-wrapper { display: block; } } @media only screen and (min-width: 1200px) { .vca-service-menu-revamp .vca-sm-item { display: inline-block; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item { padding: 30px 60px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-checkout-btn-container { padding: 20px 60px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-tax { padding: 20px 60px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-row { margin-left: 80px; margin-right: 80px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-next { right: 95px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-collection-carousel-gallery .vca-slick-prev { left: 95px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-add-cart-cta-wrapper { padding: 15px 60px 0 60px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-smm-panel-item-added-label-carousel { padding: 20px 60px; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper:hover .swiper-button-next, .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper:hover .swiper-button-prev { opacity: 1; visibility: visible; } .vca-lightbox .vca-fea-minicart-lightbox .vca-fea-chain-swiper .swiper-slide .vca-fea-chain-add-cart-cta-wrapper { padding: 0 60px; } } /* searchServiceMenuRevamp.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-search-service-menu { -webkit-flex: auto; -ms-flex: auto; flex: auto; } .vca-search-service-menu .vca-navigation-main-link { display: none; } .vca-search-service-menu .vca-sm-search-link:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-search-service-menu .vca-sm-search-link.vca-sm-link [class^='vca-icn-'] { opacity: 1; } .vca-search-service-menu .vca-sm-search-link .vca-navigation-main-link { color: #666666; } .vca-header-theme-color-white .vca-search-service-menu .vca-sm-search-link .vca-navigation-main-link, .vca-header-theme-color-darkbackground .vca-search-service-menu .vca-sm-search-link .vca-navigation-main-link { color: #cccccc; } .vca-header-theme-color-white .vca-search-service-menu .vca-sm-search-link .vca-navigation-main-link:hover, .vca-header-theme-color-darkbackground .vca-search-service-menu .vca-sm-search-link .vca-navigation-main-link:hover { /* stylelint-disable-line max-nesting-depth */ color: #ffffff; } .vca-search-service-menu .vca-sm-search-link:hover .vca-navigation-main-link { /* stylelint-disable */ color: #222222; } .vca-header-theme-color-white .vca-search-service-menu .vca-sm-search-link:hover .vca-navigation-main-link, .vca-header-theme-color-darkbackground .vca-search-service-menu .vca-sm-search-link:hover .vca-navigation-main-link { color: #ffffff; opacity: 1; } .vca-search-service-menu .vca-sm-search-link:hover [class^='vca-icn-'] { filter: brightness(0.1) invert(0); } .vca-header-theme-color-white .vca-search-service-menu .vca-sm-search-link:hover [class^='vca-icn-'], .vca-header-theme-color-darkbackground .vca-search-service-menu .vca-sm-search-link:hover [class^='vca-icn-'] { filter: brightness(0) invert(1); opacity: 1; } .vca-search-service-menu .vca-sm-search-btn { border-width: 0; line-height: 20px; padding: 0; } .vca-search-service-menu .vca-sm-search-btn:hover, .vca-search-service-menu .vca-sm-search-btn:focus { box-shadow: none; } .vca-search-service-menu .vca-sm-search-btn:hover { border: 0; outline: 0; outline-color: transparent; } .vca-search-service-menu .vca-sm-item.vca-sm-search--left { position: static; padding-left: 10px; } .vca-search-service-menu .vca-sm-item .vca-sm-link .vca-icn-search-grey { opacity: 1; } .vca-search-service-menu .vca-sm-item .vca-sm-link .vca-icn-search-grey:hover, .vca-search-service-menu .vca-sm-item .vca-sm-link .vca-icn-search-grey:active, .vca-search-service-menu .vca-sm-item .vca-sm-link .vca-icn-search-grey:focus { filter: brightness(0.1) invert(0); } .vca-header-theme-color-white .vca-search-service-menu .vca-sm-item .vca-sm-link .vca-icn-search-grey:hover, .vca-header-theme-color-darkbackground .vca-search-service-menu .vca-sm-item .vca-sm-link .vca-icn-search-grey:hover { filter: brightness(0) invert(1); } @media only screen and (min-width: 600px) { .vca-search-service-menu .vca-navigation-main-link { display: inline-block; } } @media only screen and (min-width: 900px) { .vca-search-service-menu .vca-sm-item.vca-sm-search--left { padding-left: 20px; } } .vca-nr-menu-highlight .vca-highlight-card-link { width: 100%; } .vca-nr-menu-highlight .vca-nr-menu-highlight-list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-row-gap: 20px; -moz-row-gap: 20px; row-gap: 20px; } .vca-nr-menu-highlight .vca-highlight-card { position: relative; } .vca-nr-menu-highlight .vca-transform-picture-tag, .vca-nr-menu-highlight .vca-highlight-card-video-wrapper { height: 100%; width: 100%; min-height: 80px; display: inline-block; aspect-ratio: 1.77777778; } .vca-nr-menu-highlight .vca-highlight-card-video-wrapper { overflow: hidden; } .vca-nr-menu-highlight .vca-highlight-card-video { width: 100%; height: 100%; object-fit: cover; } .vca-nr-menu-highlight .vca-highlight-card-title { position: absolute; color: #ffffff; width: 100%; z-index: 1; padding: 20px 15px 0; } .vca-nr-menu-collection .vca-nr-menu-collection-wrapper { margin: 0 -20px; width: calc(100% + 40px); } .vca-nr-menu-collection .vca-nr-menu-collection-list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .vca-nr-menu-collection .vca-collection-card { width: 50%; padding: 0 10px 20px 10px; } .vca-nr-menu-collection .vca-collection-card-link { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; width: 100%; height: 100%; } .vca-nr-menu-collection .vca-collection-card-title { color: #222222; padding-bottom: 20px; } .vca-nr-menu-collection .vca-transform-picture-tag { margin: 0 auto; height: 125px; width: 125px; } @media only screen and (min-width: 600px) { .vca-nr-menu-collection .vca-nr-menu-collection-wrapper { margin: 0 -40px; width: calc(100% + 80px); } } @media only screen and (min-width: 900px) { .vca-nr-menu-collection .vca-nr-menu-collection-wrapper { margin: 0 -50px; width: calc(100% + 100px); } .vca-nr-menu-collection .vca-collection-card-grid-triple { width: 33.33%; } .vca-nr-menu-collection .vca-collection-card-grid-triple .vca-transform-picture-tag { height: 76px; width: 76px; } } @media only screen and (min-width: 1200px) { .vca-nr-menu-collection .vca-nr-menu-collection-wrapper { margin: 0 -30px; width: calc(100% + 60px); } } /* navigationFooterRevamp.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-navigation-revamp .vca-navigation-footer-revamp { margin-top: auto; padding-top: 50px; margin-bottom: 20px; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor { font-size: 0.8125000000000001rem; line-height: 1.5; text-transform: uppercase; letter-spacing: 1.43px; color: #666666; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, :lang(ru) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, :lang(ar) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, :lang(ja) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, :lang(ko) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, :lang(zh) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor { font-size: 0.9375rem; line-height: 1.33333333; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, :lang(ru) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, :lang(ar) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, :lang(ja) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, :lang(ko) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, :lang(zh) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor b, :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor { font-size: 0.9375rem; line-height: 1.33333333; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor.vca-hide-on-mobile { display: none; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor .vca-icn-arrow-right { filter: none; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor:hover { color: #222222; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor:hover .vca-icn-arrow-right { /* stylelint-disable-line max-nesting-depth */ filter: brightness(0.5); } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-header-revamp-footer { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-header-revamp-footer .vca-footer-revamp-myaccount.vca-sm-link { /* stylelint-disable-line max-nesting-depth */ color: #666666; background-color: transparent; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-header-revamp-footer .vca-footer-revamp-myaccount.vca-sm-link .vca-icn-arrow-right { /* stylelint-disable-line max-nesting-depth */ opacity: 1; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-header-revamp-footer .vca-footer-revamp-myaccount.vca-sm-link:hover { /* stylelint-disable-line max-nesting-depth */ color: #222222; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-header-revamp-footer .vca-footer-revamp-myaccount.vca-sm-link:hover .vca-icn-arrow-right { /* stylelint-disable-line max-nesting-depth */ filter: brightness(0.5); } .vca-navigation-revamp .vca-navigation-footer-revamp .country-language-selector { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-link { padding-bottom: 15px; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details { font-size: 0.8125000000000001rem; line-height: 1.5; text-transform: uppercase; letter-spacing: 1.43px; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, :lang(ru) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, :lang(ar) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, :lang(ja) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, :lang(ko) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, :lang(zh) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details { font-size: 0.9375rem; line-height: 1.33333333; } .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, :lang(ru) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, :lang(ar) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, :lang(ja) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, :lang(ko) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, :lang(zh) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details b, :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-footer-revamp .vca-concierge-details { font-size: 0.9375rem; line-height: 1.33333333; } .vca-navigation-revamp .vca-slider-inner { overflow: auto; } .vca-navigation-revamp .vca-navigation-l1-revamp { height: 100%; } .vca-navigation-revamp .vca-cls .vca-slider-column.vca-active { width: 100%; padding: 20px; z-index: 4; } .vca-navigation-revamp .vca-cls .vca-slider-column.vca-active .vca-slider-header { display: flex; padding-left: 0; } .vca-navigation-revamp .vca-cls .vca-slider-close:focus-visible, .vca-navigation-revamp .vca-cls .vca-slider-title:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-toggle-butterfly-animations { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; -webkit-align-self: stretch; -ms-flex-item-align: stretch; /* 1 */ align-self: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 25px; } .vca-toggle-butterfly-animations-label { -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; color: #666666; } .vca-toggle-butterfly-animations-toggle { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-align-items: flex-end; align-items: flex-end; position: relative; gap: 10px; padding-top: 2px; } .vca-toggle-butterfly-animations-checkbox[type='checkbox']:empty { position: absolute; z-index: 1; inset: 0; min-width: 36px; min-height: 28px; margin: 0; padding: 0; opacity: 0; cursor: pointer; left: 0; } .vca-toggle-butterfly-animations-slider { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; width: 36px; padding: 3px; gap: 2px; border-radius: 999px; border: 1px solid #e6e6e6; background: #f5f5f5; cursor: pointer; } .vca-toggle-butterfly-animations-slider:before { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -ms-transition: transform 0.4s; transition: transform 0.4s; border-radius: 9999px; width: 14px; height: 14px; flex-shrink: 0; aspect-ratio: 1; background: #666666; content: ''; } .vca-toggle-butterfly-animations-toggle:focus-within .vca-toggle-butterfly-animations-slider { border-color: #222222; } .vca-toggle-butterfly-animations .vca-toggle-butterfly-animations-checkbox:checked + .vca-toggle-butterfly-animations-slider { border-color: #929292; background: #666666; } .vca-toggle-butterfly-animations .vca-toggle-butterfly-animations-checkbox:checked + .vca-toggle-butterfly-animations-slider:before { -webkit-transform: translateX(15px); transform: translateX(15px); background: #ffffff; } .vca-disable-butterfly-animation .vca-butterfly-animation { display: none; } @media only screen and (min-width: 600px) { .vca-navigation-revamp .vca-navigation-footer-revamp .vca-navigation-anchor.vca-hide-on-mobile { display: block; } .vca-navigation-revamp .vca-cls .vca-slider-column.vca-active { padding: 20px 40px 0; } } @media only screen and (min-width: 900px) { .vca-navigation-revamp .vca-navigation-footer-revamp { margin-bottom: 30px; } } @media only screen and (min-width: 1200px) { .vca-navigation-revamp .vca-slider-column[data-level='1'] > .vca-slider-inner .vca-cls-wrapper { padding: 0; } } /* navigationRevamp.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ /* stylelint-disable */ .vca-navigation { -webkit-flex: 1; -ms-flex: 1; flex: 1; } .vca-navigation-burger { display: inline-block; overflow: hidden; padding: 10px 15px 10px 0; } .vca-navigation-burger.vca-anchor-btn { max-width: 40px; } .vca-header-theme-color-darkbackground .vca-navigation-burger .vca-icn-menu:before { filter: brightness(100); } .vca-header-theme-color-lightbackground .vca-navigation-burger .vca-icn-menu:before { filter: brightness(0.1); } .vca-navigation-anchor { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; color: #222222; padding: 5px 0; padding-right: 20px; } .vca-navigation-anchor.vca-anchor-btn { margin: 0; text-align: left; } .vca-navigation-item { display: inline-block; } .vca-navigation-item:first-child { margin-right: 25px; } .vca-navigation-main-link { text-transform: uppercase; } .vca-navigation-links[data-col-layout='double'] { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; margin-bottom: 10px; min-height: auto; } .vca-navigation-links[data-col-layout='double'] .vca-navigation-anchor { color: #7d7d7d; padding: 7px 0; } .vca-navigation-links[data-col-layout='double'] .vca-navigation-anchor.vca-section { font-size: 0.8125000000000001rem; line-height: 1.53846154; text-transform: uppercase; color: #757575; letter-spacing: 1.5px; } :lang(ar) .vca-navigation-links[data-col-layout='double'] .vca-navigation-anchor.vca-section { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-navigation-links[data-col-layout='double'] .vca-navigation-anchor.vca-section { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-navigation-links[data-col-layout='double'] .vca-navigation-anchor.vca-section { font-size: 0.9375rem; line-height: 1.33333333; } :lang(ar) .vca-navigation-links[data-col-layout='double'] .vca-navigation-anchor.vca-section { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-navigation-links[data-col-layout='double'] .vca-navigation-anchor.vca-section { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-navigation-links[data-col-layout='double'] .vca-navigation-anchor.vca-section { font-size: 0.9375rem; line-height: 1.33333333; } .vca-navigation-links[data-col-layout='double'] .vca-navigation-anchor:hover { text-decoration: none; color: #222222; } .vca-navigation-link-divider hr { border: 0; border-top: 1px solid; color: #cccccc; float: left; width: 80px; } .vca-navigation-all-creations { color: #7d7d7d; margin-bottom: 30px; } .vca-navigation .vca-content-card { border-top: 1px solid #e6e6e6; margin-bottom: 20px; padding-top: 20px; } .vca-navigation-l1:not([hidden]) { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; -ms-flex-align: stretch; -ms-align-items: stretch; align-items: stretch; } .vca-navigation-l1 .vca-navigation-header { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: auto; } .vca-navigation-l1 .vca-navigation-footer .vca-navigation-anchor { padding: 7px 0; } .vca-navigation-l1 .vca-navigation-footer .vca-navigation-anchor:hover, .vca-navigation-l1 .vca-navigation-footer .vca-navigation-anchor:focus { color: #222222; } .vca-navigation-l1 .vca-navigation-footer .vca-sm-search { display: none; } .vca-navigation-l1 .vca-navigation-footer .vca-cls .vca-cls-summary { width: calc(100% - 30px); display: inline-block; } .vca-navigation-l1 .vca-navigation-footer .vca-cls .vca-icn-arrow-right { top: 5px; } .vca-navigation-l1 .vca-navigation-links { margin-bottom: 30px; } .vca-navigation-l1 .vca-navigation-hrztl-card .vca-ac-tc .vca-ac-theme, .vca-navigation-l1 .vca-navigation-hrztl-card .vca-ac-tc .vca-ac-il { width: 100%; } .vca-navigation-l2 .vca-content-card { border-top: 0; margin-bottom: 0; padding-top: 0; } .vca-navigation-l2 .vca-cards-list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .vca-navigation-l2 .vca-cards-item { border: 1px solid #e6e6e6; margin-left: -1px; margin-top: -1px; overflow-wrap: break-word; padding: 10px; width: calc(50% + 1px); } .vca-navigation-l3 .vca-cards-list { margin: 0; } .vca-navigation-l3 .vca-cards-item { margin: 0 0 10px; width: 100%; } .vca-navigation-l2, .vca-navigationl3 { padding-top: 10px; } .vca-navigation-footer .vca-navigation-anchor, .vca-navigation-footer .vca-sm-link { display: block; color: #7d7d7d; } .vca-navigation-footer .vca-navigation-anchor.vca-hide, .vca-navigation-footer .vca-sm-link.vca-hide { display: none; } .vca-navigation-footer .vca-navigation-anchor [class^='vca-icn-'] { top: 2px; } .vca-navigation-footer .vca-navigation-anchor:before { height: 1rem; width: 1rem; } .vca-navigation-footer .vca-navigation-anchor:hover { color: #e6e6e6; } .vca-navigation-footer .vca-service-menu { color: #7d7d7d; margin-bottom: 40px; } .vca-navigation-footer .vca-sm-label { display: inline-block; } .vca-navigation-footer .vca-sm-item { padding: 0; margin-bottom: 5px; } .vca-navigation-footer .vca-sm-item.vca-sm-profile, .vca-navigation-footer .vca-sm-item.vca-sm-wishlist, .vca-navigation-footer .vca-sm-item.vca-sm-minicart, .vca-navigation-footer .vca-sm-item.vca-sm-search { display: block; } .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count { font-size: initial; } .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before, .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after { height: 0.7rem; width: 0.7rem; vertical-align: baseline; } .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before { font-size: 0.8125000000000001rem; line-height: 1.53846154; content: '('; display: inline-block; } .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, :lang(ru) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, :lang(ar) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, :lang(ja) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, :lang(ko) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, :lang(zh) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, :lang(zh-Hant) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, :lang(ru) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, :lang(ar) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, :lang(ja) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, :lang(ko) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, :lang(zh) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before b, :lang(zh-Hant) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::before strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after { font-size: 0.8125000000000001rem; line-height: 1.53846154; content: ')'; display: inline-block; } .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, :lang(ru) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, :lang(ar) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, :lang(ja) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, :lang(ko) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, :lang(zh) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, :lang(zh-Hant) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, :lang(ru) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, :lang(ar) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, :lang(ja) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, :lang(ko) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, :lang(zh) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after b, :lang(zh-Hant) .vca-navigation-footer .vca-sm-item.vca-sm-wishlist .vca-sm-count::after strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-navigation-footer .vca-sm-count { color: #7d7d7d; position: relative; top: auto; font-size: initial; } .vca-navigation .vca-slider-inner { height: calc(100% - 60px); } .vca-navigation .vca-slider-inner > :not( :nth-child(2)) .vca-service-menu { display: none; } .vca-navigation .vca-slider-column { height: 100%; } .vca-navigation .vca-slider-column .visually-hidden { position: absolute; } .vca-navigation .vca-slider-column .vca-sm-minicart .visually-hidden, .vca-navigation .vca-slider-column .vca-sm-profile .visually-hidden, .vca-navigation .vca-slider-column .vca-sm-wishlist .visually-hidden, .vca-navigation .vca-slider-column .vca-sm-store .visually-hidden { position: relative; } .vca-navigation .vca-slider-column.vca-active { box-shadow: none; } .vca-navigation .vca-slider-column.vca-active .vca-nc .vca-nc-anch { -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; } .vca-navigation .vca-slider-column.vca-active .vca-nc .vca-nc-anch .vca-nc-text-container { margin-left: 0; width: 180%; } .vca-navigation .vca-tabs-list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: 0; text-align: left; width: 100%; height: 60px; } .vca-navigation .vca-tabs-list .vca-tabs-button { border-bottom: 0; height: 40px; margin: 0 10px 0 0; outline: 0; } .vca-navigation .vca-tabs-list .vca-tabs-button:first-child { padding-left: 0; } .vca-navigation .vca-tabs-list .vca-tabs-button:hover { outline: 0; } .vca-navigation .vca-tabs-panel { height: 100%; } .vca-navigation .vca-navigation-tabs .vca-tabs-panel { opacity: 0; } .vca-navigation .vca-navigation-tabs.vca-active .vca-tabs-panel { opacity: 1; -webkit-transition: opacity 600ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s; -moz-transition: opacity 600ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s; -ms-transition: opacity 600ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s; transition: opacity 600ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s; } .vca-tabs-panel:last-child .vca-service-menu { display: none; } .vca-navigation-hrztl-card { width: 100%; height: 100%; margin-bottom: 50px; } .vca-navigation-hrztl-card .vca-row, .vca-navigation-hrztl-card .vca-nc-text-container { margin: 0; } .vca-navigation-hrztl-card .vca-ac, .vca-navigation-hrztl-card .vca-nc-anch { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: 0; padding-top: 20px; border-top: 1px solid #e6e6e6; width: 100%; } .vca-navigation-hrztl-card .vca-ac picture:before, .vca-navigation-hrztl-card .vca-nc-anch picture:before { content: none; } .vca-navigation-hrztl-card .vca-ac-il { color: #222222; } .vca-navigation-hrztl-card .vca-ac-tc, .vca-navigation-hrztl-card .vca-nc-text-container { padding-left: 15px; text-align: left; } .vca-navigation-hrztl-card .vca-nav-histoires-card .vca-ac-title { text-align: left; } .vca-navigation-hrztl-card .vca-ac-theme { margin: 0; } .vca-navigation-hrztl-card .vca-ac-title, .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.1250000000000002rem; line-height: 1.38888889; } :lang(ru) .vca-navigation-hrztl-card .vca-ac-title, :lang(ru) .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-navigation-hrztl-card .vca-ac-title, :lang(ar) .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-navigation-hrztl-card .vca-ac-title, :lang(ja) .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-navigation-hrztl-card .vca-ac-title, :lang(ko) .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-navigation-hrztl-card .vca-ac-title, :lang(zh) .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-navigation-hrztl-card .vca-ac-title, :lang(zh-Hant) .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ar) .vca-navigation-hrztl-card .vca-ac-title, :lang(ar) .vca-navigation-hrztl-card .vca-nc-title { font-size: 1.25rem; line-height: 1.25; } :lang(ru) .vca-navigation-hrztl-card .vca-ac-title, :lang(ru) .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-navigation-hrztl-card .vca-ac-title, :lang(ar) .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-navigation-hrztl-card .vca-ac-title, :lang(ja) .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-navigation-hrztl-card .vca-ac-title, :lang(ko) .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-navigation-hrztl-card .vca-ac-title, :lang(zh) .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-navigation-hrztl-card .vca-ac-title, :lang(zh-Hant) .vca-navigation-hrztl-card .vca-nc-title { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ar) .vca-navigation-hrztl-card .vca-ac-title, :lang(ar) .vca-navigation-hrztl-card .vca-nc-title { font-size: 1.25rem; line-height: 1.25; } .vca-navigation-tabs .vca-navigation-hrztl-card .vca-ac-title, .vca-navigation-tabs .vca-navigation-hrztl-card .vca-nc-title { text-align: left; } .vca-nav-cc-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border-top: 1px solid #e6e6e6; padding: 20px 0; } .vca-nav-cc-wrapper .vca-nav-cc-img-wrapper { max-width: 120px; width: 100%; } .vca-nav-cc-wrapper .vca-nav-cc-text-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 15px; } _:-ms-fullscreen, :root .vca-navigation-links[data-col-layout='double'] { height: 300px; } .vca-cls-country .vca-cls-ddl-link .vca-ui { line-height: 18px; } .vca-navigation-gradient { position: -webkit-sticky; position: sticky; min-height: 40px; bottom: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } .vca-navigation-revamp.vca-navigation { -webkit-flex: none; -ms-flex: none; flex: none; } .vca-navigation-revamp .vca-navigation-burger-close { text-align: left; padding-left: 8px; width: 100%; } .vca-navigation-revamp .vca-navigation-burger-close:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-navigation-revamp .vca-navigation-burger-close .vca-navigation-close-text { color: #666666; } .vca-navigation-revamp .vca-navigation-burger-close:hover:before { filter: brightness(0.8); } .vca-navigation-revamp .vca-navigation-burger-close:hover .vca-navigation-close-text { color: #222222; } .vca-navigation-revamp .vca-navigation-l1-revamp .vca-navigation-links { margin-bottom: 0; } .vca-navigation-revamp .vca-slider-column { padding: 20px 0 0 0; } .vca-navigation-revamp .vca-slider-inner, .vca-navigation-revamp .vca-slider-column-revamp { width: 100%; padding-top: 0; } .vca-navigation-revamp .vca-slider-inner { padding-left: 20px; padding-right: 20px; } .vca-navigation-revamp .vca-slider-close:focus { outline: 0; } .vca-navigation-revamp .vca-navigation-burger { display: inline-block; overflow: hidden; padding: 10px 0; } .vca-navigation-revamp .vca-navigation-burger.vca-anchor-btn { max-width: 40px; } .vca-navigation-revamp .vca-navigation-burger .vca-icn-menu-grey:hover, .vca-navigation-revamp .vca-navigation-burger .vca-icn-menu-grey:active, .vca-navigation-revamp .vca-navigation-burger .vca-icn-menu-grey:focus { filter: brightness(0.1) invert(0); } .vca-navigation-revamp .vca-navigation-anchor { padding: 0; max-width: 100%; } .vca-navigation-revamp .vca-navigation-anchor .vca-icn-arrow-right { filter: brightness(0.5) invert(0); } .vca-navigation-revamp .vca-navigation-anchor:hover, .vca-navigation-revamp .vca-navigation-anchor:active { color: #757575; } .vca-navigation-revamp .vca-navigation-anchor:hover .vca-icn-arrow-right, .vca-navigation-revamp .vca-navigation-anchor:active .vca-icn-arrow-right { filter: none; } .vca-navigation-revamp .vca-navigation-anchor.vca-navigation-anchor-active { color: #222222; } .vca-navigation-revamp .vca-navigation-anchor.vca-navigation-anchor-active .vca-icn-arrow-right { filter: brightness(0.5) invert(0); } .vca-navigation-revamp .vca-navigation-anchor.vca-navigation-anchor-inactive { color: #757575; } .vca-navigation-revamp .vca-navigation-anchor.vca-navigation-anchor-inactive .vca-icn-arrow-right { filter: none; } .vca-navigation-revamp .vca-navigation-anchor.vca-navigation-anchor-inactive:hover { color: #222222; } .vca-navigation-revamp .vca-navigation-anchor.vca-navigation-anchor-inactive:hover .vca-icn-arrow-right { /* stylelint-disable-line max-nesting-depth */ filter: brightness(0.5) invert(0); } .vca-navigation-revamp .vca-navigation-link { padding-bottom: 20px; } .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-link { padding-bottom: 15px; } .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor { font-size: 0.8125000000000001rem; line-height: 1.5; text-transform: uppercase; letter-spacing: 1.43px; color: #666666; } .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, :lang(ru) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, :lang(ar) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, :lang(ja) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, :lang(ko) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, :lang(zh) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor { font-size: 0.9375rem; line-height: 1.33333333; } .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, :lang(ru) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, :lang(ar) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, :lang(ja) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, :lang(ko) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, :lang(zh) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor b, :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor { font-size: 0.9375rem; line-height: 1.33333333; } .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor .vca-icn-arrow-right { /* stylelint-disable no-descending-specificity */ filter: none; } .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor:hover, .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor:focus, .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor:active { color: #222222; } .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor:hover .vca-icn-arrow-right, .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor:focus .vca-icn-arrow-right, .vca-navigation-revamp .vca-navigation-l2-revamp .vca-navigation-anchor:active .vca-icn-arrow-right { /* stylelint-disable-line max-nesting-depth */ filter: brightness(0.5) invert(0); } .vca-navigation-revamp .vca-navigation-l2-revamp, .vca-navigation-revamp .vca-navigation-l3-revamp { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; } .vca-navigation-revamp .vca-slider-title { font-size: 0.8125000000000001rem; line-height: 1.5; text-transform: uppercase; letter-spacing: 1.43px; text-align: left; color: #666666; } .vca-navigation-revamp .vca-slider-title b, .vca-navigation-revamp .vca-slider-title strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-navigation-revamp .vca-slider-title b, :lang(ru) .vca-navigation-revamp .vca-slider-title strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-slider-title b, :lang(ar) .vca-navigation-revamp .vca-slider-title strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-navigation-revamp .vca-slider-title b, :lang(ja) .vca-navigation-revamp .vca-slider-title strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-navigation-revamp .vca-slider-title b, :lang(ko) .vca-navigation-revamp .vca-slider-title strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-navigation-revamp .vca-slider-title b, :lang(zh) .vca-navigation-revamp .vca-slider-title strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-navigation-revamp .vca-slider-title b, :lang(zh-Hant) .vca-navigation-revamp .vca-slider-title strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-slider-title { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-navigation-revamp .vca-slider-title { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-navigation-revamp .vca-slider-title { font-size: 0.9375rem; line-height: 1.33333333; } .vca-navigation-revamp .vca-slider-title b, .vca-navigation-revamp .vca-slider-title strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-navigation-revamp .vca-slider-title b, :lang(ru) .vca-navigation-revamp .vca-slider-title strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-slider-title b, :lang(ar) .vca-navigation-revamp .vca-slider-title strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-navigation-revamp .vca-slider-title b, :lang(ja) .vca-navigation-revamp .vca-slider-title strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-navigation-revamp .vca-slider-title b, :lang(ko) .vca-navigation-revamp .vca-slider-title strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-navigation-revamp .vca-slider-title b, :lang(zh) .vca-navigation-revamp .vca-slider-title strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-navigation-revamp .vca-slider-title b, :lang(zh-Hant) .vca-navigation-revamp .vca-slider-title strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-navigation-revamp .vca-slider-title { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-navigation-revamp .vca-slider-title { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-navigation-revamp .vca-slider-title { font-size: 0.9375rem; line-height: 1.33333333; } .vca-navigation-revamp .vca-slider-column-revamp .vca-slider-title { font-size: 1rem; text-transform: uppercase; letter-spacing: 1.9px; color: #222222; } :lang(ar) .vca-navigation-revamp .vca-slider-column-revamp .vca-slider-title { font-size: 1.3750000000000002rem; letter-spacing: initial; } :lang(ar) .vca-navigation-revamp .vca-slider-column-revamp .vca-slider-title { font-size: 1.3750000000000002rem; letter-spacing: initial; } .vca-navigation-revamp .vca-slider-column-revamp .vca-icn-arrow-left { filter: brightness(0.5) invert(0); } .vca-navigation-revamp .vca-slider-column[data-level='1'] { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 350ms cubic-bezier(0.5, 0, 0.8, 0.25), visibility 400ms; transition: transform 350ms cubic-bezier(0.5, 0, 0.8, 0.25), visibility 400ms; background-color: #ffffff; } .vca-navigation-revamp .vca-slider-column[data-level='1'].vca-active { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: transform 600ms cubic-bezier(0.03, 0.48, 0.25, 0.98), visibility 400ms; transition: transform 600ms cubic-bezier(0.03, 0.48, 0.25, 0.98), visibility 400ms; } .vca-navigation-revamp .vca-slider-column[data-level='1'].vca-slider-top-animation { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: transform 400ms cubic-bezier(0.5, 0, 0.8, 0.25), visibility 200ms, background-color 600ms; transition: transform 400ms cubic-bezier(0.5, 0, 0.8, 0.25), visibility 200ms, background-color 600ms; background-color: transparent; } .vca-navigation-revamp .vca-slider-column[data-level='1'].vca-slider-top-animation.vca-active { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: transform 600ms cubic-bezier(0.03, 0.48, 0.25, 0.98), visibility 400ms, background-color 400ms; transition: transform 600ms cubic-bezier(0.03, 0.48, 0.25, 0.98), visibility 400ms, background-color 400ms; background-color: #ffffff; } .vca-navigation-revamp .vca-slider-column[data-level='1'].vca-slider-stack-before { z-index: -2; } .vca-navigation-revamp .vca-slider-column[data-level='1'] .vca-navigation-links-revamp { padding-right: 0; } .vca-navigation-revamp .vca-slider-column[data-level='1'] > .vca-slider-header { display: none; } .vca-navigation-revamp .vca-slider-column[data-level='1'] > .vca-slider-header .vca-navigation-burger-close { margin: 0; } .vca-navigation-revamp .vca-slider-column[data-level='2'], .vca-navigation-revamp .vca-slider-column[data-level='3'] { -webkit-transition: transform 350ms cubic-bezier(0.5, 0, 0.8, 0.25), visibility 400ms; transition: transform 350ms cubic-bezier(0.5, 0, 0.8, 0.25), visibility 400ms; padding-bottom: 60px; } .vca-navigation-revamp .vca-slider-column[data-level='2'].vca-active, .vca-navigation-revamp .vca-slider-column[data-level='3'].vca-active { -webkit-transition: transform 600ms cubic-bezier(0.03, 0.48, 0.25, 0.98), visibility 400ms; transition: transform 600ms cubic-bezier(0.03, 0.48, 0.25, 0.98), visibility 400ms; } .vca-navigation-revamp .vca-slider-column[data-level='2'].vca-slider-stack-before, .vca-navigation-revamp .vca-slider-column[data-level='3'].vca-slider-stack-before { z-index: -2; } .vca-navigation-revamp .vca-slider-column[data-level='2'] .vca-navigation-links-revamp, .vca-navigation-revamp .vca-slider-column[data-level='3'] .vca-navigation-links-revamp { padding-right: 0; } .vca-navigation-revamp .vca-slider-column[data-level='2'].vca-slider-top-animation, .vca-navigation-revamp .vca-slider-column[data-level='3'].vca-slider-top-animation { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: transform 400ms cubic-bezier(0.5, 0, 0.8, 0.25), visibility 200ms, background-color 600ms; transition: transform 400ms cubic-bezier(0.5, 0, 0.8, 0.25), visibility 200ms, background-color 600ms; background-color: transparent; } .vca-navigation-revamp .vca-slider-column[data-level='2'].vca-slider-top-animation.vca-active, .vca-navigation-revamp .vca-slider-column[data-level='3'].vca-slider-top-animation.vca-active { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: transform 600ms cubic-bezier(0.03, 0.48, 0.25, 0.98), visibility 400ms, background-color 400ms; transition: transform 600ms cubic-bezier(0.03, 0.48, 0.25, 0.98), visibility 400ms, background-color 400ms; background-color: #ffffff; } .vca-navigation-revamp .vca-navigation-cls-close { display: none; } @media only screen and (max-width: 600px) { .vca-navigation-revamp .vca-navigation-tabs, .vca-navigation-revamp .vca-slider-overlay { width: 100%; margin-top: 60px; } .vca-navigation-revamp .vca-navigation-close-text { display: none; } .vca-overlay-visible .vca-navigation-revamp .vca-navigation-burger .vca-icn-close { display: block; } .vca-overlay-visible .vca-navigation-revamp .vca-navigation-burger .vca-icn-menu-grey { display: none; } .vca-overlay-visible .vca-navigation-revamp .vca-slider-header { display: none; } .vca-navigation-revamp .vca-slider-column-revamp .vca-slider-header { display: -webkit-flex; display: -ms-flex; display: flex; padding-left: 20px; } } @media only screen and (max-width: 900px) { .vca-overlay-visible-cls .vca-navigation-revamp .vca-navigation-burger { display: none; } .vca-overlay-visible-cls .vca-navigation-revamp .vca-navigation-cls-close { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .vca-overlay-visible-cls .vca-navigation-revamp .vca-slider-top-animation { visibility: hidden; } } @media only screen and (min-width: 600px) { .vca-navigation-links[data-col-layout='double'] { max-height: 300px; min-height: auto; } .vca-navigation-links[data-col-layout='double'] [class^='vca-navigation-link'], .vca-navigation-links[data-col-layout='double'] [class*=' vca-navigation-link'] { width: calc(50% - 40px); margin-right: 40px; } .vca-navigation-l2 .vca-cards-list { margin-right: -30px; margin-left: -30px; } .vca-navigation-revamp .vca-slider-header { height: auto; padding-top: 10px; padding-bottom: 30px; z-index: 3; } .vca-navigation-revamp .vca-slider-column { padding: 0; } .vca-navigation-revamp .vca-slider-inner { padding-left: 40px; padding-right: 40px; } .vca-navigation-revamp .vca-slider-column-revamp { margin-top: 82px; } .vca-navigation-revamp .vca-navigation-l1-revamp .vca-slider-header { display: -webkit-flex; display: -ms-flex; display: flex; padding-top: 0; z-index: 2; } .vca-navigation-revamp .vca-navigation-l2-revamp .vca-slider-column-revamp { margin-top: 0; } .vca-navigation-revamp .vca-navigation-l2-revamp .vca-slider-header { z-index: 2; } .vca-navigation-revamp .vca-slider-column[data-level='1'].vca-slider-top-animation { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 350ms cubic-bezier(0.5, 0, 0.8, 0.25), visibility 400ms; transition: transform 350ms cubic-bezier(0.5, 0, 0.8, 0.25), visibility 400ms; background-color: #ffffff; } .vca-navigation-revamp .vca-slider-column[data-level='1'].vca-slider-top-animation.vca-active { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: transform 600ms cubic-bezier(0.03, 0.48, 0.25, 0.98), visibility 400ms; transition: transform 600ms cubic-bezier(0.03, 0.48, 0.25, 0.98), visibility 400ms; } .vca-navigation-revamp .vca-slider-column[data-level='1'] > .vca-slider-header { display: -webkit-flex; display: -ms-flex; display: flex; padding-left: 40px; } .vca-navigation-revamp .vca-slider-column[data-level='2'], .vca-navigation-revamp .vca-slider-column[data-level='3'] { padding-bottom: 0; } .vca-navigation-revamp .vca-slider-column[data-level='2'] > .vca-slider-header, .vca-navigation-revamp .vca-slider-column[data-level='3'] > .vca-slider-header { padding-left: 40px; } .vca-navigation-revamp .vca-slider-column[data-level='2'].vca-slider-top-animation, .vca-navigation-revamp .vca-slider-column[data-level='3'].vca-slider-top-animation { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 350ms cubic-bezier(0.5, 0, 0.8, 0.25), visibility 400ms; transition: transform 350ms cubic-bezier(0.5, 0, 0.8, 0.25), visibility 400ms; background-color: #ffffff; } .vca-navigation-revamp .vca-slider-column[data-level='2'].vca-slider-top-animation.vca-active, .vca-navigation-revamp .vca-slider-column[data-level='3'].vca-slider-top-animation.vca-active { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: transform 600ms cubic-bezier(0.03, 0.48, 0.25, 0.98), visibility 400ms; transition: transform 600ms cubic-bezier(0.03, 0.48, 0.25, 0.98), visibility 400ms; } } @media only screen and (min-width: 900px) { .vca-navigation-burger { display: none; } .vca-navigation-panel-heading { display: none; } .vca-navigation-anchor i:before { height: 1.8rem; width: 1.8rem; } .vca-navigation-links[data-col-layout='double'] { max-height: 40vh; } .vca-navigation-footer { left: 20px; } .vca-navigation-footer .vca-service-menu { display: none; } .vca-navigation .vca-tabs-list { height: 100px; } .vca-navigation .vca-tabs-list .vca-tabs-button { height: 40px; margin: 0 25px 0 0; } .vca-navigation .vca-slider-inner { height: calc(100% - 100px); } .vca-navigation .vca-slider-column.vca-active .vca-nc { margin-bottom: 30px; } .vca-navigation .vca-slider-column.vca-active .vca-nc .vca-nc-anch { /* stylelint-disable-line max-nesting-depth */ } .vca-navigation .vca-slider-column.vca-active .vca-nc .vca-nc-anch .vca-nc-text-container { /* stylelint-disable-line max-nesting-depth */ margin-left: 0; width: 250%; } .vca-navigation .vca-navigation-tabs .vca-tabs-panel, .vca-navigation .vca-navigation-tabs .vca-hide { visibility: hidden; -webkit-transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -moz-transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -ms-transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 0.2s; transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 0.2s; } .vca-navigation .vca-navigation-tabs.vca-active .vca-tabs-panel.vca-show-section { visibility: visible; opacity: 1; -webkit-transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -moz-transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -ms-transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 0.2s; transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 0.2s; } .vca-navigation .vca-navigation-tabs.vca-active .vca-hide { opacity: 0; -webkit-transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -moz-transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -ms-transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 0.2s; transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 0.2s; visibility: hidden; } .vca-navigation-revamp .vca-slider-inner { padding-left: 50px; padding-right: 50px; } .vca-navigation-revamp .vca-slider-header { padding-top: 40px; } .vca-navigation-revamp .vca-slider-column-revamp { margin-top: 110px; } .vca-navigation-revamp .vca-navigation-link { padding-bottom: 10px; } .vca-navigation-revamp .vca-navigation-l2-revamp.vca-slider-inner, .vca-navigation-revamp .vca-navigation-l3-revamp.vca-slider-inner { padding-bottom: 30px; } } @media only screen and (min-width: 1200px) { .vca-navigation .vca-tabs-list { height: 100px; } .vca-navigation .vca-tabs-list .vca-tabs-button { height: 40px; margin: 0 25px 0 0; } .vca-navigation .vca-slider-inner { height: calc(100% - 100px); } .vca-navigation-revamp .vca-slider-column { width: 420px; padding: 0; overflow-x: visible; overflow-y: visible; } .vca-navigation-revamp .vca-slider-column ::-webkit-scrollbar { width: 3px; } .vca-navigation-revamp .vca-slider-column ::-webkit-scrollbar-thumb { background-color: #cccccc; border-radius: 5px; } .vca-navigation-revamp .vca-slider-column ::-webkit-scrollbar-track { background: transparent; } .vca-navigation-revamp .vca-slider-column ::-webkit-scrollbar-thumb:vertical { height: 5px; } .vca-navigation-revamp .level2 .vca-slider-column { padding-right: 0; padding-left: 0; } .vca-navigation-revamp .vca-slider-column-revamp { left: 100%; top: 0; margin: 0; z-index: -1; padding-top: 50px; } .vca-navigation-revamp .vca-navigation-link, .vca-navigation-revamp .vca-slider-header, .vca-navigation-revamp .vca-slider-inner { background-color: #ffffff; } .vca-navigation-revamp .vca-slider-inner { overflow-y: scroll; overflow-x: hidden; } .vca-navigation-revamp .vca-slider-inner .vca-slider-header { display: none; } .vca-navigation-revamp .vca-slider-column[data-level='1'] > .vca-slider-header, .vca-navigation-revamp .vca-slider-column[data-level='1'] > .vca-slider-inner { padding-left: 60px; padding-right: 30px; } .vca-navigation-revamp .vca-slider-column[data-level='2'] { height: 100%; padding-bottom: 0; } .vca-navigation-revamp .vca-slider-column[data-level='2'] .vca-slider-inner { height: 100%; } .vca-navigation-revamp .vca-navigation-l2-revamp, .vca-navigation-revamp .vca-navigation-l3-revamp { padding-top: 0; padding-right: 27px; padding-left: 30px; } .vca-navigation-revamp .vca-navigation-link { padding-bottom: 20px; } .vca-navigation-revamp .vca-slider-column[data-level='1'] > .vca-slider-inner { height: calc(100% - 100px); } } /* logo.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-logo { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; margin: 0 auto; position: absolute; top: 50%; } .vca-logo-butterfly-animation { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; display: block; } .vca-logo-butterfly-animation img { display: block; max-width: 205px; height: auto; } .vca-logo-image { display: block; margin: auto; max-height: 50px; } .vca-header-theme-color-black .vca-logo { color: #000000; } .vca-logo .vca-icn-logo-text { display: block; } .vca-logo .vca-icn-logo-text:before { width: 205px; height: 30px; background-size: 100%; margin: 0; vertical-align: text-bottom; } .vca-logo .vca-icn-logo-text [lang|='zh-CN']:before, [lang|='zh-Hans-CN'] .vca-logo .vca-icn-logo-text:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#cn-logo-text-black'); } .vca-logo .vca-icn-logo-text [lang|='zh-CN']::before, [lang|='zh-Hans-CN'] .vca-logo .vca-icn-logo-text::before { height: 35px; } .vca-logo .vca-icn-logo-text.vca-icn-cn-logo-text-black:before, .vca-logo .vca-icn-logo-text.vca-icn-cn-logo-text-white:before { height: 35px; } .vca-logo .vca-icn-logo { display: block; } .vca-logo .vca-icn-logo:before { width: 100px; height: 80px; background-size: 100%; margin: 0; } .vca-header-theme-color-white .vca-logo .vca-icn-logo-text:before, .vca-header-theme-color-darkbackground .vca-logo .vca-icn-logo-text:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#logo-text-white'); } .vca-header-theme-color-white .vca-logo .vca-icn-logo-text::before, .vca-header-theme-color-darkbackground .vca-logo .vca-icn-logo-text::before { background-size: 205px 205px; } .vca-header-theme-color-white .vca-logo .vca-icn-logo-text [lang|='zh-CN']:before, .vca-header-theme-color-darkbackground .vca-logo .vca-icn-logo-text [lang|='zh-CN']:before, [lang|='zh-Hans-CN'] .vca-header-theme-color-white .vca-logo .vca-icn-logo-text:before, [lang|='zh-Hans-CN'] .vca-header-theme-color-darkbackground .vca-logo .vca-icn-logo-text:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#cn-logo-text-white'); } .vca-header-theme-color-white .vca-logo .vca-icn-logo-text [lang|='zh-CN']::before, .vca-header-theme-color-darkbackground .vca-logo .vca-icn-logo-text [lang|='zh-CN']::before, [lang|='zh-Hans-CN'] .vca-header-theme-color-white .vca-logo .vca-icn-logo-text::before, [lang|='zh-Hans-CN'] .vca-header-theme-color-darkbackground .vca-logo .vca-icn-logo-text::before { /* stylelint-disable-line max-nesting-depth */ height: 35px; } .vca-sb-opened .vca-header-theme-color-black.vca-header-theme-background-white .vca-logo .vca-icn-logo-text::before { filter: brightness(0.9); } .vca-sm-link [class^='vca-icn-'] { opacity: 0.85; } .vca-header-theme-color-black .vca-sm-link [class^='vca-icn-'] { opacity: 0.5; } .vca-sm-link [class^='vca-icn-']:hover { opacity: 1; } .vca-header-theme-color-darkbackground .vca-sm-link [class^='vca-icn-'], .vca-header-theme-color-lightbackground .vca-sm-link [class^='vca-icn-'] { opacity: 1; } .vca-header-theme-color-darkbackground .vca-sm-link [class^='vca-icn-']:hover, .vca-header-theme-color-lightbackground .vca-sm-link [class^='vca-icn-']:hover { opacity: 0.5; } .vca-navigation-footer .vca-sm-count { font-size: 0.8125000000000001rem; line-height: 1.53846154; text-transform: uppercase; color: #757575; letter-spacing: 1.5px; color: #7d7d7d; right: 0; } :lang(ar) .vca-navigation-footer .vca-sm-count { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-navigation-footer .vca-sm-count { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-navigation-footer .vca-sm-count { font-size: 0.9375rem; line-height: 1.33333333; } :lang(ar) .vca-navigation-footer .vca-sm-count { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-navigation-footer .vca-sm-count { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-navigation-footer .vca-sm-count { font-size: 0.9375rem; line-height: 1.33333333; } .vca-navigation-footer .vca-sm-count:empty { display: none; } .vca-navigation-footer .vca-sm-count::before { content: '('; } .vca-navigation-footer .vca-sm-count::after { content: ')'; } @media only screen and (min-width: 900px) { .vca-logo-image { max-height: 100px; } .vca-logo-butterfly-animation img { max-width: 330px; } .vca-logo .vca-icn-logo-text:before { width: 329px; height: 44px; background-size: 100%; margin: 0; } .vca-logo .vca-icn-logo-text [lang|='zh-CN']::before, [lang|='zh-Hans-CN'] .vca-logo .vca-icn-logo-text::before { height: 57px; } .vca-logo .vca-icn-logo-text.vca-icn-cn-logo-text-black:before, .vca-logo .vca-icn-logo-text.vca-icn-cn-logo-text-white:before { height: 57px; } [data-component-name='checkoutHeader'] { -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; padding: 40px 60px; position: relative; } [data-component-name='checkoutHeader'] .vca-ch-sblink { position: absolute; left: 60px; } [data-component-name='checkoutHeader'] .vca-concierge-details { position: absolute; right: 60px; } .vca-header-theme-color-white .vca-logo .vca-icn-logo-text:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#logo-text-white'); } .vca-header-theme-color-white .vca-logo .vca-icn-logo-text:before { width: 329px; height: 44px; background-size: 329px 329px; } .vca-header-theme-color-white .vca-logo .vca-icn-logo-text.vca-icn-cn-logo-text-black:before, .vca-header-theme-color-white .vca-logo .vca-icn-logo-text.vca-icn-cn-logo-text-white:before { /* stylelint-disable-line max-nesting-depth */ height: 57px; } .vca-header-theme-color-white.vca-header-theme-background-transparent .vca-navigation-main-link { color: #ffffff; } .vca-header-theme-color-white .vca-logo .vca-icn-logo-text [lang|='zh-CN']::before, .vca-header-theme-color-darkbackground .vca-logo .vca-icn-logo-text [lang|='zh-CN']::before, [lang|='zh-Hans-CN'] .vca-header-theme-color-white .vca-logo .vca-icn-logo-text::before, [lang|='zh-Hans-CN'] .vca-header-theme-color-darkbackground .vca-logo .vca-icn-logo-text::before { /* stylelint-disable-line max-nesting-depth */ height: 57px; } } /* clsRevamp.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-cls-revamp__main-nav { position: relative; color: #222222; background-color: #ffffff; } .vca-cls-revamp__main-nav-header { padding: 60px 0 0; } .vca-cls-revamp__main-nav-content { padding: 40px 0; } .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox { -webkit-transform: none; transform: none; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -ms-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; border-radius: 0; left: 0; right: 0; position: fixed; top: 0; bottom: 0; padding: 0; margin-top: 60px; opacity: 0; } .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-lb-header-wrapper { -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -ms-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; display: none; } .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox--open { opacity: 1; } .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .base-lightbox-content { -webkit-transform: none; transform: none; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -ms-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; position: relative; top: 0; left: 0; height: 100%; max-height: none; padding: 0; } .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-back-arrow { display: none; } .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-lb-level { z-index: 0; } .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-lb-header-btn { min-height: auto; padding: 0; width: auto; } .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-lb-close .visually-hidden { font-size: 0.8125000000000001rem; line-height: 1.53846154; text-transform: uppercase; color: #757575; letter-spacing: 1.5px; display: inline-block; width: auto; height: auto; color: #666666; position: relative; left: 30px; top: 1px; } :lang(ar) .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-lb-close .visually-hidden { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-lb-close .visually-hidden { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-lb-close .visually-hidden { font-size: 0.9375rem; line-height: 1.33333333; } :lang(ar) .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-lb-close .visually-hidden { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-lb-close .visually-hidden { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-lb-close .visually-hidden { font-size: 0.9375rem; line-height: 1.33333333; } .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-lb-close::before { margin: 0; } .vca-cls-region { border-top: 1px solid #e6e6e6; } .vca-cls-region:last-of-type { border-bottom: 1px solid #e6e6e6; } .vca-cls-region__sub-nav { -webkit-transition: max-height 300ms ease-out; -moz-transition: max-height 300ms ease-out; -ms-transition: max-height 300ms ease-out; transition: max-height 300ms ease-out; max-height: 0; overflow: hidden; } .vca-cls-region__sub-nav.vca-active { max-height: 2500px; } .vca-cls-region__sub-nav-ul { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-align-items: flex-start; align-items: flex-start; -webkit-align-self: stretch; -ms-flex-item-align: stretch; /* 1 */ align-self: stretch; gap: 20px; color: #666666; padding: 20px 0 40px; } .vca-cls-region__btn { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; color: #757575; max-width: none; padding: 20px 0 20px; } .vca-cls-region__btn:has(+ .vca-active) [class^='vca-icn-']:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#expand-active'); } .vca-cls-region__btn:has(+ .vca-active) [class^='vca-icn-']::before { /* stylelint-disable-line max-nesting-depth */ background-size: 20px 20px; } .vca-cls-region__item { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-align-items: flex-start; align-items: flex-start; -webkit-align-self: stretch; -ms-flex-item-align: stretch; /* 1 */ align-self: stretch; padding-left: 30px; gap: 10px; } .vca-cls-region__item.vca-icn-bag { padding-left: 0; } .vca-cls-region__item-content { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-align-items: flex-start; align-items: flex-start; flex: 1 0 0; } .vca-cls-region__item-heading { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: baseline; -ms-flex-align: baseline; -ms-align-items: baseline; align-items: baseline; -webkit-align-self: stretch; -ms-flex-item-align: stretch; /* 1 */ align-self: stretch; gap: 8px; text-transform: none; } .vca-cls-region__item-languages { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; gap: 12px; } .vca-cls-region .vca-active--language, .vca-cls-region .vca-active--country { color: #222222; font-weight: 700; } .vca-cls-region .vca-active--language { border-bottom: 1px solid #222222; } @media only screen and (min-width: 600px) { .vca-cls-revamp__main-nav-content { padding: 60px 0; } } @media only screen and (min-width: 900px) { .vca-cls-revamp__main-nav { width: 430px; padding: 0 50px; height: 100%; } .vca-cls-revamp__main-nav-header { text-align: left; padding: 40px 0; } .vca-cls-revamp__main-nav-content { padding: 0; } .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox { margin-top: 0; } .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .vca-lb-header-wrapper { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; cursor: move; /* fallback if grab cursor is unsupported */ cursor: -webkit-default; cursor: -moz-default; cursor: default; display: block; height: auto; position: relative; padding: 50px 50px 0; } .vca-lightbox .base-lightbox-wrapper.vca-cls-revamp-lightbox .base-lightbox-content { height: calc( 100% - 74px); } .vca-cls-region, .vca-cls-region:last-of-type { border: none; } .vca-cls-region__sub-nav { -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -ms-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; max-height: none; visibility: hidden; z-index: -2; opacity: 0; position: absolute; width: calc(100vw - 430px); left: 100%; top: 0; margin-top: 30px; height: calc(100vh - 104px); background-color: #ffffff; overflow-y: auto; } .vca-cls-region__sub-nav.vca-active { opacity: 1; visibility: visible; max-height: none; } .vca-cls-region__sub-nav-ul { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; -webkit-row-gap: 20px; -moz-row-gap: 20px; row-gap: 20px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; padding: 0 8px 30px 8px; } .vca-cls-region__item { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: calc(50% - 30px); -ms-flex-basis: calc(50% - 30px); flex-basis: calc(50% - 30px); } .vca-three-column .vca-cls-region__item { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-basis: calc((100% / 3) - 20px); -ms-flex-basis: calc((100% / 3) - 20px); flex-basis: calc((100% / 3) - 20px); } .vca-cls-region__stack-up { z-index: -1; } .vca-cls-region__btn { padding: 0 0 10px; } .vca-cls-region__btn [class^='vca-icn-']:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#arrow-right'); } .vca-cls-region__btn:hover, .vca-cls-region__btn:has(+ .vca-active) { color: #222222; padding: 0 0 10px; } .vca-cls-region__btn:hover [class^='vca-icn-']:before, .vca-cls-region__btn:has(+ .vca-active) [class^='vca-icn-']:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#arrow-right-black'); } .vca-cls-region__language-link { color: #666666; } .vca-cls-region__country-name:hover { color: #222222; } .vca-cls-region .vca-cls-official:hover { color: #222222; } .vca-cls-region__item-content:has(.vca-cls-official:hover) .vca-cls-region__country-name { color: #222222; } .vca-cls-region__item-heading:hover ~ .vca-cls-region__item-languages .vca-cls-official { color: #222222; } } @media only screen and (min-width: 1200px) { .vca-cls-revamp__main-nav { width: 420px; padding: 0 30px 0 60px; height: 100%; } .vca-cls-region__sub-nav { width: calc(100vw - 420px); } .vca-cls-region__sub-nav-ul { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; padding: 0 60px 30px 40px; } .vca-cls-region__btn { padding: 0 0 20px; } .vca-cls-region__btn:hover, .vca-cls-region__btn:has(+ .vca-active) { padding: 0 0 20px; } .vca-three-column .vca-cls-region__item { -webkit-flex-basis: calc((100% / 3) - 27px); -ms-flex-basis: calc((100% / 3) - 27px); flex-basis: calc((100% / 3) - 27px); } } /* header.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-header-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .vca-header { --bgColor: #ffffff; --textColor: #7d7d7d; --secondaryTextColor: #757575; --secondaryHoverTextColor: #222222; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-transition: top 0.3s, background 0.6s ease, opacity 0.1s; transition: top 0.3s, background 0.6s ease, opacity 0.1s; position: fixed; top: 0; width: 100%; z-index: 1; height: 60px; padding-left: 20px; padding-right: 20px; background-color: var(--bgColor); color: var(--textColor); } .vca-header.vca-header-transition { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } .vca-header.vca-header-theme-color-black { --textColor: #7d7d7d; --secondaryTextColor: #757575; --secondaryHoverTextColor: #222222; } .vca-header.vca-header-theme-color-white { --textColor: #e6e6e6; --secondaryTextColor: #cccccc; --secondaryHoverTextColor: #ffffff; } .vca-header.vca-header-theme-color-darkbackground { --textColor: #ffffff; --secondaryTextColor: #ffffff; --secondaryHoverTextColor: #cccccc; } .vca-header.vca-header-theme-color-lightbackground { --textColor: #000000; --secondaryTextColor: #000000; --secondaryHoverTextColor: #757575; } .vca-header.vca-header-theme-background-white { --bgColor: #ffffff; } .vca-header.vca-header-theme-background-black { --bgColor: #000000; } .vca-header.vca-header-theme-background-transparent { --bgColor: transparent; } .vca-header .vca-navigation-main-link { color: var(--secondaryTextColor); } .vca-header .vca-navigation-main-link:hover { color: var(--secondaryHoverTextColor); } .vca-header .vca-sm-link, .vca-header .vca-sm-count { color: var(--textColor); } .vca-header .vca-navigation .vca-sm-link, .vca-header .vca-navigation .vca-sm-count { color: #757575; background-color: #ffffff; opacity: 1; } /* stylelint-disable max-nesting-depth */ .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-navigation-main-link { color: var(--secondaryHoverTextColor); } .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-navigation-main-link:hover { color: var(--secondaryHoverTextColor); } .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-search-service-menu .vca-icn-search-grey { filter: brightness(0) invert(1); } .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-service-menu-revamp .vca-sm-item .vca-sm-link { filter: brightness(0) invert(1); } .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-navigation-revamp .vca-navigation-burger .vca-icn-menu-grey { filter: brightness(0) invert(1); } .vca-header-theme-color-white .vca-search-service-menu, .vca-header-theme-color-darkbackground .vca-search-service-menu { /* stylelint-disable no-descending-specificity */ } .vca-header-theme-color-white .vca-search-service-menu .vca-icn-search-grey:before, .vca-header-theme-color-darkbackground .vca-search-service-menu .vca-icn-search-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#search-light-grey'); } .vca-header-theme-color-white .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-map-grey:before, .vca-header-theme-color-darkbackground .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-map-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#map-light-grey'); } .vca-header-theme-color-white .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-call-grey:before, .vca-header-theme-color-darkbackground .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-call-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#call-light-grey'); } .vca-header-theme-color-white .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-profile-grey:before, .vca-header-theme-color-darkbackground .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-profile-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#profile-light-grey'); } .vca-header-theme-color-white .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-bag-grey:before, .vca-header-theme-color-darkbackground .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-bag-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bag-light-grey'); } .vca-header-theme-color-white .vca-service-menu-revamp .vca-sm-item .vca-sm-link:hover, .vca-header-theme-color-darkbackground .vca-service-menu-revamp .vca-sm-item .vca-sm-link:hover { filter: brightness(0) invert(1); opacity: 1; } .vca-header-theme-color-white .vca-navigation-revamp .vca-navigation-burger .vca-icn-menu-grey:before, .vca-header-theme-color-darkbackground .vca-navigation-revamp .vca-navigation-burger .vca-icn-menu-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#menu-light-grey'); } .vca-header-theme-color-white .vca-navigation-revamp .vca-navigation-burger .vca-icn-menu-grey:hover, .vca-header-theme-color-darkbackground .vca-navigation-revamp .vca-navigation-burger .vca-icn-menu-grey:hover { filter: brightness(0) invert(1); opacity: 1; } .vca-header-theme-color-black > .vca-service-menu-revamp .vca-sm-list.vca-capital-link { color: #e6e6e6; } .vca-header-theme-color-black > .vca-service-menu-revamp .vca-sm-list.vca-capital-link .vca-smmi-cont { color: #757575; } .vca-overlay-visible-inherit-class .vca-header-revamp { top: 0 !important; /* stylelint-disable-line declaration-no-important */ } .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-background-black, .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-background-transparent { background-color: #ffffff; } .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-white .vca-search-service-menu .vca-icn-search-grey:before, .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-darkbackground .vca-search-service-menu .vca-icn-search-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#search-grey'); } .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-white .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-call-grey:before, .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-darkbackground .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-call-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#call-grey'); } .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-white .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-bag-grey:before, .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-darkbackground .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-bag-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bag-grey'); } .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-white .vca-icn-logo-text, .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-darkbackground .vca-icn-logo-text { filter: brightness(1) invert(1); opacity: 1; } .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-white .vca-navigation-revamp .vca-icn-menu-grey, .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-darkbackground .vca-navigation-revamp .vca-icn-menu-grey { filter: none; } .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-white .vca-navigation-revamp .vca-icn-menu-grey:before, .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-darkbackground .vca-navigation-revamp .vca-icn-menu-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#close-grey'); } .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-sm-count { color: #666666; } .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-service-menu-revamp .vca-sm-item .vca-sm-link { filter: brightness(0.6) invert(0); } .vca-overlay-visible-inherit-class .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-search-service-menu .vca-icn-search-grey { filter: brightness(0.6) invert(0); } /* stylelint-enable max-nesting-depth */ @media only screen and (max-width: 600px) { body:not(.inside-chatv2-open) #inside_holder > * { z-index: 2 !important; /* stylelint-disable-line declaration-no-important */ } .vca-overlay-visible .vca-header-revamp { top: 0 !important; /* stylelint-disable-line declaration-no-important */ } .vca-overlay-visible .vca-header-revamp.vca-header-theme-background-black, .vca-overlay-visible .vca-header-revamp.vca-header-theme-background-transparent { background-color: #ffffff; } .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-white .vca-search-service-menu .vca-icn-search-grey:before, .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-darkbackground .vca-search-service-menu .vca-icn-search-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#search-grey'); } .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-white .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-call-grey:before, .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-darkbackground .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-call-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#call-grey'); } .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-white .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-bag-grey:before, .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-darkbackground .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-bag-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bag-grey'); } .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-white .vca-icn-logo-text, .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-darkbackground .vca-icn-logo-text { filter: brightness(1) invert(1); opacity: 1; } .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-white .vca-navigation-revamp .vca-icn-menu-grey, .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-darkbackground .vca-navigation-revamp .vca-icn-menu-grey { filter: none; } .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-white .vca-navigation-revamp .vca-icn-menu-grey:before, .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-darkbackground .vca-navigation-revamp .vca-icn-menu-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#close-grey'); } .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-sm-count { color: #666666; } .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-service-menu-revamp .vca-sm-item .vca-sm-link { filter: brightness(0.6) invert(0); } .vca-overlay-visible .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-search-service-menu .vca-icn-search-grey { filter: brightness(0.6) invert(0); } } @media only screen and (max-width: 900px) { .vca-overlay-visible-cls .vca-header-revamp { top: 0 !important; /* stylelint-disable-line declaration-no-important */ } .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-background-black, .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-background-transparent { background-color: #ffffff; } .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-white .vca-search-service-menu .vca-icn-search-grey:before, .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-darkbackground .vca-search-service-menu .vca-icn-search-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#search-grey'); } .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-white .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-call-grey:before, .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-darkbackground .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-call-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#call-grey'); } .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-white .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-bag-grey:before, .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-darkbackground .vca-service-menu-revamp .vca-sm-item .vca-sm-link .vca-icn-bag-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#bag-grey'); } .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-white .vca-icn-logo-text, .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-darkbackground .vca-icn-logo-text { filter: brightness(1) invert(1); opacity: 1; } .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-white .vca-navigation-revamp .vca-icn-menu-grey, .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-darkbackground .vca-navigation-revamp .vca-icn-menu-grey { filter: none; } .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-white .vca-navigation-revamp .vca-icn-menu-grey:before, .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-darkbackground .vca-navigation-revamp .vca-icn-menu-grey:before { background-image: url('../../../../etc.clientlibs/richemont-vca/ui/clientlibs/vca-resources/resources/iconssprite/view/sprite.svg#close-grey'); } .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-sm-count { color: #666666; } .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-service-menu-revamp .vca-sm-item .vca-sm-link { filter: brightness(0.6) invert(0); } .vca-overlay-visible-cls .vca-header-revamp.vca-header-theme-color-white.vca-header-theme-background-transparent .vca-search-service-menu .vca-icn-search-grey { filter: brightness(0.6) invert(0); } } @media only screen and (min-width: 600px) { .vca-header { padding-left: 40px; padding-right: 40px; } } @media only screen and (min-width: 900px) { .vca-header { height: 100px; padding-left: 50px; padding-right: 50px; } } @media only screen and (min-width: 1200px) { .vca-header { height: 120px; padding-left: 60px; padding-right: 60px; } } /* cls.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-cls { color: #222222; } .vca-cls .vca-cls-wrapper { height: calc(100% - 160px); } .vca-cls-save-btn { background: transparent; color: #222222; border-color: #222222; max-width: none; padding: 10px 20px; } .vca-custom-select-label { color: #222222; } .vca-cls-ddl-link { display: -webkit-flex; display: -ms-flex; display: flex; color: #7d7d7d; padding: 10px 30px; position: relative; } .vca-selected .vca-cls-ddl-link { color: #222222; } .vca-custom-select-button .vca-cls-ddl-link { user-select: none; background: inherit; border: 0; color: inherit; padding: 0; pointer-events: none; } .vca-custom-select-button .vca-cls-ddl-link:focus { outline: 0; } .vca-cls-ddl-opt { display: -webkit-flex; display: -ms-flex; display: flex; width: 100%; } .vca-cls-ddl-opt-left { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: left; } .vca-cls-ddl-opt-right { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 50px; text-align: left; margin-left: 20px; } .vca-cls-ddl-opt-right:before { font-size: inherit; margin-right: 10px; } /* genericButton.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-gp { z-index: 999; width: 100%; } .vca-gp-container { position: relative; background-color: #ffffff; padding-bottom: 20px; } .vca-gp.vca-gp-v2-active { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: fixed; top: 50%; left: 50%; } .vca-gp .vca-gp-btn-block { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; -ms-justify-content: flex-end; justify-content: flex-end; padding: 20px; } .vca-gp .vca-gp-cta-container { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-row-gap: 10px; -moz-row-gap: 10px; row-gap: 10px; text-align: center; margin-top: 10px; padding-right: 10px; padding-left: 10px; } .vca-gp .vca-gp-cta-container .vca-capital-link { color: #222222; padding: 15px 75px; max-width: initial; } .vca-gp .vca-title-wrapper { position: relative; padding: 20px 0; } .vca-gp .vca-gp-title { font-size: 1rem; text-transform: uppercase; } .vca-gp .vca-gp-message { padding: 30px 10px; overflow: auto; max-height: calc(100svh - 250px); } .vca-gp .vca-gp-message [class^='vca-icn-'] { padding-right: 10px; display: none; } .vca-gp .vca-nb-notification-link[data-href] { cursor: pointer; } .vca-gp .vca-icn-close { cursor: pointer; } .vca-gp .vca-gp-btn { margin: 0; padding: 0; width: auto; border: none; cursor: pointer; position: absolute; top: 20px; right: 10px; } .vca-gp .vca-gp-btn:focus-visible { border: 1px solid #016fd0; border-radius: 4px; } .vca-gp .vca-gp-btn:hover { border: none; outline: none; } .vca-gp-overlay { z-index: 998; } .vca-gp-overlay.vca-gp-active { background-color: rgba(0, 0, 0, 0.4); position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: block; } .vca-gp-open { overflow: hidden; } .vca-body .vca-gp-hide { display: none; } @media only screen and (min-width: 600px) { .vca-gp .vca-gp-btn { right: 20px; } .vca-gp .vca-gp-message, .vca-gp .vca-gp-cta-container { padding-right: 100px; padding-left: 100px; } } @media only screen and (min-width: 900px) { .vca-gp .vca-gp-message { max-height: calc(100svh - 200px); } .vca-gp .vca-gp-cta-container { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; padding-right: 20px; padding-left: 20px; } } /* genericButton.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-gen-button-wrapper .vca-gen-btn-cta { background-color: transparent; width: 100%; max-width: none; float: none; padding: 10px 0; margin: 10px 0 30px; color: #222222; } .vca-gen-button-wrapper .vca-gen-btn-cta:focus { outline: 0; } .vca-gen-button-wrapper .vca-gen-button-desc { margin-bottom: 30px; } @media only screen and (min-width: 900px) { .vca-gen-button-wrapper .vca-gen-btn-cta { width: 50%; } } /* myaccountAddCreationForm.less */ .vca-cpra-form { color: #222222; } .vca-cpra-form .vca-cpra-form-wrap { color: #222222; margin-bottom: 50px; } .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label { font-size: 0.8749999999999999rem; line-height: 1.78571429; } .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, :lang(ru) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, :lang(ar) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, :lang(ja) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, :lang(ko) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, :lang(zh) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, :lang(zh-Hant) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, :lang(ru) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, :lang(ar) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, :lang(ja) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, :lang(ko) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, :lang(zh) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label b, :lang(zh-Hant) .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label::before { top: 6px !important; /* stylelint-disable-line declaration-no-important */ } .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-privacy-label::after { top: 7px !important; /* stylelint-disable-line declaration-no-important */ } .vca-cpra-form .vca-cpra-form-wrap .captcha { margin-top: 30px; } .vca-cpra-form .vca-cpra-form-wrap .captcha .base-forms-element { margin-bottom: 15px; } .vca-cpra-form .vca-cpra-form-wrap .vca-text { color: #222222; } .vca-cpra-form .vca-cpra-form-wrap .vca-text a { text-decoration: underline; color: #7d7d7d; } .vca-cpra-form .vca-cpra-form-wrap .vca-cpra-lightbox-link { color: #757575; font-size: inherit; display: inline-block; width: auto; } .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation { -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; font-size: 0.8125000000000001rem; line-height: 1.53846154; padding: 15px; background-color: #f5f5f5; color: #666666; } .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, :lang(ru) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, :lang(ar) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, :lang(ja) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, :lang(ko) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, :lang(zh) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, :lang(zh-Hant) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, :lang(ru) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, :lang(ar) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, :lang(ja) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, :lang(ko) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, :lang(zh) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation b, :lang(zh-Hant) .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-cpra-form .vca-cpra-form-wrap .base-forms-confirmation.base-visible { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-cpra-lightbox.vca-lightbox-wrapper.vca-lb-center { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); top: 0; padding: 0 20px 20px; } .vca-cpra-lightbox.vca-lightbox-wrapper.vca-lb-center .vca-lb-header-wrapper { -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 40px); left: 50%; top: 10%; height: auto; } .vca-cpra-lightbox.vca-lightbox-wrapper.vca-lb-center .vca-lightbox-content { -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 40px); height: auto; top: calc(10% + 60px); padding: 0 40px 30px; bottom: auto; z-index: 13; max-height: 70vh; } .vca-cpra-lightbox.vca-lightbox-wrapper.vca-lb-center .vca-cpra-popin-button { max-width: 100%; } @media only screen and (min-width: 600px) { .vca-cpra-lightbox.vca-lightbox-wrapper.vca-lb-center .vca-lightbox-content, .vca-cpra-lightbox.vca-lightbox-wrapper.vca-lb-center .vca-lb-header-wrapper { width: 75%; } } @media only screen and (min-width: 900px) { .vca-cpra-lightbox.vca-lightbox-wrapper.vca-lb-center { -webkit-transition: opacity 0.7s ease; -moz-transition: opacity 0.7s ease; -ms-transition: opacity 0.7s ease; transition: opacity 0.7s ease; } .vca-cpra-lightbox.vca-lightbox-wrapper.vca-lb-center .vca-lb-header-wrapper { padding: 20px 35px 0; } } /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-pdp-contact-us-panel .vca-inquire-info { padding: 20px; } .vca-pdp-contact-us-panel .vca-inquire-bullet-point { -webkit-justify-content: flex-start; -ms-flex-pack: start; -ms-justify-content: flex-start; justify-content: flex-start; padding-top: 0; } .vca-pdp-contact-us-panel .vca-inquire-bullet-point:not(:first-child) { padding-top: 10px; } .vca-pdp-contact-us-panel .vca-contact-us-social-links { margin-top: 40px; border-top: 1px solid #e6e6e6; } .vca-contact-us-social-link { margin: 15px 0; } .vca-contact-us-social-link [class^='vca-icn-'] { margin: 0 5px; } .vca-contact-us-social-link:first-child { margin-top: 40px; } /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-consent { color: #222222; } .vca-consent a { border-bottom: 1px solid #757575; } .vca-consent-btn-title { display: inline; color: #757575; } .vca-consent-btn { border: 0; padding: 0; width: auto; display: inline; color: #7f7f7f; } .vca-consent-btn .vca-consent-btn-title, .vca-consent-btn .vca-consent-show-less { border-bottom: 1px solid #757575; } .vca-consent-btn:hover, .vca-consent-btn:focus { color: #757575; outline: 0; } .vca-consent-btn:focus { outline: 1px dotted; } .vca-consent-table, .vca-consent-point-heading, .vca-consent-table-description { border: 1px solid #e6e6e6; padding: 10px; } .vca-consent-table { table-layout: fixed; width: 100%; } .vca-consent-point-heading { background: #f5f5f5; color: #222222; } .vca-consent-table-description { overflow-wrap: break-word; } .vca-age-consent .base-forms-label, .vca-age-consent .base-forms-checkbox-label { font-size: 0.75rem; line-height: 1.66666667; color: #757575; } .vca-age-consent .base-forms-label b, .vca-age-consent .base-forms-checkbox-label b, .vca-age-consent .base-forms-label strong, .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-age-consent .base-forms-label b, :lang(ru) .vca-age-consent .base-forms-checkbox-label b, :lang(ru) .vca-age-consent .base-forms-label strong, :lang(ru) .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-age-consent .base-forms-label b, :lang(ar) .vca-age-consent .base-forms-checkbox-label b, :lang(ar) .vca-age-consent .base-forms-label strong, :lang(ar) .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-age-consent .base-forms-label b, :lang(ja) .vca-age-consent .base-forms-checkbox-label b, :lang(ja) .vca-age-consent .base-forms-label strong, :lang(ja) .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-age-consent .base-forms-label b, :lang(ko) .vca-age-consent .base-forms-checkbox-label b, :lang(ko) .vca-age-consent .base-forms-label strong, :lang(ko) .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-age-consent .base-forms-label b, :lang(zh) .vca-age-consent .base-forms-checkbox-label b, :lang(zh) .vca-age-consent .base-forms-label strong, :lang(zh) .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-age-consent .base-forms-label b, :lang(zh-Hant) .vca-age-consent .base-forms-checkbox-label b, :lang(zh-Hant) .vca-age-consent .base-forms-label strong, :lang(zh-Hant) .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-age-consent .base-forms-label b, .vca-age-consent .base-forms-checkbox-label b, .vca-age-consent .base-forms-label strong, .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-age-consent .base-forms-label b, :lang(ru) .vca-age-consent .base-forms-checkbox-label b, :lang(ru) .vca-age-consent .base-forms-label strong, :lang(ru) .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-age-consent .base-forms-label b, :lang(ar) .vca-age-consent .base-forms-checkbox-label b, :lang(ar) .vca-age-consent .base-forms-label strong, :lang(ar) .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-age-consent .base-forms-label b, :lang(ja) .vca-age-consent .base-forms-checkbox-label b, :lang(ja) .vca-age-consent .base-forms-label strong, :lang(ja) .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-age-consent .base-forms-label b, :lang(ko) .vca-age-consent .base-forms-checkbox-label b, :lang(ko) .vca-age-consent .base-forms-label strong, :lang(ko) .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-age-consent .base-forms-label b, :lang(zh) .vca-age-consent .base-forms-checkbox-label b, :lang(zh) .vca-age-consent .base-forms-label strong, :lang(zh) .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-age-consent .base-forms-label b, :lang(zh-Hant) .vca-age-consent .base-forms-checkbox-label b, :lang(zh-Hant) .vca-age-consent .base-forms-label strong, :lang(zh-Hant) .vca-age-consent .base-forms-checkbox-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-age-consent .base-forms-checkbox-label { color: #222222; } .vca-age-consent .base-forms-error { display: inline-block !important; /* stylelint-disable-line declaration-no-important */ } /** If there will be 3 consent point newsletter_subsciption2 and privacyPolicy3 will be used */ /* stylelint-disable selector-class-pattern */ .newsletter_subscription .base-forms-label, .newsletter_subscription1 .base-forms-label, .newsletter_subscription2 .base-forms-label, .privacyPolicy .base-forms-label, .privacyPolicy1 .base-forms-label, .privacyPolicy2 .base-forms-label { font-size: 0.75rem; line-height: 1.66666667; color: #757575; color: #222222; } .newsletter_subscription .base-forms-label b, .newsletter_subscription1 .base-forms-label b, .newsletter_subscription2 .base-forms-label b, .privacyPolicy .base-forms-label b, .privacyPolicy1 .base-forms-label b, .privacyPolicy2 .base-forms-label b, .newsletter_subscription .base-forms-label strong, .newsletter_subscription1 .base-forms-label strong, .newsletter_subscription2 .base-forms-label strong, .privacyPolicy .base-forms-label strong, .privacyPolicy1 .base-forms-label strong, .privacyPolicy2 .base-forms-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .newsletter_subscription .base-forms-label b, :lang(ru) .newsletter_subscription1 .base-forms-label b, :lang(ru) .newsletter_subscription2 .base-forms-label b, :lang(ru) .privacyPolicy .base-forms-label b, :lang(ru) .privacyPolicy1 .base-forms-label b, :lang(ru) .privacyPolicy2 .base-forms-label b, :lang(ru) .newsletter_subscription .base-forms-label strong, :lang(ru) .newsletter_subscription1 .base-forms-label strong, :lang(ru) .newsletter_subscription2 .base-forms-label strong, :lang(ru) .privacyPolicy .base-forms-label strong, :lang(ru) .privacyPolicy1 .base-forms-label strong, :lang(ru) .privacyPolicy2 .base-forms-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .newsletter_subscription .base-forms-label b, :lang(ar) .newsletter_subscription1 .base-forms-label b, :lang(ar) .newsletter_subscription2 .base-forms-label b, :lang(ar) .privacyPolicy .base-forms-label b, :lang(ar) .privacyPolicy1 .base-forms-label b, :lang(ar) .privacyPolicy2 .base-forms-label b, :lang(ar) .newsletter_subscription .base-forms-label strong, :lang(ar) .newsletter_subscription1 .base-forms-label strong, :lang(ar) .newsletter_subscription2 .base-forms-label strong, :lang(ar) .privacyPolicy .base-forms-label strong, :lang(ar) .privacyPolicy1 .base-forms-label strong, :lang(ar) .privacyPolicy2 .base-forms-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .newsletter_subscription .base-forms-label b, :lang(ja) .newsletter_subscription1 .base-forms-label b, :lang(ja) .newsletter_subscription2 .base-forms-label b, :lang(ja) .privacyPolicy .base-forms-label b, :lang(ja) .privacyPolicy1 .base-forms-label b, :lang(ja) .privacyPolicy2 .base-forms-label b, :lang(ja) .newsletter_subscription .base-forms-label strong, :lang(ja) .newsletter_subscription1 .base-forms-label strong, :lang(ja) .newsletter_subscription2 .base-forms-label strong, :lang(ja) .privacyPolicy .base-forms-label strong, :lang(ja) .privacyPolicy1 .base-forms-label strong, :lang(ja) .privacyPolicy2 .base-forms-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .newsletter_subscription .base-forms-label b, :lang(ko) .newsletter_subscription1 .base-forms-label b, :lang(ko) .newsletter_subscription2 .base-forms-label b, :lang(ko) .privacyPolicy .base-forms-label b, :lang(ko) .privacyPolicy1 .base-forms-label b, :lang(ko) .privacyPolicy2 .base-forms-label b, :lang(ko) .newsletter_subscription .base-forms-label strong, :lang(ko) .newsletter_subscription1 .base-forms-label strong, :lang(ko) .newsletter_subscription2 .base-forms-label strong, :lang(ko) .privacyPolicy .base-forms-label strong, :lang(ko) .privacyPolicy1 .base-forms-label strong, :lang(ko) .privacyPolicy2 .base-forms-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .newsletter_subscription .base-forms-label b, :lang(zh) .newsletter_subscription1 .base-forms-label b, :lang(zh) .newsletter_subscription2 .base-forms-label b, :lang(zh) .privacyPolicy .base-forms-label b, :lang(zh) .privacyPolicy1 .base-forms-label b, :lang(zh) .privacyPolicy2 .base-forms-label b, :lang(zh) .newsletter_subscription .base-forms-label strong, :lang(zh) .newsletter_subscription1 .base-forms-label strong, :lang(zh) .newsletter_subscription2 .base-forms-label strong, :lang(zh) .privacyPolicy .base-forms-label strong, :lang(zh) .privacyPolicy1 .base-forms-label strong, :lang(zh) .privacyPolicy2 .base-forms-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .newsletter_subscription .base-forms-label b, :lang(zh-Hant) .newsletter_subscription1 .base-forms-label b, :lang(zh-Hant) .newsletter_subscription2 .base-forms-label b, :lang(zh-Hant) .privacyPolicy .base-forms-label b, :lang(zh-Hant) .privacyPolicy1 .base-forms-label b, :lang(zh-Hant) .privacyPolicy2 .base-forms-label b, :lang(zh-Hant) .newsletter_subscription .base-forms-label strong, :lang(zh-Hant) .newsletter_subscription1 .base-forms-label strong, :lang(zh-Hant) .newsletter_subscription2 .base-forms-label strong, :lang(zh-Hant) .privacyPolicy .base-forms-label strong, :lang(zh-Hant) .privacyPolicy1 .base-forms-label strong, :lang(zh-Hant) .privacyPolicy2 .base-forms-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .newsletter_subscription .base-forms-label b, .newsletter_subscription1 .base-forms-label b, .newsletter_subscription2 .base-forms-label b, .privacyPolicy .base-forms-label b, .privacyPolicy1 .base-forms-label b, .privacyPolicy2 .base-forms-label b, .newsletter_subscription .base-forms-label strong, .newsletter_subscription1 .base-forms-label strong, .newsletter_subscription2 .base-forms-label strong, .privacyPolicy .base-forms-label strong, .privacyPolicy1 .base-forms-label strong, .privacyPolicy2 .base-forms-label strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .newsletter_subscription .base-forms-label b, :lang(ru) .newsletter_subscription1 .base-forms-label b, :lang(ru) .newsletter_subscription2 .base-forms-label b, :lang(ru) .privacyPolicy .base-forms-label b, :lang(ru) .privacyPolicy1 .base-forms-label b, :lang(ru) .privacyPolicy2 .base-forms-label b, :lang(ru) .newsletter_subscription .base-forms-label strong, :lang(ru) .newsletter_subscription1 .base-forms-label strong, :lang(ru) .newsletter_subscription2 .base-forms-label strong, :lang(ru) .privacyPolicy .base-forms-label strong, :lang(ru) .privacyPolicy1 .base-forms-label strong, :lang(ru) .privacyPolicy2 .base-forms-label strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .newsletter_subscription .base-forms-label b, :lang(ar) .newsletter_subscription1 .base-forms-label b, :lang(ar) .newsletter_subscription2 .base-forms-label b, :lang(ar) .privacyPolicy .base-forms-label b, :lang(ar) .privacyPolicy1 .base-forms-label b, :lang(ar) .privacyPolicy2 .base-forms-label b, :lang(ar) .newsletter_subscription .base-forms-label strong, :lang(ar) .newsletter_subscription1 .base-forms-label strong, :lang(ar) .newsletter_subscription2 .base-forms-label strong, :lang(ar) .privacyPolicy .base-forms-label strong, :lang(ar) .privacyPolicy1 .base-forms-label strong, :lang(ar) .privacyPolicy2 .base-forms-label strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .newsletter_subscription .base-forms-label b, :lang(ja) .newsletter_subscription1 .base-forms-label b, :lang(ja) .newsletter_subscription2 .base-forms-label b, :lang(ja) .privacyPolicy .base-forms-label b, :lang(ja) .privacyPolicy1 .base-forms-label b, :lang(ja) .privacyPolicy2 .base-forms-label b, :lang(ja) .newsletter_subscription .base-forms-label strong, :lang(ja) .newsletter_subscription1 .base-forms-label strong, :lang(ja) .newsletter_subscription2 .base-forms-label strong, :lang(ja) .privacyPolicy .base-forms-label strong, :lang(ja) .privacyPolicy1 .base-forms-label strong, :lang(ja) .privacyPolicy2 .base-forms-label strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .newsletter_subscription .base-forms-label b, :lang(ko) .newsletter_subscription1 .base-forms-label b, :lang(ko) .newsletter_subscription2 .base-forms-label b, :lang(ko) .privacyPolicy .base-forms-label b, :lang(ko) .privacyPolicy1 .base-forms-label b, :lang(ko) .privacyPolicy2 .base-forms-label b, :lang(ko) .newsletter_subscription .base-forms-label strong, :lang(ko) .newsletter_subscription1 .base-forms-label strong, :lang(ko) .newsletter_subscription2 .base-forms-label strong, :lang(ko) .privacyPolicy .base-forms-label strong, :lang(ko) .privacyPolicy1 .base-forms-label strong, :lang(ko) .privacyPolicy2 .base-forms-label strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .newsletter_subscription .base-forms-label b, :lang(zh) .newsletter_subscription1 .base-forms-label b, :lang(zh) .newsletter_subscription2 .base-forms-label b, :lang(zh) .privacyPolicy .base-forms-label b, :lang(zh) .privacyPolicy1 .base-forms-label b, :lang(zh) .privacyPolicy2 .base-forms-label b, :lang(zh) .newsletter_subscription .base-forms-label strong, :lang(zh) .newsletter_subscription1 .base-forms-label strong, :lang(zh) .newsletter_subscription2 .base-forms-label strong, :lang(zh) .privacyPolicy .base-forms-label strong, :lang(zh) .privacyPolicy1 .base-forms-label strong, :lang(zh) .privacyPolicy2 .base-forms-label strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .newsletter_subscription .base-forms-label b, :lang(zh-Hant) .newsletter_subscription1 .base-forms-label b, :lang(zh-Hant) .newsletter_subscription2 .base-forms-label b, :lang(zh-Hant) .privacyPolicy .base-forms-label b, :lang(zh-Hant) .privacyPolicy1 .base-forms-label b, :lang(zh-Hant) .privacyPolicy2 .base-forms-label b, :lang(zh-Hant) .newsletter_subscription .base-forms-label strong, :lang(zh-Hant) .newsletter_subscription1 .base-forms-label strong, :lang(zh-Hant) .newsletter_subscription2 .base-forms-label strong, :lang(zh-Hant) .privacyPolicy .base-forms-label strong, :lang(zh-Hant) .privacyPolicy1 .base-forms-label strong, :lang(zh-Hant) .privacyPolicy2 .base-forms-label strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .newsletter_subscription .base-forms-error, .newsletter_subscription1 .base-forms-error, .newsletter_subscription2 .base-forms-error, .privacyPolicy .base-forms-error, .privacyPolicy1 .base-forms-error, .privacyPolicy2 .base-forms-error { margin-top: 15px !important; /* stylelint-disable-line declaration-no-important */ } /* stylelint-enable selector-class-pattern */ @media only screen and (min-width: 900px) { .vca-consent-inner-content-div { margin: 50px 0 35px; } } /* careAdvisorPopUpCard.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-cap-category-card { margin-bottom: 10px; border: 1px solid #e6e6e6; border-radius: 6px; background-color: #ffffff; padding: 15px 10px 10px 10px; display: block; } .vca-cap-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; } .vca-cap-wrapper .vca-icn-arrow-right { display: -webkit-flex; display: -ms-flex; display: flex; } .vca-cap-title-wrapper { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; } .vca-cap-card-title { font-size: 0.8125000000000001rem; line-height: 1.53846154; text-transform: uppercase; color: #757575; letter-spacing: 1.5px; color: #222222; padding-left: 5px; } :lang(ar) .vca-cap-card-title { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-cap-card-title { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-cap-card-title { font-size: 0.9375rem; line-height: 1.33333333; } :lang(ar) .vca-cap-card-title { font-size: 1.4375rem; line-height: 0.86956522; letter-spacing: initial; } :lang(zh) .vca-cap-card-title { font-size: 0.9375rem; line-height: 1.33333333; } :lang(zh-Hant) .vca-cap-card-title { font-size: 0.9375rem; line-height: 1.33333333; } .vca-cap-image { object-fit: cover; border-radius: 3px; margin-top: 15px; aspect-ratio: 1.77777778; } @media only screen and (min-width: 600px) { .vca-cap { padding-top: 20px; } } @media only screen and (min-width: 900px) { .vca-cap { padding-top: 0; } .vca-cap-category-card { margin-bottom: 15px; } } /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-caf-wrapper { margin: 0; padding: 60px 20px; } .vca-caf-care-advisor .vca-care-advisor-text-input-wrapper { margin: 0 auto; padding: 0; max-width: 335px; } .vca-caf-care-advisor .vca-care-advisor-text-input { font-size: 0.8749999999999999rem; line-height: 1; border-radius: 8px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06); padding: 15px 60px 15px 20px; color: #757575; } .vca-caf-care-advisor .vca-input-append-button-send { -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; width: 40px; height: 40px; top: 50%; } @media only screen and (min-width: 600px) { .vca-caf-wrapper { padding-left: 160px; padding-right: 160px; } .vca-caf-care-advisor .vca-care-advisor-text-input-wrapper { max-width: 448px; } } @media only screen and (min-width: 900px) { .vca-caf-wrapper { padding-left: 205px; padding-right: 205px; } .vca-caf-care-advisor { margin-left: 78px; margin-right: 78px; } .vca-caf-care-advisor .vca-care-advisor-text-input-wrapper { max-width: 434px; } } @media only screen and (min-width: 1200px) { .vca-caf-wrapper { padding-left: 360px; padding-right: 360px; } .vca-caf-care-advisor { margin-left: 100px; margin-right: 100px; } .vca-caf-care-advisor .vca-care-advisor-text-input-wrapper { max-width: 560px; } } /* cardsContainer.less */ .vca-exhibition-content-card-link { --textColor: #222222; background-color: var(--bgColor); color: var(--textColor); width: 100%; padding-top: 40px; } .vca-exhibition-content-card-link-row { align-items: center; } .vca-exhibition--dark .vca-exhibition-content-card-link, .vca-exhibition-page-theme--black .vca-exhibition-content-card-link { --bgColor: #000000; --textColor: #ffffff; } .vca-exhibition-content-card-link .vca-exhi-status { display: inline-block; border: 2px solid var(--textColor); padding: 6px 12px; margin-bottom: 5px; color: var(--textColor); } .vca-exhibition-content-card-link .vca-exhi-status-text { margin-left: 5px; } .vca-exhibition-content-card-link .vca-exhi-status-dot { display: inline-block; width: 8px; height: 8px; vertical-align: inherit; background-color: var(--textColor); border-radius: 100%; } .vca-exhibition-content-card-link .vca-exhi-status-dot.blink { animation: blink 1s infinite; } .vca-exhibition-content-card-link .vca-hr-light { border-color: --textColor; } .vca-exhibition-content-card-link:hover, .vca-exhibition-content-card-link:active, .vca-exhibition-content-card-link:focus { color: var(--textColor); } .vca-exhibition-content-card-heading { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.5625rem; line-height: 1.4; } :lang(ru) .vca-exhibition-content-card-heading { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-exhibition-content-card-heading { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-exhibition-content-card-heading { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-exhibition-content-card-heading { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-exhibition-content-card-heading { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-exhibition-content-card-heading { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ru) .vca-exhibition-content-card-heading { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-exhibition-content-card-heading { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-exhibition-content-card-heading { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-exhibition-content-card-heading { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-exhibition-content-card-heading { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-exhibition-content-card-heading { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } .vca-exhibition-content-card__image { /* stylelint-disable-line selector-class-pattern */ visibility: initial !important; /* stylelint-disable-line declaration-no-important */ } @media only screen and (min-width: 600px) { .vca-exhibition-content-card-heading { font-size: 1.875rem; line-height: 1.33333333; } } @media only screen and (min-width: 900px) { .vca-exhibition-content-card-heading { font-size: 1.875rem; line-height: 1.33333333; } } @media only screen and (min-width: 1200px) { .vca-exhibition-content-card-heading { font-size: 2.1875rem; line-height: 1.28571429; } } /* bemIllustrationBlock.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-bem-ill-v2 .vca-caption { margin-top: 20px; } .vca-bem-ill-v2 .vca-ill-sec { padding-top: 20px; } .vca-bem-ill-v2-mulill .vca-ill-sec { width: auto; padding-top: 0; min-width: 50%; } .vca-bem-ill-v2-mulill .vca-ill-sec .vca-transform-image-tag, .vca-bem-ill-v2-mulill .vca-ill-sec .vca-transform-picture-tag { height: 315px; width: auto; } .vca-template-decade-detail-page .vca-bem-ill-v2-mulill .vca-ill-sec .vca-transform-image-tag, .vca-template-decade-detail-page .vca-bem-ill-v2-mulill .vca-ill-sec .vca-transform-picture-tag { height: 400px; } .vca-bem-ill-v2-mulill .vca-ill-sec .vca-video-tag { height: 315px; width: auto; } .vca-bem-ill-v2-mulill .vca-ill-sec .vca-caption { width: 0; min-width: 100%; text-align: left; } .vca-bem-ill-v2-mulill .vca-swiper-nav { display: none; } @media only screen and (min-width: 600px) { .vca-bem-ill-v2-mulill .vca-ill-sec { min-width: auto; } .vca-bem-ill-v2-mulill .vca-ill-sec .vca-transform-image-tag, .vca-bem-ill-v2-mulill .vca-ill-sec .vca-transform-picture-tag { height: 380px; } .vca-bem-ill-v2-mulill .vca-ill-sec .vca-video-tag { height: 380px; } .vca-bem-ill-v2-inlimgs-wrapper { -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; } } @media only screen and (min-width: 900px) { .vca-template-decade-detail-page .vca-bem-ill-v2-mulill .vca-ill-sec .vca-transform-image-tag, .vca-template-decade-detail-page .vca-bem-ill-v2-mulill .vca-ill-sec .vca-transform-picture-tag { height: 500px; } .swiper-pagination-progressbar { position: fixed; height: max-content !important; /* stylelint-disable-line declaration-no-important */ } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #757575; min-width: 330px; height: 4px; } } @media only screen and (min-width: 1200px) { .vca-bem-ill-v2-mulill .vca-ill-sec .vca-transform-image-tag, .vca-bem-ill-v2-mulill .vca-ill-sec .vca-transform-picture-tag { height: 460px; } .vca-bem-ill-v2-mulill .vca-ill-sec .vca-video-tag { height: 460px; } .vca-bem-ill-v2-mulill .vca-swiper-nav { display: -webkit-flex; display: -ms-flex; display: flex; width: 150px; height: 460px; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { min-width: 499px; } } /* bemExternalCard.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-bem-external-card { padding-top: 40px; padding-bottom: 80px; } .vca-bem-external-card .vca-bec-content { max-width: 335px; } .vca-bem-external-card .vca-bec-content .vca-h3 { padding-top: 20px; } .vca-bem-external-card .vca-bec-content .vca-h3, .vca-bem-external-card .vca-bec-content .vca-body-01 { --color-initial: #757575; padding-bottom: 20px; color: var(--textColor, var(--color-initial)); } .vca-bem-external-card .vca-bec-content .vca-capital-link { border-bottom: 1px solid #808080; } .vca-bem-external-card .vca-bec-content .vca-capital-link:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; width: 10px; height: 10px; vertical-align: baseline; } .vca-bem-external-card .vca-bec-content > .vca-external-card-link { --color-initial: #757575; color: var(--color-initial, var(--textColor)); } .vca-bec-wrapper { --initial-border-color: #e6e6e6; padding-top: 30px; padding-bottom: 30px; } .vca-bec-wrapper .vca-bec-asset, .vca-bec-wrapper .vca-bec-content { position: relative; } .vca-bec-wrapper .vca-bec-asset:after, .vca-bec-wrapper .vca-bec-content:after { content: ''; border-bottom: 1px solid var(--secondaryTextColor, var(--initial-border-color)); position: absolute; bottom: -30px; } .vca-bec-wrapper .vca-bec-content:after { display: -webkit-flex; display: -ms-flex; display: flex; width: calc(100% - 10px); } .vca-bec-wrapper .vca-bec-asset::after { display: none; } @media only screen and (min-width: 900px) { .vca-bem-external-card { padding-top: 50px; padding-bottom: 120px; } .vca-bec-content { max-width: 360px; } .vca-bec-content .vca-h3 { padding-top: 0; padding-bottom: 15px; } .vca-bec-content .vca-body-01 { padding-bottom: 20px; } .vca-bec-content .vca-capital-link { max-width: 260px; } .vca-bec-wrapper { padding-top: 40px; padding-bottom: 40px; } .vca-bec-wrapper .vca-bec-asset:after, .vca-bec-wrapper .vca-bec-content:after { content: ''; display: -webkit-flex; display: -ms-flex; display: flex; bottom: -40px; } .vca-bec-wrapper .vca-bec-asset:after { width: calc(100% + 40px); } } /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .vca-account { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #ffffff; padding: 0; text-align: center; width: 100%; position: relative; } .vca-account .base-forms-login .base-forms-instruction { position: relative; height: 10px; } .vca-account .base-forms-login .base-forms-error + .base-forms-instruction .base-forms-instruction-text { display: inline-block; position: absolute; bottom: -20px; } .vca-account .base-forms-login span.base-forms-error { position: absolute; } .vca-account .base-forms-login .base-forms-submit-type { margin-top: 20px; } .vca-account .base-forms-login .base-forms-field-error { width: 100%; left: 0; top: -5px; } .vca-account .base-forms-login .base-forms-element { margin-bottom: 15px; position: relative; } .vca-account .base-forms-internationalphone-token-disclaimer { font-size: 0.75rem; line-height: 1.66666667; color: #757575; text-align: start; padding-top: 30px; padding-bottom: 40px; } .vca-account .base-forms-internationalphone-token-disclaimer b, .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-account .base-forms-internationalphone-token-disclaimer b, :lang(ru) .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-account .base-forms-internationalphone-token-disclaimer b, :lang(ar) .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-account .base-forms-internationalphone-token-disclaimer b, :lang(ja) .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-account .base-forms-internationalphone-token-disclaimer b, :lang(ko) .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-account .base-forms-internationalphone-token-disclaimer b, :lang(zh) .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-account .base-forms-internationalphone-token-disclaimer b, :lang(zh-Hant) .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-account .base-forms-internationalphone-token-disclaimer b, .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-account .base-forms-internationalphone-token-disclaimer b, :lang(ru) .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-account .base-forms-internationalphone-token-disclaimer b, :lang(ar) .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-account .base-forms-internationalphone-token-disclaimer b, :lang(ja) .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-account .base-forms-internationalphone-token-disclaimer b, :lang(ko) .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-account .base-forms-internationalphone-token-disclaimer b, :lang(zh) .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-account .base-forms-internationalphone-token-disclaimer b, :lang(zh-Hant) .vca-account .base-forms-internationalphone-token-disclaimer strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-account .system_form_password { /* stylelint-disable-line selector-class-pattern */ } .vca-account .system_form_password .base-forms-password .base-forms-instruction { height: auto; } .vca-account .base-forms .base-forms-radio-label { margin-right: 20px; } .vca-account .base-forms .email-wrapper .base-forms-instruction { text-align: left; } .vca-account .base-forms .base-forms-phone-edit { margin-top: 5px; padding-left: 30px; } .vca-account .base-forms-error { display: block; text-align: left; } .vca-account .vca-active { display: block; } .vca-account .vca-acc-tab-cont { position: relative; max-width: 100%; min-width: 330px; } .vca-account .vca-acc-tab-cont .g-recaptcha { transform: initial !important; /* stylelint-disable-line declaration-no-important */ transform-origin: 0 0 !important; /* stylelint-disable-line declaration-no-important */ } .vca-account .vca-acc-tab-cont .g-recaptcha iframe { -webkit-transform: scaleX(1.09); transform: scaleX(1.09); min-width: 335px !important; /* stylelint-disable-line declaration-no-important */ padding-right: 20px; transform-origin: left; } .vca-phonelogin .vca-text, .vca-fp .vca-text { font-size: 0.8125000000000001rem; line-height: 1.53846154; text-align: center; } .vca-phonelogin .vca-text b, .vca-fp .vca-text b, .vca-phonelogin .vca-text strong, .vca-fp .vca-text strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-phonelogin .vca-text b, :lang(ru) .vca-fp .vca-text b, :lang(ru) .vca-phonelogin .vca-text strong, :lang(ru) .vca-fp .vca-text strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-phonelogin .vca-text b, :lang(ar) .vca-fp .vca-text b, :lang(ar) .vca-phonelogin .vca-text strong, :lang(ar) .vca-fp .vca-text strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-phonelogin .vca-text b, :lang(ja) .vca-fp .vca-text b, :lang(ja) .vca-phonelogin .vca-text strong, :lang(ja) .vca-fp .vca-text strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-phonelogin .vca-text b, :lang(ko) .vca-fp .vca-text b, :lang(ko) .vca-phonelogin .vca-text strong, :lang(ko) .vca-fp .vca-text strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-phonelogin .vca-text b, :lang(zh) .vca-fp .vca-text b, :lang(zh) .vca-phonelogin .vca-text strong, :lang(zh) .vca-fp .vca-text strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-phonelogin .vca-text b, :lang(zh-Hant) .vca-fp .vca-text b, :lang(zh-Hant) .vca-phonelogin .vca-text strong, :lang(zh-Hant) .vca-fp .vca-text strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-phonelogin .vca-text b, .vca-fp .vca-text b, .vca-phonelogin .vca-text strong, .vca-fp .vca-text strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-phonelogin .vca-text b, :lang(ru) .vca-fp .vca-text b, :lang(ru) .vca-phonelogin .vca-text strong, :lang(ru) .vca-fp .vca-text strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-phonelogin .vca-text b, :lang(ar) .vca-fp .vca-text b, :lang(ar) .vca-phonelogin .vca-text strong, :lang(ar) .vca-fp .vca-text strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-phonelogin .vca-text b, :lang(ja) .vca-fp .vca-text b, :lang(ja) .vca-phonelogin .vca-text strong, :lang(ja) .vca-fp .vca-text strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-phonelogin .vca-text b, :lang(ko) .vca-fp .vca-text b, :lang(ko) .vca-phonelogin .vca-text strong, :lang(ko) .vca-fp .vca-text strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-phonelogin .vca-text b, :lang(zh) .vca-fp .vca-text b, :lang(zh) .vca-phonelogin .vca-text strong, :lang(zh) .vca-fp .vca-text strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-phonelogin .vca-text b, :lang(zh-Hant) .vca-fp .vca-text b, :lang(zh-Hant) .vca-phonelogin .vca-text strong, :lang(zh-Hant) .vca-fp .vca-text strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-phonelogin .vca-forgot-pwd, .vca-fp .vca-forgot-pwd { font-size: 0.8749999999999999rem; line-height: 1.78571429; margin: 30px 0 60px; right: 0; } .vca-phonelogin .vca-forgot-pwd b, .vca-fp .vca-forgot-pwd b, .vca-phonelogin .vca-forgot-pwd strong, .vca-fp .vca-forgot-pwd strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-phonelogin .vca-forgot-pwd b, :lang(ru) .vca-fp .vca-forgot-pwd b, :lang(ru) .vca-phonelogin .vca-forgot-pwd strong, :lang(ru) .vca-fp .vca-forgot-pwd strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-phonelogin .vca-forgot-pwd b, :lang(ar) .vca-fp .vca-forgot-pwd b, :lang(ar) .vca-phonelogin .vca-forgot-pwd strong, :lang(ar) .vca-fp .vca-forgot-pwd strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-phonelogin .vca-forgot-pwd b, :lang(ja) .vca-fp .vca-forgot-pwd b, :lang(ja) .vca-phonelogin .vca-forgot-pwd strong, :lang(ja) .vca-fp .vca-forgot-pwd strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-phonelogin .vca-forgot-pwd b, :lang(ko) .vca-fp .vca-forgot-pwd b, :lang(ko) .vca-phonelogin .vca-forgot-pwd strong, :lang(ko) .vca-fp .vca-forgot-pwd strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-phonelogin .vca-forgot-pwd b, :lang(zh) .vca-fp .vca-forgot-pwd b, :lang(zh) .vca-phonelogin .vca-forgot-pwd strong, :lang(zh) .vca-fp .vca-forgot-pwd strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-phonelogin .vca-forgot-pwd b, :lang(zh-Hant) .vca-fp .vca-forgot-pwd b, :lang(zh-Hant) .vca-phonelogin .vca-forgot-pwd strong, :lang(zh-Hant) .vca-fp .vca-forgot-pwd strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-phonelogin .vca-forgot-pwd b, .vca-fp .vca-forgot-pwd b, .vca-phonelogin .vca-forgot-pwd strong, .vca-fp .vca-forgot-pwd strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-phonelogin .vca-forgot-pwd b, :lang(ru) .vca-fp .vca-forgot-pwd b, :lang(ru) .vca-phonelogin .vca-forgot-pwd strong, :lang(ru) .vca-fp .vca-forgot-pwd strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-phonelogin .vca-forgot-pwd b, :lang(ar) .vca-fp .vca-forgot-pwd b, :lang(ar) .vca-phonelogin .vca-forgot-pwd strong, :lang(ar) .vca-fp .vca-forgot-pwd strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-phonelogin .vca-forgot-pwd b, :lang(ja) .vca-fp .vca-forgot-pwd b, :lang(ja) .vca-phonelogin .vca-forgot-pwd strong, :lang(ja) .vca-fp .vca-forgot-pwd strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-phonelogin .vca-forgot-pwd b, :lang(ko) .vca-fp .vca-forgot-pwd b, :lang(ko) .vca-phonelogin .vca-forgot-pwd strong, :lang(ko) .vca-fp .vca-forgot-pwd strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-phonelogin .vca-forgot-pwd b, :lang(zh) .vca-fp .vca-forgot-pwd b, :lang(zh) .vca-phonelogin .vca-forgot-pwd strong, :lang(zh) .vca-fp .vca-forgot-pwd strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-phonelogin .vca-forgot-pwd b, :lang(zh-Hant) .vca-fp .vca-forgot-pwd b, :lang(zh-Hant) .vca-phonelogin .vca-forgot-pwd strong, :lang(zh-Hant) .vca-fp .vca-forgot-pwd strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-phonelogin .vca-forgot-pwd a, .vca-fp .vca-forgot-pwd a { text-decoration: underline; text-underline-position: under; -ms-text-underline-position: below; } .vca-phonelogin .vca-forgot-pwd .vca-link, .vca-fp .vca-forgot-pwd .vca-link { color: #666666; } .vca-phonelogin .vca-forgot-pwd .vca-link:hover, .vca-fp .vca-forgot-pwd .vca-link:hover { color: #222222; } .vca-emaillogin .vca-text { font-size: 0.8125000000000001rem; line-height: 1.53846154; text-align: center; } .vca-emaillogin .vca-text b, .vca-emaillogin .vca-text strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-emaillogin .vca-text b, :lang(ru) .vca-emaillogin .vca-text strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-emaillogin .vca-text b, :lang(ar) .vca-emaillogin .vca-text strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-emaillogin .vca-text b, :lang(ja) .vca-emaillogin .vca-text strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-emaillogin .vca-text b, :lang(ko) .vca-emaillogin .vca-text strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-emaillogin .vca-text b, :lang(zh) .vca-emaillogin .vca-text strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-emaillogin .vca-text b, :lang(zh-Hant) .vca-emaillogin .vca-text strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-emaillogin .vca-text b, .vca-emaillogin .vca-text strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-emaillogin .vca-text b, :lang(ru) .vca-emaillogin .vca-text strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-emaillogin .vca-text b, :lang(ar) .vca-emaillogin .vca-text strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-emaillogin .vca-text b, :lang(ja) .vca-emaillogin .vca-text strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-emaillogin .vca-text b, :lang(ko) .vca-emaillogin .vca-text strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-emaillogin .vca-text b, :lang(zh) .vca-emaillogin .vca-text strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-emaillogin .vca-text b, :lang(zh-Hant) .vca-emaillogin .vca-text strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-emaillogin .vca-forgot-pwd { padding-bottom: 30px; } .vca-emaillogin .vca-forgot-pwd a { text-decoration: underline; text-underline-position: under; -ms-text-underline-position: below; } .vca-emaillogin.vca-fp .vca-forgot-pwd { position: initial; } .vca-emaillogin .login-ww { min-height: 470px; } .vca-emaillogin .login-ww .button-wrapper { position: relative; min-height: 60px; } .vca-emaillogin .login-ajax-ww { min-height: 470px; } .vca-emaillogin .login-ajax-ww .button-wrapper { position: relative; min-height: 60px; } .vca-emaillogin .base-forms-field-password { top: 25px; } .vca-acc-title { font-family: 'Janson Text', Times, 'Times New Roman', serif; font-size: 1.1250000000000002rem; line-height: 1.38888889; margin: 0 auto 20px auto; max-width: 100%; text-transform: uppercase; } :lang(ru) .vca-acc-title { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-acc-title { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-acc-title { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-acc-title { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-acc-title { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-acc-title { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ar) .vca-acc-title { font-size: 1.25rem; line-height: 1.25; } :lang(ru) .vca-acc-title { font-family: 'Times New Roman', 'Times', 'Noto Serif', serif; } :lang(ar) .vca-acc-title { font-family: 'Janson Text', 'Geeza Pro', 'Noto Sans Arabic', 'Arial', serif; } :lang(ja) .vca-acc-title { font-family: 'Janson Text', 'Hiragino Sans W3', 'Meiryo', 'Roboto', 'Noto Sans', 'Noto Sans CJK JP', sans-serif; } :lang(ko) .vca-acc-title { font-family: 'Janson Text', 'Noto Serif ', 'Noto Serif KR', 'Apple Myungjo', serif; } :lang(zh) .vca-acc-title { font-family: 'Janson Text', 'Pingfang SC', 'SimSun', 'Noto Serif', 'Noto Serif CJK SC', serif; } :lang(zh-Hant) .vca-acc-title { font-family: 'Janson Text', 'Pingfang TC', 'Microsoft JhengHei', 'Noto Serif', 'Noto Serif CJK TC', serif; } :lang(ar) .vca-acc-title { font-size: 1.25rem; line-height: 1.25; } .vca-acc-tabs { text-align: center; margin: 0 0 20px; } .vca-acc-tabs .vca-tab-links { border: 0; color: #757575; margin: 5px 10px; padding: 0 0 5px; width: auto; } .vca-acc-tabs .vca-tab-links:hover, .vca-acc-tabs .vca-tab-links:focus { color: #222222; outline: 1px transparent; } .vca-acc-tabs .vca-tab-links.vca-selected { border-bottom: 1px solid #757575; color: #222222; } .vca-acc-tabs .vca-tab-links.vca-selected:focus { outline: none; } .vca-acc-intro, .vca-acc-conf-body, .vca-acc-resend { font-size: 0.8749999999999999rem; line-height: 1.78571429; color: #222222; margin: 35px auto 0; max-width: 100%; } .vca-acc-intro b, .vca-acc-conf-body b, .vca-acc-resend b, .vca-acc-intro strong, .vca-acc-conf-body strong, .vca-acc-resend strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-acc-intro b, :lang(ru) .vca-acc-conf-body b, :lang(ru) .vca-acc-resend b, :lang(ru) .vca-acc-intro strong, :lang(ru) .vca-acc-conf-body strong, :lang(ru) .vca-acc-resend strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-acc-intro b, :lang(ar) .vca-acc-conf-body b, :lang(ar) .vca-acc-resend b, :lang(ar) .vca-acc-intro strong, :lang(ar) .vca-acc-conf-body strong, :lang(ar) .vca-acc-resend strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-acc-intro b, :lang(ja) .vca-acc-conf-body b, :lang(ja) .vca-acc-resend b, :lang(ja) .vca-acc-intro strong, :lang(ja) .vca-acc-conf-body strong, :lang(ja) .vca-acc-resend strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-acc-intro b, :lang(ko) .vca-acc-conf-body b, :lang(ko) .vca-acc-resend b, :lang(ko) .vca-acc-intro strong, :lang(ko) .vca-acc-conf-body strong, :lang(ko) .vca-acc-resend strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-acc-intro b, :lang(zh) .vca-acc-conf-body b, :lang(zh) .vca-acc-resend b, :lang(zh) .vca-acc-intro strong, :lang(zh) .vca-acc-conf-body strong, :lang(zh) .vca-acc-resend strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-acc-intro b, :lang(zh-Hant) .vca-acc-conf-body b, :lang(zh-Hant) .vca-acc-resend b, :lang(zh-Hant) .vca-acc-intro strong, :lang(zh-Hant) .vca-acc-conf-body strong, :lang(zh-Hant) .vca-acc-resend strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-acc-intro, :lang(ar) .vca-acc-conf-body, :lang(ar) .vca-acc-resend { font-size: 1rem; line-height: 1.5625; } .vca-acc-intro b, .vca-acc-conf-body b, .vca-acc-resend b, .vca-acc-intro strong, .vca-acc-conf-body strong, .vca-acc-resend strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-acc-intro b, :lang(ru) .vca-acc-conf-body b, :lang(ru) .vca-acc-resend b, :lang(ru) .vca-acc-intro strong, :lang(ru) .vca-acc-conf-body strong, :lang(ru) .vca-acc-resend strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-acc-intro b, :lang(ar) .vca-acc-conf-body b, :lang(ar) .vca-acc-resend b, :lang(ar) .vca-acc-intro strong, :lang(ar) .vca-acc-conf-body strong, :lang(ar) .vca-acc-resend strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-acc-intro b, :lang(ja) .vca-acc-conf-body b, :lang(ja) .vca-acc-resend b, :lang(ja) .vca-acc-intro strong, :lang(ja) .vca-acc-conf-body strong, :lang(ja) .vca-acc-resend strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-acc-intro b, :lang(ko) .vca-acc-conf-body b, :lang(ko) .vca-acc-resend b, :lang(ko) .vca-acc-intro strong, :lang(ko) .vca-acc-conf-body strong, :lang(ko) .vca-acc-resend strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-acc-intro b, :lang(zh) .vca-acc-conf-body b, :lang(zh) .vca-acc-resend b, :lang(zh) .vca-acc-intro strong, :lang(zh) .vca-acc-conf-body strong, :lang(zh) .vca-acc-resend strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-acc-intro b, :lang(zh-Hant) .vca-acc-conf-body b, :lang(zh-Hant) .vca-acc-resend b, :lang(zh-Hant) .vca-acc-intro strong, :lang(zh-Hant) .vca-acc-conf-body strong, :lang(zh-Hant) .vca-acc-resend strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-acc-intro, :lang(ar) .vca-acc-conf-body, :lang(ar) .vca-acc-resend { font-size: 1rem; line-height: 1.5625; } .vca-acc-intro p, .vca-acc-conf-body p, .vca-acc-resend p { margin: 0; } .vca-acc-intro .vca-acc-btn, .vca-acc-conf-body .vca-acc-btn, .vca-acc-resend .vca-acc-btn { border: 0; color: #757575; cursor: pointer; margin-bottom: 25px; text-transform: uppercase; width: auto; } .vca-acc-conf-body { border-bottom: 1px solid #e6e6e6; padding-bottom: 50px; } .vca-acc-resend { border-bottom: 1px solid #e6e6e6; margin-bottom: 35px; padding-bottom: 15px; } .vca-acc-resend .base-forms .base-hidden { display: block; } .vca-acc-resend .base-forms .base-forms-element, .vca-acc-resend .base-forms .base-forms-server-side-error { margin-bottom: 0; } .vca-acc-resend .base-forms .base-forms-server-side-error, .vca-acc-resend .base-forms .email-wrapper { display: none; } .vca-acc-resend .base-forms .base-forms-button { font-size: 0.8125000000000001rem; line-height: 1.53846154; border: 0; color: #757575; cursor: pointer; margin-bottom: 25px; text-transform: uppercase; width: auto; } .vca-acc-resend .base-forms .base-forms-button b, .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-acc-resend .base-forms .base-forms-button b, :lang(ru) .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-acc-resend .base-forms .base-forms-button b, :lang(ar) .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-acc-resend .base-forms .base-forms-button b, :lang(ja) .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-acc-resend .base-forms .base-forms-button b, :lang(ko) .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-acc-resend .base-forms .base-forms-button b, :lang(zh) .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-acc-resend .base-forms .base-forms-button b, :lang(zh-Hant) .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-acc-resend .base-forms .base-forms-button b, .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-acc-resend .base-forms .base-forms-button b, :lang(ru) .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-acc-resend .base-forms .base-forms-button b, :lang(ar) .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-acc-resend .base-forms .base-forms-button b, :lang(ja) .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-acc-resend .base-forms .base-forms-button b, :lang(ko) .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-acc-resend .base-forms .base-forms-button b, :lang(zh) .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-acc-resend .base-forms .base-forms-button b, :lang(zh-Hant) .vca-acc-resend .base-forms .base-forms-button strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vac-acc-tab-cont { position: relative; } .vca-acc-confirm { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; height: 100%; } .vca-acc-confirm.vca-hide { display: none; } .phone-login .base-phone-login-title, .phone-login .base-phone-login-register { display: none; } .vca-fp input[type='reset'].base-forms-button { display: none; } .vca-fp .vca-hr-light { width: calc(100% - -120px); clear: both; display: inline-block; margin-top: 80px; margin-bottom: 50px; margin-left: -60px; } /* Overwrite base conflict css of phonelogin component ************************************************************************************************************/ .vca-phonelogin { /* stylelint-disable no-descending-specificity */ /* stylelint-enable no-descending-specificity */ } .vca-phonelogin .text { text-align: center; padding: 10px 0; } .vca-phonelogin .bem-text-paragraph { padding: 0 60px; } .vca-phonelogin .vue-tel-input { margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */ } .vca-phonelogin .vca-forgot-pwd { bottom: 230px; } .vca-phonelogin .login .base-forms .base-phone-login-label, .vca-phonelogin .login .base-forms .base-phone-login-mobile, .vca-phonelogin .login .base-forms .base-phone-login-password--step-two { position: relative; top: 10px; } .vca-phonelogin .base-phone-login-container { margin-top: 0; min-height: 0; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login { min-height: 0; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn { font-size: 0.8749999999999999rem; line-height: 1.78571429; text-decoration: underline; text-underline-position: under; -ms-text-underline-position: below; color: #666666; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, :lang(ru) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, :lang(ar) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, :lang(ja) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, :lang(ko) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, :lang(zh) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, :lang(zh-Hant) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, :lang(ru) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, :lang(ar) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, :lang(ja) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, :lang(ko) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, :lang(zh) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn b, :lang(zh-Hant) .vca-phonelogin .login .base-forms .base-phone-login-wrapper.base-phone-login-otp-resend-btn strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login-mobile-notification--has-error { position: relative; top: -88px; font-size: 0.8rem; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login-otp-wrapper { bottom: 7px; padding: 15px 0 0 0; height: 60px; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login-otp-wrapper .base-phone-login-mobile-notification--has-error { top: -105px; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login-password, .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login-mail--step-two, .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login-password--step-two { -webkit-transform: none; transform: none; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login-password-input { margin-top: 0; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login-password { left: 0; visibility: hidden; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login-password--step-two { visibility: visible; } .vca-phonelogin .internationalphone.base-forms-element .base-forms-input { padding-top: 0; margin-top: 5px; padding-left: 30px; } .vca-phonelogin .base-forms-internationalphone-arrow { margin-left: 0; left: 0; padding-left: 0; } .vca-phonelogin .base-forms-internationalphone-arrow:before, .vca-phonelogin .base-forms-internationalphone-arrow:after { display: none; } .vca-phonelogin .base-forms-internationalphone-arrow .flag-icon { margin-left: 0; left: 0; padding-left: 0; } .vca-phonelogin .base-forms-internationalphone-dropdown { width: 100%; } .vca-phonelogin .base-forms-internationalphone-dropdown .base-icn-mobile:before, .vca-phonelogin .base-forms-internationalphone-dropdown .base-icn-mobile:after { display: none; } .vca-phonelogin .base-phone-login-mobile-wrapper { position: relative; height: auto; } .vca-phonelogin .base-phone-login-ask-token.base-forms-button { margin: 30px 0 10px 0; } .vca-phonelogin .base-phone-login-signin-back.base-forms-button, .vca-phonelogin .base-phone-login-signin.base-forms-button, .vca-phonelogin .base-phone-login-next-btn.base-forms-button { position: absolute; top: 45px; } .vca-phonelogin:has(.base-phone-login-next-btn) .vca-forgot-pwd { margin: 15px 0 60px; } .vca-phonelogin:has(.base-phone-login-next-btn) .base-phone-login-container { min-height: 190px; } .vca-phonelogin:has(.base-phone-login-signin) .vca-forgot-pwd { margin: 15px 0 60px; } .vca-phonelogin:has(.base-phone-login-signin) .base-phone-login-container { min-height: 210px; } .vca-phonelogin:has(.base-phone-login-signin) .base-phone-login-otp-resend { /* stylelint-disable */ position: relative !important; top: 100px !important; right: 0 !important; padding: 15px 0 0 !important; text-align: center !important; /* stylelint-enable */ } .vca-phonelogin:has(.base-phone-login-ask-token) .vca-forgot-pwd { margin: 15px 0 60px; } .vca-phonelogin:has(.base-phone-login-ask-token) .base-phone-login-container { min-height: 220px; } .vca-phonelogin:has(.base-phone-login-mobile-notification--has-error) .base-phone-login-container { min-height: 240px; } .vca-phonelogin:has(.base-phone-login-otp-resend) .vca-forgot-pwd { margin: 15px 0 60px; } .vca-phonelogin:has(.base-phone-login-otp-resend) .base-phone-login-container { min-height: 242px; } .vca-phonelogin:has(.base-phone-login-mobile-notification--has-error):has(.base-phone-login-next-btn) .base-phone-login-container { min-height: 190px; } .vca-phonelogin .base-phone-login-mobile-sms { top: 115px; } .vca-phonelogin .base-phone-login-next-btn + .base-phone-login-mobile-sms { display: none; } .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible, .vca-phonelogin .vca-fp-introtext { font-size: 0.8749999999999999rem; line-height: 1.78571429; color: #222222; margin-bottom: 60px; text-align: center; } .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, .vca-phonelogin .vca-fp-introtext b, .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, .vca-phonelogin .vca-fp-introtext strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, :lang(ru) .vca-phonelogin .vca-fp-introtext b, :lang(ru) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, :lang(ru) .vca-phonelogin .vca-fp-introtext strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, :lang(ar) .vca-phonelogin .vca-fp-introtext b, :lang(ar) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, :lang(ar) .vca-phonelogin .vca-fp-introtext strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, :lang(ja) .vca-phonelogin .vca-fp-introtext b, :lang(ja) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, :lang(ja) .vca-phonelogin .vca-fp-introtext strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, :lang(ko) .vca-phonelogin .vca-fp-introtext b, :lang(ko) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, :lang(ko) .vca-phonelogin .vca-fp-introtext strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, :lang(zh) .vca-phonelogin .vca-fp-introtext b, :lang(zh) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, :lang(zh) .vca-phonelogin .vca-fp-introtext strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, :lang(zh-Hant) .vca-phonelogin .vca-fp-introtext b, :lang(zh-Hant) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, :lang(zh-Hant) .vca-phonelogin .vca-fp-introtext strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, .vca-phonelogin .vca-fp-introtext b, .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, .vca-phonelogin .vca-fp-introtext strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, :lang(ru) .vca-phonelogin .vca-fp-introtext b, :lang(ru) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, :lang(ru) .vca-phonelogin .vca-fp-introtext strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, :lang(ar) .vca-phonelogin .vca-fp-introtext b, :lang(ar) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, :lang(ar) .vca-phonelogin .vca-fp-introtext strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, :lang(ja) .vca-phonelogin .vca-fp-introtext b, :lang(ja) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, :lang(ja) .vca-phonelogin .vca-fp-introtext strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, :lang(ko) .vca-phonelogin .vca-fp-introtext b, :lang(ko) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, :lang(ko) .vca-phonelogin .vca-fp-introtext strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, :lang(zh) .vca-phonelogin .vca-fp-introtext b, :lang(zh) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, :lang(zh) .vca-phonelogin .vca-fp-introtext strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible b, :lang(zh-Hant) .vca-phonelogin .vca-fp-introtext b, :lang(zh-Hant) .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible strong, :lang(zh-Hant) .vca-phonelogin .vca-fp-introtext strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-phonelogin .reset-password-phone .base-forms .base-forms-confirmation.base-visible { display: block; text-align: center; } .vca-phonelogin .forgot-password-phone .base-forms .base-forms-confirmation.base-visible { display: block !important; /* stylelint-disable-line declaration-no-important */ } .vca-phonelogin .vca-bem-paragraph-section { margin-bottom: 0; } .vca-phonelogin .vca-account.vca-lb-level { transform: translateX(0%); position: absolute; left: 0; width: 100%; } .vca-phonelogin .vca-account .base-forms-internationalphone-dropdown { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; padding-bottom: 0; } .vca-phonelogin .vca-account .base-forms-internationalphone-dropdown .base-forms-internationalphone-input { background-position-y: calc(50% - 5px); } .vca-phonelogin .vca-account .base-forms-error .base-forms-internationalphone-dropdown { border-bottom: none; } .vca-phonelogin .vca-account .base-forms-error .base-forms-internationalphone-dropdown .base-forms-internationalphone-input { /* stylelint-disable-line max-nesting-depth */ border-bottom: 1px solid #ff0000; } .login-ajax { min-height: 350px; position: relative; } .login-ajax .base-forms-button { /* stylelint-disable-line no-descending-specificity */ margin-top: 40px !important; /* stylelint-disable-line declaration-no-important */ } .vca-pr-introtext { font-size: 0.8749999999999999rem; line-height: 1.78571429; text-align: center; color: #222222; margin-bottom: 10px; } .vca-pr-introtext b, .vca-pr-introtext strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-pr-introtext b, :lang(ru) .vca-pr-introtext strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-pr-introtext b, :lang(ar) .vca-pr-introtext strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-pr-introtext b, :lang(ja) .vca-pr-introtext strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-pr-introtext b, :lang(ko) .vca-pr-introtext strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-pr-introtext b, :lang(zh) .vca-pr-introtext strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-pr-introtext b, :lang(zh-Hant) .vca-pr-introtext strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-pr-introtext { font-size: 1rem; line-height: 1.5625; } .vca-pr-introtext b, .vca-pr-introtext strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .vca-pr-introtext b, :lang(ru) .vca-pr-introtext strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .vca-pr-introtext b, :lang(ar) .vca-pr-introtext strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .vca-pr-introtext b, :lang(ja) .vca-pr-introtext strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .vca-pr-introtext b, :lang(ko) .vca-pr-introtext strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .vca-pr-introtext b, :lang(zh) .vca-pr-introtext strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .vca-pr-introtext b, :lang(zh-Hant) .vca-pr-introtext strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } :lang(ar) .vca-pr-introtext { font-size: 1rem; line-height: 1.5625; } .vca-acc-tab-cont .vca-reassurance { display: none; } .reset-password .vca-reassurance { margin: 0; margin-top: 100px; } .forgot-password .base-forms-confirmation { font-size: 0.8749999999999999rem; line-height: 1.78571429; text-align: center; color: #222222; } .forgot-password .base-forms-confirmation b, .forgot-password .base-forms-confirmation strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .forgot-password .base-forms-confirmation b, :lang(ru) .forgot-password .base-forms-confirmation strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .forgot-password .base-forms-confirmation b, :lang(ar) .forgot-password .base-forms-confirmation strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .forgot-password .base-forms-confirmation b, :lang(ja) .forgot-password .base-forms-confirmation strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .forgot-password .base-forms-confirmation b, :lang(ko) .forgot-password .base-forms-confirmation strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .forgot-password .base-forms-confirmation b, :lang(zh) .forgot-password .base-forms-confirmation strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .forgot-password .base-forms-confirmation b, :lang(zh-Hant) .forgot-password .base-forms-confirmation strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .forgot-password .base-forms-confirmation b, .forgot-password .base-forms-confirmation strong { font-family: 'Maison Neue Demi', 'Helvetica Neue Medium', 'Helvetica Bold', 'Arial Bold', sans-serif; font-weight: normal; } :lang(ru) .forgot-password .base-forms-confirmation b, :lang(ru) .forgot-password .base-forms-confirmation strong { font-family: 'Helvetica Neue Medium', 'Helvetica Bold', 'Noto Sans SemiBold', 'Arial Bold', sans-serif; } :lang(ar) .forgot-password .base-forms-confirmation b, :lang(ar) .forgot-password .base-forms-confirmation strong { font-family: 'Geeza Pro Bold', 'Noto Sans Arabic SemiBold', 'Arial Bold', sans-serif; } :lang(ja) .forgot-password .base-forms-confirmation b, :lang(ja) .forgot-password .base-forms-confirmation strong { font-family: 'Hiragino Sans W6', 'Meiryo Bold', 'Noto Sans CJK JP Medium', 'Noto Sans Medium', sans-serif; } :lang(ko) .forgot-password .base-forms-confirmation b, :lang(ko) .forgot-password .base-forms-confirmation strong { font-family: 'Noto Sans KR Medium', 'Noto Sans Medium', 'Apple SD Gothic Neo SemiBold', 'Malgun Gothic Bold', sans-serif; } :lang(zh) .forgot-password .base-forms-confirmation b, :lang(zh) .forgot-password .base-forms-confirmation strong { font-family: 'Noto Sans CJK SC Medium', 'Noto Sans Medium', 'Pingfang SC Medium', 'Yahei Bold', sans-serif; } :lang(zh-Hant) .forgot-password .base-forms-confirmation b, :lang(zh-Hant) .forgot-password .base-forms-confirmation strong { font-family: 'Noto Sans CJK TC Medium', 'Noto Sans Medium', 'Pingfang TC Medium', 'Microsoft JhengHei Bold', sans-serif; } .vca-cn-pr-success { display: none; } .vca-cn-pr-success:focus { outline: 0; } .reset-password-phone-i18 { text-align: center; } .base-forms-input--password { margin: 1px 0; max-width: none; } .salutation .base-forms-element-group, .gender .base-forms-element-group { display: -webkit-flex; display: -ms-flex; display: flex; } .base-forms-field-phone-email { width: 100%; } .base-forms-field-phone-email .base-forms-element.base-hide { display: none; } /* Overwrite base css for Suggest Address ************************************************************************************************************/ .base-search-ksa-overlay .base-forms-ksa__addressItem { /* stylelint-disable-line selector-class-pattern */ } .base-search-ksa-overlay .base-forms-ksa__addressItem input[type='radio']:empty ~ label, .base-search-ksa-overlay .base-forms-ksa__addressItem input[type='checkbox']:empty ~ label { display: block; } @media only screen and (min-width: 600px) { .vca-emaillogin .vca-text, .vca-phonelogin .vca-text { font-size: 0.8749999999999999rem; line-height: 1.78571429; } .vca-emaillogin .vca-forgot-pwd { bottom: 120px; } .vca-emaillogin .base-forms-field-password { top: 25px; } .vca-phonelogin .vca-forgot-pwd { bottom: 245px; margin: 30px 0 60px; } .vca-phonelogin:has(.base-phone-login-next-btn) .vca-forgot-pwd { margin: 15px 0 60px; } .vca-phonelogin:has(.base-phone-login-next-btn) .base-phone-login-container { min-height: 180px; } .vca-phonelogin:has(.base-phone-login-signin) .vca-forgot-pwd { margin: 15px 0 60px; } .vca-phonelogin:has(.base-phone-login-signin) .base-phone-login-container { min-height: 200px; } .vca-phonelogin:has(.base-phone-login-ask-token) .vca-forgot-pwd { margin: 15px 0 60px; } .vca-phonelogin:has(.base-phone-login-ask-token) .base-phone-login-container { min-height: 210px; } .vca-phonelogin:has(.base-phone-login-otp-resend) .base-phone-login-container { min-height: 230px; } .vca-phonelogin:has(.base-phone-login-mobile-notification--has-error) .base-phone-login-container { min-height: 230px; } .vca-phonelogin:has(.base-phone-login-mobile-notification--has-error):has(.base-phone-login-next-btn) .base-phone-login-container { min-height: 180px; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login-mobile-notification--has-error { top: -90px; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login-otp-wrapper .base-phone-login-mobile-notification--has-error { top: -110px; } .vca-phonelogin .login .base-forms .base-phone-login-wrapper .base-phone-login-mail--step-two + .base-phone-login-password .base-phone-login-mobile-notification--has-error { top: -110px; } } @media only screen and (min-width: 900px) { .vca-emaillogin .vca-forgot-pwd { bottom: 120px; } .vca-phonelogin .vca-forgot-pwd { bottom: 245px; } .vca-acc-tab-cont { /* stylelint-disable */ /* stylelint-enable */ } .vca-acc-tab-cont .g-recaptcha > div:not(.grecaptcha-badge) { width: 100% !important; } } /* searchBoxStandalone.less */ /* TODO: Still need to optimize: add only those what are actually required Refer - http://lesscss.org/features/#import-atrules-feature-import-options ******************************************************************************/ .search-box-standalone-container { position: relative; } .search-box-standalone-container .search-box-standalone__clear-icon { border: 0; cursor: pointer; font-size: 16px; position: absolute; transform: translateY(-50%); } .search-box-standalone__suggestion-count { display: none; }