@font-face { font-family: Inter; font-style: normal; font-weight: 300; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Inter; font-style: normal; font-weight: 300; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Inter; font-style: normal; font-weight: 300; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Inter; font-style: normal; font-weight: 300; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 300; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Inter; font-style: normal; font-weight: 300; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 300; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Inter; font-style: normal; font-weight: 500; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Inter; font-style: normal; font-weight: 500; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Inter; font-style: normal; font-weight: 500; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Inter; font-style: normal; font-weight: 500; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 500; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Inter; font-style: normal; font-weight: 500; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 500; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Inter; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Inter; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Inter; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Inter; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Inter; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html { text-size-adjust: 100%; font-family: sans-serif; } body { margin: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { vertical-align: baseline; display: inline-block; } audio:not([controls]) { height: 0px; display: none; } [hidden], template { display: none; } a { background-color: rgba(0, 0, 0, 0); } a:active, a:hover { outline: 0px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: 0.67em 0px; font-size: 2em; } mark { color: rgb(0, 0, 0); background: rgb(255, 255, 0); } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0px; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"] { appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } legend { border: 0px; padding: 0px; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0px; } td, th { padding: 0px; } @font-face { font-family: webflow-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: 400; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: 400; line-height: 1; font-family: webflow-icons !important; } .w-icon-slider-right::before { content: ""; } .w-icon-slider-left::before { content: ""; } .w-icon-nav-menu::before { content: ""; } .w-icon-arrow-down::before, .w-icon-dropdown-toggle::before { content: ""; } .w-icon-file-upload-remove::before { content: ""; } .w-icon-file-upload-icon::before { content: ""; } * { box-sizing: border-box; } html { height: 100%; } body { color: rgb(255, 255, 255); background-color: rgb(178, 30, 20); min-height: 100%; margin: 0px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; } img { vertical-align: middle; max-width: 100%; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix::before, .w-clearfix::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-clearfix::after { clear: both; } .w-hidden { display: none; } .w-button { color: rgb(255, 255, 255); line-height: inherit; cursor: pointer; background-color: rgb(56, 152, 236); border: 0px; border-radius: 0px; padding: 9px 15px; text-decoration: none; display: inline-block; } input.w-button { appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: rgba(0, 0, 0, 0) !important; } .w-code-block { margin: unset; } pre.w-code-block code { all: inherit; } .w-optimization { display: contents; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; font-weight: 700; } h1 { margin-top: 20px; font-size: 38px; line-height: 44px; } h2 { margin-top: 20px; font-size: 32px; line-height: 36px; } h3 { margin-top: 20px; font-size: 24px; line-height: 30px; } h4 { margin-top: 10px; font-size: 18px; line-height: 24px; } h5 { margin-top: 10px; font-size: 14px; line-height: 20px; } h6 { margin-top: 10px; font-size: 12px; line-height: 18px; } p { margin-top: 0px; margin-bottom: 10px; } blockquote { border-left: 5px solid rgb(226, 226, 226); margin: 0px 0px 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } figure { margin: 0px 0px 10px; } figcaption { text-align: center; margin-top: 5px; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0px; list-style: none; } .w-embed::before, .w-embed::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-embed::after { clear: both; } .w-video { width: 100%; padding: 0px; position: relative; } .w-video iframe, .w-video object, .w-video embed { border: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } fieldset { border: 0px; margin: 0px; padding: 0px; } button, [type="button"], [type="reset"] { cursor: pointer; appearance: button; border: 0px; } .w-form { margin: 0px 0px 15px; } .w-form-done { text-align: center; background-color: rgb(221, 221, 221); padding: 20px; display: none; } .w-form-fail { background-color: rgb(255, 222, 222); margin-top: 10px; padding: 10px; display: none; } label { margin-bottom: 5px; font-weight: 700; display: block; } .w-input, .w-select { color: rgb(51, 51, 51); vertical-align: middle; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); width: 100%; height: 38px; margin-bottom: 10px; padding: 8px 12px; font-size: 14px; line-height: 1.42857; display: block; } .w-input::placeholder, .w-select::placeholder { color: rgb(153, 153, 153); } .w-input:focus, .w-select:focus { border-color: rgb(56, 152, 236); outline: 0px; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: rgb(238, 238, 238); } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: rgb(243, 243, 243); } .w-select[multiple] { height: auto; } .w-form-label { cursor: pointer; margin-bottom: 0px; font-weight: 400; display: inline-block; } .w-radio { margin-bottom: 5px; padding-left: 20px; display: block; } .w-radio::before, .w-radio::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-radio::after { clear: both; } .w-radio-input { float: left; margin: 3px 0px 0px -20px; line-height: normal; } .w-file-upload { margin-bottom: 10px; display: block; } .w-file-upload-input { opacity: 0; z-index: -100; width: 0.1px; height: 0.1px; position: absolute; overflow: hidden; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { color: rgb(51, 51, 51); display: inline-block; } .w-file-upload-error { margin-top: 10px; display: block; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; } .w-file-upload-uploading-btn { cursor: pointer; background-color: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); margin: 0px; padding: 8px 12px; font-size: 14px; font-weight: 400; display: flex; } .w-file-upload-file { background-color: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); flex-grow: 1; justify-content: space-between; margin: 0px; padding: 8px 9px 8px 11px; display: flex; } .w-file-upload-file-name { font-size: 14px; font-weight: 400; display: block; } .w-file-remove-link { cursor: pointer; width: auto; height: auto; margin-top: 3px; margin-left: 10px; padding: 3px; display: block; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { color: rgb(234, 56, 76); padding: 2px 0px; display: inline-block; } .w-file-upload-info { padding: 0px 12px; line-height: 38px; display: inline-block; } .w-file-upload-label { cursor: pointer; background-color: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); margin: 0px; padding: 8px 12px; font-size: 14px; font-weight: 400; display: inline-block; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { width: 20px; margin-right: 8px; display: inline-block; } .w-icon-file-upload-uploading { height: 20px; } .w-container { max-width: 940px; margin-left: auto; margin-right: auto; } .w-container::before, .w-container::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-container::after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row::before, .w-row::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-row::after { clear: both; } .w-row .w-row { margin-left: 0px; margin-right: 0px; } .w-col { float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .w-col .w-col { padding-left: 0px; padding-right: 0px; } .w-col-1 { width: 8.33333%; } .w-col-2 { width: 16.6667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.3333%; } .w-col-5 { width: 41.6667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.3333%; } .w-col-8 { width: 66.6667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.3333%; } .w-col-11 { width: 91.6667%; } .w-col-12 { width: 100%; } .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333%; } .w-col-medium-2 { width: 16.6667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.3333%; } .w-col-medium-5 { width: 41.6667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.3333%; } .w-col-medium-8 { width: 66.6667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.3333%; } .w-col-medium-11 { width: 91.6667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main, .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0px; margin-right: 0px; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333%; } .w-col-small-2 { width: 16.6667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.3333%; } .w-col-small-5 { width: 41.6667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.3333%; } .w-col-small-8 { width: 66.6667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.3333%; } .w-col-small-11 { width: 91.6667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main, .w-hidden-medium, .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333%; } .w-col-tiny-2 { width: 16.6667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.3333%; } .w-col-tiny-5 { width: 41.6667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.3333%; } .w-col-tiny-8 { width: 66.6667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.3333%; } .w-col-tiny-11 { width: 91.6667%; } .w-col-tiny-12 { width: 100%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { text-align: center; } .w-widget-map .gm-style-iw>button { display: none !important; } .w-widget-twitter { overflow: hidden; } .w-widget-twitter-count-shim { vertical-align: top; text-align: center; background: rgb(255, 255, 255); border: 1px solid rgb(117, 134, 150); border-radius: 3px; width: 28px; height: 20px; display: inline-block; position: relative; } .w-widget-twitter-count-shim * { pointer-events: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { text-align: center; color: rgb(153, 153, 153); font-family: serif; font-size: 15px; line-height: 12px; position: relative; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { display: block; position: relative; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical)::before, .w-widget-twitter-count-shim:not(.w--vertical)::after { content: " "; pointer-events: none; border: solid rgba(0, 0, 0, 0); width: 0px; height: 0px; position: absolute; top: 50%; left: 0px; } .w-widget-twitter-count-shim:not(.w--vertical)::before { border-width: 4px; border-color: rgba(117, 134, 150, 0) rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); margin-top: -4px; margin-left: -9px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large::before { border-width: 5px; margin-top: -5px; margin-left: -10px; } .w-widget-twitter-count-shim:not(.w--vertical)::after { border-width: 4px; border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); margin-top: -4px; margin-left: -8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large::after { border-width: 5px; margin-top: -5px; margin-left: -9px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical::before, .w-widget-twitter-count-shim.w--vertical::after { content: " "; pointer-events: none; border: solid rgba(0, 0, 0, 0); width: 0px; height: 0px; position: absolute; top: 100%; left: 50%; } .w-widget-twitter-count-shim.w--vertical::before { border-width: 5px; border-color: rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical::after { border-width: 4px; border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-background-video { color: rgb(255, 255, 255); height: 500px; position: relative; overflow: hidden; } .w-background-video>video { object-fit: cover; z-index: -100; background-position: 50% center; background-size: cover; width: 100%; height: 100%; margin: auto; position: absolute; inset: -100%; } .w-background-video>video::-webkit-media-controls-start-playback-button { appearance: none; display: none !important; } .w-background-video--control { background-color: rgba(0, 0, 0, 0); padding: 0px; position: absolute; bottom: 1em; right: 1em; } .w-background-video--control>[hidden] { display: none !important; } .w-slider { text-align: center; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgb(221, 221, 221); height: 300px; position: relative; } .w-slider-mask { z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0px; right: 0px; overflow: hidden; } .w-slide { vertical-align: top; white-space: normal; text-align: left; width: 100%; height: 100%; display: inline-block; position: relative; } .w-slider-nav { z-index: 2; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 40px; margin: auto; padding-top: 10px; position: absolute; inset: auto 0px 0px; } .w-slider-nav.w-round>div { border-radius: 100%; } .w-slider-nav.w-num>div { font-size: inherit; line-height: inherit; width: auto; height: auto; padding: 0.2em 0.5em; } .w-slider-nav.w-shadow>div { box-shadow: rgba(51, 51, 51, 0.4) 0px 0px 3px; } .w-slider-nav-invert { color: rgb(255, 255, 255); } .w-slider-nav-invert>div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert>div.w-active { background-color: rgb(34, 34, 34); } .w-slider-dot { cursor: pointer; background-color: rgba(255, 255, 255, 0.4); width: 1em; height: 1em; margin: 0px 3px 0.5em; transition: background-color 0.1s, color 0.1s; display: inline-block; position: relative; } .w-slider-dot.w-active { background-color: rgb(255, 255, 255); } .w-slider-dot:focus { outline: none; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { cursor: pointer; color: rgb(255, 255, 255); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; width: 80px; margin: auto; font-size: 40px; position: absolute; inset: 0px; overflow: hidden; } .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0px; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { width: 1em; height: 1em; margin: auto; inset: 0px; } .w-slider-aria-label { clip: rect(0px, 0px, 0px, 0px); border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; } .w-slider-force-show { display: block !important; } .w-dropdown { text-align: left; z-index: 900; margin-left: auto; margin-right: auto; display: inline-block; position: relative; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { vertical-align: top; color: rgb(34, 34, 34); text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative; } .w-dropdown-toggle { user-select: none; cursor: pointer; padding-right: 40px; display: inline-block; } .w-dropdown-toggle:focus { outline: 0px; } .w-icon-dropdown-toggle { width: 1em; height: 1em; margin: auto 20px auto auto; position: absolute; top: 0px; bottom: 0px; right: 0px; } .w-dropdown-list { background: rgb(221, 221, 221); min-width: 100%; display: none; position: absolute; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { color: rgb(34, 34, 34); padding: 10px 20px; display: block; } .w-dropdown-link.w--current { color: rgb(0, 130, 243); } .w-dropdown-link:focus { outline: 0px; } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } .w-lightbox-backdrop { cursor: auto; letter-spacing: normal; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; overflow-wrap: normal; color: rgb(255, 255, 255); text-align: center; z-index: 2000; opacity: 0; user-select: none; -webkit-tap-highlight-color: transparent; background: rgba(0, 0, 0, 0.9); outline: 0px; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; font-style: normal; font-weight: 300; line-height: 1.2; list-style: disc; position: fixed; inset: 0px; transform: translate(0px); } .w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; } .w-lightbox-content { height: 100vh; position: relative; overflow: hidden; } .w-lightbox-view { opacity: 0; width: 100vw; height: 100vh; position: absolute; } .w-lightbox-view::before { content: ""; height: 100vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view::before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view::before { vertical-align: middle; display: inline-block; } .w-lightbox-figure { margin: 0px; position: relative; } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } .w-lightbox-img { width: auto; max-width: none; height: auto; } .w-lightbox-image { float: none; max-width: 100vw; max-height: 100vh; display: block; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { text-align: left; text-overflow: ellipsis; white-space: nowrap; background: rgba(0, 0, 0, 0.4); padding: 0.5em 1em; position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: hidden; } .w-lightbox-embed { width: 100%; height: 100%; position: absolute; inset: 0px; } .w-lightbox-control { cursor: pointer; background-position: 50% center; background-repeat: no-repeat; background-size: 24px; width: 4em; transition: 0.3s; position: absolute; top: 0px; } .w-lightbox-left { background-image: url("images/image_10.svg"); display: none; bottom: 0px; left: 0px; } .w-lightbox-right { background-image: url("images/image_11.svg"); display: none; bottom: 0px; right: 0px; } .w-lightbox-close { background-image: url("images/image_12.svg"); background-size: 18px; height: 2.6em; right: 0px; } .w-lightbox-strip { white-space: nowrap; padding: 0px 1vh; line-height: 0; position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: auto hidden; } .w-lightbox-item { box-sizing: content-box; cursor: pointer; width: 10vh; padding: 2vh 1vh; display: inline-block; transform: translate(0px, 0px); } .w-lightbox-active { opacity: 0.3; } .w-lightbox-thumbnail { background: rgb(34, 34, 34); height: 10vh; position: relative; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0px; left: 0px; } .w-lightbox-thumbnail .w-lightbox-tall { width: 100%; top: 50%; transform: translateY(-50%); } .w-lightbox-thumbnail .w-lightbox-wide { height: 100%; left: 50%; transform: translate(-50%); } .w-lightbox-spinner { box-sizing: border-box; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation: 0.8s linear 0s infinite normal none running spin; position: absolute; top: 50%; left: 50%; } .w-lightbox-spinner::after { content: ""; border-width: 3px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255); border-image: initial; border-radius: 50%; position: absolute; inset: -4px; } .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view::before { height: 96vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view::before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { opacity: 0.5; display: block; } .w-lightbox-close { opacity: 0.8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext::before, .w-richtext::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-richtext::after { clear: both; } .w-richtext[contenteditable="true"]::before, .w-richtext[contenteditable="true"]::after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div::after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div::after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: rgb(40, 149, 247) solid 2px; } .w-richtext figure.w-richtext-figure-type-video>div::after, .w-richtext figure[data-rt-type="video"]>div::after { content: ""; display: none; position: absolute; inset: 0px; } .w-richtext figure { max-width: 60%; position: relative; } .w-richtext figure>div::before { cursor: default !important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { color: rgba(0, 0, 0, 0); font-size: 0px; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image>div, .w-richtext figure[data-rt-type="image"]>div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image>figcaption, .w-richtext figure[data-rt-type="image"]>figcaption { caption-side: bottom; display: table-caption; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0px; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .w-richtext figure.w-richtext-figure-type-video>div, .w-richtext figure[data-rt-type="video"]>div { width: 100%; } .w-richtext figure.w-richtext-align-center { clear: both; margin-left: auto; margin-right: auto; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { text-align: center; clear: both; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display: block; } .w-richtext figure.w-richtext-align-fullwidth>div { padding-bottom: inherit; display: inline-block; } .w-richtext figure.w-richtext-align-fullwidth>figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; clear: none; margin-right: 15px; } .w-richtext figure.w-richtext-align-floatright { float: right; clear: none; margin-left: 15px; } .w-nav { z-index: 1000; background: rgb(221, 221, 221); position: relative; } .w-nav::before, .w-nav::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-nav::after { clear: both; } .w-nav-brand { float: left; color: rgb(51, 51, 51); text-decoration: none; position: relative; } .w-nav-link { vertical-align: top; color: rgb(34, 34, 34); text-align: left; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; display: inline-block; position: relative; } .w-nav-link.w--current { color: rgb(0, 130, 243); } .w-nav-menu { float: right; position: relative; } [data-nav-menu-open] { text-align: center; background: rgb(200, 200, 200); min-width: 200px; position: absolute; top: 100%; left: 0px; right: 0px; overflow: visible; display: block !important; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { width: 100%; display: none; position: absolute; top: 100%; left: 0px; right: 0px; overflow: hidden; } .w-nav-overlay [data-nav-menu-open] { top: 0px; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] { z-index: 1; top: 0px; right: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] { z-index: 1; top: 0px; left: auto; } .w-nav-button { float: right; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; padding: 18px; font-size: 24px; display: none; position: relative; } .w-nav-button:focus { outline: 0px; } .w-nav-button.w--open { color: rgb(255, 255, 255); background-color: rgb(200, 200, 200); } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open { display: block; } .w--nav-dropdown-list-open { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs::before, .w-tabs::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-tabs::after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { vertical-align: top; text-align: left; cursor: pointer; color: rgb(34, 34, 34); background-color: rgb(221, 221, 221); padding: 9px 30px; text-decoration: none; display: inline-block; position: relative; } .w-tab-link.w--current { background-color: rgb(200, 200, 200); } .w-tab-link:focus { outline: 0px; } .w-tab-content { display: block; position: relative; overflow: hidden; } .w-tab-pane { display: none; position: relative; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix::after { content: ""; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .w-dyn-empty { background-color: rgb(221, 221, 221); padding: 10px; } .w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible { display: none !important; } .wf-layout-layout { display: grid; } :root { --_theme---background: rgb(178, 30, 20); --_theme---body-text: rgb(255, 255, 255); --_fonts---fonts--heading: Inter, sans-serif; --_headings---heading-xxl--font-size: var(--_sizes---size--128px); --_headings---heading-xxl--line-height: .95em; --_headings---heading-xxl--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-xxl--letter-spacing: -.05em; --_headings---heading-xl--font: var(--_fonts---fonts--heading); --_headings---heading-xl--font-size: var(--_sizes---size--128px); --_headings---heading-xl--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-xl--letter-spacing: -.05em; --_headings---heading-l--font: var(--_fonts---fonts--heading); --_headings---heading-l--font-size: var(--_sizes---size--96px); --_headings---heading-xl--line-height: 1em; --_headings---heading-l--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-l--letter-spacing: -.05em; --_headings---heading-m--font: var(--_fonts---fonts--heading); --_headings---heading-m--font-size: var(--_sizes---size--80px); --_headings---heading-m--line-height: 1em; --_headings---heading-m--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-m--letter-spacing: -.04em; --_headings---heading-s--font: var(--_fonts---fonts--heading); --_headings---heading-s--font-size: var(--_sizes---size--56px); --_headings---heading-s--line-height: 1em; --_headings---heading-s--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-s--letter-spacing: -.04em; --_headings---heading-xs--font: var(--_fonts---fonts--heading); --_headings---heading-xs--font-size: var(--_sizes---size--32px); --_headings---heading-xs--line-height: 1.1em; --_headings---heading-xs--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-xs--letter-spacing: -.03em; --color-mode-default--body-text\<deleted\|variable-cb61a870-d154-a6fe-c8a0-f25e0e5af2eb\>: var(--swatch--gunmetal\<deleted\|variable-7aae26b0-9412-ed86-55f6-0d55abbd998f\>); --_layout---padding-global--page-padding: 2.5em; --_sizes---size--96px: 6em; --_sizes---size--128px: 8em; --_sizes---size--160px: 10em; --_sizes---size--224px: 14em; --_sizes---size--320px: 20em; --_sizes---size--256px: 16em; --spacing--tablet-256px\<deleted\|variable-916d0a3e-b68a-1e36-5438-38f6239c015c\>: 12em; --spacing--mobile-256px\<deleted\|variable-f160f7f9-1c91-dbef-028c-2ad57aa45df6\>: 6em; --spacing--tablet-224px\<deleted\|variable-ead628c9-5f3a-db74-2b37-4fc8c9b0460b\>: 10em; --spacing--mobile-224px\<deleted\|variable-9855d4de-3551-ba49-c73f-35436feb24aa\>: 5.25em; --_sizes---size--192px: 12em; --spacing--tablet-192px\<deleted\|variable-95da8060-f85f-6001-2a25-ed668e55b33d\>: 8em; --spacing--mobile-192px\<deleted\|variable-1f8ae059-c45a-e7df-4fc9-d2f57d50172d\>: 4.5em; --spacing--tablet-160px\<deleted\|variable-063ff5bb-51f0-efdd-5dd1-1b258dc08bac\>: 7em; --spacing--mobile-160px\<deleted\|variable-ccbf86d9-b96d-7f3f-1a39-3ceea7a753d5\>: 4.25em; --spacing--tablet-128px\<deleted\|variable-692abbe8-7ac6-8dfe-e5ef-0972beaccf77\>: 6em; --spacing--mobile-128px\<deleted\|variable-deff835c-7805-b241-712d-4f21fbb7d357\>: 4em; --spacing--tablet-96px\<deleted\|variable-358c04c2-a70a-d048-1059-a1da2e2f5b6b\>: 5em; --spacing--mobile-96px\<deleted\|variable-fb7ae1bd-8718-b1a9-85a8-432abe81a168\>: 3.5em; --_sizes---size--88px: 5.5em; --spacing--tablet-88px\<deleted\|variable-57d919a2-626f-7126-2870-f95a5ef58814\>: 4.5em; --spacing--mobile-88px\<deleted\|variable-925ca50b-581c-61ff-04c2-8d4436ccc623\>: 3.25em; --_sizes---size--80px: 5em; --spacing--tablet-80px\<deleted\|variable-4eeec3e9-fd54-e471-5943-7c004fbd4ee1\>: 4em; --spacing--mobile-80px\<deleted\|variable-772f0a1e-b3db-6b13-4c2d-65df819a0069\>: 3em; --_sizes---size--72px: 4.5em; --spacing--tablet-72px\<deleted\|variable-b30e677a-d534-27d1-fa19-aa0996e20938\>: 3.5em; --spacing--mobile-72px\<deleted\|variable-cb9dd2a9-55a6-38cd-c697-89578ac94265\>: 2.5em; --_sizes---size--64px: 4em; --spacing--tablet-64px\<deleted\|variable-3a2c49ea-a4a7-69e1-4176-c1f0ad9f624a\>: 3em; --spacing--mobile-64px\<deleted\|variable-ea717513-d22f-2cb5-8b15-13122c8f220f\>: 2em; --_sizes---size--56px: 3.5em; --spacing--tablet-56px\<deleted\|variable-b38f6756-4926-ec42-7946-e0fd6f94e56b\>: 2.75em; --spacing--mobile-56px\<deleted\|variable-bd37f518-f02b-43bd-96c2-75648d40de4e\>: 1.75em; --_sizes---size--48px: 3em; --spacing--tablet-48px\<deleted\|variable-3ac3ad93-56d1-41dc-f645-343bcfd0074e\>: 2.5em; --spacing--mobile-48px\<deleted\|variable-63a98136-1756-9cea-98cd-58946d9162df\>: 1.5em; --_sizes---size--40px: 2.5em; --spacing--tablet-40px\<deleted\|variable-8775444d-0210-196e-c16e-98a48bc11d73\>: 2em; --spacing--mobile-40px\<deleted\|variable-bbf13b83-2c9f-902a-0466-bc94b64923d3\>: 1.375em; --_sizes---size--32px: 2em; --spacing--tablet-32px\<deleted\|variable-372d7255-d371-fb88-17c6-374d13c69062\>: 1.5em; --spacing--mobile-32px\<deleted\|variable-6ea3e16d-059c-a2e0-f71d-13fee24117db\>: 1.25em; --_sizes---size--24px: 1.5em; --spacing--tablet-24px\<deleted\|variable-086a30c7-ce5d-6b58-9324-98c929be3b7b\>: 1.25em; --spacing--mobile-24px\<deleted\|variable-52f0b367-4b4a-aff8-5fee-09b21cb958c8\>: 1.125em; --_sizes---size--16px: 1em; --_sizes---size--12px: .75em; --_sizes---size--8px: .5em; --_sizes---size--4px: .25em; --_sizes---size--2px: .125em; --_theme---button-text: var(--_colors---swatch--off-white); --_colors---brand-colors--red: #fa5424; --_paragraphs---paragraph-regular--font-size: 1.25em; --_paragraphs---paragraph-regular--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-regular--line-height: 1.4em; --_paragraphs---paragraph-regular--font-weight: var(--_fonts---font-weight--medium); --_paragraphs---paragraph-regular--letter-spacing: -.03em; --_paragraphs---paragraph-s--letter-spacing: -.03em; --_fonts---font-weight--semi-bold: 600; --_headings---heading-l--line-height: 1em; --_paragraphs---paragraph-xl--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-xl--font-size: 2.5em; --_paragraphs---paragraph-xl--line-height: 1.1em; --_paragraphs---paragraph-xl--font-weight: var(--_fonts---font-weight--semi-bold); --_paragraphs---paragraph-xl--letter-spacing: -.03em; --_paragraphs---paragraph-l--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-l--font-size: 2em; --_paragraphs---paragraph-l--line-height: 1.3em; --_paragraphs---paragraph-l--font-weight: var(--_fonts---font-weight--semi-bold); --_paragraphs---paragraph-l--letter-spacing: -.03em; --_paragraphs---paragraph-m--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-m--font-size: 1.5em; --_paragraphs---paragraph-m--line-height: 1.3em; --_paragraphs---paragraph-m--letter-spacing: -.03em; --_paragraphs---paragraph-m--font-weight: var(--_fonts---font-weight--semi-bold); --_fonts---font-weight--bold: 700; --_paragraphs---paragraph-s--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-s--font-size: 1em; --_paragraphs---paragraph-s--line-height: 1.3em; --_paragraphs---paragraph-s--font-weight: var(--_fonts---font-weight--normal); --_paragraphs---paragraph-xs--font-size: .75rem; --_paragraphs---paragraph-xs--font-weight: var(--_fonts---font-weight--normal); --_paragraphs---paragraph-xxs--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-xxs--font-size: .625rem; --_paragraphs---paragraph-xxs--line-height: 1.4em; --_paragraphs---paragraph-xxs--font-weight: var(--_fonts---font-weight--normal); --_paragraphs---paragraph-xxs--letter-spacing: -.02em; --_layout---grid--gap: 2em; --_colors---swatch--black: #161616; --_colors---swatch--grey: grey; --_colors---swatch--white: white; --_colors---brand-colors--blue: #0d8dff; --_layout---grid--gap-tablet\<deleted\|variable-ff4ab7d8-1b7d-e830-21bf-aa88e5d5e74c\>: 1.5em; --_layout---grid--gap-mobile\<deleted\|variable-4fadcf1f-040e-5667-91a8-46bc48510e01\>: 1em; --element-button--height\<deleted\|variable-d0d4f496-fb53-f8c5-27d6-19ba5c3f0b43\>: 3rem; --element-button--radius-desktop\<deleted\|variable-f8d99249-c057-b20e-d4ea-c9ff0273add7\>: .5em; --swatch--eerie-black\<deleted\|variable-96a5984c-58ac-dea9-ceed-345ea1a68be0\>: #171c1c; --swatch--anti-flash-white\<deleted\|variable-2b55c37a-a697-95d1-de06-5cd18e98aa75\>: #eef0f2; --element-button--radius-tablet\<deleted\|variable-5e60258f-bfd2-096e-5216-491e715da2a6\>: .25em; --element-button--radius-mobile\<deleted\|variable-3defd336-edc9-0654-9420-78e55b6eb313\>: .5em; --element-card--card-tablet\<deleted\|variable-8802b6d5-a8b9-c5b5-b6e7-ea525c156394\>: 1.25em; --element-card--radius-mobile\<deleted\|variable-853e8ebc-2621-fa73-dacc-84aa8de9e8de\>: 1em; --color-mode-default--background-transparent\<deleted\|variable-8a828534-93a1-419c-aaf6-274fb4d2cc93\>: var(--swatch--transparent-white\<deleted\|variable-03753bb9-6a2d-beec-b4e9-06f7b439f1a5\>); --color-mode-default--button-outline\<deleted\|variable-7e835c89-7b86-8033-7fa0-f32c43db959e\>: var(--swatch--gunmetal\<deleted\|variable-7aae26b0-9412-ed86-55f6-0d55abbd998f\>); --element-card--padding-tablet\<deleted\|variable-c28b41a6-a697-24b0-1cb7-c9d16b5f21d9\>: 1em; --element-card--padding-mobile\<deleted\|variable-27437fc3-c1c5-926b-2762-44eab12995d9\>: 1em; --color-mode-default--bp-card-bg\<deleted\|variable-4ed1ea21-6547-af99-3c69-f02950a385c2\>: var(--color-mode-default--bp-label-bg\<deleted\|variable-fd68ec54-23b7-4749-ebbb-80c097cd5cd4\>); --blueprint--gap: 1em; --blueprint--label-height: 3em; --blueprint--label-text-size: .875em; --element-label--radius-tablet\<deleted\|variable-32c37fc7-7a2d-27cf-3450-597acbf4740b\>: .25em; --element-label--radius-mobile\<deleted\|variable-50db59c2-591f-ccbd-8db7-883048e9293b\>: .25em; --element-border--regular\<deleted\|variable-8015d590-9b6a-d5c6-03d9-d0ec4248d695\>: 1px; --element-field--text-size\<deleted\|variable-bb6b4bc2-df1d-cb98-174b-12f265efaa7b\>: 1em; --text-size--regular\<deleted\|variable-ab42a22f-2f14-5509-9418-fb33eaa20dd5\>: 1em; --element-field--checkmarks\<deleted\|variable-c789989a-753e-68f7-2ece-c4da18b2a223\>: .875em; --element-field--label-text-size\<deleted\|variable-1935e2cc-7076-60f9-b096-049805c979b3\>: .875em; --color-mode-default--heading\<deleted\|variable-63623ff2-f93a-6dbc-537d-501639045b22\>: var(--swatch--eerie-black\<deleted\|variable-96a5984c-58ac-dea9-ceed-345ea1a68be0\>); --element-button--gap\<deleted\|variable-0282ece1-564b-3134-a176-8a733f25aca8\>: 1em; --color-mode-default--background\<deleted\|variable-c0c89dc0-00da-9374-de7c-29979972e8ac\>: var(--swatch--anti-flash-white\<deleted\|variable-2b55c37a-a697-95d1-de06-5cd18e98aa75\>); --color-mode-default--active-state\<deleted\|variable-43f921cb-bd7a-3666-9ac5-0f1d734b1a8f\>: var(--swatch--honeydew\<deleted\|variable-ce750e9f-1666-65be-5b8a-2186b18b3781\>); --color-mode-default--button-bg\<deleted\|variable-09c6d403-c69d-6535-5389-2450cdc1de75\>: var(--swatch--ash-grey\<deleted\|variable-dec3fd67-9c25-d8c5-a38a-7241449f34ed\>); --typography--eyebrow-style\<deleted\|variable-be8b669d-5c5b-2309-f3c7-39288f8f5c10\>: Georgia, Times, "Times New Roman", serif; --typography--support-style\<deleted\|variable-164e4023-cfcf-c88c-30cd-e9cd01bde5ba\>: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --element-field--padding\<deleted\|variable-04151b8e-2d25-fe18-4d6f-ee1c48ad3804\>: 1em; --element-field--text-area-padding\<deleted\|variable-fef68998-fe96-422c-105c-91c0def0d39f\>: .75em; --element-label--gap\<deleted\|variable-8142a8e4-aa6a-fab1-8d32-88edc71fc83d\>: .5em; --element-field--height\<deleted\|variable-af4c4744-50fe-ad09-4c4d-09ff8bc415e5\>: 3em; --element-field--text-area-height\<deleted\|variable-fe010bcc-7d76-b7d5-6e12-278725850868\>: 12em; --color-mode-dark--body-text\<deleted\|variable-c5fff99a-9c05-9a85-8b33-a73a35c2f91c\>: var(--swatch--ash-grey\<deleted\|variable-dec3fd67-9c25-d8c5-a38a-7241449f34ed\>); --_headings---heading-xxl--font: var(--_fonts---fonts--heading); --_colors---brand-colors--green: #33c791; --_colors---brand-colors--pink: #fcb8fa; --_colors---swatch--creme: #faf4ec; --_colors---swatch--off-white: #fffef7; --_colors---swatch--taupe: #eae4d8; --_colors---brand-colors--pink-200: #fdd0fe; --_theme---button-bg: var(--_colors---brand-colors--red); --_theme---button-icon-bg: var(--_colors---swatch--white); --_theme---button-icon: var(--_colors---swatch--black); --_layout---radius--border-radius-small: 1.25em; --_layout---radius--border-radius-medium: 2em; --_theme---label-bg: white; --_colors---brand-colors--red-300: #fc997b; --_colors---brand-colors--blue-400: #50c8ff; --_theme---accent-2: var(--_colors---swatch--taupe); --_theme---card-outline: white; --_layout---radius--border-radius-large: 2.5em; --_theme---accent-1: white; --_theme---heading: var(--_colors---swatch--black); --_theme---border: var(--_colors---swatch--grey); --_theme---cursor-select-bg: var(--_colors---swatch--black); --_theme---cursor-select-text: var(--_colors---swatch--white); --_theme---button-outline: var(--_colors---swatch--black); --_fonts---fonts--paragraph: Inter, sans-serif; --_fonts---fonts--eyebrow: Inter, sans-serif; --_paragraphs---paragraph-xs--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-xs--line-height: 1.3em; --_paragraphs---paragraph-xs--letter-spacing: -.045em; --_layout---radius--menu: 1em; --_sizes---size--112px: 7em; --_sizes---size--104px: 6.5em; --_fonts---font-weight--thin: 100; --_fonts---font-weight--extra-light: 200; --_fonts---font-weight--light: 300; --_fonts---font-weight--normal: 400; --_fonts---font-weight--medium: 500; --_fonts---font-weight--extra-bold: 800; --_fonts---font-weight--black: 900; --_colors---brand-colors--blue-500: #28aaff; --_colors---brand-colors--green-200: #aaf0d0; --_colors---brand-colors--green-300: #73e2b6; --_colors---brand-colors--red-400: #fc997b; --_colors---brand-colors--pink-100: #ffe8ff; --swatch--gunmetal\<deleted\|variable-7aae26b0-9412-ed86-55f6-0d55abbd998f\>: #31383b; --swatch--transparent-white\<deleted\|variable-03753bb9-6a2d-beec-b4e9-06f7b439f1a5\>: #eef0f200; --color-mode-default--bp-label-bg\<deleted\|variable-fd68ec54-23b7-4749-ebbb-80c097cd5cd4\>: var(--swatch--gunmetal\<deleted\|variable-7aae26b0-9412-ed86-55f6-0d55abbd998f\>); --swatch--honeydew\<deleted\|variable-ce750e9f-1666-65be-5b8a-2186b18b3781\>: #e1f7e1; --swatch--ash-grey\<deleted\|variable-dec3fd67-9c25-d8c5-a38a-7241449f34ed\>: #acb7c1; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .w-layout-grid { gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox::before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox::after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox-input { float: left; margin: 4px 0px 0px -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border: 1px solid rgb(204, 204, 204); border-radius: 2px; width: 12px; height: 12px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: rgb(56, 152, 236); background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; border-color: rgb(56, 152, 236); } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: rgb(56, 152, 236) 0px 0px 3px 1px; } .w-form-formradioinput--inputType-custom { border: 1px solid rgb(204, 204, 204); border-radius: 50%; width: 12px; height: 12px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: rgb(56, 152, 236) 0px 0px 3px 1px; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: rgb(56, 152, 236); } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } } body { background-color: var(--_theme---background); color: var(--_theme---body-text); overscroll-behavior: none; text-wrap: balance; font-family: Inter, sans-serif; line-height: 1.5; font-size: var(--size-font); } h1 { font-family: var(--_fonts---fonts--heading); font-size: var(--_headings---heading-xxl--font-size); line-height: var(--_headings---heading-xxl--line-height); font-weight: var(--_headings---heading-xxl--font-weight); letter-spacing: var(--_headings---heading-xxl--letter-spacing); margin-top: 0px; margin-bottom: 0px; } h2 { font-family: var(--_headings---heading-xl--font); font-size: var(--_headings---heading-xl--font-size); line-height: var(--_headings---heading-xxl--line-height); font-weight: var(--_headings---heading-xl--font-weight); letter-spacing: var(--_headings---heading-xl--letter-spacing); margin-top: 0px; margin-bottom: 0px; } h3 { font-family: var(--_headings---heading-l--font); font-size: var(--_headings---heading-l--font-size); line-height: var(--_headings---heading-xl--line-height); font-weight: var(--_headings---heading-l--font-weight); letter-spacing: var(--_headings---heading-l--letter-spacing); margin-top: 0px; margin-bottom: 0px; } h4 { font-family: var(--_headings---heading-m--font); font-size: var(--_headings---heading-m--font-size); line-height: var(--_headings---heading-m--line-height); font-weight: var(--_headings---heading-m--font-weight); letter-spacing: var(--_headings---heading-m--letter-spacing); margin-top: 0px; margin-bottom: 0px; } h5 { font-family: var(--_headings---heading-s--font); font-size: var(--_headings---heading-s--font-size); line-height: var(--_headings---heading-s--line-height); font-weight: var(--_headings---heading-s--font-weight); letter-spacing: var(--_headings---heading-s--letter-spacing); margin-top: 0px; margin-bottom: 0px; } h6 { font-family: var(--_headings---heading-xs--font); font-size: var(--_headings---heading-xs--font-size); line-height: var(--_headings---heading-xs--line-height); font-weight: var(--_headings---heading-xs--font-weight); letter-spacing: var(--_headings---heading-xs--letter-spacing); margin-top: 0px; margin-bottom: 0px; } p { margin-bottom: 0px; } a { cursor: pointer; text-decoration: underline; } ul { margin-top: 0px; margin-bottom: 0px; padding-left: 2ch; } ol { margin-top: 0px; margin-bottom: 0px; padding-left: 3ch; list-style: decimal-leading-zero; } form { margin-bottom: 0px; } blockquote { border-left: .25rem solid var(--color-mode-default--body-text\<deleted\|variable-cb61a870-d154-a6fe-c8a0-f25e0e5af2eb\>); margin-bottom: 0px; padding: 0.5rem 0.75rem; line-height: 1.3; } figcaption { text-align: center; margin-top: 5px; display: none !important; } .spacing { display: block; } .global-styles { height: 0px; } .page-wrapper { overflow: clip; } .main-wrapper { position: relative; } .section_hero { width: 100%; position: relative; } .padding-global { padding-right: var(--_layout---padding-global--page-padding); padding-left: var(--_layout---padding-global--page-padding); width: 100%; } .section-padding-96px { padding-top: var(--_sizes---size--96px); padding-bottom: var(--_sizes---size--96px); } .section-padding-128px { padding-top: var(--_sizes---size--128px); padding-bottom: var(--_sizes---size--128px); } .section-padding-160px { padding-top: var(--_sizes---size--160px); padding-bottom: var(--_sizes---size--160px); } .section-padding-224px { padding-top: var(--_sizes---size--224px); padding-bottom: var(--_sizes---size--224px); } .aspect-ratio-2-3 { aspect-ratio: 2 / 3; width: 100%; position: relative; } .aspect-ratio-1-1 { aspect-ratio: 1 / 1; width: 100%; position: relative; } .aspect-ratio-4-3 { aspect-ratio: 4 / 3; width: 100%; position: relative; } .aspect-ratio-3-2 { aspect-ratio: 3 / 2; width: 100%; position: relative; } .aspect-ratio-8-5 { aspect-ratio: 8 / 5; width: 100%; position: relative; } .aspect-ratio-16-9 { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; position: relative; } .aspect-ratio-2-1 { aspect-ratio: 2 / 1; width: 100%; position: relative; } .aspect-ratio-21-9 { aspect-ratio: 21 / 9; width: 100%; position: relative; } .aspect-ratio-2-39-1 { aspect-ratio: 2.39 / 1; width: 100%; position: relative; } .padding-320px { padding: var(--_sizes---size--320px); } .padding-256px { padding: var(--_sizes---size--256px); } .padding-224px { padding: var(--_sizes---size--224px); } .padding-192px { padding: var(--_sizes---size--192px); } .padding-160px { padding: var(--_sizes---size--160px); } .padding-128px { padding: var(--_sizes---size--128px); } .padding-96px { padding: var(--_sizes---size--96px); } .padding-88px { padding: var(--_sizes---size--88px); } .padding-80px { padding: var(--_sizes---size--80px); } .padding-72px { padding: var(--_sizes---size--72px); } .padding-64px { padding: var(--_sizes---size--64px); } .padding-56px { padding: var(--_sizes---size--56px); } .padding-48px { padding: var(--_sizes---size--48px); } .padding-40px { padding: var(--_sizes---size--40px); } .padding-32px { padding: var(--_sizes---size--32px); } .padding-24px { padding: var(--_sizes---size--24px); } .padding-16px { padding: var(--_sizes---size--16px); } .padding-12px { padding: var(--_sizes---size--12px); } .padding-8px { padding: var(--_sizes---size--8px); } .padding-4px { padding: var(--_sizes---size--4px); } .margin-320px { margin: var(--_sizes---size--320px); } .margin-256px { margin: var(--_sizes---size--256px); } .margin-224px { margin: var(--_sizes---size--224px); } .margin-192px { margin: var(--_sizes---size--192px); } .margin-160px { margin: var(--_sizes---size--160px); } .margin-128px { margin: var(--_sizes---size--128px); } .margin-96px { margin: var(--_sizes---size--96px); } .margin-88px { margin: var(--_sizes---size--88px); } .margin-80px { margin: var(--_sizes---size--80px); } .margin-72px { margin: var(--_sizes---size--72px); } .margin-64px { margin: var(--_sizes---size--64px); } .margin-56px { margin: var(--_sizes---size--56px); } .margin-48px { margin: var(--_sizes---size--48px); } .margin-40px { margin: var(--_sizes---size--40px); } .margin-32px { margin: var(--_sizes---size--32px); } .margin-24px { margin: var(--_sizes---size--24px); } .margin-16px { margin: var(--_sizes---size--16px); } .margin-12px { margin: var(--_sizes---size--12px); } .margin-8px { margin: var(--_sizes---size--8px); } .margin-4px { margin: var(--_sizes---size--4px); } .padding-horizontal { padding-top: 0px; padding-bottom: 0px; } .padding-vertical { padding-left: 0px; padding-right: 0px; } .padding-top { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .padding-bottom { padding-top: 0px; padding-left: 0px; padding-right: 0px; } .padding-left { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; } .padding-right { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .margin-horizontal { margin-top: 0px; margin-bottom: 0px; } .margin-vertical { margin-left: 0px; margin-right: 0px; } .margin-top { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .margin-bottom { margin-top: 0px; margin-left: 0px; margin-right: 0px; } .margin-left { margin-top: 0px; margin-bottom: 0px; margin-right: 0px; } .margin-right { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } .container-col-12 { width: 100%; max-width: 120em; } .container-col-11 { row-gap: 48rem; flex-direction: column; width: 100%; max-width: 91.6667%; } .container-col-10 { width: 100%; max-width: 83.3333%; } .container-col-09 { width: 100%; max-width: 75%; } .container-col-08 { width: 100%; max-width: 66.6667%; } .container-col-07 { width: 100%; max-width: 58.3333%; } .container-col-06 { width: 100%; max-width: 50%; } .max-width-col-12 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/12)*12); width: 100%; } .max-width-col-11 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/12)*11); width: 100%; } .max-width-col-10 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/12)*10); width: 100%; } .max-width-col-09 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/12)*9); width: 100%; } .max-width-col-08 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/12)*8); width: 100%; } .max-width-col-07 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/12)*7); width: 100%; } .max-width-col-06 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/12)*6); width: 100%; } .max-width-col-05 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/12)*5); width: 100%; } .max-width-col-04 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/12)*4); width: 100%; } .max-width-col-03 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/12)*3); width: 100%; } .max-width-col-02 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/12)*2); width: 100%; } .max-width-960px { width: 100%; max-width: 60em; } .max-width-880px { width: 100%; max-width: 55em; } .max-width-800px { width: 100%; max-width: 50em; } .max-width-720px { width: 100%; max-width: 45em; } .max-width-640px { width: 100%; max-width: 40em; } .max-width-512px { width: 100%; max-width: 32em; } .max-width-448px { width: 100%; max-width: 28em; } .max-width-384px { width: 100%; max-width: 24em; } .max-width-320px { width: 100%; max-width: 20em; } .max-width-256px { width: 100%; max-width: 16em; } .max-width-224px { width: 100%; max-width: 14em; } .padding-2px { padding: var(--_sizes---size--2px); } .margin-2px { margin: var(--_sizes---size--2px); } .section-padding-192px { padding-top: var(--_sizes---size--192px); padding-bottom: var(--_sizes---size--192px); } .button { z-index: 1; color: var(--_theme---button-text); cursor: pointer; user-select: none; border-radius: 1em; justify-content: center; align-items: center; padding: 0.8em 1em 0.8em 1.5em; font-size: 1.5em; display: grid; position: relative; overflow: hidden; } .display-inlineflex { display: inline-flex; } .overflow-visible { overflow: visible; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-auto { overflow: auto; } .overflow-clip { overflow: clip; } .pointer-events-off { pointer-events: none; } .pointer-events-on { pointer-events: auto; } .text-weight-light { font-weight: 300; } .text-weight-normal { font-weight: 400; } .text-weight-bold { font-weight: 700; } .text-weight-black { font-weight: 900; } .text-weight-thin { font-weight: 100; } .text-weight-xlight { font-weight: 200; } .text-weight-medium { font-weight: 500; } .text-weight-semibold { font-weight: 600; } .text-weight-xbold { font-weight: 800; } .text-style-italic { font-style: italic; } .text-style-uppercase { text-transform: uppercase; justify-content: center; } .text-style-lowercase { text-transform: lowercase; } .text-style-strikethrough { text-decoration: line-through; } .text-style-underline { text-decoration: underline; } .text-style-link { color: var(--_colors---brand-colors--red); cursor: pointer; text-decoration: none; transition: 0.4s; } .text-style-link:hover { text-decoration: underline; } .text-style-nowrap { white-space: nowrap; } .rich-text-regular { font-size: var(--_paragraphs---paragraph-regular--font-size); text-wrap: pretty; } .rich-text-regular p { font-family: var(--_paragraphs---paragraph-regular--font); line-height: var(--_paragraphs---paragraph-regular--line-height); font-weight: var(--_paragraphs---paragraph-regular--font-weight); letter-spacing: var(--_paragraphs---paragraph-regular--letter-spacing); margin-bottom: 1.5rem; } .rich-text-regular h3 { margin-top: 0px; margin-bottom: 1.25rem; } .rich-text-regular h2 { margin-top: 0px; margin-bottom: 1.5rem; } .rich-text-regular h6 { margin-top: 0px; margin-bottom: 1.25rem; } .rich-text-regular h1 { margin-top: 0px; margin-bottom: 1.5rem; } .rich-text-regular img { object-fit: cover; } .rich-text-regular h5 { margin-top: 0px; margin-bottom: 1.25rem; } .rich-text-regular ol { font-family: var(--_paragraphs---paragraph-regular--font); font-weight: var(--_paragraphs---paragraph-regular--font-weight); margin-bottom: 1.5rem; } .rich-text-regular blockquote { margin-bottom: 1.5rem; line-height: 1.2; } .rich-text-regular figure { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .rich-text-regular h4 { margin-top: 0px; margin-bottom: 1.25rem; } .rich-text-regular ul { font-family: var(--_paragraphs---paragraph-regular--font); font-weight: var(--_paragraphs---paragraph-regular--font-weight); letter-spacing: var(--_paragraphs---paragraph-s--letter-spacing); margin-bottom: 1.5rem; } .rich-text-regular li { letter-spacing: var(--_paragraphs---paragraph-s--letter-spacing); } .rich-text-regular.text-wrap-wrap { text-wrap: pretty; } .text-align-left { text-align: left; } .text-align-center { text-align: center; font-family: Inter, sans-serif; } .text-align-right { text-align: right; } .image { object-fit: cover; width: 100%; max-width: none; height: 100%; position: absolute; inset: 0%; } .image-parallax { width: 100%; height: 100%; position: absolute; inset: 0%; overflow: hidden; } .image-parallax_image { height: 100%; position: relative; } .image-parallax_image.is-default { height: 125%; } .image-parallax_trigger { pointer-events: none; } .image-parallax_trigger.is-default { height: 100%; min-height: 100vh; position: absolute; bottom: 0%; left: 0%; right: 0%; } .image-parallax_trigger.is-hero { height: 100%; min-height: 100vh; position: absolute; top: 0%; left: 0%; right: 0%; } .image-parallax_trigger.is-section, .image-parallax_trigger.is-section-100vh { height: 100%; min-height: 100vh; position: absolute; bottom: 0%; left: 0%; right: 0%; } .aspect-ratio-100vh { height: 100vh; position: relative; } .heading-stretch { width: 100%; container-type: inline-size; } .heading-stretch_text { will-change: transform; font-size: 25.75cqw; } .heading-content { flex-wrap: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; margin-top: 0px; margin-bottom: 0px; display: inline; } .heading_text { display: inline-block; } .custom-heading_img { object-fit: contain; width: 0.75em; max-width: none; height: 0.75em; } .height-25 { height: 25%; } .height-50 { height: 50%; } .height-75 { height: 75%; } .height-100 { height: 100%; } .width-25 { width: 25%; } .width-50 { width: 50%; } .width-75 { width: 75%; } .width-100 { width: 100%; } .icon-12px { justify-content: center; align-items: center; max-width: none; height: 0.75em; display: flex; } .icon-16px { justify-content: center; align-items: center; height: 1em; display: flex; } .icon-18px { justify-content: center; align-items: center; height: 1.125em; display: flex; } .icon-24px { justify-content: center; align-items: center; height: 1.5em; display: flex; } .icon-32px { justify-content: center; align-items: center; height: 2em; display: flex; } .icon-40px { justify-content: center; align-items: center; height: 2.5em; display: flex; } .icon-48px { justify-content: center; align-items: center; height: 3em; display: flex; } .icon-64px { justify-content: center; align-items: center; height: 4em; display: flex; } .rotation-45 { transform: rotate(45deg); } .rotation-90 { transform: rotate(90deg); } .rotation-135 { transform: rotate(135deg); } .rotation-180 { transform: rotate(180deg); } .rotation-225 { transform: rotate(225deg); } .rotation-270 { transform: rotate(270deg); } .rotation-315 { transform: rotate(315deg); } .opacity-75 { opacity: 0.75; } .opacity-50 { opacity: 0.5; } .opacity-25 { opacity: 0.25; } .opacity-0 { opacity: 0; } .opacity-90 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-70 { opacity: 0.7; } .opacity-60 { opacity: 0.6; } .opacity-40 { opacity: 0.4; } .opacity-30 { opacity: 0.3; } .opacity-20 { opacity: 0.2; } .opacity-10 { opacity: 0.1; } .fade-horizontal { width: 100%; height: 100%; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); } .fade-vertical { width: 100%; height: 100%; mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); } .fade-left { width: 100%; height: 100%; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); } .fade-right { width: 100%; height: 100%; mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); } .fade-top { width: 100%; height: 100%; mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); } .fade-bottom { width: 100%; height: 100%; mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); } .fade-horizontal-64px { width: 100%; height: 100%; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 4rem, rgb(0, 0, 0) calc(100% - 4rem), rgba(0, 0, 0, 0) 100%); } .fade-vertical-64px { width: 100%; height: 100%; mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 4rem, rgb(0, 0, 0) calc(100% - 4rem), rgba(0, 0, 0, 0) 100%); } .fade-left-64px { width: 100%; height: 100%; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 4rem); } .fade-right-64px { width: 100%; height: 100%; mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 4rem); } .fade-top-64px { width: 100%; height: 100%; mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 4rem); } .fade-bottom-64px { width: 100%; height: 100%; mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 4rem); } .blendmode-darken { mix-blend-mode: darken; } .blendmode-multiply { mix-blend-mode: multiply; } .blendmode-color-burn { mix-blend-mode: color-burn; } .blendmode-lighten { mix-blend-mode: lighten; } .blendmode-screen { mix-blend-mode: screen; } .blendmode-color-dodge { mix-blend-mode: color-dodge; } .blendmode-overlay { mix-blend-mode: overlay; } .blendmode-soft-light { mix-blend-mode: soft-light; } .blendmode-hard-light { mix-blend-mode: hard-light; } .blendmode-difference { mix-blend-mode: difference; } .blendmode-exclusion { mix-blend-mode: exclusion; } .blendmode-hue { mix-blend-mode: hue; } .blendmode-saturation { mix-blend-mode: saturation; } .blendmode-color { mix-blend-mode: color; } .blendmode-luminosity { mix-blend-mode: luminosity; } .heading-xl { font-family: var(--_fonts---fonts--heading); font-size: var(--_headings---heading-xl--font-size); line-height: var(--_headings---heading-xl--line-height); font-weight: var(--_fonts---font-weight--semi-bold); letter-spacing: var(--_headings---heading-xl--letter-spacing); } .heading-l { font-family: var(--_headings---heading-m--font); font-size: var(--_headings---heading-l--font-size); line-height: var(--_headings---heading-l--line-height); font-weight: var(--_headings---heading-l--font-weight); letter-spacing: var(--_headings---heading-l--letter-spacing); } .heading-m { font-family: var(--_headings---heading-m--font); font-size: var(--_headings---heading-m--font-size); line-height: var(--_headings---heading-l--line-height); font-weight: var(--_headings---heading-m--font-weight); letter-spacing: var(--_headings---heading-m--letter-spacing); } .heading-m.text-weight-semibold { font-weight: var(--_fonts---font-weight--semi-bold); } .heading-s { font-family: var(--_headings---heading-s--font); font-size: var(--_headings---heading-s--font-size); line-height: var(--_headings---heading-s--line-height); font-weight: var(--_headings---heading-s--font-weight); letter-spacing: var(--_headings---heading-s--letter-spacing); } .heading-xs { font-family: var(--_headings---heading-xs--font); font-size: var(--_headings---heading-xs--font-size); line-height: var(--_headings---heading-xs--line-height); font-weight: var(--_headings---heading-xs--font-weight); letter-spacing: var(--_headings---heading-xs--letter-spacing); } .heading-style-24px { font-size: 1.5em; line-height: 1.2; } .paragraph-xl { font-family: var(--_paragraphs---paragraph-xl--font); font-size: var(--_paragraphs---paragraph-xl--font-size); line-height: var(--_paragraphs---paragraph-xl--line-height); font-weight: var(--_paragraphs---paragraph-xl--font-weight); letter-spacing: var(--_paragraphs---paragraph-xl--letter-spacing); } .paragraph-l { font-family: var(--_paragraphs---paragraph-l--font); font-size: var(--_paragraphs---paragraph-l--font-size); line-height: var(--_paragraphs---paragraph-l--line-height); font-weight: var(--_paragraphs---paragraph-l--font-weight); letter-spacing: var(--_paragraphs---paragraph-l--letter-spacing); } .paragraph-m { font-family: var(--_paragraphs---paragraph-m--font); font-size: var(--_paragraphs---paragraph-m--font-size); line-height: var(--_paragraphs---paragraph-m--line-height); font-weight: var(--_paragraphs---paragraph-regular--font-weight); letter-spacing: var(--_paragraphs---paragraph-m--letter-spacing); } .paragraph-m.text-weight-semibold { font-weight: var(--_paragraphs---paragraph-m--font-weight); } .paragraph-regular { font-family: var(--_paragraphs---paragraph-regular--font); font-size: var(--_paragraphs---paragraph-regular--font-size); line-height: var(--_paragraphs---paragraph-regular--line-height); font-weight: var(--_paragraphs---paragraph-regular--font-weight); letter-spacing: var(--_paragraphs---paragraph-regular--letter-spacing); } .paragraph-regular.text-weight-bold { font-weight: var(--_fonts---font-weight--bold); } .paragraph-regular.text-weight-semibold { font-weight: var(--_paragraphs---paragraph-l--font-weight); } .paragraph-s { font-family: var(--_paragraphs---paragraph-s--font); font-size: var(--_paragraphs---paragraph-s--font-size); line-height: var(--_paragraphs---paragraph-s--line-height); font-weight: var(--_paragraphs---paragraph-s--font-weight); letter-spacing: var(--_paragraphs---paragraph-s--letter-spacing); } .paragraph-xs { font-family: var(--_headings---heading-xs--font); font-size: var(--_paragraphs---paragraph-xs--font-size); line-height: var(--_headings---heading-xs--line-height); font-weight: var(--_paragraphs---paragraph-xs--font-weight); letter-spacing: var(--_headings---heading-xs--letter-spacing); } .paragraph-xxs { font-family: var(--_paragraphs---paragraph-xxs--font); font-size: var(--_paragraphs---paragraph-xxs--font-size); line-height: var(--_paragraphs---paragraph-xxs--line-height); font-weight: var(--_paragraphs---paragraph-xxs--font-weight); letter-spacing: var(--_paragraphs---paragraph-xxs--letter-spacing); } .button-bg { background-color: var(--_colors---brand-colors--red); justify-content: center; align-items: center; width: 100%; height: 100%; padding-bottom: 0px; padding-right: 0px; display: flex; position: absolute; } .section-padding-320px { padding-top: var(--_sizes---size--320px); padding-bottom: var(--_sizes---size--320px); } .bp-card_img { border-radius: calc(var(--card--radius-desktop)*.5); width: 100%; position: relative; overflow: hidden; } .user-select-none { user-select: none; } .grid-column-03 { column-gap: var(--_layout---grid--gap); row-gap: var(--_layout---grid--gap); grid-template-rows: auto; grid-template-columns: repeat(3, minmax(0px, 1fr)); } .grid-column-04 { column-gap: var(--_layout---grid--gap); row-gap: var(--_layout---grid--gap); grid-template-rows: auto; grid-template-columns: repeat(4, minmax(0px, 1fr)); } .grid-column-02 { column-gap: var(--_layout---grid--gap); row-gap: var(--_layout---grid--gap); grid-template-rows: auto; grid-template-columns: repeat(2, minmax(0px, 1fr)); } .button-group { z-index: 10; gap: 0.5em; pointer-events: auto; flex-flow: wrap; justify-content: center; align-items: center; display: flex; position: relative; } .bg-color-black { background-color: var(--_colors---swatch--black); } .bg-color-grey { background-color: var(--_colors---swatch--grey); } .bg-color-white { background-color: var(--_colors---swatch--white); } .bg-color-blue { background-color: var(--_colors---brand-colors--blue); } .text-color-black { color: var(--_colors---swatch--black); } .text-color-grey { color: var(--_colors---swatch--grey); } .text-color-white { color: var(--_colors---swatch--white); } .text-color-blue { color: var(--_colors---brand-colors--blue); } .bp-layout { column-gap: var(--_layout---grid--gap); row-gap: var(--_layout---grid--gap); grid-template-rows: auto; grid-template-columns: 1fr 2fr; align-items: start; } .bp-layout.is-vertical { grid-template-columns: 1fr; } .bp-header { position: sticky; top: 5rem; } .bp-button { height: var(--element-button--height\<deleted\|variable-d0d4f496-fb53-f8c5-27d6-19ba5c3f0b43\>); border-radius: var(--element-button--radius-desktop\<deleted\|variable-f8d99249-c057-b20e-d4ea-c9ff0273add7\>); background-color: var(--swatch--eerie-black\<deleted\|variable-96a5984c-58ac-dea9-ceed-345ea1a68be0\>); color: var(--swatch--anti-flash-white\<deleted\|variable-2b55c37a-a697-95d1-de06-5cd18e98aa75\>); justify-content: center; align-items: center; padding-left: 1rem; padding-right: 1rem; display: flex; } .bp-card { background-color: var(--_theme---background); color: var(--_theme---body-text); border-style: solid; border-width: 1px; border-radius: 1.5em; position: relative; overflow: hidden; } .bp-card.is-transparent-bg { border-color: var(--color-mode-default--background-transparent\<deleted\|variable-8a828534-93a1-419c-aaf6-274fb4d2cc93\>); background-color: var(--color-mode-default--background-transparent\<deleted\|variable-8a828534-93a1-419c-aaf6-274fb4d2cc93\>); } .bp-card.is-outline { background-color: var(--color-mode-default--background-transparent\<deleted\|variable-8a828534-93a1-419c-aaf6-274fb4d2cc93\>); } .bp-card.is-fill-outline { border-color: var(--color-mode-default--button-outline\<deleted\|variable-7e835c89-7b86-8033-7fa0-f32c43db959e\>); } .bp-card_content { gap: 2em; flex-flow: column; justify-content: center; align-items: stretch; height: 100%; padding: 2em; display: flex; position: relative; } .bp-card_content.is-typography { gap: 0rem; border-bottom: .0625rem solid var(--color-mode-default--bp-card-bg\<deleted\|variable-4ed1ea21-6547-af99-3c69-f02950a385c2\>); padding-top: 0px; padding-left: 0px; padding-right: 0px; } .bp-card_content.is-absolute { position: absolute; bottom: 0%; left: 0%; right: 0%; } .bp-specs_item-title { min-width: 2rem; } .bp-specs_wrap { justify-content: space-between; display: flex; } .bp-class_group { column-gap: var(--blueprint--gap); row-gap: var(--blueprint--gap); flex-flow: column; margin-top: auto; display: flex; position: relative; } .bp-label { height: var(--blueprint--label-height); background-color: var(--_colors---swatch--black); color: var(--_colors---swatch--white); font-size: var(--blueprint--label-text-size); letter-spacing: 0.15em; text-transform: lowercase; white-space: nowrap; flex-flow: column; justify-content: center; align-items: center; padding-left: 1.5rem; padding-right: 1.5rem; display: flex; } .bp-grid-column-03 { column-gap: var(--blueprint--gap); row-gap: var(--blueprint--gap); grid-template-rows: auto; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-auto-columns: 1fr; display: grid; } .bp-label_content { justify-content: center; align-items: center; display: flex; } .divider { height: var(--element-border--regular\<deleted\|variable-8015d590-9b6a-d5c6-03d9-d0ec4248d695\>); background-color: var(--color-mode-default--bp-card-bg\<deleted\|variable-4ed1ea21-6547-af99-3c69-f02950a385c2\>); position: absolute; bottom: 0%; left: 0%; right: 0%; } .bp-grid-column-01 { column-gap: var(--blueprint--gap); row-gap: var(--blueprint--gap); grid-template-rows: auto; grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-auto-columns: 1fr; display: grid; } .bp-grid-column-04 { column-gap: var(--blueprint--gap); row-gap: var(--blueprint--gap); grid-template-rows: auto; grid-template-columns: repeat(4, minmax(0px, 1fr)); } .bp-grid-column-02 { column-gap: var(--blueprint--gap); row-gap: var(--blueprint--gap); grid-template-rows: auto; grid-template-columns: repeat(2, minmax(0px, 1fr)); } .bp-card_content-bottom { gap: 3em; flex-flow: column; margin-top: auto; display: flex; } .form_radio { font-size: var(--element-field--text-size\<deleted\|variable-bb6b4bc2-df1d-cb98-174b-12f265efaa7b\>); flex-direction: row; align-items: center; margin-bottom: 0px; padding-left: 0px; display: flex; } .form_checkbox { font-size: var(--text-size--regular\<deleted\|variable-ab42a22f-2f14-5509-9418-fb33eaa20dd5\>); flex-direction: row; align-items: center; margin-bottom: 0px; padding-left: 0px; display: flex; } .form_form { row-gap: 1.5rem; flex-direction: column; display: flex; } .form_message-success { text-align: left; background-color: rgba(0, 0, 0, 0); padding: 0px; } .form_radio-icon { width: var(--element-field--checkmarks\<deleted\|variable-c789989a-753e-68f7-2ece-c4da18b2a223\>); height: var(--element-field--checkmarks\<deleted\|variable-c789989a-753e-68f7-2ece-c4da18b2a223\>); border-width: 0.0625rem; border-color: rgb(84, 84, 84); margin-top: 0px; margin-left: 0px; margin-right: 0.5rem; } .form_radio-icon.w--redirected-checked { background-color: rgb(45, 64, 234); border-width: 0.0625rem; border-color: rgb(45, 64, 234); width: 0.875rem; height: 0.875rem; } .form_radio-icon.w--redirected-focus { border-width: 0.0625rem; border-color: rgb(45, 64, 234); width: 0.875rem; height: 0.875rem; box-shadow: rgb(45, 64, 234) 0px 0px 0.25rem 0px; } .select { height: var(--element-button--height\<deleted\|variable-d0d4f496-fb53-f8c5-27d6-19ba5c3f0b43\>); border: var(--element-border--regular\<deleted\|variable-8015d590-9b6a-d5c6-03d9-d0ec4248d695\>)solid var(--color-mode-default--button-outline\<deleted\|variable-7e835c89-7b86-8033-7fa0-f32c43db959e\>); border-radius: var(--element-button--radius-desktop\<deleted\|variable-f8d99249-c057-b20e-d4ea-c9ff0273add7\>); font-size: var(--element-field--text-size\<deleted\|variable-bb6b4bc2-df1d-cb98-174b-12f265efaa7b\>); cursor: pointer; background-color: rgba(0, 0, 0, 0); margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; display: block; position: relative; overflow: clip; } .select.is-dropdown { height: auto; padding-left: 0px; } .form_message-error { margin-top: 0.75rem; padding: 0.75rem; } .form-element_label { font-size: var(--element-field--label-text-size\<deleted\|variable-1935e2cc-7076-60f9-b096-049805c979b3\>); margin-bottom: 0.25rem; } .form_checkbox-icon { width: var(--element-field--checkmarks\<deleted\|variable-c789989a-753e-68f7-2ece-c4da18b2a223\>); height: var(--element-field--checkmarks\<deleted\|variable-c789989a-753e-68f7-2ece-c4da18b2a223\>); border-width: 0.0625rem; border-color: rgb(84, 84, 84); border-radius: 0.125rem; margin: 0px 0.5rem 0px 0px; } .form_checkbox-icon.w--redirected-checked { background-color: rgb(45, 64, 234); background-size: 90%; border-width: 0.0625rem; border-color: rgb(45, 64, 234); border-radius: 0.125rem; width: 0.875rem; height: 0.875rem; margin: 0px 8rem 0px 0px; } .form_checkbox-icon.w--redirected-focus { box-shadow: none; border-width: 0.0625rem; border-color: rgb(45, 64, 234); border-radius: 0.125rem; width: 0.875rem; height: 0.875rem; margin: 0px 8rem 0px 0px; } .form_component { margin-bottom: 0px; } .bp-rotation_element { background-color: var(--color-mode-default--body-text\<deleted\|variable-cb61a870-d154-a6fe-c8a0-f25e0e5af2eb\>); border-radius: 100%; justify-content: center; align-self: center; align-items: center; width: 8rem; min-width: 8rem; height: 8rem; min-height: 8rem; display: flex; position: relative; } .bp-rotation_core { background-color: var(--color-mode-default--bp-card-bg\<deleted\|variable-4ed1ea21-6547-af99-3c69-f02950a385c2\>); border-radius: 100%; width: 3rem; min-width: 3rem; height: 3rem; min-height: 3rem; } .bp-rotation_pointer { background-color: var(--color-mode-default--bp-card-bg\<deleted\|variable-4ed1ea21-6547-af99-3c69-f02950a385c2\>); border-radius: 100%; justify-content: center; align-items: flex-start; width: 1rem; min-width: 1rem; height: 1rem; min-height: 1rem; display: flex; position: absolute; top: 0.75rem; } .bp-rotation { justify-content: center; align-items: center; display: flex; } .bp-size_wrap { flex-flow: column; justify-content: flex-end; align-items: stretch; height: 100%; display: flex; position: absolute; inset: 0%; } .bp-size_wrap.is-width { flex-flow: row; justify-content: flex-start; align-items: stretch; } .bp-size_content { width: 100%; height: 100%; position: relative; } .bp-card_bg { position: absolute; inset: 0%; } .lottie { color: var(--color-mode-default--heading\<deleted\|variable-63623ff2-f93a-6dbc-537d-501639045b22\>); width: 100%; height: 100%; } .custom-heading_item { margin-right: 0.1em; display: inline-flex; position: relative; } .custom-heading_underline { width: 85%; height: 4rem; position: absolute; bottom: -3.6rem; left: 0%; } .bp-label_group { flex-flow: column; display: flex; } .radius_card-content { border-radius: calc(var(--element-card--radius-desktop)*.25); width: 100%; position: relative; overflow: hidden; } .fade-radial { width: 100%; height: 100%; mask-image: radial-gradient(circle, rgba(0, 0, 0, 0) 25%, rgb(0, 0, 0) 100%); } .fade-vignette { width: 100%; height: 100%; mask-image: radial-gradient(circle, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); } .fade-radial-64px { width: 100%; height: 100%; mask-image: radial-gradient(circle, rgba(0, 0, 0, 0) calc(100% - 4rem), rgb(0, 0, 0) 100%); } .fade-vignette-64px { width: 100%; height: 100%; mask-image: radial-gradient(circle, rgb(0, 0, 0) calc(100% - 4rem), rgba(0, 0, 0, 0) 100%); } .form-element_wrap { gap: 0.25rem; flex-flow: column; display: flex; position: relative; } .select-content_field { margin-bottom: 0px; display: none; } .select-toggle { height: var(--element-button--height\<deleted\|variable-d0d4f496-fb53-f8c5-27d6-19ba5c3f0b43\>); padding: 0px 0px 0px var(--element-button--gap\<deleted\|variable-0282ece1-564b-3134-a176-8a733f25aca8\>); background-color: var(--color-mode-default--background-transparent\<deleted\|variable-8a828534-93a1-419c-aaf6-274fb4d2cc93\>); border: 1px rgb(0, 0, 0); justify-content: space-between; align-items: center; display: flex; } .search-cms_empty { display: none; } .select-content_item { height: var(--element-button--height\<deleted\|variable-d0d4f496-fb53-f8c5-27d6-19ba5c3f0b43\>); padding-right: var(--element-button--gap\<deleted\|variable-0282ece1-564b-3134-a176-8a733f25aca8\>); padding-left: var(--element-button--gap\<deleted\|variable-0282ece1-564b-3134-a176-8a733f25aca8\>); background-color: var(--color-mode-default--background-transparent\<deleted\|variable-8a828534-93a1-419c-aaf6-274fb4d2cc93\>); justify-content: space-between; align-items: center; text-decoration: none; transition: 0.3s cubic-bezier(0.509, 0.188, 0.041, 0.989); display: flex; position: relative; } .select-content_item:hover { color: rgb(22, 22, 24); background-color: color-mix(in srgb, var(--color-mode-default--body-text), transparent 60%); padding-left: 1.5rem; } .select-content_item.is-clear { background-color: var(--color-mode-default--body-text\<deleted\|variable-cb61a870-d154-a6fe-c8a0-f25e0e5af2eb\>); color: var(--color-mode-default--background\<deleted\|variable-c0c89dc0-00da-9374-de7c-29979972e8ac\>); padding-right: 0px; } .select-content_item.is-clear:hover { color: var(--color-mode-default--active-state\<deleted\|variable-43f921cb-bd7a-3666-9ac5-0f1d734b1a8f\>); } .select-content { background-color: rgba(198, 198, 198, 0.15); display: block; position: relative; overflow: hidden; } .select-content.w--open { background-color: color-mix(in srgb, var(--color-mode-default--body-text), transparent 85%); } .form-element_icon { width: var(--element-button--height\<deleted\|variable-d0d4f496-fb53-f8c5-27d6-19ba5c3f0b43\>); height: var(--element-button--height\<deleted\|variable-d0d4f496-fb53-f8c5-27d6-19ba5c3f0b43\>); pointer-events: none; justify-content: center; align-items: center; display: flex; position: relative; } .filter-reset { height: var(--element-button--height\<deleted\|variable-d0d4f496-fb53-f8c5-27d6-19ba5c3f0b43\>); padding-left: var(--element-button--gap\<deleted\|variable-0282ece1-564b-3134-a176-8a733f25aca8\>); border-style: solid; border-width: 0.0625rem; border-top-color: var(--color-mode-default--button-bg\<deleted\|variable-09c6d403-c69d-6535-5389-2450cdc1de75\>); border-right-color: var(--color-mode-default--button-bg\<deleted\|variable-09c6d403-c69d-6535-5389-2450cdc1de75\>); border-bottom-color: var(--color-mode-default--button-bg\<deleted\|variable-09c6d403-c69d-6535-5389-2450cdc1de75\>); border-left-color: var(--color-mode-default--button-bg\<deleted\|variable-09c6d403-c69d-6535-5389-2450cdc1de75\>); border-top-left-radius: var(--element-button--radius-desktop\<deleted\|variable-f8d99249-c057-b20e-d4ea-c9ff0273add7\>); border-top-right-radius: var(--element-button--radius-desktop\<deleted\|variable-f8d99249-c057-b20e-d4ea-c9ff0273add7\>); border-bottom-left-radius: var(--element-button--radius-desktop\<deleted\|variable-f8d99249-c057-b20e-d4ea-c9ff0273add7\>); border-bottom-right-radius: var(--element-button--radius-desktop\<deleted\|variable-f8d99249-c057-b20e-d4ea-c9ff0273add7\>); font-size: var(--element-field--text-size\<deleted\|variable-bb6b4bc2-df1d-cb98-174b-12f265efaa7b\>); flex-direction: row; justify-content: space-between; align-items: center; line-height: 1; text-decoration: none; transition-property: border-color, color; transition-duration: 0.3s, 0.3s; transition-timing-function: cubic-bezier(0.509, 0.188, 0.041, 0.989), cubic-bezier(0.509, 0.188, 0.041, 0.989); display: flex; position: relative; overflow: clip; } .filter-reset:hover { border-color: var(--color-mode-default--body-text\<deleted\|variable-cb61a870-d154-a6fe-c8a0-f25e0e5af2eb\>); color: var(--color-mode-default--active-state\<deleted\|variable-43f921cb-bd7a-3666-9ac5-0f1d734b1a8f\>); } .filter-reset:focus-visible, .filter-reset[data-wf-focus-visible] { outline-offset: 4px; outline: rgb(155, 155, 155) solid 2px; } .bp-card_grid-tiles { pointer-events: none; mix-blend-mode: overlay; background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/6848603da8e6ac95794b74af_grid-tile.svg"); background-position: 50% center; background-repeat: repeat; background-size: 128px; position: absolute; inset: 0%; mask-image: radial-gradient(circle, rgb(0, 0, 0) 5%, rgba(0, 0, 0, 0) 100%); } .section-padding-256px { padding-top: var(--_sizes---size--256px); padding-bottom: var(--_sizes---size--256px); } .bp-section_hero { position: relative; } .bp-hero_specs { gap: 0.25rem; flex-flow: column; justify-content: center; height: 5rem; line-height: 1; display: flex; } .eyebrow-style { font-family: var(--typography--eyebrow-style\<deleted\|variable-be8b669d-5c5b-2309-f3c7-39288f8f5c10\>); color: var(--color-mode-default--heading\<deleted\|variable-63623ff2-f93a-6dbc-537d-501639045b22\>); } .support-style { font-family: var(--typography--support-style\<deleted\|variable-164e4023-cfcf-c88c-30cd-e9cd01bde5ba\>); color: var(--color-mode-default--body-text\<deleted\|variable-cb61a870-d154-a6fe-c8a0-f25e0e5af2eb\>); } .bp-hero_bg { position: absolute; inset: 0%; } .bp-hero_content { flex-flow: column; display: flex; position: relative; } .bp-hero_grid { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .bp-hero_grid.is-04 { grid-template-columns: 1fr 1fr 1fr 1fr; } .form-element_item { padding-top: 0px; padding-right: var(--element-field--padding\<deleted\|variable-04151b8e-2d25-fe18-4d6f-ee1c48ad3804\>); padding-bottom: 0px; padding-left: var(--element-field--padding\<deleted\|variable-04151b8e-2d25-fe18-4d6f-ee1c48ad3804\>); border-style: solid; border-top-width: var(--element-border--regular\<deleted\|variable-8015d590-9b6a-d5c6-03d9-d0ec4248d695\>); border-top-color: var(--color-mode-default--button-outline\<deleted\|variable-7e835c89-7b86-8033-7fa0-f32c43db959e\>); border-right-width: var(--element-border--regular\<deleted\|variable-8015d590-9b6a-d5c6-03d9-d0ec4248d695\>); border-right-color: var(--color-mode-default--button-outline\<deleted\|variable-7e835c89-7b86-8033-7fa0-f32c43db959e\>); border-bottom-width: var(--element-border--regular\<deleted\|variable-8015d590-9b6a-d5c6-03d9-d0ec4248d695\>); border-bottom-color: var(--color-mode-default--button-outline\<deleted\|variable-7e835c89-7b86-8033-7fa0-f32c43db959e\>); border-left-width: var(--element-border--regular\<deleted\|variable-8015d590-9b6a-d5c6-03d9-d0ec4248d695\>); border-left-color: var(--color-mode-default--button-outline\<deleted\|variable-7e835c89-7b86-8033-7fa0-f32c43db959e\>); border-top-left-radius: var(--element-button--radius-desktop\<deleted\|variable-f8d99249-c057-b20e-d4ea-c9ff0273add7\>); border-top-right-radius: var(--element-button--radius-desktop\<deleted\|variable-f8d99249-c057-b20e-d4ea-c9ff0273add7\>); border-bottom-left-radius: var(--element-button--radius-desktop\<deleted\|variable-f8d99249-c057-b20e-d4ea-c9ff0273add7\>); border-bottom-right-radius: var(--element-button--radius-desktop\<deleted\|variable-f8d99249-c057-b20e-d4ea-c9ff0273add7\>); cursor: pointer; color: color-mix(in srgb, var(--color-mode-default--body-text), transparent 60%); background-color: rgba(0, 0, 0, 0); flex-flow: column; justify-content: center; align-items: stretch; width: 100%; height: 100%; margin-bottom: 0px; transition-property: all; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.509, 0.188, 0.041, 0.989); display: flex; position: relative; overflow: clip; } .form-element_item:hover { border-top-color: var(--color-mode-default--heading\<deleted\|variable-63623ff2-f93a-6dbc-537d-501639045b22\>); border-right-color: var(--color-mode-default--heading\<deleted\|variable-63623ff2-f93a-6dbc-537d-501639045b22\>); border-bottom-color: var(--color-mode-default--heading\<deleted\|variable-63623ff2-f93a-6dbc-537d-501639045b22\>); border-left-color: var(--color-mode-default--heading\<deleted\|variable-63623ff2-f93a-6dbc-537d-501639045b22\>); color: color-mix(in srgb, var(--color-mode-default--body-text), transparent 0%); } .form-element_item:focus { border-color: var(--color-mode-default--button-outline\<deleted\|variable-7e835c89-7b86-8033-7fa0-f32c43db959e\>); } .form-element_item.is-input-field { cursor: auto; } .form-element_item.is-text-area { padding-top: var(--element-field--text-area-padding\<deleted\|variable-fef68998-fe96-422c-105c-91c0def0d39f\>); cursor: auto; } .label-group { column-gap: var(--element-label--gap\<deleted\|variable-8142a8e4-aa6a-fab1-8d32-88edc71fc83d\>); row-gap: var(--element-label--gap\<deleted\|variable-8142a8e4-aa6a-fab1-8d32-88edc71fc83d\>); display: flex; } .form-element { height: var(--element-field--height\<deleted\|variable-af4c4744-50fe-ad09-4c4d-09ff8bc415e5\>); font-size: var(--element-field--text-size\<deleted\|variable-bb6b4bc2-df1d-cb98-174b-12f265efaa7b\>); flex-flow: column; justify-content: center; align-items: stretch; margin-bottom: 0px; display: flex; position: relative; } .form-element.is-text-area { min-height: var(--element-field--text-area-height\<deleted\|variable-fe010bcc-7d76-b7d5-6e12-278725850868\>); flex-flow: row; min-width: 100%; max-width: 100%; height: auto; } .icon { color: inherit; height: 100%; } .utility-page-wrap { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; display: flex; } .utility-page-content { text-align: center; flex-direction: column; width: 260px; display: flex; } .utility-page-form { flex-direction: column; align-items: stretch; display: flex; } .nav-scrolltrigger { pointer-events: none; width: 100%; height: calc(100% - 101vh); display: block; position: absolute; top: 101vh; left: 0%; right: 0%; } .icon-button { flex: 0 0 auto; width: 4.5em; height: 4.5em; } .icon-button.w--current { display: none; } .icon-button_element { cursor: pointer; border-radius: 1em; justify-content: center; align-items: center; width: 100%; height: 100%; transition: transform 0.3s cubic-bezier(0.509, 0.188, 0.041, 0.989); display: flex; position: relative; overflow: hidden; } .icon-button_element:hover { transform: scale(0.975); } .icon-button_element.is-outline { border: var(--element-border--regular\<deleted\|variable-8015d590-9b6a-d5c6-03d9-d0ec4248d695\>)solid var(--swatch--eerie-black\<deleted\|variable-96a5984c-58ac-dea9-ceed-345ea1a68be0\>); } .icon-button_element.is-outline:hover { color: var(--color-mode-dark--body-text\<deleted\|variable-c5fff99a-9c05-9a85-8b33-a73a35c2f91c\>); } .icon-btn_bg { transition: transform 0.3s cubic-bezier(0.509, 0.188, 0.041, 0.989); position: absolute; inset: -0.5%; transform: translateY(100%); } .icon-btn_bg.is-vertical { transform: translateY(100%); } .icon-btn_bg.is-skew { transform: translate(100%, -100%); } .icon-btn_bg.is-horizontal { transform: translate(100%); } .icon-btn_bg-fill { background-color: var(--_colors---swatch--black); border-radius: 0.5em; width: 100%; height: 100%; } .icon-btn_content { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .icon-btn_track { justify-content: flex-start; align-items: center; width: 100%; height: 100%; transition: 0.3s cubic-bezier(0.509, 0.188, 0.041, 0.989); display: flex; transform: translate(-100%); } .icon-btn_track.is-vertical { flex-flow: column; transform: translateY(-100%); } .icon-btn_track.is-vertical:hover { transform: translate(0%); } .icon-btn_track.is-horizontal:hover { transform: translate(0%); } .icon-btn_track.is-skew { flex-flow: column; transform: translate(0%); } .icon-btn_track.is-skew:hover { transform: translate(100%, -100%); } .icon-btn_item { flex: 0 0 auto; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .icon-btn_item.is-skew { transform: translate(-100%); } .localization { pointer-events: auto; font-size: 1.25rem; } .rich-text-large h5 { margin-top: 0px; margin-bottom: 1.25rem; font-size: 2rem; line-height: 1.2; } .rich-text-large h1 { margin-top: 0px; margin-bottom: 1.5rem; font-size: 6rem; line-height: 1.2; } .rich-text-large blockquote { font-size: var(--_paragraphs---paragraph-m--font-size); line-height: var(--_paragraphs---paragraph-regular--line-height); letter-spacing: var(--_paragraphs---paragraph-l--letter-spacing); margin-bottom: 1.5rem; } .rich-text-large h3 { margin-top: 0px; margin-bottom: 1.25rem; font-size: 2.5rem; line-height: 1.2; } .rich-text-large ul { font-family: var(--_paragraphs---paragraph-l--font); font-size: var(--_paragraphs---paragraph-l--font-size); letter-spacing: var(--_headings---heading-l--letter-spacing); margin-bottom: 1.5rem; } .rich-text-large p { font-family: var(--_headings---heading-l--font); font-size: var(--_paragraphs---paragraph-l--font-size); line-height: var(--_paragraphs---paragraph-l--line-height); font-weight: var(--_paragraphs---paragraph-l--font-weight); letter-spacing: var(--_paragraphs---paragraph-l--letter-spacing); margin-bottom: 1.5rem; } .rich-text-large h2 { margin-top: 0px; margin-bottom: 1.5rem; font-size: 5rem; line-height: 1.2; } .rich-text-large h4 { margin-top: 0px; margin-bottom: 1.25rem; font-size: 3rem; line-height: 1.2; } .rich-text-large h6 { margin-top: 0px; margin-bottom: 1.25rem; font-size: 1.5rem; line-height: 1.2; } .rich-text-large img { object-fit: cover; } .rich-text-large figure { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .rich-text-large ol { font-size: var(--_paragraphs---paragraph-l--font-size); letter-spacing: var(--_headings---heading-l--letter-spacing); margin-bottom: 1.5rem; } .divider-wrap { width: 100%; position: relative; } .max-width-30ch { width: 100%; max-width: 30ch; } .max-width-35ch { width: 100%; max-width: 35ch; } .max-width-40ch { width: 100%; max-width: 40ch; } .max-width-45ch { width: 100%; max-width: 45ch; } .max-width-50ch { width: 100%; max-width: 50ch; } .max-width-55ch { width: 100%; max-width: 55ch; } .max-width-60ch { width: 100%; max-width: 60ch; } .text-size-regular { font-size: var(--_paragraphs---paragraph-regular--font-size); } .heading-xxl { font-family: var(--_headings---heading-xxl--font); font-size: var(--_headings---heading-xxl--font-size); line-height: var(--_headings---heading-xxl--line-height); font-weight: var(--_headings---heading-xxl--font-weight); letter-spacing: var(--_headings---heading-xxl--letter-spacing); } .theme-white { background-color: var(--_theme---background); color: var(--_theme---body-text); --_theme---background: var(--_colors---swatch--white); --_theme---body-text: var(--_colors---swatch--black); --_theme---button-text: var(--_colors---swatch--off-white); --_theme---button-bg: var(--_colors---brand-colors--red); --_theme---button-icon-bg: var(--_colors---swatch--white); --_theme---button-icon: var(--_colors---swatch--black); --_theme---label-bg: var(--_colors---swatch--taupe); --_theme---accent-2: var(--_colors---swatch--taupe); --_theme---card-outline: var(--_colors---brand-colors--red); --_theme---accent-1: var(--_colors---swatch--creme); --_theme---heading: var(--_colors---swatch--black); --_theme---border: var(--_colors---swatch--grey); --_theme---cursor-select-bg: var(--_colors---swatch--black); --_theme---cursor-select-text: var(--_colors---swatch--white); --_theme---button-outline: var(--_colors---swatch--black); } .theme-blue { background-color: var(--_theme---background); color: var(--_theme---body-text); --_theme---background: var(--_colors---brand-colors--blue); --_theme---body-text: var(--_colors---swatch--black); --_theme---button-text: var(--_colors---swatch--black); --_theme---button-bg: var(--_colors---swatch--white); --_theme---button-icon-bg: var(--_colors---swatch--black); --_theme---button-icon: var(--_colors---swatch--white); --_theme---label-bg: white; --_theme---accent-2: var(--_colors---brand-colors--blue-500); --_theme---card-outline: white; --_theme---accent-1: var(--_colors---brand-colors--blue-400); --_theme---heading: var(--_colors---swatch--black); --_theme---border: var(--_colors---swatch--black); --_theme---cursor-select-bg: var(--_colors---swatch--black); --_theme---cursor-select-text: var(--_colors---swatch--white); --_theme---button-outline: var(--_colors---swatch--black); } .populair-item_img-wrap { width: 100%; position: absolute; overflow: hidden; } .image-mask { z-index: 2; width: 100%; height: 100%; position: absolute; inset: 0%; overflow: hidden; } .swiper-wrapper { display: flex; } .swiper-slide_img { aspect-ratio: 1 / 1; background-color: rgb(228, 228, 228); justify-content: center; align-items: center; width: 100%; display: flex; position: relative; overflow: hidden; } .swiper { width: 100%; } .swiper-component { width: 100%; position: relative; } .swiper-component.swiper-populair { gap: 2em; flex-flow: column; } .swiper-class-button { color: rgb(33, 34, 32); cursor: pointer; background-color: rgba(0, 0, 0, 0); background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/6848603da8e6ac95794b74b2_swiper-arrow.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: 35%; border: 2px solid rgb(33, 34, 32); border-radius: 100vw; justify-content: center; align-items: center; width: 3.5em; height: 3.5em; margin-top: 2em; margin-bottom: -5em; margin-right: 1em; transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); display: flex; position: absolute; bottom: -1em; right: 0px; } .swiper-class-button:hover { background-position: 65% center; } .swiper-class-button.is-prev { right: 4em; transform: rotate(180deg); } .image-current { z-index: 1; object-fit: cover; width: 100%; max-width: none; height: 100%; position: absolute; inset: 0%; } .swiper-slide_caption { flex-flow: column; display: flex; } .swiper-slide_link { gap: 1em; flex-flow: column; width: 100%; display: flex; } .image-hover { z-index: 0; object-fit: cover; width: 100%; max-width: none; height: 100%; position: absolute; inset: 0%; } .swiper-slide { flex: 0 0 auto; width: 33.33%; } .bg-color-red { background-color: var(--_colors---brand-colors--red); } .text-color-red { color: var(--_colors---brand-colors--red); } .bg-color-green { background-color: var(--_colors---brand-colors--green); } .text-color-green { color: var(--_colors---brand-colors--green); } .bg-color-pink { background-color: var(--_colors---brand-colors--pink); } .text-color-pink { color: var(--_colors---brand-colors--pink); } .bg-color-creme { background-color: var(--_colors---swatch--creme); } .text-color-creme { color: var(--_colors---swatch--creme); } .text-color-off-white { color: var(--_colors---swatch--off-white); } .bg-color-off-white { background-color: var(--_colors---swatch--off-white); } .bg-color-taupe { background-color: var(--_colors---swatch--taupe); } .text-color-taupe { color: var(--_colors---swatch--taupe); } .button-container { z-index: 1; justify-content: center; align-items: center; display: flex; position: relative; } .button-icon { justify-content: center; align-items: center; padding-bottom: 0px; padding-right: 0px; display: flex; } .button-icon.is-first { opacity: 0; position: absolute; left: -3em; } .button-text { font-weight: 600; display: block; } .button-devider { background-color: var(--_theme---button-text); width: 0.0625em; height: 1.25em; margin-left: 0.875em; margin-right: 0.875em; } .hero { padding-top: 12em; padding-bottom: 4em; } .hero.is-coming-soon { justify-content: space-between; align-items: flex-end; height: 100vh; padding-top: 0px; padding-bottom: 4.25em; display: flex; } .hero.is-work { justify-content: flex-end; align-items: center; display: flex; } .hero.is-case { align-items: flex-end; width: 100%; height: calc(-10em + 100vh); margin-top: 7.5em; padding-bottom: 2.5em; padding-left: 2.5em; padding-right: 2.5em; display: flex; position: relative; } .hero.is-bts { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding-bottom: 2.5em; padding-left: 2.5em; padding-right: 2.5em; display: flex; position: relative; } .grid-col-12 { flex: 1 1 0%; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .grid-col-12.is-about-hero { grid-template-rows: auto auto; height: 100%; } .hero-logo { width: 58.75em; margin-bottom: 3em; } .sticker { width: 15em; } .hero-svg { z-index: -1; opacity: 0.07; position: absolute; top: 5em; } .hero-nav { border-bottom: 0.0625em solid rgba(22, 22, 22, 0.2); height: 4em; position: absolute; inset: 0% 0% auto; } .marquee-css { width: 100%; display: flex; position: relative; overflow: hidden; } .marquee-css.is-top-bar { background-color: var(--_colors---brand-colors--pink-200); color: var(--_colors---swatch--black); height: 100%; } .marquee-css__list { gap: 1.5rem; flex: 0 0 auto; align-items: center; display: flex; position: relative; } .marquee-css__list.is-top-bar { gap: 0rem; } .marquee-css__item { letter-spacing: -0.02em; font-weight: 600; font-size: var(--size-font); flex: 0 1 0%; align-items: center; padding-right: 1em; display: flex; } .button-default { z-index: 1; color: var(--_theme---button-text); letter-spacing: -0.02em; user-select: none; place-content: center; align-items: center; font-size: 1.25em; font-weight: 600; line-height: 1; display: flex; position: relative; transform: none; } .button-default.is-outline { color: var(--_colors---swatch--black); } .button-default.is-icon { color: var(--_theme---body-text); } .button-default.is-form { justify-content: flex-start; align-items: center; } .button-default.is-nav { color: var(--_colors---swatch--black); justify-content: flex-start; align-items: center; } .button-default.is-pink { color: var(--_colors---swatch--black); } .button-default__text { white-space: nowrap; margin-left: 0.25em; margin-right: 0.5em; display: block; } .button-default__text.is-back { margin-left: 0.5em; margin-right: 0.25em; } .button-default__background { z-index: -1; background-color: white; border-radius: 1.25rem; place-self: center; width: calc(100% - 0.5em); height: 100%; padding-bottom: 0px; padding-right: 0px; position: absolute; } .button-default__background.is-outline { border: 1px solid var(--_colors---swatch--black); background-color: white; } .button-default__background.is-button-icon { border-style: solid; border-width: 1px; border-top-color: var(--_theme---body-text); border-right-color: var(--_theme---body-text); border-bottom-color: var(--_theme---body-text); border-left-color: var(--_theme---body-text); background-color: rgba(0, 0, 0, 0); width: calc(100% - 0.5em); } .button-default__background.is-button-icon.is-arrow { width: 100%; } .button-default__background.is-button-icon.is-white { background-color: var(--_colors---swatch--white); border-style: none; width: 100%; } .button-default__background.is-nav, .button-default__background.is-nav-mobile, .button-default__background.is-pink { background-color: var(--_colors---brand-colors--pink); } .hero-sticker { position: absolute; top: 16em; right: 5em; } .button-default__icon { background-color: var(--_colors---swatch--off-white); color: var(--_colors---brand-colors--red); border-radius: 0.625em; flex: 0 0 auto; justify-content: center; align-items: center; width: 2.25em; height: 2.25em; display: flex; position: relative; } .button-default__icon.is-button-icon { width: 1em; height: 1em; margin-left: 0px; } .button-default__icon.is-black { background-color: var(--_colors---swatch--black); color: var(--_theme---background); } .button-default__icon.is-default { background-color: var(--_theme---button-icon-bg); color: var(--_theme---button-icon); } .paragraph-xxl { font-family: var(--_paragraphs---paragraph-xl--font); font-size: var(--_headings---heading-s--font-size); line-height: var(--_paragraphs---paragraph-xl--line-height); font-weight: var(--_fonts---font-weight--semi-bold); letter-spacing: -0.05em; } .paragraph-xxl.is-testimonial { text-indent: 1.5em; } .button-default__inner { justify-content: center; align-items: center; height: 2.75em; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1em; display: flex; position: relative; } .button-default__inner.is-icon { flex-flow: column; flex: 0 0 auto; justify-content: flex-end; align-items: center; width: 2.75em; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .container.is-clients-marquee { display: flex; } .container.is-mwg_effect025 { justify-content: space-between; width: 100%; padding: 4em; display: flex; } .section-divider { background-color: var(--_theme---body-text); opacity: 0.2; width: 100%; height: 0.0625rem; } .card { aspect-ratio: 1 / 1; width: 20vw; } .client-card { background-color: white; border: 0.0625em solid rgba(22, 22, 22, 0.35); border-radius: 1em; width: 100%; height: 100%; position: relative; } .section_footer { pointer-events: none; position: relative; } .cs-footer { flex-flow: column; justify-content: flex-end; align-items: stretch; height: 100vh; display: flex; } .cs-footer-cta { gap: 3em; text-align: center; flex-flow: column; justify-content: center; align-items: center; height: 100%; display: flex; } .cs-footer-bottom { z-index: 10; justify-content: space-between; align-items: flex-end; padding-left: 2em; padding-right: 2em; display: flex; position: absolute; inset: auto 0% 0%; } .hero-title { gap: 2em; flex-flow: column; max-width: 70%; display: flex; } .hero-title.is-work { justify-content: flex-start; align-items: flex-end; max-width: 54em; } .intro-text { justify-content: flex-start; align-items: center; width: 70%; display: flex; } .cs-footer-info-wrapper { justify-content: flex-end; align-items: flex-end; padding-bottom: 1.5em; padding-right: 2em; display: flex; position: absolute; inset: auto 0% 0%; } .footer-info { gap: 6em; justify-content: flex-end; align-items: flex-end; height: 100%; padding-right: 4em; display: flex; } .footer-col { pointer-events: auto; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .footer-col.is-socials { gap: 1em; flex-flow: row; justify-content: flex-start; align-items: center; } .footer-link { letter-spacing: -0.01em; flex-flow: column; justify-content: flex-start; align-items: flex-start; font-size: 1em; font-weight: 500; transition: color 0.2s; } .footer-link:hover { color: var(--_colors---brand-colors--red); } .footer-label { margin-bottom: 0.25em; } .social-icon { background-color: var(--_colors---swatch--off-white); border-radius: 100%; justify-content: center; align-items: center; width: 3em; height: 3em; transition: transform 0.2s cubic-bezier(0.34, 1.37, 0.64, 1); display: flex; } .social-icon:hover { transform: scale(1.15); } .social-icon-group { gap: 0.5em; display: flex; } .footer-bg { width: 100%; position: absolute; inset: auto 0% 0%; } .footer-logo { padding-bottom: 0.6em; padding-left: 0.8em; position: absolute; inset: auto auto 0% 0%; } .footer-bg-wrap { margin-bottom: -0.5em; position: relative; } .hero-scroll-down { gap: 0.5em; flex-flow: wrap; justify-content: center; align-items: center; display: flex; } .hero-cs_sticky { justify-content: flex-end; align-items: flex-end; height: 100vh; padding-bottom: 4.25em; padding-right: 1.5em; position: sticky; top: 0px; } .hero-cs_wrapper { flex-flow: column; display: flex; } .hero-cs_container { flex-flow: row; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; position: relative; } .button-default__icon-wrap { flex: 0 0 auto; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .button-default__icons { flex-flow: column; justify-content: flex-end; align-items: center; width: 100%; height: 100%; display: flex; overflow: hidden; } .marquee-css__text { white-space: pre; } .cs-footer-info_bg { display: none; } .footer-logo_svg { height: 9em; } .show-mobile, .footer-mobile-logo { display: none; } .hero-cs_content { flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; display: flex; } .hero-mobile-button { display: none; } .footer-sticker { position: absolute; inset: -7.5em 8em auto auto; transform: scale(0.6); } .radiocheck-field { align-items: flex-start; margin-bottom: 0px; padding-left: 0px; display: flex; position: relative; } .radiocheck-check-svg { color: rgb(34, 34, 34); width: 1.5em; position: absolute; } .button-regular { z-index: 0; gap: 0.5em; white-space: pre; justify-content: flex-start; align-items: center; padding: 0.25em; display: flex; position: relative; overflow: hidden; } .form-notification-icon { pointer-events: none; color: inherit; justify-content: center; align-items: center; width: 3.5em; padding-left: 1em; padding-right: 1em; display: flex; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); } .form-notification-icon.is-success { position: relative; top: auto; right: auto; transform: translate(0px); } .text-style-link-2 { cursor: pointer; text-decoration: underline; transition: 0.4s; } .text-style-link-2:hover { color: rgb(34, 34, 34); } .modal-contact { z-index: 1; gap: 2em; background-color: var(--_theme---background); flex-flow: column; width: 50%; height: 100%; padding: 8em 5em 4em; display: flex; position: absolute; inset: 0% 0% 0% auto; transform: translate(110%); } .form-notification-p { color: rgb(34, 34, 34); font-size: 1.125em; } .modal_close { z-index: 1; width: 50%; height: 100%; position: absolute; inset: 0% auto 0% 0%; } .radiocheck-field-icon { opacity: 0; pointer-events: none; color: rgb(203, 200, 197); user-select: none; border-radius: 0.375em; justify-content: center; align-items: center; width: 3.5em; max-height: 3.5em; padding-left: 1em; padding-right: 1em; display: flex; position: absolute; top: 1px; right: 1px; } .radiocheck-field-icon.is--success { justify-content: center; align-items: center; width: 1.25em; height: 1.25em; max-height: none; padding-left: 0px; padding-right: 1px; inset: 0%; } .radiocheck-field-icon.is--error { color: rgb(255, 76, 36); } .radiocheck-custom { border-style: solid; border-width: 1px; border-top-color: var(--_colors---swatch--grey); border-right-color: var(--_colors---swatch--grey); border-bottom-color: var(--_colors---swatch--grey); border-left-color: var(--_colors---swatch--grey); background-color: var(--_theme---background); pointer-events: none; color: rgb(34, 34, 34); user-select: none; border-radius: 0.125em; order: -1; justify-content: center; align-items: center; width: 1.25em; height: 1.25em; margin-top: 0.066em; margin-right: 0.75em; display: flex; position: absolute; } .form-field-group { gap: 0.75em; flex-flow: column; align-items: flex-start; width: 100%; display: flex; } .form-field-group.is-text-area { height: 100%; } .form-field-group.is-submit { width: auto; } .heading-style-64px-2 { letter-spacing: -0.02em; font-size: 4em; line-height: 0.9; } .form-field { color: rgb(34, 34, 34); width: 100%; position: relative; } .form-field.is-submit { width: auto; } .form-field.is-text-area { height: 100%; } .form-submit { visibility: hidden; opacity: 0; position: absolute; inset: 0px; } .modal-close { z-index: 99; transform-origin: 100% 0px; justify-content: center; align-items: center; display: flex; position: absolute; inset: 2em 3.5em auto auto; transform: scale(0.8); } .modal-close:hover { border-radius: 3em; } .radiocheck-label { color: rgb(161, 161, 156); cursor: pointer; flex-grow: 1; margin-bottom: 0px; padding-left: 1.8em; line-height: 1.2; } .radiocheck-label.is--small { flex-grow: 1; padding-left: 2em; font-size: 1em; } .form-required { color: rgb(255, 76, 36); } .form-group { gap: 1.5em; flex-flow: column; width: 100%; height: 100%; margin-bottom: 0px; display: flex; } .checkbox-input { cursor: pointer; width: 0px; height: 0px; margin-top: 0px; margin-left: 0px; position: absolute; } .form { gap: 1.5em; flex-flow: column; width: 100%; height: 100%; display: flex; } .form-row { gap: 1.25em; justify-content: space-between; align-items: center; width: 100%; display: flex; } .form-row.is-submit { justify-content: flex-start; } .form-notification-bg { opacity: 0.1; pointer-events: none; color: inherit; background-color: currentcolor; border-radius: calc(-2px + 0.375rem); display: flex; position: absolute; inset: 0px; } .form-input-field { background-color: var(--_theme---background); outline-offset: 0px; color: var(--_theme---body-text); appearance: none; box-sizing: border-box; vertical-align: middle; border: 1px solid rgb(161, 161, 156); border-radius: 0.328125em; outline: rgba(0, 0, 0, 0) 0px; height: auto; margin-bottom: 0px; padding: 1.25em 3.5em 1.25em 1em; font-size: 1.125em; font-weight: 500; line-height: 1.2; box-shadow: rgba(0, 0, 0, 0) 0px 0px; } .form-input-field:focus { border-color: rgb(34, 34, 34); } .form-input-field.is-text-area { height: 100%; } .form-notifcation_wrapper { gap: 1.5em; color: rgb(34, 34, 34); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 10em; padding-bottom: 10em; display: flex; } .form-submit-btn { outline-offset: 0px; cursor: pointer; outline: rgba(0, 0, 0, 0) 0px; flex-flow: row; justify-content: flex-end; align-items: center; margin-left: -1.5em; padding-right: 2em; display: flex; position: relative; overflow: visible; box-shadow: rgba(0, 0, 0, 0) 0px 0px inset; } .form-submit-btn:focus { outline-offset: 0px; border-width: 1px; border-color: rgb(203, 200, 197); outline-color: rgb(19, 19, 19); } .radiocheck-group { gap: 0.75em; flex-flow: column; width: 100%; display: flex; position: relative; } .form-divider { opacity: 0.15; background-color: rgb(19, 19, 19); width: 100%; height: 1px; } .form-field-icon { opacity: 0; pointer-events: none; color: rgb(203, 200, 197); user-select: none; border-radius: 0.375em; justify-content: center; align-items: center; width: 3.5em; max-height: 3.5em; padding-left: 1em; padding-right: 1em; display: flex; position: absolute; top: 1px; bottom: 1px; right: 1px; } .form-field-icon.is--error { color: rgb(255, 76, 36); } .modal { z-index: 10; background-color: rgba(34, 34, 34, 0.6); width: 100vw; height: 100vh; display: none; position: fixed; inset: 0% 0% 0% auto; } .modal.is-contact { z-index: 2000; display: none; } .form-notifcation { background-color: var(--_theme---background); outline-offset: 0px; text-align: center; border-color: inherit; outline: rgba(0, 0, 0, 0) 0px; width: 100%; padding: 1.125em; font-size: 1em; position: absolute; inset: 0%; } .form-notifcation.is--error { color: rgb(255, 76, 36); margin-top: 0px; padding-right: 3.5em; } .form-label { color: rgb(34, 34, 34); margin-bottom: 0px; font-size: 0.875em; font-weight: 500; line-height: 1; } .form-label.is-caption { opacity: 0.4; width: auto; } .contact-link { color: rgb(34, 34, 34); cursor: pointer; background-color: rgb(245, 246, 238); border: 1px solid rgb(161, 161, 156); border-radius: 0.625em; flex-flow: column; justify-content: space-between; width: 100%; height: 11.5em; padding: 1.5em 1em 1em 1.5em; display: flex; overflow: hidden; } .form-label_wrap { justify-content: space-between; align-items: stretch; width: 100%; display: flex; } .mwg_effect020 { width: 100%; height: 100vh; margin-top: -100vh; position: relative; overflow: hidden; } .mwg_effect020-css { display: none; } .nav { z-index: 999; width: 100%; padding-left: 2.5em; padding-right: 2.5em; position: fixed; inset: 0% 0% auto; } .navbar { justify-content: space-between; align-items: center; width: 100%; max-width: 120em; height: 7.5em; margin-left: auto; margin-right: auto; display: flex; } .nav_logo { height: 4.75em; } .navbar_menu { gap: 0.5em; background-color: var(--_colors---swatch--white); border-radius: 1em; height: 3.5em; padding: 0.5em; display: flex; position: absolute; left: 50%; overflow: hidden; transform: translate(-50%); } .button-color-swoosh { color: rgb(0, 0, 0); letter-spacing: -0.02em; user-select: none; transform-style: preserve-3d; font-size: 1.125em; font-weight: 600; line-height: 1em; text-decoration: none; display: grid; } .button-color-swoosh_bg { background-color: var(--_colors---swatch--white); border-radius: 0.625em; grid-area: 1 / 1; display: grid; overflow: clip; } .button-color-swoosh_bg-inner { transform-origin: 100% 0px; grid-area: 1 / 1; width: 120%; display: block; } .button-color-swoosh_bg-inner.is-first { background-color: var(--_colors---brand-colors--red); padding-bottom: 0px; padding-right: 0px; } .button-color-swoosh_bg-inner.is-second { background-color: var(--_colors---swatch--black); padding-bottom: 0px; padding-right: 0px; } .button-color-swoosh_inner { z-index: 1; grid-area: 1 / 1; padding: 0.625em 0.75em; display: grid; overflow: clip; } .button-color-swoosh_inner.is-footer { padding-top: 0.75em; padding-bottom: 0.75em; } .button-color-swoosh_text { transform-origin: 0px 0px; grid-area: 1 / 1; display: block; } .navbar_menu-trigger, .show-tablet, .navbar_menu-bg, .navbar_menu-bg-back { display: none; } .footer_contact { gap: 1em; flex-flow: column; display: flex; } .footer-legal { opacity: 0.6; pointer-events: auto; letter-spacing: -0.01em; margin-top: 0.5em; font-size: 0.875em; font-weight: 500; transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); } .footer-legal:hover { opacity: 1; color: var(--_colors---brand-colors--red); } .footer-legal.is-copyright { pointer-events: none; } .footer_links { gap: 2em; flex-flow: column; display: flex; } .footer_sitemap { gap: 0.75em; pointer-events: auto; display: flex; } .small-image { aspect-ratio: 3 / 4; border-radius: var(--_layout---radius--border-radius-small); position: relative; overflow: hidden; } /* intro-home 专属布局修复 */ #intro-home .section-padding-96px { padding-top: 6rem; padding-bottom: 6rem; } #intro-home .grid-col-12 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: auto; gap: 2rem; align-items: start; } #intro-home .grid-col-12>.margin-bottom { grid-column: 1 / -1; } #intro-home .small-image { width: 100%; max-width: 60rem; grid-column: 1 / span 6; align-self: start; } #intro-home .content-wrap { grid-column: 7 / -1; max-width: 48rem; } #intro-home .button-default.is-icon { grid-column: 1 / -1; justify-self: start; } @media screen and (max-width: 991px) { #intro-home .grid-col-12 { grid-template-columns: 1fr; gap: 1.25rem; } #intro-home .small-image, #intro-home .content-wrap, #intro-home .margin-bottom, #intro-home .button-default.is-icon { grid-column: 1 / -1; } #intro-home .content-wrap { max-width: 100%; } } .mwg_effect025 { justify-content: center; align-items: center; display: flex; } .results-card { aspect-ratio: 4.8 / 6.2; background-color: white; color: var(--_theme---body-text); will-change: transform; border-radius: 3em; width: 28em; position: relative; overflow: hidden; } .results-card.sw-item { background-color: rgba(0, 0, 0, 0); overflow: visible; } .results-card_content { flex-flow: column; justify-content: space-between; width: 100%; height: 100%; padding: 2em; display: flex; } .mwg_effect025-css { display: none; } .results-card_title { letter-spacing: -0.05em; font-size: 5.5em; font-weight: 600; line-height: 0.9; } .results-card_title.is-work { font-size: 4.5em; } .results-card_body { gap: 0.5em; flex-flow: column; width: 100%; display: flex; } .results-card_divider { background-color: var(--_theme---body-text); width: 100%; height: 1px; } .theme-green { color: var(--_theme---body-text); --_theme---background: var(--_colors---brand-colors--green); --_theme---body-text: var(--_colors---swatch--black); --_theme---button-text: var(--_colors---swatch--black); --_theme---button-bg: var(--_colors---swatch--white); --_theme---button-icon-bg: var(--_colors---swatch--black); --_theme---button-icon: var(--_colors---swatch--white); --_theme---label-bg: white; --_theme---accent-2: var(--_colors---brand-colors--green-300); --_theme---card-outline: white; --_theme---accent-1: var(--_colors---brand-colors--green-200); --_theme---heading: var(--_colors---swatch--black); --_theme---border: var(--_colors---swatch--black); --_theme---cursor-select-bg: var(--_colors---swatch--black); --_theme---cursor-select-text: var(--_colors---swatch--white); --_theme---button-outline: var(--_colors---swatch--black); } .theme-pink { --_theme---background: var(--_colors---brand-colors--pink); --_theme---body-text: var(--_colors---swatch--black); --_theme---button-text: var(--_colors---swatch--black); --_theme---button-bg: var(--_colors---swatch--white); --_theme---button-icon-bg: var(--_colors---swatch--black); --_theme---button-icon: var(--_colors---swatch--white); --_theme---label-bg: white; --_theme---accent-2: var(--_colors---brand-colors--pink-200); --_theme---card-outline: white; --_theme---accent-1: var(--_colors---brand-colors--pink-100); --_theme---heading: var(--_colors---swatch--black); --_theme---border: var(--_colors---swatch--black); --_theme---cursor-select-bg: var(--_colors---swatch--black); --_theme---cursor-select-text: var(--_colors---swatch--white); --_theme---button-outline: var(--_colors---swatch--black); } .theme-red { color: var(--_theme---body-text); --_theme---background: var(--_colors---brand-colors--red); --_theme---body-text: var(--_colors---swatch--white); --_theme---button-text: var(--_colors---swatch--black); --_theme---button-bg: var(--_colors---swatch--white); --_theme---button-icon-bg: var(--_colors---swatch--black); --_theme---button-icon: var(--_colors---swatch--white); --_theme---label-bg: white; --_theme---accent-2: var(--_colors---brand-colors--red-400); --_theme---card-outline: white; --_theme---accent-1: var(--_colors---brand-colors--red-300); --_theme---heading: var(--_colors---swatch--white); --_theme---border: var(--_colors---swatch--white); --_theme---cursor-select-bg: var(--_colors---swatch--white); --_theme---cursor-select-text: var(--_colors---swatch--black); --_theme---button-outline: var(--_colors---swatch--white); } .video-card { gap: 0.75em; background-color: rgb(240, 240, 240); border-radius: 0.75em; flex-flow: column; width: 22em; padding: 0.75em 0.75em 1.25em; transition: background-color 0.2s; display: flex; } .video-card:hover { background-color: rgb(255, 255, 255); } .video-card-visual { aspect-ratio: 1.6 / 1; border-radius: 0.5em; width: 100%; position: relative; overflow: hidden; } .video-card_placeholder { object-fit: cover; width: 100%; height: 100%; } .video-card-visual__video { opacity: 0; object-fit: cover; width: 100%; padding: 0px; transition: opacity 0.2s; position: absolute; inset: 0%; } .video { object-fit: cover; width: 100%; height: 100%; padding: 0px; position: absolute; inset: 0%; } .content-wrap { gap: 1.5em; flex-flow: column; justify-content: flex-start; align-items: flex-start; max-width: 48em; display: flex; } .content-wrap.small { gap: 1em; } .icon-14px { justify-content: center; align-items: center; max-width: none; height: 0.875em; display: flex; } .button-wrap { margin-left: -1em; display: flex; } .mwg_effect031 { padding-top: var(--_sizes---size--96px); padding-bottom: var(--_sizes---size--96px); gap: 0em; flex-flow: column; width: 100%; display: flex; position: relative; overflow: hidden; } .expertise-slide { height: calc(-4em + 100vh); padding-top: 4em; } .expertise-wrap { perspective: 250vw; width: 100%; height: 100%; } .expertise-content { background-color: white; transform-origin: 50% 10%; color: var(--_theme---body-text); transform-style: preserve-3d; border-radius: 2.5em; flex-flow: column; justify-content: space-between; padding: 4em; display: flex; position: absolute; inset: 0px; overflow: visible; } .expertise-content_top { gap: 1.5em; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .label { background-color: var(--_theme---label-bg); border-radius: 0.5em; justify-content: center; align-items: center; height: 3em; padding-left: 0.75em; padding-right: 0.75em; display: flex; } .label.is-work { background-color: var(--_colors---swatch--black); color: var(--_colors---swatch--white); } .label.is-pink { background-color: var(--_colors---brand-colors--pink-200); color: var(--_colors---swatch--black); } .label.is-branded { background-color: var(--_colors---brand-colors--red-300); } .label.is-experience { background-color: var(--_colors---brand-colors--blue-400); } .label.is-taupe { background-color: var(--_colors---swatch--taupe); } .label.is-type { background-color: var(--_colors---swatch--creme); } .label.is-sotd { background-color: var(--_colors---swatch--taupe); color: var(--_colors---swatch--black); } .expertise-content_number { color: var(--_theme---accent-2); display: flex; position: absolute; inset: 0% 0% auto auto; } .expertise-content_bottom { z-index: 2; gap: 1.5em; flex-flow: column; justify-content: flex-start; align-items: flex-start; max-width: 35em; display: flex; position: relative; } .expertise-content_img { border-radius: var(--_layout---radius--border-radius-medium); background-color: var(--_theme---card-outline); padding: 8px; position: absolute; inset: auto 4em 4em auto; transform: rotate(2.5deg); } .medium-image { aspect-ratio: 3 / 4; border-radius: var(--_layout---radius--border-radius-small); width: 24em; position: relative; overflow: hidden; } .expertise-link { z-index: 1; width: 100%; height: 100%; position: absolute; inset: 0%; } .sw_wrapper { gap: 3em; flex-flow: column; display: flex; } .sw-list { gap: 6.5em; justify-content: center; padding-left: 5em; padding-right: 5em; display: flex; } .sw-item { will-change: transform; } .sw-card { aspect-ratio: 14.8 / 19.18; border-radius: var(--_layout---radius--border-radius-large); background-color: var(--_colors---swatch--white); pointer-events: auto; width: 30em; padding: 8px; position: relative; overflow: hidden; } .sw-card.is-work { padding: 0px; } .sw-card_video { border-top-left-radius: var(--_layout---radius--border-radius-medium); border-top-right-radius: var(--_layout---radius--border-radius-medium); border-bottom-left-radius: var(--_layout---radius--border-radius-medium); border-bottom-right-radius: var(--_layout---radius--border-radius-medium); width: calc(100% - 16px); height: calc(100% - 16px); position: absolute; overflow: hidden; } .sw-card_video.is-work { width: 100%; height: 100%; } .sw-css { display: none; } .sw-card_content { z-index: 0; gap: 1em; border-bottom-left-radius: var(--_layout---radius--border-radius-small); border-bottom-right-radius: var(--_layout---radius--border-radius-small); background-color: var(--_colors---swatch--white); color: var(--_colors---swatch--white); flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; display: flex; position: relative; } .sw-card_wrap { z-index: 2; position: absolute; inset: auto 2em 2em; } .sw-card_shape { z-index: -1; position: absolute; inset: 0% 0% auto; transform: translateY(-5em); } .sw-card_icon { background-color: var(--_colors---swatch--white); color: var(--_colors---swatch--black); border-radius: 100vw; justify-content: center; align-items: center; width: 3.5em; height: 3.5em; display: flex; position: absolute; inset: 0.5em 0.5em auto auto; } .video-card_video { opacity: 0; object-fit: cover; width: 100%; padding: 0px; transition: opacity 0.2s; position: absolute; inset: 0%; } .sw-card_icon-svg { justify-content: center; align-items: center; height: 1.125em; display: flex; } .results-card_subtitle { font-family: var(--_headings---heading-xs--font); font-size: var(--_headings---heading-xs--font-size); line-height: var(--_headings---heading-xs--line-height); font-weight: var(--_headings---heading-xs--font-weight); letter-spacing: var(--_headings---heading-xs--letter-spacing); } .results-card_paragraph { font-family: var(--_paragraphs---paragraph-regular--font); font-size: var(--_paragraphs---paragraph-regular--font-size); line-height: var(--_paragraphs---paragraph-regular--line-height); font-weight: var(--_paragraphs---paragraph-regular--font-weight); letter-spacing: var(--_paragraphs---paragraph-regular--letter-spacing); max-width: 95%; } .results-card_paragraph.text-weight-bold { font-weight: var(--_fonts---font-weight--bold); } .expertise-content_heading { font-family: var(--_headings---heading-xxl--font); font-size: var(--_headings---heading-xxl--font-size); line-height: var(--_headings---heading-xxl--line-height); font-weight: var(--_headings---heading-xxl--font-weight); letter-spacing: var(--_headings---heading-xxl--letter-spacing); } .demo-video { border-radius: 1em; width: 34em; max-width: calc(100% - 4em); position: relative; overflow: hidden; } .demo-video__before { padding-top: 75%; } .cover-video { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .cover-video__video { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; box-shadow: none !important; outline: rgba(0, 0, 0, 0) solid 0px !important; padding: 0px !important; } .sw-card_mobile-video { display: none; } .work_wrapper { gap: 3em; flex-flow: column; display: flex; } .work-list { gap: 12em 6em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; place-items: start center; width: 100%; max-width: 96em; margin-left: auto; margin-right: auto; padding-left: 5em; padding-right: 5em; display: grid; } .work-item { will-change: transform; } .work-card { aspect-ratio: 4.8 / 8; border-radius: var(--_layout---radius--border-radius-large); background-color: var(--_colors---swatch--white); pointer-events: auto; width: 30em; position: relative; overflow: hidden; } .work-card_video { border-radius: var(--_layout---radius--border-radius-medium); width: 100%; height: 100%; position: absolute; overflow: hidden; } .work-card_wrap { z-index: 2; position: absolute; inset: auto 1.5em 1.5em; } .work-card_content { z-index: 0; gap: 1em; border-bottom-left-radius: var(--_layout---radius--border-radius-small); border-bottom-right-radius: var(--_layout---radius--border-radius-small); background-color: var(--_colors---swatch--white); flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; display: flex; position: relative; } .work-card_shape { z-index: -1; color: var(--_colors---swatch--white); position: absolute; inset: 0% 0% auto; transform: translateY(-5em); } .work-card_icon { background-color: var(--_colors---swatch--black); color: var(--_colors---swatch--white); border-radius: 100vw; justify-content: flex-end; align-items: center; width: 3.5em; height: 3.5em; display: flex; position: absolute; inset: 0.5em 0.5em auto auto; overflow: hidden; transform: rotate(-45deg); } .work-card_icon.is-sw { background-color: var(--_colors---swatch--white); color: var(--_colors---swatch--black); } .work-card_icon.is-sw.is-sotd { background-color: var(--_colors---swatch--black); color: var(--_colors---swatch--white); } .work-card_icon-svg { justify-content: center; align-items: center; height: 1.25em; margin-bottom: 1px; margin-left: 1px; display: flex; } .work-card_icon-wrap { flex: 0 0 auto; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .work-card_icon-wrap.is-sotd { background-color: var(--_colors---swatch--black); color: var(--_colors---swatch--white); } .work-card_labels { gap: 0.5em; display: flex; position: absolute; inset: 1.5em auto auto 1.5em; } .demo-card__tag-p { margin-bottom: 0px; font-size: 2em; line-height: 1; } .gsap-slider__controls { gap: 0.5em; pointer-events: auto; justify-content: center; align-items: center; display: flex; position: absolute; inset: 1em 2em auto auto; } .gsap-slider__collection { pointer-events: auto; width: 100%; max-width: 72em; } .gsap-slider__list { user-select: none; will-change: transform; touch-action: pan-y; backface-visibility: hidden; display: flex; } .osmo-icon-svg { opacity: 0.1; width: 40%; position: absolute; } .demo-card__tag { position: absolute; top: 2em; left: 2em; } .gsap-slider { gap: 3em; pointer-events: none; flex-flow: column; justify-content: center; align-items: flex-start; width: 100%; margin-top: -4em; padding-top: 7em; padding-left: 2em; display: flex; position: relative; overflow: hidden; } .gsap-slider__control { color: rgb(239, 238, 236); font-size: 1em; } .gsap-slider__control.is-next { transform: rotate(-90deg); } .gsap-slider__control.is-prev { transform: rotate(90deg); } .before__125 { padding-top: 125%; } .gsap-slider__item { width: calc(((100% - 1px) - (var(--slider-spv) - 1)*var(--slider-gap))/var(--slider-spv)); margin-right: var(--slider-gap); flex: 0 0 auto; } .gsap-slider__card { aspect-ratio: 4 / 5; border-radius: var(--_layout---radius--border-radius-medium); justify-content: center; align-items: center; width: 100%; display: flex; position: relative; overflow: hidden; } .gsap-slider-css { display: none; } .socials-wrap { gap: 1em; justify-content: flex-start; align-items: center; display: flex; } .expertise-hero { border-radius: var(--_layout---radius--border-radius-large); color: var(--_colors---swatch--white); justify-content: space-between; align-items: center; height: 53.75em; margin-top: 8.75em; padding: 4em 7.5em; position: relative; overflow: hidden; } .expertise-hero_content { justify-content: space-between; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .titles_container { gap: 1em; flex-flow: column; margin-top: auto; display: flex; } .title_item { transition: opacity 0.3s; } .about-hero { width: 100%; height: 100vh; padding-top: 22.875em; padding-bottom: 2em; } .small-thumb { border-radius: var(--_layout---radius--border-radius-small); width: 25em; overflow: hidden; } .about-wrapper { border-radius: var(--_layout---radius--border-radius-large); background-color: var(--_colors---brand-colors--pink); flex-flow: column; width: 100%; display: flex; position: relative; overflow: hidden; } .about-item { text-align: center; justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; } .about-item_title { max-width: 70em; } .drop-wrapper { border-radius: var(--_layout---radius--border-radius-large); background-color: var(--_colors---brand-colors--pink); width: 100%; min-height: 550vh; transition: background-color 0.3s; } .drop-wrapper.is-bg { background-color: var(--_colors---brand-colors--green); } .drop-section { flex-flow: column; justify-content: center; align-items: center; width: 100%; min-height: 100vh; display: flex; position: relative; } .drop-section.is-first { justify-content: flex-start; align-items: center; min-height: 400vh; } .drop-section.is-second { min-height: 100vh; } .drop-heading { text-align: center; max-width: 75vw; margin-top: 0px; margin-bottom: 0px; font-size: 5vw; font-weight: 500; line-height: 1; } .drop-heading.is-middelmaat { color: rgba(22, 22, 22, 0); -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--_colors---swatch--black); } .drop-heading.is-ruis { filter: blur(5px); } .drop-heading-img { z-index: 2; aspect-ratio: 1.2 / 1; width: 1.4em; margin-top: -0.25em; display: inline-block; position: relative; } .drop-heading-img.is--first { background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68769ba17fdd463f8d365b3b_shape-squigle-1.png"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; transform: rotate(-20deg) translate(0.1em); } .drop-heading-img.is--second { background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68769ba17fdd463f8d365b3d_shape-squigle-2.png"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; transform: translateY(0.2em) rotate(10deg); } .drop-heading-img.is--third { aspect-ratio: 1 / 1; background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68769ba17fdd463f8d365b3f_shape-squigle-3.png"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; margin-top: -1em; margin-left: -0.1em; margin-right: -0.1em; transform: translate(-0.05em, 0.25em) rotate(50deg); } .section-resource { color: rgb(40, 19, 90); justify-content: center; align-items: center; min-height: 100vh; display: flex; } .emoji-rain-btn { gap: 0.125em; cursor: pointer; background-color: rgb(255, 255, 255); border-radius: 10em; align-items: center; padding: 0.5em 0.75em 0.5em 1em; font-size: 2.5em; font-weight: 700; transition-property: all; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.45, 0.422, 0.269, 1.702); display: flex; transform: scale(1) rotate(0.001deg); } .emoji-rain-btn:hover { transform: scale(1.05) rotate(0.001deg); } .emoji-rain-btn-img { width: 1.5em; } .emoji-rain-btn-img.is--rotated { transform: rotate(180deg); } .single-rain-emoji-image-thumbs-down { background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68769d364742578252f0f8da_icon-3d-thumbsup.png"); background-position: 50% center; background-size: cover; width: 100%; padding-top: 100%; rotate: 180deg; } .single-rain-emoji-image-shame { background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68769d364742578252f0f8e4_icon-3d-shame.png"); background-position: 50% center; background-size: cover; width: 100%; padding-top: 100%; } .btn-wrap { gap: 1.5em; flex-flow: column; align-items: center; display: flex; } .emoji-rain-container { z-index: 150; pointer-events: none; user-select: none; position: fixed; inset: 0%; overflow: hidden; } .single-rain-emoji-image-fire { background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68769de19be87076a46a767e_emoji-fire.png"); background-position: 50% center; background-size: cover; width: 100%; padding-top: 100%; } .single-rain-emoji-image-love { background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68769dcf58612aa8ee4f33e0_emoji-heart-eye.png"); background-position: 50% center; background-size: cover; width: 100%; padding-top: 100%; } .single-rain-emoji { will-change: transform; width: max(200px, 15vw); position: absolute; } .single-rain-emoji.hidden { opacity: 0; } .team-video_stack { aspect-ratio: 2 / 3; border-radius: var(--_layout---radius--border-radius-medium); height: 100%; position: relative; overflow: hidden; } .team-bottom { justify-content: space-between; align-items: flex-end; margin-top: 8em; display: flex; } .team-members { gap: 0.625em; display: flex; } .team-member_icon { border: 2px solid var(--_colors---swatch--black); background-color: var(--_colors---brand-colors--pink); cursor: pointer; border-radius: 1em; width: 4.5em; height: 4.5em; transition: background-color 0.45s cubic-bezier(0.19, 1, 0.22, 1), transform 0.45s cubic-bezier(0.19, 1, 0.22, 1); position: relative; overflow: hidden; } .team-member_icon:hover { background-color: var(--_colors---brand-colors--red); transform: scale(1.1); } .section-resource-2 { justify-content: center; align-items: center; min-height: 100vh; display: flex; } .cursor-old { z-index: 1000; background-color: var(--_colors---brand-colors--pink); opacity: 0; pointer-events: none; text-transform: uppercase; border-radius: 0.25em; padding: 0.3em 0.75em 0.4em; font-size: 1em; font-weight: 600; transition: opacity 0.2s; position: fixed; inset: 0% auto auto 0%; } .cursor-paragraph { margin-top: 0px; margin-bottom: 0px; } .button-row { gap: 0.75em; justify-content: flex-start; align-items: center; width: 100%; padding-left: 1.5em; padding-right: 1.5em; display: flex; } .button-2 { color: rgb(19, 19, 19); justify-content: center; align-items: center; width: 100%; height: 6em; padding-left: 1.5em; padding-right: 1.5em; font-size: 1em; text-decoration: none; display: flex; position: relative; } .button-text-2 { z-index: 1; margin-top: 0px; margin-bottom: 0px; position: relative; } .button-bg-2 { z-index: 0; background-color: rgb(239, 238, 236); border-radius: 0.5em; width: 100%; height: 100%; transition: transform 0.5s cubic-bezier(0.625, 0.05, 0, 1); position: absolute; inset: 0%; } .cursor { z-index: 1000; background-color: var(--_colors---brand-colors--pink); opacity: 0; pointer-events: none; border-radius: 0.25em; padding: 0.3em 0.75em 0.4em; font-size: 1em; font-weight: 600; transition: opacity 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: fixed; inset: 0% auto auto 0%; } .team-paragraph-red { margin-left: 4em; } .expertise-header-wrapper { height: 100vh; padding-top: 12em; padding-bottom: 4em; } .mask-shape { position: relative; } .mask-shape-wrap { width: 40em; height: 40em; position: relative; } .video-thumb { clip-path: url("#clip-video-thumb"); position: relative; } .video-thumb_video { aspect-ratio: 1 / 1; width: 15em; height: 100%; position: relative; } .clippy { width: 0px; height: 0px; position: absolute; top: -999px; left: -999px; } .video-thumb_content { justify-content: flex-start; align-items: flex-end; padding: 1.125em; display: flex; position: absolute; inset: 0%; } .video-thumb_title { color: var(--_colors---swatch--white); font-size: 1.25em; font-weight: 600; line-height: 1.3; } .case-card_title { z-index: 2; width: 32em; position: relative; } .case-card_content { z-index: 1; gap: 1em; border-bottom-left-radius: var(--_layout---radius--border-radius-small); border-bottom-right-radius: var(--_layout---radius--border-radius-small); background-color: var(--_colors---swatch--white); flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-bottom: 1.5em; padding-left: 1.5em; padding-right: 1.5em; display: flex; position: relative; } .case-card_shape { z-index: 0; color: var(--_colors---swatch--white); position: absolute; inset: 0% 0% auto; transform: translateY(-6em); } .case-card_labels { gap: 0.5em; display: flex; } .case-hero-slider { z-index: 0; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0%; } .case-hero-video { z-index: 0; border-radius: 2em; width: 100%; height: 100%; position: absolute; inset: 0%; overflow: hidden; } .case-hero-video.is-before-slider { display: none; } .case-hero-video.is-bts { justify-content: center; align-items: center; display: flex; position: static; } .stack-cards__before { padding-top: 117.5%; } .stacked-cards__collection { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .stack-cards { aspect-ratio: 2 / 3; width: 30em; position: relative; } .stack-cards__card { background-color: rgb(255, 255, 255); border: 0.1875em solid rgb(18, 18, 18); border-radius: 1.6em; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; } .shuffle-btn__icon-svg { width: 1.5em; height: 1.5em; } .stack-cards__item { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .stacked-cards__stack { z-index: 0; width: 100%; position: relative; } .shuffle-btn { background-color: var(--_colors---swatch--black); color: var(--_colors---swatch--off-white); border-radius: 100vw; flex: 0 0 auto; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; width: 4em; height: 4em; font-weight: 400; line-height: 1; text-decoration: none; display: flex; } .shuffle-btn:hover { text-decoration: none; } .stack-cards__card-image { pointer-events: none; object-fit: cover; user-select: none; border-radius: 0.7em; width: calc(100% - 1.8em); height: calc(100% - 4.5em); position: absolute; top: 0.9em; left: 0.9em; } .shuffle-btn__span { letter-spacing: -0.01em; white-space: nowrap; margin-top: 0.0625em; font-size: 1.0625em; font-weight: 500; } .stack-cards__list { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .stacked-cards__controls { z-index: 1; gap: 0.5em; flex-flow: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: auto -4.5em -4em auto; transform: translate(100%); } .stacked-cards-css { display: none; } .mute-toggle { z-index: 10; background-color: var(--_colors---swatch--white); border-radius: 100vw; flex: 0 0 auto; justify-content: center; align-items: center; width: 4em; height: 4em; display: flex; } .sound-off { width: 2em; height: 2em; } .sound-on { width: 2em; height: 2em; display: none; } .case-scroll-down { position: absolute; inset: auto 2.5em 2.5em auto; } .play-toggle { background-color: var(--_colors---swatch--black); color: var(--_colors---swatch--white); cursor: pointer; border-radius: 100vw; justify-content: center; align-items: center; width: 4.5em; height: 4.5em; display: flex; position: absolute; inset: 0.5em 0.5em auto auto; overflow: hidden; } .play-toggle.is-sw { background-color: var(--_colors---swatch--white); color: var(--_colors---swatch--black); } .play-toggle.is-before-slider { display: none; } .play-toggle.is-bts { z-index: 2; top: auto; right: auto; } .play-sound { width: 1.5em; height: 1.5em; } .pause-sound { width: 1.5em; height: 1.5em; display: none; } .sw_title { flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-left: 2em; padding-right: 2em; display: flex; } .wc-list { gap: 6.5em; justify-content: center; padding-left: 5em; padding-right: 5em; display: flex; } .wc-item { will-change: transform; } .wc-card { aspect-ratio: 4.8 / 8; border-radius: var(--_layout---radius--border-radius-large); background-color: var(--_colors---swatch--white); pointer-events: auto; width: 30em; position: relative; overflow: hidden; } .wc-card.is-work { padding: 0px; } .wc-card_video { border-radius: var(--_layout---radius--border-radius-medium); width: 100%; height: 100%; position: absolute; overflow: hidden; } .wc-card_video.is-work { width: 100%; height: 100%; } .wc_title { flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-left: 2em; padding-right: 2em; display: flex; } .wc_wrapper { gap: 3em; flex-flow: column; display: flex; } .label-wrap { margin-bottom: 1em; display: flex; } .results_title { gap: 1.5em; flex-flow: row; justify-content: space-between; align-items: flex-end; padding-right: 8em; display: flex; } .why-grid { gap: 2em; border-radius: var(--_layout---radius--border-radius-large); background-color: var(--_theme---accent-1); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; padding: 2.5em; display: grid; } .why-header { max-width: 40em; } .why-cards { gap: 1em; flex-flow: column; display: flex; } .why-card { border-radius: var(--_layout---radius--border-radius-small); background-color: var(--_theme---accent-2); flex-flow: column; justify-content: space-between; width: 100%; height: 100%; min-height: 17.5em; padding: 2em; display: flex; overflow: hidden; } .why-card_top { justify-content: space-between; display: flex; } .why-card_bottom { max-width: 18.75em; } .heading-sm { font-family: var(--_headings---heading-s--font); font-size: var(--_sizes---size--64px); line-height: var(--_headings---heading-s--line-height); font-weight: var(--_headings---heading-s--font-weight); letter-spacing: var(--_headings---heading-s--letter-spacing); } .deliver-grid { gap: 8em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .accordion-css__item-bottom { grid-template-rows: 0fr; display: grid; position: relative; overflow: hidden; } .accordion-css__item-bottom-content { padding-bottom: 1.5em; padding-left: 1.5em; padding-right: 1.5em; } .accordion-css__list { gap: 0.75em; flex-flow: column; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; display: flex; position: static; } .accordion-css__item-bottom-wrap { flex-flow: column; height: 100000%; display: flex; position: relative; overflow: hidden; } .accordion-css__item-icon-svg { width: 1em; } .accordion-css__item-icon { flex-shrink: 0; justify-content: center; align-items: center; width: 2em; height: 2em; display: flex; transform: rotate(180deg); } .accordion-css__item-top { gap: 1em; cursor: pointer; justify-content: space-between; align-items: center; padding: 2em; display: flex; } .accordion-css { position: relative; } .accordion-css__item { background-color: var(--_colors---swatch--taupe); border-radius: 1.25em; list-style: none; } .accordion-css__item-h3 { margin-top: 0px; margin-bottom: 0px; font-size: 1.5em; font-weight: 500; line-height: 1.3; } .accordion-css__item-p { color: rgb(44, 44, 44); margin-bottom: 0px; font-size: 0.875em; line-height: 1.5; } .section-header { justify-content: space-between; align-items: flex-end; display: flex; } .more-expert_grid { gap: 1em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .more-expert_item { aspect-ratio: 7 / 5; border: 1px solid var(--_colors---swatch--black); border-radius: var(--_layout---radius--border-radius-medium); flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; padding: 3em; display: flex; } .expert-item_content.is-top { margin-bottom: auto; } .contact-hero_wrap { padding-bottom: var(--_layout---padding-global--page-padding); flex-flow: column; justify-content: center; align-items: stretch; width: 100%; min-height: 100vh; display: flex; } .contact-info { justify-content: space-between; margin-top: auto; display: flex; } .contact-hero_top { text-align: center; text-wrap: wrap; flex-flow: column; justify-content: center; align-items: center; height: 100%; display: flex; } .contact-info_col { gap: 3em; display: flex; } .contact-info_socials { gap: 1em; pointer-events: auto; flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .contact-info_socials.is-socials { gap: 1em; flex-flow: row; justify-content: center; align-items: flex-end; } .slider_cms_item.swiper-slide { will-change: transform; flex: 0 0 auto; width: 25%; padding-left: 0.5em; padding-right: 0.5em; position: relative; } .btn-icon-icon__arrow { flex: 0 0 auto; width: 3em; height: 100%; padding: 0.8em; } .slider_btn_layout { gap: 0.5em; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .btn-icon-icon__list { flex: 0 0 auto; justify-content: flex-start; align-items: center; height: 100%; display: flex; } .btn-icon-icon__wrap { color: rgb(255, 255, 255); justify-content: flex-end; align-items: center; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; } .slider_component { container-type: inline-size; } .btn-icon-link { gap: 1em; color: rgb(32, 32, 32); cursor: pointer; justify-content: flex-start; align-items: center; font-size: 1em; line-height: 1.2; text-decoration: none; transition: color 0.2s; display: flex; } .btn-icon-icon__bg { background-color: currentcolor; width: 100%; height: 100%; position: absolute; } .slider_btn_element.swiper-button-disabled { opacity: 0.5; pointer-events: none; } .btn-icon-icon { z-index: 1; flex: 0 0 auto; justify-content: center; align-items: center; width: 3em; height: 3em; display: flex; position: relative; } .slider_cms_list.swiper-wrapper { display: flex; } .pagination-number { justify-content: center; align-items: center; font-size: 1.5em; line-height: 1; display: flex; } .slider_cms_wrap.swiper { margin-left: calc(var(--site--gutter)*-.5); margin-right: calc(var(--site--gutter)*-.5); overflow: visible; } .artwork-slider_layout { gap: 2em; flex-flow: wrap; place-content: center flex-end; align-items: center; margin-top: 2em; display: flex; } .slider_pagination-numbers { gap: 1em; justify-content: flex-start; align-items: center; display: flex; } .cms_list-item { max-width: 40rem; } .cms_list-item.is-artwork { aspect-ratio: 4 / 5; border-radius: var(--_layout---radius--border-radius-medium); justify-content: center; align-items: center; max-width: none; display: flex; position: relative; overflow: hidden; } .cms_list-item.is-bts { aspect-ratio: 4.2 / 7; border-radius: var(--_layout---radius--border-radius-medium); justify-content: center; align-items: center; max-width: none; display: flex; position: relative; overflow: hidden; } .pagination-number-devider { font-size: 1.5em; line-height: 1; } .results_socials { gap: 1em; pointer-events: auto; flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .results_socials.is-socials { gap: 1em; flex-flow: row; justify-content: flex-start; align-items: center; } .testimonial_wrapper { gap: 2em; justify-content: flex-start; align-items: flex-end; width: 100%; display: flex; position: relative; } .testimonial-content { gap: 4em; flex-flow: column; display: flex; } .testimonial-side { gap: 1.5em; flex-flow: column; align-items: stretch; height: 100%; display: flex; } .testimonial-bottom { justify-content: space-between; align-items: flex-end; display: flex; } .testimonial-pf { border: 2px solid var(--_colors---swatch--black); background-color: var(--_colors---brand-colors--pink); border-radius: 1em; width: 6em; height: 6em; position: relative; overflow: hidden; } .testimonial-caption { gap: 2.5em; justify-content: flex-start; align-items: center; display: flex; } .testimonial-copy { gap: 0.25em; flex-flow: column; display: flex; } .testimonial-sticker { width: 12em; height: 12em; position: absolute; inset: -4em 4em auto auto; } ._404-wrapper { flex-flow: column; justify-content: flex-end; align-items: stretch; width: 100%; height: 100vh; display: flex; } .single-rain-emoji-image-fire-2 { background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68769d364742578252f0f8d5_icon-3d-fire.png"); background-position: 50% center; background-size: cover; width: 100%; padding-top: 100%; } .single-rain-emoji-image-love-2 { background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68769d364742578252f0f8df_icon-3d-love.png"); background-position: 50% center; background-size: cover; width: 100%; padding-top: 100%; } .more-rexpert-css { display: none; } .drop-section_gallery { gap: 1em; grid-template-rows: auto auto auto auto auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; place-items: center; width: 100%; height: 300vh; margin-top: 100vh; margin-bottom: -100vh; padding-bottom: 100vh; padding-left: 2em; padding-right: 2em; display: grid; position: absolute; inset: 0% 0% auto; } .ds-gallery_item { aspect-ratio: 2 / 3; border-radius: var(--_layout---radius--border-radius-small); width: 15vw; position: relative; overflow: hidden; } .drop-section_title-wrap { justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; position: sticky; top: 0px; } .preloader { z-index: 999999999; pointer-events: none; width: 100vw; height: 100vh; position: fixed; inset: 0%; } .preloader_content { flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .preloader__shapes { flex-flow: column; width: 100%; height: 100%; display: flex; position: absolute; inset: 0%; } .preloader__fill-top { background-color: var(--_colors---brand-colors--pink); width: 100%; height: 50%; transform: translateY(-100%); } .preloader_line { z-index: 1; background-color: var(--_colors---swatch--creme); width: 0%; height: 2px; position: relative; } .preloader__fill-bottom { background-color: var(--_colors---brand-colors--pink); width: 100%; height: 50%; transform: translateY(100%); } .text-wrap-auto { text-wrap: wrap; } .contact-spacer { margin-top: auto; } .team-video_item, .team-video_item-main { width: 100%; height: 100%; position: absolute; inset: 0%; } .team-hover-css { display: none; } .sotd-container { justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; } .single-rain-emoji-image-fire-3 { background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68769d364742578252f0f8d5_icon-3d-fire.png"); background-position: 50% center; background-size: cover; width: 100%; padding-top: 100%; } .single-rain-emoji-image-love-3 { background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68769d364742578252f0f8df_icon-3d-love.png"); background-position: 50% center; background-size: cover; width: 100%; padding-top: 100%; } .single-rain-emoji-image-trophy { background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68f8ddcb7f9d255680bcfd1f_c26b21b2370481fb772db213da124e6f_trophy.png"); background-position: 50% center; background-size: cover; width: 100%; padding-top: 100%; rotate: 180deg; } .single-rain-emoji-image-gh { background-image: url("https://cdn.prod.website-files.com/6848603da8e6ac95794b7498/68f8e06426f5d3875f343ccc_8c66855efc571c122b7d685b7fac3b57_gh.png"); background-position: 50% center; background-size: cover; width: 100%; padding-top: 100%; rotate: 180deg; } .section_bts { width: 100%; position: relative; } .bts_wrapper { gap: 2em; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: center; width: 100%; display: grid; } .bts_video { aspect-ratio: 9 / 16; border-radius: 2em; justify-content: center; align-items: center; width: 28em; display: flex; position: relative; overflow: hidden; } .bunny-player__before { padding-top: 62.5%; } .bunny-player__placeholder { object-fit: cover; width: 100%; height: 100%; padding-bottom: 0px; padding-right: 0px; position: absolute; } .bunny-player__video { width: 100%; height: 100%; padding-bottom: 0px; padding-right: 0px; display: block; position: absolute; top: 0px; left: 0px; } .bunny-player__playpause { pointer-events: auto; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; } .bunny-player { pointer-events: none; color: rgb(255, 255, 255); isolation: isolate; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; transform: translate(0px); } .bunny-player__pause-svg { display: none; } .bunny-player__big-btn { backdrop-filter: blur(1em); cursor: pointer; background-color: rgba(100, 100, 100, 0.3); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; justify-content: center; align-items: center; width: 6em; height: 6em; padding: 2em; display: flex; position: relative; } .bunny-player__loading-svg { width: 6em; } .bunny-player__dark { opacity: 0.1; background-color: rgb(0, 0, 0); width: 100%; height: 100%; position: absolute; } .bunny-player__loading { opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.33); justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; } .bunny-css { display: none; } @media screen and (max-width: 991px) { body { --_sizes---size--96px: 4.75em; --_sizes---size--128px: 6.5em; --_sizes---size--160px: 8em; --_sizes---size--224px: 11.25em; --_sizes---size--320px: 16em; --_sizes---size--256px: 12.75em; --_sizes---size--192px: 9.5em; --_sizes---size--88px: 4.5em; --_sizes---size--80px: 4em; --_sizes---size--72px: 3.5em; --_sizes---size--64px: 3.25em; --_sizes---size--56px: 2.75em; --_sizes---size--48px: 2.5em; --_sizes---size--40px: 2em; --_sizes---size--32px: 1.5em; --_sizes---size--24px: 1.25em; --_sizes---size--16px: 1em; --_sizes---size--12px: .75em; --_sizes---size--8px: .5em; --_sizes---size--4px: .25em; --_sizes---size--2px: .125em; --_sizes---size--112px: 5.5em; --_sizes---size--104px: 5.25em; --_paragraphs---paragraph-regular--font-size: 1.25em; --_paragraphs---paragraph-regular--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-regular--line-height: 1.4em; --_paragraphs---paragraph-regular--font-weight: var(--_fonts---font-weight--medium); --_paragraphs---paragraph-regular--letter-spacing: -.03em; --_paragraphs---paragraph-s--letter-spacing: -.03em; --_paragraphs---paragraph-xl--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-xl--font-size: 2.25em; --_paragraphs---paragraph-xl--line-height: 1.1em; --_paragraphs---paragraph-xl--font-weight: var(--_fonts---font-weight--semi-bold); --_paragraphs---paragraph-xl--letter-spacing: -.03em; --_paragraphs---paragraph-l--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-l--font-size: 1.75em; --_paragraphs---paragraph-l--line-height: 1.3em; --_paragraphs---paragraph-l--font-weight: var(--_fonts---font-weight--semi-bold); --_paragraphs---paragraph-l--letter-spacing: -.03em; --_paragraphs---paragraph-m--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-m--font-size: 1.25em; --_paragraphs---paragraph-m--line-height: 1.3em; --_paragraphs---paragraph-m--letter-spacing: -.03em; --_paragraphs---paragraph-m--font-weight: var(--_fonts---font-weight--semi-bold); --_paragraphs---paragraph-s--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-s--font-size: 1em; --_paragraphs---paragraph-s--line-height: 1.3em; --_paragraphs---paragraph-s--font-weight: var(--_fonts---font-weight--normal); --_paragraphs---paragraph-xs--font-size: .75rem; --_paragraphs---paragraph-xs--font-weight: var(--_fonts---font-weight--normal); --_paragraphs---paragraph-xxs--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-xxs--font-size: .625rem; --_paragraphs---paragraph-xxs--line-height: 1.4em; --_paragraphs---paragraph-xxs--font-weight: var(--_fonts---font-weight--normal); --_paragraphs---paragraph-xxs--letter-spacing: -.02em; --_paragraphs---paragraph-xs--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-xs--line-height: 1.3em; --_paragraphs---paragraph-xs--letter-spacing: -.045em; --_headings---heading-xxl--font-size: var(--_sizes---size--112px); --_headings---heading-xxl--line-height: .95em; --_headings---heading-xxl--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-xxl--letter-spacing: -.05em; --_headings---heading-xl--font: var(--_fonts---fonts--heading); --_headings---heading-xl--font-size: var(--_sizes---size--104px); --_headings---heading-xl--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-xl--letter-spacing: -.05em; --_headings---heading-l--font: var(--_fonts---fonts--heading); --_headings---heading-l--font-size: var(--_sizes---size--88px); --_headings---heading-xl--line-height: 1em; --_headings---heading-l--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-l--letter-spacing: -.05em; --_headings---heading-m--font: var(--_fonts---fonts--heading); --_headings---heading-m--font-size: var(--_sizes---size--72px); --_headings---heading-m--line-height: 1em; --_headings---heading-m--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-m--letter-spacing: -.04em; --_headings---heading-s--font: var(--_fonts---fonts--heading); --_headings---heading-s--font-size: var(--_sizes---size--56px); --_headings---heading-s--line-height: 1em; --_headings---heading-s--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-s--letter-spacing: -.04em; --_headings---heading-xs--font: var(--_fonts---fonts--heading); --_headings---heading-xs--font-size: var(--_sizes---size--32px); --_headings---heading-xs--line-height: 1.1em; --_headings---heading-xs--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-xs--letter-spacing: -.03em; --_headings---heading-l--line-height: 1em; --_headings---heading-xxl--font: var(--_fonts---fonts--heading); } .padding-global { padding-left: 2em; padding-right: 2em; } .padding-256px { padding: var(--spacing--tablet-256px\<deleted\|variable-916d0a3e-b68a-1e36-5438-38f6239c015c\>); } .padding-224px { padding: var(--spacing--tablet-224px\<deleted\|variable-ead628c9-5f3a-db74-2b37-4fc8c9b0460b\>); } .padding-192px { padding: var(--spacing--tablet-192px\<deleted\|variable-95da8060-f85f-6001-2a25-ed668e55b33d\>); } .padding-160px { padding: var(--spacing--tablet-160px\<deleted\|variable-063ff5bb-51f0-efdd-5dd1-1b258dc08bac\>); } .padding-128px { padding: var(--spacing--tablet-128px\<deleted\|variable-692abbe8-7ac6-8dfe-e5ef-0972beaccf77\>); } .padding-96px { padding: var(--spacing--tablet-96px\<deleted\|variable-358c04c2-a70a-d048-1059-a1da2e2f5b6b\>); } .padding-88px { padding: var(--spacing--tablet-88px\<deleted\|variable-57d919a2-626f-7126-2870-f95a5ef58814\>); } .padding-80px { padding: var(--spacing--tablet-80px\<deleted\|variable-4eeec3e9-fd54-e471-5943-7c004fbd4ee1\>); } .padding-72px { padding: var(--spacing--tablet-72px\<deleted\|variable-b30e677a-d534-27d1-fa19-aa0996e20938\>); } .padding-64px { padding: var(--spacing--tablet-64px\<deleted\|variable-3a2c49ea-a4a7-69e1-4176-c1f0ad9f624a\>); } .padding-56px { padding: var(--spacing--tablet-56px\<deleted\|variable-b38f6756-4926-ec42-7946-e0fd6f94e56b\>); } .padding-48px { padding: var(--spacing--tablet-48px\<deleted\|variable-3ac3ad93-56d1-41dc-f645-343bcfd0074e\>); } .padding-40px { padding: var(--spacing--tablet-40px\<deleted\|variable-8775444d-0210-196e-c16e-98a48bc11d73\>); } .padding-32px { padding: var(--spacing--tablet-32px\<deleted\|variable-372d7255-d371-fb88-17c6-374d13c69062\>); } .padding-24px { padding: var(--spacing--tablet-24px\<deleted\|variable-086a30c7-ce5d-6b58-9324-98c929be3b7b\>); } .container-col-12, .container-col-10 { max-width: 100%; } .container-col-08 { max-width: 90%; } .max-width-col-12 { pointer-events: auto; } .max-width-col-11, .max-width-col-10, .max-width-col-09, .max-width-col-08 { max-width: 100%; } .max-width-col-07 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/8)*7); } .max-width-col-06 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/8)*6); } .max-width-col-05 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/8)*5); } .max-width-col-04 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/8)*4); } .max-width-col-03 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/8)*3); } .max-width-col-02 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/8)*2); } .grid-column-03, .grid-column-04 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .bp-layout { column-gap: var(--_layout---grid--gap-tablet\<deleted\|variable-ff4ab7d8-1b7d-e830-21bf-aa88e5d5e74c\>); row-gap: var(--_layout---grid--gap-tablet\<deleted\|variable-ff4ab7d8-1b7d-e830-21bf-aa88e5d5e74c\>); grid-template-columns: 1fr; } .bp-header { position: static; } .bp-button { border-radius: var(--element-button--radius-tablet\<deleted\|variable-5e60258f-bfd2-096e-5216-491e715da2a6\>); } .bp-card { border-radius: var(--element-card--card-tablet\<deleted\|variable-8802b6d5-a8b9-c5b5-b6e7-ea525c156394\>); } .bp-card_content { padding: var(--element-card--padding-tablet\<deleted\|variable-c28b41a6-a697-24b0-1cb7-c9d16b5f21d9\>); } .bp-label { border-radius: var(--element-label--radius-tablet\<deleted\|variable-32c37fc7-7a2d-27cf-3450-597acbf4740b\>); } .bp-grid-column-03 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .bp-label_content { align-items: stretch; } .bp-grid-column-04 { column-gap: var(--_layout---grid--gap-tablet\<deleted\|variable-ff4ab7d8-1b7d-e830-21bf-aa88e5d5e74c\>); row-gap: var(--_layout---grid--gap-tablet\<deleted\|variable-ff4ab7d8-1b7d-e830-21bf-aa88e5d5e74c\>); grid-template-columns: repeat(3, minmax(0px, 1fr)); } .bp-grid-column-02 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .select { border-radius: var(--element-button--radius-tablet\<deleted\|variable-5e60258f-bfd2-096e-5216-491e715da2a6\>); } .radius_card-content { border-radius: calc(var(--element-card--radius-tablet)*.25); } .filter-reset { border-radius: var(--element-button--radius-tablet\<deleted\|variable-5e60258f-bfd2-096e-5216-491e715da2a6\>); } .icon-button_element { border-radius: 0.25rem; } .icon-button_element:hover { transform: scale(1); } .icon-btn_bg-fill { border-radius: 0.25rem; } .icon-btn_track { transform: translate(0%); } .icon-btn_track.is-vertical { transform: translate(0%); } .swiper-slide_caption { gap: 0.5em; } .hero { padding-top: 10em; padding-bottom: 2em; } .hero.is-coming-soon { height: 100svh; padding-bottom: 2.5em; } .hero.is-work { justify-content: flex-start; align-items: center; } .hero.is-case, .hero.is-bts { flex-flow: column; justify-content: flex-start; align-items: center; height: auto; min-height: calc(-10em + 100svh); padding-bottom: 10em; padding-left: 2em; padding-right: 2em; } .grid-col-12 { row-gap: 1em; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; width: 100%; } .hero-logo { width: 30em; margin-bottom: 1em; } .sticker { width: 10em; } .button-default { font-size: 1.125em; } .button-default.is-nav-mobile { transform-origin: 50% 100%; transform: scale(1.25); } .button-default__background.is-nav-mobile { background-color: var(--_colors---swatch--black); } .hero-sticker { top: 12em; right: 1em; } .container.is-mwg_effect025 { padding: 2em 0px 0px; } .cs-footer { height: auto; padding-top: 8em; padding-bottom: 32em; } .cs-footer-bottom { flex-flow: column; justify-content: flex-end; align-items: center; padding-left: 0px; padding-right: 0px; } .hero-title { max-width: 100%; margin-bottom: 1em; } .hero-title.is-work { justify-content: flex-start; align-items: flex-start; } .intro-text { width: 100%; height: auto; } .cs-footer-info-wrapper { width: calc(100% - 4em); padding: 1em 0px; position: relative; } .footer-info { gap: 5em; flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; padding-right: 0px; display: grid; } .footer-bg { position: relative; } .footer-logo { padding-top: 0.4em; padding-bottom: 0px; padding-left: 0.4em; top: 5.8em; bottom: auto; } .hero-cs_sticky { padding-bottom: 2.5em; } .cs-footer-info_bg { z-index: -1; background-color: var(--_colors---swatch--taupe); padding-bottom: 0px; padding-right: 0px; display: block; position: absolute; inset: 0%; } .footer-logo_svg { height: 4em; } .footer-sticker { top: -3em; right: 2em; } .modal-contact { width: 90%; } .modal_close { z-index: 0; } .modal-close { transition: none; } .modal-close:hover { border-radius: 0.25em; } .modal.is-contact { z-index: 2147483647; height: 100dvh; } .contact-link { height: 10.5em; } .mwg_effect020 { display: none; } .nav { padding-left: 0px; padding-right: 0px; } .navbar { max-width: 100%; margin-left: 0px; margin-right: 0px; padding-left: 2em; padding-right: 2em; } .nav_logo { z-index: 1000; height: 3.75em; position: relative; } .navbar_menu { background-color: rgba(178, 30, 20, 0.98); border-radius: 0px; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100svh; display: none; position: fixed; inset: 0%; transform: translateY(-20px); opacity: 0; transition: opacity 0.35s ease, transform 0.35s ease; } .navbar_menu.is-open { display: flex; transform: translateY(0px); opacity: 1; } .navbar_menu a { opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; color: rgba(255, 241, 235, 0.95); } .navbar_menu.is-open a { opacity: 1; transform: translateY(0); } .navbar_menu a:nth-of-type(1) { transition-delay: 0.12s; } .navbar_menu a:nth-of-type(2) { transition-delay: 0.18s; } .navbar_menu a:nth-of-type(3) { transition-delay: 0.24s; } .navbar_menu a:nth-of-type(4) { transition-delay: 0.30s; } .button-color-swoosh { font-size: 2em; } .button-color-swoosh.is-footer { font-size: 1.125em; } .navbar_menu-trigger { z-index: 1000; background-color: var(--_colors---brand-colors--pink); cursor: pointer; border-radius: 0.75em; flex: 0 0 auto; justify-content: center; align-items: center; width: 3em; height: 3em; padding-bottom: 0px; padding-right: 0px; display: flex; position: relative; transition: transform 0.25s ease, background-color 0.25s ease; } .navbar_menu-trigger:hover { transform: scale(1.06); } .navbar_menu-trigger.is-open { background-color: var(--_colors---swatch--black); } .navbar_menu-line { z-index: 1; background-color: var(--_colors---swatch--black); width: 20px; height: 2px; padding-bottom: 0px; padding-right: 0px; position: absolute; transition: transform 0.25s ease, width 0.25s ease, background-color 0.25s ease; } .navbar_menu-trigger.is-open .navbar_menu-line { background-color: var(--_colors---swatch--white); width: 24px; } .navbar_menu-line.is-top { transform: translateY(-4px); } .navbar_menu-line.is-bottom { transform: translateY(4px); } .navbar_menu-trigger.is-open .navbar_menu-line.is-top { transform: translateY(0px) rotate(45deg); } .navbar_menu-trigger.is-open .navbar_menu-line.is-bottom { transform: translateY(0px) rotate(-45deg); } .show-tablet { display: block; } .navbar_menu-bottom { justify-content: center; align-items: center; padding-bottom: 3em; display: flex; position: absolute; inset: auto 0% 0%; } .navbar_menu-bg { z-index: -1; background-color: var(--_colors---brand-colors--pink); border-radius: 1em; width: 150%; height: calc(100% - 2em); padding-bottom: 0px; padding-right: 0px; display: block; position: absolute; overflow: hidden; transform: scale(0.95); opacity: 0; transition: opacity 0.35s ease, transform 0.35s ease; } .navbar_menu.is-open .navbar_menu-bg { transform: scale(1); opacity: 1; } .navbar_menu-bg-back { display: block; } .no-scroll { overflow: hidden; } .footer-legal.is-copyright { margin-top: auto; } .footer_links { gap: 2em; height: 100%; padding-top: 2em; } .footer_sitemap { gap: 0.5em; } .results-card { border-radius: 2em; } .results-card_content { padding: 1.5em; } .results-card_title { font-size: 4em; } .results-card_title.is-work { font-size: 3.5em; } .mwg_effect031 { padding-top: 0px; } .expertise-slide { height: calc(-4em + 100svh); } .expertise-content { padding: 3em; } .label { height: 2.5em; font-size: 10px; } .label.is-sw { transform-origin: 0% center; transform: scale(0.8); } .expertise-content_bottom { gap: 1.25em; } .expertise-content_img { padding: 6px; bottom: 3em; right: 3em; } .medium-image { width: 18em; } .sw-list { gap: 1.5em; padding-left: 0px; padding-right: 0px; } .sw-item { width: 100%; } .sw-card { border-radius: var(--_layout---radius--border-radius-medium); width: 100%; padding: 6px; } .sw-card_video { border-radius: 1.5em; width: calc(100% - 12px); height: calc(100% - 12px); } .sw-card_content { gap: 0.5em; padding-bottom: 0.75em; padding-left: 0.75em; padding-right: 0.75em; } .sw-card_wrap { bottom: 1.25em; left: 1.25em; right: 1.25em; } .sw-card_shape { transform: translateY(-3.5em); } .sw-card_icon { width: 2.5em; height: 2.5em; } .sw-card_icon-svg { height: 0.875em; } .work-list { gap: 6em 4em; padding-left: 0px; padding-right: 0px; } .work-card { border-radius: var(--_layout---radius--border-radius-medium); width: 22em; } .work-card_video { border-radius: 1.5em; } .work-card_wrap { bottom: 1.25em; left: 1.25em; right: 1.25em; } .work-card_content { gap: 0.5em; padding-bottom: 0.75em; padding-left: 0.75em; padding-right: 0.75em; } .work-card_shape { transform: translateY(-3.5em); } .work-card_icon { width: 2.5em; height: 2.5em; } .work-card_icon-svg { height: 0.875em; } .expertise-hero { padding: 2.5em; } .expertise-hero_content { gap: 2em; justify-content: space-between; align-items: flex-end; } .title_item { overflow: hidden; } .title_container-m { flex-flow: column; display: flex; } .vertical-scroll-wrapper { width: 100%; height: 4.1em; overflow: hidden; } .expertise-hero_title { white-space: nowrap; padding-bottom: 0.3em; } .about-hero { height: 100svh; } .drop-heading { font-size: 7vw; } .button-row { flex-flow: column; } .expertise-header-wrapper { height: 100svh; padding-top: 10em; padding-bottom: 3em; } .case-card_title { width: 28em; position: absolute; inset: auto auto 1.5em 1.5em; } .case-card_content { gap: 0.5em; width: 100%; max-width: 100%; padding-bottom: 0.75em; padding-left: 0.75em; padding-right: 0.75em; } .case-card_shape { right: -1px; transform: translateY(-5em); } .case-hero-slider { position: relative; } .stack-cards { width: 22em; height: 37em; } .stacked-cards__controls { bottom: 0px; } .case-scroll-down { bottom: 2em; right: 2em; } .play-toggle { width: 4em; height: 4em; } .wc-list { gap: 1.5em; padding-left: 0px; padding-right: 0px; } .wc-item { width: 100%; } .wc-card { border-radius: var(--_layout---radius--border-radius-medium); width: 100%; } .wc-card_video { border-radius: 1.5em; } .results_title { padding-right: 0px; } .why-grid { flex-flow: column; justify-content: flex-start; align-items: stretch; padding: 2em; display: flex; } .why-header { max-width: 75%; } .deliver-grid { gap: 2em; } .more-expert_grid { flex-flow: column; display: flex; } .more-expert_item { aspect-ratio: 3 / 2; } .slider_cms_item.swiper-slide { width: 33.3333%; } .results_socials { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .testimonial-content { gap: 3em; } .testimonial-pf { width: 5em; height: 5em; } .testimonial-caption { gap: 2em; } .ds-gallery_item { width: 20vw; } } @media screen and (max-width: 767px) { body { --_sizes---size--96px: 4.25em; --_sizes---size--128px: 5.5em; --_sizes---size--160px: 7em; --_sizes---size--224px: 9.75em; --_sizes---size--320px: 14em; --_sizes---size--256px: 11.25em; --_sizes---size--192px: 8.25em; --_sizes---size--88px: 3.75em; --_sizes---size--80px: 3.5em; --_sizes---size--72px: 3.25em; --_sizes---size--64px: 2.75em; --_sizes---size--56px: 2.5em; --_sizes---size--48px: 2em; --_sizes---size--40px: 1.75em; --_sizes---size--32px: 1.5em; --_sizes---size--24px: 1.25em; --_sizes---size--16px: 1em; --_sizes---size--12px: .75em; --_sizes---size--8px: .5em; --_sizes---size--4px: .25em; --_sizes---size--2px: .125em; --_sizes---size--112px: 5em; --_sizes---size--104px: 4.5em; --_paragraphs---paragraph-regular--font-size: 1.25em; --_paragraphs---paragraph-regular--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-regular--line-height: 1.4em; --_paragraphs---paragraph-regular--font-weight: var(--_fonts---font-weight--medium); --_paragraphs---paragraph-regular--letter-spacing: -.03em; --_paragraphs---paragraph-s--letter-spacing: -.03em; --_paragraphs---paragraph-xl--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-xl--font-size: 2em; --_paragraphs---paragraph-xl--line-height: 1.1em; --_paragraphs---paragraph-xl--font-weight: var(--_fonts---font-weight--semi-bold); --_paragraphs---paragraph-xl--letter-spacing: -.03em; --_paragraphs---paragraph-l--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-l--font-size: 1.5em; --_paragraphs---paragraph-l--line-height: 1.3em; --_paragraphs---paragraph-l--font-weight: var(--_fonts---font-weight--semi-bold); --_paragraphs---paragraph-l--letter-spacing: -.03em; --_paragraphs---paragraph-m--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-m--font-size: 1.25em; --_paragraphs---paragraph-m--line-height: 1.3em; --_paragraphs---paragraph-m--letter-spacing: -.03em; --_paragraphs---paragraph-m--font-weight: var(--_fonts---font-weight--semi-bold); --_paragraphs---paragraph-s--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-s--font-size: 1em; --_paragraphs---paragraph-s--line-height: 1.3em; --_paragraphs---paragraph-s--font-weight: var(--_fonts---font-weight--normal); --_paragraphs---paragraph-xs--font-size: .75rem; --_paragraphs---paragraph-xs--font-weight: var(--_fonts---font-weight--normal); --_paragraphs---paragraph-xxs--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-xxs--font-size: .625rem; --_paragraphs---paragraph-xxs--line-height: 1.4em; --_paragraphs---paragraph-xxs--font-weight: var(--_fonts---font-weight--normal); --_paragraphs---paragraph-xxs--letter-spacing: -.02em; --_paragraphs---paragraph-xs--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-xs--line-height: 1.3em; --_paragraphs---paragraph-xs--letter-spacing: -.045em; --_headings---heading-xxl--font-size: var(--_sizes---size--112px); --_headings---heading-xxl--line-height: .95em; --_headings---heading-xxl--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-xxl--letter-spacing: -.05em; --_headings---heading-xl--font: var(--_fonts---fonts--heading); --_headings---heading-xl--font-size: var(--_sizes---size--104px); --_headings---heading-xl--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-xl--letter-spacing: -.05em; --_headings---heading-l--font: var(--_fonts---fonts--heading); --_headings---heading-l--font-size: var(--_sizes---size--88px); --_headings---heading-xl--line-height: 1em; --_headings---heading-l--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-l--letter-spacing: -.05em; --_headings---heading-m--font: var(--_fonts---fonts--heading); --_headings---heading-m--font-size: var(--_sizes---size--80px); --_headings---heading-m--line-height: 1em; --_headings---heading-m--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-m--letter-spacing: -.04em; --_headings---heading-s--font: var(--_fonts---fonts--heading); --_headings---heading-s--font-size: var(--_sizes---size--56px); --_headings---heading-s--line-height: 1em; --_headings---heading-s--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-s--letter-spacing: -.04em; --_headings---heading-xs--font: var(--_fonts---fonts--heading); --_headings---heading-xs--font-size: var(--_sizes---size--32px); --_headings---heading-xs--line-height: 1.1em; --_headings---heading-xs--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-xs--letter-spacing: -.03em; --_headings---heading-l--line-height: 1em; --_headings---heading-xxl--font: var(--_fonts---fonts--heading); } .padding-global { padding-left: 1.5em; padding-right: 1.5em; } .container-col-08, .max-width-col-06 { max-width: 100%; } .swiper-slide_caption { gap: 1em; } .hero.is-case, .hero.is-bts { min-height: calc(-9em + 100svh); margin-top: 7em; padding-bottom: 1.5em; padding-left: 1.5em; padding-right: 1.5em; } .grid-col-12.is-team { column-gap: 2em; } .paragraph-xxl.is-testimonial { text-indent: 1em; } .cs-footer { padding-bottom: 36em; } .footer-logo { top: 5.2em; } .modal-contact { border-left-style: none; width: 100%; } .modal_close { display: none; } .form-group { width: 100%; } .navbar { padding-left: 1.5em; padding-right: 1.5em; } .results-card { border-radius: 1.5em; } .results-card_content { padding: 1.25em 1.25em 1.25em 1em; } .results-card_title { font-size: 3.5em; } .results-card_title.is-work { font-size: 2.5em; } .expertise-content { padding: 2em; } .expertise-content_bottom { max-width: 22em; } .expertise-content_img { padding: 4px; bottom: 1.5em; right: 1.5em; } .medium-image { width: 16em; } .sw-list { gap: 1em; } .sw-card { padding: 4px; } .sw-card_video { width: calc(100% - 8px); height: calc(100% - 8px); } .sw-card_wrap { bottom: 1em; left: 1em; right: 1em; } .sw-card_shape { transform: translateY(-2.75em); } .sw-card_icon { width: 2.25em; height: 2.25em; top: 0.25em; right: 0.25em; } .results-card_subtitle { font-size: 1.25em; } .results-card_paragraph { font-size: 1em; } .work-list { gap: 4em 2em; } .work-card, .work-card.is-stack-cards { width: 18em; } .work-card_wrap { bottom: 1em; left: 1em; right: 1em; } .work-card_shape { transform: translateY(-2.75em); } .work-card_icon { width: 2.25em; height: 2.25em; top: 0.25em; right: 0.25em; } .gsap-slider { padding-left: 1em; padding-right: 1em; } .expertise-hero_content { gap: 0em; flex-flow: column; justify-content: flex-end; align-items: flex-start; } .button-2 { font-size: 1em; } .team-paragraph-red { margin-left: 0px; } .case-card_title { width: 24em; } .stack-cards { width: 19em; height: 30em; } .stack-cards__card { pointer-events: auto; } .stack-cards__item { pointer-events: none; } .stacked-cards__controls { right: -3em; } .case-scroll-down { bottom: 1.5em; right: 1.5em; } .play-toggle { width: 3.5em; height: 3.5em; } .wc-list { gap: 1em; } .wc_title { padding-left: 1em; padding-right: 1em; } .more-expert_item { padding: 2em; } .contact-info { gap: 1em; flex-flow: wrap; } .testimonial_wrapper, .testimonial-side { gap: 1em; } .testimonial-caption { gap: 1.5em; } .bunny-player__big-btn { width: 20vw; height: 20vw; padding: 6vw; } } @media screen and (max-width: 479px) { body { --_sizes---size--96px: 3.5em; --_sizes---size--128px: 4.75em; --_sizes---size--160px: 6em; --_sizes---size--224px: 8.5em; --_sizes---size--320px: 12em; --_sizes---size--256px: 9.5em; --_sizes---size--192px: 7.25em; --_sizes---size--88px: 3.25em; --_sizes---size--80px: 3em; --_sizes---size--72px: 2.75em; --_sizes---size--64px: 2.5em; --_sizes---size--56px: 2.25em; --_sizes---size--48px: 2em; --_sizes---size--40px: 1.75em; --_sizes---size--32px: 1.5em; --_sizes---size--24px: 1.25em; --_sizes---size--16px: 1em; --_sizes---size--12px: .75em; --_sizes---size--8px: .5em; --_sizes---size--4px: .25em; --_sizes---size--2px: .125em; --_sizes---size--112px: 4.25em; --_sizes---size--104px: 4em; --_paragraphs---paragraph-regular--font-size: 1.25em; --_paragraphs---paragraph-regular--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-regular--line-height: 1.4em; --_paragraphs---paragraph-regular--font-weight: var(--_fonts---font-weight--medium); --_paragraphs---paragraph-regular--letter-spacing: -.03em; --_paragraphs---paragraph-s--letter-spacing: -.03em; --_paragraphs---paragraph-xl--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-xl--font-size: 2em; --_paragraphs---paragraph-xl--line-height: 1.1em; --_paragraphs---paragraph-xl--font-weight: var(--_fonts---font-weight--semi-bold); --_paragraphs---paragraph-xl--letter-spacing: -.03em; --_paragraphs---paragraph-l--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-l--font-size: 1.5em; --_paragraphs---paragraph-l--line-height: 1.3em; --_paragraphs---paragraph-l--font-weight: var(--_fonts---font-weight--semi-bold); --_paragraphs---paragraph-l--letter-spacing: -.03em; --_paragraphs---paragraph-m--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-m--font-size: 1.25em; --_paragraphs---paragraph-m--line-height: 1.3em; --_paragraphs---paragraph-m--letter-spacing: -.03em; --_paragraphs---paragraph-m--font-weight: var(--_fonts---font-weight--semi-bold); --_paragraphs---paragraph-s--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-s--font-size: 1em; --_paragraphs---paragraph-s--line-height: 1.3em; --_paragraphs---paragraph-s--font-weight: var(--_fonts---font-weight--normal); --_paragraphs---paragraph-xs--font-size: .75rem; --_paragraphs---paragraph-xs--font-weight: var(--_fonts---font-weight--normal); --_paragraphs---paragraph-xxs--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-xxs--font-size: .625rem; --_paragraphs---paragraph-xxs--line-height: 1.4em; --_paragraphs---paragraph-xxs--font-weight: var(--_fonts---font-weight--normal); --_paragraphs---paragraph-xxs--letter-spacing: -.02em; --_paragraphs---paragraph-xs--font: var(--_fonts---fonts--paragraph); --_paragraphs---paragraph-xs--line-height: 1.3em; --_paragraphs---paragraph-xs--letter-spacing: -.045em; --_headings---heading-xxl--font-size: var(--_sizes---size--112px); --_headings---heading-xxl--line-height: .95em; --_headings---heading-xxl--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-xxl--letter-spacing: -.05em; --_headings---heading-xl--font: var(--_fonts---fonts--heading); --_headings---heading-xl--font-size: var(--_sizes---size--96px); --_headings---heading-xl--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-xl--letter-spacing: -.05em; --_headings---heading-l--font: var(--_fonts---fonts--heading); --_headings---heading-l--font-size: var(--_sizes---size--88px); --_headings---heading-xl--line-height: .95em; --_headings---heading-l--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-l--letter-spacing: -.05em; --_headings---heading-m--font: var(--_fonts---fonts--heading); --_headings---heading-m--font-size: var(--_sizes---size--64px); --_headings---heading-m--line-height: 1em; --_headings---heading-m--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-m--letter-spacing: -.04em; --_headings---heading-s--font: var(--_fonts---fonts--heading); --_headings---heading-s--font-size: var(--_sizes---size--56px); --_headings---heading-s--line-height: 1em; --_headings---heading-s--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-s--letter-spacing: -.04em; --_headings---heading-xs--font: var(--_fonts---fonts--heading); --_headings---heading-xs--font-size: var(--_sizes---size--32px); --_headings---heading-xs--line-height: 1.1em; --_headings---heading-xs--font-weight: var(--_fonts---font-weight--semi-bold); --_headings---heading-xs--letter-spacing: -.03em; --_headings---heading-l--line-height: 1em; --_headings---heading-xxl--font: var(--_fonts---fonts--heading); } .padding-global { padding-left: 1.25em; padding-right: 1.25em; } .padding-256px { padding: var(--spacing--mobile-256px\<deleted\|variable-f160f7f9-1c91-dbef-028c-2ad57aa45df6\>); } .padding-224px { padding: var(--spacing--mobile-224px\<deleted\|variable-9855d4de-3551-ba49-c73f-35436feb24aa\>); } .padding-192px { padding: var(--spacing--mobile-192px\<deleted\|variable-1f8ae059-c45a-e7df-4fc9-d2f57d50172d\>); } .padding-160px { padding: var(--spacing--mobile-160px\<deleted\|variable-ccbf86d9-b96d-7f3f-1a39-3ceea7a753d5\>); } .padding-128px { padding: var(--spacing--mobile-128px\<deleted\|variable-deff835c-7805-b241-712d-4f21fbb7d357\>); } .padding-96px { padding: var(--spacing--mobile-96px\<deleted\|variable-fb7ae1bd-8718-b1a9-85a8-432abe81a168\>); } .padding-88px { padding: var(--spacing--mobile-88px\<deleted\|variable-925ca50b-581c-61ff-04c2-8d4436ccc623\>); } .padding-80px { padding: var(--spacing--mobile-80px\<deleted\|variable-772f0a1e-b3db-6b13-4c2d-65df819a0069\>); } .padding-72px { padding: var(--spacing--mobile-72px\<deleted\|variable-cb9dd2a9-55a6-38cd-c697-89578ac94265\>); } .padding-64px { padding: var(--spacing--mobile-64px\<deleted\|variable-ea717513-d22f-2cb5-8b15-13122c8f220f\>); } .padding-56px { padding: var(--spacing--mobile-56px\<deleted\|variable-bd37f518-f02b-43bd-96c2-75648d40de4e\>); } .padding-48px { padding: var(--spacing--mobile-48px\<deleted\|variable-63a98136-1756-9cea-98cd-58946d9162df\>); } .padding-40px { padding: var(--spacing--mobile-40px\<deleted\|variable-bbf13b83-2c9f-902a-0466-bc94b64923d3\>); } .padding-32px { padding: var(--spacing--mobile-32px\<deleted\|variable-6ea3e16d-059c-a2e0-f71d-13fee24117db\>); } .padding-24px { padding: var(--spacing--mobile-24px\<deleted\|variable-52f0b367-4b4a-aff8-5fee-09b21cb958c8\>); } .container-col-11, .container-col-10, .container-col-09, .container-col-08, .container-col-07, .container-col-06 { max-width: none; } .max-width-col-12 { max-width: calc(((100vw - var(--padding-global--mobile))/4)*4); } .max-width-col-07, .max-width-col-06, .max-width-col-05 { max-width: 100%; } .max-width-col-04 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/5)*4); } .max-width-col-03 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/5)*3); } .max-width-col-02 { max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/5)*2); } .max-width-960px, .max-width-880px, .max-width-800px, .max-width-720px, .max-width-640px, .max-width-512px, .max-width-448px, .max-width-384px, .max-width-320px, .max-width-256px, .max-width-224px { max-width: none; } .rich-text-regular h3 { font-size: 3rem; } .rich-text-regular h2 { font-size: 3.5rem; } .rich-text-regular h1 { font-size: 4rem; } .rich-text-regular h4 { font-size: 2.5rem; } .icon-48px { height: 2.5rem; } .heading-style-24px { font-size: 1.5rem; } .grid-column-03, .grid-column-04, .grid-column-02 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .button-group.is-footer { flex-flow: row; } .bp-layout { column-gap: var(--_layout---grid--gap-mobile\<deleted\|variable-4fadcf1f-040e-5667-91a8-46bc48510e01\>); row-gap: var(--_layout---grid--gap-mobile\<deleted\|variable-4fadcf1f-040e-5667-91a8-46bc48510e01\>); grid-template-columns: 1fr; } .bp-header { margin-bottom: 2rem; padding-right: 3rem; } .bp-button { border-radius: var(--element-button--radius-mobile\<deleted\|variable-3defd336-edc9-0654-9420-78e55b6eb313\>); } .bp-card { border-radius: var(--element-card--radius-mobile\<deleted\|variable-853e8ebc-2621-fa73-dacc-84aa8de9e8de\>); } .bp-card_content { padding: var(--element-card--padding-mobile\<deleted\|variable-27437fc3-c1c5-926b-2762-44eab12995d9\>); } .bp-label { border-radius: var(--element-label--radius-mobile\<deleted\|variable-50db59c2-591f-ccbd-8db7-883048e9293b\>); } .bp-grid-column-03, .bp-grid-column-01 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .bp-grid-column-04 { column-gap: var(--_layout---grid--gap-mobile\<deleted\|variable-4fadcf1f-040e-5667-91a8-46bc48510e01\>); row-gap: var(--_layout---grid--gap-mobile\<deleted\|variable-4fadcf1f-040e-5667-91a8-46bc48510e01\>); grid-template-columns: repeat(1, minmax(0px, 1fr)); } .bp-grid-column-02 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .select { border-radius: var(--element-button--radius-mobile\<deleted\|variable-3defd336-edc9-0654-9420-78e55b6eb313\>); } .custom-heading_underline { height: 2rem; bottom: -1.6rem; } .radius_card-content { border-radius: calc(var(--element-card--radius-mobile)*.25); } .filter-reset { border-radius: var(--element-button--radius-mobile\<deleted\|variable-3defd336-edc9-0654-9420-78e55b6eb313\>); } .bp-hero_grid.is-04 { grid-template-columns: 1fr 1fr; } .icon-button_element, .icon-btn_bg-fill { border-radius: 0.5rem; } .rich-text-large h1 { font-size: 4rem; } .rich-text-large h3 { font-size: 3rem; } .rich-text-large h2 { font-size: 3.5rem; } .rich-text-large h4 { font-size: 2.5rem; } .max-width-30ch, .max-width-35ch, .max-width-40ch, .max-width-45ch, .max-width-50ch, .max-width-55ch, .max-width-60ch { max-width: none; } .swiper-slide_caption { gap: 0.25em; flex: 1 1 0%; } .swiper-slide_link { height: 100%; } .hero { padding-top: 8em; } .hero.is-coming-soon { padding-bottom: 2em; } .hero.is-work { padding-top: 10em; } .hero.is-case, .hero.is-bts { min-height: calc(-9em + 100svh); } .grid-col-12 { row-gap: 0em; flex-flow: column; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; display: flex; } .grid-col-12.is-about-hero { row-gap: 1em; } .hero-logo { width: 85%; } .sticker { width: 7em; } .button-default { font-size: 1.25em; transform: translate(-1em); } .button-default.is-icon { transform: translate(0px); } .hero-sticker { top: 8em; right: 0.5em; } .paragraph-xxl { font-size: 2em; } .card { width: 33.3333vw; } .cs-footer { width: 100%; padding-top: 0px; padding-bottom: 0px; } .cs-footer-cta { display: none; } .cs-footer-bottom { width: 100%; position: static; } .hero-title { gap: 1.5em; } .cs-footer-info-wrapper { width: 100%; padding-top: 4em; } .footer-info { gap: 2em; flex-flow: wrap; justify-content: center; align-items: flex-start; display: flex; } .footer-col { gap: 0.5em; justify-content: flex-start; align-items: center; } .footer-col.is-socials { justify-content: center; align-items: center; } .footer-link { text-align: center; font-size: 1.125em; } .footer-label, .footer-bg { display: none; } .hero-scroll-down { gap: 2.5em; flex-flow: row; justify-content: flex-start; width: 102%; padding-left: 0.5em; } .hero-cs_sticky { display: none; } .show-mobile { display: block; } .footer-mobile-logo { width: 100%; max-width: 100%; margin-bottom: -2em; display: block; } .footer-mobile-logo_svg { width: 100%; } .hero-mobile-button { display: block; } .footer-sticker { display: none; } .modal-contact { gap: 1.5em; padding: 5em 2em 3em; transform: translate(110%); } .heading-style-64px-2 { font-size: 3em; } .modal-close { right: 1.5em; } .form { gap: 1.25em; } .form-row.is-submit { gap: 1em; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .form-input-field { padding-right: 1em; } .form-submit-btn { margin-left: 0px; } .navbar { max-width: 100%; height: 7em; padding-left: 1.25em; padding-right: 1.25em; } .navbar_menu-trigger { width: 3.5em; height: 3.5em; } .navbar_menu-bg-back { z-index: -2; background-color: var(--_theme---background); width: 100%; height: 100svh; padding-bottom: 0px; padding-right: 0px; position: absolute; inset: 0%; } .footer-legal, .footer-legal.is-copyright { text-align: center; } .footer_links { justify-content: flex-start; align-items: center; width: 100%; padding-top: 0px; } .small-image { width: 75vw; transform: translate(5vw) rotate(3deg); } .results-card { border-radius: 1.25em; width: 100%; } .results-card_content { padding: 1em; } .results-card_title { font-size: 3.25em; } .button-wrap { margin-left: 0px; } .button-wrap.is-team { margin-left: 0.9em; } .mwg_effect031 { padding-bottom: 2em; } .expertise-slide { padding-top: 3em; } .expertise-content { gap: 1.5em; border-radius: var(--_layout---radius--border-radius-medium); padding: 1.5em; } .expertise-content_top { gap: 1em; } .label { font-size: 12px; } .expertise-content_bottom { gap: 1em; flex: 0 0 auto; max-width: 100%; } .expertise-content_img { z-index: -1; aspect-ratio: 3 / 4; transform-origin: 0px 0px; border-radius: 1.5em; width: 12em; position: static; top: 0px; bottom: 0px; right: auto; transform: rotate(-2deg); } .medium-image { width: 100%; height: 100%; } .medium-image.is-expertise-content { width: 14em; } .sw-list { gap: 1.25em; flex-flow: column; } .sw-card { width: 80vw; margin-left: 5vw; padding: 6px; transform: rotate(-2deg); } .sw-card_video { justify-content: center; align-items: center; width: calc(100% - 12px); height: calc(100% - 12px); } .sw-card_wrap { bottom: 1.5em; left: 1.5em; right: 1.5em; } .sw-card_shape { transform: translateY(-5em); } .sw-card_icon { width: 3em; height: 3em; top: 0.5em; right: 0.5em; } .sw-card_icon-svg { height: 1em; } .results-card_subtitle { font-size: 1.125em; } .results-card_paragraph { font-size: 0.925em; } .expertise-content_heading { font-size: 3.5em; } .sw-card_mobile-video { display: block; } .work-list { row-gap: 2em; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .work-card { width: 80vw; margin-left: 5vw; } .work-card_video { justify-content: center; align-items: center; } .work-card_shape { transform: translateY(-4.5em); } .work-card_icon { width: 3em; height: 3em; top: 0.5em; right: 0.5em; } .work-card_icon-svg { height: 1em; } .work-card_labels { top: 1em; left: 1em; } .work-card_video-placeholder { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .socials-wrap { flex-flow: wrap; } .expertise-hero { height: 40em; padding: 2em; } .expertise-hero_content { flex-flow: column; justify-content: flex-end; align-items: flex-start; } .title_container-m { position: absolute; } .vertical-scroll-wrapper { width: 100%; height: 2.7em; position: relative; overflow: hidden; } .about-hero { height: auto; padding-top: 10em; } .drop-heading { font-size: 9vw; } .team-video_stack { width: 100%; height: auto; margin-bottom: 2em; } .team-content { flex-flow: wrap; width: 100%; display: flex; } .team-bottom { gap: 1.5em; flex-flow: wrap; } .button-2 { font-size: 1.25em; } .expertise-header-wrapper { padding-bottom: 2em; } .video-thumb.is-expertise-hero { order: 1; margin-top: auto; } .video-thumb_video { width: 10em; } .video-thumb_content { padding: 0.75em; } .case-card_title { width: auto; right: 1.5em; } .case-card_shape { right: 0%; transform: translateY(-4.5em); } .case-hero-slider { justify-content: center; align-items: flex-start; height: 100svh; margin-top: -6em; display: none; } .case-hero-video { border-radius: 1.5em; } .case-hero-video.is-before-slider { display: block; } .stacked-cards__controls { transform-origin: 50% 100%; bottom: 1em; right: 5em; transform: scale(0.8) translate(100%); } .case-scroll-down { display: none; } .play-toggle { width: 3em; height: 3em; top: 0.5em; right: 0.5em; } .play-toggle.is-before-slider { display: flex; } .wc-list { gap: 1.25em; flex-flow: column; } .wc-card { width: 80vw; margin-left: 5vw; transform: rotate(-2deg); } .wc-card_video { justify-content: center; align-items: center; } .wc_title { padding-left: 0px; padding-right: 0px; } .results_title { gap: 1em; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .why-grid { padding: 1.5em; } .why-header { max-width: none; } .why-card { padding: 1.5em; } .deliver-grid { flex-flow: wrap; display: flex; } .more-expert_item { aspect-ratio: auto; border-radius: 1em; min-height: 30em; padding: 1.25em; } .icon-wrap { margin-right: -1.2em; } .contact-info { flex-flow: column; } .contact-info_col { gap: 1em; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .contact-info_socials, .contact-info_socials.is-socials { justify-content: center; align-items: center; } .slider_cms_item.swiper-slide { width: 80%; min-width: 80%; } .artwork-slider_layout { justify-content: space-between; } .cms_list-item.is-bts { aspect-ratio: 2 / 3; } .results_socials { gap: 0.5em; justify-content: flex-start; align-items: flex-start; } .results_socials.is-socials { justify-content: center; align-items: center; } .testimonial_wrapper { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .testimonial-content { gap: 2em; flex-flow: wrap; width: 95%; display: flex; } .testimonial-side { display: none; } .testimonial-bottom { gap: 1.5em; flex-flow: wrap; } .testimonial-sticker.sticker { top: -6em; right: -1.5em; } .ds-gallery_item { width: 40vw; } } #w-node-baecd020-0591-0c13-81dd-351cd4286e5f-d4286e4c { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-baecd020-0591-0c13-81dd-351cd4286e61-d4286e4c { place-self: end; } #w-node-eed3ce2b-8511-5ed3-1d6c-25d220d336fb-20d336fb { align-self: center; } #w-node-dc6f9297-99cf-8d16-10bf-04839cb8cc65-794b7478, #w-node-_73e43d7b-e6f5-e4d1-79a9-36cc41bad2ac-794b7478, #w-node-_9b819b43-13fd-203a-09e8-52def6c48174-794b7478, #w-node-b2ae6b57-620a-b459-5da6-78991c55dc93-794b7478, #w-node-_21571798-9245-31eb-86a4-d3911f887ff4-794b7478, #w-node-_9cfb8a6d-a6fa-f5ca-63c6-b21c8b4065d8-794b7478, #w-node-_3de71e97-a8e4-97fe-9e6d-fc15d150f495-794b7478 { align-self: start; } #w-node-_14bf5395-385e-2308-30bc-b2cc7c0bd98a-794b7478, #w-node-_9cd655b0-2fea-541f-c958-68248bf8b813-794b7478, #w-node-_8022bb17-4910-73fa-3783-a4eb79ac2b2e-794b7478 { align-self: center; } #w-node-_2ca90580-f816-9c0e-d2ed-52314ddf4664-794b7478, #w-node-d09277b1-e8b1-0e4f-4c4a-611397c6ceab-794b7478 { align-self: start; } #w-node-c48d6481-6b4c-7e82-dd22-e9a2e87b26c1-794b7478, #w-node-cb01db08-3f05-cdbb-5ef6-b74594e8a855-794b7478, #w-node-b67d6a9f-884c-1491-d7bc-b1c2dbc15cbe-794b7478 { grid-area: span 1 / span 2 / span 1 / span 2; align-self: start; } #w-node-faa2305a-1600-624b-3553-a5629475cb11-23544b6d { grid-area: 1 / 1 / 2 / 13; } #w-node-faa2305a-1600-624b-3553-a5629475cb14-23544b6d { grid-area: 2 / 1 / 3 / 5; } #w-node-faa2305a-1600-624b-3553-a5629475cb19-23544b6d { grid-area: 2 / 5 / 3 / 12; align-self: center; } #w-node-faa2305a-1600-624b-3553-a5629475cb1f-23544b6d { grid-area: 2 / 12 / 3 / 13; place-self: end; } #w-node-_7ab3b974-56b9-cced-5238-762d5f75a43a-5f75a436 { grid-area: 1 / 2 / 2 / 12; } #w-node-_7ab3b974-56b9-cced-5238-762d5f75a43d-5f75a436 { grid-area: 2 / 1 / 3 / 3; } #w-node-_7ab3b974-56b9-cced-5238-762d5f75a444-5f75a436 { grid-area: 2 / 5 / 2 / 9; align-self: end; } #w-node-_7ab3b974-56b9-cced-5238-762d5f75a44a-5f75a436 { grid-area: 2 / 11 / 2 / 12; place-self: end; } #w-node-eb9c538e-23f3-e1b1-2a12-e9757ebe283f-f60ce38f { justify-self: start; } #w-node-_7e6e4888-dcfd-a7e1-2dad-07b61bfd4e29-f60ce38f { grid-area: 1 / 7 / 2 / 13; align-self: start; } #w-node-_47b933d5-485b-e603-ac50-9d6e7758283e-f60ce38f { grid-area: 2 / 1 / 3 / 3; align-self: end; } #w-node-e8f5c93c-ad5a-8768-7c87-ba3077aa03b6-f60ce38f { grid-area: 2 / 7 / 3 / 11; align-self: end; } #w-node-_79f611fb-0901-e64c-9c57-ca5fa83e00bc-f60ce38f { grid-area: 2 / 2 / 3 / 3; } #w-node-_0e943f3d-d8eb-e3dc-0605-76e1c850125b-f60ce38f { grid-area: 2 / 6 / 3 / 7; align-self: end; } #w-node-ca8c98f2-a1d2-fac3-8f4e-29d57358cf51-f60ce38f { grid-area: 1 / 5 / 2 / 6; align-self: center; } #w-node-c3621f09-7339-b17d-c543-673bdefae1e5-f60ce38f { grid-area: 4 / 4 / 5 / 5; } #w-node-_8bf38819-ed6b-645e-1041-7675008d80c6-f60ce38f { grid-area: 4 / 1 / 5 / 2; align-self: end; } #w-node-_4415a239-afe6-e924-d3c3-f07388381b34-88381b30 { grid-area: 1 / 2 / 2 / 5; align-self: start; } #w-node-_4415a239-afe6-e924-d3c3-f07388381b37-88381b30 { grid-area: 1 / 6 / 2 / 12; align-self: end; } #w-node-b508f643-a04d-08f0-f178-164ba9bff594-bf75c937 { grid-area: 1 / 7 / 2 / 13; align-self: start; } #w-node-_689ceb35-3d19-531e-03d1-1bb12bf6fad3-e41336bd { grid-area: 1 / 2 / 2 / 11; } #w-node-_689ceb35-3d19-531e-03d1-1bb12bf6fad6-e41336bd { grid-area: 2 / 1 / 3 / 3; } #w-node-_689ceb35-3d19-531e-03d1-1bb12bf6fada-e41336bd { grid-area: 2 / 5 / 2 / 9; align-self: end; } #w-node-c1e28834-e61c-9672-7da2-18ec0315d129-e41336bd { justify-self: center; } #w-node-_4a3b18f0-b3c2-8f22-4fa7-eb8e71e28724-38528639 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_38c4acef-c861-ceb2-7239-e1d8970fb6d8-38528639 { grid-area: span 1 / span 7 / span 1 / span 7; justify-self: start; } #w-node-_7d3b7a70-2ee2-03af-04bb-93eef3456342-38528639 { grid-area: 1 / 7 / 2 / 13; align-self: start; } #w-node-_08d80e80-4a5f-fa0e-2db3-1f71417b7946-38528639 { grid-area: 2 / 10 / 3 / 13; place-self: end; } #w-node-_354dab54-13d6-dcf5-974f-1accc836c973-38528639 { grid-area: 2 / 1 / 3 / 5; align-self: end; } #w-node-_71658df6-d43b-3f35-e9cb-47186febb397-38528639, #w-node-_49eecfbb-d53f-8ff1-940a-16581dd1ba48-38528639, #w-node-_42811eff-4310-3dce-ff5f-4ac36fc25f8a-38528639 { grid-area: 1 / 7 / 2 / 13; align-self: start; } @media screen and (max-width: 991px) { #w-node-baecd020-0591-0c13-81dd-351cd4286e59-d4286e4c { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-faa2305a-1600-624b-3553-a5629475cb11-23544b6d { grid-area: 1 / 1 / 2 / 12; } #w-node-faa2305a-1600-624b-3553-a5629475cb14-23544b6d { grid-area: 2 / 1 / 3 / 4; } #w-node-faa2305a-1600-624b-3553-a5629475cb19-23544b6d { grid-area: 2 / 5 / 3 / 11; align-self: center; } #w-node-_7ab3b974-56b9-cced-5238-762d5f75a43a-5f75a436 { grid-area: 1 / 1 / 2 / 12; } #w-node-_7ab3b974-56b9-cced-5238-762d5f75a43d-5f75a436 { grid-area: 2 / 1 / 3 / 4; } #w-node-_7ab3b974-56b9-cced-5238-762d5f75a444-5f75a436 { grid-area: 2 / 5 / 3 / 11; align-self: center; } #w-node-eb9c538e-23f3-e1b1-2a12-e9757ebe283f-f60ce38f { grid-area: span 1 / span 1 / span 1 / span 1; place-self: start; } #w-node-_7e6e4888-dcfd-a7e1-2dad-07b61bfd4e29-f60ce38f { grid-area: 1 / 3 / 2 / 10; } #w-node-_47b933d5-485b-e603-ac50-9d6e7758283e-f60ce38f { grid-column: 3 / 5; align-self: start; } #w-node-e8f5c93c-ad5a-8768-7c87-ba3077aa03b6-f60ce38f { grid-area: 3 / 3 / 4 / 9; align-self: end; } #w-node-_0e943f3d-d8eb-e3dc-0605-76e1c850125b-f60ce38f { grid-column: 5 / 6; } #w-node-_4415a239-afe6-e924-d3c3-f07388381b34-88381b30 { grid-area: 1 / 1 / 2 / 3; } #w-node-_4415a239-afe6-e924-d3c3-f07388381b37-88381b30 { grid-area: 1 / 4 / 2 / 9; align-self: end; } #w-node-b508f643-a04d-08f0-f178-164ba9bff594-bf75c937 { grid-area: 1 / 3 / 2 / 10; } #w-node-_689ceb35-3d19-531e-03d1-1bb12bf6fad3-e41336bd { grid-area: 1 / 1 / 2 / 12; } #w-node-_689ceb35-3d19-531e-03d1-1bb12bf6fad6-e41336bd { grid-area: 2 / 1 / 3 / 4; } #w-node-_689ceb35-3d19-531e-03d1-1bb12bf6fada-e41336bd { grid-area: 2 / 5 / 3 / 11; align-self: center; } #w-node-_38c4acef-c861-ceb2-7239-e1d8970fb6d8-38528639 { grid-area: span 1 / span 8 / span 1 / span 8; place-self: start; } #w-node-_7d3b7a70-2ee2-03af-04bb-93eef3456342-38528639 { grid-area: 1 / 3 / 2 / 10; } #w-node-_08d80e80-4a5f-fa0e-2db3-1f71417b7946-38528639 { grid-area: 2 / 3 / 3 / 9; place-self: end; } #w-node-_354dab54-13d6-dcf5-974f-1accc836c973-38528639 { grid-area: 2 / 1 / 3 / 5; align-self: end; } #w-node-_71658df6-d43b-3f35-e9cb-47186febb397-38528639, #w-node-_49eecfbb-d53f-8ff1-940a-16581dd1ba48-38528639, #w-node-_42811eff-4310-3dce-ff5f-4ac36fc25f8a-38528639 { grid-area: 1 / 3 / 2 / 10; } } @media screen and (max-width: 767px) { #w-node-_4415a239-afe6-e924-d3c3-f07388381b34-88381b30 { grid-area: 1 / 3 / 2 / 6; align-self: start; } #w-node-_4415a239-afe6-e924-d3c3-f07388381b37-88381b30 { grid-area: 2 / 3 / 2 / 9; align-self: end; } } @media screen and (max-width: 479px) { #w-node-baecd020-0591-0c13-81dd-351cd4286e59-d4286e4c, #w-node-c48d6481-6b4c-7e82-dd22-e9a2e87b26c1-794b7478, #w-node-cb01db08-3f05-cdbb-5ef6-b74594e8a855-794b7478, #w-node-b67d6a9f-884c-1491-d7bc-b1c2dbc15cbe-794b7478 { grid-column: span 1 / span 1; } #w-node-faa2305a-1600-624b-3553-a5629475cb11-23544b6d { grid-area: 1 / 1 / 2 / 13; } #w-node-faa2305a-1600-624b-3553-a5629475cb14-23544b6d { grid-area: 2 / 1 / 3 / 13; } #w-node-faa2305a-1600-624b-3553-a5629475cb19-23544b6d { grid-area: 3 / 1 / 4 / 13; } #w-node-faa2305a-1600-624b-3553-a5629475cb1f-23544b6d { grid-column: 12 / 13; grid-row-start: 1; } #w-node-_7ab3b974-56b9-cced-5238-762d5f75a43a-5f75a436 { grid-area: 1 / 1 / 2 / 13; } #w-node-_7ab3b974-56b9-cced-5238-762d5f75a43d-5f75a436 { grid-area: 2 / 1 / 3 / 13; } #w-node-_7ab3b974-56b9-cced-5238-762d5f75a444-5f75a436 { grid-area: 3 / 1 / 4 / 13; } #w-node-_7ab3b974-56b9-cced-5238-762d5f75a44a-5f75a436 { grid-column: 12 / 13; grid-row-start: 1; } #w-node-_79f611fb-0901-e64c-9c57-ca5fa83e00bc-f60ce38f { align-self: start; } #w-node-_0e943f3d-d8eb-e3dc-0605-76e1c850125b-f60ce38f { grid-column: 1 / 2; } #w-node-c3621f09-7339-b17d-c543-673bdefae1e5-f60ce38f { grid-column: 2 / 3; align-self: end; } #w-node-_8bf38819-ed6b-645e-1041-7675008d80c6-f60ce38f { align-self: start; } #w-node-_689ceb35-3d19-531e-03d1-1bb12bf6fad3-e41336bd { grid-area: 1 / 1 / 2 / 13; } #w-node-_689ceb35-3d19-531e-03d1-1bb12bf6fad6-e41336bd { grid-area: 2 / 1 / 3 / 13; } #w-node-_689ceb35-3d19-531e-03d1-1bb12bf6fada-e41336bd { grid-area: 3 / 1 / 4 / 13; } } .mwg_effect020 img { width: 15vw; position: absolute; object-fit: cover; z-index: 5; pointer-events: none; } .mwg_effect020 .medias img { width: 1px; height: 1px; top: 0px; left: 0px; position: absolute; visibility: hidden; pointer-events: none; } .mwg_effect008 .container { width: max-content; white-space: nowrap; display: flex; gap: 1vw; padding: 0px 1vw 0px 0px; user-select: none; cursor: grab; } .sw-collection .sw-item:nth-child(1) .sw-card, .sw-collection .sw-item:nth-child(1) .sw-card_content { background: var(--_colors---brand-colors--red); } .sw-collection .sw-item:nth-child(1) .sw-card_shape { color: var(--_colors---brand-colors--red); } .sw-collection .sw-item:nth-child(1) .label { background: var(--_colors---brand-colors--red-400); } .sw-collection .sw-item:nth-child(2) .sw-card, .sw-collection .sw-item:nth-child(2) .sw-card_content { background: var(--_colors---brand-colors--blue); } .sw-collection .sw-item:nth-child(2) .sw-card_shape { color: var(--_colors---brand-colors--blue); } .sw-collection .sw-item:nth-child(2) .label { background: var(--_colors---brand-colors--blue-500); } .sw-collection .sw-item:nth-child(3) .sw-card, .sw-collection .sw-item:nth-child(3) .sw-card_content { background: var(--_colors---brand-colors--green); } .sw-collection .sw-item:nth-child(3) .sw-card_shape { color: var(--_colors---brand-colors--green); } .sw-collection .sw-item:nth-child(3) .label { background: var(--_colors---brand-colors--green-300); } @media screen and (max-width: 479px) { .sw-collection .sw-item:nth-child(2) .sw-card { transform: rotate(1deg); } .sw-collection .sw-item:nth-child(3) .sw-card { transform: rotate(-1deg); } } @media screen and (min-width: 992px) { .mwg_effect025 .results-card:not(:first-child) { margin: 0px 0px 0px -10vw; } } @media screen and (min-width: 479px) and (max-width: 991px) { .mwg_effect025 .results-card:not(:first-child) { margin: 0px 0px 0px -5vw; } } @media screen and (max-width: 478px) { .mwg_effect025 .results-card:not(:first-child) { margin: 0px 0px 0px -2.5vw; z-index: -1; } } a, .w-input, .w-select, .w-tab-link, .w-nav-link, .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { color: inherit; text-decoration: inherit; font-size: inherit; } input, select, textarea { appearance: none !important; } .w-dropdown-toggle, .w-dropdown-toggle.w--open { margin: 0px; border: none; background: none; font-family: inherit; font-size: inherit; color: inherit; } button { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: auto; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } button:focus { outline: revert; } [data-video-on-hover="active"] video { opacity: 1; } .word { overflow: hidden; } .text-clamp-line-01 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .text-clamp-line-02 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .text-clamp-line-03 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .text-clamp-line-04 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } body { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; } body { -webkit-tap-highlight-color: transparent; } :focus { outline: 0px; } .margin-0 { margin: 0rem !important; } .padding-0 { padding: 0rem !important; } .margin-top { margin-right: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-top { padding-right: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-right { margin-top: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-right { padding-top: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-bottom { margin-top: 0rem !important; margin-right: 0rem !important; margin-left: 0rem !important; } .padding-bottom { padding-top: 0rem !important; padding-right: 0rem !important; padding-left: 0rem !important; } .margin-left { margin-top: 0rem !important; margin-right: 0rem !important; margin-bottom: 0rem !important; } .padding-left { padding-top: 0rem !important; padding-right: 0rem !important; padding-bottom: 0rem !important; } .margin-horizontal { margin-top: 0rem !important; margin-bottom: 0rem !important; } .padding-horizontal { padding-top: 0rem !important; padding-bottom: 0rem !important; } .margin-vertical { margin-right: 0rem !important; margin-left: 0rem !important; } .padding-vertical { padding-right: 0rem !important; padding-left: 0rem !important; } ::-webkit-scrollbar { display: none; } body { scrollbar-width: none; } .w-richtext> :not(div):first-child, .w-richtext>div:first-child> :first-child { margin-top: 0px !important; } .w-richtext> :last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0px; } .lottie path { stroke: currentcolor; fill: currentcolor; } [data-validate].is--error input, [data-validate].is--error textarea, [data-validate].is--error select { border-color: rgb(255, 76, 36); } [data-validate].is--error .form-field-icon.is--error, [data-validate].is--error .radiocheck-field-icon.is--error { opacity: 1; } [data-validate].is--success .form-field-icon.is--success, [data-validate].is--success .radiocheck-field-icon.is--success { opacity: 1; } .radiocheck-custom { background-color: var(--color-mode-default--background); color: var(--color-mode-default--background); border-color: var(--color-mode-default--border); border-radius: 0.25em; } [data-validate] .radiocheck-field input:focus-visible~.radiocheck-custom { background-color: var(--color-mode-default--background); color: var(--color-mode-default--body-text); border-color: var(--color-mode-default--border); } [data-validate] .radiocheck-field input:focus-visible:checked~.radiocheck-custom, [data-validate] .radiocheck-field input:checked~.radiocheck-custom { background-color: var(--color-mode-default--background); color: var(--color-mode-default--body-text); border-color: var(--color-mode-default--border); } [data-validate] .radiocheck-field .radiocheck-label.is--small { margin-top: 0.125em; } [data-validate].is--error .radiocheck-custom { border-color: rgb(255, 76, 36); } [data-validate].is--error input:checked~.radiocheck-custom { border-color: var(--color-mode-default--body-text); } [data-validate] select:has(option[value=""]:checked) { color: rgba(19, 19, 19, 0.3); } [tabindex]:focus-visible, input[type="file"]:focus-visible { outline: 0.125rem solid var(--color-mode-default--focus-state); outline-offset: 0.125rem; } .div-square::after { content: ""; display: block; padding-bottom: 100%; } .hide { display: none !important; } @media screen and (min-width: 992px) { .hide, .hide-desktop { display: none !important; } } @media screen and (min-width: 480px) { .hide, .hide-desktop-tablet { display: none !important; } } @media screen and (max-width: 991px) { .hide, .hide-tablet-mobile { display: none !important; } } @media screen and (max-width: 767px) { .hide-mobile-landscape { display: none !important; } } @media screen and (max-width: 479px) { .hide-mobile { display: none !important; } } @keyframes translateX { 100% { transform: translateX(-100%); } } [data-css-marquee-list] { animation: 30s linear 0s infinite normal none paused translateX; } ::selection { background: var(--_theme---cursor-select-bg); color: var(--_theme---cursor-select-text); } .navlink.is-page.w-inline-block.w--current .navlink-bg_fill.is-current { display: block; } .navlink.is-page.w-inline-block.w--current .navlink-text.is-mask { display: none; } .container-col-12, .container-col-11, .container-col-10, .container-col-09, .container-col-08, .container-col-07, .container-col-06 { margin-right: auto !important; margin-left: auto !important; } :root, [color-mode="light"], [color-mode="dark"] [color-mode="invert"] { --color-mode-default--bp-card-bg: var(--color-mode-light--bp-card-bg); --color-mode-default--bp-label-bg: var(--color-mode-light--bp-label-bg); --color-mode-default--body-text: var(--color-mode-light--body-text); --color-mode-default--heading: var(--color-mode-light--heading); --color-mode-default--background: var(--color-mode-light--background); --color-mode-default--background-transparent: var(--color-mode-light--background-transparent); --color-mode-default--focus-state: var(--color-mode-light--focus-state); --color-mode-default--cursor-select-bg: var(--color-mode-light--cursor-select-bg); --color-mode-default--cursor-select-text: var(--color-mode-light--cursor-select-text); --color-mode-default--active-state: var(--color-mode-light--active-state); --color-mode-default--button-outline: var(--color-mode-light--button-outline); --color-mode-default--button-text: var(--color-mode-light--button-text); --color-mode-default--button-bg: var(--color-mode-light--button-bg); --color-mode-default--swiper-pagination-bg: var(--color-mode-light--swiper-pagination-bg); --color-mode-default--swiper-pagination-fill: var(--color-mode-light--swiper-pagination-fill); } [color-mode="dark"], [color-mode="invert"], [color-mode="light"] [color-mode="invert"] { --color-mode-default--bp-card-bg: var(--color-mode-dark--bp-card-bg); --color-mode-default--bp-label-bg: var(--color-mode-dark--bp-label-bg); --color-mode-default--body-text: var(--color-mode-dark--body-text); --color-mode-default--heading: var(--color-mode-dark--heading); --color-mode-default--background: var(--color-mode-dark--background); --color-mode-default--background-transparent: var(--color-mode-dark--background-transparent); --color-mode-default--focus-state: var(--color-mode-dark--focus-state); --color-mode-default--cursor-select-bg: var(--color-mode-dark--cursor-select-bg); --color-mode-default--cursor-select-text: var(--color-mode-dark--cursor-select-text); --color-mode-default--active-state: var(--color-mode-dark--active-state); --color-mode-default--button-outline: var(--color-mode-dark--button-outline); --color-mode-default--button-text: var(--color-mode-dark--button-text); --color-mode-default--button-bg: var(--color-mode-dark--button-bg); --color-mode-default--swiper-pagination-bg: var(--color-mode-dark--swiper-pagination-bg); --color-mode-default--swiper-pagination-fill: var(--color-mode-dark--swiper-pagination-fill); } [data-cms-section]:not(:has(.w-dyn-item)) { display: none; } .button-color-swoosh { --elastic-ease-out: linear( 0, 0.5737 7.6%, 0.8382 11.87%, 0.9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1); --smooth-ease: cubic-bezier(.32, .72, 0, 1); --color-ease: cubic-bezier(.215, .61, .355, 1); transition: transform .45s var(--elastic-ease-out); -webkit-tap-highlight-color: transparent; } .button-color-swoosh:active { transform: scaleX(0.955) scaleY(0.954); } .button-color-swoosh_bg { transition: scale .45s var(--smooth-ease), background-color .2s var(--color-ease); } .button-color-swoosh_bg-inner { translate: -10% 100%; rotate: -12deg; transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: calc((var(--index) * -1) * .042s); } .button-color-swoosh_inner::after { content: attr(data-text); color: rgb(240, 236, 229); display: block; grid-area: 1 / 1; translate: 0px 2em; rotate: 1 1 0.5 -30deg; transform-origin: right top; transition: translate .75s var(--elastic-ease-out), rotate .5s var(--smooth-ease), opacity .2s ease-out; } .button-color-swoosh_text { transition: translate .75s var(--elastic-ease-out), rotate .5s var(--smooth-ease), opacity .2s ease-out, color .2s var(--color-ease); } @media (hover: hover) and (pointer: fine) { .button-color-swoosh:is(:hover, : focus-visible) .button-color-swoosh_bg { scale: 1.065 1.095; } .button-color-swoosh:is(:hover, :focus-visible) .button-color-swoosh_bg-inner { translate: -10%; rotate: 0deg; transition-delay: calc(var(--index) * .064s); } .button-color-swoosh:is(:hover, :focus-visible) .button-color-swoosh_text { rotate: 1 1 0.45 -60deg; translate: 0px -2em; opacity: 0; } .button-color-swoosh:is(:hover, :focus-visible) .button-color-swoosh_inner::after { rotate: 1 1 0.45 0deg; translate: 0px; opacity: 1; transition-delay: 0.1s; } } .button-default { --bounce-ease: cubic-bezier(0.34, 2.27, 0.64, 1); --border-radius-ease: cubic-bezier(0.34, 1.37, 0.64, 1); --speed: 0.45s; --speed-fast: 0.3s; --speed-faster: 0.15s; } .button-default .button-default__inner { transition: transform var(--speed) var(--bounce-ease); will-change: transform; } .button-default .button-default__background { border-radius: 0.75em; transition: border-radius var(--speed) var(--border-radius-ease), width var(--speed) var(--bounce-ease); } .button-default .button-default__icon { transition: transform var(--speed-faster) ease-out; will-change: transform; } .button-default .button-default__icon-wrap { transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); will-change: transform; transform: translateY(0%); } @media (hover: hover) and (pointer: fine) { .button-default:hover .button-default__background, .button-default:focus-visible .button-default__background { border-radius: 0.5em; width: calc(100% - 0.5em); } .button-default:hover .button-default__icon { margin-right: 0em; } .button-default:hover .button-default__inner, .button-default:focus-visible .button-default__inner { transform: skewY(-4deg) rotate(-1deg) scale(1.02); } .button-default:active .button-default__inner { transform: scale(0.95); } .button-default:hover .button-default__icon, .button-default:focus-visible .button-default__icon { transform: scale(0.92); } .button-default.is-icon:hover .button-default__inner, .button-default.is-icon:focus-visible .button-default__inner { transform: skewY(-1deg) rotate(-1deg) scale(1.02) !important; } .button-default.is-icon:hover .button-default__background, .button-default.is-icon:focus-visible .button-default__background { width: 100% !important; } .button-default.is-icon:active .button-default__inner { transform: scale(0.95); } .button-default.is-icon:hover .button-default__icon-wrap, .button-default.is-icon:focus-visible .button-default__icon-wrap { transform: translateY(100%); } .button-default.is-icon .button-default__icon-wrap { transform: translateY(0%); } } :root { --size-unit: 16; --size-container-ideal: 1920; --size-container-min: 992px; --size-container-max: 1920px; --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max)); --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit))); } @media screen and (max-width: 991px) { :root { --size-container-ideal: 991; --size-container-min: 768px; --size-container-max: 991px; } } @media screen and (max-width: 767px) { :root { --size-container-ideal: 767; --size-container-min: 480px; --size-container-max: 767px; } } @media screen and (max-width: 479px) { :root { --size-container-ideal: 479; --size-container-min: 320px; --size-container-max: 479px; } } .preloader { display: block; } #rc-anchor-alert, .rc-anchor-alert, .rc-anchor, .grecaptcha-badge { display: none !important; opacity: 0 !important; } html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-smooth iframe { pointer-events: none; } html.w-mod-js:not(.w-mod-ix3) :is(.drop-section.is-second>*, [data-scale-text="1"], .drop-wrapper, [data-scale-text="4"]) { visibility: hidden !important; } @media (min-width: 992px) { html.w-mod-js:not(.w-mod-ix) [data-w-id="c5e96dbb-9377-4fe5-9b27-c5229deaa304"] { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; } html.w-mod-js:not(.w-mod-ix) [data-w-id="d413593b-0062-4c62-a4a3-161daf25edf9"] { transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); } html.w-mod-js:not(.w-mod-ix) [data-w-id="f2158b2f-a4a4-a4df-895f-bc99de39c46a"] { transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); } } @media screen and (max-width: 991px) { .navbar { height: auto; padding: 0.5rem 1rem; } .nav_logo { height: 3rem; } .navbar_menu { display: none; position: fixed; inset: 0; background: rgba(10, 10, 10, 0.95); justify-content: center; align-items: center; gap: 1.5rem; backdrop-filter: blur(8px); } .navbar_menu.is-open { display: flex; } .navbar_menu a { color: #fff; font-size: 2rem; font-weight: 700; text-align: center; } .navbar_menu-trigger, .show-tablet { display: flex !important; } .hide-tablet-mobile { display: none !important; } .navbar_menu-bottom { padding-bottom: 3rem; } .navbar_menu-bg { display: none !important; } .navbar_menu-bg-back { display: none !important; } } @media screen and (max-width: 767px) { .navbar { padding: 0.5rem; } .nav { padding: 0 0.75rem; } .navbar_menu a { font-size: 1.75rem; } .hero { padding-top: 8rem; } .button-default { font-size: 0.95rem; padding: 0.7rem 1rem; } .hero-title { font-size: clamp(1.5rem, 6vw, 2.5rem); } } .wf-force-outline-none[tabindex="-1"]:focus { outline: none; } .goog-inline-block { position: relative; display: inline-block; } * html .goog-inline-block { display: inline; } :first-child+html .goog-inline-block { display: inline; } .recaptcha-checkbox { border: none; font-size: 1px; height: 28px; margin: 4px; width: 28px; overflow: visible; outline: 0px; vertical-align: text-bottom; } .recaptcha-checkbox-border { border-radius: 2px; background-color: rgb(255, 255, 255); border: 2px solid rgb(68, 71, 70); font-size: 1px; height: 24px; position: absolute; width: 24px; z-index: 1; } .recaptcha-checkbox-borderAnimation { background-image: url("images/image_13.png"); background-repeat: no-repeat; border: none; height: 28px; outline: 0px; position: absolute; width: 28px; } .recaptcha-checkbox-nodatauri.recaptcha-checkbox-borderAnimation { background-image: url("https://www.gstatic.com/recaptcha/api2/checkbox_sprite.png"); } .recaptcha-checkbox-spinner-gif { border-radius: 2px; background-color: rgb(255, 255, 255); background-size: 24px; border: 2px solid rgb(68, 71, 70); height: 24px; left: 0px; position: absolute; top: 0px; width: 24px; } .recaptcha-checkbox-spinner { background-color: rgb(249, 249, 249); border-width: 6px; border-style: solid; border-color: rgb(77, 144, 254) rgb(77, 144, 254) transparent transparent; border-image: initial; border-radius: 36px; height: 36px; left: -4px; outline: 0px; position: absolute; top: -4px; width: 36px; box-sizing: border-box; opacity: 0; animation: 2.5s linear 0s infinite normal none paused spinner-spin; transition-duration: 1s; } @-webkit-keyframes spinner-spin { 0% { transform: rotateZ(0deg); } 10% { transform: rotateZ(135deg); } 25% { transform: rotateZ(245deg); } 60% { transform: rotateZ(700deg); } 75% { transform: rotateZ(810deg); } 100% { transform: rotateZ(3turn); } } @keyframes spinner-spin { 0% { transform: rotateZ(0deg); } 10% { transform: rotateZ(135deg); } 25% { transform: rotateZ(245deg); } 60% { transform: rotateZ(700deg); } 75% { transform: rotateZ(810deg); } 100% { transform: rotateZ(3turn); } } .recaptcha-checkbox-spinner-overlay { content: ""; position: absolute; top: -7px; left: -7px; width: 38px; height: 19px; background-color: rgb(249, 249, 249); animation: 1s linear 0s 1 normal none paused overlay-spin; transform-origin: center bottom; border-radius: 38px 38px 0px 0px; transform: rotateZ(45deg); opacity: 0; } @-webkit-keyframes overlay-spin { 0% { opacity: 1; transform: rotateZ(45deg); } 100% { opacity: 1; transform: rotateZ(225deg); } } @keyframes overlay-spin { 0% { opacity: 1; transform: rotateZ(45deg); } 100% { opacity: 1; transform: rotateZ(225deg); } } .recaptcha-checkbox-checkmark { background-image: url("images/image_14.png"); background-repeat: no-repeat; border: none; height: 30px; left: -5px; outline: 0px; position: absolute; width: 38px; } .rc-anchor-dark .recaptcha-checkbox-spinner, .rc-anchor-dark .recaptcha-checkbox-spinner-overlay { background-color: rgb(34, 34, 34); } .recaptcha-checkbox-nodatauri.recaptcha-checkbox-checkmark { background-image: url("https://www.gstatic.com/recaptcha/api2/checkmark_sprite.png"); } .recaptcha-checkbox-hover .recaptcha-checkbox-border, .recaptcha-checkbox-hover .recaptcha-checkbox-spinner-gif { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px inset; border: 2px solid rgb(178, 178, 178); } .recaptcha-checkbox-focused .recaptcha-checkbox-border, .recaptcha-checkbox-focused .recaptcha-checkbox-spinner-gif { border: 2px solid rgb(77, 144, 254); } .recaptcha-checkbox-active .recaptcha-checkbox-border, .recaptcha-checkbox-active .recaptcha-checkbox-spinner-gif { background-color: rgb(235, 235, 235); } .recaptcha-checkbox-disabled .recaptcha-checkbox-border, .recaptcha-checkbox-disabled .recaptcha-checkbox-spinner-gif { background-color: rgb(241, 241, 241); } .recaptcha-checkbox-loading .recaptcha-checkbox-spinner-gif { background-image: url("https://www.gstatic.com/recaptcha/api2/loading.gif"); } .recaptcha-checkbox-checked .recaptcha-checkbox-border, .recaptcha-checkbox-checked .recaptcha-checkbox-spinner-gif { visibility: hidden; } .recaptcha-checkbox-checked .recaptcha-checkbox-checkmark { background-position: 0px -600px; } .recaptcha-checkbox-expired .recaptcha-checkbox-border, .recaptcha-checkbox-expired .recaptcha-checkbox-spinner-gif { border: 2px solid rgb(217, 48, 37); } .recaptcha-checkbox-clearOutline.recaptcha-checkbox-focused .recaptcha-checkbox-border, .recaptcha-checkbox-clearOutline.recaptcha-checkbox-focused .recaptcha-checkbox-spinner-gif { border: 2px solid rgb(68, 71, 70); } body { margin: 0px; } .rc-anchor { border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px 1px; } .rc-anchor-normal { height: 74px; width: 300px; } .rc-anchor-compact { height: 136px; width: 156px; } .rc-anchor-compact #rc-anchor-classic-warning { width: 140px; text-align: center; } .rc-anchor-dark { background: rgb(34, 34, 34); color: rgb(255, 255, 255); } .rc-anchor-dark.rc-anchor-normal, .rc-anchor-dark.rc-anchor-compact { border: 1px solid rgb(82, 82, 82); } .rc-anchor-dark #rc-anchor-over-quota, .rc-anchor-dark.rc-anchor-compact #rc-anchor-over-quota, .rc-anchor-dark.rc-anchor-normal #rc-anchor-classic-warning, .rc-anchor-dark.rc-anchor-compact #rc-anchor-classic-warning, .rc-anchor-dark.rc-anchor-normal #rc-anchor-v1beta1-shutdown-warning, .rc-anchor-dark.rc-anchor-compact #rc-anchor-v1beta1-shutdown-warning { color: rgb(255, 255, 255); } .rc-anchor-light { background: rgb(249, 249, 249); color: rgb(0, 0, 0); } .rc-anchor-light.rc-anchor-normal, .rc-anchor-light.rc-anchor-compact { border: 1px solid rgb(211, 211, 211); } .rc-inline-block { display: inline-block; height: 100%; } .rc-anchor-center-container { display: table; height: 100%; } .rc-anchor-center-item { display: table-cell; vertical-align: middle; } .rc-anchor-content { display: inline-block; position: relative; } .rc-anchor-normal .rc-anchor-content { height: 74px; width: 206px; } .rc-anchor-compact .rc-anchor-content { height: 85px; } .rc-anchor-error-message { color: rgb(255, 0, 0); font-family: Roboto, helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; padding: 0px 10px; } .rc-anchor-checkbox { margin: 0px 12px 2px; } .rc-anchor-checkbox-label { font-family: Roboto, helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; } .rc-anchor-normal .rc-anchor-checkbox-label { width: 152px; } .rc-anchor-compact .rc-anchor-checkbox-label { width: 95px; } .rc-anchor-error-msg-container { color: rgb(217, 48, 37); font-family: Roboto, helvetica, arial, sans-serif; font-size: 12px; font-weight: 400; left: 0px; line-height: 14px; margin: 2px; position: absolute; top: 0px; } .rc-anchor-normal.rc-anchor-error .rc-anchor-error-msg-container { width: 240px; } .rc-anchor-normal.rc-anchor-error .rc-anchor-content { margin-top: 10px; } .rc-anchor-compact.rc-anchor-error .rc-anchor-content { margin-top: 25px; } .rc-anchor-normal-footer { display: inline-block; height: 74px; vertical-align: top; width: 70px; } .rc-anchor-compact-footer { margin: 0px 12px; text-align: center; width: 136px; } .rc-anchor-logo-img { background: url("https://www.gstatic.com/recaptcha/api2/logo_48.png") no-repeat; } .rc-anchor-logo-img-ie8 {} .rc-anchor-logo-text { cursor: default; font-family: Roboto, helvetica, arial, sans-serif; font-size: 10px; font-weight: 400; line-height: 10px; margin-top: 5px; text-align: center; } .rc-anchor-light .rc-anchor-logo-text, .rc-anchor-light div a:link, .rc-anchor-light div a:visited { color: rgb(85, 85, 85); } .rc-anchor-dark .rc-anchor-logo-text, .rc-anchor-dark div a:link, .rc-anchor-dark div a:visited { color: rgb(245, 245, 245); } .rc-anchor-logo-portrait { margin: 10px 0px 0px 26px; width: 58px; user-select: none; } .rc-anchor-logo-img-portrait { background-size: 32px; height: 32px; margin: 0px 13px; width: 32px; } .rc-anchor-logo-landscape { user-select: none; } .rc-anchor-logo-img-landscape { background-size: 24px; display: inline-block; height: 24px; width: 24px; } .rc-anchor-logo-landscape-text-holder { display: inline-block; height: 24px; margin: 0px 2px; width: 54px; } .rc-anchor-normal .rc-anchor-pt, .rc-anchor-invisible .rc-anchor-pt, .rc-anchor-compact .rc-anchor-pt { font-family: Roboto, helvetica, arial, sans-serif; font-size: 8px; font-weight: 400; } .rc-anchor-pt { background-image: url("images/image_15.png"); } .rc-anchor-pt a { display: inline; padding: 2px 1px; text-decoration: none; } .rc-anchor-pt a:hover { text-decoration: underline; } .rc-anchor-normal .rc-anchor-pt { margin: 2px 11px 0px 0px; padding-right: 2px; position: absolute; right: 0px; text-align: right; width: 276px; } .rc-anchor-compact .rc-anchor-pt { margin: 0px 0px 2px; width: 132px; } .rc-anchor-aria-status { display: none; } #rc-anchor-alert, .rc-anchor-alert { color: red; font-size: 9px; margin: 2px; position: absolute; top: 0px; } #rc-anchor-classic-warning, #rc-anchor-v1beta1-shutdown-warning { bottom: 0px; color: rgb(85, 85, 85); font-family: Roboto, helvetica, arial, sans-serif; font-size: 9px; padding: 4px; position: absolute; width: 190px; display: flex; -webkit-box-align: center; align-items: center; height: 20px; } #rc-anchor-classic-warning a { display: inline-block; position: relative; z-index: 1; padding: 4px; margin: -4px; } #rc-anchor-v1beta1-shutdown-warning a { display: inline-block; position: relative; z-index: 1; padding: 4px; margin: -4px; } #rc-anchor-over-quota { bottom: 0px; color: rgb(85, 85, 85); font-family: Roboto, helvetica, arial, sans-serif; font-size: 9px; padding: 4px; position: absolute; width: 170px; display: flex; -webkit-box-align: center; align-items: center; height: 20px; } .rc-anchor-compact .rc-anchor-content #rc-anchor-over-quota { width: 148px; } .rc-anchor-normal .rc-anchor-pt.rc-anchor-over-quota-pt { width: 130px; } .rc-anchor-logo-portrait.rc-anchor-over-quota-logo { margin-top: 6px; } #rc-anchor-invisible-over-quota, #rc-anchor-invisible-classic-warning { font-size: 9px; line-height: normal; } #rc-anchor-invisible-over-quota a, #rc-anchor-invisible-classic-warning a, #rc-anchor-invisible-v1beta1-shutdown-warning a { color: white; } #rc-anchor-invisible-v1beta1-shutdown-warning { font-size: 9px; line-height: normal; } .rc-anchor-invisible { height: 60px; width: 256px; display: flex; } .rc-anchor-invisible-text { background: rgb(26, 115, 232); color: white; display: flex; flex-basis: 166px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; font-family: Roboto, helvetica, arial, sans-serif; font-size: 13px; font-weight: 400; height: 100%; -webkit-box-pack: center; justify-content: center; line-height: 20px; padding: 0px 16px; white-space: nowrap; } .rc-anchor-invisible-text.smalltext { font-size: 12px; padding: 0px 10px; line-height: 16px; white-space: normal; } .rc-anchor-invisible-text.smalltext .rc-anchor-pt { line-height: 12px; white-space: normal; } .rc-anchor-invisible-text.smalltext .rc-anchor-pt a:link { font-size: 9px; } .rc-anchor-normal-footer.smalltext .rc-anchor-pt { font-size: 5px; line-height: 6px; } .rc-anchor-invisible-text strong { font-weight: 500; } .rc-anchor-invisible .rc-anchor-normal-footer .rc-anchor-pt { transition: opacity 0.3s; text-align: center; width: 70px; margin-top: 2px; } .rc-anchor-logo-img-large { transition: 0.3s; background-size: 40px; margin: 5px 15px 0px; height: 40px; width: 40px; } .rc-anchor-invisible-nohover .rc-anchor-logo-img-large, .rc-anchor-invisible-hover-hovered .rc-anchor-logo-img-large { background-size: 44px; margin: 8px 13px 0px; height: 44px; width: 44px; } .rc-anchor-invisible-nohover .rc-anchor-normal-footer .rc-anchor-pt, .rc-anchor-invisible-hover-hovered .rc-anchor-normal-footer .rc-anchor-pt { opacity: 0; } .rc-anchor-invisible-nohover .rc-anchor-invisible-text .rc-anchor-pt, .rc-anchor-invisible-hover-hovered .rc-anchor-invisible-text .rc-anchor-pt { opacity: 1; } .rc-anchor-invisible-text .rc-anchor-pt { transition: opacity 0.3s; } .rc-anchor-invisible-text .rc-anchor-pt a:link, .rc-anchor-invisible-text .rc-anchor-pt a:visited { color: white; font-size: 10px; } .rc-anchor-invisible-hover .rc-anchor-invisible-text .rc-anchor-pt a:link { display: none; } .rc-anchor-invisible-nohover .rc-anchor-invisible-text .rc-anchor-pt a:link, .rc-anchor-invisible-hover-hovered .rc-anchor-invisible-text .rc-anchor-pt a:link { display: inline; } .rc-anchor-invisible-hover .rc-anchor-normal-footer .rc-anchor-pt a:link { display: inline; } .rc-anchor-invisible-nohover .rc-anchor-normal-footer .rc-anchor-pt a:link, .rc-anchor-invisible-hover-hovered .rc-anchor-normal-footer .rc-anchor-pt a:link { display: none; } .rc-audiochallenge-response-field { margin: 7px; text-align: center; } .rc-audiochallenge-response-field .rc-response-input-field { width: 220px; } .rc-audiochallenge-error-message { color: rgb(217, 48, 37); font-family: Roboto, helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; margin: 20px 20px 0px; } .rc-audiochallenge-instructions { font-family: Roboto, helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; margin: 10px 20px; } .rc-audiochallenge-play-button { margin: 0px 20px; } .rc-audiochallenge-play-button .rc-button-default { background: rgb(216, 216, 216); color: rgb(0, 0, 0); font-weight: 500; width: 100%; } .rc-audiochallenge-input-label { font-family: Roboto, helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; margin: 10px 20px; } .rc-audiochallenge-control audio { height: 30px; width: 240px; } .rc-audiochallenge-tdownload { margin: 5px 20px; text-align: center; } .rc-audiochallenge-tdownload-link { background-image: url("https://www.gstatic.com/recaptcha/api2/download.png"); background-repeat: no-repeat; background-size: 36px; color: transparent; display: inline-block; height: 36px; opacity: 0.55; overflow: hidden; width: 36px; } .rc-audiochallenge-tdownload-link:focus-visible { background-color: rgb(216, 216, 216); } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) { .rc-audiochallenge-tdownload-link { background-image: url("https://www.gstatic.com/recaptcha/api2/download_white.png"); background-repeat: no-repeat; background-size: 36px; color: transparent; display: inline-block; height: 36px; opacity: 0.55; overflow: hidden; width: 36px; } } .rc-audiochallenge-tdownload-link-on-dark { background-image: url("https://www.gstatic.com/recaptcha/api2/download_white.png"); background-repeat: no-repeat; background-size: 36px; color: transparent; display: inline-block; height: 36px; opacity: 0.55; overflow: hidden; width: 36px; } .rc-audiochallenge-tdownload-link-on-dark:focus-visible { background-color: rgb(216, 216, 216); } .rc-audiochallenge-tdownload-link:focus, .rc-audiochallenge-tdownload-link:hover { opacity: 0.8; outline: none; } .rc-audiochallenge-tdownload-link-on-dark:focus, .rc-audiochallenge-tdownload-link-on-dark:hover { opacity: 0.8; outline: none; } .fake-focus-audio { height: 0px; opacity: 0; width: 0px; } .rc-button-default { background: rgb(26, 115, 232); border: 0px; border-radius: 2px; color: rgb(255, 255, 255); cursor: pointer; font-family: Roboto, helvetica, arial, sans-serif; font-size: 14px; font-weight: 500; height: 42px; line-height: 42px; min-width: 100px; padding: 0px 10px; text-align: center; text-transform: uppercase; transition: 0.5s; } .rc-button-default:focus { outline: 0px; box-shadow: rgb(24, 90, 188) 0px 0px 0px 2pt; } .rc-button-default-disabled { background: rgba(73, 143, 225, 0.5); cursor: default; } .rc-button-red { background: rgb(226, 74, 74); } .rc-button-default-disabled.rc-button-red { background: rgba(226, 74, 74, 0.49); } .rc-canvas-image { display: none; } .rc-canvas-canvas { cursor: pointer; } body { margin: 0px; } .rc-imageselect-instructions strong { font-weight: 900; display: block; font-size: 28px; } .rc-footer { font-family: Roboto, helvetica, arial, sans-serif; position: relative; width: 100%; } .rc-separator { border-top: 1px solid rgb(223, 223, 223); margin-bottom: 1px; } .rc-controls { width: 100%; } .primary-controls { height: 60px; } .rc-buttons { float: left; height: 48px; margin: 6px 0px 6px 6px; background-repeat: no-repeat; } .fake-focus { height: 0px; opacity: 0; width: 0px; } .button-holder, .qr-button-holder { float: left; height: 48px; } .rc-button-reload { background: url("https://www.gstatic.com/recaptcha/api2/refresh_2x.png"); } .rc-button-reload:focus-visible { background-color: rgb(216, 216, 216); } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) { .rc-button-reload { background: url("https://www.gstatic.com/recaptcha/api2/refresh_white_2x.png"); } } .rc-button-reload-on-dark { background: url("https://www.gstatic.com/recaptcha/api2/refresh_white_2x.png"); } .rc-button-reload-on-dark:focus-visible { background-color: rgb(216, 216, 216); } .rc-button-audio { background: url("https://www.gstatic.com/recaptcha/api2/audio_2x.png"); } .rc-button-audio:focus-visible { background-color: rgb(216, 216, 216); } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) { .rc-button-audio { background: url("https://www.gstatic.com/recaptcha/api2/audio_white_2x.png"); } } .rc-button-audio-on-dark { background: url("https://www.gstatic.com/recaptcha/api2/audio_white_2x.png"); } .rc-button-audio-on-dark:focus-visible { background-color: rgb(216, 216, 216); } .rc-button-image { background: url("https://www.gstatic.com/recaptcha/api2/image_2x.png"); } .rc-button-image:focus-visible { background-color: rgb(216, 216, 216); } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) { .rc-button-image { background: url("https://www.gstatic.com/recaptcha/api2/image_white_2x.png"); } } .rc-button-image-on-dark { background: url("https://www.gstatic.com/recaptcha/api2/image_white_2x.png"); } .rc-button-image-on-dark:focus-visible { background-color: rgb(216, 216, 216); } .rc-button-liveness { background: url("https://www.gstatic.com/recaptcha/api2/liveness_dark.png"); } .rc-button-qr { background: url("https://www.gstatic.com/recaptcha/api2/modac_mobile_dark.png"); } .rc-button-liveness:focus-visible { background-color: rgb(216, 216, 216); } .rc-button-qr:focus-visible { background-color: rgb(216, 216, 216); } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) { .rc-button-liveness { background: url("https://www.gstatic.com/recaptcha/api2/liveness_light.png"); } } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) { .rc-button-qr { background: url("https://www.gstatic.com/recaptcha/api2/modac_mobile_light.png"); } } .rc-button-liveness-on-dark { background: url("https://www.gstatic.com/recaptcha/api2/liveness_light.png"); } .rc-button-qr-on-dark { background: url("https://www.gstatic.com/recaptcha/api2/qr_light.png"); } .rc-button-liveness-on-dark:focus-visible { background-color: rgb(216, 216, 216); } .rc-button-qr-on-dark:focus-visible { background-color: rgb(216, 216, 216); } .rc-button-help { background: url("https://www.gstatic.com/recaptcha/api2/info_2x.png"); } .rc-button-help:focus-visible { background-color: rgb(216, 216, 216); } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) { .rc-button-help { background: url("https://www.gstatic.com/recaptcha/api2/info_white_2x.png"); } } .rc-button-help-on-dark { background: url("https://www.gstatic.com/recaptcha/api2/info_white_2x.png"); } .rc-button-help-on-dark:focus-visible { background-color: rgb(216, 216, 216); } .rc-button-undo { background: url("https://www.gstatic.com/recaptcha/api2/undo_2x.png"); } .rc-button-undo:focus-visible { background-color: rgb(216, 216, 216); } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) { .rc-button-undo { background: url("https://www.gstatic.com/recaptcha/api2/undo_white_2x.png"); } } .rc-button-undo-on-dark { background: url("https://www.gstatic.com/recaptcha/api2/undo_white_2x.png"); } .rc-button-undo-on-dark:focus-visible { background-color: rgb(216, 216, 216); } .rc-button { background-size: 32px 32px; cursor: pointer; height: 48px; opacity: 0.55; width: 48px; padding: 0px; border: 0px; background-repeat: no-repeat; background-position: center center; } .rc-button:focus, .rc-button:hover { opacity: 0.8; outline: none; } .verify-button-holder { float: right; margin: 8px 8px 9px 0px; } .rc-challenge-help { font-family: Roboto, helvetica, arial, sans-serif; font-size: 12px; font-weight: 400; overflow-y: scroll; padding: 5px 20px; } .reload-icon { height: 16px; width: 16px; } .apps-toast { position: relative; text-align: center; width: 100%; z-index: 101; } .apps-toast-content { background: rgb(50, 50, 50); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.14) 0px 6px 10px, rgba(0, 0, 0, 0.12) 0px 1px 18px, rgba(0, 0, 0, 0.4) 0px 3px 5px -1px; color: rgb(238, 238, 238); display: inline-block; font: 12px / 20px Roboto, helvetica, arial, sans-serif; padding: 14px; text-align: center; } .goog-container:focus { outline: none; } .rc-defaultchallenge-response-field { margin: 7px; text-align: center; } .rc-defaultchallenge-response-field .rc-response-input-field { width: 230px; } .rc-defaultchallenge-payload { border: none; font-family: Roboto, helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; min-height: 61px; text-align: center; } .rc-defaultchallenge-incorrect-response { color: rgb(255, 27, 27); font-family: Roboto, helvetica, arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 14px; margin-left: 20px; } .rc-doscaptcha-header { padding: 10px; margin: 10px; height: 20%; background-color: rgb(26, 115, 232); } .rc-doscaptcha-header-text { font-family: Roboto, helvetica, arial, sans-serif; font-size: 22px; font-weight: 400; text-align: center; color: white; } .rc-doscaptcha-body { height: 80%; } .rc-doscaptcha-body-text { font-family: Roboto, helvetica, arial, sans-serif; font-size: 16px; font-weight: 400; padding: 10px 15px; } .rc-doscaptcha-footer { pointer-events: none; } .recaptchaJavascriptChallengeLivenessOuterContainer { position: absolute; inset: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .recaptchaJavascriptChallengeLivenessContainer { -webkit-box-flex: 1; flex-grow: 1; } .goog-container:focus { outline: none; } #rc-imageselect { min-width: 240px; font-family: Roboto, helvetica, arial, sans-serif; background-color: rgb(255, 255, 255); } #rc-imageselect .rc-button:focus { outline: none; } .rc-imageselect-desc { margin-left: -10px; margin-top: -10px; padding-right: 100px; position: relative; } .rc-imageselect-instructions .rc-imageselect-desc strong { font-size: 22px; } .rc-imageselect-desc span { display: block; } .rc-imageselect-desc-no-canonical { position: relative; } .rc-imageselect-desc-no-canonical span { display: block; } .rc-imageselect-payload { min-width: 240px; margin: 0px 7px; padding: 7px 0px; } .rc-imageselect-challenge { position: relative; width: 100%; height: 100%; } .rc-footer { min-width: 240px; } .rc-imageselect-incorrect-response, .rc-imageselect-error-dynamic-more, .rc-imageselect-error-select-more, .rc-imageselect-error-select-something { color: rgb(217, 48, 37); font-size: 14px; padding: 7px 0px; text-align: center; width: 100%; background-color: white; } .rc-imageselect-desc-wrapper { margin-bottom: 6px; } .rc-imageselect-checkbox { background: url("images/image_16.png"); display: none; position: absolute; } .rc-imageselect-report-image { inset: 0px; display: none; position: absolute; } .rc-imageselect-table-42, .rc-imageselect-table-33, .rc-imageselect-table-44 { border-collapse: separate; border-spacing: 0px; width: 100%; height: 100%; transition: 1s; } .rc-imageselect-table-42, .rc-imageselect-table-33 { margin: -2px; } .rc-imageselect-table-44 { margin: -1px; } .rc-imageselect-table-42 td { padding: 2px; } .rc-imageselect-table-33 td { padding: 2px; } .rc-imageselect-table-44 td { padding: 1px; } .rc-image-tile-target tr, td { margin: 0px; } .rc-imageselect-keyboard { position: relative; z-index: 100; outline: orange solid !important; } td:focus { outline: none; } .rc-image-tile-overlay { display: none; opacity: 0; position: absolute; background-color: rgb(26, 115, 232); width: 100%; height: 100%; z-index: 2; transition: opacity 1s cubic-bezier(0.49, 0.78, 0.46, 1.34); } .rc-image-followup-tile { display: block; } .rc-imageselect-dynamic-selected { position: relative; transition: 2s; opacity: 0.01; } .rc-imageselect-dynamic-selected .rc-image-tile-target { opacity: 1; } .rc-imageselect-dynamic-selected .rc-imageselect-checkbox { display: block; opacity: 1; background-size: cover; width: 60px; height: 60px; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; } .rc-image-tile-target { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; } .rc-imageselect-tileselected { position: relative; } .rc-imageselect-tileselected .rc-image-tile-wrapper { transform: scale(0.8); } .rc-image-tile-wrapper { transform: scale(1); } .rc-imageselect-tileselected .rc-imageselect-checkbox { display: block; background-repeat: no-repeat; inset: 0px; } .rc-imageselect-candidates { border: 2px solid white; box-sizing: border-box; height: 94px; overflow: hidden; position: absolute; right: 7px; top: 7px; width: 112px; } .rc-imageselect-candidates>div { background-size: 112px 94px; display: inline-block; height: 94px; margin: 2px; position: relative; width: 112px; } .rc-imageselect-challenge { box-sizing: border-box; text-align: center; user-select: none; } .rc-imageselect-response-field-error { border-bottom: 1px solid rgb(255, 0, 0); } .rc-imageselect-desc { font-size: 16px; } .rc-imageselect-desc-wrapper span { font-size: 14px; } .rc-imageselect-clear { clear: both; } .rc-image-tile-wrapper { overflow: hidden; position: relative; transition: 0.1s; } .rc-image-tile-wrapper img { position: relative; -webkit-user-drag: none; backface-visibility: hidden; } .rc-image-tile-11 { width: 100%; height: 100%; } .rc-image-tile-42 { width: 200%; height: 400%; } .rc-image-tile-33 { width: 300%; height: 300%; } .rc-image-tile-44 { width: 400%; height: 400%; } .rc-imageselect-instructions { height: 113px; width: 100%; margin-bottom: 7px; position: relative; } .rc-imageselect-desc-wrapper { background-color: rgb(26, 115, 232); position: relative; padding: 24px; color: white; height: 66px; font-size: 16px; } .rc-imageselect-progress { background-color: rgb(65, 124, 193); position: absolute; bottom: 0px; right: 0px; width: 0px; height: 15px; transition: 1s; } .rc-imageselect-carousel-offscreen-right { left: 105%; position: absolute; transition: 0.5s; } .rc-imageselect-carousel-entering-right { left: 0px; position: absolute; transition: 0.5s; } .rc-imageselect-carousel-mock-margin-1 { top: 1px; } .rc-imageselect-carousel-mock-margin-2 { top: 2px; } .rc-imageselect-carousel-leaving-left { left: 0px; opacity: 0.5; position: relative; transition: 0.5s; } .rc-imageselect-carousel-offscreen-left { left: -105%; opacity: 0.5; position: relative; transition: 0.5s; } .rc-imageselect-carousel-instructions { transition: 0.2s; opacity: 1; } .rc-imageselect-carousel-instructions-hidden { opacity: 0.5; } .rc-canonical-stop-sign { background: url("https://www.gstatic.com/recaptcha/api2/stop_sign.jpg") no-repeat; } .rc-canonical-speed-limit { background: url("https://www.gstatic.com/recaptcha/api2/canonical_speed_limit.png") no-repeat; } .rc-canonical-street-name { background: url("https://www.gstatic.com/recaptcha/api2/canonical_street_name.png") no-repeat; } .rc-canonical-other { background: url("https://www.gstatic.com/recaptcha/api2/canonical_other.png") no-repeat; } .rc-canonical-bounding-box { background: url("https://www.gstatic.com/recaptcha/api2/boundingbox2.gif") no-repeat; } .rc-canonical-car { background: url("https://www.gstatic.com/recaptcha/api2/canonical_car.png") no-repeat; } .rc-canonical-road { background: url("https://www.gstatic.com/recaptcha/api2/canonical_road.png") no-repeat; } .rc-canonical-bridge { background: url("https://www.gstatic.com/recaptcha/api2/canonical_bridge.png") no-repeat; } .recaptchaJavascriptChallengeQrOuterContainer { position: absolute; inset: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .recaptchaJavascriptChallengeQrContainer { align-items: anchor-center; position: relative; -webkit-box-flex: 1; flex-grow: 1; margin: 10px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .recaptchaJavascriptChallengeQrCanvas { min-width: 200px; min-height: 200px; max-height: 45%; max-width: 40%; outline-offset: 0px; outline: solid 2px; border-radius: 2pt; padding: 20px; position: relative; border: 1px solid rgb(153, 153, 153); box-shadow: rgba(26, 115, 232, 0.3) 0px 0px 9px 2px; background: white; } .recaptchaJavascriptChallengeQrBackground { background: url("https://www.gstatic.com/recaptcha/api2/modac_qr_background.svg") no-repeat; position: absolute; top: 50%; margin-top: -20%; width: 100%; height: 100%; } .recaptchaJavascriptChallengeQrButton { background: rgb(26, 115, 232); border: 0px; color: rgb(255, 255, 255); cursor: pointer; font-family: Roboto, helvetica, arial, sans-serif; font-size: 14px; transition: 0.5s; border-radius: 25px; padding: 15px; text-transform: uppercase; text-decoration: none; position: relative; margin: 25% auto; } .recaptchaJavascriptChallengeQrInstructionsContainer { text-align: center; font-family: Roboto, helvetica, arial, sans-serif; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .recaptchaJavascriptChallengeQrShortInstructionsContainer { top: 0px; height: 113px; position: relative; background: rgb(26, 115, 232); text-align: center; margin: 0px auto; width: 100%; } .recaptchaJavascriptChallengeQrShortInstructions { font-weight: 700; color: rgb(255, 255, 255); font-size: 20px; margin-top: 45px; } .recaptchaJavascriptChallengeQrAdditionalInstructionsContainer { position: relative; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 10px; } .recaptchaJavascriptChallengeQrCameraIcon { background: url("https://www.gstatic.com/recaptcha/api2/modac_camera_dark.png") 0% 0% / contain no-repeat; display: inline-block; width: 30px; height: 30px; } .recaptchaJavascriptChallengeQrMobileIcon { background: url("https://www.gstatic.com/recaptcha/api2/modac_mobile_dark.png") 0% 0% / contain no-repeat; display: inline-block; width: 30px; height: 30px; } .recaptchaJavascriptChallengeQrAdditionalInstructions { font-weight: 400; font-size: 14px; padding: 10px 20px 10px 10px; max-width: 80%; line-height: 1.3; color: rgb(119, 119, 119); } .recaptchaJavascriptChallengeQrCodeHidden { height: 0px; width: 0px; display: none; visibility: hidden; } .recaptchaJavascriptChallengeQrCodeVisible { height: 200px; width: 200px; display: inline-block; visibility: visible; } .recaptchaJavascriptChallengeQrButtonHidden { display: none; visibility: hidden; } .recaptchaJavascriptChallengeQrButtonVisible { display: inline-block; visibility: visible; } .rc-prepositional-payload { padding: 20px; font-family: Roboto, helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; } .rc-prepositional-select-more, .rc-prepositional-verify-failed { color: rgb(255, 27, 27); font-family: Roboto, helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; margin: 20px 20px 0px; } .rc-prepositional-target label { margin: 5px; float: right; } .rc-prepositional-instructions { margin-bottom: 20px; } .rc-prepositional-table { width: 100%; } .rc-prepositional-table td { background: rgb(249, 249, 249); border: 1px solid rgb(255, 255, 255); color: rgb(0, 0, 0); cursor: pointer; font-family: Roboto, helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; width: 40%; padding: 15px; } .rc-prepositional-table td.rc-prepositional-selected { background: rgb(239, 239, 239); border: 1px solid rgb(101, 101, 101); } .rc-2fa-payload { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; color: rgb(32, 33, 36); text-align: center; } .rc-2fa-background { background-color: rgb(236, 236, 236); width: 100%; height: 100%; overflow: auto; } .rc-2fa-container { background-color: rgb(255, 255, 255); width: 328px; overflow: auto; margin: 100px auto; } .rc-2fa-header { margin: 36px 0px 24px; font-size: 16px; } .rc-2fa-instructions { margin: 24px 40px; line-height: 17.5px; } .rc-2fa-response-field { text-align: center; } .rc-2fa-response-field input { width: 11.2ch; height: 40px; line-height: 40px; margin: auto; border: 1px solid rgb(151, 151, 151); font-size: 20px; letter-spacing: 0.8ch; padding-left: 1.2ch; padding-right: 0px; } .rc-2fa-response-field input:focus { border: 1px solid rgb(24, 90, 188); } .rc-2fa-response-field-error input { border: 1px solid rgb(217, 48, 37); } .rc-2fa-response-field-error input:focus { border: 1px solid rgb(217, 48, 37); } .rc-2fa-error-message { height: 36px; font-size: 12px; color: rgb(217, 48, 37); margin: 2px 40px; } .rc-2fa-submit-button-holder button { margin: 0px auto; min-width: 100px; height: 36px; line-height: 36px; text-transform: uppercase; text-align: center; font-weight: 500; letter-spacing: 1.25px; border-radius: 4px; background-color: rgb(24, 90, 188); border: 1px solid rgb(24, 90, 188); color: rgb(255, 255, 255); } .rc-2fa-submit-button-holder button:disabled { background-color: white; border: 1px solid rgb(151, 151, 151); color: rgba(0, 0, 0, 0.38); } .rc-2fa-cancel-button-holder button { margin: 20px auto; min-width: 100px; height: 36px; line-height: 36px; text-transform: uppercase; text-align: center; font-weight: 500; letter-spacing: 1.25px; border-radius: 4px; background: none; border: none; color: rgb(24, 90, 188); } .rc-2fa-cancel-button-holder button:active { border: none; } .rc-response-input-field { border: 1px solid rgb(116, 119, 117); border-radius: 2px; height: 36px; margin: 5px 0px; padding: 1px 9px; font-family: Roboto, helvetica, arial, sans-serif; font-size: 16px; font-weight: 400; outline: none; width: 270px; } .rc-response-input-field:focus { border: 1px solid rgb(26, 115, 232); } .rc-response-input-field-error, .rc-response-input-field-error:focus { border: 1px solid rgb(255, 0, 0); } sentinel {} @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .hhfk3 { background-image: url("/cdn-cgi/challenge-platform/h/g/cmg/1"); background-position: -1px -1px; background-repeat: no-repeat; } @keyframes spin { 100% { transform: rotate(360deg); } } @keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1, 1, 1); } } @keyframes stroke { 100% { stroke-dashoffset: 0; } } @keyframes scale-up-center { 0% { transform: scale(0.01); } 100% { transform: scale(1); } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fireworks { 0% { transform: scale(0); opacity: 0; } 50% { transform: scale(1.5); opacity: 1; } 100% { transform: scale(2); opacity: 0; } } @keyframes firework { 0% { opacity: 0; stroke-dashoffset: 8; } 30% { opacity: 1; } 100% { stroke-dashoffset: -8; } } @keyframes unspin { 40% { stroke-width: 1px; stroke-linecap: square; stroke-dashoffset: 192; } 100% { stroke-width: 0; } } #success-i { width: 30px; height: 30px; display: flex; border-radius: 50%; box-shadow: rgb(34, 139, 73) 0px 0px 0px inset; fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); stroke-miterlimit: 10; animation: 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s 1 normal both running scale-up-center; stroke-width: 6px; } #success-i .p1 { stroke-dasharray: 242; stroke-dashoffset: 242; box-shadow: rgb(34, 139, 73) 0px 0px 0px inset; animation: 0.4s cubic-bezier(0.65, 0, 0.45, 1) 0.3s 1 normal forwards running stroke; } .success-circle { stroke-dashoffset: 0; stroke-width: 2; stroke-miterlimit: 10; stroke: rgb(34, 139, 73); fill: rgb(34, 139, 73); } #success-pre-i { width: 30px; height: 30px; } #success-pre-i line { stroke: rgb(34, 139, 73); animation: 0.3s ease-out 0s 1 normal none running firework; stroke-width: 1; stroke-dasharray: 32, 32; stroke-dashoffset: -8; } .circle { stroke-width: 3px; stroke-linecap: round; stroke: rgb(34, 139, 73); stroke-dasharray: 0, 100, 0; stroke-dashoffset: 200; stroke-miterlimit: 1; stroke-linejoin: round; } #fail-i, #fail-small-i { width: 30px; height: 30px; display: flex; border-radius: 50%; box-shadow: rgb(178, 15, 3) 0px 0px 0px inset; stroke-width: 1px; fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); stroke-miterlimit: 10; animation: 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s 1 normal both running scale-up-center; } .failure-circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: rgb(178, 15, 3); fill: rgb(178, 15, 3); animation: 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0s 1 normal forwards running stroke; } .failure-cross { animation: 0.1s cubic-bezier(1, 1, 0, 1) 0.4s 1 normal backwards running fade-in-animation; fill: rgb(242, 242, 242); transform-origin: center bottom; } @keyframes fade-in-animation { 0% { fill: rgb(178, 15, 3); stroke: rgb(178, 15, 3); } 100% { fill: rgb(242, 242, 242); stroke: rgb(242, 242, 242); } } #fail-small-i { width: 12px; height: 12px; } #verifying-i, #overrun-i { display: flex; width: 30px; height: 30px; animation: 5s linear 0s infinite normal none running spin; } .expired-circle, .timeout-circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: rgb(89, 89, 89); fill: rgb(89, 89, 89); } #expired-i, #timeout-i { width: 30px; height: 30px; display: flex; border-radius: 50%; box-shadow: rgb(89, 89, 89) 0px 0px 0px inset; stroke-width: 1px; fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); stroke-miterlimit: 10; animation: 0.3s ease-in-out 0.9s 1 normal both running scale; } #branding { display: inline-flex; flex-direction: column; text-align: right; } #logo { margin-bottom: 1px; height: 25px; } .logo-text { fill: rgb(0, 0, 0); } .unspun .circle { animation: 0.7s cubic-bezier(0.65, 0, 0.45, 1) 0s 1 normal forwards running unspin; } @media (prefers-color-scheme: dark) { body.theme-auto, .main-wrapper.theme-auto { background-color: rgb(49, 49, 49); color: rgb(242, 242, 242); } .theme-auto a { color: rgb(242, 242, 242); } .theme-auto a:link { color: rgb(242, 242, 242); } .theme-auto a:hover { color: rgb(185, 214, 255); } .theme-auto a:visited { color: rgb(157, 148, 236); } .theme-auto a:focus, .theme-auto a:active { outline: rgb(70, 147, 255) solid 2px; outline-offset: 2px; border-radius: 2px; } .theme-auto h1, .theme-auto p { color: rgb(242, 242, 242); } .theme-auto #success-i { box-shadow: rgb(45, 179, 94) 0px 0px 0px inset; } .theme-auto #success-i .p1 { box-shadow: rgb(45, 179, 94) 0px 0px 0px inset; } .theme-auto .success-circle { stroke: rgb(45, 179, 94); fill: rgb(45, 179, 94); } .theme-auto .failure-circle { stroke: rgb(252, 87, 74); fill: rgb(252, 87, 74); } .theme-auto .expired-circle, .theme-auto .timeout-circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: rgb(182, 182, 182); fill: rgb(182, 182, 182); } .theme-auto #expired-i, .theme-auto #timeout-i { width: 30px; height: 30px; display: flex; border-radius: 50%; box-shadow: rgb(182, 182, 182) 0px 0px 0px inset; stroke-width: 1px; fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); stroke-miterlimit: 10; } .theme-auto .cb-lb .cb-i { border: 2px solid rgb(153, 153, 153); background-color: rgb(10, 10, 10); } .theme-auto .cb-lb input:focus~.cb-i, .theme-auto .cb-lb input:active~.cb-i { outline: rgb(70, 147, 255) solid 2px; outline-offset: 2px; border-radius: 2px; } .theme-auto .cb-lb input:checked~.cb-i { background-color: rgb(74, 74, 74); } .theme-auto .cb-lb input:checked~.cb-i::after { border-color: rgb(251, 173, 65); } .theme-auto #challenge-error-title { color: rgb(252, 87, 74); } .theme-auto #terms { color: rgb(242, 242, 242); } .theme-auto #content { border-color: rgb(242, 242, 242); background-color: rgb(49, 49, 49); } .theme-auto #qr { fill: rgb(243, 128, 32); } .theme-auto .logo-text { fill: rgb(255, 255, 255); } .theme-auto .overlay { border-color: rgb(252, 87, 74); background-color: rgb(254, 204, 200); color: rgb(120, 10, 2); } .theme-auto .circle { stroke: rgb(45, 179, 94); } .theme-auto .botnet-overlay { border-color: rgb(242, 242, 242); background-color: rgb(255, 214, 168); } .theme-auto .botnet-overlay a { color: rgb(38, 38, 38); } .theme-auto .botnet-overlay a:link { color: rgb(38, 38, 38); } .theme-auto .botnet-overlay a:hover { color: rgb(38, 38, 38); } .theme-auto .botnet-overlay a:visited { color: rgb(38, 38, 38); } .theme-auto .botnet-overlay a:focus, .theme-auto .botnet-overlay a:active { outline: rgb(70, 147, 255) solid 2px; outline-offset: 2px; border-radius: 2px; } } body.theme-dark, .main-wrapper.theme-dark { background-color: rgb(49, 49, 49); color: rgb(242, 242, 242); } .theme-dark a { color: rgb(242, 242, 242); } .theme-dark a:link { color: rgb(242, 242, 242); } .theme-dark a:hover { color: rgb(185, 214, 255); } .theme-dark a:visited { color: rgb(157, 148, 236); } .theme-dark a:focus, .theme-dark a:active { outline: rgb(70, 147, 255) solid 2px; outline-offset: 2px; border-radius: 2px; } .theme-dark h1, .theme-dark p { color: rgb(242, 242, 242); } .theme-dark #success-i { box-shadow: rgb(45, 179, 94) 0px 0px 0px inset; } .theme-dark #success-i .p1 { box-shadow: rgb(45, 179, 94) 0px 0px 0px inset; } .theme-dark .success-circle { stroke: rgb(45, 179, 94); fill: rgb(45, 179, 94); } .theme-dark .failure-circle { stroke: rgb(252, 87, 74); fill: rgb(252, 87, 74); } .theme-dark .expired-circle, .theme-dark .timeout-circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: rgb(182, 182, 182); fill: rgb(182, 182, 182); } .theme-dark #expired-i, .theme-dark #timeout-i { width: 30px; height: 30px; display: flex; border-radius: 50%; box-shadow: rgb(182, 182, 182) 0px 0px 0px inset; stroke-width: 1px; fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); stroke-miterlimit: 10; } .theme-dark .cb-lb .cb-i { border: 2px solid rgb(153, 153, 153); background-color: rgb(10, 10, 10); } .theme-dark .cb-lb input:focus~.cb-i, .theme-dark .cb-lb input:active~.cb-i { outline: rgb(70, 147, 255) solid 2px; outline-offset: 2px; border-radius: 2px; } .theme-dark .cb-lb input:checked~.cb-i { background-color: rgb(74, 74, 74); } .theme-dark .cb-lb input:checked~.cb-i::after { border-color: rgb(251, 173, 65); } .theme-dark #challenge-error-title { color: rgb(252, 87, 74); } .theme-dark #terms { color: rgb(242, 242, 242); } .theme-dark #content { border-color: rgb(242, 242, 242); background-color: rgb(49, 49, 49); } .theme-dark #qr { fill: rgb(243, 128, 32); } .theme-dark .logo-text { fill: rgb(255, 255, 255); } .theme-dark .overlay { border-color: rgb(252, 87, 74); background-color: rgb(254, 204, 200); color: rgb(120, 10, 2); } .theme-dark .circle { stroke: rgb(45, 179, 94); } .theme-dark .botnet-overlay { border-color: rgb(242, 242, 242); background-color: rgb(255, 214, 168); } .theme-dark .botnet-overlay a { color: rgb(38, 38, 38); } .theme-dark .botnet-overlay a:link { color: rgb(38, 38, 38); } .theme-dark .botnet-overlay a:hover { color: rgb(38, 38, 38); } .theme-dark .botnet-overlay a:visited { color: rgb(38, 38, 38); } .theme-dark .botnet-overlay a:focus, .theme-dark .botnet-overlay a:active { outline: rgb(70, 147, 255) solid 2px; outline-offset: 2px; border-radius: 2px; } .lang-de-de.size-compact #branding, .lang-vi-vn.size-compact #branding, .lang-bg-bg.size-compact #branding, .lang-el-gr.size-compact #branding, .lang-hi-in.size-compact #branding, .lang-ko-kr.size-compact #branding, .lang-zh.size-compact #branding, .lang-zh-cn.size-compact #branding, .lang-zh-tw.size-compact #branding, .lang-sv-se.size-compact #branding { flex-direction: column; } @media (max-width: 350px) { .lang-bg-bg #terms, .lang-fa-ir #terms, .lang-ja-jp #terms, .lang-pl-pl #terms, .lang-ro-ro #terms, .lang-ru-ru #terms, .lang-sk-sk #terms, .lang-tl-ph #terms, .lang-uk-ua #terms, .lang-vi-vn #terms, .lang-th-th #terms { display: flex; flex-direction: column; } .lang-bg-bg #terms .link-spacer, .lang-fa-ir #terms .link-spacer, .lang-ja-jp #terms .link-spacer, .lang-pl-pl #terms .link-spacer, .lang-ro-ro #terms .link-spacer, .lang-ru-ru #terms .link-spacer, .lang-sk-sk #terms .link-spacer, .lang-tl-ph #terms .link-spacer, .lang-uk-ua #terms .link-spacer, .lang-vi-vn #terms .link-spacer, .lang-th-th #terms .link-spacer { display: none; } } .lang-ja-jp.size-compact #terms, .lang-tl-ph.size-compact #terms, .lang-pl-pl.size-compact #terms, .lang-uk-ua.size-compact #terms, .lang-vi-vn.size-compact #terms { display: inline-flex; flex-direction: row; } .lang-ja-jp.size-compact #terms .link-spacer, .lang-tl-ph.size-compact #terms .link-spacer, .lang-pl-pl.size-compact #terms .link-spacer, .lang-uk-ua.size-compact #terms .link-spacer, .lang-vi-vn.size-compact #terms .link-spacer { display: block; } .lang-el-gr.size-compact #verifying-text { font-size: 12px; } .lang-el-gr.size-compact #challenge-overlay, .lang-el-gr.size-compact #challenge-error-text { line-height: 10px; font-size: 9px; } .lang-el-gr .error-message-sm { flex-direction: column; } .lang-vi-vn.size-compact #challenge-overlay, .lang-vi-vn.size-compact #challenge-error-text, .lang-de-de.size-compact #challenge-overlay, .lang-de-de.size-compact #challenge-error-text { line-height: 10px; font-size: 9px; } .lang-de-de #expiry-msg #expired-refresh-link, .lang-de-de #expiry-msg #timeout-refresh-link, .lang-de-de #timeout-msg #expired-refresh-link, .lang-de-de #timeout-msg #timeout-refresh-link, .lang-hu-hu #expiry-msg #expired-refresh-link, .lang-hu-hu #expiry-msg #timeout-refresh-link, .lang-hu-hu #timeout-msg #expired-refresh-link, .lang-hu-hu #timeout-msg #timeout-refresh-link, .lang-fi-fi #expiry-msg #expired-refresh-link, .lang-fi-fi #expiry-msg #timeout-refresh-link, .lang-fi-fi #timeout-msg #expired-refresh-link, .lang-fi-fi #timeout-msg #timeout-refresh-link, .lang-ms-my #expiry-msg #expired-refresh-link, .lang-ms-my #expiry-msg #timeout-refresh-link, .lang-ms-my #timeout-msg #expired-refresh-link, .lang-ms-my #timeout-msg #timeout-refresh-link, .lang-lv-lv #expiry-msg #expired-refresh-link, .lang-lv-lv #expiry-msg #timeout-refresh-link, .lang-lv-lv #timeout-msg #expired-refresh-link, .lang-lv-lv #timeout-msg #timeout-refresh-link, .lang-ro-ro #expiry-msg #expired-refresh-link, .lang-ro-ro #expiry-msg #timeout-refresh-link, .lang-ro-ro #timeout-msg #expired-refresh-link, .lang-ro-ro #timeout-msg #timeout-refresh-link, .lang-uk-ua #expiry-msg #expired-refresh-link, .lang-uk-ua #expiry-msg #timeout-refresh-link, .lang-uk-ua #timeout-msg #expired-refresh-link, .lang-uk-ua #timeout-msg #timeout-refresh-link, .lang-fr-fr #expiry-msg #expired-refresh-link, .lang-fr-fr #expiry-msg #timeout-refresh-link, .lang-fr-fr #timeout-msg #expired-refresh-link, .lang-fr-fr #timeout-msg #timeout-refresh-link { margin-left: 0px; } .lang-hr-hr.size-compact #verifying-text, .lang-pl-pl.size-compact #verifying-text, .lang-ms-my.size-compact #verifying-text { font-size: 12px; } @media (max-width: 350px) { .lang-es-es #success-text { font-size: 12px; } } .lang-es-es .error-message-sm { flex-direction: column; } .lang-pl-pl.size-compact .cf-troubleshoot { font-size: 12px; } .lang-pl-pl.size-compact #fail-text, .lang-pl-pl.size-compact #timeout-text, .lang-pl-pl.size-compact #timeout-refresh-link { font-size: 12px; } .lang-pl-pl.size-compact #terms { display: inline-flex; } .lang-pl-pl.size-compact #terms .link-spacer { display: block; } .lang-tl-ph #timeout-text, .lang-tl-ph #expired-text, .lang-tr-tr #timeout-text, .lang-tr-tr #expired-text, .lang-ro-ro #timeout-text, .lang-ro-ro #expired-text, .lang-pl-pl #timeout-text, .lang-pl-pl #expired-text, .lang-uk-ua #timeout-text, .lang-uk-ua #expired-text, .lang-ja-jp #timeout-text, .lang-ja-jp #expired-text { display: block; } .lang-ja-jp ol { list-style-type: katakana; } .lang-ja-jp #branding { display: flex; flex-direction: column; padding-top: 5px; text-align: right; } .lang-ja-jp .cb-lb-t { font-size: 11px; } .lang-ja-jp.size-compact #challenge-overlay, .lang-ja-jp.size-compact #challenge-error-text { line-height: 10px; } .lang-ru-ru.size-compact .cb-lb .cb-i { left: 11px; } .lang-ru-ru.size-compact .cb-lb input { left: 11px; } .lang-bg-bg .error-message-sm { flex-direction: column; } .lang-bg-bg.size-compact #verifying-text { font-size: 12px; } .lang-it-it.size-compact #challenge-overlay, .lang-it-it.size-compact #challenge-error-text { line-height: 10px; font-size: 9px; } .lang-id-id.size-compact #challenge-overlay, .lang-id-id.size-compact #challenge-error-text { line-height: 10px; } .lang-de-de.size-compact .error-message-sm { flex-direction: column; } .lang-de-de.size-compact #fail-i { width: 12px; height: 12px; } .lang-de-de.size-compact .cf-troubleshoot { font-size: 12px; } .lang-de-de.size-compact #fail.cb-container { grid-template-columns: 12px auto; } .lang-ar-eg.size-compact .error-message-sm, .lang-bg-bg.size-compact .error-message-sm, .lang-cs-cz.size-compact .error-message-sm, .lang-da-dk.size-compact .error-message-sm, .lang-el-gr.size-compact .error-message-sm, .lang-es-es.size-compact .error-message-sm, .lang-fi-fi.size-compact .error-message-sm, .lang-ms-my.size-compact .error-message-sm, .lang-nb-no.size-compact .error-message-sm, .lang-nl-nl.size-compact .error-message-sm, .lang-pt-br.size-compact .error-message-sm, .lang-ro-ro.size-compact .error-message-sm, .lang-sl-si.size-compact .error-message-sm, .lang-sv-se.size-compact .error-message-sm, .lang-th-th.size-compact .error-message-sm, .lang-tl-ph.size-compact .error-message-sm, .lang-tr-tr.size-compact .error-message-sm { flex-direction: column; } .lang-bg-bg .cf-troubleshoot, .lang-el-gr .cf-troubleshoot { font-size: 12px; } .lang-de-de .error-message-sm, .lang-fr-fr .error-message-sm, .lang-hr-hr .error-message-sm, .lang-hu-hu .error-message-sm, .lang-id-id .error-message-sm, .lang-it-it .error-message-sm, .lang-ja-jp .error-message-sm, .lang-lv-lv .error-message-sm, .lang-pl-pl .error-message-sm, .lang-ru-ru .error-message-sm, .lang-sk-sk .error-message-sm, .lang-sr-ba .error-message-sm, .lang-uk-ua .error-message-sm { flex-direction: column; } .lang-ar-eg ol { list-style-type: arabic-indic; } .lang-fa-ir ol { list-style-type: persian; } .lang-hi-in ol { list-style-type: devanagari; } .lang-he-il ol { list-style-type: hebrew; } .lang-ko-kr ol { list-style-type: hangul; } html { margin: 0px; padding: 0px; width: 100%; height: 100%; } body, .main-wrapper { margin: 0px; border-radius: 2px; padding: 0px; width: 100%; height: 100%; color: rgb(10, 10, 10); font-family: -apple-system, system-ui, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, "Helvetica Neue", arial, sans-serif; font-size: 14px; font-weight: 400; -webkit-font-smoothing: antialiased; font-style: normal; } h1 { margin: 16px 0px; text-align: center; line-height: 1.25; color: rgb(10, 10, 10); font-size: 16px; font-weight: 700; } p { margin: 8px 0px; text-align: center; color: rgb(10, 10, 10); font-size: 20px; font-weight: 400; } a { color: rgb(10, 10, 10); display: inline-block; text-decoration: underline; font-weight: 400; font-style: normal; } a:link { color: rgb(10, 10, 10); } a:hover { color: rgb(0, 54, 129); } a:visited { color: rgb(8, 111, 255); } a:focus, a:active { outline: rgb(70, 147, 255) solid 2px; outline-offset: 2px; border-radius: 2px; } #content { box-sizing: border-box; display: flex; gap: 4px; align-items: center; justify-content: space-between; border: 1px solid rgb(217, 217, 217); border-radius: 2px; background-color: rgb(248, 248, 248); padding: 0px 8px; height: 65px; user-select: none; } #fr-helper, #fr-overrun, #fr-helper-loop { margin-right: 0.25em; margin-left: 0px; } #fr-helper-link, #fr-overrun-link { display: inline-block; } #challenge-overlay { position: absolute; top: 0px; z-index: 9999; background-color: rgb(248, 248, 248); line-height: 10px; color: rgb(178, 15, 3); font-size: 9px; } #challenge-overlay a { color: rgb(10, 10, 10); } #challenge-overlay a:visited, #challenge-overlay a:link { color: rgb(10, 10, 10); } #challenge-overlay a:active, #challenge-overlay a:hover, #challenge-overlay a:focus { color: rgb(0, 54, 129); } .cb-c { display: flex; align-items: center; cursor: pointer; text-align: left; } .cb-lb { display: grid; place-items: center; } .cb-lb input { grid-area: 1 / 1; opacity: 0; z-index: 9999; margin: 0px; cursor: pointer; width: 24px; height: 24px; } .cb-lb input:focus~.cb-i, .cb-lb input:active~.cb-i { outline: rgb(70, 147, 255) solid 2px; outline-offset: 2px; border-radius: 2px; } .cb-lb input:checked~.cb-i { transform: rotate(0deg) scale(1); opacity: 1; border-radius: 5px; background-color: rgb(255, 255, 255); } .cb-lb input:checked~.cb-i::after { top: 0px; left: 5px; transform: rotate(45deg) scale(1); border-style: solid; border-color: rgb(196, 77, 14); border-image: initial; border-width: 0px 4px 4px 0px; border-radius: 0px; width: 6px; height: 12px; } .cb-lb .cb-i { box-sizing: border-box; grid-area: 1 / 1; transition: 0.1s ease-in; z-index: 9998; border: 2px solid rgb(74, 74, 74); border-radius: 3px; background: rgb(255, 255, 255); width: 24px; height: 24px; animation: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s 1 normal both running scale-up-center; } .cb-lb .cb-i::after { position: absolute; border-radius: 5px; content: ""; } .cb-lb .cb-lb-t { grid-column: 2; margin-left: 8px; } #terms { display: inline-flex; justify-content: flex-end; line-height: 10px; color: rgb(10, 10, 10); font-size: 8px; font-style: normal; } #terms .link-spacer { margin: 0px 0.2rem; } #terms a { line-height: 10px; font-size: 8px; } #verifying-msg .error-message-sm, #failure-msg .error-message-sm { margin-top: 2px; } #expired .error-message-sm, #timeout .error-message-sm, #error-msg .error-message-sm { margin-bottom: 2px; } .size-compact { font-size: 14px; } .size-compact #content { display: flex; flex-flow: column; gap: 0px; place-content: space-between; align-items: flex-start; padding: 12px 8px; height: 140px; } .size-compact .link-spacer { margin-right: 3px; margin-left: 3px; } .size-compact .cb-c { text-align: left; } .size-compact #logo { margin-bottom: 0px; height: 25px; } .size-compact #branding { place-content: center flex-start; align-self: flex-end; padding-right: 0px; text-align: right; } .size-compact #terms { text-align: right; } .size-compact #qr { text-align: center; } .size-compact #challenge-error-title { margin-top: 3px; width: auto; } .size-compact #fail { display: flex; flex-flow: row; place-content: center space-evenly; align-items: center; visibility: visible; line-height: 13px; } .size-compact #expired-text, .size-compact #overrun-text, .size-compact #timeout-text { display: block; } .size-compact #expired-refresh-link, .size-compact #timeout-refresh-link { margin: 0px; } .size-compact .error-message-sm a { margin: 0px; } .size-compact .error-message-sm span { display: block; } .size-compact .error-message-sm.ltr { text-align: end; } .size-compact .error-message-sm.ltr #fr-overrun { margin-right: 0px; margin-left: 0px; } .cb-lb-t { display: flex; flex-flow: row-reverse; place-content: center flex-end; align-items: center; } .rtl { direction: rtl; } .rtl .cb-lb-t { margin-right: 8px; margin-left: 0px; padding: 0px; } .rtl #success-i, .rtl #verifying-i, .rtl #fail-i, .rtl #overrun-i, .rtl #timeout-i, .rtl #expired-i { left: 255px; } .rtl #fr-helper, .rtl #fr-overrun, .rtl #fr-helper-loop { margin-right: 0px; margin-left: 0.25em; } .rtl #branding { padding-right: 0px; padding-left: 0px; width: 90px; text-align: left; } .rtl.size-compact #branding { align-self: flex-start; justify-content: flex-start; padding-right: 0px; padding-left: 0px; text-align: left; } .rtl.size-compact #branding-link { align-self: flex-start; } .rtl.size-compact #terms { justify-content: flex-start; text-align: right; } .rtl.size-compact #cf-stage { padding-right: 48px; } .rtl .cb-lb { text-align: right; } .rtl .cb-lb input { right: 18px; } .rtl .cb-lb input:checked~.cb-i::after { right: 6px; } .rtl .cb-lb .cb-i { right: 18px; } .rtl .cb-c { text-align: right; } .rtl .cb-container { margin-left: 0px; } #challenge-error-title { position: absolute; top: 0px; margin: 5px 0px; width: 200px; height: 55px; font-size: 11px; } #challenge-error-title a { color: rgb(10, 10, 10); } #challenge-error-title a:hover, #challenge-error-title a:focus, #challenge-error-title a:active { text-decoration: underline; color: rgb(0, 54, 129); } #challenge-error-title a:link, #challenge-error-title a:visited { color: rgb(10, 10, 10); } #challenge-error-title .i-wrapper { display: none; } .main-wrapper { border-spacing: 0px; } .p1 { fill: none; stroke: rgb(255, 255, 255); } .offlabel.size-compact .cb-lb .cb-i, .offlabel.size-compact .cb-lb input { top: 58px; } .cb-container { display: grid; grid-template-columns: 30px auto; gap: 6px; align-items: center; } .cb-container.error-message-wrapper { grid-template-columns: 12px auto; } #qr { fill: rgb(10, 10, 10); } #qr svg { width: 40px; height: 40px; } html.rtl { direction: rtl; } .overlay { box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; opacity: 0.9; z-index: 2147483647; border: 1px solid rgb(178, 15, 3); background-color: rgb(255, 239, 238); padding: 2px; width: 100%; height: auto; line-height: 8px; color: rgb(151, 13, 2); font-family: consolas, "Liberation Mono", courier, monospace; font-size: 10px; } .botnet-overlay { box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; opacity: 0.95; z-index: 2147483647; border: 1px solid rgb(217, 217, 217); border-radius: 0px 0px 2px 2px; background-color: rgb(255, 237, 212); padding: 0px 2px; width: 100%; height: auto; text-align: center; line-height: 12px; color: rgb(38, 38, 38); font-family: "SF Pro Text", -apple-system, system-ui, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, "Helvetica Neue", arial, sans-serif; font-size: 9px; font-weight: 400; } .botnet-overlay a { color: rgb(38, 38, 38); display: inline; text-decoration: none; } .botnet-overlay a:link { color: rgb(38, 38, 38); } .botnet-overlay a:hover { color: rgb(38, 38, 38); } .botnet-overlay a:visited { color: rgb(38, 38, 38); } .botnet-overlay a:focus, .botnet-overlay a:active { outline: rgb(70, 147, 255) solid 2px; outline-offset: 2px; border-radius: 2px; } .botnet-overlay a:visited { text-decoration: none; } .error-message-sm { display: flex; margin: 0px; text-align: inherit; line-height: 1.2; font-size: 10px; font-weight: 400; } .error-message-lg { display: flex; margin: 0px; text-align: inherit; line-height: 1.2; font-size: 14px; font-weight: 400; } .error-message-sm.ltr, .error-message-lg.ltr { direction: ltr; } .error-message-sm.ltr #fr-overrun, .error-message-lg.ltr #fr-overrun { margin-right: 0.25em; margin-left: 0px; } #success-text { opacity: 0; animation: 1s ease 0s 1 normal forwards running fade-in; } .cf-troubleshoot { line-height: 1.2; }