/* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* This stylesheet generated by Transfonter (https://transfonter.org) on April 20, 2017 1:38 PM */ @font-face { font-family: 'Open Sans'; src: url(/client/bcd43b39b676cb0b8cb4694d33fa59bc.eot); src: url(/client/bcd43b39b676cb0b8cb4694d33fa59bc.eot?#iefix) format('embedded-opentype'), url(/client/1fb5e4b0cc15bb1d79cc6b3e1681cccd.woff2) format('woff2'), url(/client/175f1cf4fdbac8e5663011074065f8cf.woff) format('woff'), url(/client/9f8a95d52815650ef8b7b8b3ddb073c4.ttf) format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url(/client/a393613a1bcf3591058b88b80801e646.eot); src: url(/client/a393613a1bcf3591058b88b80801e646.eot?#iefix) format('embedded-opentype'), url(/client/59b76952b81fe067fd52531945a57420.woff2) format('woff2'), url(/client/a1cc523638ef1745803242434085b816.woff) format('woff'), url(/client/ba2a91fbe847b248e79c001e38693c6f.ttf) format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url(/client/c3339226ec49c63ee596fa77be6605ec.eot); src: url(/client/c3339226ec49c63ee596fa77be6605ec.eot?#iefix) format('embedded-opentype'), url(/client/eda4c3497fc52dbdbe70ba4997dc5206.woff2) format('woff2'), url(/client/adb8793a077b993882fca45d2925a276.woff) format('woff'), url(/client/7ec226a816fb3c88e273ac64cd2cf26f.ttf) format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url(/client/a939029ba98c008f8e1f69362c2c49aa.eot); src: url(/client/a939029ba98c008f8e1f69362c2c49aa.eot?#iefix) format('embedded-opentype'), url(/client/41e6e1103351f265afd3145201b11102.woff2) format('woff2'), url(/client/9c47331ca0ce2ef1690540910b85cfc0.woff) format('woff'), url(/client/fc6ba2f36a4eb68b5c25967487d0c6a2.ttf) format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url(/client/a4ad10a05867093704aed766e4eced5f.eot); src: url(/client/a4ad10a05867093704aed766e4eced5f.eot?#iefix) format('embedded-opentype'), url(/client/88818c066aa0d62fa2265607a1491573.woff2) format('woff2'), url(/client/7d886dbd77aecac20cc5c4996368b0f2.woff) format('woff'), url(/client/e604382f68abdc6e9d6ce27d26ad0e2b.ttf) format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url(/client/26550b9fe48af02576415c419b19b60c.eot); src: url(/client/26550b9fe48af02576415c419b19b60c.eot?#iefix) format('embedded-opentype'), url(/client/0673efd493cbd321da68437165a5c0ad.woff2) format('woff2'), url(/client/d0c6e2dcac826fe1c798bf6a4986b0f2.woff) format('woff'), url(/client/74ba55f45a7f75e670a7c2fd68c91ad1.ttf) format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url(/client/f1a4efade22f68327b64978f2c55447c.eot); src: url(/client/f1a4efade22f68327b64978f2c55447c.eot?#iefix) format('embedded-opentype'), url(/client/db7b6b793de17dc01e7743d6c9770a9d.woff2) format('woff2'), url(/client/a756ffbc810c894906800182cd8ac9fc.woff) format('woff'), url(/client/dc0330e495843720124c12a9c0059551.ttf) format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url(/client/da8043019c92ad47339eab9e553834e8.eot); src: url(/client/da8043019c92ad47339eab9e553834e8.eot?#iefix) format('embedded-opentype'), url(/client/343ca2a0b1ceeb7a02a75fb297b13dd9.woff2) format('woff2'), url(/client/5762aca5e66ccb741b8cbd035b449c43.woff) format('woff'), url(/client/b44789fd5fa57a992c07ea43d04bff43.ttf) format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url(/client/1b2b819914e93fe331ca822b0be9a7ef.eot); src: url(/client/1b2b819914e93fe331ca822b0be9a7ef.eot?#iefix) format('embedded-opentype'), url(/client/2837dab6b24ee06241d9511c31a14c2f.woff2) format('woff2'), url(/client/5158196650eaf31a16fe8e35a37f1c24.woff) format('woff'), url(/client/f5f9c6bd6ad545d38190a77b748c9839.ttf) format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url(/client/5e8aa71dd8f090f8c86b4566d1d00588.eot); src: url(/client/5e8aa71dd8f090f8c86b4566d1d00588.eot?#iefix) format('embedded-opentype'), url(/client/ef488c8872bd57196d6b8fb03a99b97a.woff2) format('woff2'), url(/client/ff2be4f9e310ec013a9db2b1d448c604.woff) format('woff'), url(/client/54ecc3177c251f29c6e726c42d221d19.ttf) format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'CanalBoldItalique'; src: url(/client/3e21b504b2d91706255730ea206556a7.eot); src: url(/client/3e21b504b2d91706255730ea206556a7.eot?#iefix) format('embedded-opentype'), url(/client/e0b719ac2d8454ae91adb07022635737.woff2) format('woff2'), url(/client/83a16a80c1616037f7d937de5a750c61.woff) format('woff'), url(/client/0f74008a5cd0aecf354320b454522c55.ttf) format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'CanalDemiRomain'; src: url(/client/16979b0dceca972adf56abf731914060.eot); src: url(/client/16979b0dceca972adf56abf731914060.eot?#iefix) format('embedded-opentype'), url(/client/1a4a79fad9124448b940fc7232ccc116.woff2) format('woff2'), url(/client/63dc81f7e6d41cf6e5d990828fb04a4d.woff) format('woff'), url(/client/1e46f121095e0da81b07fcf4f6884b04.ttf) format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'CanalBoldRomain'; src: url(/client/5d16e259c1f6a2cbb0b5fa44c1f3ba07.eot); src: url(/client/5d16e259c1f6a2cbb0b5fa44c1f3ba07.eot?#iefix) format('embedded-opentype'), url(/client/1b452b9b49dca6a1eef377a5a57e76c0.woff2) format('woff2'), url(/client/3f09aa96c01ed2a142edb3ead282ea7d.woff) format('woff'), url(/client/65de15dc9c254ea6044ab80be7a571d6.ttf) format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'CanalBoldRomainPrice'; src: url(/client/8f11e52ece65e7da6577567c23cf5b4b.eot); src: url(/client/8f11e52ece65e7da6577567c23cf5b4b.eot?#iefix) format('embedded-opentype'), url(/client/e87ec76d08896d39b9c4019aa35d9bdf.woff2) format('woff2'), url(/client/edfe810efe9e5bc60c994a7a713742e6.woff) format('woff'), url(/client/2c5027974a7e002c6e9953782a95996c.ttf) format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'CanalLightRomain'; src: url(/client/00790e7c746d2caf3e7cb86ff9a230e5.eot); src: url(/client/00790e7c746d2caf3e7cb86ff9a230e5.eot?#iefix) format('embedded-opentype'), url(/client/802468b59c00ce07da570f70cfb727c9.woff2) format('woff2'), url(/client/0f905a0e2cbb6a8ceb0e8070471faa0b.woff) format('woff'), url(/client/1c7dd53b25fe9f116f0d554ab6a79a4b.ttf) format('truetype'); font-weight: 300; font-style: normal; } :root { /* special font with no weird gap (fuck A.D !) */ } *, ::after, ::before { text-rendering: optimizeLegibility; box-sizing: border-box; } html, body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; } body { font-weight: 400; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif; color: #212429; color: #212429; } div, p, h1, h2, h3, h4 { font-size: 1em; } a { color: inherit; text-decoration: none; } ul { list-style-type: none; margin: 0; padding: 0; } ins, del { text-decoration: none; } .theme-customer-light .global-checkbox{background-image:url(/client/e961a3176d8c66264258bda2bb8bc6a2.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:28px;height:28px}.theme-customer-light .global-checkbox.selected{background-image:url(/client/576fd259204518c0c7822246d2d4c11e.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-light .global-checkbox.selected.important{background-image:url(/client/3428d460b5bd888e2d4842bb2ad322e3.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-dark .global-checkbox{background-image:url(/client/81c201c299715d41f7b11c3e9f61961e.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:28px;height:28px}.theme-customer-dark .global-checkbox.selected{background-image:url(/client/eae1f3c4f0d93947738a7f9591c6b003.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-dark .global-checkbox.selected.important{background-image:url(/client/3428d460b5bd888e2d4842bb2ad322e3.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-light .global-checkbox{background-image:url(/client/e961a3176d8c66264258bda2bb8bc6a2.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:28px;height:28px}.theme-business-light .global-checkbox.selected{background-image:url(/client/209e0343f7662b3a698f2322ba5aaa07.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-light .global-checkbox.selected.important{background-image:url(/client/a181be833ce06cb6d18a9548133adc73.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-dark .global-checkbox{background-image:url(/client/81c201c299715d41f7b11c3e9f61961e.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:28px;height:28px}.theme-business-dark .global-checkbox.selected{background-image:url(/client/c4211cb926f0bf44ccc8f4b562858980.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-dark .global-checkbox.selected.important{background-image:url(/client/a181be833ce06cb6d18a9548133adc73.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-light .global-radiobox{background-image:url(/client/693b9065b819974dd86d93063f6a3db7.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:28px;height:28px}.theme-customer-light .global-radiobox.selected{background-image:url(/client/7dc6874579a84434c55571ab2eaf2cd9.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-light .global-radiobox.selected.important{background-image:url(/client/7dc6874579a84434c55571ab2eaf2cd9.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-dark .global-radiobox{background-image:url(/client/693b9065b819974dd86d93063f6a3db7.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:28px;height:28px}.theme-customer-dark .global-radiobox.selected{background-image:url(/client/7dc6874579a84434c55571ab2eaf2cd9.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-dark .global-radiobox.selected.important{background-image:url(/client/7dc6874579a84434c55571ab2eaf2cd9.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-light .global-radiobox{background-image:url(/client/693b9065b819974dd86d93063f6a3db7.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:28px;height:28px}.theme-business-light .global-radiobox.selected{background-image:url(/client/7dc6874579a84434c55571ab2eaf2cd9.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-light .global-radiobox.selected.important{background-image:url(/client/7dc6874579a84434c55571ab2eaf2cd9.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-dark .global-radiobox{background-image:url(/client/693b9065b819974dd86d93063f6a3db7.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:28px;height:28px}.theme-business-dark .global-radiobox.selected{background-image:url(/client/7dc6874579a84434c55571ab2eaf2cd9.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-dark .global-radiobox.selected.important{background-image:url(/client/7dc6874579a84434c55571ab2eaf2cd9.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.global-expand-arrow{transition:transform .5s;height:10px;width:18px;opacity:.5;transform:rotate(0deg)}.theme-customer-light .global-expand-arrow{background-image:url(/client/ba5855914d06c59a60ff91d7cd5ca23b.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-dark .global-expand-arrow{background-image:url(/client/1bc1182ca926cf3609c1f45e43041412.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-light .global-expand-arrow{background-image:url(/client/ba5855914d06c59a60ff91d7cd5ca23b.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-dark .global-expand-arrow{background-image:url(/client/1bc1182ca926cf3609c1f45e43041412.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.global-expand-arrow.expanded{transition:transform .5s;opacity:1;transform:rotate(180deg)}.global-fixed-element{position:fixed;z-index:20;bottom:0;box-shadow:0 0 25px 0 #000;width:100%}@media (min-width: 960px){.global-fixed-element{width:960px;left:calc(50% - (960px / 2));bottom:20px;border-radius:3px}}.global-fixed-element.displayed{transform:translateY(0);visibility:visible;transition:visibility 0s,transform .2s ease-in-out}.global-fixed-element.hidden{transform:translateY(100%);visibility:hidden;transition:transform .2s ease-in-out,visibility 0s .2s}.theme-customer-light .global-link.text{font-family:"Open Sans",sans-serif;font-weight:600;transition:color 300ms;color:#ec3654;font-size:14px}.theme-customer-light .global-link.text:disabled{opacity:.4;cursor:not-allowed}.theme-customer-light .global-link.text:hover,.theme-customer-light .global-link.text:focus{color:#c82e47}.theme-customer-light .global-link.text.secondary{font-family:"Open Sans",sans-serif;font-weight:600;transition:color 300ms;color:#e2e2e9;font-size:14px}.theme-customer-light .global-link.text.secondary:disabled{opacity:.4;cursor:not-allowed}.theme-customer-light .global-link.text.secondary:hover,.theme-customer-light .global-link.text.secondary:focus{color:#abb2b9}.theme-customer-light .global-link.button{font-family:"Open Sans",sans-serif;display:inline-block;padding:0 20px;width:100%;font-size:18px;font-weight:600;text-align:center;height:54px;line-height:50px;border:0;border-radius:3px;transition:background-color 300ms;background-color:#ec3654;color:#fff}.theme-customer-light .global-link.button:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 700px){.theme-customer-light .global-link.button:not(.full-size){min-width:295px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.theme-customer-light .global-link.button:hover,.theme-customer-light .global-link.button:focus{background-color:#c82e47}.theme-customer-light .global-link.button.secondary{font-family:"Open Sans",sans-serif;display:inline-block;padding:0 20px;width:100%;font-size:18px;font-weight:600;text-align:center;height:54px;line-height:50px;border:0;border-radius:3px;transition:background-color 300ms;background-color:#e2e2e9;color:#212429}.theme-customer-light .global-link.button.secondary:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 700px){.theme-customer-light .global-link.button.secondary:not(.full-size){min-width:295px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.theme-customer-light .global-link.button.secondary:hover,.theme-customer-light .global-link.button.secondary:focus{background-color:#abb2b9}.theme-customer-dark .global-link.text{font-family:"Open Sans",sans-serif;font-weight:600;transition:color 300ms;color:#ec3654;font-size:14px}.theme-customer-dark .global-link.text:disabled{opacity:.4;cursor:not-allowed}.theme-customer-dark .global-link.text:hover,.theme-customer-dark .global-link.text:focus{color:#c82e47}.theme-customer-dark .global-link.text.secondary{font-family:"Open Sans",sans-serif;font-weight:600;transition:color 300ms;color:#373840;font-size:14px}.theme-customer-dark .global-link.text.secondary:disabled{opacity:.4;cursor:not-allowed}.theme-customer-dark .global-link.text.secondary:hover,.theme-customer-dark .global-link.text.secondary:focus{color:#2c2f33}.theme-customer-dark .global-link.button{font-family:"Open Sans",sans-serif;display:inline-block;padding:0 20px;width:100%;font-size:18px;font-weight:600;text-align:center;height:54px;line-height:50px;border:0;border-radius:3px;transition:background-color 300ms;background-color:#ec3654;color:#fff}.theme-customer-dark .global-link.button:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 700px){.theme-customer-dark .global-link.button:not(.full-size){min-width:295px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.theme-customer-dark .global-link.button:hover,.theme-customer-dark .global-link.button:focus{background-color:#c82e47}.theme-customer-dark .global-link.button.secondary{font-family:"Open Sans",sans-serif;display:inline-block;padding:0 20px;width:100%;font-size:18px;font-weight:600;text-align:center;height:54px;line-height:50px;border:0;border-radius:3px;transition:background-color 300ms;background-color:#373840;color:#fff}.theme-customer-dark .global-link.button.secondary:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 700px){.theme-customer-dark .global-link.button.secondary:not(.full-size){min-width:295px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.theme-customer-dark .global-link.button.secondary:hover,.theme-customer-dark .global-link.button.secondary:focus{background-color:#2c2f33}.theme-business-light .global-link.text{font-family:"Open Sans",sans-serif;font-weight:600;transition:color 300ms;color:#20c792;font-size:14px}.theme-business-light .global-link.text:disabled{opacity:.4;cursor:not-allowed}.theme-business-light .global-link.text:hover,.theme-business-light .global-link.text:focus{color:#0c4f3a}.theme-business-light .global-link.text.secondary{font-family:"Open Sans",sans-serif;font-weight:600;transition:color 300ms;color:#e2e2e9;font-size:14px}.theme-business-light .global-link.text.secondary:disabled{opacity:.4;cursor:not-allowed}.theme-business-light .global-link.text.secondary:hover,.theme-business-light .global-link.text.secondary:focus{color:#abb2b9}.theme-business-light .global-link.button{font-family:"Open Sans",sans-serif;display:inline-block;padding:0 20px;width:100%;font-size:18px;font-weight:600;text-align:center;height:54px;line-height:50px;border:0;border-radius:3px;transition:background-color 300ms;background-color:#20c792;color:#fff}.theme-business-light .global-link.button:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 700px){.theme-business-light .global-link.button:not(.full-size){min-width:295px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.theme-business-light .global-link.button:hover,.theme-business-light .global-link.button:focus{background-color:#0c4f3a}.theme-business-light .global-link.button.secondary{font-family:"Open Sans",sans-serif;display:inline-block;padding:0 20px;width:100%;font-size:18px;font-weight:600;text-align:center;height:54px;line-height:50px;border:0;border-radius:3px;transition:background-color 300ms;background-color:#e2e2e9;color:#212429}.theme-business-light .global-link.button.secondary:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 700px){.theme-business-light .global-link.button.secondary:not(.full-size){min-width:295px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.theme-business-light .global-link.button.secondary:hover,.theme-business-light .global-link.button.secondary:focus{background-color:#abb2b9}.theme-business-dark .global-link.text{font-family:"Open Sans",sans-serif;font-weight:600;transition:color 300ms;color:#20c792;font-size:14px}.theme-business-dark .global-link.text:disabled{opacity:.4;cursor:not-allowed}.theme-business-dark .global-link.text:hover,.theme-business-dark .global-link.text:focus{color:#0c4f3a}.theme-business-dark .global-link.text.secondary{font-family:"Open Sans",sans-serif;font-weight:600;transition:color 300ms;color:#373840;font-size:14px}.theme-business-dark .global-link.text.secondary:disabled{opacity:.4;cursor:not-allowed}.theme-business-dark .global-link.text.secondary:hover,.theme-business-dark .global-link.text.secondary:focus{color:#2c2f33}.theme-business-dark .global-link.button{font-family:"Open Sans",sans-serif;display:inline-block;padding:0 20px;width:100%;font-size:18px;font-weight:600;text-align:center;height:54px;line-height:50px;border:0;border-radius:3px;transition:background-color 300ms;background-color:#20c792;color:#fff}.theme-business-dark .global-link.button:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 700px){.theme-business-dark .global-link.button:not(.full-size){min-width:295px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.theme-business-dark .global-link.button:hover,.theme-business-dark .global-link.button:focus{background-color:#0c4f3a}.theme-business-dark .global-link.button.secondary{font-family:"Open Sans",sans-serif;display:inline-block;padding:0 20px;width:100%;font-size:18px;font-weight:600;text-align:center;height:54px;line-height:50px;border:0;border-radius:3px;transition:background-color 300ms;background-color:#373840;color:#fff}.theme-business-dark .global-link.button.secondary:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 700px){.theme-business-dark .global-link.button.secondary:not(.full-size){min-width:295px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.theme-business-dark .global-link.button.secondary:hover,.theme-business-dark .global-link.button.secondary:focus{background-color:#2c2f33}.global-link-component{font-family:"Open Sans",sans-serif;width:100%}.global-link-component:disabled{opacity:.4;cursor:not-allowed}.theme-customer-light .global-link-component{color:#212429}.theme-customer-dark .global-link-component{color:#fff}.theme-business-light .global-link-component{color:#212429}.theme-business-dark .global-link-component{color:#fff}@-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.page__title{font-family:"Open Sans";font-size:3.5rem;text-transform:none;font-weight:400;padding-bottom:20px;text-align:center}@media (max-width: 700px){.page__title{font-family:"Open Sans";font-size:2.2rem;text-transform:none;font-weight:400}}.page__sub-title{font-family:"Open Sans";font-size:1.6rem;text-transform:none;font-weight:400;padding-bottom:20px;text-align:center}.standalone-container{display:flex;flex-direction:column;margin:auto;padding-bottom:60px}@media (min-width: 700px){.standalone-container{max-width:640px}}@media (max-width: 700px){.standalone-container{padding:0 20px 60px 20px}}@media (min-width: 700px){.standalone-container{padding-top:80px}}@media (max-width: 700px){.standalone-container{padding-top:20px}}.included-container{display:flex;flex-direction:column;margin:auto;padding-bottom:60px}@media (min-width: 700px){.included-container{max-width:640px}}@media (max-width: 700px){.included-container{padding:0 20px 60px 20px}}@media (max-width: 700px){.mobile-padding{padding-left:20px;padding-right:20px}}@media (max-width: 700px){.material-custom{padding:0 0 60px 0}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.spinner-full-container{display:flex;justify-content:center;margin-top:80px;height:9rem;width:100%}.spinner{-webkit-animation:anim-rotate 1s linear infinite;animation:anim-rotate 1s linear infinite;border-radius:50%;border-width:5px;border-style:solid;width:100%;height:100%;max-width:9rem;max-height:9rem}.theme-customer-light .spinner{border-color:#ec3654 transparent #ec3654 #ec3654}.theme-customer-dark .spinner{border-color:#ec3654 transparent #ec3654 #ec3654}.theme-business-light .spinner{border-color:#20c792 transparent #20c792 #20c792}.theme-business-dark .spinner{border-color:#20c792 transparent #20c792 #20c792}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.app-container{font-size:16px}.theme-customer-light .app-container{background-color:#f5f5f6;color:#212429}.theme-customer-dark .app-container{background-color:#212429;color:#fff}.theme-business-light .app-container{background-color:#f5f5f6;color:#212429}.theme-business-dark .app-container{background-color:#212429;color:#fff}.global-offer-thematic-color__text--cineSeries{color:#007dea}.global-offer-thematic-color__background--cineSeries{background-color:#007dea}.global-offer-thematic-color__text--sport{color:#38a22b}.global-offer-thematic-color__background--sport{background-color:#38a22b}.global-offer-thematic-color__text--start{color:#009fe3}.global-offer-thematic-color__background--start{background-color:#009fe3}.global-offer-thematic-color__text--family{color:#ffb300}.global-offer-thematic-color__background--family{background-color:#ffb300}.global-offer-thematic-color__text--rmcSport{color:#e01021}.global-offer-thematic-color__background--rmcSport{background-color:#e01021}.global-offer-thematic-color__text--canal{color:#fd101e}.global-offer-thematic-color__background--canal{background-color:#fd101e}.global-isp-color{background-color:#5e646a}.global-isp-color.bbox{background-color:#049cce}.global-isp-color.free{background-color:#d51317}.global-isp-color.orange{background-color:#ee7d00}.global-isp-color.sfr{background-color:#c70005}.global-modal-full-width .react-modal__core{width:90%;min-width:90%}@media (max-width: 700px){.global-modal-full-width .react-modal__core{width:100%;min-width:100%;height:100%;min-height:100%}}@media (min-width: 1285px){.global-modal-full-width .react-modal__core{min-width:initial;max-width:1280px}}.app-footer .brand-logo{width:200px;height:48px}.pre-footer-legal-links{display:flex;justify-content:space-between}@media (max-width: 700px){.pre-footer-legal-links{flex-direction:column;align-items:flex-start}.pre-footer-legal-links :not(:first-child){padding-top:15px}} .hasChildren___lDqfP { max-height: 100%; max-width: 100%; display: inline; line-height: normal; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /* SPINNER ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } /* SETTINGS ---------------------------------------------------*/ .spinner___3sqAP { -webkit-animation: rotate___1asdW 1s linear infinite; animation: rotate___1asdW 1s linear infinite; border-color: hsl(350, 83%, 57%) transparent hsl(350, 83%, 57%) hsl(350, 83%, 57%); border-color: var(--color_secondary) transparent var(--color_secondary) var(--color_secondary); border-radius: 50%; border-style: solid; border-width: .5rem; position: absolute; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .spinner__withKeyboard___1Jn9p { margin-top: 2rem; } @media screen and (min-width: 700px) { .spinner__withKeyboard___1Jn9p { margin-top: 0 } } /* POSTER ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } /* ANIMATION ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ @-webkit-keyframes placeHolderFade___e0jq- { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } @keyframes placeHolderFade___e0jq- { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } .poster--loader___3I1Wo { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderFade___e0jq-; animation-name: placeHolderFade___e0jq-; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes rotate___btI12 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate___btI12 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* SETTINGS ---------------------------------------------------*/ .poster___3fF6w { background-color: hsl(220, 14%, 88%); background-color: var(--color_grey-200); display: block; border-radius: 0.2rem; border-radius: var(--border-radius-small); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .poster--dark___2gKqj { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center top; background-repeat: no-repeat; background-size: cover; border-radius: 0.2rem; border-radius: var(--border-radius-small); background-color: hsl(220, 12%, 10%); background-color: var(--color_grey-700); display: block; } .poster--borderRadius___upSDi { border-radius: 0.4rem; border-radius: var(--border-radius-big); } .poster--disabled___WH7iP { opacity: 0.5; cursor: default; } .poster__cover___25Sg_ { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center top; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; border-radius: 0.2rem; border-radius: var(--border-radius-small); opacity: 0.01; -webkit-transition: opacity 0s; transition: opacity 0s; visibility: hidden; z-index: 1; } .poster__cover--show___3OrkR { opacity: 1; -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease; visibility: visible; } .poster__cover--borderRadius___YGGyF { border-radius: 0.4rem; border-radius: var(--border-radius-big); } .poster--transparent___1iGjm { background-color: transparent; } .poster__children___Q1kFS { height: 100%; width: 100%; position: relative; z-index: 2; } /* RATIO HANDLER ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ /* SETTINGS ---------------------------------------------------*/ /** * Aspect ratio with proportional width and height */ .ratioHandler43___POxZM { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler43___POxZM > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler43___POxZM:before { position: relative; display: block; content: ""; padding-top: calc(75% - 1px); -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler169___2ee8c { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler169___2ee8c > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler169___2ee8c:before { position: relative; display: block; content: ""; padding-top: calc(56.25% - 1px); -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler166___1PC03 { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler166___1PC03 > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler166___1PC03:before { position: relative; display: block; content: ""; padding-top: calc(37.5% - 1px); -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler34___qburE { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler34___qburE > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler34___qburE:before { position: relative; display: block; content: ""; padding-top: calc(133.33333333333331% - 1px); -webkit-box-sizing: border-box; box-sizing: border-box; } /* CARD ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* SETTINGS ---------------------------------------------------*/ :root { --metaInfos_fontSize: 1.6rem; --metaInfos_fontSizeMobile: 1.4rem; --metaInfos_margin: 1.6rem; } .card___1isHQ { cursor: pointer; position: relative; } .card--dark___1vD9x { color: hsl(0, 0%, 100%); color: var(--color_white); } .card--disabled___1617Y { cursor: pointer; } .card--disabled___1617Y .card__metainfos___2vH8q { cursor: default; } @media (min-width: 961px) { .card--transparent___S70Nz .card__content___18SCa:hover { -webkit-box-shadow: none; box-shadow: none } } .card__logoArticle___1ewSH { left: 0; max-width: 3rem; position: absolute; top: 0; z-index: 2; } .card__metainfos___2vH8q { font-size: 1.4rem; font-size: var(--metaInfos_fontSizeMobile); line-height: 1.7rem; padding: 1rem 0 0; position: relative; white-space: normal; } @media screen and (min-width: 700px) { .card__metainfos___2vH8q { padding: 1rem 0; font-size: 1.6rem; font-size: var(--metaInfos_fontSize); line-height: 2rem } } .card__metainfos--action___DwuN2 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card__content___18SCa { overflow: hidden; } @media (min-width: 961px) { .card__content___18SCa { -webkit-transition: 0.5s ease; transition: 0.5s ease } } @media (min-width: 961px) { .card__content___18SCa:hover { -webkit-box-shadow: 0 0.3rem 1rem 0.1rem hsla(0, 100%, 0%, 0.5); box-shadow: 0 0.3rem 1rem 0.1rem hsla(0, 100%, 0%, 0.5); -webkit-box-shadow: 0 0.3rem 1rem 0.1rem var(--color_boxShadow); box-shadow: 0 0.3rem 1rem 0.1rem var(--color_boxShadow); -webkit-transition: 0.5s ease; transition: 0.5s ease } } .card__metainfosWrapper___qHkyg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .card__action___20MyN { position: relative; } .card__infos___kH_qK { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; } @media screen and (min-width: 700px) { .card__infos___kH_qK { padding: 0 1rem } } .card__poster___3KIxI { background-size: 100% 100%; } .card__progressBarSpacer___1kQE- { margin-bottom: 0.3rem; } /* SUBTITLE ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* ANIMATION ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ @-webkit-keyframes placeHolderFade___2eiAD { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } @keyframes placeHolderFade___2eiAD { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } .cardSubtitle--loader___3Fb7K { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderFade___2eiAD; animation-name: placeHolderFade___2eiAD; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes rotate___2ioZ4 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate___2ioZ4 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* SETTINGS ---------------------------------------------------*/ :root { --title_fontSize: 1.5rem; --title_fontSizeMobile: 1.4rem; --title_margin: 0; --title_placeholder: 2rem 0; --title_heightPlaceholder: 2.8rem; --title_baseColor: var(--color_placeholder); --title_darkColor: var(--color_grey-500); } .cardSubtitle___2G0SH { font-size: 1.4rem; font-size: var(--title_fontSizeMobile); font-weight: 400; font-weight: var(--regular); margin: 0; margin: var(--title_margin); line-height: 2rem; max-height: 4rem; overflow: hidden; } .cardSubtitle___2G0SH:not(*:root) { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .cardSubtitle___2G0SH:not(*:root)::before, .cardSubtitle___2G0SH:not(*:root)::after { content: ; display: none; } .cardSubtitle___2G0SH:not(*:root) > *:first-child { float: none; margin: 0; } @media screen and (min-width: 700px) { .cardSubtitle___2G0SH { font-size: 1.5rem; font-size: var(--title_fontSize) } } .cardSubtitle--dark___2cuLi { line-height: 2rem; max-height: 4rem; overflow: hidden; } .cardSubtitle--dark___2cuLi:not(*:root) { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .cardSubtitle--dark___2cuLi:not(*:root)::before, .cardSubtitle--dark___2cuLi:not(*:root)::after { content: ; display: none; } .cardSubtitle--dark___2cuLi:not(*:root) > *:first-child { float: none; margin: 0; } .cardSubtitle--loader___3Fb7K { height: 1rem; width: 95%; -webkit-animation-delay: 1s; animation-delay: 1s; background: color-mod(hsl(220, 14%, 88%) tint(7%)); background: var(--title_baseColor); } .cardSubtitle--loader___3Fb7K:last-child { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; margin-top: 1rem; width: 65%; } .cardSubtitle--textOnImg___2yDyw { overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; } /* TITLE ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* ANIMATION ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ @-webkit-keyframes placeHolderFade___7_mWG { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } @keyframes placeHolderFade___7_mWG { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } .cardTitle--loader___3LHxB { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderFade___7_mWG; animation-name: placeHolderFade___7_mWG; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes rotate___16jeR { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate___16jeR { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* SETTINGS ---------------------------------------------------*/ :root { --title_fontSize: 1.6rem; --title_fontSizeMobile: 1.4rem; --title_margin: 0; --title_heightPlaceholder: 2.8rem; --title_baseColor: var(--color_placeholder); } .cardTitle___3ZXMW { font-size: 1.4rem; font-size: var(--title_fontSizeMobile); font-weight: 600; font-weight: var(--semi-bold); margin: 0; margin: var(--title_margin); line-height: 2rem; max-height: 4rem; overflow: hidden; } .cardTitle___3ZXMW:not(*:root) { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2px; } .cardTitle___3ZXMW:not(*:root)::before, .cardTitle___3ZXMW:not(*:root)::after { content: ; display: none; } .cardTitle___3ZXMW:not(*:root) > *:first-child { float: none; margin: 0; } .cardTitle--dark___3UvK5 { line-height: 2rem; max-height: 4rem; overflow: hidden; } .cardTitle--dark___3UvK5:not(*:root) { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .cardTitle--dark___3UvK5:not(*:root)::before, .cardTitle--dark___3UvK5:not(*:root)::after { content: ; display: none; } .cardTitle--dark___3UvK5:not(*:root) > *:first-child { float: none; margin: 0; } @media screen and (min-width: 700px) { .cardTitle--dark___3UvK5 { line-height: 2.2rem; max-height: 4.4rem; overflow: hidden } .cardTitle--dark___3UvK5:not(*:root) { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .cardTitle--dark___3UvK5:not(*:root)::before, .cardTitle--dark___3UvK5:not(*:root)::after { content: ; display: none; } .cardTitle--dark___3UvK5:not(*:root) > *:first-child { float: none; margin: 0; } } .cardTitle--loader___3LHxB { background-color: color-mod(hsl(220, 14%, 88%) tint(7%)); background-color: var(--title_baseColor); height: 2.8rem; height: var(--title_heightPlaceholder); margin: 3rem 1rem 1rem; width: 40%; } @media screen and (min-width: 700px) { .cardTitle--loader___3LHxB { margin: 0 } } .cardTitle--disabled___3XzpD { opacity: 0.5; } @media screen and (min-width: 700px) { .cardTitle___3ZXMW { font-size: 1.6rem; font-size: var(--title_fontSize); line-height: 2.2rem; max-height: 4.4rem; overflow: hidden } .cardTitle___3ZXMW:not(*:root) { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2px; } .cardTitle___3ZXMW:not(*:root)::before, .cardTitle___3ZXMW:not(*:root)::after { content: ; display: none; } .cardTitle___3ZXMW:not(*:root) > *:first-child { float: none; margin: 0; } } /* TITLE ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* SETTINGS ---------------------------------------------------*/ :root { --title_fontSize: 1.6rem; --title_fontSizeMobile: 1.4rem; } .contentDescription___1Ffs2 { cursor: pointer; } .schedule___3nrAX { font-size: 1.4rem; font-size: var(--title_fontSizeMobile); font-weight: 400; font-weight: var(--regular); margin: var(--title_margin); color: var(--color_secondary-card); } @media screen and (min-width: 700px) { .schedule___3nrAX { font-size: 1.6rem; font-size: var(--title_fontSize) } } .schedule--dark___j4A1q { color: var(--color_darkmode-textcolor-primary); } /* LOGO ARTICLE --------------------------------------------------- */ .logoArticle___2244J { height: 100%; width: 100%; position: absolute; z-index: 2; } .logoArticle___2244J::before { height: 0; width: 0; border-color: #dcdfe5 transparent transparent; border-style: solid; border-width: 3rem 3rem 0 0; content: ''; display: block; } .logoArticle__icon___3XiKU { bottom: 0; left: 0; position: absolute; right: 0; top: 0; height: 1.2rem; width: 1.2rem; display: block; margin: .3rem 0 0 .3rem; } .RelatedArticleFragment___3FakL { background-color: #f5f5f6; margin-top: 3rem; padding: 2rem 2rem 1rem 2rem; } .RelatedArticleFragmentDark___1dnyb { background: hsl(210, 12%, 10%); color: hsl(0, 0%, 100%); } .RelatedArticleFragmentCard___2p7Ij { margin-bottom: 2rem; } .RelatedArticleFragmentCard___2p7Ij:last-child { margin-bottom: 0; } @media (min-width: 481px) and (max-width: 960px) { .RelatedArticleFragment___3FakL { display: flex; flex-direction: row; flex-wrap: wrap; } .RelatedArticleFragmentCard___2p7Ij { margin-bottom: 0; padding: 2rem; width: 50%; } } @media (max-width: 480px) { .RelatedArticleFragment___3FakL { display: flex; flex-direction: column; } .RelatedArticleFragmentCard___2p7Ij { margin: 0 0 3rem; width: 100%; } } @font-face { font-family: 'Open Sans'; src: url(/client/26550b9fe48af02576415c419b19b60c.eot); src: url(/client/26550b9fe48af02576415c419b19b60c.eot?#iefix) format('embedded-opentype'), url(/client/0673efd493cbd321da68437165a5c0ad.woff2) format('woff2'), url(/client/d0c6e2dcac826fe1c798bf6a4986b0f2.woff) format('woff'), url(/client/74ba55f45a7f75e670a7c2fd68c91ad1.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url(/client/a393613a1bcf3591058b88b80801e646.eot); src: url(/client/a393613a1bcf3591058b88b80801e646.eot?#iefix) format('embedded-opentype'), url(/client/59b76952b81fe067fd52531945a57420.woff2) format('woff2'), url(/client/a1cc523638ef1745803242434085b816.woff) format('woff'), url(/client/ba2a91fbe847b248e79c001e38693c6f.ttf) format('truetype'); font-weight: 600; font-style: normal; } :root { --font_openSans: 'Open Sans', sans-serif; } .AuthorFragment___28_kD { margin-bottom: 20px; color: #919191; } .text___3tCHR { font-weight: 300; font-size: 16px; line-height: 1.5em; font-family: var(--font_openSans); } .IntroductionFragment___14hIh { width: 100%; margin-bottom: 20px; } .text___1QibD { font-weight: 300; font-size: 16px; line-height: 1.5em; font-family: var(--font_openSans); } .PictureFragment___37k_B { width: auto; max-width: 100%; margin: 0 auto 20px; text-align: center; } .picture___23yTN { width: 100%; } .cover___3M42U { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .coverPicture___3--pU { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-position: top; background-repeat: no-repeat; background-size: cover; display: block; } .noDisplay___s4K-8 { display: none; } @media screen and (min-width: 961px) { .picture___23yTN { width: auto; max-width: 100%; } } :root { --font_openSans: 'Open Sans', sans-serif; } .RawFragment___3wTVA { width: 100%; font-size: 15px; margin-bottom: 20px; font-family: var(--font_openSans); iframe { width: 100%; height: auto; max-width: 100%; } } @media screen and (min-width: 961px) { .RawFragment___3wTVA { font-size: 16px; font-weight: 300; line-height: 1.5em; iframe { width: auto; } } } :root { --font_openSans: 'Open Sans', sans-serif; } .TextFragment___r4A_7 { width: 100%; font-size: 15px; margin-bottom: 20px; font-family: var(--font_openSans); } @media screen and (min-width: 961px) { .TextFragment___r4A_7 { font-size: 16px; font-weight: 300; line-height: 1.5em; } } .MainTitleFragment___1WC0p { font-size: 28px; margin-bottom: 20px; font-weight: inherit; color: #000; } .MainTitleFragmentDark___3iEUR { color: hsl(0, 0%, 100%); } @media screen and (min-width: 961px) { .MainTitleFragment___1WC0p { font-size: 40px; } } .TitleFragment___fNOr- { font-size: 20px; margin-bottom: 20px; font-weight: 600; } .VideoFragment___fTWoz { position: relative; width: 100%; margin: 0 auto 20px; } .VideoFragmentWrapper___3Bujj { position: relative; padding-bottom: 56.25%; height: 0; } .player___3PkmU { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .playerWrapper___3gohH { width: auto; } .dailymotionWrapper___njv46, .youtubeWrapper___1HHlI { width: 100%; height: 100%; } .isVideoCover___3c94m { position: initial; height: 100%; padding: 0; } @media screen and (min-width: 961px) { .VideoFragment___fTWoz { min-height: 200px; max-height: 452px; max-width: 806px; } .isCover___1GzXI { height: 100%; max-height: 100%; max-width: 100%; margin: 0; } } :root { --font_openSans: 'Open Sans', sans-serif; } .CommentFragment___r31QE { width: 100%; font-size: 15px; margin-bottom: 20px; font-family: var(--font_openSans); } @media screen and (min-width: 961px) { .CommentFragment___r31QE { font-size: 16px; font-weight: 300; line-height: 1.5em; } } :root { --font_openSans: 'Open Sans', sans-serif; } .QuoteFragment___2czAf { width: 100%; padding-left: 20px; font-size: 16px; margin: 40px 70px; border-left: 5px solid #ec3654; font-family: var(--font_openSans); font-style: italic; } .QuoteFragment___2czAf blockquote { margin: 0; } @media screen and (min-width: 961px) { .QuoteFragment___2czAf { font-size: 18px; font-weight: 300; line-height: 1.5em; } } .DownloadFragment___1mXl4 { color: #f02a53; font-family: var(--font_openSans); } .IFrameFragment___3uS-R { display: block; width: 100%; margin: 0 auto 20px; } @media screen and (min-width: 961px) { .IFrameFragment___3uS-R { max-width: 806px; } } :root { --font_openSans: 'Open Sans', sans-serif; } .TwitterFragment____B9DF { width: 100%; font-size: 15px; margin-bottom: 20px; font-family: var(--font_openSans); iframe { width: 100%; height: auto; max-width: 100%; } } @media screen and (min-width: 961px) { .TwitterFragment____B9DF { font-size: 16px; font-weight: 300; line-height: 1.5em; iframe { width: auto; } } } .ArticleContent___1I2nA { width: 100%; padding: 2rem; } @media screen and (min-width: 961px) { .ArticleContent___1I2nA { width: 65%; padding: 0; } } @media screen and (min-width: 1280px) { .ArticleContent___1I2nA { width: 92rem; } } .Cover___2lwDd { width: 100%; } .pictureCover___5Wmtm { height: auto; min-height: 200px; width: 100%; background-position: top; background-repeat: no-repeat; background-size: cover; display: block; position: relative; } .videoCover___2fOe8 { height: auto; min-height: 200px; width: 100%; display: block; } @media screen and (min-width: 961px) { .pictureCover___5Wmtm { height: calc(70vh - 55px); } .videoCover___2fOe8 { height: calc(70vh - 55px); } } @media screen and (min-width: 700px) { .pictureCover___5Wmtm { min-height: 350px; } .videoCover___2fOe8 { min-height: 350px; } } .CreativeMedia___2WF9_ { margin: 0 auto; background-color: #fff; min-height: calc(100vh - (6.5rem * 2)); padding-bottom: 170px; width: 100%; img { width: 100%; height: auto; } blockquote.twitter-tweet___2Bf2k { display: inline-block; font-family: 'Helvetica Neue', Roboto, 'Segoe UI', Calibri, sans-serif; font-size: 12px; font-weight: bold; line-height: 16px; border-color: #eee #ddd #bbb; border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); margin: 10px 5px; padding: 0 16px 16px; max-width: 468px; } blockquote.twitter-tweet___2Bf2k p { font-size: 16px; font-weight: normal; line-height: 20px; } blockquote.twitter-tweet___2Bf2k a { color: inherit; font-weight: normal; text-decoration: none; outline: 0 none; } blockquote.twitter-tweet___2Bf2k a:hover, blockquote.twitter-tweet___2Bf2k a:focus { text-decoration: underline; } .content___x1Edj { padding: 0; } } .CreativeMediaDark____KjKb { background: hsl(210, 12%, 10%); color: hsl(0, 0%, 100%); } @media screen and (min-width: 961px) { .CreativeMedia___2WF9_ { margin-bottom: 6rem; min-height: calc(100vh - 9rem); padding-bottom: 0; } .content___x1Edj { display: flex; padding: 2rem; } } @media screen and (min-width: 1280px) { .content___x1Edj { margin: 0 auto; max-width: 128rem; } } .SocialFragment___ULucG { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-bottom: 20px; display: flex; margin-right: -5px; } @media (max-width: 960px) { .SocialFragment___ULucG { flex: 1; display: flex; justify-content: space-around; margin: 0; } .SocialFragment--mobile___28jvL { display: none; } } .round___1dRqI { border-radius: 50%; width: 40px; height: 40px; margin: 0 5px; cursor: pointer; display: flex; } .Facebook___3K3K0 { background-color: #3b5999; } .Twitter___XF8eZ { background-color: #00a9ff; } .Linkedin___2RwnY { background-color: #0177b5; } .google___6hLIw { background-color: #dd4b39; } .icon___anc4V { width: 100%; height: 100%; } .iconSocial___3JcdE { height: 20px; width: 20px; margin-top: 10px; margin-left: 10px; text-align: center; } .TagContent___2w7yt { margin-bottom: 5px; } .text___xi-qD { font-weight: 300; font-size: 16px; line-height: 1.5em; font-family: var(--font_openSans); } .TagFragment___3Qpv3 { text-align: right; } @media (max-width: 960px) { .TagFragment___3Qpv3 { display: none; } } .SocialTagContent___1de6S { display: flex; justify-content: space-around; margin-left: auto; position: sticky; position: -webkit-sticky; top: 0; min-width: 300px; max-width: 30%; } @media (max-width: 960px) { .SocialTagContent___1de6S { flex-direction: column; max-width: 100%; } } @media screen and (min-width: 961px) { .SocialTagContent___1de6S { display: block; margin-left: 3rem; } } @media (max-width: 480px) { .SocialTagContent___1de6S { max-width: 100%; min-width: 100%; } } @media screen and (min-width: 1280px) { .SocialTagContent___1de6S { width: 30rem; } } /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* ANIMATION ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ @-webkit-keyframes placeHolderFade___1naUx { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } @keyframes placeHolderFade___1naUx { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } .heading--loader___3AM6w { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderFade___1naUx; animation-name: placeHolderFade___1naUx; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes rotate___2VIHm { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate___2VIHm { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* SETTINGS ---------------------------------------------------*/ :root { --headingTitle_fontSizeSmall: 2rem; --headingTitle_fontSize: 2.4rem; --headingTitle_fontSizeBig: 3.2rem; --headingTitle_margin: 0; --headingTitle_placeholder: 3.6rem; --headingTitle_bigPlaceholder: 4.4rem; --headingTitle_baseColor: var(--color_placeholder); } .heading___34NAe { color: currentColor; font-size: 2rem; font-size: var(--headingTitle_fontSizeSmall); font-weight: 600; font-weight: var(--semi-bold); margin: 0; margin: var(--headingTitle_margin); } .heading___34NAe::first-letter { text-transform: uppercase; } @media screen and (min-width: 700px) { .heading___34NAe { font-size: 2.4rem; font-size: var(--headingTitle_fontSize) } } .heading--dark___29nZv { color: hsl(0, 0%, 100%); color: var(--color_darkmode-textcolor-primary); } .heading--big___2KhDg { font-size: 3.2rem; font-size: var(--headingTitle_fontSizeBig); } .heading--loader___3AM6w { background-color: color-mod(hsl(220, 14%, 88%) tint(7%)); background-color: var(--headingTitle_baseColor); height: 3.6rem; height: var(--headingTitle_placeholder); width: 40%; } .heading--loader___3AM6w.heading--big___2KhDg { height: 4.4rem; height: var(--headingTitle_bigPlaceholder); } /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* SETTINGS ---------------------------------------------------*/ .templateHeader___2HYiJ { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .templateHeader__title___3GisB { color: currentColor; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 300; font-weight: var(--light); } .templateHeader__title--dark___GDYX5 { color: hsl(0, 0%, 100%); color: var(--color_darkmode-textcolor-primary); } .templateHeader__button___1nYfA { font-size: 1.6rem; font-weight: 600; font-weight: var(--semi-bold); } @media screen and (min-width: 700px) { .templateHeader__button___1nYfA { font-size: 1.8rem } } .templateHeader__link___2W7pp { color: hsl(350, 83%, 57%); color: var(--color_link-normal); cursor: pointer; } .templateHeader__iconButton___1xfo9 { height: 2.2rem; width: 1.2rem; } /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } .contentGrid___3reMD { --padding-for-large-desktop: 0 4rem; --padding-for-tablet: 0 2.5rem; --padding-for-small: 0 1.25rem; --margin-for-large-desktop: 1rem; --margin-for-tablet: 0.5rem; --margin-for-small: 0.25rem; padding: var(--padding-for-small); position: relative; color: hsl(218, 11%, 15%); color: var(--color_primary-header); } @media screen and (min-width: 700px) { .contentGrid___3reMD { padding: var(--padding-for-tablet); } @media (min-width: 1285px) { .contentGrid___3reMD { padding: var(--padding-for-large-desktop); } } @media (min-width: 1600px) { .contentGrid___3reMD { padding: var(--padding-for-large-desktop); } } } /* to keep align title & grid */ .contentGrid__header____6EqX { margin: 2rem var(--margin-for-small); } @media (min-width: 961px) { .contentGrid__header____6EqX { margin: 2rem var(--margin-for-tablet) } } @media (min-width: 1600px) { .contentGrid__header____6EqX { margin: 2rem var(--margin-for-large-desktop) } } .contentGrid__gridContainer___FmQDm { margin: 1rem 0 0; } .contentGrid__grid___31_Cu { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; } .contentGrid__gridItem___orIyH { display: inline-block; margin-bottom: 1.5rem; position: relative; vertical-align: top; } .contentGrid__gridItem___orIyH[data-ratio~="166_normal"] { width: 100%; } @media screen and (min-width: 700px) { .contentGrid__gridItem___orIyH[data-ratio~="166_normal"] { width: 50%; } } @media (min-width: 961px) { .contentGrid__gridItem___orIyH[data-ratio~="166_normal"] { width: 50%; } } @media (min-width: 1285px) { .contentGrid__gridItem___orIyH[data-ratio~="166_normal"] { width: 33.33333333333333%; } } @media (min-width: 1600px) { .contentGrid__gridItem___orIyH[data-ratio~="166_normal"] { width: 25%; } } @media (min-width: 1920px) { .contentGrid__gridItem___orIyH[data-ratio~="166_normal"] { width: 25%; } } .contentGrid__gridItem___orIyH[data-ratio~="166_large"] { width: 100%; } @media screen and (min-width: 700px) { .contentGrid__gridItem___orIyH[data-ratio~="166_large"] { width: 50%; } } @media (min-width: 961px) { .contentGrid__gridItem___orIyH[data-ratio~="166_large"] { width: 50%; } } @media (min-width: 1285px) { .contentGrid__gridItem___orIyH[data-ratio~="166_large"] { width: 33.33333333333333%; } } @media (min-width: 1600px) { .contentGrid__gridItem___orIyH[data-ratio~="166_large"] { width: 25%; } } @media (min-width: 1920px) { .contentGrid__gridItem___orIyH[data-ratio~="166_large"] { width: 25%; } } .contentGrid__gridItem___orIyH[data-ratio~="169_normal"] { width: 50%; } @media screen and (min-width: 700px) { .contentGrid__gridItem___orIyH[data-ratio~="169_normal"] { width: 33.33333333333333%; } } @media (min-width: 961px) { .contentGrid__gridItem___orIyH[data-ratio~="169_normal"] { width: 25%; } } @media (min-width: 1285px) { .contentGrid__gridItem___orIyH[data-ratio~="169_normal"] { width: 20%; } } @media (min-width: 1600px) { .contentGrid__gridItem___orIyH[data-ratio~="169_normal"] { width: 16.666666666666664%; } } @media (min-width: 1920px) { .contentGrid__gridItem___orIyH[data-ratio~="169_normal"] { width: 14.285714285714285%; } } .contentGrid__gridItem___orIyH[data-ratio~="169_large"] { width: 100%; } @media screen and (min-width: 700px) { .contentGrid__gridItem___orIyH[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 961px) { .contentGrid__gridItem___orIyH[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 1285px) { .contentGrid__gridItem___orIyH[data-ratio~="169_large"] { width: 33.33333333333333%; } } @media (min-width: 1600px) { .contentGrid__gridItem___orIyH[data-ratio~="169_large"] { width: 25%; } } @media (min-width: 1920px) { .contentGrid__gridItem___orIyH[data-ratio~="169_large"] { width: 20%; } } .contentGrid__gridItem___orIyH[data-ratio~="34_normal"] { width: 33.33333333333333%; } @media screen and (min-width: 700px) { .contentGrid__gridItem___orIyH[data-ratio~="34_normal"] { width: 20%; } } @media (min-width: 961px) { .contentGrid__gridItem___orIyH[data-ratio~="34_normal"] { width: 16.666666666666664%; } } @media (min-width: 1285px) { .contentGrid__gridItem___orIyH[data-ratio~="34_normal"] { width: 14.285714285714285%; } } @media (min-width: 1600px) { .contentGrid__gridItem___orIyH[data-ratio~="34_normal"] { width: 12.5%; } } @media (min-width: 1920px) { .contentGrid__gridItem___orIyH[data-ratio~="34_normal"] { width: 11.11111111111111%; } } .contentGrid__gridItem___orIyH[data-ratio~="43_normal"] { width: 33.33333333333333%; } @media screen and (min-width: 700px) { .contentGrid__gridItem___orIyH[data-ratio~="43_normal"] { width: 20%; } } @media (min-width: 961px) { .contentGrid__gridItem___orIyH[data-ratio~="43_normal"] { width: 16.666666666666664%; } } @media (min-width: 1285px) { .contentGrid__gridItem___orIyH[data-ratio~="43_normal"] { width: 14.285714285714285%; } } @media (min-width: 1600px) { .contentGrid__gridItem___orIyH[data-ratio~="43_normal"] { width: 11.11111111111111%; } } @media (min-width: 1920px) { .contentGrid__gridItem___orIyH[data-ratio~="43_normal"] { width: 9.090909090909092%; } } .contentGrid__gridItem___orIyH[data-ratio~="43_large"] { width: 50%; } @media screen and (min-width: 700px) { .contentGrid__gridItem___orIyH[data-ratio~="43_large"] { width: 33.33333333333333%; } } @media (min-width: 961px) { .contentGrid__gridItem___orIyH[data-ratio~="43_large"] { width: 25%; } } @media (min-width: 1285px) { .contentGrid__gridItem___orIyH[data-ratio~="43_large"] { width: 20%; } } @media (min-width: 1600px) { .contentGrid__gridItem___orIyH[data-ratio~="43_large"] { width: 16.666666666666664%; } } @media (min-width: 1920px) { .contentGrid__gridItem___orIyH[data-ratio~="43_large"] { width: 14.285714285714285%; } } @media (min-width: 961px) { .contentGrid__gridItem___orIyH { margin-bottom: 0 } } .contentGrid__gridItem___orIyH > :first-child { margin: var(--margin-for-small); display: block; } @media screen and (min-width: 700px) { .contentGrid__gridItem___orIyH > :first-child { margin: var(--margin-for-tablet); } @media (min-width: 1600px) { .contentGrid__gridItem___orIyH > :first-child { margin: var(--margin-for-large-desktop); } } } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.react-modal{z-index:100;position:fixed;top:0;left:0;height:100%;width:100%;transition:background-color ease-in-out .2s;background-color:transparent}.react-modal.opened{background-color:rgba(0,0,0,0.7)}.react-modal__wrapper{position:fixed;height:100%;width:100%;overflow-x:hidden;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:center}.react-modal__core{width:640px;min-width:640px;position:relative;overflow-y:auto;margin:auto;transition:transform ease-in-out .2s, opacity ease-in-out .2s;transform:translate(0%, 50%);opacity:0}@media (max-width: 700px){.react-modal__core{width:100%;min-width:100%;height:100%;min-height:100%}}@media (min-width: 700px){.react-modal__core{padding-bottom:50px}}.react-modal__core.opened{transform:translate(0%, 0%);opacity:1}.react-modal__core__close{height:60px;display:flex;justify-content:flex-end;align-items:center}.react-modal__core__close__icon{background-image:url(/client/41a5a830e30daf0fce21e37deefb438b.svg);background-repeat:no-repeat;background-position:center;background-size:contain;background-size:26px;display:inline-block;height:40px;width:40px;cursor:pointer}.react-modal__core__close__icon:hover{opacity:.7}.react-modal__core__content{font-family:"Open Sans";font-size:1.6rem;text-transform:none;font-weight:400;min-height:260px}.theme-customer-light .react-modal__core__content{color:#212429;background:#fff}.theme-customer-dark .react-modal__core__content{color:#fff;background:#16191c}.theme-business-light .react-modal__core__content{color:#212429;background:#fff}.theme-business-dark .react-modal__core__content{color:#fff;background:#16191c}@media (max-width: 700px){.react-modal__core__content{min-height:calc(100% - 60px)}}.react-modal__core__content__header{font-family:"Open Sans";font-size:2.2rem;text-transform:none;font-weight:600;text-align:center;padding-bottom:20px;position:relative}.react-modal__core__content__header__icon{height:70px} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .Text_Text_2aPs7 { font-weight: 400; font-size: 14px; line-height: 1.5em; font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif; } .Text_error_26kCR { color: #e85361; color: #e85361; } .Text_red_36DS8 { color: #ec3654; color: #ec3654; } .Text_ellipsis_1whYO { display: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* TODO Check font size and type with designers */ .Text_canal_28V_b { font-family: 'CanalBoldRomain', sans-serif; font-family: 'CanalBoldRomain', sans-serif; } .Text_smaller_1D3Tg { font-size: 10px; } .Text_small_3iJkR { font-size: 12px; } .Text_medium_37TVl { font-size: 16px; } .Text_big_1KWP0 { font-size: 18px; } .Text_bigger_2aqBZ { font-size: 20px; } .Text_huge_1jZzN { font-size: 22px; } .Text_light_396Ut { font-weight: 300; } .Text_bold_8yff8 { font-weight: 600; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.creative-media-page{background-color:#fff;color:#212429} /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ /* Cover should be sizing by its parent */ .Cover_Cover_2K2sJ { position: relative; background-size: cover; background-position: 50%; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; color: #fff; } .Cover_overflowHidden_3stDh { overflow: hidden; } .Cover_darkened_3k8BC { box-shadow: inset 0 0 0 5000px rgba(0, 0, 0, 0.3); z-index: 1; } .Cover_darkenedVideoBlock_asxRG { position: absolute; top: 0; width: 100%; height: 100%; } .Cover_defaultCover_2x3hM { background-image: url(/client/17ca6bd7300d7d90afa59a3a16e6c9b5.svg); } .Cover_videoWrapper_HGAKp { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; text-align: left; } .Cover_video_8zH5M { position: absolute; top: 50%; transform: translateY(-50%); } .Cover_children_3FF20 { position: relative; z-index: 2; } .Cover_verticallyCenter_27eol { margin: auto; padding-bottom: 30px } @media screen and (min-width: 700px) { .Cover_verticallyCenter_27eol { padding-bottom: 0 } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .CoverWrapper_cover_trEl4 { /* TODO CSS partially duplicated from Headlining */ width: 100%; color: #fff; color: #fff; display: grid; min-height: 350px; min-height: 350px } @media screen and (min-width: 700px) { .CoverWrapper_cover_trEl4 { min-height: 495px; min-height: 495px } } @media screen and (min-width: 960px) { .CoverWrapper_cover_trEl4 { min-height: 560px; min-height: 560px } } @media screen and (min-width: 1600px) { .CoverWrapper_cover_trEl4 { min-height: 810px; min-height: 810px } } .CoverWrapper_cover_trEl4:not(.CoverWrapper_absoluteCover_3YyVY) { position: relative; } .CoverWrapper_cover_trEl4.CoverWrapper_absoluteCover_3YyVY { position: absolute; top: 0; left: 0; } .CoverWrapper_coverContent_-OQh- { padding-top: 40px; text-align: center; } .CoverWrapper_coverContent_verticallyCenter_3Tl7X { padding-bottom: 40px; } .CoverWrapper_programLabel_rwx1M { color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); padding-bottom: 30px } @media screen and (min-width: 960px) { .CoverWrapper_programLabel_rwx1M { position: absolute; bottom: 0; left: 0; padding: 30px } } .CoverWrapper_diffusionInfo_cxadj { color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.3); } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.container{padding:0 13px}@media (min-width: 700px){.container{padding:0 30px}}@media (min-width: 1285px){.container{padding:0 60px}}.container__content{width:100%;margin:0 auto}.container.overflows{display:inline-flex}.container .small{max-width:640px}.container .big{max-width:960px}.container .huge{max-width:1320px} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .Title_Title_16L2o { font-size: 22px; line-height: 25px; font-family: 'Open Sans'; font-weight: 600 } @media screen and (min-width: 960px) { .Title_Title_16L2o { font-size: 30px; line-height: 35px } } .Title_canal_1jWCH { font-family: 'CanalBoldRomain', sans-serif; font-family: 'CanalBoldRomain', sans-serif; } .Title_ellipsis_3llNa { display: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Title_small_2nrjY { font-size: 16px } @media screen and (min-width: 960px) { .Title_small_2nrjY { font-size: 22px } } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.offer-thematic-color.inline{display:inline}.offer-thematic-color__canal-title{font-family:"CanalBoldItalique",sans-serif}.offer-thematic-color__canal-glyph{background-image:url(/client/f442eaa008f67900acfb0c2d007f1cb3.svg);background-repeat:no-repeat;background-position:center;background-size:contain;display:inline-block;padding:3px}.offer-thematic-color__canal-glyph span{opacity:0}.offer-thematic-color__offer-type.inline{display:inline}.offer-thematic-color__pack-name{font-family:"CanalBoldItalique",sans-serif;display:inline-block}.offer-thematic-color--unavailable{font-family:"Open Sans",sans-serif;color:#abb2b9;font-size:14px} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.offer-title{font-family:"CanalBoldRomain",sans-serif;line-height:1.4em} .VCode_bold_6JP2N { font-weight: 600; } .VCode_italic_3gn_w { font-style: italic; } .VCode_list_3y8sa { text-align: left; } .VCode_bullet_2TtDe { list-style-type: none; /* in case the LIST prop is forgotten */ background-image: url(/client/ee45f5600aeea60cdff98194fed10b59.svg); background-position: 0 0.3em; background-size: 16px; background-repeat: no-repeat; padding-left: 25px; } .VCode_blackTheme_1ia0i > .VCode_list_3y8sa > .VCode_bullet_2TtDe, .VCode_blackTheme_1ia0i > .VCode_bullet_2TtDe /* in case the LIST prop is forgotten */ { background-image: url(/client/1dc0386c168d9bb5ac5a485672647983.svg); } .TitleDescription_infoBlock_2f_Dk { text-align: center; } .TitleDescription_paddingBottom_15co- { padding-bottom: 20px; } .TitleDescription_paddingTop_2ld9x { padding-top: 20px; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.strate{padding:30px 0}@media (min-width: 700px){.strate{padding-bottom:60px}} .hasChildren___lDqfP { max-height: 100%; max-width: 100%; display: inline; line-height: normal; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /* SPINNER ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } /* SETTINGS ---------------------------------------------------*/ .spinner___3sqAP { -webkit-animation: rotate___1asdW 1s linear infinite; animation: rotate___1asdW 1s linear infinite; border-color: hsl(350, 83%, 57%) transparent hsl(350, 83%, 57%) hsl(350, 83%, 57%); border-color: var(--color_secondary) transparent var(--color_secondary) var(--color_secondary); border-radius: 50%; border-style: solid; border-width: .5rem; position: absolute; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .spinner__withKeyboard___1Jn9p { margin-top: 2rem; } @media screen and (min-width: 700px) { .spinner__withKeyboard___1Jn9p { margin-top: 0 } } /* POSTER ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } /* ANIMATION ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ @-webkit-keyframes placeHolderFade___e0jq- { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } @keyframes placeHolderFade___e0jq- { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } .poster--loader___3I1Wo { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderFade___e0jq-; animation-name: placeHolderFade___e0jq-; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes rotate___btI12 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate___btI12 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* SETTINGS ---------------------------------------------------*/ .poster___3fF6w { background-color: hsl(220, 14%, 88%); background-color: var(--color_grey-200); display: block; border-radius: 0.2rem; border-radius: var(--border-radius-small); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .poster--dark___2gKqj { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center top; background-repeat: no-repeat; background-size: cover; border-radius: 0.2rem; border-radius: var(--border-radius-small); background-color: hsl(220, 12%, 10%); background-color: var(--color_grey-700); display: block; } .poster--borderRadius___upSDi { border-radius: 0.4rem; border-radius: var(--border-radius-big); } .poster--disabled___WH7iP { opacity: 0.5; cursor: default; } .poster__cover___25Sg_ { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center top; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; border-radius: 0.2rem; border-radius: var(--border-radius-small); opacity: 0.01; -webkit-transition: opacity 0s; transition: opacity 0s; visibility: hidden; z-index: 1; } .poster__cover--show___3OrkR { opacity: 1; -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease; visibility: visible; } .poster__cover--borderRadius___YGGyF { border-radius: 0.4rem; border-radius: var(--border-radius-big); } .poster--transparent___1iGjm { background-color: transparent; } .poster__children___Q1kFS { height: 100%; width: 100%; position: relative; z-index: 2; } /* RATIO HANDLER ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ /* SETTINGS ---------------------------------------------------*/ /** * Aspect ratio with proportional width and height */ .ratioHandler43___POxZM { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler43___POxZM > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler43___POxZM:before { position: relative; display: block; content: ""; padding-top: calc(75% - 1px); -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler169___2ee8c { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler169___2ee8c > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler169___2ee8c:before { position: relative; display: block; content: ""; padding-top: calc(56.25% - 1px); -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler166___1PC03 { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler166___1PC03 > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler166___1PC03:before { position: relative; display: block; content: ""; padding-top: calc(37.5% - 1px); -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler34___qburE { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler34___qburE > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ratioHandler34___qburE:before { position: relative; display: block; content: ""; padding-top: calc(133.33333333333331% - 1px); -webkit-box-sizing: border-box; box-sizing: border-box; } /* CARD ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* SETTINGS ---------------------------------------------------*/ :root { --metaInfos_fontSize: 1.6rem; --metaInfos_fontSizeMobile: 1.4rem; --metaInfos_margin: 1.6rem; } .card___1isHQ { cursor: pointer; position: relative; } .card--dark___1vD9x { color: hsl(0, 0%, 100%); color: var(--color_white); } .card--disabled___1617Y { cursor: pointer; } .card--disabled___1617Y .card__metainfos___2vH8q { cursor: default; } @media (min-width: 961px) { .card--transparent___S70Nz .card__content___18SCa:hover { -webkit-box-shadow: none; box-shadow: none } } .card__logoArticle___1ewSH { left: 0; max-width: 3rem; position: absolute; top: 0; z-index: 2; } .card__metainfos___2vH8q { font-size: 1.4rem; font-size: var(--metaInfos_fontSizeMobile); line-height: 1.7rem; padding: 1rem 0 0; position: relative; white-space: normal; } @media screen and (min-width: 700px) { .card__metainfos___2vH8q { padding: 1rem 0; font-size: 1.6rem; font-size: var(--metaInfos_fontSize); line-height: 2rem } } .card__metainfos--action___DwuN2 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card__content___18SCa { overflow: hidden; } @media (min-width: 961px) { .card__content___18SCa { -webkit-transition: 0.5s ease; transition: 0.5s ease } } @media (min-width: 961px) { .card__content___18SCa:hover { -webkit-box-shadow: 0 0.3rem 1rem 0.1rem hsla(0, 100%, 0%, 0.5); box-shadow: 0 0.3rem 1rem 0.1rem hsla(0, 100%, 0%, 0.5); -webkit-box-shadow: 0 0.3rem 1rem 0.1rem var(--color_boxShadow); box-shadow: 0 0.3rem 1rem 0.1rem var(--color_boxShadow); -webkit-transition: 0.5s ease; transition: 0.5s ease } } .card__metainfosWrapper___qHkyg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .card__action___20MyN { position: relative; } .card__infos___kH_qK { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; } @media screen and (min-width: 700px) { .card__infos___kH_qK { padding: 0 1rem } } .card__poster___3KIxI { background-size: 100% 100%; } .card__progressBarSpacer___1kQE- { margin-bottom: 0.3rem; } /* SUBTITLE ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* ANIMATION ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ @-webkit-keyframes placeHolderFade___2eiAD { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } @keyframes placeHolderFade___2eiAD { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } .cardSubtitle--loader___3Fb7K { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderFade___2eiAD; animation-name: placeHolderFade___2eiAD; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes rotate___2ioZ4 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate___2ioZ4 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* SETTINGS ---------------------------------------------------*/ :root { --title_fontSize: 1.5rem; --title_fontSizeMobile: 1.4rem; --title_margin: 0; --title_placeholder: 2rem 0; --title_heightPlaceholder: 2.8rem; --title_baseColor: var(--color_placeholder); --title_darkColor: var(--color_grey-500); } .cardSubtitle___2G0SH { font-size: 1.4rem; font-size: var(--title_fontSizeMobile); font-weight: 400; font-weight: var(--regular); margin: 0; margin: var(--title_margin); line-height: 2rem; max-height: 4rem; overflow: hidden; } .cardSubtitle___2G0SH:not(*:root) { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .cardSubtitle___2G0SH:not(*:root)::before, .cardSubtitle___2G0SH:not(*:root)::after { content: ; display: none; } .cardSubtitle___2G0SH:not(*:root) > *:first-child { float: none; margin: 0; } @media screen and (min-width: 700px) { .cardSubtitle___2G0SH { font-size: 1.5rem; font-size: var(--title_fontSize) } } .cardSubtitle--dark___2cuLi { line-height: 2rem; max-height: 4rem; overflow: hidden; } .cardSubtitle--dark___2cuLi:not(*:root) { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .cardSubtitle--dark___2cuLi:not(*:root)::before, .cardSubtitle--dark___2cuLi:not(*:root)::after { content: ; display: none; } .cardSubtitle--dark___2cuLi:not(*:root) > *:first-child { float: none; margin: 0; } .cardSubtitle--loader___3Fb7K { height: 1rem; width: 95%; -webkit-animation-delay: 1s; animation-delay: 1s; background: color-mod(hsl(220, 14%, 88%) tint(7%)); background: var(--title_baseColor); } .cardSubtitle--loader___3Fb7K:last-child { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; margin-top: 1rem; width: 65%; } .cardSubtitle--textOnImg___2yDyw { overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; } /* TITLE ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* ANIMATION ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ @-webkit-keyframes placeHolderFade___7_mWG { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } @keyframes placeHolderFade___7_mWG { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } .cardTitle--loader___3LHxB { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderFade___7_mWG; animation-name: placeHolderFade___7_mWG; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes rotate___16jeR { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate___16jeR { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* SETTINGS ---------------------------------------------------*/ :root { --title_fontSize: 1.6rem; --title_fontSizeMobile: 1.4rem; --title_margin: 0; --title_heightPlaceholder: 2.8rem; --title_baseColor: var(--color_placeholder); } .cardTitle___3ZXMW { font-size: 1.4rem; font-size: var(--title_fontSizeMobile); font-weight: 600; font-weight: var(--semi-bold); margin: 0; margin: var(--title_margin); line-height: 2rem; max-height: 4rem; overflow: hidden; } .cardTitle___3ZXMW:not(*:root) { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2px; } .cardTitle___3ZXMW:not(*:root)::before, .cardTitle___3ZXMW:not(*:root)::after { content: ; display: none; } .cardTitle___3ZXMW:not(*:root) > *:first-child { float: none; margin: 0; } .cardTitle--dark___3UvK5 { line-height: 2rem; max-height: 4rem; overflow: hidden; } .cardTitle--dark___3UvK5:not(*:root) { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .cardTitle--dark___3UvK5:not(*:root)::before, .cardTitle--dark___3UvK5:not(*:root)::after { content: ; display: none; } .cardTitle--dark___3UvK5:not(*:root) > *:first-child { float: none; margin: 0; } @media screen and (min-width: 700px) { .cardTitle--dark___3UvK5 { line-height: 2.2rem; max-height: 4.4rem; overflow: hidden } .cardTitle--dark___3UvK5:not(*:root) { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .cardTitle--dark___3UvK5:not(*:root)::before, .cardTitle--dark___3UvK5:not(*:root)::after { content: ; display: none; } .cardTitle--dark___3UvK5:not(*:root) > *:first-child { float: none; margin: 0; } } .cardTitle--loader___3LHxB { background-color: color-mod(hsl(220, 14%, 88%) tint(7%)); background-color: var(--title_baseColor); height: 2.8rem; height: var(--title_heightPlaceholder); margin: 3rem 1rem 1rem; width: 40%; } @media screen and (min-width: 700px) { .cardTitle--loader___3LHxB { margin: 0 } } .cardTitle--disabled___3XzpD { opacity: 0.5; } @media screen and (min-width: 700px) { .cardTitle___3ZXMW { font-size: 1.6rem; font-size: var(--title_fontSize); line-height: 2.2rem; max-height: 4.4rem; overflow: hidden } .cardTitle___3ZXMW:not(*:root) { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2px; } .cardTitle___3ZXMW:not(*:root)::before, .cardTitle___3ZXMW:not(*:root)::after { content: ; display: none; } .cardTitle___3ZXMW:not(*:root) > *:first-child { float: none; margin: 0; } } /* TITLE ---------------------------------------------------*/ /* IMPORT ---------------------------------------------------*/ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* SETTINGS ---------------------------------------------------*/ :root { --title_fontSize: 1.6rem; --title_fontSizeMobile: 1.4rem; } .contentDescription___1Ffs2 { cursor: pointer; } .schedule___3nrAX { font-size: 1.4rem; font-size: var(--title_fontSizeMobile); font-weight: 400; font-weight: var(--regular); margin: var(--title_margin); color: var(--color_secondary-card); } @media screen and (min-width: 700px) { .schedule___3nrAX { font-size: 1.6rem; font-size: var(--title_fontSize) } } .schedule--dark___j4A1q { color: var(--color_darkmode-textcolor-primary); } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.articles-grid__title{padding:20px 0}.articles-grid__grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:5px}@media (min-width: 700px){.articles-grid__grid{grid-template-columns:repeat(4, 1fr);grid-gap:10px}}@media (min-width: 960px){.articles-grid__grid{grid-template-columns:repeat(5, 1fr)}}@media (min-width: 1285px){.articles-grid__grid{grid-gap:20px}} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.image-with-logos{position:relative}.image-with-logos__image{display:flex}.image-with-logos__image img{width:100%;height:100%;display:block}.image-with-logos__gradient{position:absolute;bottom:0;left:0;height:100%;width:100%;max-height:96px;max-width:170px;background:radial-gradient(circle at 0% 100%, #000, transparent 40%);opacity:.5}.image-with-logos__logo{position:absolute;bottom:0;left:0;padding:3px} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.programs-cover{display:flex;flex-direction:column;align-items:center}.programs-cover__list{display:grid;width:100%;grid-gap:5px}@media (min-width: 700px){.programs-cover__list{grid-gap:12px}}.programs-cover__list.landscape-format{grid-template-columns:repeat(2, 1fr)}@media (min-width: 700px){.programs-cover__list.landscape-format{grid-template-columns:repeat(3, 1fr)}}.programs-cover__list:not(.landscape-format){grid-template-columns:repeat(3, 1fr)}@media (min-width: 960px){.programs-cover__list:not(.landscape-format){grid-template-columns:repeat(4, 1fr)}}.programs-cover .global-link{margin-top:15px} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.boxes.basic{justify-content:center}.boxes.basic.modal{grid-template-columns:repeat(auto-fill, 64px);grid-gap:5px}@media (min-width: 700px){.boxes.basic.modal{grid-gap:12px;grid-template-columns:repeat(auto-fill, 109px)}}.boxes.basic:not(.modal){grid-template-columns:repeat(5, 1fr);grid-gap:5px}@media (min-width: 700px){.boxes.basic:not(.modal){grid-gap:12px;grid-template-columns:repeat(6, 1fr)}}@media (min-width: 960px){.boxes.basic:not(.modal){grid-template-columns:repeat(8, 1fr)}}.theme-customer-light .boxes:not(.basic)>li{background-color:rgba(171,178,185,0.5)}.theme-customer-dark .boxes:not(.basic)>li{background-color:rgba(0,0,0,0)}.theme-business-light .boxes:not(.basic)>li{background-color:rgba(171,178,185,0.5)}.theme-business-dark .boxes:not(.basic)>li{background-color:rgba(0,0,0,0)}.boxes .box-layout__box{border:1px solid;border-radius:3px}.theme-customer-light .boxes .box-layout__box{border-color:rgba(33,36,41,0.1)}.theme-customer-dark .boxes .box-layout__box{border-color:rgba(255,255,255,0.1)}.theme-business-light .boxes .box-layout__box{border-color:rgba(33,36,41,0.1)}.theme-business-dark .boxes .box-layout__box{border-color:rgba(255,255,255,0.1)}@media (min-width: 700px){.boxes .box-layout__box{max-width:312px}} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.detailed-box-content{display:flex;flex-direction:column;align-items:center;margin-right:initial}.detailed-box-content__sticker{width:100%;padding-bottom:5px}.theme-customer-light .detailed-box-content__sticker{background-color:#e2e2e9}.theme-customer-dark .detailed-box-content__sticker{background-color:#2c2f33}.theme-business-light .detailed-box-content__sticker{background-color:#e2e2e9}.theme-business-dark .detailed-box-content__sticker{background-color:#2c2f33}.detailed-box-content__box{padding-left:20px;padding-right:20px;padding-bottom:30px}.detailed-box-content__box:not(.sticker){padding-top:30px}.detailed-box-content__box.sticker{padding-top:5px}.detailed-box-content__box__picture{padding-bottom:20px}.detailed-box-content__box__tag.has-before{padding-top:10px}.detailed-box-content__box__tag__content{background-color:#373840;border-radius:4px;border:solid 1px #373840;padding:2px 5px}.detailed-box-content__box__description.has-before{padding-top:10px}.detailed-box-content__box__link{width:100%}.detailed-box-content__box__link.has-before{padding-top:10px}.detailed-box-content__box__link.has-after{padding-bottom:20px}.detailed-box-content .box-layout__picture{height:80px} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.basic-box-content{padding:1px 2px}@media (min-width: 700px){.basic-box-content{padding:10px 14px}}.basic-box-content .box-_layout__picture{width:60px}@media (min-width: 700px){.basic-box-content .box-_layout__picture{width:80px}} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .LazyImage_fitWidth_MPcv4 { width: 100%; height: auto; display: block; /* WHY ? */ } .LazyImage_fitHeight_35R04 { width: auto; height: 100%; } .LazyImage_hasBackground_11l7h { background-color: #f5f5f6; background-color: #f5f5f6; } .LazyImage_hasChildren_13uRj { max-height: 100%; max-width: 100%; display: inline; line-height: normal; flex: 1; } .LazyImage_block_1Qqd7 { display: block; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .Dot_Dot_2E74X { height: 8px; width: 8px; background-color: #fff; background-color: #fff; border-radius: 50%; display: inline-block; box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000; margin: 0 5px; cursor: pointer; } .Dot_transparent_3pmMr { background-color: #e2e2e9; background-color: #e2e2e9; opacity: 0.7; } .Slideshow_Slideshow_3Oamm { position: relative; } .Slideshow_content_2Vu1d { position: absolute; } .Slideshow_hiddenElement_3t1vU { position: relative; visibility: hidden; } @-webkit-keyframes Slideshow_fadein_2J6iS { 0% { z-index: 2; opacity: 0; } 100% { z-index: 2; opacity: 1; } } @keyframes Slideshow_fadein_2J6iS { 0% { z-index: 2; opacity: 0; } 100% { z-index: 2; opacity: 1; } } @-webkit-keyframes Slideshow_fadeout_12uSP { 0% { z-index: 1; opacity: 1; } 100% { z-index: 1; opacity: 0; } } @keyframes Slideshow_fadeout_12uSP { 0% { z-index: 1; opacity: 1; } 100% { z-index: 1; opacity: 0; } } .Slideshow_fade_2aMtX { opacity: 1; } .Slideshow_fadeEnterActive_1WoIt { -webkit-animation: Slideshow_fadein_2J6iS 1s ease; animation: Slideshow_fadein_2J6iS 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .Slideshow_fadeExit_1vR-e { opacity: 1; } .Slideshow_fadeExitActive_hK2Rk { -webkit-animation: Slideshow_fadeout_12uSP 1s ease; animation: Slideshow_fadeout_12uSP 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .Slideshow_dots_3HIKh { position: absolute; z-index: 3; padding: 10px; bottom: 0; right: 50%; transform: translate(50%); } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .OldPrice_OldPrice_3kvE2 { display: inline-block; font-size: 20px; position: relative; font-family: 'CanalLightRomain', sans-serif; font-family: 'CanalLightRomain', sans-serif; padding-right: 5px; padding-top: 10px; padding-top: 10px } .OldPrice_OldPrice_3kvE2::after { content: ''; position: absolute; width: 90%; max-width: 65px; height: 1px; right: 0; top: 10px; top: 10px; background: currentColor; transform: rotate(-15deg) translate3d(-0.4em, 0.2em, 0); } .OldPrice_OldPriceBig_2stMH { font-size: 30px; } .OldPrice_superscript_1-2Yj { font-size: 0.5em; line-height: 8px; vertical-align: text-top; } .OldPrice_integerPricePart_1AfV5 { line-height: 20px; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.theme-customer-light .additional-duration{color:#abb2b9}.theme-customer-dark .additional-duration{color:rgba(255,255,255,0.5)}.theme-business-light .additional-duration{color:#abb2b9}.theme-business-dark .additional-duration{color:rgba(255,255,255,0.5)} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .PricePerMonthWithDuration_PricePerMonthWithDuration_3hq7G { min-height: 57px; } .PricePerMonthWithDuration_price_2Plsn { display: flex; justify-content: center; align-items: center; } .PricePerMonthWithDuration_priceValue_3mYwD { font-family: 'CanalBoldRomainPrice', 'CanalBoldRomain', sans-serif; font-family: 'CanalBoldRomainPrice', 'CanalBoldRomain', sans-serif; letter-spacing: 0.1em; letter-spacing: 0.1em; font-size: 35px; line-height: 35px; display: block; } .PricePerMonthWithDuration_priceValueBig_oZq3k { font-size: 55px; } .PricePerMonthWithDuration_priceDetails_BJoL4 { height: 35px; /* should be equal to priceValue font-size */ margin-left: 3px; padding: 2px 0; font-size: 15px; line-height: 15px; text-align: left; display: flex; flex-direction: column; justify-content: space-between; } .PricePerMonthWithDuration_firstLineDetails_2Ditp { font-family: 'CanalBoldRomainPrice', 'CanalBoldRomain', sans-serif; font-family: 'CanalBoldRomainPrice', 'CanalBoldRomain', sans-serif; letter-spacing: 0.1em; letter-spacing: 0.1em; font-size: 12px; line-height: 12px; font-weight: 600; text-transform: uppercase } .PricePerMonthWithDuration_firstLineDetails_2Ditp .PricePerMonthWithDuration_asterisk_1zYSz { font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif; } .PricePerMonthWithDuration_firstLineDetailsBig_3o1E9 { font-size: 17px; } .PricePerMonthWithDuration_smallDuration_3dp4e { font-size: 12px; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .PriceIso_PriceIso_3nP6z { text-align: center; } .PriceIso_firstLine_18wnN { text-transform: uppercase; font-family: 'CanalBoldRomain', sans-serif; font-family: 'CanalBoldRomain', sans-serif; line-height: 1em; } .PriceIso_firstLine_18wnN strong { font-size: 17px; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .PriceFree_PriceFree_1xQ9p { text-align: center; display: flex; flex-direction: column; } .PriceFree_priceLabel_1XWBZ { text-transform: uppercase; font-family: 'CanalBoldRomain', sans-serif; font-family: 'CanalBoldRomain', sans-serif; font-size: 25px; line-height: 30px; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .PriceTag_PriceTag_FItK3 { display: flex; justify-content: center } @media screen and (min-width: 960px) { .PriceTag_PriceTag_FItK3.PriceTag_alignRight_1lMpc { justify-content: flex-end } } @media screen and (min-width: 960px) { .PriceTag_PriceTag_FItK3.PriceTag_alignLeft_1yA3t { justify-content: flex-start } } .PriceTag_isFrom_3RlUD { padding-right: 7px; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.price-baseline{padding:10px 0 0}.price-baseline.is-before{padding:0 0 10px}.price-baseline__baseline{display:inline-block;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;padding:3px 6px 4px;border-radius:5px;text-transform:lowercase}.theme-customer-light .price-baseline__baseline{color:#ec3654;background-color:rgba(236,54,84,0.15)}.theme-customer-dark .price-baseline__baseline{color:#ec3654;background-color:rgba(236,54,84,0.15)}.theme-business-light .price-baseline__baseline{color:#20c792;background-color:rgba(32,199,146,0.15)}.theme-business-dark .price-baseline__baseline{color:#20c792;background-color:rgba(32,199,146,0.15)}.price-baseline__baseline:not(:first-child){margin-left:8px} .PriceManager_label_1zrof { padding-top: 10px; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.pictures-grid{margin-bottom:20px;display:grid;grid-gap:20px}.pictures-grid__remaining-items{font-weight:800}.theme-customer-light .pictures-grid__remaining-items{color:#abb2b9}.theme-customer-dark .pictures-grid__remaining-items{color:rgba(255,255,255,0.5)}.theme-business-light .pictures-grid__remaining-items{color:#abb2b9}.theme-business-dark .pictures-grid__remaining-items{color:rgba(255,255,255,0.5)}.pictures-grid__remaining-items.custom-height{text-align:left;padding-left:10px}.pictures-grid img{width:100%;height:100%}.pictures-grid picture{display:flex}.pictures-grid .link{margin:auto} .link-arrow svg path{fill:currentColor}.link-arrow.down svg{transform:rotate(90deg)}.link-arrow.left svg{transform:rotate(180deg)}.link-arrow.up svg{transform:rotate(-90deg)} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .LinkedProduct_LinkedProduct_1wP5h { border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 3px; padding: 5px; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .OfferDescription_OfferDescription_gT36d { padding: 20px 10px; width: 100%; margin: 0 auto } @media screen and (min-width: 1285px) { .OfferDescription_OfferDescription_gT36d { padding: 30px } } .OfferDescription_paddingBot_uoZHu { padding-bottom: 20px; } .OfferDescription_paddingBotSmall_V8AdI { padding-bottom: 10px; } .OfferDescription_linkedOffer_3ox-0 { border: 1px solid #e2e2e9; border: 1px solid #e2e2e9; border-radius: 3px; padding: 5px; } .OfferDescription_title_3D-sx { font-size: 22px; font-weight: 600; display: flex; justify-content: center; align-items: center; } .OfferDescription_title_3D-sx img { height: 40px; } @media screen and (min-width: 960px) { .OfferDescription_title_3D-sx { height: 50px; } .OfferDescription_title_3D-sx img { height: 45px; } } .OfferDescription_shortBaselineHeight_2z2en { max-height: 45px } @media screen and (min-width: 960px) { .OfferDescription_shortBaselineHeight_2z2en { height: 45px } } .OfferDescription_priceHeight_MsfrT { max-height: 85px } @media screen and (min-width: 960px) { .OfferDescription_priceHeight_MsfrT { height: 85px } } .OfferDescription_baselineHeight_MZLbv { max-height: 125px } @media screen and (min-width: 960px) { .OfferDescription_baselineHeight_MZLbv { height: 125px } } .OfferDescription_overflow_1xHvh { overflow: hidden; text-overflow: ellipsis; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .OfferCard_OfferCard_J9Yt_ { background-color: #212429; background-color: #212429; color: #fff; color: #fff; display: flex; flex: 1 } .OfferCard_OfferCard_J9Yt_.OfferCard_column_3RWJA { margin: 10px 0; margin: 10px 0 } @media screen and (min-width: 960px) { .OfferCard_OfferCard_J9Yt_.OfferCard_column_3RWJA { margin-right: calc(2 * 10px); margin-right: calc(2 * 10px) } } @media screen and (min-width: 960px) { .OfferCard_OfferCard_J9Yt_.OfferCard_column_3RWJA:last-child { margin-right: 0 } } .OfferCard_row_1aR93 { width: 100%; min-width: calc(3 * 270px + 4 * 10px); min-width: calc(3 * 270px + 4 * 10px); max-width: calc(3 * 426px + 4 * 10px); max-width: calc(3 * 426px + 4 * 10px); } .OfferCard_column_3RWJA { flex-direction: column; max-width: 540px } @media screen and (min-width: 960px) { .OfferCard_column_3RWJA { min-width: 270px; min-width: 270px; max-width: 426px; max-width: 426px } } .OfferCard_slideshow_I33Zc { width: 100%; height: auto; } .OfferCard_description_1OVLS { width: 100%; } .OfferCard_rowDescription_350Jh { display: flex; width: 50%; align-items: center; margin: 0 auto; min-width: 270px; min-width: 270px; max-width: 426px; max-width: 426px; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .OfferCards_OfferCards_2kwJr { text-align: center; } .OfferCards_offerRow_QT3vx { display: flex; flex-direction: column; width: 100%; margin: 0 auto; align-items: center } @media screen and (min-width: 960px) { .OfferCards_offerRow_QT3vx { flex-direction: row; justify-content: center; align-items: inherit } } .OfferCards_paddingRight_23iVg { padding-right: 10px; } .OfferCards_buttonPadding_16YA9 { padding: 30px 0; } .html-strate__link{padding-top:10px;text-align:center} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.horizontal-scroll-with-arrows{position:relative;display:flex;justify-content:center}.horizontal-scroll-with-arrows__arrow{position:absolute;z-index:10;display:flex}.theme-customer-light .horizontal-scroll-with-arrows__arrow{opacity:.8}.theme-customer-light .horizontal-scroll-with-arrows__arrow img{background-color:#000}.theme-customer-dark .horizontal-scroll-with-arrows__arrow{opacity:.5}.theme-customer-dark .horizontal-scroll-with-arrows__arrow img{background-color:rgba(0,0,0,0)}.theme-business-light .horizontal-scroll-with-arrows__arrow{opacity:.8}.theme-business-light .horizontal-scroll-with-arrows__arrow img{background-color:#000}.theme-business-dark .horizontal-scroll-with-arrows__arrow{opacity:.5}.theme-business-dark .horizontal-scroll-with-arrows__arrow img{background-color:rgba(0,0,0,0)}.horizontal-scroll-with-arrows__arrow:hover{opacity:1}.horizontal-scroll-with-arrows__arrow.left{left:40px;transform:translateY(-50%) rotate(180deg)}.horizontal-scroll-with-arrows__arrow.right{right:40px;transform:translateY(-50%)}.horizontal-scroll-with-arrows__items-wrapper{scroll-padding:0 13px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;display:flex}@media (min-width: 700px){.horizontal-scroll-with-arrows__items-wrapper{scroll-padding:0 30px}}@media (min-width: 1285px){.horizontal-scroll-with-arrows__items-wrapper{scroll-padding:0 60px}}.horizontal-scroll-with-arrows__items-wrapper::-webkit-scrollbar{display:none}.horizontal-scroll-with-arrows__items-wrapper__side{width:13px;display:block;flex-shrink:0}@media (min-width: 700px){.horizontal-scroll-with-arrows__items-wrapper__side{width:30px}}@media (min-width: 1285px){.horizontal-scroll-with-arrows__items-wrapper__side{width:60px}}.horizontal-scroll-with-arrows__items-wrapper__items{display:flex}.horizontal-scroll-with-arrows__items-wrapper__items>*{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin:0 15px}@media (min-width: 700px){.horizontal-scroll-with-arrows__items-wrapper__items>*{scroll-margin:0 30px}} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.slider__header{display:flex;justify-content:space-between;align-items:flex-end}.slider__header .global-link{text-align:right}.slider__horizontal-scroll.with-header{padding-top:10px}.slider__horizontal-scroll .creative-media-article{width:150px;min-width:150px}@media (min-width: 700px){.slider__horizontal-scroll .creative-media-article{width:200px;min-width:200px}}@media (min-width: 1285px){.slider__horizontal-scroll .creative-media-article{width:250px;min-width:250px}}.slider__horizontal-scroll .creative-media-article:not(:first-child){margin-left:5px}@media (min-width: 700px){.slider__horizontal-scroll .creative-media-article:not(:first-child){margin-left:10px}}@media (min-width: 1285px){.slider__horizontal-scroll .creative-media-article:not(:first-child){margin-left:20px}}.slider__horizontal-scroll .horizontal-scroll-with-arrows{justify-content:flex-start} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.basic-content-row__link:not(:first-child){margin-left:12px}.basic-content-row__link__picture{height:135px;min-height:135px} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.question-and-answer{display:flex;justify-content:space-between;padding:15px 20px;text-align:left;border:1px solid;border-radius:3px}.theme-customer-light .question-and-answer:not(.collapsed){background-color:rgba(33,36,41,0.1);border-color:transparent}.theme-customer-light .question-and-answer.collapsed{border-color:rgba(33,36,41,0.1)}.theme-customer-dark .question-and-answer:not(.collapsed){background-color:rgba(255,255,255,0.1);border-color:transparent}.theme-customer-dark .question-and-answer.collapsed{border-color:rgba(255,255,255,0.1)}.theme-business-light .question-and-answer:not(.collapsed){background-color:rgba(33,36,41,0.1);border-color:transparent}.theme-business-light .question-and-answer.collapsed{border-color:rgba(33,36,41,0.1)}.theme-business-dark .question-and-answer:not(.collapsed){background-color:rgba(255,255,255,0.1);border-color:transparent}.theme-business-dark .question-and-answer.collapsed{border-color:rgba(255,255,255,0.1)}.question-and-answer__block{display:flex;flex-direction:column}.question-and-answer__block__answer{padding:15px 0 5px}.question-and-answer__block__answer__link-text{display:inline-block}.question-and-answer__block__answer__link-button{padding-top:15px}.question-and-answer__on-click{width:100%}.question-and-answer__plus{padding:4px 0 0 10px}.theme-customer-light .question-and-answer__plus{color:rgba(33,36,41,0.5)}.theme-customer-dark .question-and-answer__plus{color:rgba(255,255,255,0.5)}.theme-business-light .question-and-answer__plus{color:rgba(33,36,41,0.5)}.theme-business-dark .question-and-answer__plus{color:rgba(255,255,255,0.5)}.question-and-answer__plus .rotate-in{transform:rotate(45deg);transition:transform .5s}.question-and-answer__plus .rotate-out{transform:0;transition:transform .5s} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.theme-customer-light .questions-and-answers{color:#212429}.theme-customer-dark .questions-and-answers{color:#fff}.theme-business-light .questions-and-answers{color:#212429}.theme-business-dark .questions-and-answers{color:#fff}.questions-and-answers__item:not(:last-child){padding-bottom:12px}.questions-and-answers__buttons{display:flex;flex-direction:column;align-items:center}.questions-and-answers__buttons .global-link{margin-top:15px} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .Description_Description_ZAJLB { flex: 1; display: flex; margin: auto; } .Description_textBlock_30OjZ { display: inline-block; padding: 25px 13px 30px; text-align: center } @media screen and (min-width: 700px) { .Description_textBlock_30OjZ { text-align: left; padding: 30px } } @media screen and (min-width: 1285px) { .Description_textBlock_30OjZ { padding: 80px 140px 80px 80px } } .Description_alignRight_29zrW { justify-content: flex-end; } .Description_padding_2sGA4 { padding-top: 10px; } .Description_diffusionLabel_3XSd7 { color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.3); } .Description_picturesGrid_1zUGY { max-width: 400px; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.alternating-strates-image{flex:1}.alternating-strates-image .image-with-logos{height:100%}.alternating-strates-image .image-with-logos__image{height:100%}.alternating-strates-image .image-with-logos__image img{-o-object-fit:cover;object-fit:cover}@media (min-width: 700px){.alternating-strates-image .image-with-logos__image img{min-height:384px}} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .AlternatingStrate_AlternatingStrate_25Hh0 { display: flex; flex-direction: column } @media screen and (min-width: 700px) { .AlternatingStrate_AlternatingStrate_25Hh0:not(.AlternatingStrate_inversed_3wQwL) { flex-direction: row; } .AlternatingStrate_AlternatingStrate_25Hh0.AlternatingStrate_inversed_3wQwL { flex-direction: row-reverse; } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .AlternatingStrates_AlternatingStrates_3Mz6t { display: flex; flex-direction: column; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.cover-banner{display:inline-block;text-align:center;border-radius:3px;padding:0 4px 1px}.theme-customer-light .cover-banner{color:#ec3654;border:1px solid #ec3654}.theme-customer-dark .cover-banner{color:#ec3654;border:1px solid #ec3654}.theme-business-light .cover-banner{color:#20c792;border:1px solid #20c792}.theme-business-dark .cover-banner{color:#20c792;border:1px solid #20c792} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .CountdownTimer_CountdownTimer_1KJT6 { margin: 0 auto; width: 294px } @media screen and (min-width: 700px) { .CountdownTimer_CountdownTimer_1KJT6 { width: 430px } } .CountdownTimer_countdownContainer_rj0vu { display: flex; justify-content: center; background-color: rgba(171, 178, 185, 0.1); background-color: rgba(171, 178, 185, 0.1); color: #fff; color: #fff; font-weight: 600; border-radius: 3px 3px 0 0; padding: 10px 8px; font-size: 30px } @media screen and (min-width: 700px) { .CountdownTimer_countdownContainer_rj0vu { padding: 15px 0; font-size: 35px } } .CountdownTimer_number_3ChQ1 { padding: 0 16px } @media screen and (min-width: 700px) { .CountdownTimer_number_3ChQ1 { padding: 0 30px } } .CountdownTimer_labelContainer_HOqIx { background-color: rgba(33, 36, 41, 0.2); background-color: rgba(33, 36, 41, 0.2); color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); display: flex; justify-content: space-between; border-radius: 0 0 2px 2px; padding: 5px 6px; } /* TODO find another solution to center the labels correctly ? place the center of the label instead of the whole element ? */ .CountdownTimer_label_3HeFc { width: 60px; font-size: 12px } @media screen and (min-width: 700px) { .CountdownTimer_label_3HeFc { width: 88px; font-size: 16px } } .RadioButton_RadioButton_1XaHt { line-height: 20px; } .RadioButton_link_cFDyY { display: flex; align-items: center; } .RadioButton_label_2sKuH { padding-left: 10px; white-space: nowrap; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .RadioList_RadioList_1kkZB { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .RadioList_RadioList_1kkZB > div { margin-top: 16px; justify-content: center } .RadioList_RadioList_1kkZB > div:not(:nth-child(2n-1)) { margin-left: 20px; margin-left: 20px; } @media screen and (min-width: 700px) { .RadioList_RadioList_1kkZB > div:not(:first-child) { margin-left: 20px; margin-left: 20px; } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .EngagementBlock_description_BzuRQ { padding: 20px 12px; text-align: center } @media screen and (min-width: 960px) { .EngagementBlock_description_BzuRQ { padding: 20px 12px 0 } } .EngagementBlock_noCommitmentInfoLink_2LyJ5 { padding-top: 10px; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.offer-highlight__logo{margin-top:20px}.offer-highlight__logo__picture{max-width:100%}.offer-highlight__logo__picture.small{max-height:30px}@media (min-width: 700px){.offer-highlight__logo__picture.small{max-height:40px}}.offer-highlight__logo__picture.medium{max-height:103px}@media (min-width: 700px){.offer-highlight__logo__picture.medium{max-height:156px}}.offer-highlight__logo__picture.large{max-height:243px}.offer-highlight .global-link{margin-top:15px}.offer-highlight__buttons{display:flex;flex-direction:column;align-items:center}.offer-highlight__countdown{padding-top:40px} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .LogoBlock_LogoBlock_1pcQo { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 400px } .LogoBlock_LogoBlock_1pcQo.LogoBlock_center_2qRLm { margin: auto; } .LogoBlock_logo_gjTEy { height: 46px } @media screen and (min-width: 700px) { .LogoBlock_logo_gjTEy { height: 54px } } .unavailable-info-component{display:flex;justify-content:center} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.grey-line:not(.simple){padding:25px 13px 15px}@media (min-width: 960px){.grey-line:not(.simple){padding:35px 20px 25px}}.grey-line__line{height:1px;width:100%;border:0;margin:0}.theme-customer-light .grey-line__line{background-color:#e2e2e9}.theme-customer-dark .grey-line__line{background-color:rgba(255,255,255,0.1)}.theme-business-light .grey-line__line{background-color:#e2e2e9}.theme-business-dark .grey-line__line{background-color:rgba(255,255,255,0.1)} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.cover-sticker{position:absolute;top:10px;right:10px;display:inline-block;text-align:center;border-radius:2px;padding:3px 7px}.theme-customer-light .cover-sticker{border:solid 1px rgba(236,54,84,0.5);background-color:#ec3654}.theme-customer-dark .cover-sticker{border:solid 1px rgba(236,54,84,0.5);background-color:#ec3654}.theme-business-light .cover-sticker{border:solid 1px rgba(32,199,146,0.5);background-color:#20c792}.theme-business-dark .cover-sticker{border:solid 1px rgba(32,199,146,0.5);background-color:#20c792} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.plus-item{display:flex;align-items:center;padding:10px 0}.plus-item__picture{width:60px;margin-right:15px}.theme-customer-light .plus-item__picture{background-color:rgba(171,178,185,0.7);padding:2px;border-radius:3px}.theme-customer-dark .plus-item__picture{background-color:rgba(0,0,0,0);padding:0;border-radius:0}.theme-business-light .plus-item__picture{background-color:rgba(171,178,185,0.7);padding:2px;border-radius:3px}.theme-business-dark .plus-item__picture{background-color:rgba(0,0,0,0);padding:0;border-radius:0}.plus-item__information{display:flex;flex-direction:column}.theme-customer-light .plus-item__information__description{color:#abb2b9}.theme-customer-dark .plus-item__information__description{color:rgba(255,255,255,0.3)}.theme-business-light .plus-item__information__description{color:#abb2b9}.theme-business-dark .plus-item__information__description{color:rgba(255,255,255,0.3)} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.price-detail-item{display:flex;flex-direction:column;justify-content:center;padding:12px 10px 14px}.price-detail-item__duration-label{opacity:.5} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.scrollable-offers-row{padding-bottom:calc(30px - 20px)}@media (min-width: 700px){.scrollable-offers-row{padding-bottom:calc(60px - 20px)}}.scrollable-offers-row.has-title-description{padding-top:30px}.scrollable-offers-row.detailed .horizontal-scroll-with-arrows__items-wrapper__items{align-items:flex-start}.scrollable-offers-row.left-aligned .horizontal-scroll-with-arrows{justify-content:flex-start}.scrollable-offers-row .offer:not(:first-child){margin-left:10px}@media (min-width: 700px){.scrollable-offers-row .offer:not(:first-child){margin-left:20px}}.offer{width:300px;min-width:300px;position:relative;border-radius:5px;z-index:1;margin-top:20px;margin-bottom:20px}.theme-customer-light .offer{color:#212429;background-color:#fff}.theme-customer-dark .offer{color:#fff;background-color:#212429}.theme-business-light .offer{color:#212429;background-color:#fff}.theme-business-dark .offer{color:#fff;background-color:#212429}@media (min-width: 700px){.offer{width:430px;min-width:430px}}.offer:hover{box-shadow:0 4px 15px 0 rgba(0,0,0,0.5)}.offer__cover{width:100%;height:0;padding-bottom:calc(56% + 82px / 2 + 10px);border-radius:5px 5px 0 0;position:relative}.offer__cover__poster-link{width:100%;height:0;padding-bottom:calc(56% + 82px / 2 + 10px);border-radius:5px 5px 0 0;padding-bottom:56%;position:absolute}.offer__cover__poster{width:100%;height:0;padding-bottom:calc(56% + 82px / 2 + 10px);border-radius:5px 5px 0 0;position:absolute;z-index:-1}.offer__cover__poster__picture{width:100%;border-radius:5px 5px 0 0;position:absolute}.offer__cover__poster__dark-faded{width:100%;height:0;padding-bottom:calc(56% + 82px / 2 + 10px);border-radius:5px 5px 0 0;padding-bottom:calc(56% + 82px / 2);position:absolute;top:0;z-index:0}.theme-customer-light .offer__cover__poster__dark-faded{background:linear-gradient(to bottom, transparent 50%, #fff 80%)}.theme-customer-dark .offer__cover__poster__dark-faded{background:linear-gradient(to bottom, transparent 50%, #212429 80%)}.theme-business-light .offer__cover__poster__dark-faded{background:linear-gradient(to bottom, transparent 50%, #fff 80%)}.theme-business-dark .offer__cover__poster__dark-faded{background:linear-gradient(to bottom, transparent 50%, #212429 80%)}.offer__cover__poster__title{position:absolute;width:100%;bottom:5px;padding:0 15px;min-height:82px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;text-align:center}.offer__cover__poster__title picture{display:block;text-align:center}.offer__cover__poster__logo{width:70%;min-width:70%}.offer__core{padding:0 15px 30px;text-align:center}.offer__core__prices{height:95px;display:flex;flex-direction:column;justify-content:flex-end}.offer__core__price-detail{margin-top:20px;border-radius:3px;display:flex;justify-content:space-evenly;min-height:110px}.theme-customer-light .offer__core__price-detail{border:1px solid #e2e2e9}.theme-customer-dark .offer__core__price-detail{border:1px solid rgba(255,255,255,0.1)}.theme-business-light .offer__core__price-detail{border:1px solid #e2e2e9}.theme-business-dark .offer__core__price-detail{border:1px solid rgba(255,255,255,0.1)}.offer__core__price-detail__separator{padding:10px}.theme-customer-light .offer__core__price-detail__separator{background-image:url(/client/33c5aaa5f30cd29811fc4b0078ff680e.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-dark .offer__core__price-detail__separator{background-image:url(/client/8be6c21351103fb34c40d728d2cf4ff0.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-light .offer__core__price-detail__separator{background-image:url(/client/33c5aaa5f30cd29811fc4b0078ff680e.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-dark .offer__core__price-detail__separator{background-image:url(/client/8be6c21351103fb34c40d728d2cf4ff0.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.offer__core__price-detail .price-detail-item{width:50%}.offer__core__buttons{width:100%;padding-top:10px}.offer__core__buttons__button-wrapper:not(:first-child){padding-top:15px}.theme-customer-light .offer__core__buttons__button{font-family:"Open Sans",sans-serif;display:inline-block;padding:0 20px;width:100%;font-size:18px;font-weight:600;text-align:center;height:54px;line-height:50px;border:0;border-radius:3px;transition:background-color 300ms;background-color:#e2e2e9;color:#212429}.theme-customer-light .offer__core__buttons__button:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 700px){.theme-customer-light .offer__core__buttons__button:not(.full-size){min-width:295px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.theme-customer-light .offer__core__buttons__button:hover,.theme-customer-light .offer__core__buttons__button:focus{color:#fff;background-color:#ec3654}.theme-customer-dark .offer__core__buttons__button{font-family:"Open Sans",sans-serif;display:inline-block;padding:0 20px;width:100%;font-size:18px;font-weight:600;text-align:center;height:54px;line-height:50px;border:0;border-radius:3px;transition:background-color 300ms;background-color:#373840;color:#fff}.theme-customer-dark .offer__core__buttons__button:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 700px){.theme-customer-dark .offer__core__buttons__button:not(.full-size){min-width:295px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.theme-customer-dark .offer__core__buttons__button:hover,.theme-customer-dark .offer__core__buttons__button:focus{color:#fff;background-color:#ec3654}.theme-business-light .offer__core__buttons__button{font-family:"Open Sans",sans-serif;display:inline-block;padding:0 20px;width:100%;font-size:18px;font-weight:600;text-align:center;height:54px;line-height:50px;border:0;border-radius:3px;transition:background-color 300ms;background-color:#e2e2e9;color:#212429}.theme-business-light .offer__core__buttons__button:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 700px){.theme-business-light .offer__core__buttons__button:not(.full-size){min-width:295px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.theme-business-light .offer__core__buttons__button:hover,.theme-business-light .offer__core__buttons__button:focus{color:#fff;background-color:#20c792}.theme-business-dark .offer__core__buttons__button{font-family:"Open Sans",sans-serif;display:inline-block;padding:0 20px;width:100%;font-size:18px;font-weight:600;text-align:center;height:54px;line-height:50px;border:0;border-radius:3px;transition:background-color 300ms;background-color:#373840;color:#fff}.theme-business-dark .offer__core__buttons__button:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 700px){.theme-business-dark .offer__core__buttons__button:not(.full-size){min-width:295px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.theme-business-dark .offer__core__buttons__button:hover,.theme-business-dark .offer__core__buttons__button:focus{color:#fff;background-color:#20c792}.offer__core__channels-grid{padding-top:30px}.offer__detailed-section{border-radius:0 0 5px 5px}.theme-customer-light .offer__detailed-section{background-color:rgba(0,0,0,0);border-top:1px solid #eee}.theme-customer-dark .offer__detailed-section{background-color:rgba(44,47,51,0.5);border-top:1px solid rgba(0,0,0,0)}.theme-business-light .offer__detailed-section{background-color:rgba(0,0,0,0);border-top:1px solid #eee}.theme-business-dark .offer__detailed-section{background-color:rgba(44,47,51,0.5);border-top:1px solid rgba(0,0,0,0)}.theme-customer-light .offer__detailed-section__expand-link{color:#5e646a}.theme-customer-light .offer__detailed-section__expand-link--expanded{color:#212429}.theme-customer-dark .offer__detailed-section__expand-link{color:rgba(255,255,255,0.8)}.theme-customer-dark .offer__detailed-section__expand-link--expanded{color:#fff}.theme-business-light .offer__detailed-section__expand-link{color:#5e646a}.theme-business-light .offer__detailed-section__expand-link--expanded{color:#212429}.theme-business-dark .offer__detailed-section__expand-link{color:rgba(255,255,255,0.8)}.theme-business-dark .offer__detailed-section__expand-link--expanded{color:#fff}.offer__detailed-section__expand-link__content{display:flex;align-items:center;justify-content:space-between;padding:14px 30px 19px}.offer__detailed-section__expand-link__content__text{width:-webkit-fill-available;width:-moz-available;width:stretch;text-align:center}.offer__detailed-section__details{padding:10px 15px}.offer__detailed-section__details__line{padding:20px 0} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.scrollable-offers-row{padding-bottom:calc(30px - 20px)}@media (min-width: 700px){.scrollable-offers-row{padding-bottom:calc(60px - 20px)}}.scrollable-offers-row.has-title-description{padding-top:30px}.scrollable-offers-row.detailed .horizontal-scroll-with-arrows__items-wrapper__items{align-items:flex-start}.scrollable-offers-row.left-aligned .horizontal-scroll-with-arrows{justify-content:flex-start}.scrollable-offers-row .offer:not(:first-child){margin-left:10px}@media (min-width: 700px){.scrollable-offers-row .offer:not(:first-child){margin-left:20px}} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.simple-price{display:flex;align-items:center;justify-content:flex-end}.simple-price__discounted-price{color:rgba(255,255,255,0.3);font-size:14px;text-decoration:line-through}@media (min-width: 960px){.simple-price__discounted-price{font-size:16px}}.simple-price__is-from{color:rgba(255,255,255,0.7);font-size:12px;white-space:nowrap;padding-right:3px}@media (min-width: 960px){.simple-price__is-from{font-size:10px}}.simple-price__free{font-weight:700;text-transform:uppercase}.simple-price__price{display:flex;align-items:center;justify-content:flex-end;line-height:2em}.simple-price__price__big-part{font-weight:700;padding:0 4px;font-size:28px}@media (min-width: 960px){.simple-price__price__big-part{padding:0 6px;font-size:30px}}.simple-price__price__big-part:not(.with-discount){padding-left:0}.simple-price__price__little-part{display:flex;flex-direction:column;text-align:left;line-height:1.1;font-size:12px;font-weight:400}@media (min-width: 960px){.simple-price__price__little-part{font-size:10px}}.simple-price__price__little-part__decimal{font-weight:700}.simple-price__price__engagements{text-align:right;line-height:0}.simple-price__price__engagements__engagement{white-space:nowrap} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.equipment-block{border:solid 1px #373840;border-radius:4px;position:relative;padding:10px 30px}@media (max-width: 700px){.equipment-block{padding:10px 20px}}@media (min-width: 960px){.equipment-block{max-width:380px}}.equipment-block__sticker{background-color:#373840;position:absolute;top:0;right:0;text-transform:uppercase;border-top-right-radius:4px;border-bottom-left-radius:4px;padding:3px 10px}.equipment-block__advantages{display:flex;padding-top:10px}.equipment-block__advantages__advantage{display:flex;align-items:center}.equipment-block__advantages__advantage:not(:first-child){padding-left:20px}@media (max-width: 700px){.equipment-block__advantages__advantage:not(:first-child){padding-left:10px}}.equipment-block__advantages__advantage picture{padding-right:5px}.equipment-block__advantages__advantage picture img{height:20px} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.headline-offer{background-color:#212429;color:#fff;display:flex;flex-direction:column}@media (min-width: 960px){.headline-offer{flex-direction:row}}.headline-offer__poster{cursor:pointer}.headline-offer__poster img{width:100%;min-height:350px;height:100%;-o-object-fit:cover;object-fit:cover}@media (min-width: 960px){.headline-offer__poster img{width:400px;min-height:420px}}.headline-offer__core{padding:30px;margin:auto 0}@media (max-width: 700px){.headline-offer__core{padding:30px 20px}}.headline-offer__core__main-info{display:grid;grid-template-columns:auto auto}.headline-offer__core__main-info__title{padding-right:40px;grid-column:1}.headline-offer__core__main-info__title__logo{height:40px}@media (max-width: 700px){.headline-offer__core__main-info__title__logo{width:100px;height:auto}}.headline-offer__core__main-info__description{padding-right:40px;grid-column:1;grid-row:2;opacity:.7;padding-top:20px}@media (max-width: 700px){.headline-offer__core__main-info__description{grid-column:1 / 3}}.headline-offer__core__main-info__prices{grid-column:2}@media (min-width: 700px){.headline-offer__core__main-info__prices{grid-row:1 / 3}}.headline-offer__core__buttons{text-align:center;padding-top:10px}@media (min-width: 960px){.headline-offer__core__buttons{text-align:left}}.headline-offer__core__buttons.has-equipment{padding-top:30px}.headline-offer__core__buttons__button:not(:first-child){padding-top:15px}.headline-offer__core .channels-grid{padding-top:20px}@media (min-width: 960px){.headline-offer__core .channels-grid{width:80%}}.headline-offer__core .global-link{margin:0 auto}@media (min-width: 960px){.headline-offer__core .global-link{margin:initial}} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.theme-customer-light .offers-row{background-color:#f5f5f6}.theme-customer-dark .offers-row{background-color:#16191c}.theme-business-light .offers-row{background-color:#f5f5f6}.theme-business-dark .offers-row{background-color:#16191c} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.offers-composition-block{position:relative;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.1);border-radius:3px;text-align:center}@media (min-width: 700px){.offers-composition-block{flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}}.offers-composition-block__offer{width:100%;display:flex;flex-direction:column;padding:20px}@media (min-width: 700px){.offers-composition-block__offer{width:300px}}.offers-composition-block__offer__logo{height:40px}.offers-composition-block__offer__title{padding-top:7px}.offers-composition-block__separator{position:relative;padding:20px 0}@media (min-width: 700px){.offers-composition-block__separator{padding:0 20px}}.offers-composition-block__separator__plus{position:absolute;top:calc((20px * 2 - 30px) / 2);left:calc(50% - 30px / 2)}@media (min-width: 700px){.offers-composition-block__separator__plus{top:calc(75% - 30px / 2);left:calc((20px * 2 - 30px) / 2)}}.offers-composition-block__separator__line{position:relative;width:100%;height:100%}@media (max-width: 700px){.offers-composition-block__separator__line{border-top:1px solid rgba(255,255,255,0.1)}}@media (min-width: 700px){.offers-composition-block__separator__line{border-left:1px solid rgba(255,255,255,0.1)}}.offers-composition-block .channels-grid{display:flex;justify-content:center;grid-gap:initial}.offers-composition-block .channels-grid>*:not(:first-child){margin-left:5px}.offers-composition-block .channels-grid>* picture,.offers-composition-block .channels-grid>*.link{width:50px} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.offers-composition{display:flex;flex-direction:column;align-items:center}.offers-composition .global-link{margin-top:15px} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.image-strate{align-items:initial}.image-strate .picture-wrapper{width:100%;padding-bottom:20px}@media (min-width: 960px){.image-strate .picture-wrapper{width:initial}}.image-strate .info{display:flex;flex-direction:column}.image-strate .info .global-link{margin-top:15px}.image-strate.background{background-color:#212429}.image-strate.background .picture-wrapper{background:radial-gradient(circle at 50% 50%, #212429, #16191c 159%)}.image-strate.background .info-wrapper{padding:30px 20px}.image-strate.is-middle .picture{width:100%;height:auto;display:block}.image-strate.is-middle .info{align-items:center}.image-strate:not(.is-middle){display:flex;flex-direction:column;text-align:left;align-items:center}@media (min-width: 960px){.image-strate:not(.is-middle){justify-content:space-between}}.image-strate:not(.is-middle) .picture-wrapper,.image-strate:not(.is-middle) .info-wrapper{display:flex;align-items:center;justify-content:center}.image-strate:not(.is-middle) .info{align-items:flex-start;max-width:400px}.image-strate:not(.is-middle) .info__title,.image-strate:not(.is-middle) .info__description{padding-bottom:20px}.image-strate:not(.is-middle) .picture{width:100%}@media (min-width: 700px){.image-strate:not(.is-middle) .picture{width:400px}}@media (min-width: 960px){.image-strate.is-right{flex-direction:row-reverse}}@media (min-width: 960px){.image-strate.is-left{flex-direction:row}} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.tabs-container{display:flex;justify-content:center}.tabs-container--full-width{display:block}.tabs-container__labels-wrapper{position:relative;padding:30px 0 10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-container__labels-wrapper::-webkit-scrollbar{display:none}.tabs-container__labels-wrapper .labels-content{padding-bottom:10px;display:flex}.tabs-container__labels-wrapper .labels-content .label{font-family:"Open Sans",sans-serif;font-size:16px;font-weight:600;transition:color 200ms;cursor:pointer;white-space:nowrap}.theme-customer-light .tabs-container__labels-wrapper .labels-content .label{color:#212429}.theme-customer-dark .tabs-container__labels-wrapper .labels-content .label{color:#fff}.theme-business-light .tabs-container__labels-wrapper .labels-content .label{color:#212429}.theme-business-dark .tabs-container__labels-wrapper .labels-content .label{color:#fff}.theme-customer-light .tabs-container__labels-wrapper .labels-content .label.active{color:#ec3654}.theme-customer-dark .tabs-container__labels-wrapper .labels-content .label.active{color:#ec3654}.theme-business-light .tabs-container__labels-wrapper .labels-content .label.active{color:#20c792}.theme-business-dark .tabs-container__labels-wrapper .labels-content .label.active{color:#20c792}.tabs-container__labels-wrapper .labels-content .label:not(:last-child){margin-right:20px}.tabs-container__labels-wrapper .underline{position:absolute;width:0;height:2px;border-radius:3px;transition:width 200ms, transform 200ms;transform:translateX(0) scaleX(1)}.theme-customer-light .tabs-container__labels-wrapper .underline{background-color:#ec3654}.theme-customer-dark .tabs-container__labels-wrapper .underline{background-color:#ec3654}.theme-business-light .tabs-container__labels-wrapper .underline{background-color:#20c792}.theme-business-dark .tabs-container__labels-wrapper .underline{background-color:#20c792}.tabs-container__labels-wrapper .thread{position:absolute;width:0;height:2px;border-radius:3px;width:100%}.theme-customer-light .tabs-container__labels-wrapper .thread{background-color:#e2e2e9}.theme-customer-dark .tabs-container__labels-wrapper .thread{background-color:rgba(255,255,255,0.1)}.theme-business-light .tabs-container__labels-wrapper .thread{background-color:#e2e2e9}.theme-business-dark .tabs-container__labels-wrapper .thread{background-color:rgba(255,255,255,0.1)} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.broadcast-row .tabs__label{display:flex}.broadcast-row .tabs__icon{padding-left:10px}.broadcast-row .tabs__icon__picture{display:block;width:24px;height:24px}.theme-customer-light .broadcast-row .tabs__icon__picture.available{background-image:url(/client/f81bff43d4a13053ceba1f0dbe55ef8b.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-light .broadcast-row .tabs__icon__picture.available.active{background-image:url(/client/234dc3c1fc3f35260ce5939ab82ad1ae.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-light .broadcast-row .tabs__icon__picture:not(.available){background-image:url(/client/6dffe79b3d38c38bccfbdc32de18269d.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-light .broadcast-row .tabs__icon__picture:not(.available).active{background-image:url(/client/eca815827c380ff4b48db2299e79863c.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-dark .broadcast-row .tabs__icon__picture.available{background-image:url(/client/d4ce9ce3dcf70c2e52639e59182f3194.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-dark .broadcast-row .tabs__icon__picture.available.active{background-image:url(/client/7128cc55873268feb51dbef0616bc865.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-dark .broadcast-row .tabs__icon__picture:not(.available){background-image:url(/client/46668872e77e392d8439c1fa260904f0.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-customer-dark .broadcast-row .tabs__icon__picture:not(.available).active{background-image:url(/client/4d38510552a91f4b1e1fea3210647975.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-light .broadcast-row .tabs__icon__picture.available{background-image:url(/client/f81bff43d4a13053ceba1f0dbe55ef8b.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-light .broadcast-row .tabs__icon__picture.available.active{background-image:url(/client/085fed26482e589e7eb13cf6494951d5.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-light .broadcast-row .tabs__icon__picture:not(.available){background-image:url(/client/6dffe79b3d38c38bccfbdc32de18269d.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-light .broadcast-row .tabs__icon__picture:not(.available).active{background-image:url(/client/630dd6ea24ddf4f38d12e68a30bda8e7.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-dark .broadcast-row .tabs__icon__picture.available{background-image:url(/client/d4ce9ce3dcf70c2e52639e59182f3194.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-dark .broadcast-row .tabs__icon__picture.available.active{background-image:url(/client/8b8d71aaef86c17888537afe4ad2944c.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-dark .broadcast-row .tabs__icon__picture:not(.available){background-image:url(/client/46668872e77e392d8439c1fa260904f0.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.theme-business-dark .broadcast-row .tabs__icon__picture:not(.available).active{background-image:url(/client/bf4ec8aae6f04b31ec40f1c178c2544f.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.broadcast-row .equipments{justify-content:center;display:grid;grid-template-columns:repeat(auto-fit, 300px);grid-gap:40px}.broadcast-row .equipments .item-info{display:flex;flex-direction:column;text-align:left}.broadcast-row .equipments .picture{width:100%}.broadcast-row .equipments .title{padding-top:20px;padding-bottom:5px}.broadcast-row .equipments .link{padding-top:15px}@media (min-width: 700px){.broadcast-row .equipments.single-item{display:flex}.broadcast-row .equipments.single-item .item-info{flex-direction:row-reverse}.broadcast-row .equipments.single-item .picture{padding-left:60px}.broadcast-row .equipments.single-item .title{padding-top:0;padding-bottom:10px}.broadcast-row .equipments.single-item .item-description{margin:auto}}@media (min-width: 960px){.broadcast-row .equipments.single-item.picture{height:325px;width:auto}.broadcast-row .equipments.single-item.item-description{max-width:400px}} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.rotating-spinner:not(.relative){display:block;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}.rotating-spinner.relative{display:flex;justify-content:center}.rotating-spinner .circle{display:block;border-radius:50%;border-style:solid;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;width:90px;height:90px;border-width:5px}.theme-customer-light .rotating-spinner .circle{border-color:#ec3654 transparent #ec3654 #ec3654}.theme-customer-dark .rotating-spinner .circle{border-color:#ec3654 transparent #ec3654 #ec3654}.theme-business-light .rotating-spinner .circle{border-color:#20c792 transparent #20c792 #20c792}.theme-business-dark .rotating-spinner .circle{border-color:#20c792 transparent #20c792 #20c792}.rotating-spinner .circle.little{width:28px;height:28px;border-width:3px}@-webkit-keyframes rotate{from{transform:rotate(0);transform-origin:50% 50%}to{transform:rotate(360deg);transform-origin:50% 50%}}@keyframes rotate{from{transform:rotate(0);transform-origin:50% 50%}to{transform:rotate(360deg);transform-origin:50% 50%}} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.tabs-strate__description{text-align:center;padding-top:20px}.tabs-strate__link{margin:0 auto;text-align:center;padding-top:15px} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .ChannelsGridStrate_paddingTop_3oyLF { padding-top: 10px } @media screen and (min-width: 700px) { .ChannelsGridStrate_paddingTop_3oyLF { padding-top: 12px } } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}@media (min-width: 700px){.engagement-presentation__title{font-size:18px}}.engagement-presentation__description{color:rgba(255,255,255,0.5)} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.rebound-product-banner{display:flex;flex-direction:column;align-items:center;padding:30px 0}@media (min-width: 700px){.rebound-product-banner{flex-direction:row}}@media (min-width: 700px){.rebound-product-banner{padding:50px 0 70px;justify-content:space-between}}.rebound-product-banner__presentation{display:flex;flex-direction:column;align-items:center}@media (min-width: 700px){.rebound-product-banner__presentation{flex-direction:row}}.rebound-product-banner__info-block{display:flex;flex-direction:column;padding:20px 0;text-align:center}@media (min-width: 700px){.rebound-product-banner__info-block{padding:0 0 0 30px;text-align:left}}.rebound-product-banner__logo{height:40px}@media (min-width: 700px){.rebound-product-banner__logo{height:30px}}@media (min-width: 960px){.rebound-product-banner__logo{height:60px}} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.select-offer-card{color:#fff;width:300px;min-width:300px;background-color:rgba(33,36,41,0.7);display:flex;flex-direction:column;justify-content:space-between;border-radius:5px}@media (min-width: 700px){.select-offer-card{width:430px;min-width:430px}}.select-offer-card:hover{box-shadow:0 4px 15px 0 rgba(33,36,41,0.5)}.select-offer-card:not(:first-child){margin-left:10px}@media (min-width: 700px){.select-offer-card:not(:first-child){margin-left:20px}}.select-offer-card .thematic-pack-colored-line{height:5px;border-top-left-radius:5px;border-top-right-radius:5px}.select-offer-card .presentation{background-color:#212429;border-top-left-radius:5px;border-top-right-radius:5px;min-height:180px;padding:30px 20px 20px}.select-offer-card .presentation__title{display:flex;padding-bottom:20px;justify-content:space-between;min-height:110px}.select-offer-card .presentation__title__logo{max-height:40px;max-width:100%}.select-offer-card .presentation__title__price{padding-left:30px}.select-offer-card .presentation__baseline{opacity:.7;min-height:50px}.select-offer-card .info{padding:20px 20px 0}.select-offer-card .info__line{padding-bottom:20px}.select-offer-card .info__advantages-title{text-align:center}.select-offer-card .buttons{padding:25px 20px 30px;text-align:center}.select-offer-card .buttons__button:not(:first-child){padding-top:15px}.select-offer-card .selection{display:flex;justify-content:space-between;padding:20px 20px 22px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:rgba(55,56,64,0.3);height:auto}.select-offer-card .selection--important{background-color:#373840}.select-offer-card.option{width:315px;min-width:315px}.select-offer-card.option .presentation{min-height:initial}.select-offer-card.option .presentation__title{padding-bottom:0;min-height:initial}.select-offer-card.option .presentation__baseline{min-height:initial}.select-offer-card.option .info{padding-bottom:30px;text-align:center}.select-offer-card.option .info__picture{height:90px;padding-bottom:10px}.select-offer-card.unavailable{background-color:rgba(33,36,41,0.3)}.select-offer-card.unavailable .global-info{opacity:calc(1 - .4)}.select-offer-card.unavailable .buttons{opacity:calc(1 - .4)}.select-offer-card.unavailable .selection{background-color:#2c2f33;opacity:1;display:flex;justify-content:center}.select-offer-card.forbidden .selection{padding-top:6px;padding-bottom:4px;text-align:center}.select-offer-card.forbidden .selection .inclusion-label{display:inline-block;padding-left:10px}.select-offer-card.forbidden .selection .forbidden-fail{padding-top:14px;padding-bottom:18px} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.fixed-interactive-info{background-color:#16191c;padding-bottom:10px}@media (min-width: 960px){.fixed-interactive-info{border-radius:3px}}.fixed-interactive-info__expanded-block{background-color:#212429}@media (min-width: 960px){.fixed-interactive-info__expanded-block{border-radius:3px}}@media (min-width: 700px){.fixed-interactive-info__expanded-block{padding-left:20px}}.fixed-interactive-info__main-block{display:flex;justify-content:space-between;flex-direction:column;padding-top:10px}@media (min-width: 700px){.fixed-interactive-info__main-block{padding-left:20px}}@media (min-width: 700px){.fixed-interactive-info__main-block{flex-direction:row;align-items:center}}.fixed-interactive-info__main-block__info-block{display:flex;justify-content:space-between;width:100%;align-items:center;padding-bottom:10px}@media (min-width: 700px){.fixed-interactive-info__main-block__info-block{padding-right:20px;padding-bottom:0}}.fixed-interactive-info__main-block__info-block__presentation{display:flex;align-items:center;padding-right:10px}.fixed-interactive-info__main-block__info-block__presentation__arrow{padding-right:10px}@media (min-width: 700px){.fixed-interactive-info__main-block__info-block__presentation__arrow{left:20px;position:absolute}}.fixed-interactive-info__main-block__link{display:contents} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.cart-block{display:flex;align-items:center;padding:10px 0;min-height:50px}.cart-block>div{padding-right:10px}@media (min-width: 700px){.cart-block>div{padding-right:15px}}.cart-block__options{display:flex}.cart-block__options__option{background-color:#373840;display:flex;align-items:center;border-radius:5px;color:rgba(255,255,255,0.5);padding:8px 5px;font-size:14px}.cart-block__options__picture{height:10px}.cart-block__options .remaining{margin-left:10px} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.select-offers-row{background-color:#16191c;padding:20px 0 30px}@media (min-width: 700px){.select-offers-row{padding-bottom:60px}}.select-offers-row__title{padding-bottom:15px;padding-top:50px}.select-offers-row .horizontal-scroll-with-arrows{justify-content:flex-start} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.tooltip{position:relative}.tooltip__info{background-color:#373840;position:absolute;width:170px;border-radius:4px;padding:7px 8px 8px;top:20px;right:-15px;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility 0s .3s}.tooltip__info--active{visibility:visible;opacity:1;transition:visibility 0s,opacity .3s ease-in-out} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.isp-highlight{border-radius:2px;background-color:rgba(33,36,41,0.7);max-width:660px;margin:0 auto}.isp-highlight__colored-line{height:3px;border-top-left-radius:2px;border-top-right-radius:2px}.isp-highlight__main{padding:0 20px}@media (min-width: 700px){.isp-highlight__main{padding:0 30px}}.isp-highlight__main .connection-type{padding:10px 0;display:flex;justify-content:flex-end;align-items:center}.isp-highlight__main .connection-type__tooltip{padding-left:10px}.isp-highlight__main .card-body{padding-bottom:20px;text-align:left;display:grid;grid-template-columns:auto auto}.isp-highlight__main .card-body__logo{padding-right:40px}@media (min-width: 700px){.isp-highlight__main .card-body__logo{grid-row:1 / 3}}.isp-highlight__main .card-body__logo__picture{width:50px}@media (max-width: 700px){.isp-highlight__main .card-body__equipments{grid-column:1 / 3}}.isp-highlight__main .card-body__equipments .grey-line{padding:30px 0 20px}.isp-highlight__main .card-body__equipments .equipments-list{display:flex;padding-top:10px}.isp-highlight__main .card-body__equipments .equipments-list__logo__picture{height:40px}.isp-highlight__main .card-body__equipments .equipments-list__logo__label{opacity:.7} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}@media (min-width: 1285px){.highlight-strate>.container__content{margin-top:-180px;position:relative}}.highlight-strate__cover{width:100%}.highlight-strate__title-block{text-align:center;padding:10px 0}@media (min-width: 1285px){.highlight-strate__title-block{padding-left:10px;padding-top:0;text-align:start}}.highlight-strate__cta-block{width:100%;display:flex;flex-direction:column;align-items:center}@media (min-width: 1285px){.highlight-strate__cta-block{background-color:#212429;padding:20px 0;border-radius:3px}}.highlight-strate__cta-block__baseline{padding-top:10px;opacity:.5}.highlight-strate__information{padding-top:20px}@media (max-width: 700px){.highlight-strate__information{text-align:center}}.highlight-strate__information__description{padding:10px 0 20px;opacity:.7;display:flex;flex-direction:column}.highlight-strate__information__see-more{text-align:center} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.carousel-strate{width:100%;overflow:hidden;position:relative;padding:10px 0}.carousel-strate:not(:first-child){margin-left:10px}.carousel-strate__title-wrapper{position:absolute;bottom:20px;text-align:center;width:100%}@media (min-width: 960px){.carousel-strate__title-wrapper{bottom:30px;left:20px;text-align:left}}.carousel-strate__title{background-color:#fff;color:#212429;display:inline-block;padding:0 10px}@media (min-width: 960px){.carousel-strate__title{padding:8px 12px}}.carousel-strate__picture{width:100%}.carousel-strate .horizontal-scroll-with-arrows{justify-content:flex-start} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.toggle-element{display:flex;align-items:center;justify-content:center;padding-bottom:45px;font-size:18px;font-weight:600}@media (max-width: 700px){.toggle-element{font-size:16px}}.toggle-element__text{text-align:right}.toggle-element__text:not(.selected){opacity:.5}.toggle-element__text.right{text-align:left}.toggle-element__toggle{width:85px;min-width:85px;height:38px;min-height:38px;border-radius:18.5px;margin:0 20px;display:flex;align-items:center}.theme-customer-light .toggle-element__toggle{background-color:#f5f5f6;border:1px solid #e2e2e9}.theme-customer-dark .toggle-element__toggle{background-color:#373840;border:1px solid #212429}.theme-business-light .toggle-element__toggle{background-color:#f5f5f6;border:1px solid #e2e2e9}.theme-business-dark .toggle-element__toggle{background-color:#373840;border:1px solid #212429}@media (max-width: 700px){.toggle-element__toggle{width:65px;min-width:65px;height:29px;min-height:29px}}.toggle-element__toggle__circle{width:30px;height:30px;border-radius:30px;transition:transform .2s ease-in-out;transform:translate(4px, 0)}.theme-customer-light .toggle-element__toggle__circle{background-color:#ec3654}.theme-customer-dark .toggle-element__toggle__circle{background-color:#ec3654}.theme-business-light .toggle-element__toggle__circle{background-color:#20c792}.theme-business-dark .toggle-element__toggle__circle{background-color:#20c792}@media (max-width: 700px){.toggle-element__toggle__circle{width:25px;height:25px;border-radius:25px}}.toggle-element__toggle__circle.right{transform:translate(calc(85px - 30px - 4px), 0)}@media (max-width: 700px){.toggle-element__toggle__circle.right{transform:translate(calc(65px - 25px - 4px), 0)}} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.toggle-strate__card__description{opacity:.5}.theme-customer-light .toggle-strate .strate{background-color:#fff}.theme-customer-dark .toggle-strate .strate{background-color:#16191c}.theme-business-light .toggle-strate .strate{background-color:#fff}.theme-business-dark .toggle-strate .strate{background-color:#16191c}.toggle-strate .box-layout__box{border-radius:3px;display:flex;flex-direction:column;padding:25px 40px;text-align:center;height:100%}.theme-customer-light .toggle-strate .box-layout__box{background-color:#f5f5f6;border:solid 1px rgba(33,36,41,0.1)}.theme-customer-light .toggle-strate .box-layout__box.has-link:hover{background-color:rgba(33,36,41,0.1);border-color:#f5f5f6}.theme-customer-dark .toggle-strate .box-layout__box{background-color:#212429;border:solid 1px #212429}.theme-customer-dark .toggle-strate .box-layout__box.has-link:hover{background-color:#373840;border-color:#212429}.theme-business-light .toggle-strate .box-layout__box{background-color:#f5f5f6;border:solid 1px rgba(33,36,41,0.1)}.theme-business-light .toggle-strate .box-layout__box.has-link:hover{background-color:rgba(33,36,41,0.1);border-color:#f5f5f6}.theme-business-dark .toggle-strate .box-layout__box{background-color:#212429;border:solid 1px #212429}.theme-business-dark .toggle-strate .box-layout__box.has-link:hover{background-color:#373840;border-color:#212429}@media (min-width: 700px){.toggle-strate .box-layout__box{max-width:430px}}@media (min-width: 960px) and (max-width: 1285px){.toggle-strate .box-layout__box{padding:25px 20px}}.toggle-strate .box-layout__picture{height:115px}@media (min-width: 1285px){.toggle-strate .box-layout__picture{height:145px}} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .BackgroundHandler_whiteBackground_HNjWd { background-color: #fff; background-color: #fff; } .BackgroundHandler_whiteBackground_dark_3wfjZ { background-color: #f5f5f6; background-color: #f5f5f6; } .BackgroundHandler_blackBackground_2TdIL { background-color: #212429; background-color: #212429; color: #fff; color: #fff; } .BackgroundHandler_blackBackground_dark_2qycN { background-color: #16191c; background-color: #16191c; color: #fff; color: #fff; } .BackgroundHandler_darkFaded_1nB7n { color: #fff; color: #fff; position: relative; background: linear-gradient(to bottom, transparent 0%, #212429 350px); background: linear-gradient(to bottom, transparent 0%, #212429 350px); } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .StratesManager_strates_ux3q4 { position: relative } .StratesManager_strates_ux3q4.StratesManager_page_3_sYG > div:last-child { padding-bottom: 25px } @media screen and (min-width: 700px) { .StratesManager_strates_ux3q4.StratesManager_page_3_sYG > div:last-child { padding-bottom: 35px } } .Header_AboutUsHeader_hahl6 { text-align: center; margin: 0; } .Header_videoFullscreen_Vvy4z { display: block; position: relative; width: 100%; height: calc(100vh - 170px); } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .List_horizontal_OdPGW { align-items: center; display: flex; flex-flow: row wrap; justify-content: space-around; } .List_horizontal_OdPGW li { margin: 12px 0; } .List_boxed_2oB12:not(:last-child) { margin-bottom: 12px; } .List_borders_default_1DJgB { border: 1px solid #e2e2e9; border: 1px solid #e2e2e9; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .CanalGroup_CanalGroup_mN6Kw { text-align: center; max-width: 960px; margin: auto; padding: 0 20px; } .CanalGroup_text_1LKQM { max-width: 800px; margin: auto; } .CanalGroup_vivendi_oBRd0 { max-width: 200px; margin: auto; padding: 15px 0; } .CanalGroup_moreInfo_3PfCj { min-height: 20px; } .CanalGroup_moreInfo_3PfCj .CanalGroup_moreInfoLink_2egdb { padding-top: 20px; } .CanalGroup_group_riwyP { padding: 40px; border: 1px solid #abb2b9; border: 1px solid #abb2b9; } .CanalGroup_more_2xVrc { opacity: 1; padding-top: 20px; transition: opacity 0.3s linear 0.1s, padding-top 0.2s } .CanalGroup_more_2xVrc.CanalGroup_showMore_8Kz3R { padding-top: 0; opacity: 0; max-height: 0; pointer-events: none; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .styles_SocialLinks_3s2Xn { display: flex; justify-content: space-around; max-width: 800px; margin: auto; padding: 25px; } .styles_social_1G0wy { width: 12%; height: auto; border-radius: 50%; background-color: #212429; background-color: #212429; opacity: 0.5; } .styles_facebook_2Ku7W:hover, .styles_facebook_2Ku7W:focus { background-color: #3b5998; } .styles_twitter_15bmH:hover, .styles_twitter_15bmH:focus { background-color: #00aced; } .styles_dailymotion_MkQiQ:hover, .styles_dailymotion_MkQiQ:focus { background-color: #0066dc; } .styles_linkedin_2zK7l:hover, .styles_linkedin_2zK7l:focus { background-color: #069; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.rh-page{position:relative;overflow:hidden}@media (min-width: 700px){.rh-page{padding-top:120px}}.rh-page .strate{padding:10px 0} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.rh-about-us .background-handler:first-child .strate{padding:0}@media (min-width: 700px){.rh-about-us .background-handler:first-child .strate{padding:0}}.rh-about-us .articles-grid__title{padding:20px 0}.rh-about-us .articles-grid__grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:5px}@media (min-width: 700px){.rh-about-us .articles-grid__grid{grid-template-columns:repeat(3, 1fr);grid-gap:10px}}@media (min-width: 960px){.rh-about-us .articles-grid__grid{grid-template-columns:repeat(4, 1fr)}}@media (min-width: 1285px){.rh-about-us .articles-grid__grid{grid-gap:20px}} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .HomeHeader_strates_1_Gag { position: relative; color: #212429; color: #212429; } .HomeHeader_upperRow_2Tx_L { display: flex; flex-direction: column; justify-content: center; margin: 0 5px; padding: 0 12.5px } @media screen and (min-width: 960px) { .HomeHeader_upperRow_2Tx_L { flex-direction: row } } .HomeHeader_minorArticles_2U6RE { color: #fff; color: #fff; display: none } @media screen and (min-width: 960px) { .HomeHeader_minorArticles_2U6RE { display: flex; justify-content: space-between; padding: 10px 12.5px 0; max-width: 1420px; margin: auto } } @media screen and (min-width: 1600px) { .HomeHeader_minorArticles_2U6RE { max-width: 1430px } } .HomeHeader_article_2eUpE { width: 25% } @media screen and (min-width: 700px) { .HomeHeader_article_2eUpE { margin-left: 5px } } @media screen and (min-width: 960px) { .HomeHeader_article_2eUpE { margin-left: 10px } } @media screen and (min-width: 1600px) { .HomeHeader_article_2eUpE { margin-left: 20px } } .HomeHeader_video_24LEy { width: 100%; margin-bottom: 12px; height: 260px } @media screen and (min-width: 700px) { .HomeHeader_video_24LEy { height: 480px } } @media screen and (min-width: 960px) { .HomeHeader_video_24LEy { height: auto; max-width: 720px; margin-bottom: 0 } } .HomeHeader_info_3F86p { border: 2px solid rgba(226, 226, 233, 0.2); border: 2px solid rgba(226, 226, 233, 0.2); margin: 0 12px; display: none; align-items: center; justify-content: center; width: 320px } @media screen and (min-width: 960px) { .HomeHeader_info_3F86p { display: block; flex: none } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .styles_SocialContainer_zptNp { display: flex; align-items: center; justify-content: space-around; } .styles_SocialLinks_19bQn { display: flex; justify-content: space-around; width: 360px; margin: auto 0; } .styles_social_31kLz { width: 12%; height: auto; border-radius: 50%; background-color: #212429; background-color: #212429; opacity: 0.5; margin: 25px; } .styles_twitterTimeline_2VQSY { margin: 0 50px; } .styles_facebook_3ha1p:hover, .styles_facebook_3ha1p:focus { background-color: #3b5998; } .styles_twitter_sjQLX:hover, .styles_twitter_sjQLX:focus { background-color: #00aced; } .styles_dailymotion_1RePG:hover, .styles_dailymotion_1RePG:focus { background-color: #0066dc; } .styles_linkedin_2bPFM:hover, .styles_linkedin_2bPFM:focus { background-color: #069; } .styles_twitter_sjQLX { margin-right: 20px; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.rh-home{display:flex;flex-direction:column;justify-content:center;padding-top:14px;position:relative}@media (min-width: 700px){.rh-home{padding-top:120px}}.rh-home .carousel-strate__picture{width:100%}@media (min-width: 700px){.rh-home .carousel-strate__picture{height:340px;-o-object-fit:cover;object-fit:cover}}@media (--mq_mobile){.rh-home .slider__horizontal-scroll .creative-media-article:not(:first-child){margin-left:5px}}@media (--mq_tablet){.rh-home .slider__horizontal-scroll .creative-media-article:not(:first-child){margin-left:5px}}@media (--mq_laptop){.rh-home .slider__horizontal-scroll .creative-media-article:not(:first-child){margin-left:10px}}@media (--mq_desktopLarge){.rh-home .slider__horizontal-scroll .creative-media-article:not(:first-child){margin-left:20px}}.rh-home .container__content.small{text-align:left;margin:0;padding:0;display:flex;justify-content:center;max-width:100%} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .JobOffers_offersPage_2jX0P { padding-top: 0; } .JobOffers_jobsList_3pa6a { background-color: #f5f5f6; background-color: #f5f5f6; } .JobOffers_selectionTitle_VpXgS { display: inline-block; position: relative; padding: 4px 24px 4px 20px ; color: #5e646a; color: #5e646a; background-color: #e2e2e9; background-color: #e2e2e9; border-radius: 14px; line-height: 20px; font-size: 12px; text-transform: uppercase; margin-right: 10px; } .JobOffers_selectionTitleBtn_1V6wo { position: absolute; top: 8px; right: 10px; color: #5e646a; color: #5e646a; font-size: 11px; line-height: 11px; display: inline-block; vertical-align: middle; } .JobOffers_sideArticles_3fgKc { display: flex; width: 30%; max-width: 370px; flex-direction: column; } .JobOffers_mainContent_25Fl7 { padding: 20px 15px; width: 100% } @media screen and (min-width: 700px) { .JobOffers_mainContent_25Fl7 { padding: 20px } } .JobOffers_mainContent_25Fl7.JobOffers_shouldBeDisplayed_3sy_S { display: none } @media screen and (min-width: 700px) { .JobOffers_mainContent_25Fl7.JobOffers_shouldBeDisplayed_3sy_S { display: block } } .JobOffers_content_1WRTZ { padding: 20px 0; display: flex; justify-content: space-between; } .JobOffers_spinner_2RDQt { position: relative; width: 100%; height: 300px } @media screen and (min-width: 700px) { .JobOffers_spinner_2RDQt { width: 60% } } .JobOffers_results_3tfmV { width: 100% } @media screen and (min-width: 700px) { .JobOffers_results_3tfmV { width: 60% } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .InputText_InputText_1aBut { display: flex } .InputText_InputText_1aBut.InputText_column_3ReN7 { flex-direction: column; text-align: center; } .InputText_InputText_1aBut.InputText_column_3ReN7 .InputText_label_21qhz { margin-bottom: 17px; } .InputText_InputText_1aBut .InputText_input_3hLtG { width: 100%; background-color: #fff; background-color: #fff; border-style: solid; border-width: 1px; border-color: #e2e2e9; border-color: #e2e2e9; border-radius: 3px; padding: 0 15px; height: 50px; text-align: inherit } .InputText_InputText_1aBut .InputText_input_3hLtG.InputText_small_1qZNs { font-size: 16px; height: 36px; } .InputText_InputText_1aBut .InputText_input_3hLtG.InputText_greyBackground_3SQr- { border: none; background-color: #f5f5f6; background-color: #f5f5f6; } .InputText_InputText_1aBut .InputText_input_3hLtG.InputText_big_MWQoG { font-size: 30px; font-weight: 600; height: 68px; } .InputText_InputText_1aBut .InputText_inputIcon_3Xvvq { position: absolute; right: 15px; top: 25%; } .InputText_InputText_1aBut .InputText_inputContainer_I391- { width: 100%; position: relative } .InputText_InputText_1aBut .InputText_inputContainer_I391-.InputText_leftIcon_3xRG- .InputText_inputIcon_3Xvvq { right: auto; left: 15px; } .InputText_InputText_1aBut .InputText_inputContainer_I391-.InputText_leftIcon_3xRG- .InputText_input_3hLtG { padding-left: 45px; } .InputText_InputText_1aBut .InputText_inputError_2x1Lm { border-color: #e85361; border-color: #e85361; } .InputText_InputText_1aBut .InputText_inputInfo_1Wjb6 { display: none } @media screen and (min-width: 960px) { .InputText_InputText_1aBut .InputText_inputInfo_1Wjb6 { display: inline; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: absolute; top: 25%; left: 105% } } .InputText_InputText_1aBut ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #abb2b9; color: #abb2b9; opacity: 1; /* Firefox */ } .InputText_InputText_1aBut :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #abb2b9; color: #abb2b9; opacity: 1; /* Firefox */ } .InputText_InputText_1aBut ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #abb2b9; color: #abb2b9; opacity: 1; /* Firefox */ } .InputText_InputText_1aBut :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #abb2b9; color: #abb2b9; } .InputText_InputText_1aBut ::-ms-input-placeholder { /* Microsoft Edge */ color: #abb2b9; color: #abb2b9; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .MultiSelectList_MultiSelectList_2_AxB { width: 100%; height: 36px; line-height: 35px; cursor: pointer; position: relative; } .MultiSelectList_listItem_AZFnS { display: flex; align-items: center; justify-content: space-between; height: 50px; padding: 0 15px; } .MultiSelectList_listItem_AZFnS.MultiSelectList_listItem_AZFnS:hover, .MultiSelectList_listItem_AZFnS.MultiSelectList_listItem_AZFnS.MultiSelectList_selectedItem_14pXI { background-color: #fff; background-color: #fff; } .MultiSelectList_labelText_3ffD4 { flex: 1; text-align: left; } .MultiSelectList_formList_2KY3w { display: none; max-height: 300px; line-height: 20px; overflow-y: scroll; background-color: #f5f5f6; background-color: #f5f5f6; box-shadow: 0 10px 16px 0 rgba(33, 36, 41, 0.5); box-shadow: 0 10px 16px 0 rgba(33, 36, 41, 0.5); position: relative; z-index: 1; } .MultiSelectList_displayList_3y3-o { display: block; } .MultiSelectList_title_19WXn { display: flex; justify-content: space-between; padding: 0 10px 7px; background-color: #fff; background-color: #fff; position: relative } @media screen and (min-width: 700px) { .MultiSelectList_title_19WXn { padding: 0 10px 12px } } .MultiSelectList_rightPart_1Ad5O { display: flex; justify-content: space-between; align-items: center; } .MultiSelectList_checkedItems_1YLHQ { height: 24px; max-width: 178px; line-height: 10px; padding: 6px 8px 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #ec3654; background-color: #ec3654; color: #fff; color: #fff; border-radius: 12px; margin-right: 12px; } .MultiSelectList_icon_13eE1 { width: 12px; transform: rotate(0deg); transition: transform 200ms; } .MultiSelectList_rotate_1Xh4J { transform: rotate(-180deg); transition: transform 200ms; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .JobOffersFilter_JobOffersFilter_2iQCz { position: relative; z-index: 5; } @media screen and (min-width: 960px) { .JobOffersFilter_search_1dPZq, .JobOffersFilter_dropdown_1r6lw { width: 100% } } .JobOffersFilter_butResetQuery_uHfSf { position: absolute; bottom: -27px; right: 0; color: #fff; color: #fff; font-size: 14px; border-bottom: solid 1px #fff; border-bottom: solid 1px #fff;; } .JobOffersFilter_header_3ALtY { padding-top: 0 } @media screen and (min-width: 700px) { .JobOffersFilter_header_3ALtY { padding-top: 100px; padding-bottom: 25px } } @media screen and (min-width: 960px) { .JobOffersFilter_header_3ALtY { padding-top: 100px; padding-bottom: 0 } } .JobOffersFilter_search_1dPZq { margin: 0 10px } @media screen and (min-width: 960px) { .JobOffersFilter_search_1dPZq { padding: 0 10px; margin: 0 } } .JobOffersFilter_dropdown_1r6lw { font-size: 16px; font-weight: 600; border-top: solid 1px #e2e2e9; border-top: solid 1px #e2e2e9; margin-top: 10px; padding-top: 7px } @media screen and (min-width: 960px) { .JobOffersFilter_dropdown_1r6lw { border-left: solid 1px #e2e2e9; border-left: solid 1px #e2e2e9; border-top: none; margin: 0; padding-top: 0 } } .JobOffersFilter_dropdownSelect_3IjiW { display: flex; align-items: center; margin-right: 10px; } .JobOffersFilter_dropdownSelect_3IjiW label { margin: 0 10px; } .JobOffersFilter_dropdownSelect_3IjiW .JobOffersFilter_select_RmWA3 { flex-grow: 1; } .JobOffersFilter_filters_1f5oF { border-radius: 2px; position: relative; background-color: #fff; background-color: #fff; color: #212429; color: #212429; margin: 15px; max-width: 1100px; padding: 7px 0; display: flex; flex-direction: column } @media screen and (min-width: 960px) { .JobOffersFilter_filters_1f5oF { margin: 40px auto; width: 100%; justify-content: space-between; flex-direction: row; padding: 12px 0 } } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.info-card{background-color:#fff;padding:12px 12px 15px;position:relative}.info-card:hover{background-color:#f5f5f6}.info-card .info{color:#5e646a;display:flex;flex-direction:column}@media (min-width: 700px){.info-card .info{flex-direction:row;justify-content:space-between}}.info-card .info__left{display:inline;min-width:0}.info-card .info__left span{letter-spacing:1.75px;line-height:20px}.info-card .info__right{color:#abb2b9;display:block}@media (max-width: 700px){.info-card .info__right{padding-bottom:5px}}.info-card__date{margin:0;padding:4px 0;font-size:12px}.info-card__date span{font-size:12px;letter-spacing:1px;line-height:20px}.info-card__arrow{color:#212429;padding:0 5px}.info-card__link{font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:23px}.info-card__link a{padding:3px 0}.info-card__link a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.info-card__link a:focus{outline:1px solid}.info-card--big{padding:12px 12px 30px;min-height:100px}.info-card--big .info__left{margin:0 0 15px}.info-card--big .info-card__link{overflow:visible;white-space:normal;height:auto} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .JobOffersList_JobOffersList_kvH26 { width: 100%; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.side-articles{margin-bottom:40px}.side-articles__content{background-color:#fff;padding:20px}.side-articles__content-slider{background-color:#fff;padding:20px 0 0}.side-articles__article:not(:last-child){margin-bottom:60px} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .Header_Header_3sBbT { display: flex; flex-direction: column; padding: 0 1.25rem } @media screen and (min-width: 960px) { .Header_Header_3sBbT { justify-content: space-between; flex-direction: row; padding: 0 2.5rem } } @media screen and (min-width: 1600px) { .Header_Header_3sBbT { padding: 0 4rem } } .Header_leftPart_6WZW6, .Header_rightPart_3l3LU { padding: 0 0 10px } @media screen and (min-width: 960px) { .Header_leftPart_6WZW6, .Header_rightPart_3l3LU { width: 54%; padding: 0 } } @media screen and (min-width: 1285px) { .Header_leftPart_6WZW6, .Header_rightPart_3l3LU { width: 52% } } @media screen and (min-width: 1600px) { .Header_leftPart_6WZW6, .Header_rightPart_3l3LU { width: 50% } } @media screen and (min-width: 960px) { .Header_rightPart_3l3LU { width: 44% } } @media screen and (min-width: 1600px) { .Header_rightPart_3l3LU { width: 45% } } .Header_minorArticles_2CL5b { display: flex; flex-wrap: wrap; justify-content: space-between; } .Header_minorArticles_2CL5b li { width: 49%; margin: 12px 0 } @media screen and (min-width: 960px) { .Header_minorArticles_2CL5b li { margin: 0 } } .PhoneNumberPicture_phoneNumber_2exOw { display: inline-block; vertical-align: middle; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.legals-page__container{max-width:950px;margin:0 auto;padding:0 10px 50px}.legals-page__title{margin:30px 0}.legals-page__justified{text-align:justify}.legals-page__content-item{margin-top:10px}@media (min-width: 960px){.legals-page__content-item{margin-top:20px}}.legals-page__legals{font-size:10px;color:#abb2b9} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .LegalsPage_legalsPage_trjK5 { padding-top: 0; } .LegalsPage_cover_D0QgB { position: relative; overflow: hidden; display: none } @media screen and (min-width: 700px) { .LegalsPage_cover_D0QgB { display: block; height: 190px } } @media screen and (min-width: 960px) { .LegalsPage_cover_D0QgB { height: 210px } } .lang-selector{padding:30px 20px}.lang-selector__title{font-size:24px;font-weight:600;padding:0}.lang-selector__link{display:flex;align-items:center;padding:15px 0;font-size:16px}.lang-selector__link span{padding-left:10px}.lang-selector__link:hover{background-color:rgba(0,0,0,0.06)}.lang-selector__link_selected{opacity:.5}.lang-selector__flag{width:29px;height:21px;background-size:cover;background-position:center;background-repeat:no-repeat}.lang-selector__flag_fr{background-image:url(/client/448cdf5e9aa38ba128c600657254a758.svg)}.lang-selector__flag_en{background-image:url(/client/3cdc097d546b6a32f474c4b441b4edbe.svg)}.lang-selector ul{list-style:none;padding:15px 0 0}.lang-selector li{padding:0} .HodorTemplateSwitcher_center_qwp23 { position: fixed; top: 50%; left: 50%; z-index: 1; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.old-browsers-page{background-color:#212429;color:#fff;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;overflow-y:hidden}.old-browsers-page .brand-logo{height:65px;width:310px;margin-top:2em}@media (max-width: 700px){.old-browsers-page .brand-logo{height:55px}}.old-browsers-page h1{color:#fff;font-family:"Open Sans";font-size:3rem;text-transform:none;font-weight:400;margin-bottom:30px}@media (max-width: 700px){.old-browsers-page h1{font-family:"Open Sans";font-size:2.2rem;text-transform:none;font-weight:400}}.old-browsers-page .minitel{margin-bottom:20px}@media (max-width: 700px){.old-browsers-page .minitel{width:220px}}.old-browsers-page .content{font-family:"Open Sans";font-size:2rem;text-transform:none;padding:0 20px;max-width:500px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (max-width: 700px){.old-browsers-page .content{font-family:"Open Sans";font-size:1.4rem;text-transform:none;font-weight:400}}.old-browsers-page ul{list-style:none;padding:0;margin-top:20px}.old-browsers-page ul li{display:inline-block;margin-left:40px}@media (max-width: 700px){.old-browsers-page ul li{margin-left:30px}}.old-browsers-page ul li:first-child{margin-left:0}.old-browsers-page .browser-image{display:block;width:90px;height:90px}@media (max-width: 700px){.old-browsers-page .browser-image{width:60px;height:60px}} @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}main{display:block}.layout{position:relative;min-height:calc(60vh - 84px);padding-top:84px}@media (min-width: 700px){.layout{padding-top:0}}@media (min-width: 960px){.layout{min-height:calc(60vh - 104px);padding-top:0}}.layout--top-padding{padding-top:84px;min-height:60vh}@media (min-width: 960px){.layout--top-padding{padding-top:104px}}.layout--simple-header{min-height:60vh;padding-top:45px}@media (min-width: 960px){.layout--simple-header{padding-top:65px}}.layout--no-header{padding-top:0}.layout--no-footer{min-height:100vh} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } /** * Link * * By default, link only displays an icon on mobile & tablet, but on desktop, it displays an icon and a label * If link has class '.link--onlyIcon', it's the same behavior except that on desktop there is only icon * If link has class '.link--onlyLabel', it's the same behavior except that on desktop there is only label */ .link___64Swd { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; border: 0 none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.4rem; font-size: 1.4rem; line-height: 1; padding: 0.5rem; padding: 0.5rem; } @media (min-width: 961px) { .link___64Swd { height: 3.2rem; height: 3.2rem; padding: 0 } } .link___64Swd svg { display: inline-block; fill: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%); height: 2.6rem; height: 2.6rem; margin: 0; -webkit-transition: fill 200ms ease-out; transition: fill 200ms ease-out; vertical-align: middle; width: 2.6rem; width: 2.6rem; } @media (min-width: 961px) { .link___64Swd svg { height: 2.2rem; height: 2.2rem; margin-right: 0.4rem; margin-right: 0.4rem; width: 2.2rem; width: 2.2rem } } .link__label___2Jmsa { display: none; } @media (min-width: 961px) { .link__label___2Jmsa { color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); display: inline-block; font-size: 1.4rem; font-size: 1.4rem; line-height: 2.2rem; line-height: 2.2rem; text-decoration: none; -webkit-transition: color 200ms ease-out; transition: color 200ms ease-out; vertical-align: middle; white-space: nowrap } } @media (min-width: 961px) { .link--onlyIcon___3lR_F svg { margin-right: 0; } .link--onlyLabel___1RSK0 .link__label___2Jmsa { line-height: 3.2rem; line-height: 3.2rem; } .link--active___3UAAy svg, .link___64Swd:hover svg { fill: hsl(350, 83%, 57%); fill: hsl(350, 83%, 57%); } .link--active___3UAAy .link__label___2Jmsa, .link___64Swd:hover .link__label___2Jmsa { color: hsl(350, 83%, 57%); color: hsl(350, 83%, 57%); } } @media (min-width: 961px) { .link--buttonFormat___3QfmN { border: .1rem solid rgba(255,255,254, .3); border-radius: 0.2rem; border-radius: 0.2rem; color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); padding: 0 .8rem 0 .5rem; -webkit-transition: border 200ms ease-out, background 200ms ease-out; transition: border 200ms ease-out, background 200ms ease-out } .link--buttonFormat___3QfmN svg { opacity: .7; -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } .link--buttonFormat___3QfmN.link--onlyIcon___3lR_F { padding: .5rem; } .link--buttonFormat___3QfmN.link--onlyLabel___1RSK0 { padding: 0 .8rem; } .link--buttonFormat___3QfmN.link--active___3UAAy, .link--buttonFormat___3QfmN.link___64Swd:hover { background: rgba(255,255,254, 0.3); background: rgba(255,255,254, 0.3); border: .1rem solid transparent; } .link--buttonFormat___3QfmN.link--active___3UAAy svg, .link--buttonFormat___3QfmN.link___64Swd:hover svg { fill: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%); opacity: 1; } .link--buttonFormat___3QfmN.link--active___3UAAy .link__label___2Jmsa, .link--buttonFormat___3QfmN.link___64Swd:hover .link__label___2Jmsa { color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); } } @media (min-width: 961px) { .link--hideIconOnDesktop___2Whwd { padding: 0 .8rem; } .link--hideIconOnDesktop___2Whwd svg { display: none; } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } /** * TRIGGER button * * By default, trigger button only displays an icon on mobile & tablet, but on desktop, it displays an icon and a label * If button has class '.trigger--onlyIcon', it's the same behavior except that on desktop there is only icon * If button has class '.trigger--onlyLabel', it's the same behavior except that on desktop there is only label */ .trigger___2ulSC { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; border: 0 none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.4rem; font-size: 1.4rem; line-height: 1; padding: 0.5rem; padding: 0.5rem; } @media (min-width: 961px) { .trigger___2ulSC { height: 3.2rem; height: 3.2rem; padding: 0 } } .trigger___2ulSC svg { display: inline-block; fill: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%); height: 2.6rem; height: 2.6rem; margin: 0; -webkit-transition: fill 200ms ease-out; transition: fill 200ms ease-out; vertical-align: middle; width: 2.6rem; width: 2.6rem; } @media (min-width: 961px) { .trigger___2ulSC svg { height: 2.2rem; height: 2.2rem; margin-right: 0.4rem; margin-right: 0.4rem; width: 2.2rem; width: 2.2rem } } .trigger___2ulSC img { margin-right: 0; } @media (min-width: 961px) { .trigger___2ulSC img { margin-right: 0.4rem; margin-right: 0.4rem } } .trigger__label___3aqCs { display: none; } @media (min-width: 961px) { .trigger__label___3aqCs { color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); display: inline-block; font-size: 1.4rem; font-size: 1.4rem; line-height: 2.2rem; line-height: 2.2rem; text-decoration: none; -webkit-transition: color 200ms ease-out; transition: color 200ms ease-out; vertical-align: middle; white-space: nowrap } } @media (min-width: 961px) { .trigger--onlyIcon___2uf7M svg { margin-right: 0; } .trigger--onlyLabel___17BD3 .trigger__label___3aqCs { line-height: 3.2rem; line-height: 3.2rem; } .trigger--active___xK99j svg, .trigger___2ulSC:hover svg { fill: hsl(350, 83%, 57%); fill: hsl(350, 83%, 57%); } .trigger--active___xK99j .trigger__label___3aqCs, .trigger___2ulSC:hover .trigger__label___3aqCs { color: hsl(350, 83%, 57%); color: hsl(350, 83%, 57%); } .trigger--croppedLabel___36bvt { overflow: hidden; text-overflow: ellipsis; max-width: 7rem; } } @media (min-width: 961px) { .trigger--buttonFormat___3knJJ { border: .1rem solid rgba(255,255,254, .3); border-radius: 0.2rem; border-radius: 0.2rem; color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); padding: 0 .8rem 0 .5rem; -webkit-transition: border 200ms ease-out, background 200ms ease-out; transition: border 200ms ease-out, background 200ms ease-out } .trigger--buttonFormat___3knJJ svg { opacity: .7; -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } .trigger--buttonFormat___3knJJ.trigger--onlyIcon___2uf7M { padding: .5rem; } .trigger--buttonFormat___3knJJ.trigger--onlyLabel___17BD3 { padding: 0 .8rem; } .trigger--buttonFormat___3knJJ.trigger--active___xK99j, .trigger--buttonFormat___3knJJ.trigger___2ulSC:hover { background: rgba(255,255,254, 0.3); background: rgba(255,255,254, 0.3); border: .1rem solid transparent; } .trigger--buttonFormat___3knJJ.trigger--active___xK99j svg, .trigger--buttonFormat___3knJJ.trigger___2ulSC:hover svg { fill: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%); opacity: 1; } .trigger--buttonFormat___3knJJ.trigger--active___xK99j .trigger__label___3aqCs, .trigger--buttonFormat___3knJJ.trigger___2ulSC:hover .trigger__label___3aqCs { color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } .menu___pecxl { display: inline-block; position: relative; } @media (min-width: 961px) { .menu__reveal___2AWni { opacity: 0; position: absolute; top: 100%; -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease; visibility: hidden; z-index: 999 } .menu__reveal___2AWni::after { border-color: transparent transparent hsl(0, 0%, 100%); border-color: transparent transparent hsl(0, 0%, 100%); border-style: solid; border-width: 0.8rem; content: ''; position: absolute; top: -0.5rem; } .menu__reveal--dark___1__Fv::after { border-color: transparent transparent hsl(218, 11%, 15%); border-color: transparent transparent hsl(218, 11%, 15%); } } .menu__revealShadow___2ngzX { background-color: rgba(0,0,0, 0.5); bottom: 0; display: block; left: 0; opacity: 0; overflow: hidden; position: fixed; right: 0; top: 0; -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; visibility: hidden; will-change: opacity; z-index: 1; } @media (min-width: 961px) { .menu__revealShadow___2ngzX { display: none } } .menu__revealContent___2sDhD { background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%); bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: hsl(218, 11%, 15%); color: hsl(218, 11%, 15%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 35rem; padding: 1rem; position: fixed; top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 100ms ease-in; transition: -webkit-transform 100ms ease-in; transition: transform 100ms ease-in; transition: transform 100ms ease-in, -webkit-transform 100ms ease-in; width: 89vw; z-index: 2; } .menu__revealContent--dark___3K6TP { background: hsl(218, 11%, 15%); background: hsl(218, 11%, 15%); } @media (min-width: 961px) { .menu__revealContent___2sDhD { bottom: auto; bottom: initial; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: initial; box-sizing: initial; display: block; margin: 1rem 0 0; max-width: 100%; overflow: hidden; padding: 1rem; position: relative; top: auto; top: initial; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; width: auto; z-index: auto; z-index: initial } } @media (min-width: 961px) { .menu__reveal--align-left___3ueUt { left: 0 } .menu__reveal--align-left___3ueUt::after { left: 1.4rem; } } .menu__reveal--align-left___3ueUt .menu__revealContent___2sDhD { right: 100%; } @media (min-width: 961px) { .menu__reveal--align-left___3ueUt .menu__revealContent___2sDhD { right: 0 } } @media (min-width: 961px) { .menu__reveal--align-right___C0laY { right: 0 } .menu__reveal--align-right___C0laY::after { right: 1.4rem; } } .menu__reveal--align-right___C0laY .menu__revealContent___2sDhD { left: 100%; } @media (min-width: 961px) { .menu__reveal--align-right___C0laY .menu__revealContent___2sDhD { left: 0 } } .menu__reveal--open___3mpXo.menu__reveal--align-right___C0laY .menu__revealContent___2sDhD { -webkit-box-shadow: -0.5rem 0 2rem 0.5rem rgba(0,0,0, 0.11); box-shadow: -0.5rem 0 2rem 0.5rem rgba(0,0,0, 0.11); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .menu__reveal--open___3mpXo.menu__reveal--align-left___3ueUt .menu__revealContent___2sDhD { -webkit-box-shadow: 0.5rem 0 2rem 0.5rem rgba(0,0,0, 0.11); box-shadow: 0.5rem 0 2rem 0.5rem rgba(0,0,0, 0.11); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .menu__reveal--open___3mpXo .menu__revealShadow___2ngzX { opacity: 1; visibility: visible; } .menu__reveal--open___3mpXo .menu__revealContent___2sDhD { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } @media (min-width: 961px) { .menu__reveal--open___3mpXo { opacity: 1; visibility: visible } .menu__reveal--open___3mpXo .menu__revealShadow___2ngzX { opacity: 0; visibility: hidden; } .menu__reveal--open___3mpXo .menu__revealContent___2sDhD { -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-timing-function: initial; transition-timing-function: initial; } .menu__reveal--open___3mpXo.menu__reveal--align-right___C0laY .menu__revealContent___2sDhD, .menu__reveal--open___3mpXo.menu__reveal--align-left___3ueUt .menu__revealContent___2sDhD { -webkit-box-shadow: 0 0.5rem 2rem 0.5rem rgba(0,0,0, 0.11); box-shadow: 0 0.5rem 2rem 0.5rem rgba(0,0,0, 0.11); -webkit-transform: none; transform: none; } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } .subscribe___2lLrM { background-color: hsl(350, 83%, 57%); background-color: hsl(350, 83%, 57%); border-color: hsl(350, 83%, 57%); border-color: hsl(350, 83%, 57%); } .subscribe___2lLrM:hover { background-color: hsl(350, 63%, 48%); background-color: hsl(350, 63%, 48%); border-color: hsl(350, 63%, 48%); border-color: hsl(350, 63%, 48%); } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } .myProfile___3W5Yf { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } .myProfile__avatar___3bv7P { border-radius: 50%; width: 2.8rem; } @media screen and (min-width: 700px) { .myProfile__avatar___3bv7P { width: 2.6rem } } @media (min-width: 961px) { .myProfile__avatar___3bv7P { width: 2.2rem } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } .userInfo___2iLKv { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .userInfo__items___18AXG { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; } .userInfo__item___3q34C { position: relative; } @media (min-width: 961px) { .userInfo__item___3q34C { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-left: 0.8rem } .userInfo__item___3q34C:first-child { margin-left: 0; } } @media (min-width: 961px) { .userInfo__accountMenu___XWlaN { min-width: 25rem } } .userInfo__accountMenu__list___3Fqfg { list-style: none; padding: 0; } .userInfo__accountMenu___XWlaN .userInfo__logout___2JiGg { background-color: rgb(245, 245, 245); background-color: rgb(245, 245, 245); border: 0 none; border-radius: 0; cursor: pointer; display: block; -webkit-filter: none; filter: none; font-size: 1.6rem; height: 4.8rem; line-height: 4.8rem; padding: 0; text-align: center; } .userInfo__accountMenu___XWlaN .userInfo__logout___2JiGg span { color: hsl(346, 35%, 7%); color: hsl(346, 35%, 7%); display: inline-block; font-size: 1.6rem; font-weight: 600; font-weight: 600; -webkit-transition: color 250ms ease-out; transition: color 250ms ease-out; } .userInfo__accountMenu___XWlaN .userInfo__logout___2JiGg:hover { background-color: rgb(245, 245, 245); background-color: rgb(245, 245, 245); border: 0 none; } .userInfo__accountMenu___XWlaN .userInfo__logout___2JiGg:hover span { color: hsl(350, 83%, 57%); color: hsl(350, 83%, 57%); } .userInfo___2iLKv .onlyOnDesktop___3geKY { display: none; } .userInfo___2iLKv .onlyOnDesktop--flex___3l6P3 { display: none; } .userInfo___2iLKv .onlyOnMobile___3JXDq { display: block; } @media (min-width: 961px) { .userInfo___2iLKv .onlyOnDesktop___3geKY { display: block; } .userInfo___2iLKv .onlyOnDesktop--flex___3l6P3 { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 961px) { .userInfo___2iLKv .onlyOnMobile___3JXDq { display: none; } } .icon___2AkzE { display: inline-block; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } /* GALAXIES */ .galaxyItem___qP8xJ { cursor: pointer; display: inline-block; margin: 1rem 0; text-align: center; -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; vertical-align: top; width: 33%; color: hsl(218, 11%, 15%); color: hsl(218, 11%, 15%); } .galaxyItem--dark___3PfE4 { color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); } .galaxyItem___qP8xJ:hover { opacity: 0.7; } .galaxyItem--noText___2Q35V { margin: 0; } .galaxyItem__subMenu___3kv0Z { color: hsl(218, 11%, 15%); color: hsl(218, 11%, 15%); } .galaxyItem__subMenu--dark___MHBP2 { color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); } .galaxyItem__link___1SNQe { color: hsl(218, 11%, 15%); color: hsl(218, 11%, 15%); display: block; text-decoration: none; -webkit-transition: color 300ms; transition: color 300ms; } .galaxyItem__link--dark___x7MVf { color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); } .galaxyItem__link___1SNQe:hover { opacity: 0.7; } .galaxyItem__icon___2xxmM { display: block; margin: 0 auto; margin-bottom: 0.8rem; -webkit-transition: opacity 300ms; transition: opacity 300ms; width: 5.4rem; height: 5.4rem; } .galaxyItem__icon--digitalChannelsDark___2Nx7d { background-color: hsl(0, 0%, 95%); background-color: hsl(0, 0%, 95%); border-radius: 0.2rem; border-radius: 0.2rem; } .galaxyItem___qP8xJ button { background: none; border: 0; padding: 0; } .galaxyItem--mycanal___3_WYF .galaxyItem__icon___2xxmM { fill: hsl(345, 93%, 32%); } .galaxyItem--mycanal___3_WYF:hover .galaxyItem__icon___2xxmM { opacity: 0.6; } .galaxyItem--vod___3siZC .galaxyItem__icon___2xxmM { fill: hsl(0, 0%, 100%); } .galaxyItem--vod___3siZC:hover .galaxyItem__icon___2xxmM { opacity: 0.6; } .galaxyItem--espaceClient___3EkT9 .galaxyItem__icon___2xxmM { fill: hsl(188, 77%, 51%); } .galaxyItem--espaceClient___3EkT9:hover .galaxyItem__icon___2xxmM { opacity: 0.6; } .galaxyItem--communaute___4N2Gp .galaxyItem__icon___2xxmM { fill: hsl(200, 23%, 58%); } .galaxyItem--communaute___4N2Gp:hover .galaxyItem__icon___2xxmM { opacity: 0.6; } .galaxyItem--boutique___2n03f .galaxyItem__icon___2xxmM { fill: hsl(173, 100%, 42%); } .galaxyItem--boutique___2n03f:hover .galaxyItem__icon___2xxmM { opacity: 0.6; } .galaxyItem--lekiosk___1n1Mk .galaxyItem__icon___2xxmM { fill: hsl(168, 60%, 53%); } .galaxyItem--lekiosk___1n1Mk:hover .galaxyItem__icon___2xxmM { opacity: 0.6; } .galaxyItem--chainesDigitales___9VrDr .galaxyItem__icon___2xxmM { fill: hsl(0, 0%, 95%); } .galaxyItem--chainesDigitales___9VrDr:hover .galaxyItem__icon___2xxmM { opacity: 0.6; } .galaxyTemplate___Gib7u { font-size: 1.3rem; margin: 0; padding: 0; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } .galaxyMenu___3gxWZ { font-size: 1.4rem; margin: 0; padding: 1rem 0; } @media (min-width: 961px) { .galaxyMenu___3gxWZ { font-size: 1.6rem } } .galaxyMenu--enter___Lvi1q, .galaxyMenu--exit___-n4h5 { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .galaxyMenu--enter___Lvi1q { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 250ms ease-in; transition: -webkit-transform 250ms ease-in; transition: transform 250ms ease-in; transition: transform 250ms ease-in, -webkit-transform 250ms ease-in; will-change: transform; } @media (min-width: 961px) { .galaxyMenu--enter___Lvi1q { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .galaxyMenu--enter-active___2zgO7 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .galaxyMenu--exit___-n4h5 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 250ms ease-in; transition: -webkit-transform 250ms ease-in; transition: transform 250ms ease-in; transition: transform 250ms ease-in, -webkit-transform 250ms ease-in; will-change: transform; } .galaxyMenu--exit-active___1FZ9F { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } @media (min-width: 961px) { .galaxyMenu--exit-active___1FZ9F { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .galaxyMenu__subMenu___2LDlL.galaxyMenu__subMenu___2LDlL { background: hsl(0, 0%, 100%); background: hsl(0, 0%, 100%); -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; left: 0; padding: 1rem; position: absolute; top: 0; width: 100%; } .galaxyMenu__subMenu___2LDlL.galaxyMenu__subMenu--dark___XU4wh { background: hsl(218, 11%, 15%); background: hsl(218, 11%, 15%); } .galaxyMenu__title___b5284 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.6rem; font-weight: 300; font-weight: 300; text-align: center; } .galaxyMenu__title--dark___34wBG { color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); } .galaxyMenu__item___14AHI { cursor: pointer; display: inline-block; margin: 1.6rem 0; text-align: center; vertical-align: top; width: 33%; } .galaxyMenu__item--noText___3iZg0 { margin: 0; } .galaxyMenu__item___14AHI a { color: hsl(218, 11%, 15%); color: hsl(218, 11%, 15%); display: block; text-decoration: none; -webkit-transition: color 300ms; transition: color 300ms; } .galaxyMenu__item___14AHI:hover a { color: rgb(78, 81, 85); color: rgb(78, 81, 85); } .galaxyMenu__item__icon___2qk5v { display: block; margin: 0 auto; margin-bottom: 0.8rem; -webkit-transition: opacity 300ms; transition: opacity 300ms; width: 100%; } .galaxyMenu__arrow___3JUc3 { fill: hsl(213, 7%, 32%); fill: hsl(213, 7%, 32%); height: 3rem; margin-right: auto; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 1.4rem; } .galaxyMenu__subMenuContainer___XHdBI { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.6rem; } .galaxyMenu__subMenuHeader___2X090 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgb(148, 151, 154); color: rgb(148, 151, 154); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 3rem; position: relative; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } .galaxy__icon___33lOp { fill: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%); margin-right: .8rem; margin-top: -.3rem; vertical-align: middle; } @media screen and (min-width: 700px) { .galaxy__content___1oHEJ { color: rgb(28, 28, 28); color: rgb(28, 28, 28); /* #1c1c1c */ width: 32rem; } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } .topBar___3450u { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); display: -webkit-box; display: -ms-flexbox; display: flex; height: 4.8rem; height: 4.8rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 4; } @media (min-width: 961px) { .topBar___3450u { height: 6.8rem; height: 6.8rem } } .topBar--withNav___1lCNW { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 4.2rem; height: 4.2rem; padding-top: 0.5rem; } @media (min-width: 961px) { .topBar--withNav___1lCNW { height: 5.6rem; height: 5.6rem; padding-top: 1.2rem } .topBar--withNav___1lCNW .topBar__galaxy___1rery, .topBar--withNav___1lCNW .topBar__userInfo___2NF0x { padding-top: 0.6rem; } } .topBar--withNav___1lCNW .topBar__brand___2-gTh a { padding-top: 0.2rem; } @media (min-width: 961px) { .topBar--withNav___1lCNW .topBar__brand___2-gTh a { padding-top: 0 } } .topBar--searchActive___2Cjr7 .topBar__galaxy___1rery, .topBar--searchActive___2Cjr7 .topBar__userInfo___2NF0x { opacity: 0; pointer-events: none; } .topBar__item___16EmR { opacity: 1; -webkit-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; } .topBar__galaxy___1rery { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding-left: 0.5rem; text-align: left; } @media (min-width: 961px) { .topBar__galaxy___1rery { padding-left: 2rem } } .topBar__brand___2-gTh { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .topBar__brand___2-gTh h1 { display: inline-block; font-size: 0; line-height: 0; margin: 0; padding: 0; width: auto !important; /* Some satelite sites force the size of the h1 in style attribute */ height: auto !important; /* Some satelite sites force the size of the h1 in style attribute */ } .topBar__brand___2-gTh a { display: inline-block; padding: 0; text-decoration: none; } .topBar__brand___2-gTh svg, .topBar__brand___2-gTh img { fill: currentColor; height: 3.4rem; vertical-align: middle; width: auto; } @media (min-width: 961px) { .topBar__brand___2-gTh svg, .topBar__brand___2-gTh img { height: 4.4rem } } .topBar__brand___2-gTh img { display: inline-block; } .topBar__userInfo___2NF0x { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding-right: 0.5rem; } @media (min-width: 961px) { .topBar__userInfo___2NF0x { padding-right: 2rem } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } .searchButton___fiiBd { background: none; border: 0; color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); display: inline-block; margin: 0; padding: 1rem 1rem 0.6rem 0.3rem; } @media screen and (min-width: 700px) { .searchButton___fiiBd { height: 100%; padding: 1rem 0.7rem; width: 4rem; width: 4rem } } .searchButton--transparent___2E0YD svg { -webkit-filter: drop-shadow(0 0.1rem 0.1rem rgba(0,0,0, 0.7)); filter: drop-shadow(0 0.1rem 0.1rem rgba(0,0,0, 0.7)); } .searchButton--active___3qZcC { visibility: hidden; } .searchButton___fiiBd:hover .searchButton__icon___1K1td, .searchButton___fiiBd:focus .searchButton__icon___1K1td { fill: hsl(350, 83%, 57%); fill: hsl(350, 83%, 57%); } .searchButton__icon___1K1td { fill: currentColor; height: 2.6rem; -webkit-transition: fill 250ms ease-out; transition: fill 250ms ease-out; vertical-align: middle; width: 2.6rem; } @media screen and (min-width: 700px) { .searchButton__icon___1K1td { vertical-align: sub } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } .searchForm___3t9a9 { display: none; } .searchForm--open___331_n { display: block; } @media screen and (min-width: 700px) { .searchForm___3t9a9 { right: 0; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; position: absolute; width: 100%; z-index: 1 } .searchForm--open___331_n .searchForm__input___VFFQr { width: 100%; } .searchForm--open___331_n .searchForm__searchButton___1-8sq { display: none; } .searchForm--open___331_n .searchForm__cancel___2s6x6 { display: block; } } .searchForm__label___12tJQ { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: hsl(218, 8%, 19%); background-color: hsl(218, 8%, 19%); border-radius: 0.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin: 0.4rem 0 0.4rem 0.8rem; } @media screen and (min-width: 700px) { .searchForm__label___12tJQ { background: transparent; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin: 0; padding: 0.5rem 0 } } .searchForm__icon___y05Ew { fill: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%); height: 2.6rem; margin: 0.5rem 0.6rem auto 0.5rem; opacity: 0.3; -webkit-transition: fill 200ms ease-out; transition: fill 200ms ease-out; width: 2.6rem; } @media screen and (min-width: 700px) { .searchForm__icon___y05Ew { fill: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%); left: 0.7rem; margin-top: 0; margin-left: 2rem; position: absolute; top: 1.2rem } } @media (min-width: 961px) { .searchForm__icon___y05Ew { margin: 0 } } .searchForm__input___VFFQr { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 0; color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.6rem; line-height: auto; } @media screen and (min-width: 700px) { .searchForm__input___VFFQr { background-color: hsl(218, 8%, 19%); background-color: hsl(218, 8%, 19%); border-radius: 0.3rem; height: 100%; padding: 0 1rem 0 4.5rem; -webkit-transition: width 250ms ease-out; transition: width 250ms ease-out; width: 0 } } .searchForm__input___VFFQr:focus { color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); } @supports ((-webkit-text-fill-color: transparent) or (-moz-text-fill-color: transparent)) { .searchForm__input___VFFQr:focus { color: hsl(350, 83%, 57%); color: hsl(350, 83%, 57%); -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; text-shadow: 0 0 0 hsl(0, 0%, 100%); text-shadow: 0 0 0 hsl(0, 0%, 100%) } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .searchForm__input___VFFQr:focus { color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); text-shadow: none } } .searchForm__input___VFFQr:focus + .searchForm__icon___y05Ew { cursor: pointer; fill: hsl(350, 83%, 57%); fill: hsl(350, 83%, 57%); } .searchForm__input___VFFQr::-webkit-search-results-decoration { display: none; } .searchForm__input___VFFQr::-ms-clear { display: none; } .searchForm__form___8j8BJ { background-color: hsl(218, 11%, 15%); background-color: hsl(218, 11%, 15%); display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; left: 100%; position: absolute; top: 0; -webkit-transition: -webkit-transform 250ms ease-out; transition: -webkit-transform 250ms ease-out; transition: transform 250ms ease-out; transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; width: 100vw; } @media screen and (min-width: 700px) { .searchForm__form___8j8BJ { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; position: relative; width: calc(100% - 4rem); width: calc(100% - 4rem) } } .searchForm__form--open___Fez0q { padding-left: 2rem; -webkit-transform: translateX(-100%); transform: translateX(-100%); } @media screen and (min-width: 700px) { .searchForm__form--open___Fez0q { -webkit-transform: none; transform: none } } @media (min-width: 961px) { .searchForm__form--open___Fez0q { padding-left: 0 } } .searchForm__cancel___2s6x6 { background-color: transparent; border: 0; cursor: pointer; padding: 0.8rem 1rem 0.8rem 0.7rem; fill: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%); -webkit-transition: fill 250ms ease-out; transition: fill 250ms ease-out; } @media screen and (min-width: 700px) { .searchForm__cancel___2s6x6 { display: none; height: 100%; left: 100%; padding: 1rem 0.7rem; position: absolute; -webkit-transition: color 250ms ease-out, fill 250ms ease-out; transition: color 250ms ease-out, fill 250ms ease-out; width: 4rem; width: 4rem } .searchForm__cancel--transparent___TPsPW { text-shadow: 0.1rem 0.1rem 0.1rem rgba(0,0,0, 0.3); } } .searchForm__cancel__icon___3Kz7H { height: 2.6rem; vertical-align: middle; width: 2.6rem; } @media screen and (min-width: 700px) { .searchForm__cancel__icon___3Kz7H { vertical-align: sub } } .searchForm__cancel___2s6x6:hover { fill: hsl(350, 83%, 57%); fill: hsl(350, 83%, 57%); } .searchForm___3t9a9 [type='text']::-ms-clear { display: none; height: 0; width: 0; } .searchForm___3t9a9 [type='text']::-ms-reveal { display: none; height: 0; width: 0; } .searchForm___3t9a9 [type='search']::-webkit-search-decoration, .searchForm___3t9a9 [type='search']::-webkit-search-cancel-button, .searchForm___3t9a9 [type='search']::-webkit-search-results-button, .searchForm___3t9a9 [type='search']::-webkit-search-results-decoration { display: none; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } .bottomBar___37bGe { position: relative; height: 4.2rem; height: 4.2rem; z-index: 3; } @media screen and (min-width: 700px) { .bottomBar___37bGe { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 4.8rem; height: 4.8rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .bottomBar__wrapper___1SjzV { position: relative; } @media screen and (min-width: 700px) { .bottomBar__wrapper___1SjzV { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around } } .bottomBar__asideComponent___F_CKI { background: -webkit-gradient(linear, right top, left top, color-stop(70%, hsl(218, 11%, 15%)), to(hsla(218, 11%, 15%, 0))); background: linear-gradient(to left, hsl(218, 11%, 15%) 70%, hsla(218, 11%, 15%, 0)); background: -webkit-gradient(linear, right top, left top, color-stop(70%, hsl(218, 11%, 15%)), to(hsla(218, 11%, 15%, 0))); background: linear-gradient(to left, hsl(218, 11%, 15%) 70%, hsla(218, 11%, 15%, 0)); bottom: 0; height: 100%; padding-left: 2rem; position: absolute; right: 0; top: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } @media screen and (min-width: 700px) { .bottomBar__asideComponent___F_CKI { background: transparent; bottom: inherit; padding-left: 0; padding-right: 0; position: static; position: initial; right: inherit; top: inherit; -webkit-transform: none; transform: none } } .bottomBar__asideComponent--mobile___2cW2n { background: -webkit-gradient(linear, right top, left top, color-stop(70%, hsl(218, 11%, 15%)), to(hsla(218, 11%, 15%, 0))); background: linear-gradient(to left, hsl(218, 11%, 15%) 70%, hsla(218, 11%, 15%, 0)); background: -webkit-gradient(linear, right top, left top, color-stop(70%, hsl(218, 11%, 15%)), to(hsla(218, 11%, 15%, 0))); background: linear-gradient(to left, hsl(218, 11%, 15%) 70%, hsla(218, 11%, 15%, 0)); } @media screen and (min-width: 700px) { .bottomBar__asideComponent--transparent___2w6dR { background: transparent; } } /** * Custom navigation styles */ .bottomBar___37bGe .navigation--mobile___vCEKn::after { background: -webkit-gradient(linear, right top, left top, color-stop(30%, hsl(218, 11%, 15%)), to(hsla(218, 11%, 15%, 0))); background: linear-gradient(to left, hsl(218, 11%, 15%) 30%, hsla(218, 11%, 15%, 0)); background: -webkit-gradient(linear, right top, left top, color-stop(30%, hsl(218, 11%, 15%)), to(hsla(218, 11%, 15%, 0))); background: linear-gradient(to left, hsl(218, 11%, 15%) 30%, hsla(218, 11%, 15%, 0)); } @media screen and (min-width: 700px) { .bottomBar___37bGe .navigation--mobile___vCEKn.navigation--transparent___3rfCN::after { display: none; } } .bottomBar___37bGe .navigation__wrapper___26m51::after { display: none; } .bottomBar___37bGe .navigation__items___uOvIY { padding: 0 2rem 0 1rem; } .bottomBar___37bGe .navigationItem___2RXmo { height: 4.2rem; height: 4.2rem; line-height: 4.2rem; line-height: 4.2rem; } @media screen and (min-width: 700px) { .bottomBar___37bGe .navigationItem___2RXmo { font-size: 1.7rem; height: 4.8rem; height: 4.8rem; line-height: 4.8rem; line-height: 4.8rem; padding: 0 1.2rem } } /** * @TODO remove these hardcoded pixels heigths * These heights were previously hardcoded into the SVG file. */ .svgGlyph__logo___3qg6G { height: 35px; width: 180px; } .svgGlyph__tvodstandalone___1IuG1 { height: 40px; width: 208px; } .svgGlyph__dailymotion___1tjz5 { height: 17.7px; width: 14px; } .svgGlyph__youtube___2kyeW { height: 15px; width: 18.5px; } .svgGlyph__chevron_no_offset_left___2P7wg { height: 49.9px; width: 27.1px; } .svgGlyph__chevron_no_offset_right___2pdHs { height: 49.9px; width: 27.1px; } /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ /* V5 colors */ --color_chalkboard: hsl(218, 11%, 15%); /* #212429 */ --color_ivory: hsl(240, 5%, 96%); /* #f5f5f6 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } .navigationItem___1YN_p { color: hsl(0, 0%, 100%); color: var(--color_white); cursor: pointer; display: inline-block; font-size: 1.6rem; line-height: 3.4rem; list-style: none; margin: 0; padding: 0 0.8rem; position: relative; text-decoration: none; white-space: nowrap; } @media (min-width: 961px) { .navigationItem___1YN_p { font-size: 1.8rem; font-weight: 600; line-height: 3.8rem; padding: 0 1.4rem } } .navigationItem___1YN_p:first-child { padding-left: 0; } .navigationItem___1YN_p a { color: inherit; display: block; position: relative; text-decoration: none; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; } .navigationItem___1YN_p a:focus { color: inherit; } .navigationItem--dark___1S_ag { color: hsl(0, 0%, 100%); color: var(--color_darkmode-textcolor-primary); } .navigationItem___1YN_p:hover, .navigationItem--active___3k0s_ { color: hsl(350, 83%, 57%); color: var(--color_secondary); } .navigationItem___1YN_p:hover svg, .navigationItem--active___3k0s_ svg { fill: hsl(350, 83%, 57%); fill: var(--color_secondary); } .navigationItem___1YN_p svg { -webkit-box-sizing: content-box; box-sizing: content-box; fill: currentColor; height: 2.6rem; padding: 0; -webkit-transition: fill 0.25s ease-out, color 0.25s ease-out; transition: fill 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; width: 3.2rem; } @media (min-width: 961px) { .navigationItem___1YN_p svg { font-size: 2rem; font-weight: 600; height: 2.8rem; width: 3.4rem } } /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ /* V5 colors */ --color_chalkboard: hsl(218, 11%, 15%); /* #212429 */ --color_ivory: hsl(240, 5%, 96%); /* #f5f5f6 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } .navigationDropDown___2qgrk { background: hsl(0, 0%, 11%); background: var(--color_primary); list-style: none; min-width: 23rem; opacity: 0; padding: 0.5rem 0; position: absolute; right: 0; top: 100%; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; visibility: hidden; z-index: 4; } .navigationDropDown--dark___tHjb8 { background: hsl(210, 12%, 10%); background: var(--color_darkmode-primary); } .navigationDropDown___2qgrk li { display: block; line-height: 2.7rem; padding-bottom: 0.5rem; text-align: right; } @media (min-width: 961px) { .navigationDropDown___2qgrk li { padding: 0.7rem 2.5rem } } .navigationDropDown__container___1xmc8 { color: hsl(0, 0%, 100%); color: var(--color_white); cursor: pointer; display: inline-block; font-size: 1.6rem; line-height: 1.2; list-style: none; margin: 0; padding: 0 1rem; position: relative; text-decoration: none; white-space: nowrap; } @media (min-width: 961px) { .navigationDropDown__container___1xmc8 { padding: 0 1.5rem } } .navigationDropDown__container--open___24IFd .navigationDropDown___2qgrk { opacity: 1; visibility: visible; } .navigationDropDown__container--open___24IFd .navigationDropDown__trigger___1F4l9 { color: hsl(350, 83%, 57%); color: var(--color_secondary); } .navigationDropDown__container--open___24IFd .navigationDropDown__trigger___1F4l9 svg { fill: hsl(350, 83%, 57%); fill: var(--color_secondary); } .navigationDropDown__trigger___1F4l9 { color: hsl(0, 0%, 100%); color: var(--color_white); cursor: pointer; display: block; font-size: 1.7rem; line-height: 3.4rem; list-style: none; margin: 0; position: relative; text-decoration: none; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; white-space: nowrap; } .navigationDropDown__trigger___1F4l9:focus { color: hsl(350, 83%, 57%); color: var(--color_secondary); } .navigationDropDown__trigger___1F4l9:focus svg { fill: hsl(350, 83%, 57%); fill: var(--color_secondary); } @media (min-width: 961px) { .navigationDropDown__trigger___1F4l9 { font-weight: 600; line-height: 3.8rem } } .navigationDropDown__trigger___1F4l9 svg { display: inline-block; fill: hsl(0, 0%, 100%); fill: var(--color_white); height: 1.2rem; margin-left: 1.5rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: fill 0.25s ease-out, color 0.25s ease-out; transition: fill 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; width: 1.2rem; } .navigationDropDown__trigger--transparent___1gIjn { text-shadow: 0 0.1rem 0.3rem rgba(0,0,0, 0.7); } .navigationDropDown__trigger--transparent___1gIjn svg { -webkit-filter: drop-shadow(0.1rem 0.1rem rgba(0,0,0, 0.7)); filter: drop-shadow(0.1rem 0.1rem rgba(0,0,0, 0.7)); } .navigationDropDown__trigger--active___5RgJV { color: hsl(350, 83%, 57%); color: var(--color_secondary); } .navigationDropDown__trigger--active___5RgJV svg { fill: hsl(350, 83%, 57%); fill: var(--color_secondary); } :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ /* V5 colors */ --color_chalkboard: hsl(218, 11%, 15%); /* #212429 */ --color_ivory: hsl(240, 5%, 96%); /* #f5f5f6 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } .navigation___1TcRy { position: relative; } .navigation__items___2_XoB { color: hsl(0, 0%, 11%); color: var(--color_primary); display: inline-block; font-weight: 700; list-style: none; margin: 0; -ms-overflow-style: none; padding: 0 2rem 0 0; position: relative; white-space: nowrap; } @media screen and (min-width: 700px) { .navigation__items___2_XoB { height: auto; height: initial; padding: 0 } } .navigation__resizer___1eIa7 { margin-left: -9999rem; position: absolute; visibility: hidden; } .navigation__resizer___1eIa7 ul { margin: 0; padding: 0; } .navigation__wrapper___2XoaC::after { background: hsl(220, 14%, 88%); background: var(--color_grey-200); bottom: 0; content: ''; height: 1px; left: 0; position: absolute; width: 100%; z-index: 2; } .navigation__wrapper--dark___3b82K::after { background: hsl(218, 11%, 15%); background: var(--color_darkmode-line); } /* mobile webkit only */ @media screen and (max-device-width: 961px) { .navigation__wrapper___2XoaC::-webkit-scrollbar { display: none; } } .navigation--mobile___3PxEG::after { background: -webkit-gradient(linear, right top, left top, color-stop(30%, hsl(0, 0%, 100%)), to(transparent)); background: linear-gradient(to left, hsl(0, 0%, 100%) 30%, transparent); background: -webkit-gradient(linear, right top, left top, color-stop(30%, var(--color_white)), to(transparent)); background: linear-gradient(to left, var(--color_white) 30%, transparent); content: ''; height: 100%; position: absolute; right: 0; top: 0; width: 3rem; z-index: 1; } .navigation--mobile___3PxEG .navigation__wrapper___2XoaC { -webkit-overflow-scrolling: touch; overflow-x: scroll; overflow-y: hidden; } @media screen and (min-width: 700px) { .navigation--mobile___3PxEG .navigation__wrapper___2XoaC { overflow-x: visible; overflow-x: initial; overflow-y: visible; overflow-y: initial } } @media screen and (min-width: 700px) { .navigation--transparent___2T1Lc a { text-shadow: 0 0.1rem 0.3rem rgba(0,0,0, 0.7); } .navigation--transparent___2T1Lc svg { -webkit-filter: drop-shadow(0 0.1rem 0.3rem rgba(0,0,0, 0.7)); filter: drop-shadow(0 0.1rem 0.3rem rgba(0,0,0, 0.7)); } } .navigation--asideComponent___hMnOO::after { display: none; } .navigation--asideComponent___hMnOO .navigation__items___2_XoB { padding: 0 4.6rem 0 0.8rem; } @media screen and (min-width: 700px) { .navigation--asideComponent___hMnOO .navigation__items___2_XoB { padding: 0 } } @media screen and (min-width: 700px) { .navigation--mobile___3PxEG.navigation--transparent___2T1Lc.navigation--asideComponent___hMnOO { padding-right: 4.6rem; } .navigation--mobile___3PxEG.navigation--transparent___2T1Lc.navigation--asideComponent___hMnOO .navigation__items___2_XoB { padding: 0 0 0 0.8rem; } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } html { font-size: 10px; } .header___1qRCL { font-family: 'Open Sans', 'Arial', sans-serif; font-family: 'Open Sans', 'Arial', sans-serif; left: 0; position: fixed; top: 0; width: 100%; z-index: 50; } .header--sticky___3WnG7 { position: absolute; } .header__onTop___Sw6GR { position: relative; z-index: 2; } .header__container___2CcIt { position: relative; -webkit-transition: -webkit-transform 250ms ease-out; transition: -webkit-transform 250ms ease-out; transition: transform 250ms ease-out; transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; z-index: 1; } .header__container___2CcIt::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background-color: hsl(218, 11%, 15%); background-color: hsl(218, 11%, 15%); -webkit-transition: background-color 250ms ease-out; transition: background-color 250ms ease-out; } .header__container--transparent___dM5fo.header__container--alwaysTransparent___3aWyk::before { background-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0, 0.7)), to(transparent)); background-image: linear-gradient(to bottom, rgba(0,0,0, 0.7), transparent); } @media screen and (min-width: 700px) { .header__container--transparent___dM5fo::before { -webkit-transition-delay: 50ms, 0ms; transition-delay: 50ms, 0ms; } .header__container--transparent___dM5fo.header__container--initial___1qVkP::before { background-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0, 0.7)), to(transparent)); background-image: linear-gradient(to bottom, rgba(0,0,0, 0.7), transparent); } } .header__container--transparent___dM5fo.header__container--shifted___2rQ1j::before { background-color: hsl(218, 11%, 15%); background-color: hsl(218, 11%, 15%); -webkit-transition-delay: 0ms, 0ms; transition-delay: 0ms, 0ms; } .header__container--shifted___2rQ1j { -webkit-transform: translate3d(0, -4.8rem, 0); transform: translate3d(0, -4.8rem, 0); -webkit-transform: translate3d(0, -4.8rem, 0); transform: translate3d(0, -4.8rem, 0); } @media (min-width: 961px) { .header__container--shifted___2rQ1j { -webkit-transform: translate3d(0, -6.8rem, 0); transform: translate3d(0, -6.8rem, 0); -webkit-transform: translate3d(0, -6.8rem, 0); transform: translate3d(0, -6.8rem, 0) } } .header__container--shifted___2rQ1j.header__container--withNav___2raIC { -webkit-transform: translate3d(0, -4.2rem, 0); transform: translate3d(0, -4.2rem, 0); -webkit-transform: translate3d(0, -4.2rem, 0); transform: translate3d(0, -4.2rem, 0); } @media (min-width: 961px) { .header__container--shifted___2rQ1j.header__container--withNav___2raIC { -webkit-transform: translate3d(0, -5.6rem, 0); transform: translate3d(0, -5.6rem, 0); -webkit-transform: translate3d(0, -5.6rem, 0); transform: translate3d(0, -5.6rem, 0) } } .header__container__stickyBar___Gjzav { display: none; position: absolute; width: 100%; bottom: 0; z-index: 1; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } .header__container__stickyBar--show___2w9KO { display: block; } /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } /* SETTINGS ---------------------------------------------------*/ .contentRowNav___3jFcI { height: 9rem; width: 7rem; -webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */ background: hsl(0, 0%, 100%); background: var(--color_white); border: 0; border-radius: 0; color: hsl(0, 0%, 0%); color: var(--color_black); margin: 0; opacity: 0.8; padding: 0; position: relative; -webkit-transition: opacity ease-in 250ms; transition: opacity ease-in 250ms; } html:not(.no-touchevents):not(.touchevents) .contentRowNav___3jFcI:hover, html:not(.no-touchevents):not(.touchevents) .contentRowNav___3jFcI:focus, .no-touchevents .contentRowNav___3jFcI:hover, .no-touchevents .contentRowNav___3jFcI:focus, .touchevents .contentRowNav___3jFcI:active { opacity: 1; } .contentRowNav--next___1IPrZ { -webkit-transform: scaleX(-1); transform: scaleX(-1); /* use the same component as prev arrow */ } .contentRowNav__icon___1CGxr { height: 5rem; width: 2.6rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); outline: 0; } /** * @TODO remove these hardcoded pixels heigths * These heights were previously hardcoded into the SVG file. */ .svgGlyph__logo___3qg6G { height: 35px; width: 180px; } .svgGlyph__tvodstandalone___1IuG1 { height: 40px; width: 208px; } .svgGlyph__dailymotion___1tjz5 { height: 17.7px; width: 14px; } .svgGlyph__youtube___2kyeW { height: 15px; width: 18.5px; } .svgGlyph__chevron_no_offset_left___2P7wg { height: 49.9px; width: 27.1px; } .svgGlyph__chevron_no_offset_right___2pdHs { height: 49.9px; width: 27.1px; } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } /* TYPOGRAPHY ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ button { background: transparent; border: 0; cursor: pointer; display: inline-block; font: inherit; padding: 0; text-decoration: none; vertical-align: middle; } :root { --margin-for-large-desktop: 0 5rem; --padding-for-desktop: 0 5.5rem; --padding-for-tablet: 0 2.5rem; --padding-for-small: 0 1.25rem; } .horizontalScroller___33W0p { height: auto; width: 100%; font-size: 0; overflow: hidden; position: relative; -webkit-tap-highlight-color: transparent; -ms-touch-action: pan-y; touch-action: pan-y; z-index: 1; } .horizontalScroller__track___3eoJm { padding: 0 1.25rem; padding: var(--padding-for-small); -webkit-overflow-scrolling: touch; -ms-overflow-style: none; overflow-x: visible; overflow-y: hidden; position: relative; white-space: nowrap; z-index: 2; } @media screen and (min-width: 700px) { .horizontalScroller__track___3eoJm { padding: 0 2.5rem; padding: var(--padding-for-tablet); } @media (min-width: 1285px) { .horizontalScroller__track___3eoJm { padding: 0 5.5rem; padding: var(--padding-for-desktop); } } @media (min-width: 1600px) { .horizontalScroller__track___3eoJm { padding: 0 5rem; padding: var(--margin-for-large-desktop); } } } @supports (-moz-appearance: none) { .horizontalScroller__track___3eoJm { margin-bottom: -2rem; padding-bottom: 2rem } } .horizontalScroller__track___3eoJm::-webkit-scrollbar { display: none; } @media screen and (min-resolution: 0ddpx) { .horizontalScroller__track___3eoJm li:last-child { margin-right: 4rem } @media (min-width: 1600px) { .horizontalScroller__track___3eoJm li:last-child { margin-right: 2.5rem } } @media (min-width: 961px) { .horizontalScroller__track___3eoJm li:last-child { margin-right: 1.25rem } } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .horizontalScroller__track___3eoJm li:last-child { margin-right: 4rem } @media (min-width: 1600px) { .horizontalScroller__track___3eoJm li:last-child { margin-right: 2.5rem } } @media (min-width: 961px) { .horizontalScroller__track___3eoJm li:last-child { margin-right: 1.25rem } } } @supports (-ms-ime-align: auto) { .horizontalScroller__track___3eoJm li:last-child { margin-right: 4rem } @media (min-width: 1600px) { .horizontalScroller__track___3eoJm li:last-child { margin-right: 2.5rem } } @media (min-width: 961px) { .horizontalScroller__track___3eoJm li:last-child { margin-right: 1.25rem } } } .horizontalScroller__track--noPadding___2cei6 { padding: 0 1.25rem; } .horizontalScroller__track__noscroll___ztJAC { overflow-y: visible; } .horizontalScroller--ratio166_normal___1Iyqr > button { top: calc(0.1875 * 100vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio166_normal___1Iyqr > button { top: calc(0.1875 * 50vw); } } @media (min-width: 961px) { .horizontalScroller--ratio166_normal___1Iyqr > button { top: calc(0.1875 * 33.33333333333333vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio166_normal___1Iyqr > button { top: calc(0.1875 * 33.33333333333333vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio166_normal___1Iyqr > button { top: calc(0.1875 * 25vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio166_normal___1Iyqr > button { top: calc(0.1875 * 25vw); } } .horizontalScroller--ratio166_large___1WJBd > button { top: calc(0.1875 * 100vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio166_large___1WJBd > button { top: calc(0.1875 * 50vw); } } @media (min-width: 961px) { .horizontalScroller--ratio166_large___1WJBd > button { top: calc(0.1875 * 33.33333333333333vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio166_large___1WJBd > button { top: calc(0.1875 * 33.33333333333333vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio166_large___1WJBd > button { top: calc(0.1875 * 25vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio166_large___1WJBd > button { top: calc(0.1875 * 25vw); } } .horizontalScroller--ratio169_normal___YIXME > button { top: calc(0.28125 * 50vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio169_normal___YIXME > button { top: calc(0.28125 * 33.33333333333333vw); } } @media (min-width: 961px) { .horizontalScroller--ratio169_normal___YIXME > button { top: calc(0.28125 * 25vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio169_normal___YIXME > button { top: calc(0.28125 * 20vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio169_normal___YIXME > button { top: calc(0.28125 * 16.666666666666664vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio169_normal___YIXME > button { top: calc(0.28125 * 14.285714285714285vw); } } .horizontalScroller--ratio169_large___3rDSo > button { top: calc(0.28125 * 100vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio169_large___3rDSo > button { top: calc(0.28125 * 50vw); } } @media (min-width: 961px) { .horizontalScroller--ratio169_large___3rDSo > button { top: calc(0.28125 * 50vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio169_large___3rDSo > button { top: calc(0.28125 * 33.33333333333333vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio169_large___3rDSo > button { top: calc(0.28125 * 25vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio169_large___3rDSo > button { top: calc(0.28125 * 20vw); } } .horizontalScroller--ratio34_normal___3z51x > button { top: calc(0.6666666666666666 * 33.33333333333333vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio34_normal___3z51x > button { top: calc(0.6666666666666666 * 20vw); } } @media (min-width: 961px) { .horizontalScroller--ratio34_normal___3z51x > button { top: calc(0.6666666666666666 * 16.666666666666664vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio34_normal___3z51x > button { top: calc(0.6666666666666666 * 14.285714285714285vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio34_normal___3z51x > button { top: calc(0.6666666666666666 * 12.5vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio34_normal___3z51x > button { top: calc(0.6666666666666666 * 11.11111111111111vw); } } .horizontalScroller--ratio34_large___39FVT > button { top: calc(0.6666666666666666 * 50vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio34_large___39FVT > button { top: calc(0.6666666666666666 * 33.33333333333333vw); } } @media (min-width: 961px) { .horizontalScroller--ratio34_large___39FVT > button { top: calc(0.6666666666666666 * 25vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio34_large___39FVT > button { top: calc(0.6666666666666666 * 20vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio34_large___39FVT > button { top: calc(0.6666666666666666 * 16.666666666666664vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio34_large___39FVT > button { top: calc(0.6666666666666666 * 14.285714285714285vw); } } .horizontalScroller--ratio43_normal___2lFtu > button { top: calc(0.375 * 33.33333333333333vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio43_normal___2lFtu > button { top: calc(0.375 * 20vw); } } @media (min-width: 961px) { .horizontalScroller--ratio43_normal___2lFtu > button { top: calc(0.375 * 16.666666666666664vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio43_normal___2lFtu > button { top: calc(0.375 * 14.285714285714285vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio43_normal___2lFtu > button { top: calc(0.375 * 11.11111111111111vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio43_normal___2lFtu > button { top: calc(0.375 * 9.090909090909092vw); } } .horizontalScroller--ratio43_large___2Pjp_ > button { top: calc(0.375 * 50vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio43_large___2Pjp_ > button { top: calc(0.375 * 33.33333333333333vw); } } @media (min-width: 961px) { .horizontalScroller--ratio43_large___2Pjp_ > button { top: calc(0.375 * 25vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio43_large___2Pjp_ > button { top: calc(0.375 * 20vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio43_large___2Pjp_ > button { top: calc(0.375 * 16.666666666666664vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio43_large___2Pjp_ > button { top: calc(0.375 * 14.285714285714285vw); } } .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 90vw); } @media screen and (min-width: 700px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 45vw); } } @media (min-width: 961px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 30vw); } } @media (min-width: 1285px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 42.666666666666664rem); } } @media (min-width: 1600px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 42.666666666666664rem); } } @media (min-width: 1920px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 32rem); } } @media (min-width: 1100px) and (max-height: 800px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 33.33333333333333rem); } } @media (min-width: 1285px) and (max-height: 800px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 33.33333333333333rem); } } @media (min-width: var(--breakpoint_large-desktop)) and (max-height: 800px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 33.33333333333333rem); } } @media (--mq-large-desktop-under-bp-height) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 25rem); } } .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio169_normal___YIXME button { top: calc(0.28125 * 45vw); } @media screen and (min-width: 700px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio169_normal___YIXME button { top: calc(0.28125 * 30vw); } } @media (min-width: 961px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio169_normal___YIXME button { top: calc(0.28125 * 30vw); } } @media (min-width: 1285px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio169_normal___YIXME button { top: calc(0.28125 * 32rem); } } @media (min-width: 1600px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio169_normal___YIXME button { top: calc(0.28125 * 32rem); } } @media (min-width: 1920px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio169_normal___YIXME button { top: calc(0.28125 * 32rem); } } @media (min-width: 1100px) and (max-height: 800px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio169_normal___YIXME button { top: calc(0.28125 * 33.33333333333333rem); } } @media (min-width: 1285px) and (max-height: 800px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio169_normal___YIXME button { top: calc(0.28125 * 25rem); } } @media (min-width: var(--breakpoint_large-desktop)) and (max-height: 800px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio169_normal___YIXME button { top: calc(0.28125 * 25rem); } } @media (--mq-large-desktop-under-bp-height) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio169_normal___YIXME button { top: calc(0.28125 * 25rem); } } .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio34_normal___3z51x button { top: calc(0.6666666666666666 * 30vw); } @media screen and (min-width: 700px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio34_normal___3z51x button { top: calc(0.6666666666666666 * 22.5vw); } } @media (min-width: 961px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio34_normal___3z51x button { top: calc(0.6666666666666666 * 18vw); } } @media (min-width: 1285px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio34_normal___3z51x button { top: calc(0.6666666666666666 * 21.333333333333332rem); } } @media (min-width: 1600px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio34_normal___3z51x button { top: calc(0.6666666666666666 * 21.333333333333332rem); } } @media (min-width: 1920px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio34_normal___3z51x button { top: calc(0.6666666666666666 * 21.333333333333332rem); } } @media (min-width: 1100px) and (max-height: 800px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio34_normal___3z51x button { top: calc(0.6666666666666666 * 20rem); } } @media (min-width: 1285px) and (max-height: 800px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio34_normal___3z51x button { top: calc(0.6666666666666666 * 16.666666666666664rem); } } @media (min-width: var(--breakpoint_large-desktop)) and (max-height: 800px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio34_normal___3z51x button { top: calc(0.6666666666666666 * 16.666666666666664rem); } } @media (--mq-large-desktop-under-bp-height) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio34_normal___3z51x button { top: calc(0.6666666666666666 * 16.666666666666664rem); } } .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio43_normal___2lFtu button { top: calc(0.375 * 45vw); } @media screen and (min-width: 700px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio43_normal___2lFtu button { top: calc(0.375 * 30vw); } } @media (min-width: 961px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio43_normal___2lFtu button { top: calc(0.375 * 22.5vw); } } @media (min-width: 1285px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio43_normal___2lFtu button { top: calc(0.375 * 25.6rem); } } @media (min-width: 1600px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio43_normal___2lFtu button { top: calc(0.375 * 25.6rem); } } @media (min-width: 1920px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio43_normal___2lFtu button { top: calc(0.375 * 21.333333333333332rem); } } @media (min-width: 1100px) and (max-height: 800px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio43_normal___2lFtu button { top: calc(0.375 * 25rem); } } @media (min-width: 1285px) and (max-height: 800px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio43_normal___2lFtu button { top: calc(0.375 * 20rem); } } @media (min-width: var(--breakpoint_large-desktop)) and (max-height: 800px) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio43_normal___2lFtu button { top: calc(0.375 * 20rem); } } @media (--mq-large-desktop-under-bp-height) { .horizontalScroller--immersive___1g-8W.horizontalScroller--ratio43_normal___2lFtu button { top: calc(0.375 * 16.666666666666664rem); } } .horizontalScroller--carrousel___39I2H.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 100vw); } @media screen and (min-width: 700px) { .horizontalScroller--carrousel___39I2H.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 50vw); } } @media (min-width: 961px) { .horizontalScroller--carrousel___39I2H.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 33.33333333333333vw); } } @media (min-width: 1285px) { .horizontalScroller--carrousel___39I2H.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 33.33333333333333vw); } } @media (min-width: 1600px) { .horizontalScroller--carrousel___39I2H.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 25vw); } } @media (min-width: 1920px) { .horizontalScroller--carrousel___39I2H.horizontalScroller--ratio166_normal___1Iyqr button { top: calc(0.1875 * 25vw); } } .horizontalScroller--carrousel___39I2H.horizontalScroller--ratio169_large___3rDSo button { top: calc(0.28125 * 100vw); } @media screen and (min-width: 700px) { .horizontalScroller--carrousel___39I2H.horizontalScroller--ratio169_large___3rDSo button { top: calc(0.28125 * 50vw); } } @media (min-width: 961px) { .horizontalScroller--carrousel___39I2H.horizontalScroller--ratio169_large___3rDSo button { top: calc(0.28125 * 33.33333333333333vw); } } @media (min-width: 1285px) { .horizontalScroller--carrousel___39I2H.horizontalScroller--ratio169_large___3rDSo button { top: calc(0.28125 * 33.33333333333333vw); } } @media (min-width: 1600px) { .horizontalScroller--carrousel___39I2H.horizontalScroller--ratio169_large___3rDSo button { top: calc(0.28125 * 25vw); } } @media (min-width: 1920px) { .horizontalScroller--carrousel___39I2H.horizontalScroller--ratio169_large___3rDSo button { top: calc(0.28125 * 25vw); } } /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } /* SETTINGS ---------------------------------------------------*/ .horizontalScrollerNav___33Spw { height: 3.8rem; width: 3.8rem; -webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */ background: hsl(213, 12%, 12%); background: var(--color_grey-600); border: 0; border-radius: 0; color: hsl(0, 0%, 100%); color: var(--color_white); cursor: pointer; display: none; margin: 0 0.6rem; opacity: 0; padding: 0; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: -1; } @media screen and (min-width: 700px) { .horizontalScrollerNav___33Spw { display: block } } .horizontalScrollerNav--prevButton___3hnRU { left: 0; -webkit-transform: translate3d(0, -50%, 0) scaleX(-1); transform: translate3d(0, -50%, 0) scaleX(-1); /* use the same component as next arrow */ } .horizontalScrollerNav--nextButton___JlDng { right: 0; } .horizontalScrollerNav--active___3aC1p { opacity: 0.8; -webkit-transition: opacity ease-in 250ms; transition: opacity ease-in 250ms; z-index: 3; } html:not(.no-touchevents):not(.touchevents) .horizontalScrollerNav--active___3aC1p:hover, html:not(.no-touchevents):not(.touchevents) .horizontalScrollerNav--active___3aC1p:focus, .no-touchevents .horizontalScrollerNav--active___3aC1p:hover, .no-touchevents .horizontalScrollerNav--active___3aC1p:focus, .touchevents .horizontalScrollerNav--active___3aC1p:active { opacity: 1; } .horizontalScrollerNav__icon___2XzNo { height: 2rem; width: 1.1rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); fill: hsl(0, 0%, 100%); fill: var(--color_white); outline: 0; } .horizontalScrollerNav--sizeSmall___2WlWd { height: 4.5rem; width: 7rem; } .horizontalScrollerNav--sizeSmall___2WlWd .horizontalScrollerNav__icon___2XzNo { height: 2.8rem; width: 1.6rem; } .horizontalScrollerNav--alignTop___2G8QT { top: 10%; } .horizontalScrollerNav--displayOnMobile___2ZcX7 { opacity: 0.8; display: block; z-index: 3; } :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { --marginItem-for-large-desktop: 1rem; --marginItem-for-tablet: 0.5rem; --marginItem-for-small: 0.25rem; --margin-for-laptop: 1rem 3rem; --margin-for-small: 1.2rem 1.2rem 1.4rem; } .carousel___2UppO { height: auto; width: 100%; font-size: 0; /* fix space between inline--block elements */ overflow: hidden; position: relative; -webkit-tap-highlight-color: transparent; -ms-touch-action: pan-y; touch-action: pan-y; z-index: 1; } @supports (-moz-appearance: none) { .carousel___2UppO { margin-bottom: -2rem; padding-bottom: 2rem } } .carousel__track___1jDLb { margin: 1.2rem 1.2rem 1.4rem; margin: var(--margin-for-small); overflow: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; white-space: nowrap; z-index: 2; } @media (min-width: 961px) { .carousel__track___1jDLb { margin: 1rem 3rem; margin: var(--margin-for-laptop); -webkit-transition: 0.5s ease; transition: 0.5s ease } } @media (min-width: 1285px) { .carousel__track___1jDLb { margin: var(--margin-for-desktop) } } @media (min-width: 961px) { .carousel__track___1jDLb:hover { -webkit-box-shadow: 0 0 1rem 0.1rem rgba(0,0,0, 0.25); box-shadow: 0 0 1rem 0.1rem rgba(0,0,0, 0.25); -webkit-transition: 0.5s ease; transition: 0.5s ease } } .carousel__track___1jDLb::-webkit-scrollbar { display: none; } .carousel__item___cDTGo { display: inline-block; position: relative; width: 100%; } @media screen and (min-width: 700px) { .carousel__item___cDTGo { vertical-align: top } .carousel__item___cDTGo[data-ratio~="166_normal"] { width: 100%; } @media screen and (min-width: 700px) { .carousel__item___cDTGo[data-ratio~="166_normal"] { width: 50%; } } @media (min-width: 961px) { .carousel__item___cDTGo[data-ratio~="166_normal"] { width: 33.33333333333333%; } } @media (min-width: 1285px) { .carousel__item___cDTGo[data-ratio~="166_normal"] { width: 33.33333333333333%; } } @media (min-width: 1600px) { .carousel__item___cDTGo[data-ratio~="166_normal"] { width: 25%; } } @media (min-width: 1920px) { .carousel__item___cDTGo[data-ratio~="166_normal"] { width: 25%; } } .carousel__item___cDTGo[data-ratio~="169_large"] { width: 100%; } @media screen and (min-width: 700px) { .carousel__item___cDTGo[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 961px) { .carousel__item___cDTGo[data-ratio~="169_large"] { width: 33.33333333333333%; } } @media (min-width: 1285px) { .carousel__item___cDTGo[data-ratio~="169_large"] { width: 33.33333333333333%; } } @media (min-width: 1600px) { .carousel__item___cDTGo[data-ratio~="169_large"] { width: 25%; } } @media (min-width: 1920px) { .carousel__item___cDTGo[data-ratio~="169_large"] { width: 25%; } } .carousel__item___cDTGo::before { margin: 0.25rem; margin: var(--marginItem-for-small); display: block; } @media screen and (min-width: 700px) { .carousel__item___cDTGo::before { margin: 0.5rem; margin: var(--marginItem-for-tablet); } @media (min-width: 1600px) { .carousel__item___cDTGo::before { margin: 1rem; margin: var(--marginItem-for-large-desktop); } } } } .carousel__tablet___pfoIT { display: none; } @media screen and (min-width: 700px) { .carousel__tablet___pfoIT { display: block } } .carousel__mobile___3MZLa { display: block; } @media screen and (min-width: 700px) { .carousel__mobile___3MZLa { display: none } } .carousel__prevButton___34oH8, .carousel__nextButton___3fIpO { display: none; } @media (min-width: 961px) { .carousel__prevButton___34oH8, .carousel__nextButton___3fIpO { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; opacity: 0; z-index: -1 } } .carousel__prevButton--active___1t_YR, .carousel__nextButton--active___3XXtY { opacity: 1; -webkit-transition: opacity ease-in 250ms; transition: opacity ease-in 250ms; z-index: 3; } .carousel__prevButton___34oH8 { left: 0; } .carousel__nextButton___3fIpO { right: 0; } .carousel__dots___G503j { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 2; } .carousel__dotsItem___Ib4eI { height: 0.6rem; width: 0.6rem; background: hsla(218, 11%, 15%, 0.1); background: var(--color_carousel-dots); border-radius: 50%; margin: 0 0.3rem; -webkit-transition: background 250ms ease; transition: background 250ms ease; } @media (min-width: 961px) { .carousel__dotsItem___Ib4eI { display: none } } .carousel__dotsItem--dark___1D5lk { background: hsl(233, 8%, 23%); background: var(--color_darkmode-tertiary); } .carousel__dotsItem--active___XWB6i { background: hsl(0, 0%, 0%); background: var(--color_black); opacity: 1; } .carousel__dotsItem--active--dark___3PPGG { background: hsl(0, 0%, 100%); background: var(--color_white); } /* TODO delete after new Carrousel */ .carousel__dotsOld___3kS-J { bottom: 1rem; } .carousel__dotsOld___3kS-J .carousel__dotsItem___Ib4eI { height: 1rem; width: 1rem; background: hsl(218, 7%, 78%); background: var(--color_grey-300); -webkit-box-shadow: 0.1rem 0.1rem 0.1rem 0 rgba(0,0,0, 0.8); box-shadow: 0.1rem 0.1rem 0.1rem 0 rgba(0,0,0, 0.8); margin: 0 0.25rem; opacity: 0.7; } .carousel__dotsOld___3kS-J .carousel__dotsItem--dark___1D5lk { background: hsl(233, 8%, 23%); background: var(--color_darkmode-tertiary); } .carousel__dotsOld___3kS-J .carousel__dotsItem--active___XWB6i { background: hsl(0, 0%, 100%); background: var(--color_white); } .carousel--cover___1VGXQ .carousel__track___1jDLb { margin: 0; } /* IMPORT ---------------------------------------------------*/ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } /* SETTINGS ---------------------------------------------------*/ :root { --margin-for-desktop: 0 6rem 0.2rem; --margin-for-tablet: 0 3rem; --margin-for-small: 0 1.5rem 1rem; --marginItem-for-large-desktop: 1rem; --marginItem-for-tablet: 0.5rem; --marginItem-for-small: 0.25rem; } /* to keep align title & contents in carousel */ .contentRow__header___1T6qP { margin: 0 1.5rem 1rem; margin: var(--margin-for-small); } @media screen and (min-width: 700px) { .contentRow__header___1T6qP { margin: 0 3rem; margin: var(--margin-for-tablet) } } @media (min-width: 1285px) { .contentRow__header___1T6qP { margin: 0 6rem 0.2rem; margin: var(--margin-for-desktop) } } .contentRow__item___QLWes { display: inline-block; position: relative; vertical-align: top; margin: 0.25rem; margin: var(--marginItem-for-small); } .contentRow__item___QLWes[data-ratio~="166_normal"] { width: 100%; } @media screen and (min-width: 700px) { .contentRow__item___QLWes[data-ratio~="166_normal"] { width: 50%; } } @media (min-width: 961px) { .contentRow__item___QLWes[data-ratio~="166_normal"] { width: 33.33333333333333%; } } @media (min-width: 1285px) { .contentRow__item___QLWes[data-ratio~="166_normal"] { width: 33.33333333333333%; } } @media (min-width: 1600px) { .contentRow__item___QLWes[data-ratio~="166_normal"] { width: 25%; } } @media (min-width: 1920px) { .contentRow__item___QLWes[data-ratio~="166_normal"] { width: 25%; } } .contentRow__item___QLWes[data-ratio~="166_large"] { width: 100%; } @media screen and (min-width: 700px) { .contentRow__item___QLWes[data-ratio~="166_large"] { width: 50%; } } @media (min-width: 961px) { .contentRow__item___QLWes[data-ratio~="166_large"] { width: 33.33333333333333%; } } @media (min-width: 1285px) { .contentRow__item___QLWes[data-ratio~="166_large"] { width: 33.33333333333333%; } } @media (min-width: 1600px) { .contentRow__item___QLWes[data-ratio~="166_large"] { width: 25%; } } @media (min-width: 1920px) { .contentRow__item___QLWes[data-ratio~="166_large"] { width: 25%; } } .contentRow__item___QLWes[data-ratio~="169_normal"] { width: 50%; } @media screen and (min-width: 700px) { .contentRow__item___QLWes[data-ratio~="169_normal"] { width: 33.33333333333333%; } } @media (min-width: 961px) { .contentRow__item___QLWes[data-ratio~="169_normal"] { width: 25%; } } @media (min-width: 1285px) { .contentRow__item___QLWes[data-ratio~="169_normal"] { width: 20%; } } @media (min-width: 1600px) { .contentRow__item___QLWes[data-ratio~="169_normal"] { width: 16.666666666666664%; } } @media (min-width: 1920px) { .contentRow__item___QLWes[data-ratio~="169_normal"] { width: 14.285714285714285%; } } .contentRow__item___QLWes[data-ratio~="169_large"] { width: 100%; } @media screen and (min-width: 700px) { .contentRow__item___QLWes[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 961px) { .contentRow__item___QLWes[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 1285px) { .contentRow__item___QLWes[data-ratio~="169_large"] { width: 33.33333333333333%; } } @media (min-width: 1600px) { .contentRow__item___QLWes[data-ratio~="169_large"] { width: 25%; } } @media (min-width: 1920px) { .contentRow__item___QLWes[data-ratio~="169_large"] { width: 20%; } } .contentRow__item___QLWes[data-ratio~="34_normal"] { width: 33.33333333333333%; } @media screen and (min-width: 700px) { .contentRow__item___QLWes[data-ratio~="34_normal"] { width: 20%; } } @media (min-width: 961px) { .contentRow__item___QLWes[data-ratio~="34_normal"] { width: 16.666666666666664%; } } @media (min-width: 1285px) { .contentRow__item___QLWes[data-ratio~="34_normal"] { width: 14.285714285714285%; } } @media (min-width: 1600px) { .contentRow__item___QLWes[data-ratio~="34_normal"] { width: 12.5%; } } @media (min-width: 1920px) { .contentRow__item___QLWes[data-ratio~="34_normal"] { width: 11.11111111111111%; } } .contentRow__item___QLWes[data-ratio~="34_large"] { width: 50%; } @media screen and (min-width: 700px) { .contentRow__item___QLWes[data-ratio~="34_large"] { width: 33.33333333333333%; } } @media (min-width: 961px) { .contentRow__item___QLWes[data-ratio~="34_large"] { width: 25%; } } @media (min-width: 1285px) { .contentRow__item___QLWes[data-ratio~="34_large"] { width: 20%; } } @media (min-width: 1600px) { .contentRow__item___QLWes[data-ratio~="34_large"] { width: 16.666666666666664%; } } @media (min-width: 1920px) { .contentRow__item___QLWes[data-ratio~="34_large"] { width: 14.285714285714285%; } } .contentRow__item___QLWes[data-ratio~="43_normal"] { width: 33.33333333333333%; } @media screen and (min-width: 700px) { .contentRow__item___QLWes[data-ratio~="43_normal"] { width: 20%; } } @media (min-width: 961px) { .contentRow__item___QLWes[data-ratio~="43_normal"] { width: 16.666666666666664%; } } @media (min-width: 1285px) { .contentRow__item___QLWes[data-ratio~="43_normal"] { width: 14.285714285714285%; } } @media (min-width: 1600px) { .contentRow__item___QLWes[data-ratio~="43_normal"] { width: 11.11111111111111%; } } @media (min-width: 1920px) { .contentRow__item___QLWes[data-ratio~="43_normal"] { width: 9.090909090909092%; } } .contentRow__item___QLWes[data-ratio~="43_large"] { width: 50%; } @media screen and (min-width: 700px) { .contentRow__item___QLWes[data-ratio~="43_large"] { width: 33.33333333333333%; } } @media (min-width: 961px) { .contentRow__item___QLWes[data-ratio~="43_large"] { width: 25%; } } @media (min-width: 1285px) { .contentRow__item___QLWes[data-ratio~="43_large"] { width: 20%; } } @media (min-width: 1600px) { .contentRow__item___QLWes[data-ratio~="43_large"] { width: 16.666666666666664%; } } @media (min-width: 1920px) { .contentRow__item___QLWes[data-ratio~="43_large"] { width: 14.285714285714285%; } } @media screen and (min-width: 700px) { .contentRow__item___QLWes { margin: 0.5rem; margin: var(--marginItem-for-tablet); } @media (min-width: 1600px) { .contentRow__item___QLWes { margin: 1rem; margin: var(--marginItem-for-large-desktop); } } } /* TODO delete after new Carrousel */ .contentRow__container--mobile___1qpd4 { display: block; } @media screen and (min-width: 700px) { .contentRow__container--mobile___1qpd4 { display: none } } .contentRow__container--desktop___R2GV8 { display: none; } @media screen and (min-width: 700px) { .contentRow__container--desktop___R2GV8 { display: block } } .horizontalScroller--ratio166_normal___2Uip9 > button { top: calc(0.1875 * 100vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio166_normal___2Uip9 > button { top: calc(0.1875 * 50vw); } } @media (min-width: 961px) { .horizontalScroller--ratio166_normal___2Uip9 > button { top: calc(0.1875 * 33.33333333333333vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio166_normal___2Uip9 > button { top: calc(0.1875 * 33.33333333333333vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio166_normal___2Uip9 > button { top: calc(0.1875 * 25vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio166_normal___2Uip9 > button { top: calc(0.1875 * 25vw); } } .horizontalScroller--ratio166_large___3vNcG > button { top: calc(0.1875 * 100vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio166_large___3vNcG > button { top: calc(0.1875 * 50vw); } } @media (min-width: 961px) { .horizontalScroller--ratio166_large___3vNcG > button { top: calc(0.1875 * 33.33333333333333vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio166_large___3vNcG > button { top: calc(0.1875 * 33.33333333333333vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio166_large___3vNcG > button { top: calc(0.1875 * 25vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio166_large___3vNcG > button { top: calc(0.1875 * 25vw); } } .horizontalScroller--ratio169_normal___2DZPW > button { top: calc(0.28125 * 50vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio169_normal___2DZPW > button { top: calc(0.28125 * 33.33333333333333vw); } } @media (min-width: 961px) { .horizontalScroller--ratio169_normal___2DZPW > button { top: calc(0.28125 * 25vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio169_normal___2DZPW > button { top: calc(0.28125 * 20vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio169_normal___2DZPW > button { top: calc(0.28125 * 16.666666666666664vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio169_normal___2DZPW > button { top: calc(0.28125 * 14.285714285714285vw); } } .horizontalScroller--ratio169_large___3SFwj > button { top: calc(0.28125 * 100vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio169_large___3SFwj > button { top: calc(0.28125 * 50vw); } } @media (min-width: 961px) { .horizontalScroller--ratio169_large___3SFwj > button { top: calc(0.28125 * 50vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio169_large___3SFwj > button { top: calc(0.28125 * 33.33333333333333vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio169_large___3SFwj > button { top: calc(0.28125 * 25vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio169_large___3SFwj > button { top: calc(0.28125 * 20vw); } } .horizontalScroller--ratio34_normal____LWw3 > button { top: calc(0.6666666666666666 * 33.33333333333333vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio34_normal____LWw3 > button { top: calc(0.6666666666666666 * 20vw); } } @media (min-width: 961px) { .horizontalScroller--ratio34_normal____LWw3 > button { top: calc(0.6666666666666666 * 16.666666666666664vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio34_normal____LWw3 > button { top: calc(0.6666666666666666 * 14.285714285714285vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio34_normal____LWw3 > button { top: calc(0.6666666666666666 * 12.5vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio34_normal____LWw3 > button { top: calc(0.6666666666666666 * 11.11111111111111vw); } } .horizontalScroller--ratio34_large___1R4Cx > button { top: calc(0.6666666666666666 * 50vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio34_large___1R4Cx > button { top: calc(0.6666666666666666 * 33.33333333333333vw); } } @media (min-width: 961px) { .horizontalScroller--ratio34_large___1R4Cx > button { top: calc(0.6666666666666666 * 25vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio34_large___1R4Cx > button { top: calc(0.6666666666666666 * 20vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio34_large___1R4Cx > button { top: calc(0.6666666666666666 * 16.666666666666664vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio34_large___1R4Cx > button { top: calc(0.6666666666666666 * 14.285714285714285vw); } } .horizontalScroller--ratio43_normal___2ow86 > button { top: calc(0.375 * 33.33333333333333vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio43_normal___2ow86 > button { top: calc(0.375 * 20vw); } } @media (min-width: 961px) { .horizontalScroller--ratio43_normal___2ow86 > button { top: calc(0.375 * 16.666666666666664vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio43_normal___2ow86 > button { top: calc(0.375 * 14.285714285714285vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio43_normal___2ow86 > button { top: calc(0.375 * 11.11111111111111vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio43_normal___2ow86 > button { top: calc(0.375 * 9.090909090909092vw); } } .horizontalScroller--ratio43_large___3Dn6z > button { top: calc(0.375 * 50vw); } @media screen and (min-width: 700px) { .horizontalScroller--ratio43_large___3Dn6z > button { top: calc(0.375 * 33.33333333333333vw); } } @media (min-width: 961px) { .horizontalScroller--ratio43_large___3Dn6z > button { top: calc(0.375 * 25vw); } } @media (min-width: 1285px) { .horizontalScroller--ratio43_large___3Dn6z > button { top: calc(0.375 * 20vw); } } @media (min-width: 1600px) { .horizontalScroller--ratio43_large___3Dn6z > button { top: calc(0.375 * 16.666666666666664vw); } } @media (min-width: 1920px) { .horizontalScroller--ratio43_large___3Dn6z > button { top: calc(0.375 * 14.285714285714285vw); } } .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 90vw); } @media screen and (min-width: 700px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 45vw); } } @media (min-width: 961px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 30vw); } } @media (min-width: 1285px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 42.666666666666664rem); } } @media (min-width: 1600px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 42.666666666666664rem); } } @media (min-width: 1920px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 32rem); } } @media (min-width: 1100px) and (max-height: 800px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 33.33333333333333rem); } } @media (min-width: 1285px) and (max-height: 800px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 33.33333333333333rem); } } @media (min-width: var(--breakpoint_large-desktop)) and (max-height: 800px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 33.33333333333333rem); } } @media (--mq-large-desktop-under-bp-height) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 25rem); } } .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio169_normal___2DZPW button { top: calc(0.28125 * 45vw); } @media screen and (min-width: 700px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio169_normal___2DZPW button { top: calc(0.28125 * 30vw); } } @media (min-width: 961px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio169_normal___2DZPW button { top: calc(0.28125 * 30vw); } } @media (min-width: 1285px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio169_normal___2DZPW button { top: calc(0.28125 * 32rem); } } @media (min-width: 1600px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio169_normal___2DZPW button { top: calc(0.28125 * 32rem); } } @media (min-width: 1920px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio169_normal___2DZPW button { top: calc(0.28125 * 32rem); } } @media (min-width: 1100px) and (max-height: 800px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio169_normal___2DZPW button { top: calc(0.28125 * 33.33333333333333rem); } } @media (min-width: 1285px) and (max-height: 800px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio169_normal___2DZPW button { top: calc(0.28125 * 25rem); } } @media (min-width: var(--breakpoint_large-desktop)) and (max-height: 800px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio169_normal___2DZPW button { top: calc(0.28125 * 25rem); } } @media (--mq-large-desktop-under-bp-height) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio169_normal___2DZPW button { top: calc(0.28125 * 25rem); } } .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio34_normal____LWw3 button { top: calc(0.6666666666666666 * 30vw); } @media screen and (min-width: 700px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio34_normal____LWw3 button { top: calc(0.6666666666666666 * 22.5vw); } } @media (min-width: 961px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio34_normal____LWw3 button { top: calc(0.6666666666666666 * 18vw); } } @media (min-width: 1285px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio34_normal____LWw3 button { top: calc(0.6666666666666666 * 21.333333333333332rem); } } @media (min-width: 1600px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio34_normal____LWw3 button { top: calc(0.6666666666666666 * 21.333333333333332rem); } } @media (min-width: 1920px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio34_normal____LWw3 button { top: calc(0.6666666666666666 * 21.333333333333332rem); } } @media (min-width: 1100px) and (max-height: 800px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio34_normal____LWw3 button { top: calc(0.6666666666666666 * 20rem); } } @media (min-width: 1285px) and (max-height: 800px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio34_normal____LWw3 button { top: calc(0.6666666666666666 * 16.666666666666664rem); } } @media (min-width: var(--breakpoint_large-desktop)) and (max-height: 800px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio34_normal____LWw3 button { top: calc(0.6666666666666666 * 16.666666666666664rem); } } @media (--mq-large-desktop-under-bp-height) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio34_normal____LWw3 button { top: calc(0.6666666666666666 * 16.666666666666664rem); } } .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio43_normal___2ow86 button { top: calc(0.375 * 45vw); } @media screen and (min-width: 700px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio43_normal___2ow86 button { top: calc(0.375 * 30vw); } } @media (min-width: 961px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio43_normal___2ow86 button { top: calc(0.375 * 22.5vw); } } @media (min-width: 1285px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio43_normal___2ow86 button { top: calc(0.375 * 25.6rem); } } @media (min-width: 1600px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio43_normal___2ow86 button { top: calc(0.375 * 25.6rem); } } @media (min-width: 1920px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio43_normal___2ow86 button { top: calc(0.375 * 21.333333333333332rem); } } @media (min-width: 1100px) and (max-height: 800px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio43_normal___2ow86 button { top: calc(0.375 * 25rem); } } @media (min-width: 1285px) and (max-height: 800px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio43_normal___2ow86 button { top: calc(0.375 * 20rem); } } @media (min-width: var(--breakpoint_large-desktop)) and (max-height: 800px) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio43_normal___2ow86 button { top: calc(0.375 * 20rem); } } @media (--mq-large-desktop-under-bp-height) { .horizontalScroller--immersive___3Vcr9.horizontalScroller--ratio43_normal___2ow86 button { top: calc(0.375 * 16.666666666666664rem); } } .horizontalScroller--carrousel___CEACE.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 100vw); } @media screen and (min-width: 700px) { .horizontalScroller--carrousel___CEACE.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 50vw); } } @media (min-width: 961px) { .horizontalScroller--carrousel___CEACE.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 33.33333333333333vw); } } @media (min-width: 1285px) { .horizontalScroller--carrousel___CEACE.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 33.33333333333333vw); } } @media (min-width: 1600px) { .horizontalScroller--carrousel___CEACE.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 25vw); } } @media (min-width: 1920px) { .horizontalScroller--carrousel___CEACE.horizontalScroller--ratio166_normal___2Uip9 button { top: calc(0.1875 * 25vw); } } .horizontalScroller--carrousel___CEACE.horizontalScroller--ratio169_large___3SFwj button { top: calc(0.28125 * 100vw); } @media screen and (min-width: 700px) { .horizontalScroller--carrousel___CEACE.horizontalScroller--ratio169_large___3SFwj button { top: calc(0.28125 * 50vw); } } @media (min-width: 961px) { .horizontalScroller--carrousel___CEACE.horizontalScroller--ratio169_large___3SFwj button { top: calc(0.28125 * 33.33333333333333vw); } } @media (min-width: 1285px) { .horizontalScroller--carrousel___CEACE.horizontalScroller--ratio169_large___3SFwj button { top: calc(0.28125 * 33.33333333333333vw); } } @media (min-width: 1600px) { .horizontalScroller--carrousel___CEACE.horizontalScroller--ratio169_large___3SFwj button { top: calc(0.28125 * 25vw); } } @media (min-width: 1920px) { .horizontalScroller--carrousel___CEACE.horizontalScroller--ratio169_large___3SFwj button { top: calc(0.28125 * 25vw); } } /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* ANIMATION ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ @-webkit-keyframes placeHolderFade___1naUx { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } @keyframes placeHolderFade___1naUx { 0% { opacity: .4; } 50% { opacity: 1; } 100% { opacity: .4; } } .heading--loader___3AM6w { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderFade___1naUx; animation-name: placeHolderFade___1naUx; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes rotate___2VIHm { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate___2VIHm { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* SETTINGS ---------------------------------------------------*/ :root { --headingTitle_fontSizeSmall: 2rem; --headingTitle_fontSize: 2.4rem; --headingTitle_fontSizeBig: 3.2rem; --headingTitle_margin: 0; --headingTitle_placeholder: 3.6rem; --headingTitle_bigPlaceholder: 4.4rem; --headingTitle_baseColor: var(--color_placeholder); } .heading___34NAe { color: currentColor; font-size: 2rem; font-size: var(--headingTitle_fontSizeSmall); font-weight: 600; font-weight: var(--semi-bold); margin: 0; margin: var(--headingTitle_margin); } .heading___34NAe::first-letter { text-transform: uppercase; } @media screen and (min-width: 700px) { .heading___34NAe { font-size: 2.4rem; font-size: var(--headingTitle_fontSize) } } .heading--dark___29nZv { color: hsl(0, 0%, 100%); color: var(--color_darkmode-textcolor-primary); } .heading--big___2KhDg { font-size: 3.2rem; font-size: var(--headingTitle_fontSizeBig); } .heading--loader___3AM6w { background-color: color-mod(hsl(220, 14%, 88%) tint(7%)); background-color: var(--headingTitle_baseColor); height: 3.6rem; height: var(--headingTitle_placeholder); width: 40%; } .heading--loader___3AM6w.heading--big___2KhDg { height: 4.4rem; height: var(--headingTitle_bigPlaceholder); } /* IMPORT ---------------------------------------------------*/ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #FFFFFF */ --color_black: hsl(0, 0%, 0%); /* #000000 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1C1C1C */ --color_secondary: hsl(350, 83%, 57%); /* #EC3655 */ --color_primary-card: hsl(218, 11%, 15%); /* #22252A */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* dark mode */ --color_darkmode-primary: hsl(210, 12%, 10%); /* #16191C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-line: hsl(218, 11%, 15%); /* #212429 */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #F5F5F5 */ --color_grey-200: hsl(220, 14%, 88%); /* #DCDFE5 */ --color_grey-300: hsl(218, 7%, 78%); /* #C3C6CB */ --color_grey-400: hsl(215, 6%, 39%); /* #5D6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1B1E22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16191D */ --color_grey-800: hsl(346, 35%, 7%); /* #180C0F */ /* theme header color */ --color_primary-header: hsl(218, 11%, 15%); /* #22252A */ /* link colors */ --color_link-normal: hsl(350, 83%, 57%); /* #EC3655 */ --color_link-hover: hsl(350, 63%, 48%); /* #C82E47 */ /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34EF4D */ /* placeholder colors */ --color_placeholder: color-mod(var(--color_grey-200) tint(7%)); /* boxShadow colors */ --color_boxShadow: hsla(0, 100%, 0%, 0.5); /* carousel dots colors */ --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); /* virtualKeyboard colors */ --color_virtual-keyboard-background: hsl(216, 16%, 19%); /* #282e37 */ --color_virtual-keyboard-footer: hsl(214, 19%, 15%); /* #1e242c */ --color_virtual-keyboard-key: hsl(220, 14%, 17%); /* #252931 */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; /* Immersive max-with is 100rem when window height is under --breakpoint_height */ /* Starting MediaQuerie equal windowWidth when immersiveWidth (90%) equal 100rem (100rem * 10px = 1000px) */ --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } :root { /* fonts settings */ --semi-bold: 600; --regular: 400; --light: 300; /* size settings */ --header-height: 6.25rem; --header-mobile-height: 9rem; --footer-height: 24.2rem; --footer-mobile-height: 17.8rem; /* border radius */ --border-radius-small: 0.2rem; --border-radius-big: 0.4rem; } /* SETTINGS ---------------------------------------------------*/ .templateHeader___2HYiJ { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .templateHeader__title___3GisB { color: currentColor; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 300; font-weight: var(--light); } .templateHeader__title--dark___GDYX5 { color: hsl(0, 0%, 100%); color: var(--color_darkmode-textcolor-primary); } .templateHeader__button___1nYfA { font-size: 1.6rem; font-weight: 600; font-weight: var(--semi-bold); } @media screen and (min-width: 700px) { .templateHeader__button___1nYfA { font-size: 1.8rem } } .templateHeader__link___2W7pp { color: hsl(350, 83%, 57%); color: var(--color_link-normal); cursor: pointer; } .templateHeader__iconButton___1xfo9 { height: 2.2rem; width: 1.2rem; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* Primary colors */ /* dark background, text */ /* dark grey text */ /* placeholder text, legals text */ /* borders */ /* light background */ /* myCANAL red */ /* Status colors */ /* Deep black background on already black background */ } /* stylelint-disable */ /* stylelint-enable */ /* See ./../_mq.css where these values are duplicated */ /* stylelint-disable */ /* stylelint-enable */ :root { /* special font with no weird gap (fuck A.D !) */ } /* See ./variables/breakpoints.css where these values are duplicated */ .SealedImg_sealed_3fChE { height: 48px } @media screen and (min-width: 960px) { .SealedImg_sealed_3fChE { margin-right: 20px } } .SealedImg_sealed_3fChE img { height: 100%; } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.theme-customer-light .header-navigation-item--active,.theme-customer-light .header-navigation-item:hover{color:#ec3654}.theme-customer-dark .header-navigation-item--active,.theme-customer-dark .header-navigation-item:hover{color:#ec3654}.theme-business-light .header-navigation-item--active,.theme-business-light .header-navigation-item:hover{color:#20c792}.theme-business-dark .header-navigation-item--active,.theme-business-dark .header-navigation-item:hover{color:#20c792}.theme-customer-light .header-logout:hover span{color:#ec3654 !important}.theme-customer-dark .header-logout:hover span{color:#ec3654 !important}.theme-business-light .header-logout:hover span{color:#20c792 !important}.theme-business-dark .header-logout:hover span{color:#20c792 !important} /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } .navigation___DN4df { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; margin-bottom: 2rem; margin-right: 0; } @media screen and (min-width: 700px) { .navigation___DN4df { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 1rem } } .navigation___DN4df:last-child { margin-right: 0; } .navigation__list___2Vp6V { list-style: none; margin-bottom: 0; margin-top: 0; padding-left: 0; } .navigation__list___2Vp6V li { line-height: 1.75; } .navigation__link___37LYt { color: hsl(0, 0%, 90%); color: hsl(0, 0%, 90%); text-decoration: none; -webkit-transition: color 300ms; transition: color 300ms; } .navigation__link___37LYt:hover { color: hsl(350, 83%, 57%); color: hsl(350, 83%, 57%); } .navigation__container___2r_tN { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 700px) { .navigation__container___2r_tN { -ms-flex-wrap: nowrap; flex-wrap: nowrap } } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } .badge___2qoz5 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); display: -webkit-box; display: -ms-flexbox; display: flex; height: 4rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 4rem; overflow: hidden; text-align: center; -webkit-transition: background 300ms; transition: background 300ms; vertical-align: middle; width: 4rem; } .badge--small___TfVVv { height: 3rem; width: 3rem; } .badge--primary___1SPDr { background-color: hsl(180, 5%, 23%); /* #3b3b3b */ } .badge___2qoz5 img { display: block; } .badge--facebook___mSONz:hover { background-color: hsl(221, 44%, 41%); } .badge--twitter___2hSAH:hover { background-color: hsl(196, 100%, 46%); } .badge--youtube___1Zxxm:hover { background-color: hsl(0, 100%, 37%); } .badge--dailymotion___3Vkhf:hover { background-color: hsl(212, 100%, 43%); } .badge--linkedin___316HW:hover { background-color: hsl(199, 85%, 36%); } .socials___2Ik0b { margin: 1rem 0 0; padding: 0; } .socials__items___3m_7E { display: inline-block; padding-right: 1rem; } .socials__items___3m_7E:hover { cursor: pointer; } .socials__items___3m_7E img { height: 60%; width: auto; } /* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ /* #ffffff */ /* #000000 */ /* theme colors */ /* #212429 */ /* #e6e6e6 */ /* #ec3655 */ /* dark mode */ /* #16191C */ /* #2c2f33 */ /* #373840 */ /* #ffffff */ /* #212429 */ /* #212429 */ /* neutral colors */ /* #4B5056 */ /* #2C2F34 */ /* #180c0f */ /* brand colors */ /* #3b5998 */ /* #00aced */ /* #b00 */ /* #0066DC */ /* 0E76A8 */ /* galaxy colors */ /* #9d062c */ /* #ffffff */ /* #24c9e2 */ /* #ffb90e */ /* #7b9cac */ /* #00d6bc */ /* #3DCFB2 */ /* #F2F2F2 */ /* header */ /* #EF3352 */ /* #CA2A44 */ } :root { /* fonts */ /* TopBar */ /* BottomBar */ /* Buttons */ /* Search Button */ /* border radius */ } .footer___2dyxG { color: hsl(0, 0%, 90%); color: hsl(0, 0%, 90%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: 'Open Sans', 'Arial', sans-serif; font-family: 'Open Sans', 'Arial', sans-serif; font-size: 1.5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .footer___2dyxG a { color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); text-decoration: none; -webkit-transition: color 300ms; transition: color 300ms; } .footer___2dyxG a:hover { opacity: 0.7; } .footer__container___3Ags3 { background: hsl(218, 11%, 15%); background: hsl(218, 11%, 15%); border-top: 1px solid rgba(230,230,230,0.1); padding: 2rem; position: relative; z-index: 1; } .footer__section___3bGry { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem 0; } @media (min-width: 961px) { .footer__section___3bGry { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .footer__section__column___21k-C { display: inline; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-right: 6rem; } @media (min-width: 961px) { .footer__section__column___21k-C { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } } .footer__section__column___21k-C:last-child { padding-right: 0; } .footer__section__two_column___3WfVK { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex: 2 0 auto; flex: 2 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 2rem; } @media (min-width: 961px) { .footer__section__two_column___3WfVK { -webkit-box-flex: 2; -ms-flex: 2; flex: 2 } } .footer__section__text___1YiCe { color: hsla(255, 255%, 255%, 0.5); padding-bottom: 2rem; } .footer__section__paragraph___3KQTs { margin: 0; } .footer__section__link___3uHM7 { color: hsl(350, 83%, 57%); color: hsl(350, 83%, 57%); text-decoration: none; } .footer__brand___34Rct { padding: 0; } .footer__brand___34Rct svg, .footer__brand___34Rct img { fill: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%); height: 4.8rem; width: auto; } .footer__credits___2wrki { color: hsl(0, 0%, 90%); color: hsl(0, 0%, 90%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .footer__credits___2wrki * { color: hsl(0, 0%, 90%); color: hsl(0, 0%, 90%); } .footer__currentYear___1-gwR { margin-left: 0.5rem; } .footer__hiddenMobile___1YiJZ { display: none; } @media (min-width: 961px) { .footer__hiddenMobile___1YiJZ { display: block } } @-webkit-keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.confirm-button,.redirect-button,.cancel-button{margin:30px 0;width:100%}@media (max-width: 700px){.confirm-button,.redirect-button,.cancel-button{margin:20px 0}}.theme-customer-light .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-light .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-customer-dark .confirm-button{background-color:#ec3654;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-customer-dark .confirm-button:hover{background-color:#c82e47;color:#fff}.theme-customer-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-light .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-light .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-light .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.theme-business-dark .confirm-button{background-color:#20c792;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.theme-business-dark .confirm-button:hover{background-color:#0c4f3a;color:#fff}.theme-business-dark .confirm-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.cancel-button{background-color:#e85361;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.cancel-button:hover{background-color:#c82e47;color:#fff}.cancel-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button{background-color:#37404f;color:#fff;font-family:"Open Sans";font-size:1.8rem;text-transform:none;font-weight:600;padding:1.3rem 10px 1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;flex:1}.redirect-button:hover{background-color:#2d353f;color:#fff}.redirect-button:disabled{color:#fff;cursor:not-allowed;opacity:.4}.redirect-button .spinner-button-container .spinner{border-color:#fff transparent #fff #fff}.buttons-container{display:flex}@media (max-width: 700px){.buttons-container{display:block}}.buttons-container .confirm-button,.buttons-container .redirect-button{flex:1}.buttons-container .confirm-button:first-child,.buttons-container .redirect-button:first-child{margin-right:20px}.right-lang-footer{padding:20px 0}.right-lang-footer button{display:flex;align-items:center}.right-lang-footer button:hover span{color:#b0b4ba}.right-lang-footer__flag{width:23px;height:16px;background-size:cover;background-position:center;background-repeat:no-repeat}.right-lang-footer span{padding:0 0 0 10px;color:#fff}