/* * com.onelittledesigner.easy_header_css */ .eh-main-wrap { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; } .eh-main-wrap .eh-line-wrap { position: relative; display: flex; justify-content: center; align-items: center; } .eh-main-wrap .eh-title { line-height: 1.1; margin: 0; } .eh-main-wrap .eh-subtitle { flex: 0 0 100%; line-height: 1.1; } .eh-main-wrap .eh-line-wrap .eh-line-left svg, .eh-main-wrap .eh-line-wrap .eh-line-right svg, .eh-main-wrap .eh-line-wrap .eh-line-left, .eh-main-wrap .eh-line-wrap .eh-line-right, .eh-main-wrap .eh-line-wrap .eh-extender { display: none; } .eh-main-wrap.eh-align-left .eh-line-wrap .eh-line-right, .eh-main-wrap.eh-align-center .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-align-right .eh-line-wrap .eh-line-left { display: flex; } .eh-main-wrap.eh-line-3 .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-3 .eh-line-wrap .eh-line-right, .eh-main-wrap.eh-line-4 .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-4 .eh-line-wrap .eh-line-right, .eh-main-wrap.eh-line-5 .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-5 .eh-line-wrap .eh-line-right { display: block; } .eh-main-wrap.eh-main-wrap.eh-side-right:not(.eh-line-position-3) .eh-line-wrap-2 .eh-line-left, .eh-main-wrap.eh-main-wrap.eh-side-right:not(.eh-line-position-3) .eh-line-wrap-1 .eh-line-left, .eh-main-wrap.eh-main-wrap.eh-side-left:not(.eh-line-position-3) .eh-line-wrap-2 .eh-line-right, .eh-main-wrap.eh-main-wrap.eh-side-left:not(.eh-line-position-3) .eh-line-wrap-1 .eh-line-right { display: none; } .eh-main-wrap.eh-main-wrap.eh-side-left:not(.eh-line-position-3) .eh-line-wrap-2 .eh-line-left, .eh-main-wrap.eh-main-wrap.eh-side-left:not(.eh-line-position-3) .eh-line-wrap-1 .eh-line-left { display: flex; } .eh-main-wrap.eh-line-position-3 .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-position-3 .eh-line-wrap .eh-line-right { display: flex; } .eh-main-wrap.eh-main-wrap.eh-line-position-3 .eh-line-wrap-2 .eh-line-left, .eh-main-wrap.eh-main-wrap.eh-line-position-3 .eh-line-wrap-1 .eh-line-right { display: none; } .eh-main-wrap.eh-shape-group-00 .eh-line-shape { display: none; } .eh-main-wrap:not(.eh-shape-0) .eh-line-wrap .eh-line-shape > svg { display: block; } .eh-main-wrap.eh-shape-1:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-11:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-101:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-201:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-5:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-105:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-205:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center { display: flex; } .eh-main-wrap.eh-shape-1:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-11:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-101:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-201:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-5:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-105:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-205:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center { display: flex; } .eh-main-wrap:not(.eh-shape-0) .eh-line-wrap .eh-line-shape-pre, .eh-main-wrap:not(.eh-shape-0) .eh-line-wrap .eh-line-shape-post, .eh-main-wrap:not(.eh-shape-0) .eh-line-wrap .eh-line-shape > svg:nth-child(2) { display: none; } .eh-main-wrap.eh-shape-0 .eh-line-wrap .eh-line-shape > svg { display: none; } .eh-main-wrap.eh-line-position-0 .eh-line-wrap-1 { display: none; } .eh-main-wrap.eh-line-position-0 .eh-title { order: 2; } .eh-main-wrap.eh-line-position-0 .eh-subtitle { order: 4; } .eh-main-wrap.eh-line-position-0 .eh-line-wrap-2 { display: none; } .eh-main-wrap.eh-line-position-0.eh-sub-top .eh-line-wrap-1 { display: none; } .eh-main-wrap.eh-line-position-0.eh-sub-top .eh-title { order: 3; } .eh-main-wrap.eh-line-position-0.eh-sub-top .eh-subtitle { order: 2; } .eh-main-wrap.eh-line-position-0.eh-sub-top .eh-line-wrap-2 { display: none; } .eh-main-wrap.eh-line-position-1 .eh-line-wrap-1 { display: none; } .eh-main-wrap.eh-line-position-1 .eh-title { order: 1; } .eh-main-wrap.eh-line-position-1 .eh-subtitle { order: 2; } .eh-main-wrap.eh-line-position-1 .eh-line-wrap-2 { order: 3; } .eh-main-wrap.eh-line-position-1.eh-sub-top .eh-line-wrap-1 { display: none; } .eh-main-wrap.eh-line-position-1.eh-sub-top .eh-title { order: 2; } .eh-main-wrap.eh-line-position-1.eh-sub-top .eh-subtitle { order: 1; } .eh-main-wrap.eh-line-position-1.eh-sub-top .eh-line-wrap-2 { order: 3; } .eh-main-wrap.eh-line-position-1.eh-line-top .eh-line-wrap-1 { display: flex; order: 1; } .eh-main-wrap.eh-line-position-1.eh-line-top .eh-title { order: 2; } .eh-main-wrap.eh-line-position-1.eh-line-top .eh-subtitle { order: 4; } .eh-main-wrap.eh-line-position-1.eh-line-top .eh-line-wrap-2 { display: none; } .eh-main-wrap.eh-line-position-1.eh-sub-top.eh-line-top .eh-line-wrap-1 { order: 1; } .eh-main-wrap.eh-line-position-1.eh-sub-top.eh-line-top .eh-title { order: 3; } .eh-main-wrap.eh-line-position-1.eh-sub-top.eh-line-top .eh-subtitle { order: 2; } .eh-main-wrap.eh-line-position-1.eh-sub-top.eh-line-top .eh-line-wrap-2 { display: none; } .eh-main-wrap.eh-line-position-2 .eh-line-wrap-1 { order: 1; } .eh-main-wrap.eh-line-position-2 .eh-title { order: 2; } .eh-main-wrap.eh-line-position-2 .eh-subtitle { order: 3; } .eh-main-wrap.eh-line-position-2 .eh-line-wrap-2 { order: 4; } .eh-main-wrap.eh-line-position-2.eh-sub-top .eh-line-wrap-1 { order: 1; } .eh-main-wrap.eh-line-position-2.eh-sub-top .eh-title { order: 3; } .eh-main-wrap.eh-line-position-2.eh-sub-top .eh-subtitle { order: 2; } .eh-main-wrap.eh-line-position-2.eh-sub-top .eh-line-wrap-2 { order: 4; } .eh-main-wrap.eh-line-position-3 .eh-line-wrap-1, .eh-main-wrap.eh-line-position-3 .eh-line-wrap-2 { margin: 0 !important; } .eh-main-wrap.eh-line-position-3 { display: flex; align-items: center; flex-direction: row; } .eh-main-wrap.eh-line-position-3 .eh-line-wrap { width: auto; } .eh-main-wrap.eh-line-position-3 .eh-line-wrap-1 { order: 1; } .eh-main-wrap.eh-line-position-3 .eh-title { order: 2; } .eh-main-wrap.eh-line-position-3 .eh-subtitle { order: 4; } .eh-main-wrap.eh-line-position-3 .eh-line-wrap-2 { order: 3; } .eh-main-wrap.eh-line-position-3.eh-sub-top .eh-line-wrap-1 { order: 2; } .eh-main-wrap.eh-line-position-3.eh-sub-top .eh-title { order: 3; } .eh-main-wrap.eh-line-position-3.eh-sub-top .eh-subtitle { order: 1; } .eh-main-wrap.eh-line-position-3.eh-sub-top .eh-line-wrap-2 { order: 4; } .eh-main-wrap.eh-line-position-3.eh-side-right .eh-line-wrap-1 { display: none; } .eh-main-wrap.eh-line-position-3.eh-side-left .eh-line-wrap-2 { display: none; } .eh-main-wrap.eh-align-left .eh-line-wrap { justify-content: flex-start; } .eh-main-wrap.eh-align-center { align-content: center; align-items: center; justify-content: center; text-align: center; } .eh-main-wrap.eh-align-right { align-content: flex-end; justify-content: flex-end; text-align: right; } .eh-main-wrap.eh-align-right:not(.eh-line-position-3) { align-items: flex-end; } .eh-main-wrap.eh-align-right .eh-line-wrap { justify-content: flex-end; } .eh-main-wrap.eh-line-group-300 .eh-extender { display: block; box-sizing: border-box; flex: 1; } .eh-main-wrap.eh-line-group-300.eh-side-left .eh-extender-right, .eh-main-wrap.eh-line-group-300.eh-side-right .eh-extender-left { display: none; } .eh-main-wrap.eh-line-1.eh-shape-group-00:not(.eh-line-position-3) .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-2.eh-shape-group-00:not(.eh-line-position-3) .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-position-3.eh-line-group-300 .eh-line-wrap-1 .eh-extender-right, .eh-main-wrap.eh-line-position-3.eh-line-group-300 .eh-line-wrap-2 .eh-extender-left { display: none; } .eh-main-wrap.eh-line-group-0.eh-full-width .eh-line-wrap, .eh-main-wrap.eh-line-group-100.eh-full-width .eh-line-wrap { width: 100%; } .eh-main-wrap.eh-line-position-3.eh-line-group-0.eh-full-width .eh-line-wrap, .eh-main-wrap.eh-line-position-3.eh-line-group-100.eh-full-width .eh-line-wrap { flex: 1; } .eh-main-wrap.eh-line-group-0.eh-full-width .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-group-0.eh-full-width .eh-line-wrap .eh-line-right, .eh-main-wrap.eh-line-group-100.eh-full-width .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-group-100.eh-full-width .eh-line-wrap .eh-line-right { width: auto !important; flex: 1; } .eh-main-wrap.eh-main-wrap.eh-line-group-300.eh-full-width .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-main-wrap.eh-line-group-300.eh-full-width .eh-line-wrap .eh-line-right { width: auto; } .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-line-group-300.eh-full-width .eh-line-wrap-2 .eh-extender-left, .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-line-group-300.eh-full-width .eh-line-wrap-1 .eh-extender-right { display: none; } .eh-main-wrap.eh-full-width:not(.eh-line-group-0) .eh-line-wrap { width: 100%; flex: 1; } .eh-main-wrap.eh-line-102.eh-full-width .eh-line-wrap:before, .eh-main-wrap.eh-line-102.eh-full-width .eh-line-wrap:after, .eh-main-wrap.eh-line-103.eh-full-width .eh-line-wrap:before, .eh-main-wrap.eh-line-103.eh-full-width .eh-line-wrap:after, .eh-main-wrap.eh-full-width:not(.eh-line-group-0) .eh-line-wrap .eh-extender { content: ""; display: block; flex: 1; width: auto; } .eh-main-wrap.eh-line-102.eh-full-width .eh-line-wrap .eh-extender, .eh-main-wrap.eh-line-103.eh-full-width .eh-line-wrap .eh-extender { display: none; } .eh-main-wrap.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap:before, .eh-main-wrap.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap:after { content: ""; display: block; flex: 1; width: auto; } .eh-main-wrap.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap:before { margin-right: 8px; } .eh-main-wrap.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap:after { margin-left: 8px; } .eh-main-wrap.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap .eh-extender { display: none; } .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-1:after, .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-2:before { display: none; } .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-align-center.eh-side-right.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-1 { display: flex; } .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-align-center.eh-side-right.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-1 > * { display: none; } .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-align-center.eh-side-left.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-2 { display: flex; } .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-align-center.eh-side-left.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-2 > * { display: none; } .eh-main-wrap.eh-main-wrap.eh-side-right.eh-full-width:not(.eh-line-group-0) .eh-line-wrap:before, .eh-main-wrap.eh-side-right.eh-full-width:not(.eh-line-group-0) .eh-line-wrap .eh-extender-left { display: none; } .eh-main-wrap.eh-main-wrap.eh-side-left.eh-full-width:not(.eh-line-group-0) .eh-line-wrap:after, .eh-main-wrap.eh-side-left.eh-full-width:not(.eh-line-group-0) .eh-line-wrap .eh-extender-right { display: none; } .eh-main-wrap .eh-line-wrap .eh-lines { display: flex; align-items: center; border: 0px solid transparent; } .eh-main-wrap .eh-line-wrap .eh-lines svg { display: block; width: 100%; } .eh-main-wrap.eh-line-group-0 .eh-line-wrap .eh-lines svg { display: none; } .eh-main-wrap:not(.eh-line-group-0) .eh-line-wrap .eh-line-left { transform: scale(-1,1); } .eh-main-wrap.eh-line-102 .eh-line-wrap .eh-lines svg, .eh-main-wrap.eh-line-103 .eh-line-wrap .eh-lines svg { height: 12px; } .eh-main-wrap.eh-line-group-300.eh-thickness-1 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-thickness-1 .eh-line-wrap .eh-lines svg { height: 9px; width: 16px !important; } .eh-main-wrap.eh-line-group-300.eh-thickness-2 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-thickness-2 .eh-line-wrap .eh-lines svg { height: 10px; width: 20px !important; } .eh-main-wrap.eh-line-group-300.eh-thickness-3 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-thickness-3 .eh-line-wrap .eh-lines svg { height: 12px; width: 24px !important; } .eh-main-wrap.eh-line-group-300.eh-thickness-4 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-thickness-4 .eh-line-wrap .eh-lines svg { height: 14px; width: 28px !important; } .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-1 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-1 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-1 .eh-line-wrap .eh-lines svg, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-1 .eh-line-wrap .eh-lines svg { height: 17px; width: 32px !important; } .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-2 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-2 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-2 .eh-line-wrap .eh-lines svg, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-2 .eh-line-wrap .eh-lines svg { height: 18px; width: 36px !important; } .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-3 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-3 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-3 .eh-line-wrap .eh-lines svg, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-3 .eh-line-wrap .eh-lines svg { height: 21px; width: 40px !important; } .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-4 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-4 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-4 .eh-line-wrap .eh-lines svg, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-4 .eh-line-wrap .eh-lines svg { height: 24px; width: 48px !important; } .eh-main-wrap.eh-shape-1 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg, .eh-main-wrap.eh-shape-11 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg, .eh-main-wrap.eh-shape-101 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg, .eh-main-wrap.eh-shape-201 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg, .eh-main-wrap.eh-shape-5 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg, .eh-main-wrap.eh-shape-105 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg, .eh-main-wrap.eh-shape-205 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg { transform: scale(1,-1); } .eh-main-wrap.eh-shape-1 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg, .eh-main-wrap.eh-shape-11 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg, .eh-main-wrap.eh-shape-101 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg, .eh-main-wrap.eh-shape-201 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg, .eh-main-wrap.eh-shape-5 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg, .eh-main-wrap.eh-shape-105 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg, .eh-main-wrap.eh-shape-205 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg { transform: scale(1,-1); } .eh-main-wrap .eh-line-wrap .eh-lines svg { height: 8px; } .eh-main-wrap.eh-line-301 .eh-line-wrap .eh-lines svg { height: 12px; } .eh-main-wrap.eh-line-303 .eh-line-wrap .eh-lines svg { height: 16px; } .eh-main-wrap .eh-line-wrap .eh-line-shape svg { display: none; width: 100%; height: 100%; fill: transparent; overflow: visible; box-sizing: content-box; } .eh-main-wrap .eh-line-wrap .eh-lines svg { overflow: visible; } .eh-main-wrap.eh-shape-group-200 .eh-line-wrap .eh-line-shape > svg:nth-child(2) { display: block; position: absolute !important; top: 0; left: 0; stroke: transparent; box-sizing: border-box; } .eh-main-wrap.eh-shape-group-200 .eh-line-wrap .eh-line-shape { position: relative; } .eh-main-wrap.eh-shape-group-300 .eh-line-wrap .eh-line-shape-pre, .eh-main-wrap.eh-shape-group-300 .eh-line-wrap .eh-line-shape-post { display: block; } .eh-main-wrap.eh-shape-group-300 .eh-line-wrap .eh-line-shape-post svg { transform: translate(-50%,0); } .eh-main-wrap.eh-line-position-3.eh-full-width:not(.eh-line-group-0) .eh-line-wrap { min-width: 0px; display: grid; justify-content: flex-end; grid-template-columns: min-content min-content min-content; } .eh-main-wrap.eh-line-position-3.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-2 { justify-content: flex-start; } .eh-main-wrap.eh-line-position-3.eh-line-group-100.eh-full-width .eh-line-wrap-1 { grid-template-columns: 1fr min-content min-content; } .eh-main-wrap.eh-line-position-3.eh-line-group-100.eh-full-width .eh-line-wrap-2 { grid-template-columns: min-content min-content 1fr; } .eh-main-wrap.eh-line-position-3.eh-line-group-100.eh-shape-group-00.eh-full-width .eh-line-wrap-1 { grid-template-columns: 1fr min-content; } .eh-main-wrap.eh-line-position-3.eh-line-group-100.eh-shape-group-00.eh-full-width .eh-line-wrap-2 { grid-template-columns: min-content 1fr; } .eh-main-wrap.eh-line-position-3.eh-line-group-200.eh-full-width .eh-line-wrap-1 { grid-template-columns: 1fr min-content min-content; } .eh-main-wrap.eh-line-position-3.eh-line-group-200.eh-full-width .eh-line-wrap-2 { grid-template-columns: min-content min-content 1fr; } .eh-main-wrap.eh-line-position-3.eh-line-group-200.eh-shape-group-00.eh-full-width .eh-line-wrap-1 { grid-template-columns: 1fr min-content; } .eh-main-wrap.eh-line-position-3.eh-line-group-200.eh-shape-group-00.eh-full-width .eh-line-wrap-2 { grid-template-columns: min-content 1fr; } .eh-main-wrap.eh-line-position-3.eh-line-group-300.eh-full-width .eh-line-wrap { grid-template-columns: min-content 1fr min-content; } .eh-main-wrap.eh-line-position-3.eh-line-group-300.eh-shape-group-00.eh-full-width .eh-line-wrap-1 { grid-template-columns: min-content 1fr; } .eh-main-wrap.eh-line-position-3.eh-line-group-300.eh-shape-group-00.eh-full-width .eh-line-wrap-2 { grid-template-columns: 1fr min-content; } .eh-main-wrap.eh-line-position-3.eh-line-group-300.eh-full-width .eh-line-wrap .eh-extender { width: 100% !important; } .eh-main-wrap .eh-title div[tag="node"], .eh-main-wrap .eh-subtitle div[tag="node"] { min-width: 20px !important; } .eh-main-wrap .eh-title .mez:has(>div[tag="node"]), .eh-main-wrap .eh-subtitle .mez:has(>div[tag="node"]) { border: 0px solid transparent; padding: 0; margin: 0; } .eh-main-wrap .eh-title .out:has(.mez>div[tag="node"]), .eh-main-wrap .eh-subtitle .out:has(.mez>div[tag="node"]) { padding: 0; overflow: visible; } .mez.selected > div > .eh-main-wrap .eh-title .mez:has(>div[tag="node"]), .mez.selected > div > .eh-main-wrap .eh-subtitle .mez:has(>div[tag="node"]) { box-shadow: 0 0 0 1px #acadb7; } .dark .mez.selected > div > .eh-main-wrap .eh-title .mez:has(>div[tag="node"]), .dark .mez.selected > div > .eh-main-wrap .eh-subtitle .mez:has(>div[tag="node"]) { box-shadow: 0 0 0 1px #666666; } /* * com.onelittledesigner.layouts_2_css */ .layouts-2-image, .layouts-2-button { margin: 16px 0; } .layouts-2-button a { padding: 12px 24px; text-decoration: none; display: inline-block; white-space: nowrap; } .layouts-2-image { width: 100%; display: block; box-sizing: border-box; } .layouts-2-image[data-no-image] { aspect-ratio: 1.7778; display: block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAIAAABEtEjdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHpJJREFUeNrs3e1xGlffwGFHk68aGsjgAhhUgBANaGjAoxRAcAFOVIAUFWBuCgijBhg3oJcCYCjAjBtg1MDzj3hu3Ynj+EXePZw9e10fPErGlpZl9eNw9uzyw8PDwwsAynJgFwCIOwDiDoC4AyDuAIg7gLgDIO4AiDsA4g6AuAOIOwDiDoC4AyDuAIg7AOIOIO4AiDsA4g6AuAMg7gDiDoC4AyDuAIg7AOIOgLgDiDsA4g6AuAMg7gCIO4C4AyDuAIg7AOIOgLgDIO4A4g6AuAMg7gCIOwDiDiDuAIg7AOIOgLgDIO4AiDuAuAMg7gCIOwDiDoC4A4g7AOIOQN5+bNWjXS6X2+329vY2vr65uYk/4z/jfzoOoDBHR0edTie+GA6H8efJyUn8Z/zP9uyBHx4eHgp+eJvNJiIe+V6tVruaA20Wre/3+1H5+KLb7Yp7wyweRc0j7o5m4JMi7pH40SNxz9p8Pt9l3VELfJNd4s/OzsQ9I8vlcjqdRtO3261jFHi2TqcTiZ9MJgXMzjc77hH0yLrJdKBaw+EwEt/o6Zqmxn0+n19cXJhSB+rT7XbPz88bOlfTvLjHaP3NmzeyDiRL/NXVVeNG8U2K+3K5/PXXX03CAOkNh8Pff/+9QXPxzYj7dru9uLiYTqeOMGCPJpPJ+fn57vIocf9ei8ViPB5bCQPkIMo+m83yn6XJ+t4yEfTI+qtXr5QdyKdLEaX8R5z5jtyXy2XsQSdOgTx1u93r6+tsZ+EzHblPp9PBYKDsQLYiUJGp+Xxu5P614v1OtvsL4CNnZ2ez2UzcP2e73Z6enroHL9AsR0dH7969y2oVTUbTMvEeR9mBJopwRb6ymknOZeS+2zVWxQDNFSP3GL9ncoo1i5G7sgMFyGpief9xV3ZA3yu352mZzWZzfHys7EBJOp3O/f39fj/Gb58j992FXsoOlDd+33vc9jlyHwwG1sYApTo6Orq7u2vdyH08His7ULBIXISuXXGfTqeuQQWKF6Hb173K9zAtE69mg8HAsw60xN3dXfrF76lH7rvzDJ5soD32cnI1ddx9/CnQNhG9SF/JcV8sFqbagRaK9EUAU/7EdHPu8a6k1+tZ1Q60U6fTWa/Xye4cmW7kfnFxoexAa0UAI4OljdytkAF4kXDlTKK4n56e3tzcZPX+aDgcxi7u9/vxdXyR1V32ge8ZIMdoMv5crVbxRZQnqzmDKM+7d+8Kiftischk+WNE/Ozs7OTkJNvPtAXqmDm4vb2dz+eZXBV/fX09Go1KiHuv19vv8scYlceunEwmmg4tr/x0Oo3h5n7H8t1ud71eNz7u8Wq5x7srRNZfv34dWTfrAuxE2SPxb9++3WPiZ7PZ2dlZs+O+x2F7jNavrq72e0tlIE+7C4sSrz1POXivdylk7Li9lH33SYbX19fKDvxbXiMREYq9vK2PMNb9ulJv3PdyO7QYsMdL4nA4dPgCnxehiFwkOL2ZPo81xn23CCnx/ppMJvFqbIYd+Po3+hGNSEfinxt5rHX1To1xTz9sn81mV1dXDlbgW0U6IiAlDd5rPKH6008/pTwZneDsM1C2xKv74k3Dhw8fGjZyj32k7ECzREZSjt8jkvXdKLeuuKdcYHR+fq7sQFV9Tzn/Xl8q65qWOTw8TLNrRqPR9fW1IxKo0KtXr5KNUGuKcC0j92Q7pdPppD8HAhQvwpJs0V1NwWx23K16BGoaOCabEmhS3NMsbx+NRq5UAmoSeUlzcVNNwax+zn2z2fR6vQSvq/f39+4uANQnanZ8fJxg4d96va68ZtWP3NMM21+/fq3sQK0iMpGahg7eq497gtvhx7A9/bXCQAuluWF4HdmsPu6r1aruHTEajZxHBRLYfdRP3T+ljmxWP+eeYIV7sk+YBYhh9WAwqPunVJ7ig8r3Qt274OiRAw5II01zKo9nxXFPcFrZnQaAxBJkp/J4Vhz329vbunfBycmJQw1IKUF2Ko/nQbN2cafTMScDJBbZadwijorjXvcid5ekAntRd3wqj2fDRu6G7YD47CHudZ9Q7ff7DjIgvbrjk/sJ1bqXQrp2CdiLuuOT+1JI74yAIrV9WqbpL54AZcTnwHMGUJ4f7QJoru12u1wuV6vV+/fvdzefii82m81Hf63b7b58+fLF41nB+CL+bOLCbb5JxTcOq/uuYTV9kiw0SLT75r/+2fGvF8Uf/pdPRyivb+IOjWn6YrGYz+d1rEmLgfzZ2dloNFJ5cRd3SGT+KM1nnMUo/uyR3S7u4g612G630+n0jz/++J65l+eJ8fvPP/+c5kOIxF3cxZ0Wuby8fPv2bYJ7aH9GlP3169e//fabp6OJfbMUEvKyWCx6vd7FxcV+y7576xCbERsTm+R5aRxxh1xsNpvT09NXr16ln4f5/FbFJsWGZbVViDs0w3Q6PT4+TnPW9Bliw2LzYiM9U01hzh32bLvdjsfjpkx9jEaj2WzWzhOt5tyBr7VcLmNE3KBJ7djU2OC67/+KuEODRSibOJe9OzfgLKu4A58wn89fvXq19yUxzxObHRsfD8HzKO7A38o+Ho+b/ijiIei7uANFlV3fxR0os+z6Lu7AnxaLRWFlf+q786viDi21XC6LLPtT362PFHdond3ykoaujfEAxR3414Ft8fdmiQdY8FsTcQc+Np1OWzIlHQ/T/Wcy4d4yUPt49vj4uD3zFZ1O5/7+vsiP63NvGeB/xuNxq2aid/dB87zvnbhDjRaLRbZ38a1PPGQrI/fOtAzUqNfrtfMzLrrd7nq9LuxBmZYB/nR5ednaTy+KBx4P3zFg5G7kTmm2220M29u87rvT6cTgvaSP9TByB/5c/tjyK3ri4VsWuUfiDrX4448/7AQ7QdyhKPP5vLWz7X8VO8ENI8Udioq7nWBXiDuUNlxt4dr2fxO7wpuYvfjRLoBq7fH6ndFoNBwO+/3+0dHRbpnKdrtdLper1WqPFxbFz51MJg6MxCyFhIoNBoPEdzbvdrvn5+dR9s+vO4zQR2cvLi4SD6Xjlebu7q6AZ7ZZfRN3qFJ0s9frpfyJkfUYF3/9cvLdCsVIfMqNXK/XBdxKzDp3aK+Us+0R9BgR//bbb990oVD85fgn8Q9TXl7kJER64g6NrNjR0VEMh+PPvfxzcRd3EPdaxuzv3r37zqF3Jd9E3MUdyrfdbtOcq6wqyru+J9jg2C0+XlXcoanSLJI5Pz+vcDolvlV8w2J2DuIO1VutVnX/iG63W/ma8fiGCZayJNg5iDvU4v379wmG7ZXPksc3TDB4T7BzEHdo6uB0NBo16NsauYs78FUJrmlxS3zbBH1H3KGR6p55GA6HDf3mL0zLiDs0V93rIPv9fkO/eYKdg7hDU9V6QWmyq1URd+Bvar2atKRPskbcAcQd2Ktar+B3ewBxB/aj1iv43R5A3IFPq/si/lqvA6r7IqMCPqxD3KGlXr58Wev3r/XGuXXflbfunYO4Q1MtFouaZsZ3H69qD4s78Al1Xwe063sd33Y+nxewcxB3qEWCmYeLi4vKB+/xDd++fVvAzkHcoamD081mM51Oq/2e8Q0T3BvAyD2xHx4eHir8doeHh7VubrVbC5UPgX/66acEP+ju7q6quwUsl8vBYJBgmz98+ND0i2Cb1Tcjd6hMxCvNgr/T09NKJmfim8S3SrDBsVvc3iAxcYcq1X3j3L9G+Tv7Xsk3yWq3IO7Q+Iotl8ter/fsy0q/85+Lu7iDuNc4fh8MBpeXl980+o6/HP8k/mHKm8mIu7hDs3W73cQ3Rr+4uDg+Pp7P51+MdfyF+Gvxl+OfpNzC2CHuPZDej3YBVOvs7CzxTbg2m814PH7x+CGrMUbu9/vR090JzAh6bMxqtbq5udnXNaixQxwV6VkKCdWnttfr2Q9P1ut1GSN3SyGh1SJkppifxK4wJ7MX4g7VMxFhV+ydaRmoRa/XS3BNf/5vYtbrdTEPx7QM8OLnn3+2E+wEI3cjd0qz3W5j8N7mDybtdDoxbC/prgNG7sCfaXv9+nWb90A8fPeTMXI3cqdMrZ15L2y23cgd+JurqysPnL0Qd6jR7pLRtj3qeMjxwD374g4lm81mrZp6jgcbD9nzLu5QuG63e35+3p7HGw/WJaniDq0wmUxaMk0RDzMerGdc3KEtZrNZ8ePZeIAmZMQd2qXT6VxfXxc8+V78AxR34NOOjo4KHtjGQ0v8KSWIO+RiNBoV2fd4UNY+iju02tnZWWF9j4fjvr7iDhTVd2UXd6C0viu7uAOf6Htzl5fs1sYou7gDnzAajd69e9e49e+xwbHZzqCKO/Cvjo6O7u/vGxTK2NTYYKsexR34gt0Ux9XVVeZTNLF5sZGuVBJ34BtMJpMYEWd7f+DYsNg8940Rd+Cb7eayY2ic1Sx8bExsUhPPDYg7kJHRaLRer8/Pz/c++xEbEJsRG+PcaRP5DFXI1Ha7nU6nf/zxR/pPYY1B+s8//zyZTEyvN7dv4s7/3NzcbB7FF/Gfy+Uy+vLJv3l0dBS/9pGAly9fnpyc7P7TDqzJ/NHuSanbcDg8e2S3i7u4Nz7ot7e3N4++c6w3fBRv4YW+DvGiu1gsovLxolv5N4+X5wh6PHcm1sVd3Jtt8V//NjZXipwrf/Nf3zNj8/R6HDxT4i7uje9CDP2STeNG33eVt+drEq/NMZBfrVbv37+PP+P/xBf/fHJ3E2jxRb/fjy/iTzNp4i7u5WT94uIiyp7+R+8+Ido0LuKesm+WQrYi6+PxuNfr7aXsOWwAtJC4F/6e/c2bN5lUdZf4wWCQZtUHiDtlWiwWkfXpdJrVVi2Xy9PT06h8HSdyAXEvfMD+6lG2AY13EvHCYwgP4s43DI2jmzFsz/8VKIbwb9688ZSBuPMF0+l0MBg0aMajcRsM4k5q4/G4iQPheKtxfHxcx1WXIO40226SvbkLDTebzenpqb6DuPO3skcZ859k/5pHoe8g7vxpt7KwjCbqO4g7pZVd30Hc+dNisYgOlrfORN9B3NtrPp/nfI2SvoO4880uLy/H43HZj1HfQdzbJbJ+cXHRhkcafR8MBm4kCeJefuwavZj92S9m+g7P8KNd0JSyt3aaYjcH5bM+wMi9NOUteTR+ByN3ZV8WueTR+B2M3Nur1MXsxu8g7u1V9mJ2fQdxb6M2LGbXd6iPOXf9auT+eWH+HYzcG6Sdi9m9/oGRe+Fld8298TsYuRfFYnbjdzByL7PsFsYYv4O4l2OxWEShcit7t9sdPTo6Oup0Ok///+bmZrVaxZ/5fLCfvsM//fDw8FDhtzs8PKx1c6vd2hzM5/PcljxG0CeTyXA4/Pxfi1ej6XT69u3bTF6WZrOZvlOrZvVN3Pfp8vIyq/v3xmg9EvnFrH+U+HgIUXl9R9yz6psTqvucTMiq7DFgv7+//6ayh06nc3V1FVX969TNHnep86sg7nuT4WL2GPBeX18/O9Dxz9+9e6fvIO6tLvvp6Wk+ZyNfPM5mhO/8JkdHR/oO4t5SGS5mr3CeWt9B3JV9/6LCd3d31Z6B1HcQ93bJ7c7s0d+ocLS48u+s7yDubZHbndmjv+v1uo6y6zuIe1vkdmf2NOXVdxD3kuW2mP3s7Ozu7i5Nc/UdxL1AeS5m//4lj/oO4t7qshe5mF3fQdzbq+zF7PoO4q7s+1fHYnZ9B3Fvl/YsZtd3EPe2aNtidn0HcS9fOxez6zuIe8navJhd30HcC2Qxu76DuBdYdovZ9R3EvSgWs+s7iLuy1yuTxez6DuLeYBaz6zuIe2ksZtd3EPfSWMyu7yDupbGYXd9B3ItiMbu+g7gXWHaL2fUdxL0oFrPru77TUD88PDxU+O0ODw9r3dxqt/Zrym7J435fWXPY/214Qf3KZySejtvb2/j6/fv3m83mo7/Q7XZfvnwZX5ycnMThWt6x2qy+ifunLRaLGLUpu763ue+R75tHq9Xqee9f44jt9/vDR5F+cRf3Pcc93olb8qjvre177PP4FYgRerUTknEYx4g+9mFzxyji3uy4X15eZrXksc1l1/fE4/R4w/r27dt/zrdUK4bwr1+/jj3ZuKNa3Bsc99xOoJW65FHfc9u90+k0/ZEfe3IymTRoIC/ujYx7hCPKntWSR2XX97rd3NzEW9X4c4/bMBwOf//990YkXtybF/fdYnZLHvW9Pc/OZrO5uLjI531q7M/z8/PMT7o2q2/WuVvM3hjWv1clRuvHx8dZPYTYmNik2DDHuZF7aYPBnXYueTR+T7n3fvnll6yGMv98Cf/Pf/6T56+AkXtjuDO78Xurxu/T6XQwGORc9qcX79hUh7q4P/9tYG53Zr+/v1d2fa/D7uZ3b968acTzG1sbm5rVVYTi3hh53pm9gEv49D1Dm80mt5vffeXwKza77kX34l6UDO/M3vLLlPS9Psvl8vj4OPOpmCI3Xtz38OY0w8uUlF3fa4pjVmeVnvc7OxgM3JtT3L9wlOT25vTq6splSvqu7F+zb5tywkDc93Og57aYfTKZOAT1Xdm/xnQ6zWoFhLgr+yfsljy6TEnflf2b7NYuO8Uq7v/v5uYmw8Xsw+HQwafvyv6MR+cUq7j/abeaymJ2fW9J38su+87u5JlTrK2O+3Q6tZhd39vT9zaU/anvsXvdiKalcc/t9LrF7Pqu7NW6uLhwFWu74r57VbeYXd/b0/cWln0nt3lXca+37LnNx1nMru+1HpCtLfvTw+/1ek6xFh733T00LGanPX1vedmzHdKJe8VHeVZrpCxm1/e6+67sf+27U6xlxt1idtrWd2X/J6dYS4u7xey0re/K3pQaiPvzWcxO2/qu7F/cP06xNj7uFrPTtr4r+9dwirXBcbeYnRb2Xdm/NRFtPsV60NCnzWJ22tZ3ZX+GNp9ibV7cLWanhX1X9mdr7SnWHx4eHir8doeHh7Vu7t3dXW5LHq+vry15bKJ8chmDg89fD5Fb2eOwj2M+XiP7/f7uNTK2bbVaxXbe3NzkmdHd6uTvXMNWd9+qrXHD4h7PUG6L2S151Pda+55V2WMjR48+83cWi0UMlrP6PMunX9irq6vvua5Q3Nvy1j7G7JY86nutfc9n82KoHlv49Qd8bPmvv/4aA/ncnvHz8/PffvutDXE/8Ov9vLJbzF7SU5nn/Hs+ZY8B77ce8LsdG/8wt2e8PadYjdyf8840DllLHo3fax2/Z7JJ339WKQbvGX6w9fNe1E3LFF52Sx71ve6+9/v9TMpeyVml2Le//PJLbpeMPuPRiXuxYsBuyaO+p+lOMWXfiYcT4/fcpuC/9RSrOfcyWcxevHzm3wsr+4tc74Bd9lWs4t7U45Ky+15S2f86QspwVrPUU6ymZfZ2oJOtNl8OmuCAb+4pVtMyRY3j3Jnd+F3ZqzUcDjMcMJV3o2Bx/8JvuMXs+q7sNe3e3O7bUdiNgsX909yZnVb1Pf30o1Os4r6fsrszO+3p+x5PLDnFWh8nVD9mMTsfKfv8ag5LBppyitUJ1QazmJ1Wjd8zWQy2O8Wa2/mtpp9iFfe/HeUWs9Oevme1zDfPlWmNPsUq7v87yn3mBu3pe4YXcMQm3d3dOcUq7oUPGdD3VpX9yWw2y/ZGwc16ltt+QtXl5nyrpp9fbcRF14vFooUfbO2EamUsZqdtA4Km3E5jNBq5hFDcn192i9lpVd+bdaMk86Xi/hxXV1c+c4NW9b2Jt8DL8xSruOfLYnba1vdG39w0z1Os4p7jIW4gQKv6XsBtq2M0dn19bRJV3D93iFvMTqv6XswHEjjFKu7/+hvo5Axt63thHzXjt1jcP/275zWfVnWnyA8Rc4pV3P/HYnbSiNFDPjEt++MhnWIVd4vZSer9I2VPwCnWVsfdYnZSyuS2BO35SHenWFsad4vZUfbiOcXarrhbzI6yt4dTrG2Ju8XsKHsLOcVaeNy9R0PZW8sp1mLjbjE7yt5yTrEWGHeL2VF2vH0vLe4Ws6Ps/HW3OMVaQtwtZkfZ+SenWA+a/vxZzI6y80ktP8Xa1LhbzI6ye0a+qM2nWBsZd4vZUXbPyFdq7SnWA08VKHvZ2nmKtWFxt5gdZfeMPE/bTrH+8PDwUOG3Ozw8rHVzP3z4YMkjys6zLRaL8Xi89yf0k6qtccNG7sqOsvM92nOK9cCTDcreKi05byfuoOyt04ZTrOIOyt5SZZ9iFXdQ9vYq+CpWcQdlb7VST7GKOyh72xV5ilXcQdkp8BSruIOy8/9KOsUq7ii7svM/xZxiFXeUXdn5mzJOsYo7yq7sfKyAU6zijrIrO59+ahp9ilXcUXZl51819xSruKPsys7nNPQUq7ij7MrOF+xOsYo7KLuyl6Zxz5e4o+zKToHEHWVXdsQdlF3ZEXdQdmVH3EHZQdxB2UHcUXZlR9xB2ZUdcQdlV3bE/dn2/huLsit7OzUuPgeN+9V1kKHsiE/quNd9QBu5o+wUOXKv/Jg5qPzIrvXxr1YrBxnKTnp1x6fyeJqWQdmVnQLjU3Hch8NhrZt7c3PjIEPZSa/u+FQez+atljF4R9lJf6S1fbXMyclJ3Vt8e3vrUEPZSSlBdiqPZ8NOqIb5fO5QQ9lJKUF2Ko/nDw8PD9V+x8PDw7r3wt3dnV8nZVd2kh1vg8Gg7p9SeYqrn3Ov+5xqmE6nDjhlV3bSSBCcOrJZfdz7/X7dO2KxWLiaSdmVnQTiYIvg1P1T6shm9XFPcMTH7jZ4V3ZlJ82wPcEhV8fhVP2c+2az6fV6CX7B7u/vu92ug0/ZlZ2aRM2Oj48THHXr9brymlU/cu8+SjB4f/PmjYNP2ZWd+kRkEhx1NTWzlouYEpxTffE48+6CVWVXdmoSeUkw215fMGuJ+2g0SrP3X7165cyqsis7dcwNRF7S/Kyagln9nPtOgtXuT/vl+vrasajsyk61A8c0w/YXNaxwr3HknnLwHk+AyXdlV3YqFElJVvb6Utn4uL94XKvkngTKruxUImKScqV1famsa1om/PTTTyl/OWez2dnZmUNT2ZWd7yn7eDxOeYx9+PChYSP3xIP3EE+J8buyKztNKXvdkawx7pPJJPFzE0+M+XdlV3aeIdKRuOx1R7LGuMfvRpoF7381nU6tj1R2Zefr7VY9pr+jSeSx1sOs3k9iSj94f/G4fqbX67m+SdmVnS+KUEQukq2NSZnHGk+o7sSO22w2e3naRqPR1dWV+88ou7LzT9GllEsePxJdWq/Xtf6I2j9D9fz8fF9PXjxtx8fHl5eXZmmUXdl5EgdbZCHisK+ypwlj7SP3/Q7en35vYxQfb4L86iq7srf8eJtOp3v/QIgEw/ZEcY9dmewuDZ8Xv71nZ2cnJyd+jZVd2Vt1pN3e3s7n8/gih+25vr5OsFI8RdxD/A5ndYYzfp93p6r7/X58HV8k+GhvlJ0E4qCKoyv+XK1W8UWUJ6uJ2ShPHHIJflCiuKf5hFmAzN3d3aUZTBykeTzxYPayLBIgHynP/CUaue/eK/V6PQtXgHbqdDrr9TrZDPBBygc2m808wUA7RQBTnts7SPnYRqORGzcCLRTpS3wvxXTTMjvb7fb4+Hi/y94BUup2u/f394mX5B0kfpDx8HwqHtAqEb30i60P0j/Oo6Ojq6srzzfQBrPZbC8XUhzs5dFOJhOT70Dxzh7t5UennnP/q8FgkMnVwACViwH73d3dvn76wR4fucu+gYLLnuY2AzmO3F883lL5+PjYlU1ASTqdzv39/X4/TOJgv7sgHny8uLlpF1BS2SNre/+YoIO974jdmxd9B4opew4Tzgc57A59B5S9wLjv+n5/f+/8KtBQuUVszydUP7Ldbk9PT62PBBpX9tymHw6y2kGxa+7u7lzfBDRIJCvCldvEcl4j9yfz+Xw8HjtogMzNZrM8x6OZxv3F4yfzvXr1yv0jgTx1u93r6+tszxQeZLvjdmcnTNEAGYo0Zb4GJN+R+5PFYjEej13FCuRg96FyiT95o6iR+5PYiev12udrA3sXIYoc5V/2ZozcnyyXy19//fXm5sYRBiQ2HA5///33Bl2L06S47ywWizdv3jjRCqTR7Xavrq4aMVpvdtx35vP5xcWFxAO1Zv38/LyhyzqaGvenUfx0OjVRA1RrOBxOJpPGjdbLifvOcrmMxEforagBvken04mgR9YLuM9VCXF/Mp/PF48co8A3GT0q6cKaouL+ZJf4m5sbk/LAv+l2u8PhcJf18h5dmXF/EnGPxC+Xy9VqZWoeiJr3+/2jo6P4Yu8fliTulYnKb7fb29vb+HrX+vhPdxiGIiP+1y9OTk46nU6rPjGiXXEHaIkDuwBA3AEQdwDEHQBxB0DcAcQdAHEHQNwBEHcAxB1A3AEQdwDEHQBxB0DcARB3AHEHQNwBEHcAxB0AcQcQdwDEHQBxB0DcARB3AMQdQNwBEHcAxB0AcQdA3AHEHQBxB0DcARB3AMQdAHEHEHcAxB0AcQdA3AEQdwBxB0DcARB3AMQdAHEHQNwBxB0AcQdA3AEQdwDEHUDcARB3APL2fwIMAPYsllM0KtRTAAAAAElFTkSuQmCC); background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #f3f3f3; } .mez.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Content_stack>.layouts-2-image):after { content: ""; position: absolute; inset: 0; background-color: rgba(38, 128, 252, 0.1); } .layouts-2-row > div { flex: 1; align-items: stretch; } /* Layouts 2 */ div[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) { margin: 12px 0; } div.out[tag="slice"] .com_onelittledesigner_stacks_Layouts_2_stack, .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide) { overflow: visible; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide) { background-color: transparent; border: 2px solid rgba(0,0,0,0.0); padding-left: 0; padding-right: 0; } div.mez.bare.selected:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide) { background-color: rgba(38, 128, 252, 0.1); border: 2px solid rgba(0,0,0,0.0); } div.out[tag="slice"] .layouts-auto-hide > .layouts-2-section > div, div.out[tag="slice"] .layouts-auto-hide > .layouts-2-section > div > div { box-sizing: border-box; width: 100%; overflow: visible; } .layouts-2-section > div > div > .mez { margin: 7px auto 3px auto; } .layouts-auto-hide > .layouts-2-section > div > div > .mez { background-color: transparent; border: 2px solid rgba(0,0,0,0.15); } .dark .layouts-auto-hide > .layouts-2-section > div > div > .mez { border: 2px solid rgba(255,255,255,0.15) !important; } .layouts-auto-hide > .layouts-2-section > div > div > .mez.selected { background-color: rgba(38, 128, 252, 0.1) !important; } /* Layouts Row */ .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { background-color: transparent; border: 2px solid rgba(0,0,0,0.15) !important; } .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { border: 2px solid rgba(255,255,255,0.15) !important; } .layouts-2-row > div > div[tag="node"], .layouts-2-row > div > div[tag="node"] > div { flex: 1; align-items: stretch; background: transparent; } .layouts-2-row > div > div[tag="node"] > div { display: flex; flex-direction: column; padding: 1px 0; } .layouts-2-row > div > div[tag="node"] > div > .mez { height: calc(100% - 10px); } /* Layouts Column */ .layouts-2-el > [tag="node"] { min-height: 0; padding: 0; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { background-color: transparent; border: 2px dotted rgba(0,0,0,0.15); box-sizing: border-box; } .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { border: 2px dotted rgba(255,255,255,0.15); } div.mez.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { border: 2px dotted rgba(0,0,0,0.15); } .dark div.mez.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { border: 2px dotted rgba(255,255,255,0.15); } .layouts-2-column > div > .mez.empty:first-child { background-color: transparent; border: 0px solid transparent; padding: 0; margin: 0; } div.out[tag="slice"] .layouts-2-column { display: flex; flex-direction: column; } div.out[tag="slice"] .layouts-2-column > div:nth-child(1) { order: 2; width: 100%; box-sizing: border-box; } div.out[tag="slice"] .layouts-2-column > div:nth-child(2) { order: 1; width: 100%; box-sizing: border-box; } div.out[tag="slice"] .layouts-2-column > div:has(.out) + div:has(.empty) { display: none; } /* Layouts Content */ .layouts-2-el .com_onelittledesigner_stacks_Layouts_2_Content_stack .out .mez, .layouts-2-el .mez:has(>div>*.layouts-2-content) { background-color: transparent; border: 0px solid transparent; padding: 0; margin: 0; } .layouts-2-el .mez:has(>div>*.layouts-2-content) > *:not(.in) { visibility: hidden; } .com_onelittledesigner_stacks_Layouts_2_Content_stack .out div[tag="node"] { min-width: 5px !important; min-height: 5px !important; color: inherit; } div.mez.bare.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Content_stack) { background-color: rgba(38, 128, 252, 0.1); } .layouts-2-svg-icon { font-size: 0 !important; line-height: 1 !important; } svg.layouts-2-svg-icon { height: 32px; width: 32px; display: inline-block; } .layouts-2-svg-icon > svg { height: 32px; width: 32px; display: inline-block; font-size: 0; line-height: 1; } .layouts-2-text.material-icons { font-size: 32px; } .ionicons-svg-outline { fill: none !important; stroke-width: 32px; } .layouts-2-button { line-height: 1.1; } .layouts-2-button > a { display: inline-flex; align-items: center; } .layouts-2-button > a > svg, .layouts-2-button > a > i { margin-right: 0.5em; } @supports (rotate:180deg) { .layouts-2-button > a { gap: .5em; } .layouts-2-button > a > svg, .layouts-2-button > a > i { margin-right: 0; } } .layouts-2-button a > i { font-size: 22px; } .layouts-2-button a > svg { height: 22px; width: 22px; } div.out[tag="slice"] .layouts-2-button > a > div { min-height: 0; } div.out[tag="slice"] .layouts-2-button a > svg + div.out { display: inline-block; } div.out[tag="slice"] .layouts-2-section > div > div .out:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-section > div > div .out:has(.layouts-2-edge-right), div.out[tag="slice"] .layouts-2-section > div > div .in:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-section > div > div .in:has(.layouts-2-edge-right), div.out[tag="slice"] .layouts-2-row .out:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-row .out:has(.layouts-2-edge-right), div.out[tag="slice"] .layouts-2-row .in:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-row .in:has(.layouts-2-edge-right) { overflow: visible; } .layouts-2-edge-left { z-index: -1; } /* Add Buttons */ .layouts-2-el > div[tag="node"] > div.add { width: 64px !important; height: 24px !important; margin: 4px auto 4px auto !important; border-radius: 99px !important; padding: 0 !important; border: 1px solid #fff !important; color: transparent !important; font-size: 11px !important; z-index: 9999; min-height: 0px; text-align: center; background-color: #2680fc !important; } .layouts-2-el > div[tag="node"] > div.add.down { opacity: .7 !important; } .layouts-2-el > div[tag="node"] > div.add:after { content: "+ Content" !important; font-size: 11px; line-height: 24px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; display: inline-block !important; border-radius: 3px; color: #fff; } .layouts-2-row > div > div[tag="node"] > div.add { position: absolute !important; right: 6px; top: 0; margin: 0 !important; } .layouts-2-column:has(>.out:last-child > .out) > div[tag="node"] > div.add { display: none !important; } .layouts-2-column:has(>.out:last-child > .out) > div[tag="node"] { min-height: 0px; } .layouts-2-row > div > div[tag="node"] { padding-top: 28px; } .layouts-2-section > div[tag="node"] > div.add:after { content: "+ Row" !important; } .layouts-2-row > div > div[tag="node"] > div.add:after { content: "+ Column" !important; } .layouts-2-row .layouts-2-row > div > div[tag="node"] { padding-top: 0px; } .layouts-2-row .layouts-2-row .layouts-2-el > div[tag="node"] { min-height: 0; } .mez>.com_onelittledesigner_stacks_Layouts_2_Content_stack { min-height: 0; } /* Edit Mode */ div:has(>.mez>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { z-index: 0; position: relative; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-mobile):before , .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-tablet):before , .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-desktop):before { content: "Column hidden on desktop"; display: none; height: 18px; background-position: center 8px; background-size: 18px 18px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill:%23999;' viewBox='0 0 512 512'%3E%3Cpath d='M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM255.66 384c-41.49 0-81.5-12.28-118.92-36.5-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 00.14-2.94L93.5 161.38a2 2 0 00-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0075.8-12.58 2 2 0 00.77-3.31l-21.58-21.58a4 4 0 00-3.83-1 204.8 204.8 0 01-51.16 6.47zM490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 00-74.89 12.83 2 2 0 00-.75 3.31l21.55 21.55a4 4 0 003.88 1 192.82 192.82 0 0150.21-6.69c40.69 0 80.58 12.43 118.55 37 34.71 22.4 65.74 53.88 89.76 91a.13.13 0 010 .16 310.72 310.72 0 01-64.12 72.73 2 2 0 00-.15 2.95l19.9 19.89a2 2 0 002.7.13 343.49 343.49 0 0068.64-78.48 32.2 32.2 0 00-.1-34.78z'/%3E%3Cpath d='M256 160a95.88 95.88 0 00-21.37 2.4 2 2 0 00-1 3.38l112.59 112.56a2 2 0 003.38-1A96 96 0 00256 160zM165.78 233.66a2 2 0 00-3.38 1 96 96 0 00115 115 2 2 0 001-3.38z'/%3E%3C/svg%3E"); background-color: #d9e3fD; padding: 26px 16px 8px 16px; border: 1px solid #b9c3dD; border-radius: 3px; color: rgba(0,0,0,0.45); text-align: center; z-index: -1; position: relative; } .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-mobile):before , .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-tablet):before , .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-desktop):before { color: #555; background-color: #111; border-color: #333; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack), .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { transition: none !important; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { border-width: 0 !important; padding: 0 !important; margin: 0 auto !important; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.layouts-2-column:not(.layouts-2-styled)) { border-width: 0 !important; padding: 0 !important; margin: 0 !important; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .layouts-2-content-width > div { padding-top: 0px; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) > div:not(.com_onelittledesigner_stacks_Layouts_2_Row_stack), .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) > div:not(.com_onelittledesigner_stacks_Layouts_2_Column_stack), .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .layouts-2-el > div > .add { display: none !important; } .layouts-2-row .layouts-2-row > div > div[tag="node"] > div.add, .layouts-2-row .layouts-2-row .layouts-2-column > div[tag="node"] > div.add { display: none !important; } /* Inter-300 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; src: local('Inter Light'), local('Inter-Light'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-300.woff') format('woff'); /* Modern Browsers */ } /* Inter-regular - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; src: local('Inter Regular'), local('Inter-Regular'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-400.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-400.woff') format('woff'); /* Modern Browsers */ } /* Inter-500 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; src: local('Inter Medium'), local('Inter-Medium'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-500.woff') format('woff'); /* Modern Browsers */ } /* Inter-600 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; src: local('Inter SemiBold'), local('Inter-SemiBold'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-600.woff') format('woff'); /* Modern Browsers */ } /* Inter-700 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; src: local('Inter Bold'), local('Inter-Bold'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-700.woff') format('woff'); /* Modern Browsers */ } /* Inter-800 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; src: local('Inter ExtraBold'), local('Inter-ExtraBold'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-800.woff') format('woff'); /* Modern Browsers */ } /* Inter-900 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 900; src: local('Inter Black'), local('Inter-Black'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-900.woff') format('woff'); /* Modern Browsers */ } /* Inter-300 - latin */ @font-face { font-family: 'Inter Light'; font-style: normal; font-weight: 300; src: local('Inter Light'), local('Inter-Light'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-300.woff') format('woff'); /* Modern Browsers */ } /* Inter-500 - latin */ @font-face { font-family: 'Inter Medium'; font-style: normal; font-weight: 500; src: local('Inter Medium'), local('Inter-Medium'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-500.woff') format('woff'); /* Modern Browsers */ } /* Inter-600 - latin */ @font-face { font-family: 'Inter SemiBold'; font-style: normal; font-weight: 600; src: local('Inter SemiBold'), local('Inter-SemiBold'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-600.woff') format('woff'); /* Modern Browsers */ } /* Inter-700 - latin */ @font-face { font-family: 'Inter Bold'; font-style: normal; font-weight: 700; src: local('Inter Bold'), local('Inter-Bold'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-700.woff') format('woff'); /* Modern Browsers */ } /* Inter-800 - latin */ @font-face { font-family: 'Inter ExtraBold'; font-style: normal; font-weight: 800; src: local('Inter ExtraBold'), local('Inter-ExtraBold'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-800.woff') format('woff'); /* Modern Browsers */ } /* Inter-900 - latin */ @font-face { font-family: 'Inter Black'; font-style: normal; font-weight: 900; src: local('Inter Black'), local('Inter-Black'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-900.woff') format('woff'); /* Modern Browsers */ } .webfont-helper-all { font-family: 'Inter', Arial; } #stacks_in_2066 .webfont-helper-wrap, #stacks_in_2066 .webfont-helper-wrap > .out { display: none; } /* 1.5.7.11 - click events no longer work as swipe for navigation. Allowing text to be highlighted on desktop. - fixes a bug wth non-wrapping text and columns (min-width:0 -> auto) - the action attribute is now editable in the PHP mail form. This is so you an add the # link of the contact page in a one page menu website - fixes a bug that would prevent the one page nav from showing a next page arrow when scroling by touch and touching a link - improved mouse wheel scrolling sensitivity for one page nav - updated form to use utf-8 encoding - fixes a Deluxe menu dropdown item color settting bug - removed built-in hardware acceleration due to display bugs in macOS 13 Ventura - one page menu now allows you to exclude project pages from the menu items - added "fixed-header" predefined class for fixed position horizontal elements - updated reCAPTCHA to use v3 (possibly support enterprise) */ html { background-color: rgba(255, 255, 255, 1.00); color: rgba(0, 0, 0, 0.60); font-size: 18px; line-height: 140%; font-family: "Inter","helveticaNeue", helvetica, sans-serif; text-align: left; font-weight: 400; letter-spacing: 0.00px; word-spacing: 0.00px; } p, span { line-height: 140%; } body, body * { box-sizing: border-box; } h1,h2,h3,h4,h5,h6,p, [data-deluxe-link], [data-deluxe-text]:not(span):not(div), input, textarea { margin: 16px 0px; } .g-recaptcha { margin: 12px 0px 16px 0px; } input, textarea, button { font-family: inherit; } ::placeholder { opacity: .6; } a { display: inline-block; text-decoration: none; transition: color 150ms ease, background-color 150ms ease, box-shadow 300ms ease, border 150ms ease; } a:focus, button:focus { outline: none; } a [data-width] > i, a [data-width] > svg, a [data-width] > ion-icon { vertical-align: top; } [data-auto-width="True"] a { white-space: nowrap; } *:not(.com_onelittledesigner_stacks_Icon_Helper_stack) > svg, [data-deluxe-link] { color: rgba(0, 0, 0, 0.60); stroke: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } a:not([data-deluxe-link]), h1 a:not([data-deluxe-link]), h2 a:not([data-deluxe-link]), h3 a:not([data-deluxe-link]), h4 a:not([data-deluxe-link]), h5 a:not([data-deluxe-link]), p a:not([data-deluxe-link]), span a:not([data-deluxe-link]), [data-edit-p] a:not([data-deluxe-link]), a:not([data-deluxe-link]) i, a:not([data-deluxe-link]) svg { color: rgba(42, 122, 240, 1.00); fill: rgba(42, 122, 240, 1.00); stroke: rgba(42, 122, 240, 1.00); } a:not([data-deluxe-link]):hover, h1 a:not([data-deluxe-link]):hover, h2 a:not([data-deluxe-link]):hover, h3 a:not([data-deluxe-link]):hover, h4 a:not([data-deluxe-link]):hover, h5 a:not([data-deluxe-link]):hover, p a:not([data-deluxe-link]):hover, span a:not([data-deluxe-link]):hover, a:not([data-deluxe-link]):hover i, a:not([data-deluxe-link]):hover svg { color: rgba(42, 122, 240, 1.00); fill: rgba(42, 122, 240, 1.00); stroke: rgba(42, 122, 240, 1.00); } a:not([data-deluxe-link]):active, h1 a:not([data-deluxe-link]):active, h2 a:not([data-deluxe-link]):active, h3 a:not([data-deluxe-link]):active, h4 a:not([data-deluxe-link]):active, h5 a:not([data-deluxe-link]):active, p a:not([data-deluxe-link]):active, span a:not([data-deluxe-link]):active, .current a:not([data-deluxe-link]), .active a:not([data-deluxe-link]), a:not([data-deluxe-link]):active i, a:not([data-deluxe-link]):active svg { color: rgba(42, 122, 240, 1.00); fill: rgba(42, 122, 240, 1.00); stroke: rgba(42, 122, 240, 1.00); } form { margin-block-end: 0; } hr { border-width: 0 0 0 0; clear: both; height: 0 } h1,h2,h3,h4,h5,h6 { color: rgba(0, 0, 0, 0.90); line-height: 110%; font-family: "Inter","helveticaNeue", helvetica, sans-serif; font-weight: 700; letter-spacing: 0.00px; word-spacing: 0.00px; } span[data-deluxe-text="span-True"] { line-height: 100%; display: block; white-space: nowrap; } [data-deluxe-link="2"] { display: block; } [data-deluxe-link="0"], [data-deluxe-link="1"] { display: inline-block; } [data-deluxe-link="1"] { margin: 0; } [data-deluxe-text], input[data-deluxe-el], textarea[data-deluxe-el], button[data-deluxe-el] { margin-bottom: 0px; } [data-deluxe-text]:first-child, input[data-deluxe-el]:first-child, textarea[data-deluxe-el]:first-child, button[data-deluxe-el]:first-child { margin-top: 0px; } [data-deluxe-text]:only-child, input[data-deluxe-el]:only-child, textarea[data-deluxe-el]:only-child, button[data-deluxe-el]:only-child { margin-top: 0px; margin-bottom: 0px; } [data-deluxe-text] span:not([data-deluxe-text]):not([class]) { font: inherit !important; color: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; word-spacing: inherit !important; } sup { font-size: 60%; } input { width: 100%; } h1, h1 p { font-size: 54px; } h2, h2 p { font-size: 36px; } h3, h3 p { font-size: 28px; } h4, h4 p { font-size: 22px; } h5, h5 p { font-size: 20px; } h6, h6 p { font-size: 18px; } h1 p { margin: 0px; } h2 p { margin: 0px; } h3 p { margin: 0px; } h4 p { margin: 0px; } h5 p { margin: 0px; } h6 p { margin: 0px; } .deluxe-link-wrap { display: grid; } .deluxe-navbar { position: relative; } .column-sticky { position: sticky; top:0 } .fixed-header { position: fixed; z-index: 99; width: 100%; } .sticky-container { overflow: scroll; max-height: 100vh; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .sticky-container::-webkit-scrollbar { display: none; } .column-overflow-top, .column-overflow, .column-overflow-bottom { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .column-overflow > * { transform: translateY(-50%); } .column-overflow-top > * { transform: translateY(-100%); } .content-overflow { position: relative; z-index: 99; transform: translateY(50%); } .deluxe-lightbox { cursor: pointer; } .deluxe-lightbox-wrap { position: fixed; z-index: 9999; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.5); display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; justify-items: center; text-align: left; } .deluxe-lightbox-wrap > * { align-self: center; box-shadow: 0px 0px 24px rgba(0,0,0,0.6); max-width: 80vw; } .deluxe-lightbox-wrap > div > div > div.slice.empty { width: 80vw; height: 80vh; } @media all and (min-width: 771px) { .hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { .hide-tablet { display: none; } } @media all and (max-width: 500px) { .hide-mobile { display: none; } } .stacks_in:not(.site_image_stack):not(.image_stack), .stacks_out, .out { overflow: visible; width: 100%; } /* */ html:first-child > body section[data-deluxe-el="1"] { padding: 128px 0px;display: flex; flex-direction: row; justify-content: center; position: relative; } section[data-deluxe-el="1"] > div { max-width: 960px; margin: 0; width: 100%; width: calc(100% - 60px); } /* */ html:first-child > body h3[data-deluxe-el="1"] { margin-top: 12px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; color: rgba(255, 255, 255, 1.00); font-size: 24px; } h3[data-deluxe-el="1"] > div { } h3[data-deluxe-el="1"] [data-deluxe-link], h3[data-deluxe-el="1"] svg { color: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } h3[data-deluxe-el="1"] h1, h3[data-deluxe-el="1"] h2, h3[data-deluxe-el="1"] h3, h3[data-deluxe-el="1"] h4, h3[data-deluxe-el="1"] h5 { color: rgba(255, 255, 255, 1.00); } h3[data-deluxe-el="1"] svg { stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } /* */ html:first-child > body p[data-deluxe-el="2"] { margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; color: rgba(255, 255, 255, 0.75); } p[data-deluxe-el="2"] > div { } p[data-deluxe-el="2"] [data-deluxe-link], p[data-deluxe-el="2"] svg { color: rgba(255, 255, 255, 0.75); stroke: rgba(255, 255, 255, 0.75); fill: rgba(255, 255, 255, 0.75); } p[data-deluxe-el="2"] h1, p[data-deluxe-el="2"] h2, p[data-deluxe-el="2"] h3, p[data-deluxe-el="2"] h4, p[data-deluxe-el="2"] h5 { color: rgba(255, 255, 255, 1.00); } p[data-deluxe-el="2"] svg { stroke: rgba(255, 255, 255, 0.75); fill: rgba(255, 255, 255, 0.75); } /* */ html:first-child > body hr[data-deluxe-el="1"] { margin: 64px 0px; } hr[data-deluxe-el="1"] > div { } html:first-child > body .element_stacks_in_42[data-deluxe-el] { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-42.jpg); background-repeat: repeat; background-position: center center; background-size: cover; padding: 24px 0px 128px 0px; } .element_stacks_in_42[data-deluxe-el] > div { } :root { --multi_columns_stacks_in_2215:minmax(40px,min-content) 1fr min-content; } #multi_columns_stacks_in_2215 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_2215); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_2215 > div { min-width: 0; } #multi_columns_stacks_in_2215 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_2215 > div img { max-width: 100%; } #multi_columns_stacks_in_2215 > div:not(.nav-column):not(.column-sticky) { position: relative; } .element_stacks_in_2221[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 1.00); font-size: 32px; font-weight: 900; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } #l2_stacks_in_2313, #l2_stacks_in_2313 > svg, .mez p#l2_stacks_in_2313 + div { text-align: left; } #l2_stacks_in_2313 a { border: 2px solid rgba(255, 255, 255, 1.00); border-radius: 4px; background-color: rgba(26, 26, 26, 0.00); color: rgba(255, 255, 255, 1.00); margin-left: 0; margin-right: 0; } #l2_stacks_in_2313 a:hover { background-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 1.00); } #l2_stacks_in_2313.layouts-2-button a > svg { fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } #l2_stacks_in_2313.layouts-2-button a:hover > svg { fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } .mez #l2_stacks_in_2313 a { margin-top: 1px; } #l2_stacks_in_2313.layouts-2-content { margin-top: 0px; margin-bottom: 0px; } div#stacks_out_2313[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) { margin-top: 0px; margin-bottom: 0px; } .modkeys-stacks_in_1682.mod-active .modkeys-inactive, .modkeys-stacks_in_1682 .modkeys-active, .modkeys-stacks_in_1682 .modkeys-toggle { display: none; } .modkeys-stacks_in_1682 .modkeys-inactive, .modkeys-stacks_in_1682.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1682 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1682 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1682.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_2164[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1683.mod-active .modkeys-inactive, .modkeys-stacks_in_1683 .modkeys-active, .modkeys-stacks_in_1683 .modkeys-toggle { display: none; } .modkeys-stacks_in_1683 .modkeys-inactive, .modkeys-stacks_in_1683.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1683 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1683 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1683.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_2162[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1684.mod-active .modkeys-inactive, .modkeys-stacks_in_1684 .modkeys-active, .modkeys-stacks_in_1684 .modkeys-toggle { display: none; } .modkeys-stacks_in_1684 .modkeys-inactive, .modkeys-stacks_in_1684.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1684 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1684 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1684.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_2160[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1685.mod-active .modkeys-inactive, .modkeys-stacks_in_1685 .modkeys-active, .modkeys-stacks_in_1685 .modkeys-toggle { display: none; } .modkeys-stacks_in_1685 .modkeys-inactive, .modkeys-stacks_in_1685.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1685 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1685 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1685.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_2158[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1686.mod-active .modkeys-inactive, .modkeys-stacks_in_1686 .modkeys-active, .modkeys-stacks_in_1686 .modkeys-toggle { display: none; } .modkeys-stacks_in_1686 .modkeys-inactive, .modkeys-stacks_in_1686.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1686 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(13, 13, 13, 1.00) rgba(13, 13, 13, 1.00) rgba(13, 13, 13, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1686 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1686.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_1718[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1687.mod-active .modkeys-inactive, .modkeys-stacks_in_1687 .modkeys-active, .modkeys-stacks_in_1687 .modkeys-toggle { display: none; } .modkeys-stacks_in_1687 .modkeys-inactive, .modkeys-stacks_in_1687.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1687 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1687 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1687.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_2156[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1688.mod-active .modkeys-inactive, .modkeys-stacks_in_1688 .modkeys-active, .modkeys-stacks_in_1688 .modkeys-toggle { display: none; } .modkeys-stacks_in_1688 .modkeys-inactive, .modkeys-stacks_in_1688.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1688 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1688 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1688.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_2154[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1689.mod-active .modkeys-inactive, .modkeys-stacks_in_1689 .modkeys-active, .modkeys-stacks_in_1689 .modkeys-toggle { display: none; } .modkeys-stacks_in_1689 .modkeys-inactive, .modkeys-stacks_in_1689.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1689 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1689 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1689.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_2152[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1690.mod-active .modkeys-inactive, .modkeys-stacks_in_1690 .modkeys-active, .modkeys-stacks_in_1690 .modkeys-toggle { display: none; } .modkeys-stacks_in_1690 .modkeys-inactive, .modkeys-stacks_in_1690.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1690 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1690 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1690.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_2150[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1691.mod-active .modkeys-inactive, .modkeys-stacks_in_1691 .modkeys-active, .modkeys-stacks_in_1691 .modkeys-toggle { display: none; } .modkeys-stacks_in_1691 .modkeys-inactive, .modkeys-stacks_in_1691.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1691 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1691 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1691.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_1743[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1692.mod-active .modkeys-inactive, .modkeys-stacks_in_1692 .modkeys-active, .modkeys-stacks_in_1692 .modkeys-toggle { display: none; } .modkeys-stacks_in_1692 .modkeys-inactive, .modkeys-stacks_in_1692.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1692 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1692 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1692.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_1748[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1693.mod-active .modkeys-inactive, .modkeys-stacks_in_1693 .modkeys-active, .modkeys-stacks_in_1693 .modkeys-toggle { display: none; } .modkeys-stacks_in_1693 .modkeys-inactive, .modkeys-stacks_in_1693.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1693 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1693 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1693.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_2144[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1694.mod-active .modkeys-inactive, .modkeys-stacks_in_1694 .modkeys-active, .modkeys-stacks_in_1694 .modkeys-toggle { display: none; } .modkeys-stacks_in_1694 .modkeys-inactive, .modkeys-stacks_in_1694.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1694 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 194, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1694 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1694.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .element_stacks_in_2146[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.75); } .modkeys-stacks_in_1825.mod-active .modkeys-inactive, .modkeys-stacks_in_1825 .modkeys-active, .modkeys-stacks_in_1825 .modkeys-toggle { display: none; } .modkeys-stacks_in_1825 .modkeys-inactive, .modkeys-stacks_in_1825.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1825 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1825 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1825.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1828.mod-active .modkeys-inactive, .modkeys-stacks_in_1828 .modkeys-active, .modkeys-stacks_in_1828 .modkeys-toggle { display: none; } .modkeys-stacks_in_1828 .modkeys-inactive, .modkeys-stacks_in_1828.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1828 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1828 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1828.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1829.mod-active .modkeys-inactive, .modkeys-stacks_in_1829 .modkeys-active, .modkeys-stacks_in_1829 .modkeys-toggle { display: none; } .modkeys-stacks_in_1829 .modkeys-inactive, .modkeys-stacks_in_1829.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1829 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1829 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1829.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1830.mod-active .modkeys-inactive, .modkeys-stacks_in_1830 .modkeys-active, .modkeys-stacks_in_1830 .modkeys-toggle { display: none; } .modkeys-stacks_in_1830 .modkeys-inactive, .modkeys-stacks_in_1830.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1830 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1830 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1830.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1831.mod-active .modkeys-inactive, .modkeys-stacks_in_1831 .modkeys-active, .modkeys-stacks_in_1831 .modkeys-toggle { display: none; } .modkeys-stacks_in_1831 .modkeys-inactive, .modkeys-stacks_in_1831.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1831 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1831 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1831.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1832.mod-active .modkeys-inactive, .modkeys-stacks_in_1832 .modkeys-active, .modkeys-stacks_in_1832 .modkeys-toggle { display: none; } .modkeys-stacks_in_1832 .modkeys-inactive, .modkeys-stacks_in_1832.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1832 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1832 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1832.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1833.mod-active .modkeys-inactive, .modkeys-stacks_in_1833 .modkeys-active, .modkeys-stacks_in_1833 .modkeys-toggle { display: none; } .modkeys-stacks_in_1833 .modkeys-inactive, .modkeys-stacks_in_1833.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1833 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1833 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1833.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1834.mod-active .modkeys-inactive, .modkeys-stacks_in_1834 .modkeys-active, .modkeys-stacks_in_1834 .modkeys-toggle { display: none; } .modkeys-stacks_in_1834 .modkeys-inactive, .modkeys-stacks_in_1834.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1834 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1834 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1834.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1836.mod-active .modkeys-inactive, .modkeys-stacks_in_1836 .modkeys-active, .modkeys-stacks_in_1836 .modkeys-toggle { display: none; } .modkeys-stacks_in_1836 .modkeys-inactive, .modkeys-stacks_in_1836.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1836 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1836 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1836.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1837.mod-active .modkeys-inactive, .modkeys-stacks_in_1837 .modkeys-active, .modkeys-stacks_in_1837 .modkeys-toggle { display: none; } .modkeys-stacks_in_1837 .modkeys-inactive, .modkeys-stacks_in_1837.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1837 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1837 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1837.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1838.mod-active .modkeys-inactive, .modkeys-stacks_in_1838 .modkeys-active, .modkeys-stacks_in_1838 .modkeys-toggle { display: none; } .modkeys-stacks_in_1838 .modkeys-inactive, .modkeys-stacks_in_1838.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1838 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1838 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1838.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1839.mod-active .modkeys-inactive, .modkeys-stacks_in_1839 .modkeys-active, .modkeys-stacks_in_1839 .modkeys-toggle { display: none; } .modkeys-stacks_in_1839 .modkeys-inactive, .modkeys-stacks_in_1839.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1839 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1839 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1839.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1840.mod-active .modkeys-inactive, .modkeys-stacks_in_1840 .modkeys-active, .modkeys-stacks_in_1840 .modkeys-toggle { display: none; } .modkeys-stacks_in_1840 .modkeys-inactive, .modkeys-stacks_in_1840.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1840 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1840 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1840.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1841.mod-active .modkeys-inactive, .modkeys-stacks_in_1841 .modkeys-active, .modkeys-stacks_in_1841 .modkeys-toggle { display: none; } .modkeys-stacks_in_1841 .modkeys-inactive, .modkeys-stacks_in_1841.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1841 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1841 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1841.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1842.mod-active .modkeys-inactive, .modkeys-stacks_in_1842 .modkeys-active, .modkeys-stacks_in_1842 .modkeys-toggle { display: none; } .modkeys-stacks_in_1842 .modkeys-inactive, .modkeys-stacks_in_1842.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1842 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1842 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1842.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1843.mod-active .modkeys-inactive, .modkeys-stacks_in_1843 .modkeys-active, .modkeys-stacks_in_1843 .modkeys-toggle { display: none; } .modkeys-stacks_in_1843 .modkeys-inactive, .modkeys-stacks_in_1843.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1843 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1843 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1843.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1844.mod-active .modkeys-inactive, .modkeys-stacks_in_1844 .modkeys-active, .modkeys-stacks_in_1844 .modkeys-toggle { display: none; } .modkeys-stacks_in_1844 .modkeys-inactive, .modkeys-stacks_in_1844.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1844 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1844 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1844.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1845.mod-active .modkeys-inactive, .modkeys-stacks_in_1845 .modkeys-active, .modkeys-stacks_in_1845 .modkeys-toggle { display: none; } .modkeys-stacks_in_1845 .modkeys-inactive, .modkeys-stacks_in_1845.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1845 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1845 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1845.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1846.mod-active .modkeys-inactive, .modkeys-stacks_in_1846 .modkeys-active, .modkeys-stacks_in_1846 .modkeys-toggle { display: none; } .modkeys-stacks_in_1846 .modkeys-inactive, .modkeys-stacks_in_1846.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1846 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1846 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1846.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1847.mod-active .modkeys-inactive, .modkeys-stacks_in_1847 .modkeys-active, .modkeys-stacks_in_1847 .modkeys-toggle { display: none; } .modkeys-stacks_in_1847 .modkeys-inactive, .modkeys-stacks_in_1847.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1847 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1847 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1847.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1848.mod-active .modkeys-inactive, .modkeys-stacks_in_1848 .modkeys-active, .modkeys-stacks_in_1848 .modkeys-toggle { display: none; } .modkeys-stacks_in_1848 .modkeys-inactive, .modkeys-stacks_in_1848.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1848 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(0, 196, 61, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1848 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; right: 0; left: auto; top: 0; bottom: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .modkeys-stacks_in_1848.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } .modkeys-stacks_in_1190.mod-active .modkeys-inactive, .modkeys-stacks_in_1190 .modkeys-active, .modkeys-stacks_in_1190 .modkeys-toggle { display: none; } .modkeys-stacks_in_1190 .modkeys-inactive, .modkeys-stacks_in_1190.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1190 { background-color : rgba(26, 26, 26, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(255, 204, 0, 1.00); border-width: 0px 0px 0px 6px; border-style: solid; border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 1.00); margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding: 12px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1190 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; top: 0; bottom: auto; bottom: 0; top: auto; width: 480px; max-width: 100vw; max-width: calc(100vw - 24px * 2); } .mk-styles_stacks_in_1190 { position: fixed; } .modkeys-stacks_in_1190.mod-active:before { content: ""; position: fixed; z-index: 9998; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.30); pointer-events: none; } .modkeys-stacks_in_1190.mod-active .modkeys-active { animation: mk_fadeIn 0.3s ease-out; } :root { --multi_columns_stacks_in_572:min-content 1fr; } #multi_columns_stacks_in_572 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_572); grid-gap: 64px; align-items: center; } #multi_columns_stacks_in_572 > div { min-width: 0; } #multi_columns_stacks_in_572 + .deluxe-columns { margin-top: 64px; } #multi_columns_stacks_in_572 > div img { max-width: 100%; } #multi_columns_stacks_in_572 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 901px) { #multi_columns_stacks_in_572 .hide-mobile { display: inherit; } #multi_columns_stacks_in_572 .hide-tablet { display: inherit; } #multi_columns_stacks_in_572 .hide-mobile { display: inherit; } #multi_columns_stacks_in_572 .hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 501px) { #multi_columns_stacks_in_572 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_572 .hide-desktop { display: inherit; } #multi_columns_stacks_in_572 .hide-mobile { display: inherit; } #multi_columns_stacks_in_572 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_572 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_572 .hide-tablet { display: inherit; } #multi_columns_stacks_in_572 .hide-desktop { display: inherit; } #multi_columns_stacks_in_572 .hide-mobile { display: none; } } @media all and (max-width: 900px) { #multi_columns_stacks_in_572 { grid-template-columns: repeat(1, 1fr); grid-gap: 24px; } #multi_columns_stacks_in_572 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_572 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_572 > div > * {position: relative;} #multi_columns_stacks_in_572 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_572 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_572 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_572 > div > * {position: relative;} #multi_columns_stacks_in_572 > div > * > * {transform: translate(0,0);} } :root { --multi_columns_stacks_in_1139:min-content; } #multi_columns_stacks_in_1139 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1139); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_1139 > div { min-width: 0; } #multi_columns_stacks_in_1139 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_1139 > div img { max-width: 100%; } #multi_columns_stacks_in_1139 > div:not(.nav-column):not(.column-sticky) { position: relative; } #stacks_in_1145 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 32px 8px 4px 8px; } #stacks_out_1145 { width: 112px; margin-left:0; } .element_stacks_in_1147[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-weight: 400; letter-spacing: 0.00px; line-height: 200%; word-spacing: 0.00px; } :root { --multi_columns_stacks_in_347:min-content min-content; } #multi_columns_stacks_in_347 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_347); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_347 > div { min-width: 0; } #multi_columns_stacks_in_347 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_347 > div img { max-width: 100%; } #multi_columns_stacks_in_347 > div:not(.nav-column):not(.column-sticky) { position: relative; } #stacks_in_375 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 32px 8px 4px 8px; } #stacks_out_375 { width: 144px; margin-left:0; } .element_stacks_in_385[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-weight: 400; letter-spacing: 0.00px; line-height: 200%; word-spacing: 0.00px; } #stacks_in_642 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 8px 8px 8px 8px; } #stacks_out_642 { width: 64px; margin-left:0; } .element_stacks_in_644[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; text-align: center; font-weight: 400; letter-spacing: 0.00px; line-height: 200%; word-spacing: 0.00px; } :root { --multi_columns_stacks_in_460:min-content min-content min-content; } #multi_columns_stacks_in_460 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_460); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_460 > div { min-width: 0; } #multi_columns_stacks_in_460 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_460 > div img { max-width: 100%; } #multi_columns_stacks_in_460 > div:not(.nav-column):not(.column-sticky) { position: relative; } #stacks_in_479 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px 8px 10px 8px; } #stacks_out_479 { width: 80px; margin-left:0; } .element_stacks_in_505[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 16px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .element_stacks_in_508[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 0px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } #stacks_in_480 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px 8px 10px 8px; } #stacks_out_480 { width: 80px; margin-left:0; } .element_stacks_in_499[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 16px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .element_stacks_in_502[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 0px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } #stacks_in_481 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px 8px 10px 8px; } #stacks_out_481 { width: 80px; margin-left:0; } .element_stacks_in_493[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 16px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .element_stacks_in_496[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 0px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } html:first-child > body .element_stacks_in_1201[data-deluxe-el] { margin: 16px 0px; } .element_stacks_in_1201[data-deluxe-el] > div { } :root { --multi_columns_stacks_in_1161:min-content; } #multi_columns_stacks_in_1161 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1161); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_1161 > div { min-width: 0; } #multi_columns_stacks_in_1161 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_1161 > div img { max-width: 100%; } #multi_columns_stacks_in_1161 > div:not(.nav-column):not(.column-sticky) { position: relative; } #stacks_in_1167 { background-color: rgba(26, 26, 26, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 18px 8px 18px 8px; } #stacks_out_1167 { width: 112px; margin-left:0; } .element_stacks_in_1164[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 1.00); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } :root { --multi_columns_stacks_in_652:min-content min-content; } #multi_columns_stacks_in_652 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_652); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_652 > div { min-width: 0; } #multi_columns_stacks_in_652 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_652 > div img { max-width: 100%; } #multi_columns_stacks_in_652 > div:not(.nav-column):not(.column-sticky) { position: relative; } #stacks_in_654 { background-color: rgba(26, 26, 26, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 20px 8px 20px 8px; } #stacks_out_654 { width: 144px; margin-left:0; } .element_stacks_in_664[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } #stacks_in_655 { background-color: rgba(26, 26, 26, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 32px 8px 8px 8px; } #stacks_out_655 { width: 64px; margin-left:0; } .element_stacks_in_660[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; text-align: left; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } :root { --multi_columns_stacks_in_653:min-content min-content min-content; } #multi_columns_stacks_in_653 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_653); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_653 > div { min-width: 0; } #multi_columns_stacks_in_653 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_653 > div img { max-width: 100%; } #multi_columns_stacks_in_653 > div:not(.nav-column):not(.column-sticky) { position: relative; } #stacks_in_656 { background-color: rgba(26, 26, 26, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 25px 8px 25px 8px; } #stacks_out_656 { width: 96px; margin-left:0; } .element_stacks_in_675[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 1.00); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } #stacks_in_657 { background-color: rgba(26, 26, 26, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 20px 8px 20px 8px; } #stacks_out_657 { width: 64px; margin-left:0; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined 1.5.0.1 - removed stroke color, causing pixelation issues in safari */ #stacks_in_672 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_672 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_672 svg */ #stacks_in_672 svg, #stacks_in_672 i { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); stroke-width: 0; } #stacks_in_672 i, #stacks_in_672 svg { position: relative; font-size: 24px; line-height: 24px; height: 24px; width: 24px; display: block; text-align: center; margin: 0 auto; } #stacks_in_672 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_672 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_672 .material-icons-two-tone { color: rgba(255, 255, 255, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(255, 255, 255, 1.00), 0px -.1px 0px rgba(255, 255, 255, 1.00), .1px 0px 0px rgba(255, 255, 255, 1.00), -.1px 0px 0px rgba(255, 255, 255, 1.00); } #stacks_in_672 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } #stacks_in_658 { background-color: rgba(26, 26, 26, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 25px 8px 25px 8px; } #stacks_out_658 { width: 80px; margin-left:0; } .element_stacks_in_668[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 1.00); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .element_stacks_in_2059[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 1.00); font-size: 64px; font-weight: 900; letter-spacing: 0.00px; line-height: 110%; word-spacing: 0.00px; } .element_stacks_in_2056[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 1.00); font-size: 22px; font-weight: 400; letter-spacing: 0.00px; line-height: 150%; word-spacing: 0.00px; } .modkeys-stacks_in_2069.mod-active .modkeys-inactive, .modkeys-stacks_in_2069 .modkeys-active, .modkeys-stacks_in_2069 .modkeys-toggle { display: none; } .modkeys-stacks_in_2069 .modkeys-inactive, .modkeys-stacks_in_2069.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_2069 { background-color : rgba(31, 102, 251, 0.15); border-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.16) rgba(31, 102, 251, 1.00); border-width: 1px 1px 1px 4px; border-style: solid; border-radius: 4px 4px 4px 4px; padding: 16px 24px; position: relative; z-index: 10; } .modkeys-stacks_in_2069 .modkeys-active, .modkeys-stacks_in_2069 .modkeys-inactive, .modkeys-stacks_in_2069.mod-active .modkeys-active, .modkeys-stacks_in_2069.mod-active .modkeys-inactive { display: none; } :root { --multi_columns_stacks_in_2084:min-content 1fr; } #multi_columns_stacks_in_2084 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_2084); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_2084 > div { min-width: 0; } #multi_columns_stacks_in_2084 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_2084 > div img { max-width: 100%; } #multi_columns_stacks_in_2084 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 601px) { #multi_columns_stacks_in_2084 .hide-mobile { display: inherit; } #multi_columns_stacks_in_2084 .hide-tablet { display: inherit; } #multi_columns_stacks_in_2084 .hide-mobile { display: inherit; } #multi_columns_stacks_in_2084 .hide-desktop { display: none; } } @media all and (max-width: 600px) and (min-width: 501px) { #multi_columns_stacks_in_2084 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_2084 .hide-desktop { display: inherit; } #multi_columns_stacks_in_2084 .hide-mobile { display: inherit; } #multi_columns_stacks_in_2084 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_2084 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_2084 .hide-tablet { display: inherit; } #multi_columns_stacks_in_2084 .hide-desktop { display: inherit; } #multi_columns_stacks_in_2084 .hide-mobile { display: none; } } @media all and (max-width: 600px) { #multi_columns_stacks_in_2084 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_2084 + .deluxe-columns { } #multi_columns_stacks_in_2084 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_2084 > div > * {position: relative;} #multi_columns_stacks_in_2084 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_2084 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_2084 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_2084 > div > * {position: relative;} #multi_columns_stacks_in_2084 > div > * > * {transform: translate(0,0);} } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined 1.5.0.1 - removed stroke color, causing pixelation issues in safari */ #stacks_in_2213 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_2213 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_2213 svg */ #stacks_in_2213 svg, #stacks_in_2213 i { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); stroke-width: 0; } #stacks_in_2213 i, #stacks_in_2213 svg { position: relative; font-size: 48px; line-height: 48px; height: 48px; width: 48px; display: block; text-align: center; } #stacks_in_2213 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_2213 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_2213 .material-icons-two-tone { color: rgba(255, 255, 255, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(255, 255, 255, 1.00), 0px -.1px 0px rgba(255, 255, 255, 1.00), .1px 0px 0px rgba(255, 255, 255, 1.00), -.1px 0px 0px rgba(255, 255, 255, 1.00); } #stacks_in_2213 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } .element_stacks_in_2089[data-deluxe-el][data-deluxe-text] { color: rgba(242, 242, 242, 1.00); font-size: 20px; font-weight: 400; letter-spacing: 0.00px; line-height: 150%; word-spacing: 0.00px; } :root { --multi_columns_stacks_in_2070:min-content 1fr; } #multi_columns_stacks_in_2070 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_2070); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_2070 > div { min-width: 0; } #multi_columns_stacks_in_2070 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_2070 > div img { max-width: 100%; } #multi_columns_stacks_in_2070 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 601px) { #multi_columns_stacks_in_2070 .hide-mobile { display: inherit; } #multi_columns_stacks_in_2070 .hide-tablet { display: inherit; } #multi_columns_stacks_in_2070 .hide-mobile { display: inherit; } #multi_columns_stacks_in_2070 .hide-desktop { display: none; } } @media all and (max-width: 600px) and (min-width: 501px) { #multi_columns_stacks_in_2070 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_2070 .hide-desktop { display: inherit; } #multi_columns_stacks_in_2070 .hide-mobile { display: inherit; } #multi_columns_stacks_in_2070 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_2070 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_2070 .hide-tablet { display: inherit; } #multi_columns_stacks_in_2070 .hide-desktop { display: inherit; } #multi_columns_stacks_in_2070 .hide-mobile { display: none; } } @media all and (max-width: 600px) { #multi_columns_stacks_in_2070 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_2070 + .deluxe-columns { } #multi_columns_stacks_in_2070 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_2070 > div > * {position: relative;} #multi_columns_stacks_in_2070 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_2070 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_2070 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_2070 > div > * {position: relative;} #multi_columns_stacks_in_2070 > div > * > * {transform: translate(0,0);} } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined 1.5.0.1 - removed stroke color, causing pixelation issues in safari */ #stacks_in_2214 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_2214 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_2214 svg */ #stacks_in_2214 svg, #stacks_in_2214 i { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); stroke-width: 0; } #stacks_in_2214 i, #stacks_in_2214 svg { position: relative; font-size: 48px; line-height: 48px; height: 48px; width: 48px; display: block; text-align: center; } #stacks_in_2214 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_2214 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_2214 .material-icons-two-tone { color: rgba(255, 255, 255, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(255, 255, 255, 1.00), 0px -.1px 0px rgba(255, 255, 255, 1.00), .1px 0px 0px rgba(255, 255, 255, 1.00), -.1px 0px 0px rgba(255, 255, 255, 1.00); } #stacks_in_2214 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } .element_stacks_in_2141[data-deluxe-el][data-deluxe-text] { color: rgba(242, 242, 242, 1.00); font-size: 20px; font-weight: 400; letter-spacing: 0.00px; line-height: 150%; word-spacing: 0.00px; } .modkeys-stacks_in_2174.mod-active .modkeys-inactive, .modkeys-stacks_in_2174 .modkeys-active, .modkeys-stacks_in_2174 .modkeys-toggle { display: none; } .modkeys-stacks_in_2174 .modkeys-inactive, .modkeys-stacks_in_2174.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_2174 { margin-top: 0px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; position: relative; z-index: 10; } .modkeys-stacks_in_2174 .modkeys-active, .modkeys-stacks_in_2174 .modkeys-inactive, .modkeys-stacks_in_2174.mod-active .modkeys-active, .modkeys-stacks_in_2174.mod-active .modkeys-inactive { display: none; } .modkeys-stacks_in_1209.mod-active .modkeys-inactive, .modkeys-stacks_in_1209 .modkeys-active, .modkeys-stacks_in_1209 .modkeys-toggle { display: none; } .modkeys-stacks_in_1209 .modkeys-inactive, .modkeys-stacks_in_1209.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1209 { background-color : rgba(241, 249, 252, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(64, 170, 230, 1.00); border-width: 1px 1px 1px 4px; border-style: solid; border-radius: 4px 4px 4px 4px; padding: 12px 24px; position: relative; z-index: 10; } .modkeys-stacks_in_1209 .modkeys-active, .modkeys-stacks_in_1209 .modkeys-inactive, .modkeys-stacks_in_1209.mod-active .modkeys-active, .modkeys-stacks_in_1209.mod-active .modkeys-inactive { display: none; } :root { --multi_columns_stacks_in_1223:min-content 1fr min-content; } #multi_columns_stacks_in_1223 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1223); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_1223 > div { min-width: 0; } #multi_columns_stacks_in_1223 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_1223 > div img { max-width: 100%; } #multi_columns_stacks_in_1223 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 601px) { #multi_columns_stacks_in_1223 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1223 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1223 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1223 .hide-desktop { display: none; } } @media all and (max-width: 600px) and (min-width: 501px) { #multi_columns_stacks_in_1223 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1223 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1223 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1223 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1223 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1223 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1223 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1223 .hide-mobile { display: none; } } @media all and (max-width: 600px) { #multi_columns_stacks_in_1223 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1223 + .deluxe-columns { } #multi_columns_stacks_in_1223 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1223 > div > * {position: relative;} #multi_columns_stacks_in_1223 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1223 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1223 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1223 > div > * {position: relative;} #multi_columns_stacks_in_1223 > div > * > * {transform: translate(0,0);} } #stacks_in_1231 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 8px 8px 8px 8px; } #stacks_out_1231 { width: 64px; margin-left:0; } .element_stacks_in_1233[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; text-align: center; font-weight: 400; letter-spacing: 0.00px; line-height: 200%; word-spacing: 0.00px; } .modkeys-stacks_in_1225.mod-active .modkeys-inactive, .modkeys-stacks_in_1225 .modkeys-active, .modkeys-stacks_in_1225 .modkeys-toggle { display: none; } .modkeys-stacks_in_1225 .modkeys-inactive, .modkeys-stacks_in_1225.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1225 { position: relative; z-index: 10; } .modkeys-stacks_in_1225 { --mk-toggle-size: 30px; } .modkeys-stacks_in_1225 .modkeys-active, .modkeys-stacks_in_1225 .modkeys-inactive, .modkeys-stacks_in_1225.mod-active .modkeys-active, .modkeys-stacks_in_1225.mod-active .modkeys-inactive { display: none; } .modkeys-stacks_in_1225 .modkeys-toggle { display: block; } .modkeys-stacks_in_1225 .modkey-toggle-wrap-outer { width: 100%; } .modkeys-stacks_in_1225 .modkey-toggle-wrap-outer, .modkeys-stacks_in_1225 .modkey-toggle-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ -ms-flex-line-pack: flex-start; align-content: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; /* */ /* */ } .modkeys-stacks_in_1225 .modkey-toggle-wrap-inner { width: auto; } .modkeys-stacks_in_1225 .modkey-toggle-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } .modkeys-stacks_in_1225 .modkey-toggle-wrap-inner .tt-label-left, .modkeys-stacks_in_1225 .modkey-toggle-wrap-inner .tt-label-right { font-size: calc( var(--mk-toggle-size) * .5 + 2px ); line-height: 1; } /* */ .modkeys-stacks_in_1225 .modkey-toggle { margin: 10px 5px; } .modkeys-stacks_in_1225 .modkey-toggle.ts-3 { margin: 10px 10px; } .modkeys-stacks_in_1225 .modkey-toggle > * { z-index: 1; } .modkeys-stacks_in_1225 .modkey-toggle:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: calc( var(--mk-toggle-size) * 2 + 20px ); height: calc( var(--mk-toggle-size) + 20px ); border-radius: calc( var(--mk-toggle-size) + 20px ); z-index: 0; } .modkeys-stacks_in_1225 .modkey-toggle, .modkeys-stacks_in_1225 .modkey-toggle .label-bg, .modkeys-stacks_in_1225 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1225 .modkey-toggle .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: calc( var(--mk-toggle-size) * 2 ); height: var(--mk-toggle-size); border-radius: var(--mk-toggle-size); } .modkeys-stacks_in_1225 .modkey-toggle .label-bg > div > div, .modkeys-stacks_in_1225 .modkey-toggle label, .modkeys-stacks_in_1225 .modkey-toggle label:after, .modkeys-stacks_in_1225 .modkey-toggle label:before { width: var(--mk-toggle-size); height: var(--mk-toggle-size); } .modkeys-stacks_in_1225 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; margin: 0 !important; } .modkeys-stacks_in_1225 .modkey-toggle label, .modkeys-stacks_in_1225 .modkey-toggle .label-bg, .modkeys-stacks_in_1225 .modkey-toggle label:after, .modkeys-stacks_in_1225 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1225 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1225 .modkey-toggle .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } .modkeys-stacks_in_1225 .modkey-toggle .label-bg > div > div { left: calc( var(--mk-toggle-size) * .75 ); } .modkeys-stacks_in_1225 input:checked + .modkey-toggle label { -webkit-transform: translate(var(--mk-toggle-size),0); transform: translate(var(--mk-toggle-size),0); } .modkeys-stacks_in_1225 .modkey-toggle:before { width: calc( var(--mk-toggle-size) * 2 + 10px ); height: calc( var(--mk-toggle-size) + 10px ); border-radius: calc( var(--mk-toggle-size) + 10px ); top: -5px; left: -5px; } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-2:before { height: 20px; border-radius: 20px; top: calc( ( var(--mk-toggle-size) - 20px ) * .5 ); left: -5px; } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5, .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 .label-bg, .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 .label-bg > .left-color, .modkeys-stacks_in_1225 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: var(--mk-toggle-size); } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5:before { width: calc( var(--mk-toggle-size) + 10px ); } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-2 .label-bg { height: calc( var(--mk-toggle-size) * .30 ); top: calc( var(--mk-toggle-size) * .35 ); } /* */ /* */ /* TOGGLE */ .modkeys-stacks_in_1225 .modkey-toggle label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } .modkeys-stacks_in_1225 .modkey-toggle label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } .modkeys-stacks_in_1225 .modkey-toggle.ts-1 label:after { top: -1px; } .modkeys-stacks_in_1225 .modkey-toggle.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ .modkeys-stacks_in_1225 .modkey-toggle .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } .modkeys-stacks_in_1225 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1225 .modkey-toggle .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } .modkeys-stacks_in_1225 .modkey-toggle .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .modkeys-stacks_in_1225 .modkey-toggle .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } .modkeys-stacks_in_1225 .modkey-toggle .label-bg > .left-color > div { left: 0; } .modkeys-stacks_in_1225 input + .modkey-toggle .label-bg > .left-color { width: 0%; } .modkeys-stacks_in_1225 input:checked + .modkey-toggle .label-bg > .left-color { width: 75%; } .modkeys-stacks_in_1225 input:checked + .modkey-toggle .label-bg > .right-color { width: 0%; } /* THIN */ .modkeys-stacks_in_1225 .modkey-toggle.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 .label-bg > .right-color { display: none; } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 label { display: none; } .modkeys-stacks_in_1225 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1225 input + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } .modkeys-stacks_in_1225 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: calc( var(--mk-toggle-size) * .5 ); height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ .modkeys-stacks_in_1225 .modkey-toggle.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1225 .modkey-toggle.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1225 .modkey-toggle.ts-2 .label-bg > .left-color, .modkeys-stacks_in_1225 .modkey-toggle.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1225 .modkey-toggle.ts-2 .label-bg > .left-color > div > span, .modkeys-stacks_in_1225 .modkey-toggle.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1225 .modkey-toggle.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1225 .modkey-toggle.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } .modkeys-stacks_in_1225 .modkey-toggle.ts-2.ts-type-5 .label-bg > .left-color > div > span, .modkeys-stacks_in_1225 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } .modkeys-stacks_in_1225 .modkey-toggle:before { content: ""; position: absolute; z-index: 1; } .modkeys-stacks_in_1225 .modkey-toggle.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1225 .modkey-toggle.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } .modkeys-stacks_in_1225 .modkey-toggle.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } .modkeys-stacks_in_1225 .modkey-toggle.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1225 .modkey-toggle.ts-3 .label-bg > .left-color, .modkeys-stacks_in_1225 .modkey-toggle.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1225 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } .modkeys-stacks_in_1225 .modkey-toggle.ts-3 .label-bg > .left-color > div > span, .modkeys-stacks_in_1225 .modkey-toggle.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1225 .modkey-toggle.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1225 .modkey-toggle.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5.ts-3:after, .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5:before { background-color: transparent; } .modkeys-stacks_in_1225 .modkey-toggle-wrap-inner { color: rgba(0, 0, 0, 0.60); } .modkeys-stacks_in_1225 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1225 .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1225 .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1225 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 label:after, .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 label:before { background-color: transparent; } .modkeys-stacks_in_1225 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1225 input:checked + .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1225 input:checked + .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1225 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } .modkeys-stacks_in_1225 .modkey-toggle label:after, .modkeys-stacks_in_1225 .modkey-toggle label:before, .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), .modkeys-stacks_in_1225 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } .modkeys-stacks_in_1225 .modkey-toggle.ts-3:not(.shape-50) label:before, .modkeys-stacks_in_1225 .modkey-toggle:not(.shape-50):after, .modkeys-stacks_in_1225 .modkey-toggle:not(.shape-50), .modkeys-stacks_in_1225 .modkey-toggle:not(.shape-50) .label-bg, .modkeys-stacks_in_1225 .modkey-toggle:not(.shape-50) .label-bg > .left-color, .modkeys-stacks_in_1225 .modkey-toggle:not(.shape-50) .label-bg > .right-color, .modkeys-stacks_in_1225 .modkey-toggle:not(.shape-50):before, .modkeys-stacks_in_1225 .modkey-toggle.ts-type-2:not(.shape-50):before, .modkeys-stacks_in_1225 .modkey-toggle:not(.shape-50) label, .modkeys-stacks_in_1225 .modkey-toggle:not(.shape-50) label:after { border-radius: 50px; } .modkeys-stacks_in_1225 .modkey-toggle.ts-3.shape-10 label:before, .modkeys-stacks_in_1225 .modkey-toggle.shape-10:after, .modkeys-stacks_in_1225 .modkey-toggle.shape-10, .modkeys-stacks_in_1225 .modkey-toggle.shape-10 .label-bg, .modkeys-stacks_in_1225 .modkey-toggle.shape-10 .label-bg > .left-color, .modkeys-stacks_in_1225 .modkey-toggle.shape-10 .label-bg > .right-color, .modkeys-stacks_in_1225 .modkey-toggle.shape-10:before, .modkeys-stacks_in_1225 .modkey-toggle.ts-type-2.shape-10:before, .modkeys-stacks_in_1225 .modkey-toggle.shape-10 label, .modkeys-stacks_in_1225 .modkey-toggle.shape-10 label:after { border-radius: calc( var(--mk-toggle-size) * .33 ); } /* */ :root { --multi_columns_stacks_in_1210:min-content 1fr min-content; } #multi_columns_stacks_in_1210 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1210); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_1210 > div { min-width: 0; } #multi_columns_stacks_in_1210 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_1210 > div img { max-width: 100%; } #multi_columns_stacks_in_1210 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 601px) { #multi_columns_stacks_in_1210 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1210 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1210 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1210 .hide-desktop { display: none; } } @media all and (max-width: 600px) and (min-width: 501px) { #multi_columns_stacks_in_1210 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1210 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1210 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1210 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1210 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1210 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1210 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1210 .hide-mobile { display: none; } } @media all and (max-width: 600px) { #multi_columns_stacks_in_1210 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1210 + .deluxe-columns { } #multi_columns_stacks_in_1210 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1210 > div > * {position: relative;} #multi_columns_stacks_in_1210 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1210 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1210 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1210 > div > * {position: relative;} #multi_columns_stacks_in_1210 > div > * > * {transform: translate(0,0);} } #stacks_in_1218 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 32px 8px 8px 8px; } #stacks_out_1218 { width: 64px; margin-left:0; } .element_stacks_in_1220[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; text-align: left; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .modkeys-stacks_in_1212.mod-active .modkeys-inactive, .modkeys-stacks_in_1212 .modkeys-active, .modkeys-stacks_in_1212 .modkeys-toggle { display: none; } .modkeys-stacks_in_1212 .modkeys-inactive, .modkeys-stacks_in_1212.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1212 { position: relative; z-index: 10; } .modkeys-stacks_in_1212 { --mk-toggle-size: 30px; } .modkeys-stacks_in_1212 .modkeys-active, .modkeys-stacks_in_1212 .modkeys-inactive, .modkeys-stacks_in_1212.mod-active .modkeys-active, .modkeys-stacks_in_1212.mod-active .modkeys-inactive { display: none; } .modkeys-stacks_in_1212 .modkeys-toggle { display: block; } .modkeys-stacks_in_1212 .modkey-toggle-wrap-outer { width: 100%; } .modkeys-stacks_in_1212 .modkey-toggle-wrap-outer, .modkeys-stacks_in_1212 .modkey-toggle-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ -ms-flex-line-pack: flex-start; align-content: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; /* */ /* */ } .modkeys-stacks_in_1212 .modkey-toggle-wrap-inner { width: auto; } .modkeys-stacks_in_1212 .modkey-toggle-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } .modkeys-stacks_in_1212 .modkey-toggle-wrap-inner .tt-label-left, .modkeys-stacks_in_1212 .modkey-toggle-wrap-inner .tt-label-right { font-size: calc( var(--mk-toggle-size) * .5 + 2px ); line-height: 1; } /* */ .modkeys-stacks_in_1212 .modkey-toggle { margin: 10px 5px; } .modkeys-stacks_in_1212 .modkey-toggle.ts-3 { margin: 10px 10px; } .modkeys-stacks_in_1212 .modkey-toggle > * { z-index: 1; } .modkeys-stacks_in_1212 .modkey-toggle:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: calc( var(--mk-toggle-size) * 2 + 20px ); height: calc( var(--mk-toggle-size) + 20px ); border-radius: calc( var(--mk-toggle-size) + 20px ); z-index: 0; } .modkeys-stacks_in_1212 .modkey-toggle, .modkeys-stacks_in_1212 .modkey-toggle .label-bg, .modkeys-stacks_in_1212 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1212 .modkey-toggle .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: calc( var(--mk-toggle-size) * 2 ); height: var(--mk-toggle-size); border-radius: var(--mk-toggle-size); } .modkeys-stacks_in_1212 .modkey-toggle .label-bg > div > div, .modkeys-stacks_in_1212 .modkey-toggle label, .modkeys-stacks_in_1212 .modkey-toggle label:after, .modkeys-stacks_in_1212 .modkey-toggle label:before { width: var(--mk-toggle-size); height: var(--mk-toggle-size); } .modkeys-stacks_in_1212 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; margin: 0 !important; } .modkeys-stacks_in_1212 .modkey-toggle label, .modkeys-stacks_in_1212 .modkey-toggle .label-bg, .modkeys-stacks_in_1212 .modkey-toggle label:after, .modkeys-stacks_in_1212 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1212 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1212 .modkey-toggle .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } .modkeys-stacks_in_1212 .modkey-toggle .label-bg > div > div { left: calc( var(--mk-toggle-size) * .75 ); } .modkeys-stacks_in_1212 input:checked + .modkey-toggle label { -webkit-transform: translate(var(--mk-toggle-size),0); transform: translate(var(--mk-toggle-size),0); } .modkeys-stacks_in_1212 .modkey-toggle:before { width: calc( var(--mk-toggle-size) * 2 + 10px ); height: calc( var(--mk-toggle-size) + 10px ); border-radius: calc( var(--mk-toggle-size) + 10px ); top: -5px; left: -5px; } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-2:before { height: 20px; border-radius: 20px; top: calc( ( var(--mk-toggle-size) - 20px ) * .5 ); left: -5px; } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5, .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 .label-bg, .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 .label-bg > .left-color, .modkeys-stacks_in_1212 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: var(--mk-toggle-size); } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5:before { width: calc( var(--mk-toggle-size) + 10px ); } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-2 .label-bg { height: calc( var(--mk-toggle-size) * .30 ); top: calc( var(--mk-toggle-size) * .35 ); } /* */ /* */ /* TOGGLE */ .modkeys-stacks_in_1212 .modkey-toggle label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } .modkeys-stacks_in_1212 .modkey-toggle label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } .modkeys-stacks_in_1212 .modkey-toggle.ts-1 label:after { top: -1px; } .modkeys-stacks_in_1212 .modkey-toggle.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ .modkeys-stacks_in_1212 .modkey-toggle .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } .modkeys-stacks_in_1212 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1212 .modkey-toggle .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } .modkeys-stacks_in_1212 .modkey-toggle .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .modkeys-stacks_in_1212 .modkey-toggle .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } .modkeys-stacks_in_1212 .modkey-toggle .label-bg > .left-color > div { left: 0; } .modkeys-stacks_in_1212 input + .modkey-toggle .label-bg > .left-color { width: 0%; } .modkeys-stacks_in_1212 input:checked + .modkey-toggle .label-bg > .left-color { width: 75%; } .modkeys-stacks_in_1212 input:checked + .modkey-toggle .label-bg > .right-color { width: 0%; } /* THIN */ .modkeys-stacks_in_1212 .modkey-toggle.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 .label-bg > .right-color { display: none; } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 label { display: none; } .modkeys-stacks_in_1212 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1212 input + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } .modkeys-stacks_in_1212 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: calc( var(--mk-toggle-size) * .5 ); height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ .modkeys-stacks_in_1212 .modkey-toggle.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1212 .modkey-toggle.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1212 .modkey-toggle.ts-2 .label-bg > .left-color, .modkeys-stacks_in_1212 .modkey-toggle.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1212 .modkey-toggle.ts-2 .label-bg > .left-color > div > span, .modkeys-stacks_in_1212 .modkey-toggle.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1212 .modkey-toggle.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1212 .modkey-toggle.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } .modkeys-stacks_in_1212 .modkey-toggle.ts-2.ts-type-5 .label-bg > .left-color > div > span, .modkeys-stacks_in_1212 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } .modkeys-stacks_in_1212 .modkey-toggle:before { content: ""; position: absolute; z-index: 1; } .modkeys-stacks_in_1212 .modkey-toggle.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1212 .modkey-toggle.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } .modkeys-stacks_in_1212 .modkey-toggle.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } .modkeys-stacks_in_1212 .modkey-toggle.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1212 .modkey-toggle.ts-3 .label-bg > .left-color, .modkeys-stacks_in_1212 .modkey-toggle.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1212 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } .modkeys-stacks_in_1212 .modkey-toggle.ts-3 .label-bg > .left-color > div > span, .modkeys-stacks_in_1212 .modkey-toggle.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1212 .modkey-toggle.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1212 .modkey-toggle.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5.ts-3:after, .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5:before { background-color: transparent; } .modkeys-stacks_in_1212 .modkey-toggle-wrap-inner { color: rgba(0, 0, 0, 0.60); } .modkeys-stacks_in_1212 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1212 .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1212 .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1212 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 label:after, .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 label:before { background-color: transparent; } .modkeys-stacks_in_1212 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1212 input:checked + .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1212 input:checked + .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1212 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } .modkeys-stacks_in_1212 .modkey-toggle label:after, .modkeys-stacks_in_1212 .modkey-toggle label:before, .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), .modkeys-stacks_in_1212 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } .modkeys-stacks_in_1212 .modkey-toggle.ts-3:not(.shape-50) label:before, .modkeys-stacks_in_1212 .modkey-toggle:not(.shape-50):after, .modkeys-stacks_in_1212 .modkey-toggle:not(.shape-50), .modkeys-stacks_in_1212 .modkey-toggle:not(.shape-50) .label-bg, .modkeys-stacks_in_1212 .modkey-toggle:not(.shape-50) .label-bg > .left-color, .modkeys-stacks_in_1212 .modkey-toggle:not(.shape-50) .label-bg > .right-color, .modkeys-stacks_in_1212 .modkey-toggle:not(.shape-50):before, .modkeys-stacks_in_1212 .modkey-toggle.ts-type-2:not(.shape-50):before, .modkeys-stacks_in_1212 .modkey-toggle:not(.shape-50) label, .modkeys-stacks_in_1212 .modkey-toggle:not(.shape-50) label:after { border-radius: 50px; } .modkeys-stacks_in_1212 .modkey-toggle.ts-3.shape-10 label:before, .modkeys-stacks_in_1212 .modkey-toggle.shape-10:after, .modkeys-stacks_in_1212 .modkey-toggle.shape-10, .modkeys-stacks_in_1212 .modkey-toggle.shape-10 .label-bg, .modkeys-stacks_in_1212 .modkey-toggle.shape-10 .label-bg > .left-color, .modkeys-stacks_in_1212 .modkey-toggle.shape-10 .label-bg > .right-color, .modkeys-stacks_in_1212 .modkey-toggle.shape-10:before, .modkeys-stacks_in_1212 .modkey-toggle.ts-type-2.shape-10:before, .modkeys-stacks_in_1212 .modkey-toggle.shape-10 label, .modkeys-stacks_in_1212 .modkey-toggle.shape-10 label:after { border-radius: calc( var(--mk-toggle-size) * .33 ); } /* */ .modkeys-stacks_in_1237.mod-active .modkeys-inactive, .modkeys-stacks_in_1237 .modkeys-active, .modkeys-stacks_in_1237 .modkeys-toggle { display: none; } .modkeys-stacks_in_1237 .modkeys-inactive, .modkeys-stacks_in_1237.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1237 { background-color : rgba(230, 230, 230, 1.00); border: 0px solid rgba(204, 204, 204, 1.00); border-radius: 4px; padding: 24px 24px; position: relative; z-index: 10; } .mk-styles_stacks_in_1237 { z-index: 9999; position: absolute; display: block; left: 0; right: auto; left: 50%; right: auto; transform: translateX(-50%); top: 0; bottom: auto; top: 50%; bottom: auto; transform: translateY(-50%); transform: translate(-50%,-50%); width: 1660px; max-width: 100vw; } .mk-styles_stacks_in_1237 { position: fixed; } .modkeys-stacks_in_1237.mod-active:before { content: ""; position: fixed; z-index: 9998; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.30); pointer-events: none; } .modkeys-stacks_in_1237.mod-active .modkeys-active { animation: mk_fadeIn_hc_vc 0.3s ease-out; } :root { --multi_columns_stacks_in_2422:min-content min-content 1fr; } #multi_columns_stacks_in_2422 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_2422); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_2422 > div { min-width: 0; } #multi_columns_stacks_in_2422 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_2422 > div img { max-width: 100%; } #multi_columns_stacks_in_2422 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 901px) { #multi_columns_stacks_in_2422 .hide-mobile { display: inherit; } #multi_columns_stacks_in_2422 .hide-tablet { display: inherit; } #multi_columns_stacks_in_2422 .hide-mobile { display: inherit; } #multi_columns_stacks_in_2422 .hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 501px) { #multi_columns_stacks_in_2422 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_2422 .hide-desktop { display: inherit; } #multi_columns_stacks_in_2422 .hide-mobile { display: inherit; } #multi_columns_stacks_in_2422 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_2422 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_2422 .hide-tablet { display: inherit; } #multi_columns_stacks_in_2422 .hide-desktop { display: inherit; } #multi_columns_stacks_in_2422 .hide-mobile { display: none; } } @media all and (max-width: 900px) { #multi_columns_stacks_in_2422 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_2422 + .deluxe-columns { } #multi_columns_stacks_in_2422 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_2422 > div > * {position: relative;} #multi_columns_stacks_in_2422 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_2422 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_2422 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_2422 > div > * {position: relative;} #multi_columns_stacks_in_2422 > div > * > * {transform: translate(0,0);} } #stacks_in_2425 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px 6px 10px 6px; } #stacks_out_2425 { width: 80px; margin-left:0; } .element_stacks_in_2426[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 0px; font-weight: 800; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .element_stacks_in_2429[data-deluxe-el][data-deluxe-text] { color: rgba(28, 108, 238, 1.00); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 5px; margin-bottom: 5px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .element_stacks_in_2431[data-deluxe-el][data-deluxe-text] { color: rgba(252, 38, 50, 1.00); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 0px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .modkeys-stacks_in_2206.mod-active .modkeys-inactive, .modkeys-stacks_in_2206 .modkeys-active, .modkeys-stacks_in_2206 .modkeys-toggle { display: none; } .modkeys-stacks_in_2206 .modkeys-inactive, .modkeys-stacks_in_2206.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_2206 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 12px 24px; display: inline-flex; width: 100%; max-width: 320px; display: block; margin-left: auto; margin-right: 0; position: relative; z-index: 10; } .modkeys-stacks_in_2206 { --mk-toggle-size: 30px; } .modkeys-stacks_in_2206 .modkeys-active, .modkeys-stacks_in_2206 .modkeys-inactive, .modkeys-stacks_in_2206.mod-active .modkeys-active, .modkeys-stacks_in_2206.mod-active .modkeys-inactive { display: none; } .modkeys-stacks_in_2206 .modkeys-toggle { display: block; } .modkeys-stacks_in_2206 .modkey-toggle-wrap-outer { width: 100%; } .modkeys-stacks_in_2206 .modkey-toggle-wrap-outer, .modkeys-stacks_in_2206 .modkey-toggle-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ -ms-flex-line-pack: flex-end; align-content: flex-end; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; /* */ } .modkeys-stacks_in_2206 .modkey-toggle-wrap-inner { width: auto; } .modkeys-stacks_in_2206 .modkey-toggle-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } .modkeys-stacks_in_2206 .modkey-toggle-wrap-inner .tt-label-left, .modkeys-stacks_in_2206 .modkey-toggle-wrap-inner .tt-label-right { font-size: calc( var(--mk-toggle-size) * .5 + 2px ); line-height: 1; } /* */ .modkeys-stacks_in_2206 .modkey-toggle { margin: 10px 5px; } .modkeys-stacks_in_2206 .modkey-toggle.ts-3 { margin: 10px 10px; } .modkeys-stacks_in_2206 .modkey-toggle > * { z-index: 1; } .modkeys-stacks_in_2206 .modkey-toggle:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: calc( var(--mk-toggle-size) * 2 + 20px ); height: calc( var(--mk-toggle-size) + 20px ); border-radius: calc( var(--mk-toggle-size) + 20px ); z-index: 0; } .modkeys-stacks_in_2206 .modkey-toggle, .modkeys-stacks_in_2206 .modkey-toggle .label-bg, .modkeys-stacks_in_2206 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_2206 .modkey-toggle .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: calc( var(--mk-toggle-size) * 2 ); height: var(--mk-toggle-size); border-radius: var(--mk-toggle-size); } .modkeys-stacks_in_2206 .modkey-toggle .label-bg > div > div, .modkeys-stacks_in_2206 .modkey-toggle label, .modkeys-stacks_in_2206 .modkey-toggle label:after, .modkeys-stacks_in_2206 .modkey-toggle label:before { width: var(--mk-toggle-size); height: var(--mk-toggle-size); } .modkeys-stacks_in_2206 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; margin: 0 !important; } .modkeys-stacks_in_2206 .modkey-toggle label, .modkeys-stacks_in_2206 .modkey-toggle .label-bg, .modkeys-stacks_in_2206 .modkey-toggle label:after, .modkeys-stacks_in_2206 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_2206 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_2206 .modkey-toggle .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } .modkeys-stacks_in_2206 .modkey-toggle .label-bg > div > div { left: calc( var(--mk-toggle-size) * .75 ); } .modkeys-stacks_in_2206 input:checked + .modkey-toggle label { -webkit-transform: translate(var(--mk-toggle-size),0); transform: translate(var(--mk-toggle-size),0); } .modkeys-stacks_in_2206 .modkey-toggle:before { width: calc( var(--mk-toggle-size) * 2 + 10px ); height: calc( var(--mk-toggle-size) + 10px ); border-radius: calc( var(--mk-toggle-size) + 10px ); top: -5px; left: -5px; } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-2:before { height: 20px; border-radius: 20px; top: calc( ( var(--mk-toggle-size) - 20px ) * .5 ); left: -5px; } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5, .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 .label-bg, .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 .label-bg > .left-color, .modkeys-stacks_in_2206 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: var(--mk-toggle-size); } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5:before { width: calc( var(--mk-toggle-size) + 10px ); } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-2 .label-bg { height: calc( var(--mk-toggle-size) * .30 ); top: calc( var(--mk-toggle-size) * .35 ); } /* */ /* */ /* TOGGLE */ .modkeys-stacks_in_2206 .modkey-toggle label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } .modkeys-stacks_in_2206 .modkey-toggle label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } .modkeys-stacks_in_2206 .modkey-toggle.ts-1 label:after { top: -1px; } .modkeys-stacks_in_2206 .modkey-toggle.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ .modkeys-stacks_in_2206 .modkey-toggle .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } .modkeys-stacks_in_2206 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_2206 .modkey-toggle .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } .modkeys-stacks_in_2206 .modkey-toggle .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .modkeys-stacks_in_2206 .modkey-toggle .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } .modkeys-stacks_in_2206 .modkey-toggle .label-bg > .left-color > div { left: 0; } .modkeys-stacks_in_2206 input + .modkey-toggle .label-bg > .left-color { width: 0%; } .modkeys-stacks_in_2206 input:checked + .modkey-toggle .label-bg > .left-color { width: 75%; } .modkeys-stacks_in_2206 input:checked + .modkey-toggle .label-bg > .right-color { width: 0%; } /* THIN */ .modkeys-stacks_in_2206 .modkey-toggle.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 .label-bg > .right-color { display: none; } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 label { display: none; } .modkeys-stacks_in_2206 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_2206 input + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } .modkeys-stacks_in_2206 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: calc( var(--mk-toggle-size) * .5 ); height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ .modkeys-stacks_in_2206 .modkey-toggle.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_2206 .modkey-toggle.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_2206 .modkey-toggle.ts-2 .label-bg > .left-color, .modkeys-stacks_in_2206 .modkey-toggle.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_2206 .modkey-toggle.ts-2 .label-bg > .left-color > div > span, .modkeys-stacks_in_2206 .modkey-toggle.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_2206 .modkey-toggle.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_2206 .modkey-toggle.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } .modkeys-stacks_in_2206 .modkey-toggle.ts-2.ts-type-5 .label-bg > .left-color > div > span, .modkeys-stacks_in_2206 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } .modkeys-stacks_in_2206 .modkey-toggle:before { content: ""; position: absolute; z-index: 1; } .modkeys-stacks_in_2206 .modkey-toggle.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_2206 .modkey-toggle.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } .modkeys-stacks_in_2206 .modkey-toggle.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } .modkeys-stacks_in_2206 .modkey-toggle.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_2206 .modkey-toggle.ts-3 .label-bg > .left-color, .modkeys-stacks_in_2206 .modkey-toggle.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_2206 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } .modkeys-stacks_in_2206 .modkey-toggle.ts-3 .label-bg > .left-color > div > span, .modkeys-stacks_in_2206 .modkey-toggle.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_2206 .modkey-toggle.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_2206 .modkey-toggle.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5.ts-3:after, .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5:before { background-color: transparent; } .modkeys-stacks_in_2206 .modkey-toggle-wrap-inner { color: rgba(0, 0, 0, 0.60); } .modkeys-stacks_in_2206 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_2206 .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_2206 .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_2206 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 label:after, .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 label:before { background-color: transparent; } .modkeys-stacks_in_2206 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_2206 input:checked + .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_2206 input:checked + .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_2206 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } .modkeys-stacks_in_2206 .modkey-toggle label:after, .modkeys-stacks_in_2206 .modkey-toggle label:before, .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), .modkeys-stacks_in_2206 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } .modkeys-stacks_in_2206 .modkey-toggle.ts-3:not(.shape-50) label:before, .modkeys-stacks_in_2206 .modkey-toggle:not(.shape-50):after, .modkeys-stacks_in_2206 .modkey-toggle:not(.shape-50), .modkeys-stacks_in_2206 .modkey-toggle:not(.shape-50) .label-bg, .modkeys-stacks_in_2206 .modkey-toggle:not(.shape-50) .label-bg > .left-color, .modkeys-stacks_in_2206 .modkey-toggle:not(.shape-50) .label-bg > .right-color, .modkeys-stacks_in_2206 .modkey-toggle:not(.shape-50):before, .modkeys-stacks_in_2206 .modkey-toggle.ts-type-2:not(.shape-50):before, .modkeys-stacks_in_2206 .modkey-toggle:not(.shape-50) label, .modkeys-stacks_in_2206 .modkey-toggle:not(.shape-50) label:after { border-radius: 50px; } .modkeys-stacks_in_2206 .modkey-toggle.ts-3.shape-10 label:before, .modkeys-stacks_in_2206 .modkey-toggle.shape-10:after, .modkeys-stacks_in_2206 .modkey-toggle.shape-10, .modkeys-stacks_in_2206 .modkey-toggle.shape-10 .label-bg, .modkeys-stacks_in_2206 .modkey-toggle.shape-10 .label-bg > .left-color, .modkeys-stacks_in_2206 .modkey-toggle.shape-10 .label-bg > .right-color, .modkeys-stacks_in_2206 .modkey-toggle.shape-10:before, .modkeys-stacks_in_2206 .modkey-toggle.ts-type-2.shape-10:before, .modkeys-stacks_in_2206 .modkey-toggle.shape-10 label, .modkeys-stacks_in_2206 .modkey-toggle.shape-10 label:after { border-radius: calc( var(--mk-toggle-size) * .33 ); } /* */ .modkeys-stacks_in_1245.mod-active .modkeys-inactive, .modkeys-stacks_in_1245 .modkeys-active, .modkeys-stacks_in_1245 .modkeys-toggle { display: none; } .modkeys-stacks_in_1245 .modkeys-inactive, .modkeys-stacks_in_1245.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1245 { background-color : rgba(241, 249, 252, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(65, 170, 229, 1.00); border-width: 1px 1px 1px 4px; border-style: solid; border-radius: 4px 4px 4px 4px; padding: 12px 24px; position: relative; z-index: 10; } .modkeys-stacks_in_1245 .modkeys-active, .modkeys-stacks_in_1245 .modkeys-inactive, .modkeys-stacks_in_1245.mod-active .modkeys-active, .modkeys-stacks_in_1245.mod-active .modkeys-inactive { display: none; } :root { --multi_columns_stacks_in_1277:min-content min-content min-content 1fr min-content; } #multi_columns_stacks_in_1277 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1277); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_1277 > div { min-width: 0; } #multi_columns_stacks_in_1277 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_1277 > div img { max-width: 100%; } #multi_columns_stacks_in_1277 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 601px) { #multi_columns_stacks_in_1277 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1277 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1277 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1277 .hide-desktop { display: none; } } @media all and (max-width: 600px) and (min-width: 501px) { #multi_columns_stacks_in_1277 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1277 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1277 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1277 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1277 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1277 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1277 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1277 .hide-mobile { display: none; } } @media all and (max-width: 600px) { #multi_columns_stacks_in_1277 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1277 + .deluxe-columns { } #multi_columns_stacks_in_1277 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1277 > div > * {position: relative;} #multi_columns_stacks_in_1277 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1277 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1277 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1277 > div > * {position: relative;} #multi_columns_stacks_in_1277 > div > * > * {transform: translate(0,0);} } #stacks_in_1250 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px 8px 10px 8px; } #stacks_out_1250 { width: 64px; margin-left:0; } .element_stacks_in_1293[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 16px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .element_stacks_in_1296[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 0px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } #stacks_in_1251 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 8px 8px 8px 8px; } #stacks_out_1251 { width: 64px; margin-left:0; } .element_stacks_in_1286[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; text-align: center; font-weight: 400; letter-spacing: 0.00px; line-height: 200%; word-spacing: 0.00px; } .modkeys-stacks_in_1279.mod-active .modkeys-inactive, .modkeys-stacks_in_1279 .modkeys-active, .modkeys-stacks_in_1279 .modkeys-toggle { display: none; } .modkeys-stacks_in_1279 .modkeys-inactive, .modkeys-stacks_in_1279.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1279 { position: relative; z-index: 10; } .modkeys-stacks_in_1279 { --mk-toggle-size: 30px; } .modkeys-stacks_in_1279 .modkeys-active, .modkeys-stacks_in_1279 .modkeys-inactive, .modkeys-stacks_in_1279.mod-active .modkeys-active, .modkeys-stacks_in_1279.mod-active .modkeys-inactive { display: none; } .modkeys-stacks_in_1279 .modkeys-toggle { display: block; } .modkeys-stacks_in_1279 .modkey-toggle-wrap-outer { width: 100%; } .modkeys-stacks_in_1279 .modkey-toggle-wrap-outer, .modkeys-stacks_in_1279 .modkey-toggle-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ -ms-flex-line-pack: flex-start; align-content: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; /* */ /* */ } .modkeys-stacks_in_1279 .modkey-toggle-wrap-inner { width: auto; } .modkeys-stacks_in_1279 .modkey-toggle-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } .modkeys-stacks_in_1279 .modkey-toggle-wrap-inner .tt-label-left, .modkeys-stacks_in_1279 .modkey-toggle-wrap-inner .tt-label-right { font-size: calc( var(--mk-toggle-size) * .5 + 2px ); line-height: 1; } /* */ .modkeys-stacks_in_1279 .modkey-toggle { margin: 10px 5px; } .modkeys-stacks_in_1279 .modkey-toggle.ts-3 { margin: 10px 10px; } .modkeys-stacks_in_1279 .modkey-toggle > * { z-index: 1; } .modkeys-stacks_in_1279 .modkey-toggle:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: calc( var(--mk-toggle-size) * 2 + 20px ); height: calc( var(--mk-toggle-size) + 20px ); border-radius: calc( var(--mk-toggle-size) + 20px ); z-index: 0; } .modkeys-stacks_in_1279 .modkey-toggle, .modkeys-stacks_in_1279 .modkey-toggle .label-bg, .modkeys-stacks_in_1279 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1279 .modkey-toggle .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: calc( var(--mk-toggle-size) * 2 ); height: var(--mk-toggle-size); border-radius: var(--mk-toggle-size); } .modkeys-stacks_in_1279 .modkey-toggle .label-bg > div > div, .modkeys-stacks_in_1279 .modkey-toggle label, .modkeys-stacks_in_1279 .modkey-toggle label:after, .modkeys-stacks_in_1279 .modkey-toggle label:before { width: var(--mk-toggle-size); height: var(--mk-toggle-size); } .modkeys-stacks_in_1279 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; margin: 0 !important; } .modkeys-stacks_in_1279 .modkey-toggle label, .modkeys-stacks_in_1279 .modkey-toggle .label-bg, .modkeys-stacks_in_1279 .modkey-toggle label:after, .modkeys-stacks_in_1279 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1279 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1279 .modkey-toggle .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } .modkeys-stacks_in_1279 .modkey-toggle .label-bg > div > div { left: calc( var(--mk-toggle-size) * .75 ); } .modkeys-stacks_in_1279 input:checked + .modkey-toggle label { -webkit-transform: translate(var(--mk-toggle-size),0); transform: translate(var(--mk-toggle-size),0); } .modkeys-stacks_in_1279 .modkey-toggle:before { width: calc( var(--mk-toggle-size) * 2 + 10px ); height: calc( var(--mk-toggle-size) + 10px ); border-radius: calc( var(--mk-toggle-size) + 10px ); top: -5px; left: -5px; } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-2:before { height: 20px; border-radius: 20px; top: calc( ( var(--mk-toggle-size) - 20px ) * .5 ); left: -5px; } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5, .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 .label-bg, .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 .label-bg > .left-color, .modkeys-stacks_in_1279 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: var(--mk-toggle-size); } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5:before { width: calc( var(--mk-toggle-size) + 10px ); } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-2 .label-bg { height: calc( var(--mk-toggle-size) * .30 ); top: calc( var(--mk-toggle-size) * .35 ); } /* */ /* */ /* TOGGLE */ .modkeys-stacks_in_1279 .modkey-toggle label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } .modkeys-stacks_in_1279 .modkey-toggle label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } .modkeys-stacks_in_1279 .modkey-toggle.ts-1 label:after { top: -1px; } .modkeys-stacks_in_1279 .modkey-toggle.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ .modkeys-stacks_in_1279 .modkey-toggle .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } .modkeys-stacks_in_1279 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1279 .modkey-toggle .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } .modkeys-stacks_in_1279 .modkey-toggle .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .modkeys-stacks_in_1279 .modkey-toggle .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } .modkeys-stacks_in_1279 .modkey-toggle .label-bg > .left-color > div { left: 0; } .modkeys-stacks_in_1279 input + .modkey-toggle .label-bg > .left-color { width: 0%; } .modkeys-stacks_in_1279 input:checked + .modkey-toggle .label-bg > .left-color { width: 75%; } .modkeys-stacks_in_1279 input:checked + .modkey-toggle .label-bg > .right-color { width: 0%; } /* THIN */ .modkeys-stacks_in_1279 .modkey-toggle.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 .label-bg > .right-color { display: none; } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 label { display: none; } .modkeys-stacks_in_1279 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1279 input + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } .modkeys-stacks_in_1279 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: calc( var(--mk-toggle-size) * .5 ); height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ .modkeys-stacks_in_1279 .modkey-toggle.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1279 .modkey-toggle.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1279 .modkey-toggle.ts-2 .label-bg > .left-color, .modkeys-stacks_in_1279 .modkey-toggle.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1279 .modkey-toggle.ts-2 .label-bg > .left-color > div > span, .modkeys-stacks_in_1279 .modkey-toggle.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1279 .modkey-toggle.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1279 .modkey-toggle.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } .modkeys-stacks_in_1279 .modkey-toggle.ts-2.ts-type-5 .label-bg > .left-color > div > span, .modkeys-stacks_in_1279 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } .modkeys-stacks_in_1279 .modkey-toggle:before { content: ""; position: absolute; z-index: 1; } .modkeys-stacks_in_1279 .modkey-toggle.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1279 .modkey-toggle.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } .modkeys-stacks_in_1279 .modkey-toggle.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } .modkeys-stacks_in_1279 .modkey-toggle.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1279 .modkey-toggle.ts-3 .label-bg > .left-color, .modkeys-stacks_in_1279 .modkey-toggle.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1279 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } .modkeys-stacks_in_1279 .modkey-toggle.ts-3 .label-bg > .left-color > div > span, .modkeys-stacks_in_1279 .modkey-toggle.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1279 .modkey-toggle.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1279 .modkey-toggle.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5.ts-3:after, .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5:before { background-color: transparent; } .modkeys-stacks_in_1279 .modkey-toggle-wrap-inner { color: rgba(0, 0, 0, 0.60); } .modkeys-stacks_in_1279 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1279 .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1279 .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1279 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 label:after, .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 label:before { background-color: transparent; } .modkeys-stacks_in_1279 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1279 input:checked + .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1279 input:checked + .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1279 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } .modkeys-stacks_in_1279 .modkey-toggle label:after, .modkeys-stacks_in_1279 .modkey-toggle label:before, .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), .modkeys-stacks_in_1279 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } .modkeys-stacks_in_1279 .modkey-toggle.ts-3:not(.shape-50) label:before, .modkeys-stacks_in_1279 .modkey-toggle:not(.shape-50):after, .modkeys-stacks_in_1279 .modkey-toggle:not(.shape-50), .modkeys-stacks_in_1279 .modkey-toggle:not(.shape-50) .label-bg, .modkeys-stacks_in_1279 .modkey-toggle:not(.shape-50) .label-bg > .left-color, .modkeys-stacks_in_1279 .modkey-toggle:not(.shape-50) .label-bg > .right-color, .modkeys-stacks_in_1279 .modkey-toggle:not(.shape-50):before, .modkeys-stacks_in_1279 .modkey-toggle.ts-type-2:not(.shape-50):before, .modkeys-stacks_in_1279 .modkey-toggle:not(.shape-50) label, .modkeys-stacks_in_1279 .modkey-toggle:not(.shape-50) label:after { border-radius: 50px; } .modkeys-stacks_in_1279 .modkey-toggle.ts-3.shape-10 label:before, .modkeys-stacks_in_1279 .modkey-toggle.shape-10:after, .modkeys-stacks_in_1279 .modkey-toggle.shape-10, .modkeys-stacks_in_1279 .modkey-toggle.shape-10 .label-bg, .modkeys-stacks_in_1279 .modkey-toggle.shape-10 .label-bg > .left-color, .modkeys-stacks_in_1279 .modkey-toggle.shape-10 .label-bg > .right-color, .modkeys-stacks_in_1279 .modkey-toggle.shape-10:before, .modkeys-stacks_in_1279 .modkey-toggle.ts-type-2.shape-10:before, .modkeys-stacks_in_1279 .modkey-toggle.shape-10 label, .modkeys-stacks_in_1279 .modkey-toggle.shape-10 label:after { border-radius: calc( var(--mk-toggle-size) * .33 ); } /* */ :root { --multi_columns_stacks_in_1246:min-content min-content min-content 1fr min-content; } #multi_columns_stacks_in_1246 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1246); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_1246 > div { min-width: 0; } #multi_columns_stacks_in_1246 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_1246 > div img { max-width: 100%; } #multi_columns_stacks_in_1246 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 601px) { #multi_columns_stacks_in_1246 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1246 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1246 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1246 .hide-desktop { display: none; } } @media all and (max-width: 600px) and (min-width: 501px) { #multi_columns_stacks_in_1246 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1246 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1246 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1246 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1246 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1246 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1246 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1246 .hide-mobile { display: none; } } @media all and (max-width: 600px) { #multi_columns_stacks_in_1246 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1246 + .deluxe-columns { } #multi_columns_stacks_in_1246 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1246 > div > * {position: relative;} #multi_columns_stacks_in_1246 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1246 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1246 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1246 > div > * {position: relative;} #multi_columns_stacks_in_1246 > div > * > * {transform: translate(0,0);} } #stacks_in_1252 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 25px 8px 25px 8px; } #stacks_out_1252 { width: 80px; margin-left:0; } .element_stacks_in_1274[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } #stacks_in_1253 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 32px 8px 8px 8px; } #stacks_out_1253 { width: 64px; margin-left:0; } .element_stacks_in_1267[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; text-align: left; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .modkeys-stacks_in_1248.mod-active .modkeys-inactive, .modkeys-stacks_in_1248 .modkeys-active, .modkeys-stacks_in_1248 .modkeys-toggle { display: none; } .modkeys-stacks_in_1248 .modkeys-inactive, .modkeys-stacks_in_1248.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1248 { position: relative; z-index: 10; } .modkeys-stacks_in_1248 { --mk-toggle-size: 30px; } .modkeys-stacks_in_1248 .modkeys-active, .modkeys-stacks_in_1248 .modkeys-inactive, .modkeys-stacks_in_1248.mod-active .modkeys-active, .modkeys-stacks_in_1248.mod-active .modkeys-inactive { display: none; } .modkeys-stacks_in_1248 .modkeys-toggle { display: block; } .modkeys-stacks_in_1248 .modkey-toggle-wrap-outer { width: 100%; } .modkeys-stacks_in_1248 .modkey-toggle-wrap-outer, .modkeys-stacks_in_1248 .modkey-toggle-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ -ms-flex-line-pack: flex-start; align-content: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; /* */ /* */ } .modkeys-stacks_in_1248 .modkey-toggle-wrap-inner { width: auto; } .modkeys-stacks_in_1248 .modkey-toggle-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } .modkeys-stacks_in_1248 .modkey-toggle-wrap-inner .tt-label-left, .modkeys-stacks_in_1248 .modkey-toggle-wrap-inner .tt-label-right { font-size: calc( var(--mk-toggle-size) * .5 + 2px ); line-height: 1; } /* */ .modkeys-stacks_in_1248 .modkey-toggle { margin: 10px 5px; } .modkeys-stacks_in_1248 .modkey-toggle.ts-3 { margin: 10px 10px; } .modkeys-stacks_in_1248 .modkey-toggle > * { z-index: 1; } .modkeys-stacks_in_1248 .modkey-toggle:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: calc( var(--mk-toggle-size) * 2 + 20px ); height: calc( var(--mk-toggle-size) + 20px ); border-radius: calc( var(--mk-toggle-size) + 20px ); z-index: 0; } .modkeys-stacks_in_1248 .modkey-toggle, .modkeys-stacks_in_1248 .modkey-toggle .label-bg, .modkeys-stacks_in_1248 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1248 .modkey-toggle .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: calc( var(--mk-toggle-size) * 2 ); height: var(--mk-toggle-size); border-radius: var(--mk-toggle-size); } .modkeys-stacks_in_1248 .modkey-toggle .label-bg > div > div, .modkeys-stacks_in_1248 .modkey-toggle label, .modkeys-stacks_in_1248 .modkey-toggle label:after, .modkeys-stacks_in_1248 .modkey-toggle label:before { width: var(--mk-toggle-size); height: var(--mk-toggle-size); } .modkeys-stacks_in_1248 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; margin: 0 !important; } .modkeys-stacks_in_1248 .modkey-toggle label, .modkeys-stacks_in_1248 .modkey-toggle .label-bg, .modkeys-stacks_in_1248 .modkey-toggle label:after, .modkeys-stacks_in_1248 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1248 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1248 .modkey-toggle .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } .modkeys-stacks_in_1248 .modkey-toggle .label-bg > div > div { left: calc( var(--mk-toggle-size) * .75 ); } .modkeys-stacks_in_1248 input:checked + .modkey-toggle label { -webkit-transform: translate(var(--mk-toggle-size),0); transform: translate(var(--mk-toggle-size),0); } .modkeys-stacks_in_1248 .modkey-toggle:before { width: calc( var(--mk-toggle-size) * 2 + 10px ); height: calc( var(--mk-toggle-size) + 10px ); border-radius: calc( var(--mk-toggle-size) + 10px ); top: -5px; left: -5px; } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-2:before { height: 20px; border-radius: 20px; top: calc( ( var(--mk-toggle-size) - 20px ) * .5 ); left: -5px; } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5, .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 .label-bg, .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 .label-bg > .left-color, .modkeys-stacks_in_1248 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: var(--mk-toggle-size); } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5:before { width: calc( var(--mk-toggle-size) + 10px ); } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-2 .label-bg { height: calc( var(--mk-toggle-size) * .30 ); top: calc( var(--mk-toggle-size) * .35 ); } /* */ /* */ /* TOGGLE */ .modkeys-stacks_in_1248 .modkey-toggle label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } .modkeys-stacks_in_1248 .modkey-toggle label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } .modkeys-stacks_in_1248 .modkey-toggle.ts-1 label:after { top: -1px; } .modkeys-stacks_in_1248 .modkey-toggle.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ .modkeys-stacks_in_1248 .modkey-toggle .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } .modkeys-stacks_in_1248 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1248 .modkey-toggle .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } .modkeys-stacks_in_1248 .modkey-toggle .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .modkeys-stacks_in_1248 .modkey-toggle .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } .modkeys-stacks_in_1248 .modkey-toggle .label-bg > .left-color > div { left: 0; } .modkeys-stacks_in_1248 input + .modkey-toggle .label-bg > .left-color { width: 0%; } .modkeys-stacks_in_1248 input:checked + .modkey-toggle .label-bg > .left-color { width: 75%; } .modkeys-stacks_in_1248 input:checked + .modkey-toggle .label-bg > .right-color { width: 0%; } /* THIN */ .modkeys-stacks_in_1248 .modkey-toggle.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 .label-bg > .right-color { display: none; } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 label { display: none; } .modkeys-stacks_in_1248 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1248 input + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } .modkeys-stacks_in_1248 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: calc( var(--mk-toggle-size) * .5 ); height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ .modkeys-stacks_in_1248 .modkey-toggle.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1248 .modkey-toggle.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1248 .modkey-toggle.ts-2 .label-bg > .left-color, .modkeys-stacks_in_1248 .modkey-toggle.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1248 .modkey-toggle.ts-2 .label-bg > .left-color > div > span, .modkeys-stacks_in_1248 .modkey-toggle.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1248 .modkey-toggle.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1248 .modkey-toggle.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } .modkeys-stacks_in_1248 .modkey-toggle.ts-2.ts-type-5 .label-bg > .left-color > div > span, .modkeys-stacks_in_1248 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } .modkeys-stacks_in_1248 .modkey-toggle:before { content: ""; position: absolute; z-index: 1; } .modkeys-stacks_in_1248 .modkey-toggle.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1248 .modkey-toggle.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } .modkeys-stacks_in_1248 .modkey-toggle.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } .modkeys-stacks_in_1248 .modkey-toggle.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1248 .modkey-toggle.ts-3 .label-bg > .left-color, .modkeys-stacks_in_1248 .modkey-toggle.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1248 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } .modkeys-stacks_in_1248 .modkey-toggle.ts-3 .label-bg > .left-color > div > span, .modkeys-stacks_in_1248 .modkey-toggle.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1248 .modkey-toggle.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1248 .modkey-toggle.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5.ts-3:after, .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5:before { background-color: transparent; } .modkeys-stacks_in_1248 .modkey-toggle-wrap-inner { color: rgba(0, 0, 0, 0.60); } .modkeys-stacks_in_1248 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1248 .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1248 .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1248 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 label:after, .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 label:before { background-color: transparent; } .modkeys-stacks_in_1248 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1248 input:checked + .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1248 input:checked + .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1248 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } .modkeys-stacks_in_1248 .modkey-toggle label:after, .modkeys-stacks_in_1248 .modkey-toggle label:before, .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), .modkeys-stacks_in_1248 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } .modkeys-stacks_in_1248 .modkey-toggle.ts-3:not(.shape-50) label:before, .modkeys-stacks_in_1248 .modkey-toggle:not(.shape-50):after, .modkeys-stacks_in_1248 .modkey-toggle:not(.shape-50), .modkeys-stacks_in_1248 .modkey-toggle:not(.shape-50) .label-bg, .modkeys-stacks_in_1248 .modkey-toggle:not(.shape-50) .label-bg > .left-color, .modkeys-stacks_in_1248 .modkey-toggle:not(.shape-50) .label-bg > .right-color, .modkeys-stacks_in_1248 .modkey-toggle:not(.shape-50):before, .modkeys-stacks_in_1248 .modkey-toggle.ts-type-2:not(.shape-50):before, .modkeys-stacks_in_1248 .modkey-toggle:not(.shape-50) label, .modkeys-stacks_in_1248 .modkey-toggle:not(.shape-50) label:after { border-radius: 50px; } .modkeys-stacks_in_1248 .modkey-toggle.ts-3.shape-10 label:before, .modkeys-stacks_in_1248 .modkey-toggle.shape-10:after, .modkeys-stacks_in_1248 .modkey-toggle.shape-10, .modkeys-stacks_in_1248 .modkey-toggle.shape-10 .label-bg, .modkeys-stacks_in_1248 .modkey-toggle.shape-10 .label-bg > .left-color, .modkeys-stacks_in_1248 .modkey-toggle.shape-10 .label-bg > .right-color, .modkeys-stacks_in_1248 .modkey-toggle.shape-10:before, .modkeys-stacks_in_1248 .modkey-toggle.ts-type-2.shape-10:before, .modkeys-stacks_in_1248 .modkey-toggle.shape-10 label, .modkeys-stacks_in_1248 .modkey-toggle.shape-10 label:after { border-radius: calc( var(--mk-toggle-size) * .33 ); } /* */ .modkeys-stacks_in_1299.mod-active .modkeys-inactive, .modkeys-stacks_in_1299 .modkeys-active, .modkeys-stacks_in_1299 .modkeys-toggle { display: none; } .modkeys-stacks_in_1299 .modkeys-inactive, .modkeys-stacks_in_1299.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1299 { background-color : rgba(242, 242, 242, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(193, 193, 193, 1.00); border-width: 1px 1px 1px 1px; border-style: solid; border-radius: 4px 4px 4px 4px; margin-top: 16px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; padding: 12px 24px; position: relative; z-index: 10; } .modkeys-stacks_in_1299.mod-active .modkeys-active { animation: mk_slideDown 0.3s ease-out; } .modkeys-stacks_in_1307.mod-active .modkeys-inactive, .modkeys-stacks_in_1307 .modkeys-active, .modkeys-stacks_in_1307 .modkeys-toggle { display: none; } .modkeys-stacks_in_1307 .modkeys-inactive, .modkeys-stacks_in_1307.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1307 { background-color : rgba(241, 249, 252, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(65, 170, 229, 1.00); border-width: 1px 1px 1px 4px; border-style: solid; border-radius: 4px 4px 4px 4px; padding: 12px 24px; position: relative; z-index: 10; } .modkeys-stacks_in_1307 .modkeys-active, .modkeys-stacks_in_1307 .modkeys-inactive, .modkeys-stacks_in_1307.mod-active .modkeys-active, .modkeys-stacks_in_1307.mod-active .modkeys-inactive { display: none; } :root { --multi_columns_stacks_in_1329:min-content min-content min-content 1fr min-content; } #multi_columns_stacks_in_1329 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1329); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_1329 > div { min-width: 0; } #multi_columns_stacks_in_1329 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_1329 > div img { max-width: 100%; } #multi_columns_stacks_in_1329 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 601px) { #multi_columns_stacks_in_1329 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1329 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1329 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1329 .hide-desktop { display: none; } } @media all and (max-width: 600px) and (min-width: 501px) { #multi_columns_stacks_in_1329 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1329 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1329 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1329 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1329 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1329 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1329 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1329 .hide-mobile { display: none; } } @media all and (max-width: 600px) { #multi_columns_stacks_in_1329 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1329 + .deluxe-columns { } #multi_columns_stacks_in_1329 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1329 > div > * {position: relative;} #multi_columns_stacks_in_1329 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1329 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1329 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1329 > div > * {position: relative;} #multi_columns_stacks_in_1329 > div > * > * {transform: translate(0,0);} } #stacks_in_1254 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px 8px 10px 8px; } #stacks_out_1254 { width: 64px; margin-left:0; } .element_stacks_in_1347[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 16px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .element_stacks_in_1350[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 0px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } #stacks_in_1255 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 8px 8px 8px 8px; } #stacks_out_1255 { width: 64px; margin-left:0; } .element_stacks_in_1340[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; text-align: center; font-weight: 400; letter-spacing: 0.00px; line-height: 200%; word-spacing: 0.00px; } .modkeys-stacks_in_1331.mod-active .modkeys-inactive, .modkeys-stacks_in_1331 .modkeys-active, .modkeys-stacks_in_1331 .modkeys-toggle { display: none; } .modkeys-stacks_in_1331 .modkeys-inactive, .modkeys-stacks_in_1331.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1331 { position: relative; z-index: 10; } .modkeys-stacks_in_1331 { --mk-toggle-size: 30px; } .modkeys-stacks_in_1331 .modkeys-active, .modkeys-stacks_in_1331 .modkeys-inactive, .modkeys-stacks_in_1331.mod-active .modkeys-active, .modkeys-stacks_in_1331.mod-active .modkeys-inactive { display: none; } .modkeys-stacks_in_1331 .modkeys-toggle { display: block; } .modkeys-stacks_in_1331 .modkey-toggle-wrap-outer { width: 100%; } .modkeys-stacks_in_1331 .modkey-toggle-wrap-outer, .modkeys-stacks_in_1331 .modkey-toggle-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ -ms-flex-line-pack: flex-start; align-content: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; /* */ /* */ } .modkeys-stacks_in_1331 .modkey-toggle-wrap-inner { width: auto; } .modkeys-stacks_in_1331 .modkey-toggle-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } .modkeys-stacks_in_1331 .modkey-toggle-wrap-inner .tt-label-left, .modkeys-stacks_in_1331 .modkey-toggle-wrap-inner .tt-label-right { font-size: calc( var(--mk-toggle-size) * .5 + 2px ); line-height: 1; } /* */ .modkeys-stacks_in_1331 .modkey-toggle { margin: 10px 5px; } .modkeys-stacks_in_1331 .modkey-toggle.ts-3 { margin: 10px 10px; } .modkeys-stacks_in_1331 .modkey-toggle > * { z-index: 1; } .modkeys-stacks_in_1331 .modkey-toggle:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: calc( var(--mk-toggle-size) * 2 + 20px ); height: calc( var(--mk-toggle-size) + 20px ); border-radius: calc( var(--mk-toggle-size) + 20px ); z-index: 0; } .modkeys-stacks_in_1331 .modkey-toggle, .modkeys-stacks_in_1331 .modkey-toggle .label-bg, .modkeys-stacks_in_1331 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1331 .modkey-toggle .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: calc( var(--mk-toggle-size) * 2 ); height: var(--mk-toggle-size); border-radius: var(--mk-toggle-size); } .modkeys-stacks_in_1331 .modkey-toggle .label-bg > div > div, .modkeys-stacks_in_1331 .modkey-toggle label, .modkeys-stacks_in_1331 .modkey-toggle label:after, .modkeys-stacks_in_1331 .modkey-toggle label:before { width: var(--mk-toggle-size); height: var(--mk-toggle-size); } .modkeys-stacks_in_1331 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; margin: 0 !important; } .modkeys-stacks_in_1331 .modkey-toggle label, .modkeys-stacks_in_1331 .modkey-toggle .label-bg, .modkeys-stacks_in_1331 .modkey-toggle label:after, .modkeys-stacks_in_1331 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1331 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1331 .modkey-toggle .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } .modkeys-stacks_in_1331 .modkey-toggle .label-bg > div > div { left: calc( var(--mk-toggle-size) * .75 ); } .modkeys-stacks_in_1331 input:checked + .modkey-toggle label { -webkit-transform: translate(var(--mk-toggle-size),0); transform: translate(var(--mk-toggle-size),0); } .modkeys-stacks_in_1331 .modkey-toggle:before { width: calc( var(--mk-toggle-size) * 2 + 10px ); height: calc( var(--mk-toggle-size) + 10px ); border-radius: calc( var(--mk-toggle-size) + 10px ); top: -5px; left: -5px; } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-2:before { height: 20px; border-radius: 20px; top: calc( ( var(--mk-toggle-size) - 20px ) * .5 ); left: -5px; } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5, .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 .label-bg, .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 .label-bg > .left-color, .modkeys-stacks_in_1331 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: var(--mk-toggle-size); } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5:before { width: calc( var(--mk-toggle-size) + 10px ); } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-2 .label-bg { height: calc( var(--mk-toggle-size) * .30 ); top: calc( var(--mk-toggle-size) * .35 ); } /* */ /* */ /* TOGGLE */ .modkeys-stacks_in_1331 .modkey-toggle label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } .modkeys-stacks_in_1331 .modkey-toggle label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } .modkeys-stacks_in_1331 .modkey-toggle.ts-1 label:after { top: -1px; } .modkeys-stacks_in_1331 .modkey-toggle.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ .modkeys-stacks_in_1331 .modkey-toggle .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } .modkeys-stacks_in_1331 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1331 .modkey-toggle .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } .modkeys-stacks_in_1331 .modkey-toggle .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .modkeys-stacks_in_1331 .modkey-toggle .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } .modkeys-stacks_in_1331 .modkey-toggle .label-bg > .left-color > div { left: 0; } .modkeys-stacks_in_1331 input + .modkey-toggle .label-bg > .left-color { width: 0%; } .modkeys-stacks_in_1331 input:checked + .modkey-toggle .label-bg > .left-color { width: 75%; } .modkeys-stacks_in_1331 input:checked + .modkey-toggle .label-bg > .right-color { width: 0%; } /* THIN */ .modkeys-stacks_in_1331 .modkey-toggle.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 .label-bg > .right-color { display: none; } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 label { display: none; } .modkeys-stacks_in_1331 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1331 input + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } .modkeys-stacks_in_1331 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: calc( var(--mk-toggle-size) * .5 ); height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ .modkeys-stacks_in_1331 .modkey-toggle.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1331 .modkey-toggle.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1331 .modkey-toggle.ts-2 .label-bg > .left-color, .modkeys-stacks_in_1331 .modkey-toggle.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1331 .modkey-toggle.ts-2 .label-bg > .left-color > div > span, .modkeys-stacks_in_1331 .modkey-toggle.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1331 .modkey-toggle.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1331 .modkey-toggle.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } .modkeys-stacks_in_1331 .modkey-toggle.ts-2.ts-type-5 .label-bg > .left-color > div > span, .modkeys-stacks_in_1331 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } .modkeys-stacks_in_1331 .modkey-toggle:before { content: ""; position: absolute; z-index: 1; } .modkeys-stacks_in_1331 .modkey-toggle.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1331 .modkey-toggle.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } .modkeys-stacks_in_1331 .modkey-toggle.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } .modkeys-stacks_in_1331 .modkey-toggle.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1331 .modkey-toggle.ts-3 .label-bg > .left-color, .modkeys-stacks_in_1331 .modkey-toggle.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1331 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } .modkeys-stacks_in_1331 .modkey-toggle.ts-3 .label-bg > .left-color > div > span, .modkeys-stacks_in_1331 .modkey-toggle.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1331 .modkey-toggle.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1331 .modkey-toggle.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5.ts-3:after, .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5:before { background-color: transparent; } .modkeys-stacks_in_1331 .modkey-toggle-wrap-inner { color: rgba(0, 0, 0, 0.60); } .modkeys-stacks_in_1331 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1331 .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1331 .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1331 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 label:after, .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 label:before { background-color: transparent; } .modkeys-stacks_in_1331 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1331 input:checked + .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1331 input:checked + .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1331 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } .modkeys-stacks_in_1331 .modkey-toggle label:after, .modkeys-stacks_in_1331 .modkey-toggle label:before, .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), .modkeys-stacks_in_1331 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } .modkeys-stacks_in_1331 .modkey-toggle.ts-3:not(.shape-50) label:before, .modkeys-stacks_in_1331 .modkey-toggle:not(.shape-50):after, .modkeys-stacks_in_1331 .modkey-toggle:not(.shape-50), .modkeys-stacks_in_1331 .modkey-toggle:not(.shape-50) .label-bg, .modkeys-stacks_in_1331 .modkey-toggle:not(.shape-50) .label-bg > .left-color, .modkeys-stacks_in_1331 .modkey-toggle:not(.shape-50) .label-bg > .right-color, .modkeys-stacks_in_1331 .modkey-toggle:not(.shape-50):before, .modkeys-stacks_in_1331 .modkey-toggle.ts-type-2:not(.shape-50):before, .modkeys-stacks_in_1331 .modkey-toggle:not(.shape-50) label, .modkeys-stacks_in_1331 .modkey-toggle:not(.shape-50) label:after { border-radius: 50px; } .modkeys-stacks_in_1331 .modkey-toggle.ts-3.shape-10 label:before, .modkeys-stacks_in_1331 .modkey-toggle.shape-10:after, .modkeys-stacks_in_1331 .modkey-toggle.shape-10, .modkeys-stacks_in_1331 .modkey-toggle.shape-10 .label-bg, .modkeys-stacks_in_1331 .modkey-toggle.shape-10 .label-bg > .left-color, .modkeys-stacks_in_1331 .modkey-toggle.shape-10 .label-bg > .right-color, .modkeys-stacks_in_1331 .modkey-toggle.shape-10:before, .modkeys-stacks_in_1331 .modkey-toggle.ts-type-2.shape-10:before, .modkeys-stacks_in_1331 .modkey-toggle.shape-10 label, .modkeys-stacks_in_1331 .modkey-toggle.shape-10 label:after { border-radius: calc( var(--mk-toggle-size) * .33 ); } /* */ :root { --multi_columns_stacks_in_1308:min-content min-content min-content 1fr min-content; } #multi_columns_stacks_in_1308 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1308); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_1308 > div { min-width: 0; } #multi_columns_stacks_in_1308 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_1308 > div img { max-width: 100%; } #multi_columns_stacks_in_1308 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 601px) { #multi_columns_stacks_in_1308 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1308 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1308 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1308 .hide-desktop { display: none; } } @media all and (max-width: 600px) and (min-width: 501px) { #multi_columns_stacks_in_1308 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1308 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1308 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1308 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1308 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1308 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1308 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1308 .hide-mobile { display: none; } } @media all and (max-width: 600px) { #multi_columns_stacks_in_1308 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1308 + .deluxe-columns { } #multi_columns_stacks_in_1308 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1308 > div > * {position: relative;} #multi_columns_stacks_in_1308 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1308 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1308 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1308 > div > * {position: relative;} #multi_columns_stacks_in_1308 > div > * > * {transform: translate(0,0);} } #stacks_in_1256 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 25px 8px 25px 8px; } #stacks_out_1256 { width: 80px; margin-left:0; } .element_stacks_in_1326[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } #stacks_in_1257 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 32px 8px 8px 8px; } #stacks_out_1257 { width: 64px; margin-left:0; } .element_stacks_in_1319[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; text-align: left; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .modkeys-stacks_in_1310.mod-active .modkeys-inactive, .modkeys-stacks_in_1310 .modkeys-active, .modkeys-stacks_in_1310 .modkeys-toggle { display: none; } .modkeys-stacks_in_1310 .modkeys-inactive, .modkeys-stacks_in_1310.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1310 { position: relative; z-index: 10; } .modkeys-stacks_in_1310 { --mk-toggle-size: 30px; } .modkeys-stacks_in_1310 .modkeys-active, .modkeys-stacks_in_1310 .modkeys-inactive, .modkeys-stacks_in_1310.mod-active .modkeys-active, .modkeys-stacks_in_1310.mod-active .modkeys-inactive { display: none; } .modkeys-stacks_in_1310 .modkeys-toggle { display: block; } .modkeys-stacks_in_1310 .modkey-toggle-wrap-outer { width: 100%; } .modkeys-stacks_in_1310 .modkey-toggle-wrap-outer, .modkeys-stacks_in_1310 .modkey-toggle-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ -ms-flex-line-pack: flex-start; align-content: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; /* */ /* */ } .modkeys-stacks_in_1310 .modkey-toggle-wrap-inner { width: auto; } .modkeys-stacks_in_1310 .modkey-toggle-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } .modkeys-stacks_in_1310 .modkey-toggle-wrap-inner .tt-label-left, .modkeys-stacks_in_1310 .modkey-toggle-wrap-inner .tt-label-right { font-size: calc( var(--mk-toggle-size) * .5 + 2px ); line-height: 1; } /* */ .modkeys-stacks_in_1310 .modkey-toggle { margin: 10px 5px; } .modkeys-stacks_in_1310 .modkey-toggle.ts-3 { margin: 10px 10px; } .modkeys-stacks_in_1310 .modkey-toggle > * { z-index: 1; } .modkeys-stacks_in_1310 .modkey-toggle:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: calc( var(--mk-toggle-size) * 2 + 20px ); height: calc( var(--mk-toggle-size) + 20px ); border-radius: calc( var(--mk-toggle-size) + 20px ); z-index: 0; } .modkeys-stacks_in_1310 .modkey-toggle, .modkeys-stacks_in_1310 .modkey-toggle .label-bg, .modkeys-stacks_in_1310 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1310 .modkey-toggle .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: calc( var(--mk-toggle-size) * 2 ); height: var(--mk-toggle-size); border-radius: var(--mk-toggle-size); } .modkeys-stacks_in_1310 .modkey-toggle .label-bg > div > div, .modkeys-stacks_in_1310 .modkey-toggle label, .modkeys-stacks_in_1310 .modkey-toggle label:after, .modkeys-stacks_in_1310 .modkey-toggle label:before { width: var(--mk-toggle-size); height: var(--mk-toggle-size); } .modkeys-stacks_in_1310 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; margin: 0 !important; } .modkeys-stacks_in_1310 .modkey-toggle label, .modkeys-stacks_in_1310 .modkey-toggle .label-bg, .modkeys-stacks_in_1310 .modkey-toggle label:after, .modkeys-stacks_in_1310 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1310 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1310 .modkey-toggle .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } .modkeys-stacks_in_1310 .modkey-toggle .label-bg > div > div { left: calc( var(--mk-toggle-size) * .75 ); } .modkeys-stacks_in_1310 input:checked + .modkey-toggle label { -webkit-transform: translate(var(--mk-toggle-size),0); transform: translate(var(--mk-toggle-size),0); } .modkeys-stacks_in_1310 .modkey-toggle:before { width: calc( var(--mk-toggle-size) * 2 + 10px ); height: calc( var(--mk-toggle-size) + 10px ); border-radius: calc( var(--mk-toggle-size) + 10px ); top: -5px; left: -5px; } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-2:before { height: 20px; border-radius: 20px; top: calc( ( var(--mk-toggle-size) - 20px ) * .5 ); left: -5px; } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5, .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 .label-bg, .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 .label-bg > .left-color, .modkeys-stacks_in_1310 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: var(--mk-toggle-size); } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5:before { width: calc( var(--mk-toggle-size) + 10px ); } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-2 .label-bg { height: calc( var(--mk-toggle-size) * .30 ); top: calc( var(--mk-toggle-size) * .35 ); } /* */ /* */ /* TOGGLE */ .modkeys-stacks_in_1310 .modkey-toggle label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } .modkeys-stacks_in_1310 .modkey-toggle label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } .modkeys-stacks_in_1310 .modkey-toggle.ts-1 label:after { top: -1px; } .modkeys-stacks_in_1310 .modkey-toggle.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ .modkeys-stacks_in_1310 .modkey-toggle .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } .modkeys-stacks_in_1310 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1310 .modkey-toggle .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } .modkeys-stacks_in_1310 .modkey-toggle .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .modkeys-stacks_in_1310 .modkey-toggle .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } .modkeys-stacks_in_1310 .modkey-toggle .label-bg > .left-color > div { left: 0; } .modkeys-stacks_in_1310 input + .modkey-toggle .label-bg > .left-color { width: 0%; } .modkeys-stacks_in_1310 input:checked + .modkey-toggle .label-bg > .left-color { width: 75%; } .modkeys-stacks_in_1310 input:checked + .modkey-toggle .label-bg > .right-color { width: 0%; } /* THIN */ .modkeys-stacks_in_1310 .modkey-toggle.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 .label-bg > .right-color { display: none; } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 label { display: none; } .modkeys-stacks_in_1310 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1310 input + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } .modkeys-stacks_in_1310 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: calc( var(--mk-toggle-size) * .5 ); height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ .modkeys-stacks_in_1310 .modkey-toggle.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1310 .modkey-toggle.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1310 .modkey-toggle.ts-2 .label-bg > .left-color, .modkeys-stacks_in_1310 .modkey-toggle.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1310 .modkey-toggle.ts-2 .label-bg > .left-color > div > span, .modkeys-stacks_in_1310 .modkey-toggle.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1310 .modkey-toggle.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1310 .modkey-toggle.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } .modkeys-stacks_in_1310 .modkey-toggle.ts-2.ts-type-5 .label-bg > .left-color > div > span, .modkeys-stacks_in_1310 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } .modkeys-stacks_in_1310 .modkey-toggle:before { content: ""; position: absolute; z-index: 1; } .modkeys-stacks_in_1310 .modkey-toggle.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1310 .modkey-toggle.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } .modkeys-stacks_in_1310 .modkey-toggle.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } .modkeys-stacks_in_1310 .modkey-toggle.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1310 .modkey-toggle.ts-3 .label-bg > .left-color, .modkeys-stacks_in_1310 .modkey-toggle.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1310 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } .modkeys-stacks_in_1310 .modkey-toggle.ts-3 .label-bg > .left-color > div > span, .modkeys-stacks_in_1310 .modkey-toggle.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1310 .modkey-toggle.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1310 .modkey-toggle.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5.ts-3:after, .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5:before { background-color: transparent; } .modkeys-stacks_in_1310 .modkey-toggle-wrap-inner { color: rgba(0, 0, 0, 0.60); } .modkeys-stacks_in_1310 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1310 .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1310 .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1310 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 label:after, .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 label:before { background-color: transparent; } .modkeys-stacks_in_1310 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1310 input:checked + .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1310 input:checked + .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1310 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } .modkeys-stacks_in_1310 .modkey-toggle label:after, .modkeys-stacks_in_1310 .modkey-toggle label:before, .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), .modkeys-stacks_in_1310 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } .modkeys-stacks_in_1310 .modkey-toggle.ts-3:not(.shape-50) label:before, .modkeys-stacks_in_1310 .modkey-toggle:not(.shape-50):after, .modkeys-stacks_in_1310 .modkey-toggle:not(.shape-50), .modkeys-stacks_in_1310 .modkey-toggle:not(.shape-50) .label-bg, .modkeys-stacks_in_1310 .modkey-toggle:not(.shape-50) .label-bg > .left-color, .modkeys-stacks_in_1310 .modkey-toggle:not(.shape-50) .label-bg > .right-color, .modkeys-stacks_in_1310 .modkey-toggle:not(.shape-50):before, .modkeys-stacks_in_1310 .modkey-toggle.ts-type-2:not(.shape-50):before, .modkeys-stacks_in_1310 .modkey-toggle:not(.shape-50) label, .modkeys-stacks_in_1310 .modkey-toggle:not(.shape-50) label:after { border-radius: 50px; } .modkeys-stacks_in_1310 .modkey-toggle.ts-3.shape-10 label:before, .modkeys-stacks_in_1310 .modkey-toggle.shape-10:after, .modkeys-stacks_in_1310 .modkey-toggle.shape-10, .modkeys-stacks_in_1310 .modkey-toggle.shape-10 .label-bg, .modkeys-stacks_in_1310 .modkey-toggle.shape-10 .label-bg > .left-color, .modkeys-stacks_in_1310 .modkey-toggle.shape-10 .label-bg > .right-color, .modkeys-stacks_in_1310 .modkey-toggle.shape-10:before, .modkeys-stacks_in_1310 .modkey-toggle.ts-type-2.shape-10:before, .modkeys-stacks_in_1310 .modkey-toggle.shape-10 label, .modkeys-stacks_in_1310 .modkey-toggle.shape-10 label:after { border-radius: calc( var(--mk-toggle-size) * .33 ); } /* */ .modkeys-stacks_in_1353.mod-active .modkeys-inactive, .modkeys-stacks_in_1353 .modkeys-active, .modkeys-stacks_in_1353 .modkeys-toggle { display: none; } .modkeys-stacks_in_1353 .modkeys-inactive, .modkeys-stacks_in_1353.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1353 { background-color : rgba(242, 242, 242, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(193, 193, 193, 1.00); border-width: 1px 1px 1px 1px; border-style: solid; border-radius: 4px 4px 4px 4px; margin-top: 16px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; padding: 24px 24px; position: relative; z-index: 10; } .modkeys-stacks_in_1353.mod-active .modkeys-active { animation: mk_slideDown 0.3s ease-out; } .modkeys-stacks_in_1361.mod-active .modkeys-inactive, .modkeys-stacks_in_1361 .modkeys-active, .modkeys-stacks_in_1361 .modkeys-toggle { display: none; } .modkeys-stacks_in_1361 .modkeys-inactive, .modkeys-stacks_in_1361.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1361 { background-color : rgba(241, 249, 252, 1.00); border-color: rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(65, 170, 229, 1.00); border-width: 1px 1px 1px 4px; border-style: solid; border-radius: 4px 4px 4px 4px; padding: 12px 24px; position: relative; z-index: 10; } .modkeys-stacks_in_1361 .modkeys-active, .modkeys-stacks_in_1361 .modkeys-inactive, .modkeys-stacks_in_1361.mod-active .modkeys-active, .modkeys-stacks_in_1361.mod-active .modkeys-inactive { display: none; } :root { --multi_columns_stacks_in_1383:min-content min-content min-content 1fr min-content; } #multi_columns_stacks_in_1383 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1383); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_1383 > div { min-width: 0; } #multi_columns_stacks_in_1383 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_1383 > div img { max-width: 100%; } #multi_columns_stacks_in_1383 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 601px) { #multi_columns_stacks_in_1383 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1383 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1383 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1383 .hide-desktop { display: none; } } @media all and (max-width: 600px) and (min-width: 501px) { #multi_columns_stacks_in_1383 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1383 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1383 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1383 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1383 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1383 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1383 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1383 .hide-mobile { display: none; } } @media all and (max-width: 600px) { #multi_columns_stacks_in_1383 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1383 + .deluxe-columns { } #multi_columns_stacks_in_1383 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1383 > div > * {position: relative;} #multi_columns_stacks_in_1383 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1383 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1383 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1383 > div > * {position: relative;} #multi_columns_stacks_in_1383 > div > * > * {transform: translate(0,0);} } #stacks_in_1258 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px 8px 10px 8px; } #stacks_out_1258 { width: 64px; margin-left:0; } .element_stacks_in_1403[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 16px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .element_stacks_in_1406[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 0px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } #stacks_in_1259 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px 8px 10px 8px; } #stacks_out_1259 { width: 64px; margin-left:0; } .element_stacks_in_1394[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 16px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .element_stacks_in_1397[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; margin-top: 0px; margin-bottom: 0px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .modkeys-stacks_in_1385.mod-active .modkeys-inactive, .modkeys-stacks_in_1385 .modkeys-active, .modkeys-stacks_in_1385 .modkeys-toggle { display: none; } .modkeys-stacks_in_1385 .modkeys-inactive, .modkeys-stacks_in_1385.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1385 { position: relative; z-index: 10; } .modkeys-stacks_in_1385 { --mk-toggle-size: 30px; } .modkeys-stacks_in_1385 .modkeys-active, .modkeys-stacks_in_1385 .modkeys-inactive, .modkeys-stacks_in_1385.mod-active .modkeys-active, .modkeys-stacks_in_1385.mod-active .modkeys-inactive { display: none; } .modkeys-stacks_in_1385 .modkeys-toggle { display: block; } .modkeys-stacks_in_1385 .modkey-toggle-wrap-outer { width: 100%; } .modkeys-stacks_in_1385 .modkey-toggle-wrap-outer, .modkeys-stacks_in_1385 .modkey-toggle-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ -ms-flex-line-pack: flex-start; align-content: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; /* */ /* */ } .modkeys-stacks_in_1385 .modkey-toggle-wrap-inner { width: auto; } .modkeys-stacks_in_1385 .modkey-toggle-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } .modkeys-stacks_in_1385 .modkey-toggle-wrap-inner .tt-label-left, .modkeys-stacks_in_1385 .modkey-toggle-wrap-inner .tt-label-right { font-size: calc( var(--mk-toggle-size) * .5 + 2px ); line-height: 1; } /* */ .modkeys-stacks_in_1385 .modkey-toggle { margin: 10px 5px; } .modkeys-stacks_in_1385 .modkey-toggle.ts-3 { margin: 10px 10px; } .modkeys-stacks_in_1385 .modkey-toggle > * { z-index: 1; } .modkeys-stacks_in_1385 .modkey-toggle:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: calc( var(--mk-toggle-size) * 2 + 20px ); height: calc( var(--mk-toggle-size) + 20px ); border-radius: calc( var(--mk-toggle-size) + 20px ); z-index: 0; } .modkeys-stacks_in_1385 .modkey-toggle, .modkeys-stacks_in_1385 .modkey-toggle .label-bg, .modkeys-stacks_in_1385 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1385 .modkey-toggle .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: calc( var(--mk-toggle-size) * 2 ); height: var(--mk-toggle-size); border-radius: var(--mk-toggle-size); } .modkeys-stacks_in_1385 .modkey-toggle .label-bg > div > div, .modkeys-stacks_in_1385 .modkey-toggle label, .modkeys-stacks_in_1385 .modkey-toggle label:after, .modkeys-stacks_in_1385 .modkey-toggle label:before { width: var(--mk-toggle-size); height: var(--mk-toggle-size); } .modkeys-stacks_in_1385 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; margin: 0 !important; } .modkeys-stacks_in_1385 .modkey-toggle label, .modkeys-stacks_in_1385 .modkey-toggle .label-bg, .modkeys-stacks_in_1385 .modkey-toggle label:after, .modkeys-stacks_in_1385 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1385 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1385 .modkey-toggle .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } .modkeys-stacks_in_1385 .modkey-toggle .label-bg > div > div { left: calc( var(--mk-toggle-size) * .75 ); } .modkeys-stacks_in_1385 input:checked + .modkey-toggle label { -webkit-transform: translate(var(--mk-toggle-size),0); transform: translate(var(--mk-toggle-size),0); } .modkeys-stacks_in_1385 .modkey-toggle:before { width: calc( var(--mk-toggle-size) * 2 + 10px ); height: calc( var(--mk-toggle-size) + 10px ); border-radius: calc( var(--mk-toggle-size) + 10px ); top: -5px; left: -5px; } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-2:before { height: 20px; border-radius: 20px; top: calc( ( var(--mk-toggle-size) - 20px ) * .5 ); left: -5px; } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5, .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 .label-bg, .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 .label-bg > .left-color, .modkeys-stacks_in_1385 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: var(--mk-toggle-size); } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5:before { width: calc( var(--mk-toggle-size) + 10px ); } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-2 .label-bg { height: calc( var(--mk-toggle-size) * .30 ); top: calc( var(--mk-toggle-size) * .35 ); } /* */ /* */ /* TOGGLE */ .modkeys-stacks_in_1385 .modkey-toggle label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } .modkeys-stacks_in_1385 .modkey-toggle label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } .modkeys-stacks_in_1385 .modkey-toggle.ts-1 label:after { top: -1px; } .modkeys-stacks_in_1385 .modkey-toggle.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ .modkeys-stacks_in_1385 .modkey-toggle .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } .modkeys-stacks_in_1385 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1385 .modkey-toggle .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } .modkeys-stacks_in_1385 .modkey-toggle .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .modkeys-stacks_in_1385 .modkey-toggle .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } .modkeys-stacks_in_1385 .modkey-toggle .label-bg > .left-color > div { left: 0; } .modkeys-stacks_in_1385 input + .modkey-toggle .label-bg > .left-color { width: 0%; } .modkeys-stacks_in_1385 input:checked + .modkey-toggle .label-bg > .left-color { width: 75%; } .modkeys-stacks_in_1385 input:checked + .modkey-toggle .label-bg > .right-color { width: 0%; } /* THIN */ .modkeys-stacks_in_1385 .modkey-toggle.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 .label-bg > .right-color { display: none; } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 label { display: none; } .modkeys-stacks_in_1385 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1385 input + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } .modkeys-stacks_in_1385 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: calc( var(--mk-toggle-size) * .5 ); height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ .modkeys-stacks_in_1385 .modkey-toggle.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1385 .modkey-toggle.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1385 .modkey-toggle.ts-2 .label-bg > .left-color, .modkeys-stacks_in_1385 .modkey-toggle.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1385 .modkey-toggle.ts-2 .label-bg > .left-color > div > span, .modkeys-stacks_in_1385 .modkey-toggle.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1385 .modkey-toggle.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1385 .modkey-toggle.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } .modkeys-stacks_in_1385 .modkey-toggle.ts-2.ts-type-5 .label-bg > .left-color > div > span, .modkeys-stacks_in_1385 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } .modkeys-stacks_in_1385 .modkey-toggle:before { content: ""; position: absolute; z-index: 1; } .modkeys-stacks_in_1385 .modkey-toggle.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1385 .modkey-toggle.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } .modkeys-stacks_in_1385 .modkey-toggle.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } .modkeys-stacks_in_1385 .modkey-toggle.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1385 .modkey-toggle.ts-3 .label-bg > .left-color, .modkeys-stacks_in_1385 .modkey-toggle.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1385 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } .modkeys-stacks_in_1385 .modkey-toggle.ts-3 .label-bg > .left-color > div > span, .modkeys-stacks_in_1385 .modkey-toggle.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1385 .modkey-toggle.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1385 .modkey-toggle.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5.ts-3:after, .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5:before { background-color: transparent; } .modkeys-stacks_in_1385 .modkey-toggle-wrap-inner { color: rgba(0, 0, 0, 0.60); } .modkeys-stacks_in_1385 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1385 .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1385 .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1385 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 label:after, .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 label:before { background-color: transparent; } .modkeys-stacks_in_1385 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1385 input:checked + .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1385 input:checked + .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1385 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } .modkeys-stacks_in_1385 .modkey-toggle label:after, .modkeys-stacks_in_1385 .modkey-toggle label:before, .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), .modkeys-stacks_in_1385 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } .modkeys-stacks_in_1385 .modkey-toggle.ts-3:not(.shape-50) label:before, .modkeys-stacks_in_1385 .modkey-toggle:not(.shape-50):after, .modkeys-stacks_in_1385 .modkey-toggle:not(.shape-50), .modkeys-stacks_in_1385 .modkey-toggle:not(.shape-50) .label-bg, .modkeys-stacks_in_1385 .modkey-toggle:not(.shape-50) .label-bg > .left-color, .modkeys-stacks_in_1385 .modkey-toggle:not(.shape-50) .label-bg > .right-color, .modkeys-stacks_in_1385 .modkey-toggle:not(.shape-50):before, .modkeys-stacks_in_1385 .modkey-toggle.ts-type-2:not(.shape-50):before, .modkeys-stacks_in_1385 .modkey-toggle:not(.shape-50) label, .modkeys-stacks_in_1385 .modkey-toggle:not(.shape-50) label:after { border-radius: 50px; } .modkeys-stacks_in_1385 .modkey-toggle.ts-3.shape-10 label:before, .modkeys-stacks_in_1385 .modkey-toggle.shape-10:after, .modkeys-stacks_in_1385 .modkey-toggle.shape-10, .modkeys-stacks_in_1385 .modkey-toggle.shape-10 .label-bg, .modkeys-stacks_in_1385 .modkey-toggle.shape-10 .label-bg > .left-color, .modkeys-stacks_in_1385 .modkey-toggle.shape-10 .label-bg > .right-color, .modkeys-stacks_in_1385 .modkey-toggle.shape-10:before, .modkeys-stacks_in_1385 .modkey-toggle.ts-type-2.shape-10:before, .modkeys-stacks_in_1385 .modkey-toggle.shape-10 label, .modkeys-stacks_in_1385 .modkey-toggle.shape-10 label:after { border-radius: calc( var(--mk-toggle-size) * .33 ); } /* */ :root { --multi_columns_stacks_in_1362:min-content min-content min-content 1fr min-content; } #multi_columns_stacks_in_1362 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1362); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_1362 > div { min-width: 0; } #multi_columns_stacks_in_1362 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_1362 > div img { max-width: 100%; } #multi_columns_stacks_in_1362 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 601px) { #multi_columns_stacks_in_1362 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1362 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1362 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1362 .hide-desktop { display: none; } } @media all and (max-width: 600px) and (min-width: 501px) { #multi_columns_stacks_in_1362 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1362 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1362 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1362 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1362 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1362 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1362 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1362 .hide-mobile { display: none; } } @media all and (max-width: 600px) { #multi_columns_stacks_in_1362 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1362 + .deluxe-columns { } #multi_columns_stacks_in_1362 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1362 > div > * {position: relative;} #multi_columns_stacks_in_1362 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1362 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1362 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1362 > div > * {position: relative;} #multi_columns_stacks_in_1362 > div > * > * {transform: translate(0,0);} } #stacks_in_1260 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 25px 8px 25px 8px; } #stacks_out_1260 { width: 96px; margin-left:0; } .element_stacks_in_1380[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } #stacks_in_1261 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(193, 193, 193, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 25px 8px 25px 8px; } #stacks_out_1261 { width: 80px; margin-left:0; } .element_stacks_in_1373[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.60); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } .modkeys-stacks_in_1364.mod-active .modkeys-inactive, .modkeys-stacks_in_1364 .modkeys-active, .modkeys-stacks_in_1364 .modkeys-toggle { display: none; } .modkeys-stacks_in_1364 .modkeys-inactive, .modkeys-stacks_in_1364.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1364 { position: relative; z-index: 10; } .modkeys-stacks_in_1364 { --mk-toggle-size: 30px; } .modkeys-stacks_in_1364 .modkeys-active, .modkeys-stacks_in_1364 .modkeys-inactive, .modkeys-stacks_in_1364.mod-active .modkeys-active, .modkeys-stacks_in_1364.mod-active .modkeys-inactive { display: none; } .modkeys-stacks_in_1364 .modkeys-toggle { display: block; } .modkeys-stacks_in_1364 .modkey-toggle-wrap-outer { width: 100%; } .modkeys-stacks_in_1364 .modkey-toggle-wrap-outer, .modkeys-stacks_in_1364 .modkey-toggle-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ -ms-flex-line-pack: flex-start; align-content: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; /* */ /* */ } .modkeys-stacks_in_1364 .modkey-toggle-wrap-inner { width: auto; } .modkeys-stacks_in_1364 .modkey-toggle-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } .modkeys-stacks_in_1364 .modkey-toggle-wrap-inner .tt-label-left, .modkeys-stacks_in_1364 .modkey-toggle-wrap-inner .tt-label-right { font-size: calc( var(--mk-toggle-size) * .5 + 2px ); line-height: 1; } /* */ .modkeys-stacks_in_1364 .modkey-toggle { margin: 10px 5px; } .modkeys-stacks_in_1364 .modkey-toggle.ts-3 { margin: 10px 10px; } .modkeys-stacks_in_1364 .modkey-toggle > * { z-index: 1; } .modkeys-stacks_in_1364 .modkey-toggle:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: calc( var(--mk-toggle-size) * 2 + 20px ); height: calc( var(--mk-toggle-size) + 20px ); border-radius: calc( var(--mk-toggle-size) + 20px ); z-index: 0; } .modkeys-stacks_in_1364 .modkey-toggle, .modkeys-stacks_in_1364 .modkey-toggle .label-bg, .modkeys-stacks_in_1364 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1364 .modkey-toggle .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: calc( var(--mk-toggle-size) * 2 ); height: var(--mk-toggle-size); border-radius: var(--mk-toggle-size); } .modkeys-stacks_in_1364 .modkey-toggle .label-bg > div > div, .modkeys-stacks_in_1364 .modkey-toggle label, .modkeys-stacks_in_1364 .modkey-toggle label:after, .modkeys-stacks_in_1364 .modkey-toggle label:before { width: var(--mk-toggle-size); height: var(--mk-toggle-size); } .modkeys-stacks_in_1364 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; margin: 0 !important; } .modkeys-stacks_in_1364 .modkey-toggle label, .modkeys-stacks_in_1364 .modkey-toggle .label-bg, .modkeys-stacks_in_1364 .modkey-toggle label:after, .modkeys-stacks_in_1364 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1364 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1364 .modkey-toggle .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } .modkeys-stacks_in_1364 .modkey-toggle .label-bg > div > div { left: calc( var(--mk-toggle-size) * .75 ); } .modkeys-stacks_in_1364 input:checked + .modkey-toggle label { -webkit-transform: translate(var(--mk-toggle-size),0); transform: translate(var(--mk-toggle-size),0); } .modkeys-stacks_in_1364 .modkey-toggle:before { width: calc( var(--mk-toggle-size) * 2 + 10px ); height: calc( var(--mk-toggle-size) + 10px ); border-radius: calc( var(--mk-toggle-size) + 10px ); top: -5px; left: -5px; } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-2:before { height: 20px; border-radius: 20px; top: calc( ( var(--mk-toggle-size) - 20px ) * .5 ); left: -5px; } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5, .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 .label-bg, .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 .label-bg > .left-color, .modkeys-stacks_in_1364 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: var(--mk-toggle-size); } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5:before { width: calc( var(--mk-toggle-size) + 10px ); } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-2 .label-bg { height: calc( var(--mk-toggle-size) * .30 ); top: calc( var(--mk-toggle-size) * .35 ); } /* */ /* */ /* TOGGLE */ .modkeys-stacks_in_1364 .modkey-toggle label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } .modkeys-stacks_in_1364 .modkey-toggle label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } .modkeys-stacks_in_1364 .modkey-toggle.ts-1 label:after { top: -1px; } .modkeys-stacks_in_1364 .modkey-toggle.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ .modkeys-stacks_in_1364 .modkey-toggle .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } .modkeys-stacks_in_1364 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1364 .modkey-toggle .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } .modkeys-stacks_in_1364 .modkey-toggle .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .modkeys-stacks_in_1364 .modkey-toggle .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } .modkeys-stacks_in_1364 .modkey-toggle .label-bg > .left-color > div { left: 0; } .modkeys-stacks_in_1364 input + .modkey-toggle .label-bg > .left-color { width: 0%; } .modkeys-stacks_in_1364 input:checked + .modkey-toggle .label-bg > .left-color { width: 75%; } .modkeys-stacks_in_1364 input:checked + .modkey-toggle .label-bg > .right-color { width: 0%; } /* THIN */ .modkeys-stacks_in_1364 .modkey-toggle.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 .label-bg > .right-color { display: none; } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 label { display: none; } .modkeys-stacks_in_1364 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1364 input + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } .modkeys-stacks_in_1364 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: calc( var(--mk-toggle-size) * .5 ); height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ .modkeys-stacks_in_1364 .modkey-toggle.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1364 .modkey-toggle.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1364 .modkey-toggle.ts-2 .label-bg > .left-color, .modkeys-stacks_in_1364 .modkey-toggle.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1364 .modkey-toggle.ts-2 .label-bg > .left-color > div > span, .modkeys-stacks_in_1364 .modkey-toggle.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1364 .modkey-toggle.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1364 .modkey-toggle.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } .modkeys-stacks_in_1364 .modkey-toggle.ts-2.ts-type-5 .label-bg > .left-color > div > span, .modkeys-stacks_in_1364 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } .modkeys-stacks_in_1364 .modkey-toggle:before { content: ""; position: absolute; z-index: 1; } .modkeys-stacks_in_1364 .modkey-toggle.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1364 .modkey-toggle.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } .modkeys-stacks_in_1364 .modkey-toggle.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } .modkeys-stacks_in_1364 .modkey-toggle.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } .modkeys-stacks_in_1364 .modkey-toggle.ts-3 .label-bg > .left-color, .modkeys-stacks_in_1364 .modkey-toggle.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .modkeys-stacks_in_1364 .modkey-toggle.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } .modkeys-stacks_in_1364 .modkey-toggle.ts-3 .label-bg > .left-color > div > span, .modkeys-stacks_in_1364 .modkey-toggle.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } .modkeys-stacks_in_1364 .modkey-toggle.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } .modkeys-stacks_in_1364 .modkey-toggle.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5.ts-3:after, .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5:before { background-color: transparent; } .modkeys-stacks_in_1364 .modkey-toggle-wrap-inner { color: rgba(0, 0, 0, 0.60); } .modkeys-stacks_in_1364 .modkey-toggle .label-bg > .right-color, .modkeys-stacks_in_1364 .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1364 .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1364 input + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 label:after, .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 label:before { background-color: transparent; } .modkeys-stacks_in_1364 .modkey-toggle .label-bg > .left-color, .modkeys-stacks_in_1364 input:checked + .modkey-toggle.ts-2 .label-bg, .modkeys-stacks_in_1364 input:checked + .modkey-toggle.ts-3 .label-bg, .modkeys-stacks_in_1364 input:checked + .modkey-toggle.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } .modkeys-stacks_in_1364 .modkey-toggle label:after, .modkeys-stacks_in_1364 .modkey-toggle label:before, .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), .modkeys-stacks_in_1364 .modkey-toggle.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } .modkeys-stacks_in_1364 .modkey-toggle.ts-3:not(.shape-50) label:before, .modkeys-stacks_in_1364 .modkey-toggle:not(.shape-50):after, .modkeys-stacks_in_1364 .modkey-toggle:not(.shape-50), .modkeys-stacks_in_1364 .modkey-toggle:not(.shape-50) .label-bg, .modkeys-stacks_in_1364 .modkey-toggle:not(.shape-50) .label-bg > .left-color, .modkeys-stacks_in_1364 .modkey-toggle:not(.shape-50) .label-bg > .right-color, .modkeys-stacks_in_1364 .modkey-toggle:not(.shape-50):before, .modkeys-stacks_in_1364 .modkey-toggle.ts-type-2:not(.shape-50):before, .modkeys-stacks_in_1364 .modkey-toggle:not(.shape-50) label, .modkeys-stacks_in_1364 .modkey-toggle:not(.shape-50) label:after { border-radius: 50px; } .modkeys-stacks_in_1364 .modkey-toggle.ts-3.shape-10 label:before, .modkeys-stacks_in_1364 .modkey-toggle.shape-10:after, .modkeys-stacks_in_1364 .modkey-toggle.shape-10, .modkeys-stacks_in_1364 .modkey-toggle.shape-10 .label-bg, .modkeys-stacks_in_1364 .modkey-toggle.shape-10 .label-bg > .left-color, .modkeys-stacks_in_1364 .modkey-toggle.shape-10 .label-bg > .right-color, .modkeys-stacks_in_1364 .modkey-toggle.shape-10:before, .modkeys-stacks_in_1364 .modkey-toggle.ts-type-2.shape-10:before, .modkeys-stacks_in_1364 .modkey-toggle.shape-10 label, .modkeys-stacks_in_1364 .modkey-toggle.shape-10 label:after { border-radius: calc( var(--mk-toggle-size) * .33 ); } /* */ html:first-child > body .element_stacks_in_1409[data-deluxe-el] { background-color : rgba(242, 242, 242, 1.00); border: 1px solid rgba(204, 204, 204, 1.00); border-radius: 4px; margin: 16px 0px; padding: 12px 24px 24px 24px; } .element_stacks_in_1409[data-deluxe-el] > div { } .element_stacks_in_1410[data-deluxe-el][data-deluxe-text] { margin-top: 16px; margin-bottom: 8px; } .element_stacks_in_1413[data-deluxe-el][data-deluxe-text] { margin-top: 0px; margin-bottom: 0px; } .example-input[data-deluxe-el] { border: 1px solid rgba(204, 204, 204, 1.00); border-radius: 4px; margin: 0px 0px 16px 0px; padding: 12px 12px; display: inline-flex; width: 100%; max-width: 320px;margin-right: 0; margin-left: 0; resize: none; } .example-input[data-deluxe-el] > div { } .element_stacks_in_1416[data-deluxe-el][data-deluxe-text] { margin-top: 0px; margin-bottom: 0px; } .element_stacks_in_1419[data-deluxe-el][data-deluxe-text] { margin-top: 0px; margin-bottom: 0px; } .element_stacks_in_1422[data-deluxe-el][data-deluxe-text] { margin-top: 0px; margin-bottom: 0px; } .modkeys-stacks_in_1424.mod-active .modkeys-inactive, .modkeys-stacks_in_1424 .modkeys-active, .modkeys-stacks_in_1424 .modkeys-toggle { display: none; } .modkeys-stacks_in_1424 .modkeys-inactive, .modkeys-stacks_in_1424.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1424 { position: relative; z-index: 10; } .modkeys-stacks_in_1424.mod-active .modkeys-active { animation: mk_none 0.3s ease-out; } .element_stacks_in_1425[data-deluxe-el] { margin: 0px 0px 16px 0px; resize: none; } .element_stacks_in_1425[data-deluxe-el] > div { } .element_stacks_in_1429[data-deluxe-el][data-deluxe-text] { margin-top: 16px; margin-bottom: 0px; } .modkeys-stacks_in_1431.mod-active .modkeys-inactive, .modkeys-stacks_in_1431 .modkeys-active, .modkeys-stacks_in_1431 .modkeys-toggle { display: none; } .modkeys-stacks_in_1431 .modkeys-inactive, .modkeys-stacks_in_1431.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1431 { position: relative; z-index: 10; } .modkeys-stacks_in_1431.mod-active .modkeys-active { animation: mk_none 0.3s ease-out; } html:first-child > body .element_stacks_in_1436[data-deluxe-el] { margin: 16px 0px 0px 0px; } .element_stacks_in_1436[data-deluxe-el] > div { } .modkeys-stacks_in_1438.mod-active .modkeys-inactive, .modkeys-stacks_in_1438 .modkeys-active, .modkeys-stacks_in_1438 .modkeys-toggle { display: none; } .modkeys-stacks_in_1438 .modkeys-inactive, .modkeys-stacks_in_1438.mod-active .modkeys-active { display: block; } .mk-styles_stacks_in_1438 { position: relative; z-index: 10; } .modkeys-stacks_in_1438.mod-active .modkeys-active { animation: mk_none 0.3s ease-out; } .element_stacks_in_1445[data-deluxe-el] { background-color : rgba(28, 108, 238, 1.00); color: rgba(255, 255, 255, 1.00); font-size: 18px; text-align: center; resize: none; } .element_stacks_in_1445[data-deluxe-el] > div { } .element_stacks_in_1445[data-deluxe-el] h1, .element_stacks_in_1445[data-deluxe-el] h2, .element_stacks_in_1445[data-deluxe-el] h3, .element_stacks_in_1445[data-deluxe-el] h4, .element_stacks_in_1445[data-deluxe-el] h5 { color: rgba(0, 0, 0, 0.90); } :root { --multi_columns_stacks_in_1439:1fr minmax(320px,min-content); } #multi_columns_stacks_in_1439 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1439); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_1439 > div { min-width: 0; } #multi_columns_stacks_in_1439 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_1439 > div img { max-width: 100%; } #multi_columns_stacks_in_1439 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 601px) { #multi_columns_stacks_in_1439 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1439 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1439 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1439 .hide-desktop { display: none; } } @media all and (max-width: 600px) and (min-width: 501px) { #multi_columns_stacks_in_1439 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1439 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1439 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1439 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1439 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1439 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1439 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1439 .hide-mobile { display: none; } } @media all and (max-width: 600px) { #multi_columns_stacks_in_1439 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1439 + .deluxe-columns { } #multi_columns_stacks_in_1439 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1439 > div > * {position: relative;} #multi_columns_stacks_in_1439 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1439 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1439 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1439 > div > * {position: relative;} #multi_columns_stacks_in_1439 > div > * > * {transform: translate(0,0);} } .element_stacks_in_1443[data-deluxe-el] { background-color : rgba(28, 108, 238, 1.00); color: rgba(255, 255, 255, 1.00); font-size: 18px; text-align: center; resize: none; } .element_stacks_in_1443[data-deluxe-el] > div { } .element_stacks_in_1443[data-deluxe-el] h1, .element_stacks_in_1443[data-deluxe-el] h2, .element_stacks_in_1443[data-deluxe-el] h3, .element_stacks_in_1443[data-deluxe-el] h4, .element_stacks_in_1443[data-deluxe-el] h5 { color: rgba(0, 0, 0, 0.90); } .element_stacks_in_1441[data-deluxe-el] { background-color : rgba(71, 96, 107, 1.00); color: rgba(255, 255, 255, 1.00); font-size: 18px; text-align: center; resize: none; } .element_stacks_in_1441[data-deluxe-el] > div { } .element_stacks_in_1441[data-deluxe-el] h1, .element_stacks_in_1441[data-deluxe-el] h2, .element_stacks_in_1441[data-deluxe-el] h3, .element_stacks_in_1441[data-deluxe-el] h4, .element_stacks_in_1441[data-deluxe-el] h5 { color: rgba(0, 0, 0, 0.90); } /* v1.0.2 - classes can be added to columns - auto-hide editor elements is now optional */ #stacks_in_2381.layouts-2-section { padding: 128px 0; background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-2381.jpg); background-repeat: repeat; background-position: center center; background-size: cover; } .mez #stacks_in_2381.layouts-2-section > div, #stacks_in_2381.layouts-2-section { } #stacks_in_2381.layouts-2-section > * { padding-left: 32px; padding-right: 32px; } #stacks_in_2381.layouts-2-section > * > div { margin-left: auto !important; margin-right: auto !important; } #slice_mez_2381 { border: 2px solid rgba(0,0,0,0.15); } .dark #slice_mez_2381 { border: 2px solid rgba(255,255,255,0.15); } #stacks_in_2382.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_2382.layouts-2-row > div > div[tag="node"] { display: flex; width: 100%; margin: 0px auto 0px auto; background: transparent; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; box-sizing: border-box; gap: 24px 24px; } #stacks_in_2382.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 24px; } @supports (rotate:180deg) { #stacks_in_2382.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_2384.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2384.out { flex-grow: 0; flex-basis: 128px; margin: 0; align-self: flex-start; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2384.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2384.layouts-2-column:after, #stacks_out_2384:after { width: 180px; width: 128px; } @media all and (min-width: 901px) { #stacks_in_2384.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2384.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2384.layouts-2-column.hide-mobile { display: none; } } #stacks_in_2388 { margin: 22px 0px 22px 0px; } #stacks_out_2388 { width: 90px; margin-left:0; } #stacks_in_2392.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2392.out { flex-grow: 0; flex-basis: 480px; margin: 0; align-self: flex-start; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2392.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2392.layouts-2-column:after, #stacks_out_2392:after { width: 320px; width: 480px; } @media all and (min-width: 901px) { #stacks_in_2392.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2392.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2392.layouts-2-column.hide-mobile { display: none; } } /* 1.0.0.5 - Title and subitle detailed styles now include a responsive scaling text option - no longer uses or requires jQuery - added Span as an option to the Title Settings > Tag/Type - removed 1-4px spacing to the left and right of the dividers */ #eh_stacks_in_2393 { margin: 16px 0 16px; padding: 0 0; } #eh_stacks_in_2393:not(.eh-shape-400) .eh-line-wrap, #eh_stacks_in_2393.eh-shape-400 .eh-line-wrap:before, #eh_stacks_in_2393.eh-shape-400 .eh-line-wrap:after, #eh_stacks_in_2393.eh-shape-400 .eh-line-wrap .eh-lines, #eh_stacks_in_2393.eh-shape-400 .eh-line-wrap .eh-extender {opacity: 0.300000;} #eh_stacks_in_2393 .eh-subtitle {margin-top: 0px;} #eh_stacks_in_2393.eh-sub-top .eh-subtitle { margin-top: 0; margin-bottom: 0px; } /* */ /* */ /* */#eh_stacks_in_2393 .eh-title {font-size: 42px;}/* */ /* */ #eh_stacks_in_2393 .eh-title { max-width: 420px; font-weight: 700; line-height: 1.10; color: rgba(255, 255, 255, 1.00); font-family: inherit; letter-spacing: 0.00px; word-spacing: 0.00px; } /* */ /* */#eh_stacks_in_2393 .eh-subtitle > div {font-size: 20px;}/* */ /* */ #eh_stacks_in_2393 .eh-subtitle > div { max-width: 420px; font-weight: 400; line-height: 1.10; color: rgba(255, 255, 255, 0.57); font-family: inherit; letter-spacing: 0.00px; word-spacing: 0.00px; } #eh_stacks_in_2393.eh-align-center .eh-subtitle > div {margin: 0 auto;} #eh_stacks_in_2393.eh-align-right .eh-subtitle > div {margin: 0 0 0 auto;} /* */ #eh_stacks_in_2393 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393 .eh-line-wrap .eh-line-right {width: 256px;} #eh_stacks_in_2393.eh-line-1 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-line-1 .eh-line-wrap .eh-line-right {border-top: 4px dashed #FFFFFF;} #eh_stacks_in_2393.eh-line-2 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-line-2 .eh-line-wrap .eh-line-right {border-top: 4px dotted #FFFFFF;} #eh_stacks_in_2393.eh-line-3 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-line-3 .eh-line-wrap .eh-line-right { border-top: 4px solid #FFFFFF; height: 4px; border-bottom: 4px solid #FFFFFF; box-sizing: content-box; } #eh_stacks_in_2393.eh-line-3 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-line-3 .eh-line-wrap .eh-line-right {width: calc(256px / 2);} #eh_stacks_in_2393.eh-line-4 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-line-4 .eh-line-wrap .eh-line-right { border-top: 4px solid #FFFFFF; border-image: linear-gradient(-90deg, #FFFFFF, transparent) 1; } #eh_stacks_in_2393.eh-line-4 .eh-line-wrap .eh-line-right {border-image: linear-gradient(90deg, #FFFFFF, transparent) 1;} #eh_stacks_in_2393.eh-line-4 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-line-4 .eh-line-wrap .eh-line-right {width: calc(256px / 2);} #eh_stacks_in_2393.eh-line-5 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-line-5 .eh-line-wrap .eh-line-right {border-top: 4px solid #FFFFFF;} #eh_stacks_in_2393.eh-line-5 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-line-5 .eh-line-wrap .eh-line-right {width: calc(256px / 2);} #eh_stacks_in_2393:not(.eh-line-group-0) .eh-line-wrap .eh-lines {width: calc(256px / 2);} #eh_stacks_in_2393:not(.eh-line-group-0) .eh-line-wrap .eh-lines svg { stroke: #FFFFFF; fill: #FFFFFF; } #eh_stacks_in_2393.eh-line-group-200 .eh-line-wrap .eh-lines svg {height: 20px;} #eh_stacks_in_2393.eh-thickness-3.eh-line-group-200 .eh-line-wrap .eh-lines svg, #eh_stacks_in_2393.eh-thickness-1.eh-line-group-200 .eh-line-wrap .eh-lines svg {height: 21px;} @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { #eh_stacks_in_2393.eh-line-group-200 .eh-line-wrap .eh-lines svg {height: 18px;} #eh_stacks_in_2393.eh-thickness-3.eh-line-group-200 .eh-line-wrap .eh-lines svg, #eh_stacks_in_2393.eh-thickness-1.eh-line-group-200 .eh-line-wrap .eh-lines svg { height: 18px;} } #eh_stacks_in_2393.eh-line-group-300 .eh-extender { width: calc(256px / 2 - 20px); height: 4px; background-color: #FFFFFF; } #eh_stacks_in_2393.eh-thickness-3.eh-line-4 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-thickness-4.eh-line-4 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-thickness-3.eh-line-5 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-thickness-4.eh-line-5 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-thickness-3.eh-line-group-300 .eh-extender-left, #eh_stacks_in_2393.eh-thickness-4.eh-line-group-300 .eh-extender-left {box-shadow: 1px 0 0 #FFFFFF;} #eh_stacks_in_2393.eh-thickness-3.eh-line-4 .eh-line-wrap .eh-line-right, #eh_stacks_in_2393.eh-thickness-4.eh-line-4 .eh-line-wrap .eh-line-right, #eh_stacks_in_2393.eh-thickness-3.eh-line-5 .eh-line-wrap .eh-line-right, #eh_stacks_in_2393.eh-thickness-4.eh-line-5 .eh-line-wrap .eh-line-right, #eh_stacks_in_2393.eh-thickness-3.eh-line-group-300 .eh-extender-right, #eh_stacks_in_2393.eh-thickness-4.eh-line-group-300 .eh-extender-right {box-shadow: -1px 0 0 #FFFFFF;} #eh_stacks_in_2393.eh-line-303 .eh-extender, #eh_stacks_in_2393.eh-line-305 .eh-extender {width: calc(256px / 2 - 32px);} #eh_stacks_in_2393.eh-line-group-300.eh-main-wrap.eh-align-left .eh-line-wrap .eh-lines, #eh_stacks_in_2393.eh-line-group-300.eh-main-wrap.eh-align-center .eh-line-wrap .eh-lines, #eh_stacks_in_2393.eh-line-group-300.eh-main-wrap.eh-align-right .eh-line-wrap .eh-lines {height: 4px;} #eh_stacks_in_2393 .eh-line-left {margin-right: 0px;} #eh_stacks_in_2393 .eh-line-right {margin-left: 0px;} #eh_stacks_in_2393.eh-line-group-300 .eh-line-left, #eh_stacks_in_2393.eh-line-group-300 .eh-line-right { margin-left: 0px; margin-right: 0px; } #eh_stacks_in_2393.eh-line-group-300 .eh-extender-left {margin-right: 0px;} #eh_stacks_in_2393.eh-line-group-300 .eh-extender-right {margin-left: 0px;} #eh_stacks_in_2393:not(.eh-shape-0) .eh-line-wrap .eh-line-shape { width: 32px; height: 32px; } #eh_stacks_in_2393.eh-shape-400 .eh-line-wrap .eh-line-shape { width: auto; height: auto; } .com_onelittledesigner_stacks_Easy_Header_stack > #eh_stacks_in_2393.eh-shape-400 .eh-line-wrap .eh-line-shape {width: 54px;} .com_onelittledesigner_stacks_Easy_Header_stack > #eh_stacks_in_2393.eh-shape-400 .eh-line-wrap .eh-line-shape:has(.mez.empty) {min-width: 72px;} /* */ #eh_stacks_in_2393:not(.eh-shape-0) .eh-line-wrap .eh-line-shape > svg {stroke: #FFFFFF;} #eh_stacks_in_2393:not(.eh-shape-0) .eh-line-wrap .eh-line-left, #eh_stacks_in_2393:not(.eh-shape-0) .eh-line-wrap .eh-line-right {width: calc(256px / 2 + 4px);} #eh_stacks_in_2393.eh-shape-20 .eh-line-wrap .eh-line-shape, #eh_stacks_in_2393.eh-shape-20 .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-21 .eh-line-wrap .eh-line-shape, #eh_stacks_in_2393.eh-shape-21 .eh-line-wrap .eh-line-shape > svg {height: 16px;} #eh_stacks_in_2393.eh-shape-1:not(.eh-line-position-3) .eh-line-wrap, #eh_stacks_in_2393.eh-shape-11:not(.eh-line-position-3) .eh-line-wrap, #eh_stacks_in_2393.eh-shape-101:not(.eh-line-position-3) .eh-line-wrap, #eh_stacks_in_2393.eh-shape-201:not(.eh-line-position-3) .eh-line-wrap, #eh_stacks_in_2393.eh-shape-5:not(.eh-line-position-3) .eh-line-wrap, #eh_stacks_in_2393.eh-shape-105:not(.eh-line-position-3) .eh-line-wrap, #eh_stacks_in_2393.eh-shape-205:not(.eh-line-position-3) .eh-line-wrap { height: 4px; align-items: center; } #eh_stacks_in_2393.eh-shape-1:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-11:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-101:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-201:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-5:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-105:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-205:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg { height: 32px; /* */ } #eh_stacks_in_2393.eh-shape-1:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-11:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-101:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-201:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-5:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-105:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg, #eh_stacks_in_2393.eh-shape-205:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg { /* bottom: calc(4px / 2); */ margin-top: 0; position: relative; transform: rotate(180deg); } #eh_stacks_in_2393.eh-shape-group-100 .eh-line-wrap .eh-line-shape > svg {fill: #FFFFFF;} #eh_stacks_in_2393.eh-shape-group-200 .eh-line-wrap .eh-line-shape > svg:nth-child(2) { fill: #FFFFFF; padding: calc(1px + 2px * 2); } #eh_stacks_in_2393.eh-shape-206 .eh-line-wrap .eh-line-shape > svg:nth-child(2) {padding: calc(1px + 2px * 3);} #eh_stacks_in_2393.eh-shape-group-300 .eh-line-wrap .eh-line-shape-pre, #eh_stacks_in_2393.eh-shape-group-300 .eh-line-wrap .eh-line-shape-post { width: calc(32px * .4); height: calc(32px * .8); } #eh_stacks_in_2393.eh-shape-group-300 .eh-line-wrap .eh-line-shape-pre svg, #eh_stacks_in_2393.eh-shape-group-300 .eh-line-wrap .eh-line-shape-post svg { width: calc(32px * .8); height: calc(32px * .8); } #eh_stacks_in_2393 .eh-line-wrap-1 {margin-bottom: 8px;} #eh_stacks_in_2393 .eh-line-wrap-2 {margin-top: 8px;} /* */ #eh_stacks_in_2393.eh-line-position-3 {gap: 0 8px;} #eh_stacks_in_2393.eh-line-position-3 .eh-line-wrap .eh-line-left, #eh_stacks_in_2393.eh-line-position-3 .eh-line-wrap .eh-line-right {width: calc(256px / 2);} #eh_stacks_in_2393.eh-line-102.eh-full-width .eh-line-wrap:before, #eh_stacks_in_2393.eh-line-102.eh-full-width .eh-line-wrap:after, #eh_stacks_in_2393.eh-line-103.eh-full-width .eh-line-wrap:before, #eh_stacks_in_2393.eh-line-103.eh-full-width .eh-line-wrap:after, #eh_stacks_in_2393.eh-full-width:not(.eh-line-group-0) .eh-line-wrap .eh-extender { height: 4px; background-color: #FFFFFF; } #eh_stacks_in_2393.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap:before, #eh_stacks_in_2393.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap:after { height: 4px; background-color: #FFFFFF; } #eh_stacks_in_2393 .eh-text-scale, #eh_stacks_in_2393 .eh-text-scale > span { display: block; position: relative; } #l2_stacks_in_2397, #l2_stacks_in_2397 > svg, .mez p#l2_stacks_in_2397 + div { text-align: left; } #l2_stacks_in_2397.layouts-2-content { margin-top: 0px; margin-bottom: 24px; } div#stacks_out_2397[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) { margin-top: 0px; margin-bottom: 24px; } #l2_stacks_in_2397.layouts-2-content, [tag="slice"] #l2_stacks_in_2397.layouts-2-content + p[style], i#l2_stacks_in_2397.layouts-2-content, #slice_mez_2397 #l2_stacks_in_2397 + div { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 1.50; } #l2_stacks_in_2397.layouts-2-content.layouts-2-text > svg { height: 18px; width: 18px; fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } #l2_stacks_in_2397.layouts-2-content.layouts-2-button a > i { font-size: 22px; } #l2_stacks_in_2397.layouts-2-content.layouts-2-button a > svg { height: 22px; width: 22px; } #l2_stacks_in_2410, #l2_stacks_in_2410 > svg, .mez p#l2_stacks_in_2410 + div { text-align: left; } #l2_stacks_in_2410 a { border: 2px solid rgba(255, 255, 255, 1.00); border-radius: 4px; background-color: rgba(26, 26, 26, 0.00); color: rgba(255, 255, 255, 1.00); margin-left: 0; margin-right: 0; } #l2_stacks_in_2410 a:hover { background-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 1.00); } #l2_stacks_in_2410.layouts-2-button a > svg { fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } #l2_stacks_in_2410.layouts-2-button a:hover > svg { fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } .mez #l2_stacks_in_2410 a { margin-top: 1px; } #l2_stacks_in_2410.layouts-2-content { margin-top: 0px; margin-bottom: 0px; } div#stacks_out_2410[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) { margin-top: 0px; margin-bottom: 0px; } /* v1.0.2 - classes can be added to columns - auto-hide editor elements is now optional */ #stacks_in_2254.layouts-2-section { padding: 128px 0; background-color : rgba(0, 0, 0, 1.00); } .mez #stacks_in_2254.layouts-2-section > div, #stacks_in_2254.layouts-2-section { } #stacks_in_2254.layouts-2-section > * { padding-left: 24px; padding-right: 24px; } #stacks_in_2254.layouts-2-section > * > div { max-width: 960px; margin-left: auto !important; margin-right: auto !important; } #slice_mez_2254 { border: 2px solid rgba(0,0,0,0.15); } .dark #slice_mez_2254 { border: 2px solid rgba(255,255,255,0.15); } #stacks_in_2255.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_2255.layouts-2-row > div > div[tag="node"] { display: flex; width: 100%; margin: 0px auto 0px auto; background: transparent; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; box-sizing: border-box; gap: 48px 48px; } #stacks_in_2255.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_2255.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_2257.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2257.out { flex: 1; max-width: 340px; flex-basis: 210px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2257.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2257.layouts-2-column:after, #stacks_out_2257:after { width: 210px; } @media all and (min-width: 901px) { #stacks_in_2257.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2257.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2257.layouts-2-column.hide-mobile { display: none; } } #l2_stacks_in_2259, #l2_stacks_in_2259 > svg, .mez p#l2_stacks_in_2259 + div { text-align: left; } #l2_stacks_in_2259.layouts-2-content, [tag="slice"] #l2_stacks_in_2259.layouts-2-content + p[style], i#l2_stacks_in_2259.layouts-2-content, #slice_mez_2259 #l2_stacks_in_2259 + div { color: rgba(255, 255, 255, 1.00); font-size: 28px; line-height: 1.20; } #l2_stacks_in_2259.layouts-2-content.layouts-2-text > svg { height: 28px; width: 28px; fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } #l2_stacks_in_2259.layouts-2-content.layouts-2-button a > i { font-size: 32px; } #l2_stacks_in_2259.layouts-2-content.layouts-2-button a > svg { height: 32px; width: 32px; } .element_stacks_in_2262[data-deluxe-el][data-deluxe-text] { font-size: 16px; font-family: 'Inter'; font-weight: 400; letter-spacing: 0.00px; line-height: 200%; word-spacing: 0.00px; } #stacks_in_2265.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2265.out { flex: 1; max-width: 380px; flex-basis: 320px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2265.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2265.layouts-2-column:after, #stacks_out_2265:after { width: 320px; } @media all and (min-width: 901px) { #stacks_in_2265.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2265.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2265.layouts-2-column.hide-mobile { display: none; } } #l2_stacks_in_2266, #l2_stacks_in_2266 > svg, .mez p#l2_stacks_in_2266 + div { text-align: left; } #l2_stacks_in_2266.layouts-2-content, [tag="slice"] #l2_stacks_in_2266.layouts-2-content + p[style], i#l2_stacks_in_2266.layouts-2-content, #slice_mez_2266 #l2_stacks_in_2266 + div { color: rgba(255, 255, 255, 1.00); font-size: 28px; line-height: 1.20; } #l2_stacks_in_2266.layouts-2-content.layouts-2-text > svg { height: 28px; width: 28px; fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } #l2_stacks_in_2266.layouts-2-content.layouts-2-button a > i { font-size: 32px; } #l2_stacks_in_2266.layouts-2-content.layouts-2-button a > svg { height: 32px; width: 32px; } #l2_stacks_in_2269, #l2_stacks_in_2269 > svg, .mez p#l2_stacks_in_2269 + div { text-align: left; } #l2_stacks_in_2269.layouts-2-content, [tag="slice"] #l2_stacks_in_2269.layouts-2-content + p[style], i#l2_stacks_in_2269.layouts-2-content, #slice_mez_2269 #l2_stacks_in_2269 + div { color: rgba(255, 255, 255, 0.79); font-size: 18px; line-height: 1.40; } #l2_stacks_in_2269.layouts-2-content.layouts-2-text > svg { height: 18px; width: 18px; fill: rgba(255, 255, 255, 0.79); stroke: rgba(255, 255, 255, 0.79); } #l2_stacks_in_2269.layouts-2-content.layouts-2-button a > i { font-size: 22px; } #l2_stacks_in_2269.layouts-2-content.layouts-2-button a > svg { height: 22px; width: 22px; } :root { --multi_columns_stacks_in_2271:min-content 1fr; } #multi_columns_stacks_in_2271 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_2271); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_2271 > div { min-width: 0; } #multi_columns_stacks_in_2271 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_2271 > div img { max-width: 100%; } #multi_columns_stacks_in_2271 > div:not(.nav-column):not(.column-sticky) { position: relative; } .element_stacks_in_2272[data-deluxe-el][data-deluxe-text] { margin-top: 6px; margin-bottom: 0px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } :root { --multi_columns_stacks_in_2276:min-content 1fr; } #multi_columns_stacks_in_2276 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_2276); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_2276 > div { min-width: 0; } #multi_columns_stacks_in_2276 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_2276 > div img { max-width: 100%; } #multi_columns_stacks_in_2276 > div:not(.nav-column):not(.column-sticky) { position: relative; } .element_stacks_in_2277[data-deluxe-el][data-deluxe-text] { margin-top: 6px; margin-bottom: 0px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } :root { --multi_columns_stacks_in_2281:min-content 1fr; } #multi_columns_stacks_in_2281 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_2281); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_2281 > div { min-width: 0; } #multi_columns_stacks_in_2281 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_2281 > div img { max-width: 100%; } #multi_columns_stacks_in_2281 > div:not(.nav-column):not(.column-sticky) { position: relative; } .element_stacks_in_2282[data-deluxe-el][data-deluxe-text] { margin-top: 6px; margin-bottom: 0px; font-weight: 400; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; } #stacks_in_2287.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2287.out { flex: 1; max-width: 380px; flex-basis: 320px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2287.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2287.layouts-2-column:after, #stacks_out_2287:after { width: 320px; } @media all and (min-width: 901px) { #stacks_in_2287.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2287.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2287.layouts-2-column.hide-mobile { display: none; } } html:first-child > body .element_stacks_in_2288[data-deluxe-el] { display: inline-flex; width: 100%; max-width: 500px;margin-right: 0; margin-left: 0; } .element_stacks_in_2288[data-deluxe-el] > div { } #l2_stacks_in_2290, #l2_stacks_in_2290 > svg, .mez p#l2_stacks_in_2290 + div { text-align: left; } #l2_stacks_in_2290.layouts-2-content, [tag="slice"] #l2_stacks_in_2290.layouts-2-content + p[style], i#l2_stacks_in_2290.layouts-2-content, #slice_mez_2290 #l2_stacks_in_2290 + div { color: rgba(255, 255, 255, 1.00); font-size: 28px; line-height: 1.20; } #l2_stacks_in_2290.layouts-2-content.layouts-2-text > svg { height: 28px; width: 28px; fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } #l2_stacks_in_2290.layouts-2-content.layouts-2-button a > i { font-size: 32px; } #l2_stacks_in_2290.layouts-2-content.layouts-2-button a > svg { height: 32px; width: 32px; } #l2_stacks_in_2293, #l2_stacks_in_2293 > svg, .mez p#l2_stacks_in_2293 + div { text-align: left; } #l2_stacks_in_2293.layouts-2-content, [tag="slice"] #l2_stacks_in_2293.layouts-2-content + p[style], i#l2_stacks_in_2293.layouts-2-content, #slice_mez_2293 #l2_stacks_in_2293 + div { color: rgba(255, 255, 255, 0.79); font-size: 18px; line-height: 1.40; } #l2_stacks_in_2293.layouts-2-content.layouts-2-text > svg { height: 18px; width: 18px; fill: rgba(255, 255, 255, 0.79); stroke: rgba(255, 255, 255, 0.79); } #l2_stacks_in_2293.layouts-2-content.layouts-2-button a > i { font-size: 22px; } #l2_stacks_in_2293.layouts-2-content.layouts-2-button a > svg { height: 22px; width: 22px; } :root { --multi_columns_stacks_in_2298:1fr min-content; } #multi_columns_stacks_in_2298 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_2298); grid-gap: 6px; align-items: center; } #multi_columns_stacks_in_2298 > div { min-width: 0; } #multi_columns_stacks_in_2298 + .deluxe-columns { margin-top: 6px; } #multi_columns_stacks_in_2298 > div img { max-width: 100%; } #multi_columns_stacks_in_2298 > div:not(.nav-column):not(.column-sticky) { position: relative; } .element_stacks_in_2305[data-deluxe-el] { background-color : rgba(243, 245, 255, 1.00); border: 0px solid rgba(246, 247, 255, 1.00); border-radius: 4px; padding: 14px 16px; font-size: 18px; resize: none; } .element_stacks_in_2305[data-deluxe-el] > div { } .element_stacks_in_2301[data-deluxe-el] { background-color : rgba(111, 46, 229, 0.00); border-color: rgba(255, 255, 255, 1.00) rgba(255, 255, 255, 1.00) rgba(255, 255, 255, 1.00) rgba(255, 255, 255, 1.00); border-width: 2px 2px 2px 2px; border-style: solid; border-radius: 4px 4px 4px 4px; padding: 12px 16px; color: rgba(255, 255, 255, 1.00); font-size: 18px; resize: none; } .element_stacks_in_2301[data-deluxe-el] > div { } .element_stacks_in_2301[data-deluxe-el] h1, .element_stacks_in_2301[data-deluxe-el] h2, .element_stacks_in_2301[data-deluxe-el] h3, .element_stacks_in_2301[data-deluxe-el] h4, .element_stacks_in_2301[data-deluxe-el] h5 { color: rgba(0, 0, 0, 0.90); }