.font_0 {font: normal normal normal 80px/1.4em anton,sans-serif ;color:#030303;} .font_1 {font: normal normal normal 15px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif ;color:#030303;} .font_2 {font: normal normal bold 35px/1.4em 'open sans condensed',sans-serif ;color:#DE1402;} .font_3 {font: normal normal normal 70px/1.4em nimbus-sans-tw01con,sans-serif ;color:#030303;} .font_4 {font: normal normal normal 60px/1.4em 'Open Sans',sans-serif ;color:#030303;} .font_5 {font: normal normal normal 31px/1.4em anton,sans-serif ;color:#030303;} .font_6 {font: normal normal normal 25px/1.4em nimbus-sans-tw01con,sans-serif ;color:#030303;} .font_7 {font: normal normal normal 15px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif ;color:#030303;} .font_8 {font: normal normal normal 13px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif ;color:#030303;} .font_9 {font: normal normal normal 12px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif ;color:#030303;} .font_10 {font: normal normal normal 10px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif ;color:#030303;} .color_0 {color: #FFFFFF;} .backcolor_0 {background-color: #FFFFFF;} .color_1 {color: #FFFFFF;} .backcolor_1 {background-color: #FFFFFF;} .color_2 {color: #000000;} .backcolor_2 {background-color: #000000;} .color_3 {color: #ED1C24;} .backcolor_3 {background-color: #ED1C24;} .color_4 {color: #0088CB;} .backcolor_4 {background-color: #0088CB;} .color_5 {color: #FFCB05;} .backcolor_5 {background-color: #FFCB05;} .color_6 {color: #727272;} .backcolor_6 {background-color: #727272;} .color_7 {color: #B0B0B0;} .backcolor_7 {background-color: #B0B0B0;} .color_8 {color: #FFFFFF;} .backcolor_8 {background-color: #FFFFFF;} .color_9 {color: #727272;} .backcolor_9 {background-color: #727272;} .color_10 {color: #B0B0B0;} .backcolor_10 {background-color: #B0B0B0;} .color_11 {color: #FFFFFF;} .backcolor_11 {background-color: #FFFFFF;} .color_12 {color: #E2DFDF;} .backcolor_12 {background-color: #E2DFDF;} .color_13 {color: #979393;} .backcolor_13 {background-color: #979393;} .color_14 {color: #514F4F;} .backcolor_14 {background-color: #514F4F;} .color_15 {color: #030303;} .backcolor_15 {background-color: #030303;} .color_16 {color: #FFB5AF;} .backcolor_16 {background-color: #FFB5AF;} .color_17 {color: #FF7266;} .backcolor_17 {background-color: #FF7266;} .color_18 {color: #F84738;} .backcolor_18 {background-color: #F84738;} .color_19 {color: #DE1402;} .backcolor_19 {background-color: #DE1402;} .color_20 {color: #801107;} .backcolor_20 {background-color: #801107;} .color_21 {color: #FBF8F1;} .backcolor_21 {background-color: #FBF8F1;} .color_22 {color: #E7E2D9;} .backcolor_22 {background-color: #E7E2D9;} .color_23 {color: #D1CBC0;} .backcolor_23 {background-color: #D1CBC0;} .color_24 {color: #948D7F;} .backcolor_24 {background-color: #948D7F;} .color_25 {color: #7C7363;} .backcolor_25 {background-color: #7C7363;} .color_26 {color: #FBA866;} .backcolor_26 {background-color: #FBA866;} .color_27 {color: #F18B39;} .backcolor_27 {background-color: #F18B39;} .color_28 {color: #EC7619;} .backcolor_28 {background-color: #EC7619;} .color_29 {color: #D66D19;} .backcolor_29 {background-color: #D66D19;} .color_30 {color: #A64B02;} .backcolor_30 {background-color: #A64B02;} .color_31 {color: #E0E0BF;} .backcolor_31 {background-color: #E0E0BF;} .color_32 {color: #C6C69D;} .backcolor_32 {background-color: #C6C69D;} .color_33 {color: #9F9F7C;} .backcolor_33 {background-color: #9F9F7C;} .color_34 {color: #7F7F63;} .backcolor_34 {background-color: #7F7F63;} .color_35 {color: #64644D;} .backcolor_35 {background-color: #64644D;} @keyframes horizontalmenuitem2191703659__expandSubmenu { 0% { transform: translateY(-34%); } 100% { transform: translateY(0); } } .horizontalmenuitem2191703659__root { -archetype: paintBox; box-sizing: border-box; display: block; transition: inherit; } .horizontalmenuitem2191703659__root:not([href]) { cursor: default !important; } .horizontalmenuitem2191703659__root.horizontalmenuitem2191703659--isHovered,.horizontalmenuitem2191703659__root.horizontalmenuitem2191703659--isCurrentPage,.horizontalmenuitem2191703659__root.horizontalmenuitem2191703659--isHovered .horizontalmenuitem2191703659__label,.horizontalmenuitem2191703659__root.horizontalmenuitem2191703659--isCurrentPage .horizontalmenuitem2191703659__label { transition: all 0.08s cubic-bezier(0, 0, 1, 1); } .horizontalmenuitem2191703659__positionBox { position: absolute; z-index: 47; overflow: hidden; transition: opacity 0.08s cubic-bezier(0, 0, 1, 1); } .horizontalmenuitem2191703659__opened {} .horizontalmenuitem2191703659__collapsed {} .horizontalmenuitem2191703659__expanded {} .horizontalmenuitem2191703659__positionBox.horizontalmenuitem2191703659__collapsed { opacity: 0; pointer-events: none; } .horizontalmenuitem2191703659__positionBox.horizontalmenuitem2191703659__opened { transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1); } .horizontalmenuitem2191703659__positionBox.horizontalmenuitem2191703659__expanded { overflow: visible; } .horizontalmenuitem2191703659__positionBox > div { transition: border-color 0.08s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.08s cubic-bezier(0.25, 1, 0.5, 1); } .horizontalmenuitem2191703659__positionBox:not(.horizontalmenuitem2191703659__expanded) div { border-color: transparent; box-shadow: 0 0 transparent; } .horizontalmenuitem2191703659__positionBox.horizontalmenuitem2191703659__opened div { animation-name: horizontalmenuitem2191703659__expandSubmenu; animation-duration: 0.3s; animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1); transition: border-color 0.08s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.08s cubic-bezier(0.25, 1, 0.5, 1); } .horizontalmenuitem2191703659__container { -archetype: box; display: flex; height: 100%; align-items: center; } .horizontalmenuitem2191703659__label { -archetype: text; -controller-part-type: LayoutChildDisplayDropdown; white-space: nowrap; ... .wrapper { text-align: center; } Read full Story ➤
