P tags with .{{modifier_class}} class
*/ ._hy h1, ._hy h2, ._hy h3, ._hy h4, ._hy .global-module_heading_1_zW\+, ._hy .global-module_heading_2_cYx, ._hy .global-module_heading_3_oiC, ._hy .global-module_heading_4_jU3, ._hy .global-module_heading_5_N6b, ._hy .global-module_heading_6_3qi { font-weight: bold; } ._hy h1, ._hy .global-module_heading_1_zW\+ { line-height: -webkit-calc(2.6rem * var(--hyp-rem-multi)); line-height: calc(2.6rem * var(--hyp-rem-multi)); font-size: -webkit-calc(2rem * var(--hyp-rem-multi)); font-size: calc(2rem * var(--hyp-rem-multi)); } ._hy h2, ._hy .global-module_heading_2_cYx { line-height: -webkit-calc(2.4rem * var(--hyp-rem-multi)); line-height: calc(2.4rem * var(--hyp-rem-multi)); font-size: -webkit-calc(1.8rem * var(--hyp-rem-multi)); font-size: calc(1.8rem * var(--hyp-rem-multi)); } ._hy h3, ._hy .global-module_heading_3_oiC { line-height: -webkit-calc(2.1rem * var(--hyp-rem-multi)); line-height: calc(2.1rem * var(--hyp-rem-multi)); font-size: -webkit-calc(1.6rem * var(--hyp-rem-multi)); font-size: calc(1.6rem * var(--hyp-rem-multi)); } ._hy h4, ._hy .global-module_heading_4_jU3 { line-height: -webkit-calc(1.8rem * var(--hyp-rem-multi)); line-height: calc(1.8rem * var(--hyp-rem-multi)); font-size: -webkit-calc(1.4rem * var(--hyp-rem-multi)); font-size: calc(1.4rem * var(--hyp-rem-multi)); } ._hy h5, ._hy .global-module_heading_5_N6b { line-height: -webkit-calc(1.6rem * var(--hyp-rem-multi)); line-height: calc(1.6rem * var(--hyp-rem-multi)); font-size: -webkit-calc(1.2rem * var(--hyp-rem-multi)); font-size: calc(1.2rem * var(--hyp-rem-multi)); } ._hy h6, ._hy .global-module_heading_6_3qi { line-height: 14px; font-size: -webkit-calc(1.1rem * var(--hyp-rem-multi)); font-size: calc(1.1rem * var(--hyp-rem-multi)); } /* additionnal commons markup */ ._hy .global-module_listStyle_none_vc5 { list-style-type: none; } ._hy .global-module_text_1dK { color: #4D4D4D; } ._hy .global-module_pointer_none_PYk { pointer-events: none; } /* should be use if flex must be hide in a conditionnal way, because of organisations of css. */ ._hy .global-module_helper_display-flex_D\+g { display: -webkit-box; display: -webkit-flex; display: flex; } /* flex helper */ ._hy .global-module_helper_hideText_wLU { overflow: hidden; text-indent: -9999px; outline: none; } /* flex helper */ ._hy .global-module_helper_flex-occupy_8Xy { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } /* When showing element depending from a breakpoint, that mean by default it's hidden */ ._hy .global-module_helper_show-AboveTablet_R5W, ._hy .global-module_helper_show-BelowDesktop_5w2 { display: none; } ._hy .global-module_helper_hide-BelowPhone_vDp { display: inherit; } ._hy .global-module_helper_hide-BelowTablet_lCo { display: inherit; } /* Rappels : --phone: 320px; --landscape: 576px; --tablet: 768px; --desktop: 992px; --wide: 1200px; --max: 1492px; */ @media screen and (max-width: 75em) { ._hy .global-module_helper_hide-BelowWide_MFh { display: none ; } } @media screen and (max-width: 93.25em) { ._hy .global-module_helper_hide-BelowMax_ci3 { display: none ; } } @media screen and (max-width: 62em) { ._hy .global-module_helper_show-BelowDesktop_5w2 { display: inherit; } ._hy .global-module_helper_hide-BelowDesktop_3mJ { display: none !important; } } @media screen and (max-width: 36em) { ._hy .global-module_helper_hide-BelowLandscape_OZT { display: none !important; } } @media screen and (min-width: 36em) { ._hy .global-module_helper_hide-AboveLandscape_Hwy { display: none !important; } } @media screen and (max-width: 20em) { ._hy .global-module_helper_hide-BelowPhone_vDp { display: none !important; } ._hy header { padding-top: -webkit-calc(1.2rem * var(--hyp-rem-multi)); padding-top: calc(1.2rem * var(--hyp-rem-multi)); } } @media screen and (min-width: 48em) { ._hy .global-module_helper_hide-AboveTablet_CBv { display: none !important; } } /* use this to hide strictly after breakpoint value */ @media screen and (min-width: 48.063em) { ._hy .global-module_helper_hide-AboveTabletStrict_lD7 { display: none !important; } } @media screen and (max-width: 48em) { ._hy .global-module_helper_hide-BelowTablet_lCo { display: none !important; } } @media screen and (min-width: 48em) { ._hy .global-module_helper_show-AboveTablet_R5W { display: inherit; } } @media screen and (min-width: 62em) { ._hy .global-module_helper_hide-AboveDesktop_vtU { display: none !important; } } @media screen and (min-width: 20em) { ._hy .global-module_helper_hide-AbovePhone_Seu { display: none !important; } } @media screen and (min-width: 48em) { ._hy .global-module_helper_hide-Cat_Lrj { display: none; } } /* ====================================== Overlay ====================================== */ ._hy .global-module_helper-structure_overlay_M8T { position: absolute; top: 0; left: 0; } /* ====================================== Extra z-index ====================================== */ ._hy .global-module_z-10_crd { z-index: 10; } ._hy .global-module_z-11_y-w { z-index: 11; } ._hy .global-module_z-12_ObT { z-index: 12; } ._hy .global-module_z-13_BrY { z-index: 13; } ._hy .global-module_z-14_c6g { z-index: 14; } ._hy .global-module_z-15_Eyy { z-index: 15; } ._hy .global-module_z-16_V-n { z-index: 16; } ._hy .global-module_z-17_LIk { z-index: 17; } ._hy .global-module_z-18_SGg { z-index: 18; } ._hy .global-module_z-19_Fir { z-index: 19; } ._hy .global-module_z-20_BzP { z-index: 20; } ._hy .global-module_z-21_mLj { z-index: 21; } ._hy .global-module_z-22_fv- { z-index: 22; } ._hy .global-module_z-23_M4L { z-index: 23; } ._hy .global-module_z-24_zB4 { z-index: 24; } ._hy .global-module_z-25_1yP { z-index: 25; } ._hy .global-module_z-26_hrT { z-index: 26; } ._hy .global-module_z-27_JYM { z-index: 27; } ._hy .global-module_z-28_6dj { z-index: 28; } ._hy .global-module_z-29_eti { z-index: 29; } ._hy .global-module_z-30_MW\+ { z-index: 30; } /* ====================================== screen reader only ====================================== */ ._hy .global-module_sr-only_4mi { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } ._hy img { max-width: 100%; } /* More informations here: https://la-cascade.io/layout-sur-12-colonnes-avec-flexbox/; */ ._hy .global-module_grid_container_PiX { z-index: 9999; margin: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } ._hy .global-module_grid_row_yQf { height: auto; -webkit-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 8px; box-sizing: content-box; } /* IMPORTANT * Because of IE11 bug and misunderstanding of calc() functionnality inside flex, * flex shorthandwriting must be avoided. * > https://github.com/philipwalton/flexbugs#flexbug-8 */ ._hy .global-module_grid_col_uzS { margin: 0 8px; overflow: hidden; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1; -webkit-flex-basis: -webkit-calc(100% / 12 - 8px * 2); flex-basis: calc(100% / 12 - 8px * 2); max-width: -webkit-calc(100% / 12 - 8px * 2); max-width: calc(100% / 12 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 12); max-width: calc(100% / 12); } } ._hy .global-module_row_nogutter_usM { padding: 0; } ._hy .global-module_col_nogutter_HoR { margin: 0; box-sizing: border-box; } ._hy .global-module_grid_col-2_eaT { -webkit-box-flex: 2; -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-shrink: 2; flex-shrink: 2; -webkit-flex-basis: -webkit-calc(100% / 6 - 8px * 2); flex-basis: calc(100% / 6 - 8px * 2); max-width: -webkit-calc(100% / 6 - 8px * 2); max-width: calc(100% / 6 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 6); max-width: calc(100% / 6); } } ._hy .global-module_grid_col-3_\+Ap { -webkit-box-flex: 3; -webkit-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 3; flex-shrink: 3; -webkit-flex-basis: -webkit-calc(100% / 4 - 8px * 2); flex-basis: calc(100% / 4 - 8px * 2); max-width: -webkit-calc(100% / 4 - 8px * 2); max-width: calc(100% / 4 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 4); max-width: calc(100% / 4); } } ._hy .global-module_grid_col-4_mNi { -webkit-box-flex: 4; -webkit-flex-grow: 4; flex-grow: 4; -webkit-flex-shrink: 4; flex-shrink: 4; -webkit-flex-basis: -webkit-calc(100% / 3 - 8px * 2); flex-basis: calc(100% / 3 - 8px * 2); max-width: -webkit-calc(100% / 3 - 8px * 2); max-width: calc(100% / 3 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 3); max-width: calc(100% / 3); } } ._hy .global-module_grid_col-5_i2j { -webkit-box-flex: 5; -webkit-flex-grow: 5; flex-grow: 5; -webkit-flex-shrink: 5; flex-shrink: 5; -webkit-flex-basis: -webkit-calc(100% / (12 / 5) - 8px * 2); flex-basis: calc(100% / (12 / 5) - 8px * 2); max-width: -webkit-calc(100% / (12 / 5) - 8px * 2); max-width: calc(100% / (12 / 5) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 5)); max-width: calc(100% / (12 / 5)); } } ._hy .global-module_grid_col-6_d84 { -webkit-box-flex: 6; -webkit-flex-grow: 6; flex-grow: 6; -webkit-flex-shrink: 6; flex-shrink: 6; -webkit-flex-basis: -webkit-calc(100% / 2 - 8px * 2); flex-basis: calc(100% / 2 - 8px * 2); max-width: -webkit-calc(100% / 2 - 8px * 2); max-width: calc(100% / 2 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 2); max-width: calc(100% / 2); } } ._hy .global-module_grid_col-7_ARu { -webkit-box-flex: 7; -webkit-flex-grow: 7; flex-grow: 7; -webkit-flex-shrink: 7; flex-shrink: 7; -webkit-flex-basis: -webkit-calc(100% / (12 / 7) - 8px * 2); flex-basis: calc(100% / (12 / 7) - 8px * 2); max-width: -webkit-calc(100% / (12 / 7) - 8px * 2); max-width: calc(100% / (12 / 7) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 7)); max-width: calc(100% / (12 / 7)); } } ._hy .global-module_grid_col-8_Bza { -webkit-box-flex: 8; -webkit-flex-grow: 8; flex-grow: 8; -webkit-flex-shrink: 8; flex-shrink: 8; -webkit-flex-basis: -webkit-calc(100% / (12 / 8) - 8px * 2); flex-basis: calc(100% / (12 / 8) - 8px * 2); max-width: -webkit-calc(100% / (12 / 8) - 8px * 2); max-width: calc(100% / (12 / 8) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 8)); max-width: calc(100% / (12 / 8)); } } ._hy .global-module_grid_col-9_beO { -webkit-box-flex: 9; -webkit-flex-grow: 9; flex-grow: 9; -webkit-flex-shrink: 9; flex-shrink: 9; -webkit-flex-basis: -webkit-calc(100% / (12 / 9) - 8px * 2); flex-basis: calc(100% / (12 / 9) - 8px * 2); max-width: -webkit-calc(100% / (12 / 9) - 8px * 2); max-width: calc(100% / (12 / 9) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 9)); max-width: calc(100% / (12 / 9)); } } ._hy .global-module_grid_col-10_w63 { -webkit-box-flex: 10; -webkit-flex-grow: 10; flex-grow: 10; -webkit-flex-shrink: 10; flex-shrink: 10; -webkit-flex-basis: -webkit-calc(100% / (12 / 10) - 8px * 2); flex-basis: calc(100% / (12 / 10) - 8px * 2); max-width: -webkit-calc(100% / (12 / 10) - 8px * 2); max-width: calc(100% / (12 / 10) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 10)); max-width: calc(100% / (12 / 10)); } } ._hy .global-module_grid_col-11_ltj { -webkit-box-flex: 11; -webkit-flex-grow: 11; flex-grow: 11; -webkit-flex-shrink: 11; flex-shrink: 11; -webkit-flex-basis: -webkit-calc(100% / (12 / 11) - 8px * 2); flex-basis: calc(100% / (12 / 11) - 8px * 2); max-width: -webkit-calc(100% / (12 / 11) - 8px * 2); max-width: calc(100% / (12 / 11) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 11)); max-width: calc(100% / (12 / 11)); } } ._hy .global-module_grid_col-12_iTk { -webkit-box-flex: 12; -webkit-flex-grow: 12; flex-grow: 12; -webkit-flex-shrink: 12; flex-shrink: 12; -webkit-flex-basis: -webkit-calc(100% - 8px * 2); flex-basis: calc(100% - 8px * 2); max-width: -webkit-calc(100% - 8px * 2); max-width: calc(100% - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: 100%; } } /* phone: 320px; landscape: 576px; tablet: 768px; desktop: 992px; wide: 1200px; max: 1492px; */ /* Max */ @media screen and (max-width: 1492px) { ._hy .global-module_grid_col-0-BelowMax_z1V { display: none; } ._hy .global-module_grid_col-1-BelowMax_bRD { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1; -webkit-flex-basis: 0; flex-basis: 0; max-width: -webkit-calc(100% / 12 - 8px * 2); max-width: calc(100% / 12 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 12); max-width: calc(100% / 12); } } ._hy .global-module_grid_col-2-BelowMax_eDU { -webkit-box-flex: 2; -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-shrink: 2; flex-shrink: 2; -webkit-flex-basis: -webkit-calc(100% / 6 - 8px * 2); flex-basis: calc(100% / 6 - 8px * 2); max-width: -webkit-calc(100% / 6 - 8px * 2); max-width: calc(100% / 6 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 6); max-width: calc(100% / 6); } } ._hy .global-module_grid_col-3-BelowMax_zCi { -webkit-box-flex: 3; -webkit-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 3; flex-shrink: 3; -webkit-flex-basis: -webkit-calc(100% / 4 - 8px * 2); flex-basis: calc(100% / 4 - 8px * 2); max-width: -webkit-calc(100% / 4 - 8px * 2); max-width: calc(100% / 4 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 4); max-width: calc(100% / 4); } } ._hy .global-module_grid_col-4-BelowMax_aRt { -webkit-box-flex: 4; -webkit-flex-grow: 4; flex-grow: 4; -webkit-flex-shrink: 4; flex-shrink: 4; -webkit-flex-basis: -webkit-calc(100% / 3 - 8px * 2); flex-basis: calc(100% / 3 - 8px * 2); max-width: -webkit-calc(100% / 3 - 8px * 2); max-width: calc(100% / 3 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 3); max-width: calc(100% / 3); } } ._hy .global-module_grid_col-5-BelowMax_1m3 { -webkit-box-flex: 5; -webkit-flex-grow: 5; flex-grow: 5; -webkit-flex-shrink: 5; flex-shrink: 5; -webkit-flex-basis: -webkit-calc(100% / (12 / 5) - 8px * 2); flex-basis: calc(100% / (12 / 5) - 8px * 2); max-width: -webkit-calc(100% / (12 / 5) - 8px * 2); max-width: calc(100% / (12 / 5) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 5)); max-width: calc(100% / (12 / 5)); } } ._hy .global-module_grid_col-6-BelowMax_c0- { -webkit-box-flex: 6; -webkit-flex-grow: 6; flex-grow: 6; -webkit-flex-shrink: 6; flex-shrink: 6; -webkit-flex-basis: -webkit-calc(100% / 2 - 8px * 2); flex-basis: calc(100% / 2 - 8px * 2); max-width: -webkit-calc(100% / 2 - 8px * 2); max-width: calc(100% / 2 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 2); max-width: calc(100% / 2); } } ._hy .global-module_grid_col-7-BelowMax_g9q { -webkit-box-flex: 7; -webkit-flex-grow: 7; flex-grow: 7; -webkit-flex-shrink: 7; flex-shrink: 7; -webkit-flex-basis: -webkit-calc(100% / (12 / 7) - 8px * 2); flex-basis: calc(100% / (12 / 7) - 8px * 2); max-width: -webkit-calc(100% / (12 / 7) - 8px * 2); max-width: calc(100% / (12 / 7) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 7)); max-width: calc(100% / (12 / 7)); } } ._hy .global-module_grid_col-8-BelowMax_5D9 { -webkit-box-flex: 8; -webkit-flex-grow: 8; flex-grow: 8; -webkit-flex-shrink: 8; flex-shrink: 8; -webkit-flex-basis: -webkit-calc(100% / (12 / 8) - 8px * 2); flex-basis: calc(100% / (12 / 8) - 8px * 2); max-width: -webkit-calc(100% / (12 / 8) - 8px * 2); max-width: calc(100% / (12 / 8) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 8)); max-width: calc(100% / (12 / 8)); } } ._hy .global-module_grid_col-9-BelowMax_DPG { -webkit-box-flex: 9; -webkit-flex-grow: 9; flex-grow: 9; -webkit-flex-shrink: 9; flex-shrink: 9; -webkit-flex-basis: -webkit-calc(100% / (12 / 9) - 8px * 2); flex-basis: calc(100% / (12 / 9) - 8px * 2); max-width: -webkit-calc(100% / (12 / 9) - 8px * 2); max-width: calc(100% / (12 / 9) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 9)); max-width: calc(100% / (12 / 9)); } } ._hy .global-module_grid_col-10-BelowMax_Gmq { -webkit-box-flex: 10; -webkit-flex-grow: 10; flex-grow: 10; -webkit-flex-shrink: 10; flex-shrink: 10; -webkit-flex-basis: -webkit-calc(100% / (12 / 10) - 8px * 2); flex-basis: calc(100% / (12 / 10) - 8px * 2); max-width: -webkit-calc(100% / (12 / 10) - 8px * 2); max-width: calc(100% / (12 / 10) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 10)); max-width: calc(100% / (12 / 10)); } } ._hy .global-module_grid_col-11-BelowMax_uMD { -webkit-box-flex: 11; -webkit-flex-grow: 11; flex-grow: 11; -webkit-flex-shrink: 11; flex-shrink: 11; -webkit-flex-basis: -webkit-calc(100% / (12 / 11) - 8px * 2); flex-basis: calc(100% / (12 / 11) - 8px * 2); max-width: -webkit-calc(100% / (12 / 11) - 8px * 2); max-width: calc(100% / (12 / 11) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 11)); max-width: calc(100% / (12 / 11)); } } ._hy .global-module_grid_col-12-BelowMax_gI\+ { -webkit-box-flex: 12; -webkit-flex-grow: 12; flex-grow: 12; -webkit-flex-shrink: 12; flex-shrink: 12; -webkit-flex-basis: -webkit-calc(100% - 8px * 2); flex-basis: calc(100% - 8px * 2); max-width: -webkit-calc(100% - 8px * 2); max-width: calc(100% - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: 100%; } } } /* Wide */ @media screen and (max-width: 1200px) { ._hy .global-module_grid_col-0-BelowWide_XBq { display: none; } ._hy .global-module_grid_col-1-BelowWide_Q26 { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1; -webkit-flex-basis: 0; flex-basis: 0; max-width: -webkit-calc(100% / 12 - 8px * 2); max-width: calc(100% / 12 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 12); max-width: calc(100% / 12); } } ._hy .global-module_grid_col-2-BelowWide_MJM { -webkit-box-flex: 2; -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-shrink: 2; flex-shrink: 2; -webkit-flex-basis: -webkit-calc(100% / 6 - 8px * 2); flex-basis: calc(100% / 6 - 8px * 2); max-width: -webkit-calc(100% / 6 - 8px * 2); max-width: calc(100% / 6 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 6); max-width: calc(100% / 6); } } ._hy .global-module_grid_col-3-BelowWide_0ju { -webkit-box-flex: 3; -webkit-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 3; flex-shrink: 3; -webkit-flex-basis: -webkit-calc(100% / 4 - 8px * 2); flex-basis: calc(100% / 4 - 8px * 2); max-width: -webkit-calc(100% / 4 - 8px * 2); max-width: calc(100% / 4 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 4); max-width: calc(100% / 4); } } ._hy .global-module_grid_col-4-BelowWide_yap { -webkit-box-flex: 4; -webkit-flex-grow: 4; flex-grow: 4; -webkit-flex-shrink: 4; flex-shrink: 4; -webkit-flex-basis: -webkit-calc(100% / 3 - 8px * 2); flex-basis: calc(100% / 3 - 8px * 2); max-width: -webkit-calc(100% / 3 - 8px * 2); max-width: calc(100% / 3 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 3); max-width: calc(100% / 3); } } ._hy .global-module_grid_col-5-BelowWide_-\+t { -webkit-box-flex: 5; -webkit-flex-grow: 5; flex-grow: 5; -webkit-flex-shrink: 5; flex-shrink: 5; -webkit-flex-basis: -webkit-calc(100% / (12 / 5) - 8px * 2); flex-basis: calc(100% / (12 / 5) - 8px * 2); max-width: -webkit-calc(100% / (12 / 5) - 8px * 2); max-width: calc(100% / (12 / 5) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 5)); max-width: calc(100% / (12 / 5)); } } ._hy .global-module_grid_col-6-BelowWide_RmZ { -webkit-box-flex: 6; -webkit-flex-grow: 6; flex-grow: 6; -webkit-flex-shrink: 6; flex-shrink: 6; -webkit-flex-basis: -webkit-calc(100% / 2 - 8px * 2); flex-basis: calc(100% / 2 - 8px * 2); max-width: -webkit-calc(100% / 2 - 8px * 2); max-width: calc(100% / 2 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 2); max-width: calc(100% / 2); } } ._hy .global-module_grid_col-7-BelowWide_qab { -webkit-box-flex: 7; -webkit-flex-grow: 7; flex-grow: 7; -webkit-flex-shrink: 7; flex-shrink: 7; -webkit-flex-basis: -webkit-calc(100% / (12 / 7) - 8px * 2); flex-basis: calc(100% / (12 / 7) - 8px * 2); max-width: -webkit-calc(100% / (12 / 7) - 8px * 2); max-width: calc(100% / (12 / 7) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 7)); max-width: calc(100% / (12 / 7)); } } ._hy .global-module_grid_col-8-BelowWide_g5r { -webkit-box-flex: 8; -webkit-flex-grow: 8; flex-grow: 8; -webkit-flex-shrink: 8; flex-shrink: 8; -webkit-flex-basis: -webkit-calc(100% / (12 / 8) - 8px * 2); flex-basis: calc(100% / (12 / 8) - 8px * 2); max-width: -webkit-calc(100% / (12 / 8) - 8px * 2); max-width: calc(100% / (12 / 8) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 8)); max-width: calc(100% / (12 / 8)); } } ._hy .global-module_grid_col-9-BelowWide_3fI { -webkit-box-flex: 9; -webkit-flex-grow: 9; flex-grow: 9; -webkit-flex-shrink: 9; flex-shrink: 9; -webkit-flex-basis: -webkit-calc(100% / (12 / 9) - 8px * 2); flex-basis: calc(100% / (12 / 9) - 8px * 2); max-width: -webkit-calc(100% / (12 / 9) - 8px * 2); max-width: calc(100% / (12 / 9) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 9)); max-width: calc(100% / (12 / 9)); } } ._hy .global-module_grid_col-10-BelowWide_3hG { -webkit-box-flex: 10; -webkit-flex-grow: 10; flex-grow: 10; -webkit-flex-shrink: 10; flex-shrink: 10; -webkit-flex-basis: -webkit-calc(100% / (12 / 10) - 8px * 2); flex-basis: calc(100% / (12 / 10) - 8px * 2); max-width: -webkit-calc(100% / (12 / 10) - 8px * 2); max-width: calc(100% / (12 / 10) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 10)); max-width: calc(100% / (12 / 10)); } } ._hy .global-module_grid_col-11-BelowWide_EYN { -webkit-box-flex: 11; -webkit-flex-grow: 11; flex-grow: 11; -webkit-flex-shrink: 11; flex-shrink: 11; -webkit-flex-basis: -webkit-calc(100% / (12 / 11) - 8px * 2); flex-basis: calc(100% / (12 / 11) - 8px * 2); max-width: -webkit-calc(100% / (12 / 11) - 8px * 2); max-width: calc(100% / (12 / 11) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 11)); max-width: calc(100% / (12 / 11)); } } ._hy .global-module_grid_col-12-BelowWide_ayA { -webkit-box-flex: 12; -webkit-flex-grow: 12; flex-grow: 12; -webkit-flex-shrink: 12; flex-shrink: 12; -webkit-flex-basis: -webkit-calc(100% - 8px * 2); flex-basis: calc(100% - 8px * 2); max-width: -webkit-calc(100% - 8px * 2); max-width: calc(100% - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: 100%; } } } /* Desktop */ @media screen and (max-width: 992px) { ._hy .global-module_grid_col-0-BelowDesktop_H7l { display: none; } ._hy .global-module_grid_col-1-BelowDesktop_NyZ { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1; -webkit-flex-basis: 0; flex-basis: 0; max-width: -webkit-calc(100% / 12 - 8px * 2); max-width: calc(100% / 12 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 12); max-width: calc(100% / 12); } } ._hy .global-module_grid_col-2-BelowDesktop_DVR { -webkit-box-flex: 2; -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-shrink: 2; flex-shrink: 2; -webkit-flex-basis: -webkit-calc(100% / 6 - 8px * 2); flex-basis: calc(100% / 6 - 8px * 2); max-width: -webkit-calc(100% / 6 - 8px * 2); max-width: calc(100% / 6 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 6); max-width: calc(100% / 6); } } ._hy .global-module_grid_col-3-BelowDesktop_3J- { -webkit-box-flex: 3; -webkit-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 3; flex-shrink: 3; -webkit-flex-basis: -webkit-calc(100% / 4 - 8px * 2); flex-basis: calc(100% / 4 - 8px * 2); max-width: -webkit-calc(100% / 4 - 8px * 2); max-width: calc(100% / 4 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 4); max-width: calc(100% / 4); } } ._hy .global-module_grid_col-4-BelowDesktop_pXx { -webkit-box-flex: 4; -webkit-flex-grow: 4; flex-grow: 4; -webkit-flex-shrink: 4; flex-shrink: 4; -webkit-flex-basis: -webkit-calc(100% / 3 - 8px * 2); flex-basis: calc(100% / 3 - 8px * 2); max-width: -webkit-calc(100% / 3 - 8px * 2); max-width: calc(100% / 3 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 3); max-width: calc(100% / 3); } } ._hy .global-module_grid_col-5-BelowDesktop_pTc { -webkit-box-flex: 5; -webkit-flex-grow: 5; flex-grow: 5; -webkit-flex-shrink: 5; flex-shrink: 5; -webkit-flex-basis: -webkit-calc(100% / (12 / 5) - 8px * 2); flex-basis: calc(100% / (12 / 5) - 8px * 2); max-width: -webkit-calc(100% / (12 / 5) - 8px * 2); max-width: calc(100% / (12 / 5) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 5)); max-width: calc(100% / (12 / 5)); } } ._hy .global-module_grid_col-6-BelowDesktop_NGQ { -webkit-box-flex: 6; -webkit-flex-grow: 6; flex-grow: 6; -webkit-flex-shrink: 6; flex-shrink: 6; -webkit-flex-basis: -webkit-calc(100% / 2 - 8px * 2); flex-basis: calc(100% / 2 - 8px * 2); max-width: -webkit-calc(100% / 2 - 8px * 2); max-width: calc(100% / 2 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 2); max-width: calc(100% / 2); } } ._hy .global-module_grid_col-7-BelowDesktop_5BZ { -webkit-box-flex: 7; -webkit-flex-grow: 7; flex-grow: 7; -webkit-flex-shrink: 7; flex-shrink: 7; -webkit-flex-basis: -webkit-calc(100% / (12 / 7) - 8px * 2); flex-basis: calc(100% / (12 / 7) - 8px * 2); max-width: -webkit-calc(100% / (12 / 7) - 8px * 2); max-width: calc(100% / (12 / 7) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 7)); max-width: calc(100% / (12 / 7)); } } ._hy .global-module_grid_col-8-BelowDesktop_bnU { -webkit-box-flex: 8; -webkit-flex-grow: 8; flex-grow: 8; -webkit-flex-shrink: 8; flex-shrink: 8; -webkit-flex-basis: -webkit-calc(100% / (12 / 8) - 8px * 2); flex-basis: calc(100% / (12 / 8) - 8px * 2); max-width: -webkit-calc(100% / (12 / 8) - 8px * 2); max-width: calc(100% / (12 / 8) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 8)); max-width: calc(100% / (12 / 8)); } } ._hy .global-module_grid_col-9-BelowDesktop_7aI { -webkit-box-flex: 9; -webkit-flex-grow: 9; flex-grow: 9; -webkit-flex-shrink: 9; flex-shrink: 9; -webkit-flex-basis: -webkit-calc(100% / (12 / 9) - 8px * 2); flex-basis: calc(100% / (12 / 9) - 8px * 2); max-width: -webkit-calc(100% / 1.3 - 8px * 2); max-width: calc(100% / 1.3 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 9)); max-width: calc(100% / (12 / 9)); } } ._hy .global-module_grid_col-10-BelowDesktop_0NZ { -webkit-box-flex: 10; -webkit-flex-grow: 10; flex-grow: 10; -webkit-flex-shrink: 10; flex-shrink: 10; -webkit-flex-basis: -webkit-calc(100% / (12 / 10) - 8px * 2); flex-basis: calc(100% / (12 / 10) - 8px * 2); max-width: -webkit-calc(100% / (12 / 10) - 8px * 2); max-width: calc(100% / (12 / 10) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 10)); max-width: calc(100% / (12 / 10)); } } ._hy .global-module_grid_col-11-BelowDesktop_C4j { -webkit-box-flex: 11; -webkit-flex-grow: 11; flex-grow: 11; -webkit-flex-shrink: 11; flex-shrink: 11; -webkit-flex-basis: -webkit-calc(100% / (12 / 11) - 8px * 2); flex-basis: calc(100% / (12 / 11) - 8px * 2); max-width: -webkit-calc(100% / (12 / 11) - 8px * 2); max-width: calc(100% / (12 / 11) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 11)); max-width: calc(100% / (12 / 11)); } } ._hy .global-module_grid_col-12-BelowDesktop_uQp { -webkit-box-flex: 12; -webkit-flex-grow: 12; flex-grow: 12; -webkit-flex-shrink: 12; flex-shrink: 12; -webkit-flex-basis: -webkit-calc(100% - 8px * 2); flex-basis: calc(100% - 8px * 2); max-width: -webkit-calc(100% / 1 - 8px * 2); max-width: calc(100% / 1 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: 100%; } } } /* Tablet */ @media screen and (max-width: 768px) { ._hy .global-module_grid_col-0-BelowTablet_se1 { display: none; } ._hy .global-module_grid_col-1-BelowTablet_lSt { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1; -webkit-flex-basis: 0; flex-basis: 0; max-width: -webkit-calc(100% / 12 - 8px * 2); max-width: calc(100% / 12 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 12); max-width: calc(100% / 12); } } ._hy .global-module_grid_col-2-BelowTablet_pu\+ { -webkit-box-flex: 2; -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-shrink: 2; flex-shrink: 2; -webkit-flex-basis: -webkit-calc(100% / 6 - 8px * 2); flex-basis: calc(100% / 6 - 8px * 2); max-width: -webkit-calc(100% / 6 - 8px * 2); max-width: calc(100% / 6 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 6); max-width: calc(100% / 6); } } ._hy .global-module_grid_col-3-BelowTablet_N\+q { -webkit-box-flex: 3; -webkit-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 3; flex-shrink: 3; -webkit-flex-basis: -webkit-calc(100% / 4 - 8px * 2); flex-basis: calc(100% / 4 - 8px * 2); max-width: -webkit-calc(100% / 4 - 8px * 2); max-width: calc(100% / 4 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 4); max-width: calc(100% / 4); } } ._hy .global-module_grid_col-4-BelowTablet_t3f { -webkit-box-flex: 4; -webkit-flex-grow: 4; flex-grow: 4; -webkit-flex-shrink: 4; flex-shrink: 4; -webkit-flex-basis: -webkit-calc(100% / 3 - 8px * 2); flex-basis: calc(100% / 3 - 8px * 2); max-width: -webkit-calc(100% / 3 - 8px * 2); max-width: calc(100% / 3 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 3); max-width: calc(100% / 3); } } ._hy .global-module_grid_col-5-BelowTablet_BE0 { -webkit-box-flex: 5; -webkit-flex-grow: 5; flex-grow: 5; -webkit-flex-shrink: 5; flex-shrink: 5; -webkit-flex-basis: -webkit-calc(100% / (12 / 5) - 8px * 2); flex-basis: calc(100% / (12 / 5) - 8px * 2); max-width: -webkit-calc(100% / (12 / 5) - 8px * 2); max-width: calc(100% / (12 / 5) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 5)); max-width: calc(100% / (12 / 5)); } } ._hy .global-module_grid_col-6-BelowTablet_Eya { -webkit-box-flex: 6; -webkit-flex-grow: 6; flex-grow: 6; -webkit-flex-shrink: 6; flex-shrink: 6; -webkit-flex-basis: -webkit-calc(100% / 2 - 8px * 2); flex-basis: calc(100% / 2 - 8px * 2); max-width: -webkit-calc(100% / 2 - 8px * 2); max-width: calc(100% / 2 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 2); max-width: calc(100% / 2); } } ._hy .global-module_grid_col-7-BelowTablet_xIK { -webkit-box-flex: 7; -webkit-flex-grow: 7; flex-grow: 7; -webkit-flex-shrink: 7; flex-shrink: 7; -webkit-flex-basis: -webkit-calc(100% / (12 / 7) - 8px * 2); flex-basis: calc(100% / (12 / 7) - 8px * 2); max-width: -webkit-calc(100% / (12 / 7) - 8px * 2); max-width: calc(100% / (12 / 7) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 7)); max-width: calc(100% / (12 / 7)); } } ._hy .global-module_grid_col-8-BelowTablet_B7x { -webkit-box-flex: 8; -webkit-flex-grow: 8; flex-grow: 8; -webkit-flex-shrink: 8; flex-shrink: 8; -webkit-flex-basis: -webkit-calc(100% / (12 / 8) - 8px * 2); flex-basis: calc(100% / (12 / 8) - 8px * 2); max-width: -webkit-calc(100% / (12 / 8) - 8px * 2); max-width: calc(100% / (12 / 8) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 8)); max-width: calc(100% / (12 / 8)); } } ._hy .global-module_grid_col-9-BelowTablet_d2V { -webkit-box-flex: 9; -webkit-flex-grow: 9; flex-grow: 9; -webkit-flex-shrink: 9; flex-shrink: 9; -webkit-flex-basis: -webkit-calc(100% / (12 / 9) - 8px * 2); flex-basis: calc(100% / (12 / 9) - 8px * 2); max-width: -webkit-calc(100% / (12 / 9) - 8px * 2); max-width: calc(100% / (12 / 9) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 9)); max-width: calc(100% / (12 / 9)); } } ._hy .global-module_grid_col-10-BelowTablet_EBe { -webkit-box-flex: 10; -webkit-flex-grow: 10; flex-grow: 10; -webkit-flex-shrink: 10; flex-shrink: 10; -webkit-flex-basis: -webkit-calc(100% / (12 / 10) - 8px * 2); flex-basis: calc(100% / (12 / 10) - 8px * 2); max-width: -webkit-calc(100% / (12 / 10) - 8px * 2); max-width: calc(100% / (12 / 10) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 10)); max-width: calc(100% / (12 / 10)); } } ._hy .global-module_grid_col-11-BelowTablet_NHV { -webkit-box-flex: 11; -webkit-flex-grow: 11; flex-grow: 11; -webkit-flex-shrink: 11; flex-shrink: 11; -webkit-flex-basis: -webkit-calc(100% / (12 / 11) - 8px * 2); flex-basis: calc(100% / (12 / 11) - 8px * 2); max-width: -webkit-calc(100% / (12 / 11) - 8px * 2); max-width: calc(100% / (12 / 11) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 11)); max-width: calc(100% / (12 / 11)); } } ._hy .global-module_grid_col-12-BelowTablet_WEw { -webkit-box-flex: 12; -webkit-flex-grow: 12; flex-grow: 12; -webkit-flex-shrink: 12; flex-shrink: 12; -webkit-flex-basis: -webkit-calc(100% / 1 - 8px * 2); flex-basis: calc(100% / 1 - 8px * 2); max-width: -webkit-calc(100% / 1 - 8px * 2); max-width: calc(100% / 1 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: 100%; } } } /* Landscape */ @media screen and (max-width: 576px) { ._hy .global-module_grid_col-0-BelowLandscape_Vqq { display: none; } ._hy .global-module_grid_col-1-BelowLandscape_eiZ { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1; -webkit-flex-basis: 0; flex-basis: 0; max-width: -webkit-calc(100% / 12 - 8px * 2); max-width: calc(100% / 12 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 12); max-width: calc(100% / 12); } } ._hy .global-module_grid_col-2-BelowLandscape_daz { -webkit-box-flex: 2; -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-shrink: 2; flex-shrink: 2; -webkit-flex-basis: -webkit-calc(100% / 6 - 8px * 2); flex-basis: calc(100% / 6 - 8px * 2); max-width: -webkit-calc(100% / 6 - 8px * 2); max-width: calc(100% / 6 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 6); max-width: calc(100% / 6); } } ._hy .global-module_grid_col-3-BelowLandscape_9mB { -webkit-box-flex: 3; -webkit-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 3; flex-shrink: 3; -webkit-flex-basis: -webkit-calc(100% / 4 - 8px * 2); flex-basis: calc(100% / 4 - 8px * 2); max-width: -webkit-calc(100% / 4 - 8px * 2); max-width: calc(100% / 4 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 4); max-width: calc(100% / 4); } } ._hy .global-module_grid_col-4-BelowLandscape_3su { -webkit-box-flex: 4; -webkit-flex-grow: 4; flex-grow: 4; -webkit-flex-shrink: 4; flex-shrink: 4; -webkit-flex-basis: -webkit-calc(100% / 3 - 8px * 2); flex-basis: calc(100% / 3 - 8px * 2); max-width: -webkit-calc(100% / 3 - 8px * 2); max-width: calc(100% / 3 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 3); max-width: calc(100% / 3); } } ._hy .global-module_grid_col-5-BelowLandscape_rJE { -webkit-box-flex: 5; -webkit-flex-grow: 5; flex-grow: 5; -webkit-flex-shrink: 5; flex-shrink: 5; -webkit-flex-basis: -webkit-calc(100% / (12 / 5) - 8px * 2); flex-basis: calc(100% / (12 / 5) - 8px * 2); max-width: -webkit-calc(100% / (12 / 5) - 8px * 2); max-width: calc(100% / (12 / 5) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 5)); max-width: calc(100% / (12 / 5)); } } ._hy .global-module_grid_col-6-BelowLandscape_uVc { -webkit-box-flex: 6; -webkit-flex-grow: 6; flex-grow: 6; -webkit-flex-shrink: 6; flex-shrink: 6; -webkit-flex-basis: -webkit-calc(100% / 2 - 8px * 2); flex-basis: calc(100% / 2 - 8px * 2); max-width: -webkit-calc(100% / 2 - 8px * 2); max-width: calc(100% / 2 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / 2); max-width: calc(100% / 2); } } ._hy .global-module_grid_col-7-BelowLandscape_XoL { -webkit-box-flex: 7; -webkit-flex-grow: 7; flex-grow: 7; -webkit-flex-shrink: 7; flex-shrink: 7; -webkit-flex-basis: -webkit-calc(100% / (12 / 7) - 8px * 2); flex-basis: calc(100% / (12 / 7) - 8px * 2); max-width: -webkit-calc(100% / (12 / 7) - 8px * 2); max-width: calc(100% / (12 / 7) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 7)); max-width: calc(100% / (12 / 7)); } } ._hy .global-module_grid_col-8-BelowLandscape_LiU { -webkit-box-flex: 8; -webkit-flex-grow: 8; flex-grow: 8; -webkit-flex-shrink: 8; flex-shrink: 8; -webkit-flex-basis: -webkit-calc(100% / (12 / 8) - 8px * 2); flex-basis: calc(100% / (12 / 8) - 8px * 2); max-width: -webkit-calc(100% / (12 / 8) - 8px * 2); max-width: calc(100% / (12 / 8) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 8)); max-width: calc(100% / (12 / 8)); } } ._hy .global-module_grid_col-9-BelowLandscape_YK3 { -webkit-box-flex: 9; -webkit-flex-grow: 9; flex-grow: 9; -webkit-flex-shrink: 9; flex-shrink: 9; -webkit-flex-basis: -webkit-calc(100% / (12 / 9) - 8px * 2); flex-basis: calc(100% / (12 / 9) - 8px * 2); max-width: -webkit-calc(100% / (12 / 9) - 8px * 2); max-width: calc(100% / (12 / 9) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 9)); max-width: calc(100% / (12 / 9)); } } ._hy .global-module_grid_col-10-BelowLandscape_RFb { -webkit-box-flex: 10; -webkit-flex-grow: 10; flex-grow: 10; -webkit-flex-shrink: 10; flex-shrink: 10; -webkit-flex-basis: -webkit-calc(100% / (12 / 10) - 8px * 2); flex-basis: calc(100% / (12 / 10) - 8px * 2); max-width: -webkit-calc(100% / (12 / 10) - 8px * 2); max-width: calc(100% / (12 / 10) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 10)); max-width: calc(100% / (12 / 10)); } } ._hy .global-module_grid_col-11-BelowLandscape_KYL { -webkit-box-flex: 11; -webkit-flex-grow: 11; flex-grow: 11; -webkit-flex-shrink: 11; flex-shrink: 11; -webkit-flex-basis: -webkit-calc(100% / (12 / 11) - 8px * 2); flex-basis: calc(100% / (12 / 11) - 8px * 2); max-width: -webkit-calc(100% / (12 / 11) - 8px * 2); max-width: calc(100% / (12 / 11) - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: -webkit-calc(100% / (12 / 11)); max-width: calc(100% / (12 / 11)); } } ._hy .global-module_grid_col-12-BelowLandscape_kbF { -webkit-box-flex: 12; -webkit-flex-grow: 12; flex-grow: 12; -webkit-flex-shrink: 12; flex-shrink: 12; -webkit-flex-basis: -webkit-calc(100% / 1 - 8px * 2); flex-basis: calc(100% / 1 - 8px * 2); max-width: -webkit-calc(100% / 1 - 8px * 2); max-width: calc(100% / 1 - 8px * 2); ._hy &.global-module_col_nogutter_HoR { max-width: 100%; } } } ._hy .global-module_grid_col-auto_-XO, ._hy .global-module_grid_col-auto_-XO.global-module_col_nogutter_HoR { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: none; } ._hy .global-module_col_special_l7t { /* outline: 1px solid green; max-width: 200px; background: #9f9; */ -webkit-box-flex: 1; -webkit-flex: 1 0 0; flex: 1 0 0; } ._hy .global-module_grid10_row_BJ2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: content-box; } /* By default occupy 100% */ ._hy .global-module_grid10_col_sI1 { -webkit-box-flex: 2; -webkit-flex: 2 2 -webkit-calc(100% / 5 - 8px * 2); flex: 2 2 calc(100% / 5 - 8px * 2); max-width: -webkit-calc(100% / 5 - 8px * 2); max-width: calc(100% / 5 - 8px * 2); } @media screen and (max-width: 93.25em) { ._hy .global-module_grid10_col-3-BelowMax_9hR { -webkit-box-flex: 3; -webkit-flex: 3 3 -webkit-calc(100% / 3 - 8px * 2); flex: 3 3 calc(100% / 3 - 8px * 2); max-width: -webkit-calc(100% / 3 - 8px * 2); max-width: calc(100% / 3 - 8px * 2); } } @media screen and (min-width: 1492px) { ._hy .global-module_grid10-col2-aboveMax_Fdr { -webkit-box-flex: 2; -webkit-flex: 2 2 -webkit-calc(100% / 5 - 8px * 2); flex: 2 2 calc(100% / 5 - 8px * 2); max-width: -webkit-calc(100% / 5 - 8px * 2); max-width: calc(100% / 5 - 8px * 2); } ._hy .global-module_grid10-col8-aboveMax_xef { -webkit-box-flex: 8; -webkit-flex: 8 8 -webkit-calc(100% / 1.25 - 8px * 2); flex: 8 8 calc(100% / 1.25 - 8px * 2); max-width: -webkit-calc(100% / 1.25 - 8px * 2); max-width: calc(100% / 1.25 - 8px * 2); } } @media screen and (max-width: 48em) { /* below 768px */ ._hy .global-module_grid10_col-3-BelowTablet_vZU { -webkit-box-flex: 3; -webkit-flex: 3 3 -webkit-calc(100% / 3 - 8px * 2); flex: 3 3 calc(100% / 3 - 8px * 2); max-width: -webkit-calc(100% / 3 - 8px * 2); max-width: calc(100% / 3 - 8px * 2); } } @media screen and (max-width: 36em) { /* below 576px */ ._hy .global-module_grid10_col-3-BelowLandscape_wsC { margin: 0; padding-top: -webkit-calc(2rem * var(--hyp-rem-multi)); padding-top: calc(2rem * var(--hyp-rem-multi)); padding-bottom: -webkit-calc(2rem * var(--hyp-rem-multi)); padding-bottom: calc(2rem * var(--hyp-rem-multi)); -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(100%); flex: 0 0 calc(100%); max-width: -webkit-calc(100%); max-width: calc(100%); } } /* README Instead of installing the entire npm package slick-carousel to use only the css files, this CSS was copied and pasted from slick.css and slick-theme.css of https://github.com/kenwheeler/slick. In addition it is avoiding configuring webpack to look into the node_modules to retrieve the css of the slick-carousel Random Comment */ @charset 'UTF-8'; /* slick-theme.css from https://github.com/kenwheeler/slick */ /* Slider */ /* .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } */ /* Slider */ /* !important Loader resource below was commented in order to avoid adding assets */ /* .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } */ /* Icons */ /* !important: font face was modified for Priceminister, formats other than woff have been removed */ /* Arrows */ /* .slick-prev, .slick-next { position: absolute; width: 24px; height: 24px; border-radius: 0%; background-color: rgba(255, 255, 255, 0.9); background-repeat: no-repeat; border: none; background-position-y: 14px; color: transparent; transition: all 0.3s ease-in-out; cursor: pointer; font-size: 0; line-height: 0; top: 37%; outline: none; z-index: 1; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: white; outline: none; // background: transparent; // } .slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; } */ ._hy .global-module_slick-prev_bET, ._hy .global-module_slick-next_hml { background-position: 50% 50%; } ._hy .global-module_slick-prev_bET { background-image: url('https://pmcdn.staticpmrk.com/visuels/canopy-commons/left-arrow-grey.svg'); background-size: contain; left: -2000px; /* top: 0; */ } ._hy .global-module_slick-next_hml { background-image: url('https://pmcdn.staticpmrk.com/visuels/canopy-commons/right-arrow-grey.svg'); background-size: contain; right: -2000px; } ._hy .global-module_lg_Ken .global-module_slick-prev_bET { left: -60px; /* top: 0; */ } ._hy .global-module_sm_jbO .global-module_slick-prev_bET { left: -28px; /* top: 0; */ } ._hy .global-module_lg_Ken .global-module_slick-next_hml { right: -60px; } ._hy .global-module_sm_jbO .global-module_slick-next_hml { right: -28px; } ._hy .global-module_lg_Ken .global-module_slick-prev_bET, ._hy .global-module_lg_Ken .global-module_slick-next_hml { width: 56px; height: 56px; } ._hy .global-module_sm_jbO .global-module_slick-prev_bET, ._hy .global-module_sm_jbO .global-module_slick-next_hml { width: 24px; height: 24px; } /* .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { background-color: white; outline: none; } */ ._hy .global-module_slick-prev_bET.global-module_slick-arrow_xVN.global-module_slick-disabled_way, ._hy .global-module_slick-next_hml.global-module_slick-arrow_xVN.global-module_slick-disabled_way { opacity: 0; cursor: default; } /* Dots */ ._hy .global-module_slick-dots_ov6 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; width: 100%; padding: 0; list-style: none; text-align: center; } ._hy .global-module_slick-dots_ov6 li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 5px; padding: 0; cursor: pointer; } ._hy .global-module_slick-dots_ov6 button { font-size: 0; padding: 0; line-height: 0; display: block; width: 8px; height: 8px; border-radius: 8px; border: 0; outline: none; cursor: pointer; color: transparent; background-color: rgba(0, 0, 0, 0.4); } ._hy .global-module_slick-dots_ov6 li button { background-color: rgba(0, 0, 0, 0.15); } ._hy .global-module_slick-dots_ov6 .global-module_slick-active_TKf button { background-color: rgba(0, 0, 0, 0.4); } ._hy .global-module_slick-dots_ov6 li button:hover, ._hy .global-module_slick-dots_ov6 li button:focus { outline: none; } /* .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } */ ._hy .global-module_slick-prev_bET.global-module_slick-disabled_way:before, ._hy .global-module_slick-next_hml.global-module_slick-disabled_way:before { opacity: .25; } /* .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } */ /* Icons */ /* Slider */ ._hy .global-module_slick-slider_qfi { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } ._hy .global-module_slick-list_gKv { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } ._hy .global-module_slick-list_gKv:focus { outline: none; } ._hy .global-module_slick-list_gKv.global-module_dragging_3BX { cursor: pointer; cursor: hand; } ._hy .global-module_slick-slider_qfi .global-module_slick-track_1oD, ._hy .global-module_slick-slider_qfi .global-module_slick-list_gKv { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } ._hy .global-module_slick-track_1oD { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } ._hy .global-module_slick-track_1oD::before, ._hy .global-module_slick-track_1oD::after { display: table; content: ''; } ._hy .global-module_slick-track_1oD::after { clear: both; } ._hy .global-module_slick-loading_4Xx .global-module_slick-track_1oD { visibility: hidden; } ._hy .global-module_slick-slide_hD\+ { display: none; float: left; height: 100%; min-height: 1px; } ._hy [dir='rtl'] .global-module_slick-slide_hD\+ { float: right; } ._hy .global-module_slick-slide_hD\+ img { display: block; } ._hy .global-module_slick-slide_hD\+.global-module_slick-loading_4Xx img { display: none; } ._hy .global-module_slick-slide_hD\+.global-module_dragging_3BX img { pointer-events: none; } ._hy .global-module_slick-initialized_7kt .global-module_slick-slide_hD\+ { display: block; } ._hy .global-module_slick-loading_4Xx .global-module_slick-slide_hD\+ { visibility: hidden; } ._hy .global-module_slick-vertical_4Re .global-module_slick-slide_hD\+ { display: block; height: auto; border: 1px solid transparent; } ._hy .global-module_slick-arrow_xVN.global-module_slick-hidden_sZ3 { display: none; } ._hy .global-module_galleryPhoto_AjK .global-module_slick-prev_bET, ._hy .global-module_galleryPhoto_AjK .global-module_slick-next_hml { position: absolute; width: 24px; height: 24px; border-radius: 0%; background-color: rgba(255, 255, 255, 0.9); background-repeat: no-repeat; border: none; color: transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; font-size: 0; line-height: 0; top: 37%; outline: none; z-index: 1; } ._hy .global-module_galleryPhoto_AjK .global-module_slick-prev_bET:hover, ._hy .global-module_galleryPhoto_AjK .global-module_slick-prev_bET:focus, ._hy .global-module_galleryPhoto_AjK .global-module_slick-next_hml:hover, ._hy .global-module_galleryPhoto_AjK .global-module_slick-next_hml:focus { background-color: white; outline: none; /* left: ; */ /* background: transparent; */ } ._hy .global-module_galleryPhoto_AjK .global-module_slick-prev_bET:hover::before, ._hy .global-module_galleryPhoto_AjK .global-module_slick-prev_bET:focus::before, ._hy .global-module_galleryPhoto_AjK .global-module_slick-next_hml:hover::before, ._hy .global-module_galleryPhoto_AjK .global-module_slick-next_hml:focus::before { opacity: 1; } ._hy .global-module_galleryPhoto_AjK .global-module_lg_Ken .global-module_slick-prev_bET, ._hy .global-module_galleryPhoto_AjK .global-module_lg_Ken .global-module_slick-next_hml { width: 56px; height: 56px; } ._hy .global-module_galleryPhoto_AjK .global-module_sm_jbO .global-module_slick-prev_bET, ._hy .global-module_galleryPhoto_AjK .global-module_sm_jbO .global-module_slick-next_hml { width: 24px; height: 24px; } /* ================================== to detect current breakpoint with JS in Breakpoint Component ================================== */ /* ORDER is important ! */ ._hy::before { content: "max"; display: none; } @media screen and (max-width: 1491px) { ._hy::before { content: "wide"; display: none; } } @media screen and (max-width: 1199px) { ._hy::before { content: "desktop"; display: none; } } @media screen and (max-width: 991px) { ._hy::before { content: "tablet"; display: none; } } @media screen and (max-width: 767px) { ._hy::before { content: "landscape"; display: none; } } @media screen and (max-width: 575px) { ._hy::before { content: "phone"; display: none; } } /* reset */ ._hy { background: #ddd; font-size: 62.5%; font-family: RakutenSansUi, Arial, Helvetica, sans-serif; } ._hy input[type=text]::-ms-clear { display: none; } ._hy p, ._hy { margin: 0; } /* Titles */ ._hy header { padding-top: 0; } /* ================================== Main Structure && ADS ================================== */ ._hy .global-module_structure_ads-left_z9T { display: none; direction: rtl; } ._hy .global-module_structure_ads-left_z9T::before { content: ""; height: 100%; width: 100%; background-position-x: right; } ._hy .global-module_structure_ads-right_0ZS { display: none; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; } ._hy .global-module_structure_ads-right_0ZS::before { content: ""; height: 100%; width: 100%; background-position-x: left; } /* .structure_content-nolimit */ ._hy .global-module_structure_content-main_Qz1 { width: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; overflow: hidden; max-width: 2000px; margin: 0 auto; } ._hy .global-module_structure_content-main_Qz1 section { background-color: #fff; } ._hy .global-module_structure_wrapper-ad_82C > div { display: block; margin: 8px auto; } ._hy #global-module_div-gpt-ad-habillage_J9K { margin: 0 auto; } ._hy .global-module_structure_wrapper-global_mfX { display: -webkit-box; display: -webkit-flex; display: flex; } @media screen and (min-width: 1292px) { ._hy .global-module_structure_ads-generic_lL4 { -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-basis: 150px; flex-basis: 150px; } } @media screen and (min-width: 1492px) { ._hy .global-module_structure_ads-generic_lL4 { -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-basis: 150px; flex-basis: 150px; } } @media screen and (min-width: 1900px) { ._hy .global-module_structure_ads-generic_lL4 { -webkit-flex-basis: 150px; flex-basis: 150px; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; width: auto; } } /* GLOBAL-VENDOR */ /* import tachyons */ /*! TACHYONS v4.9.0 | http://tachyons.io */ /* * * ________ ______ * ___ __/_____ _________ /______ ______________________ * __ / _ __ `/ ___/_ __ \_ / / / __ \_ __ \_ ___/ * _ / / /_/ // /__ _ / / / /_/ // /_/ / / / /(__ ) * /_/ \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/ * /____/ * * TABLE OF CONTENTS * * 1. External Library Includes * - Normalize.css | http://normalize.css.github.io * 2. Tachyons Modules * 3. Variables * - Media Queries * - Colors * 4. Debugging * - Debug all * - Debug children * */ /* External Library Includes */ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ ._hy { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ ._hy { margin: 0; } /** * Add the correct display in IE 9-. */ ._hy article, ._hy aside, ._hy footer, ._hy header, ._hy nav, ._hy section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ ._hy h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ ._hy figcaption, ._hy figure, ._hy main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ ._hy figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ ._hy hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ ._hy pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ ._hy a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ ._hy abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline; -webkit-text-decoration: underline dotted currentColor; text-decoration: underline dotted currentColor; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ ._hy b, ._hy strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ ._hy b, ._hy strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ ._hy code, ._hy kbd, ._hy samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ ._hy dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ ._hy mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ ._hy small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ ._hy sub, ._hy sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } ._hy sub { bottom: -0.25em; } ._hy sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ ._hy audio, ._hy video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ ._hy audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ ._hy img { border-style: none; } /** * Hide the overflow in IE. */ ._hy svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ ._hy button, ._hy input, ._hy optgroup, ._hy select, ._hy textarea { font-family: RakutenSansUi, sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ ._hy button, ._hy input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ ._hy button, ._hy select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ ._hy button, ._hy [type="button"], ._hy [type="reset"], ._hy [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ ._hy button::-moz-focus-inner, ._hy [type="button"]::-moz-focus-inner, ._hy [type="reset"]::-moz-focus-inner, ._hy [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ ._hy button:-moz-focusring, ._hy [type="button"]:-moz-focusring, ._hy [type="reset"]:-moz-focusring, ._hy [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ ._hy fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ ._hy legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ ._hy progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ ._hy textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ ._hy [type="checkbox"], ._hy [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ ._hy [type="number"]::-webkit-inner-spin-button, ._hy [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ ._hy [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ ._hy [type="search"]::-webkit-search-cancel-button, ._hy [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ._hy ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ ._hy details, ._hy menu { display: block; } /* * Add the correct display in all browsers. */ ._hy summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ ._hy canvas { display: inline-block; } /** * Add the correct display in IE. */ ._hy template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ ._hy [hidden] { display: none; } /* Modules */ /* BOX SIZING */ ._hy, ._hy, ._hy article, ._hy aside, ._hy section, ._hy main, ._hy nav, ._hy footer, ._hy header, ._hy form, ._hy fieldset, ._hy legend, ._hy pre, ._hy code, ._hy a, ._hy h1, ._hy h2, ._hy h3, ._hy h4, ._hy h5, ._hy h6, ._hy ul, ._hy ol, ._hy li, ._hy dl, ._hy dt, ._hy dd, ._hy blockquote, ._hy figcaption, ._hy figure, ._hy textarea, ._hy table, ._hy .global-module_flex-ns_K2v td, ._hy th, ._hy tr, ._hy input[type="email"], ._hy input[type="number"], ._hy input[type="password"], ._hy input[type="tel"], ._hy input[type="text"], ._hy input[type="url"], ._hy .global-module_border-box_bLF { box-sizing: border-box; } ._hy div, ._hy p { box-sizing: border-box; } /* ASPECT RATIOS */ /* This is for fluid media that is embedded from third party sites like youtube, vimeo etc. * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e * Make sure there are no height and width attributes on the embedded media. * Adapted from: https://github.com/suitcss/components-flex-embed * * Example: * *