<!DOCTYPE html>
<html lang="en" data-locale="GB" dir="ltr" class="creativebloq"><head>
<!-- [METATAGS - critical] -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Computer Arts Coverage | Creative Bloq</title>
<meta name="description" content="The latest Computer Arts breaking news, comment, reviews and features from the experts at Creative Bloq">
<link rel="preconnect" href="https://vanilla.futurecdn.net/creativebloq" crossorigin="">
<link rel="preconnect" href="https://bordeaux.futurecdn.net">
<link rel="preconnect" href="https://cdn.mos.cms.futurecdn.net">
<link rel="preconnect" href="https://vanilla.futurecdn.net">
<link rel="dns-prefetch" href="https://bordeaux.futurecdn.net">
<link rel="dns-prefetch" href="https://cdn.mos.cms.futurecdn.net">
<link rel="dns-prefetch" href="https://vanilla.futurecdn.net">
<link rel="dns-prefetch" href="https://slice.vanilla.futurecdn.net">
<link rel="dns-prefetch" href="https://sommelier.futurehybrid.tech">
<link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net">
<link rel="dns-prefetch" href="https://targetemsecure.blob.core.windows.net">
<link rel="dns-prefetch" href="https://cdn.privacy-mgmt.com">
<link rel="dns-prefetch" href="https://widgets.hawk-assets.co.uk">
<link rel="dns-prefetch" href="https://hawk.techradar.com">
<link rel="dns-prefetch" href="https://cdn.jwplayer.com">
<meta name="robots" content="noindex">
<link rel="apple-touch-icon" href="https://vanilla.futurecdn.net/creativebloq/1593833/apple-touch-icon.png">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="https://vanilla.futurecdn.net/creativebloq/1593833/apple-touch-icon.png">
<link rel="icon" href="https://vanilla.futurecdn.net/creativebloq/1593833/favicon.ico" size="16x16">
<link rel="icon" href="https://vanilla.futurecdn.net/creativebloq/1593833/apple-touch-icon.png" size="120x120">
<meta property="og:site_name" content="Creative Bloq">
<meta property="og:locale" content="en_GB">
<meta property="og:type" content="website">
<meta property="article:publisher" content="https://www.facebook.com/CreativeBloQ">
<meta property="og:url" content="https://www.creativebloq.com/computer-arts">
<!-- [/METATAGS - critical] -->
<link rel="preload" as="font" href="https://vanilla.futurecdn.net/creativebloq/1593833/media/shared/fonts/OpenSans-400-Regular.woff2" type="font/woff2" crossorigin="">
<link rel="preload" as="font" href="https://vanilla.futurecdn.net/creativebloq/1593833/media/shared/fonts/OpenSans-600-SemiBold.woff2" type="font/woff2" crossorigin="">
<style id="css-layer-order">
@layer reset, legacy, tw-components, components, tw-utilities, utilities, hawk, global;
</style> <style id="siteconfig-theme" data-layerless-source="true">@layer legacy { 
:root {
--color-primary-50: 251 219 208;
--color-primary-100: 247 191 172;
--color-primary-200: 244 163 136;
--color-primary-300: 240 134 100;
--color-primary-400: 237 106 63;
--color-primary-500: 233 78 27;
--color-primary-600: 199 64 19;
--color-primary-700: 161 51 16;
--color-primary-800: 123 39 12;
--color-primary-900: 85 27 8;
--color-primary-950: 47 15 4;
--color-secondary-50: 248 250 252;
--color-secondary-100: 241 245 249;
--color-secondary-200: 226 232 240;
--color-secondary-300: 203 213 225;
--color-secondary-400: 148 163 184;
--color-secondary-500: 100 116 139;
--color-secondary-600: 71 85 105;
--color-secondary-700: 51 65 85;
--color-secondary-800: 30 41 59;
--color-secondary-900: 15 23 42;
--color-secondary-950: 2 6 23;
--font-ui-copy: "Open Sans", "Open Sans-fallback", sans-serif;
--font-ui-heading: "Open Sans", "Open Sans-fallback", sans-serif;
--font-article-copy: "Open Sans", "Open Sans-fallback", sans-serif;
--font-article-heading: "Open Sans", "Open Sans-fallback", sans-serif;
}
 }</style>
<!-- [METATAGS] -->
<script type="application/ld+json">
{
"@type": "WebPage",
"name": "Creative Bloq | Where creativity meets technology | Creative Bloq",
"description": "Daily inspiration for creative people. Fresh thinking, expert tips and tutorials to supercharge your creative muscles.",
"url": "https://www.creativebloq.com/computer-arts",
"@context": "http://schema.org"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "SiteNavigationElement",
"name": "Essential graphic design tools",
"url": "https://www.creativebloq.com/graphic-design/tools-every-graphic-designer-should-have-6133208",
"@id": "#trending"
},
{
"@type": "SiteNavigationElement",
"name": "Gaming",
"url": "https://www.creativebloq.com/entertainment/gaming",
"@id": "#trending"
},
{
"@type": "SiteNavigationElement",
"name": "Quizzes",
"url": "https://www.creativebloq.com/tag/quiz",
"@id": "#trending"
},
{
"@type": "SiteNavigationElement",
"name": "Newsletters",
"url": "https://www.creativebloq.com/newsletter",
"@id": "#trending"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "SiteNavigationElement",
"name": "home",
"url": "https://www.creativebloq.com",
"@id": "#navigation"
},
{
"@type": "SiteNavigationElement",
"name": "3D",
"url": "/3d",
"@id": "#navigation"
},
{
"@type": "SiteNavigationElement",
"name": "Web Design",
"url": "/web-design",
"@id": "#navigation"
},
{
"@type": "SiteNavigationElement",
"name": "Tech",
"url": "/tech",
"@id": "#navigation"
},
{
"@type": "SiteNavigationElement",
"name": "Entertainment",
"url": "/entertainment",
"@id": "#navigation"
},
{
"@type": "SiteNavigationElement",
"name": "Sign Up",
"url": "/newsletter",
"@id": "#navigation"
}
]
}
</script>
<meta property="fb:app_id" content="235441786508054">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:site" content="@CreativeBloq">
<meta property="twitter:creator" content="@CreativeBloq">
<meta property="twitter:account_id" content="418597196">
<meta name="google-site-verification" content="yktdrmH4sgegsH0cSoVcXEvQsLHJxhK20pNWUWolId4">
<meta name="p:domain_verify" content="10329f1fd4d0a2cd5c0d3b3b809cb4cd">
<meta name="msvalidate.01" content="CC462E6DF91492086145CA5EBDCB615E">
<meta name="theme-color" content="#E94E1B">
<link rel="alternate" type="application/rss+xml" href="https://www.creativebloq.com/feeds.xml">
<!-- [/METATAGS] -->
<!-- tag factory //-->
<style id="critical-styles">@layer legacy{.legacy-container{margin:auto}.legacy-container:after{content:"";display:table;clear:both}.legacy-container.full{clear:both;max-width:100%}@media screen and (min-width:1000px){.legacy-container.full{max-width:970px}}@media screen and (min-width:1574px){.legacy-container.full{max-width:1200px}body.limit-width .legacy-container.full{max-width:970px}}#main{position:relative;background:#fff;outline:0}@media screen and (min-width:1000px){.impact #main .listingResults{overflow:visible}#content{width:600px}}@media screen and (min-width:700px){#content{padding-left:1.5em;padding-right:1.5em;padding-top:.9375em}}@media screen and (min-width:1000px){#content{float:left}}@media screen and (min-width:900px){.impact #content{position:relative;border-top:none}}@media screen and (min-width:1000px){.impact #content{padding-left:0;padding-right:0;padding-top:1.25em;width:100%;max-width:922px;margin-left:24px;margin-right:24px}}#searcharticletype ul,#searchorder select,#sidebar,.article .box>img,.box.block table{width:100%}@media screen and (min-width:1000px){#sidebar{width:300px;margin-top:.875em}}.pro .listingResult a.category-link{background-color:#e6248a}@media only screen and (min-width:700px){html{font-size:100%}}html{font-family:"Open Sans","Open Sans-fallback";overflow-y:scroll}h1,h2,h3,h4{font-weight:700}.block-link{display:block;position:relative;color:#333;background:#ddd;line-height:22px;padding:11px 12px;margin:0 12px 12px 0;text-align:center;font-size:14px;font-weight:600;text-transform:uppercase}.block-link .icon:before{font-size:10px;margin-left:5px;float:right}.block-link:hover{background:#666}.block-link:hover,.block-link:visited{color:#333;text-decoration:none}.block-link.full{width:calc(100% - 24px)}.separator-heading{border-top:1px solid #ccc;border-bottom:1px solid #ccc}#content>header h1,.article header h1{font-weight:600;font-size:24px;line-height:30px;margin-bottom:.5rem}@media (min-width:700px){#content>header h1,.article header h1{font-size:28px;line-height:34px}}@media (min-width:1574px){#content>header h1,.article header h1{margin-bottom:.75rem;font-size:34px;line-height:42px}#content>header body.limit-width h1,.article header body.limit-width h1,body.limit-width #content>header h1,body.limit-width .article header h1{margin-bottom:.5rem;font-size:28px;line-height:34px}}#content>header h2,.article header h2{font-size:18px;line-height:26px;font-weight:300;margin-bottom:20px}@media (min-width:1000px){#content>header h2,.article header h2{font-size:20px;line-height:28px}}@media (min-width:1574px){#content>header h2,.article header h2{font-size:24px;line-height:30px}#content>header body.limit-width h2,.article header body.limit-width h2,body.limit-width #content>header h2,body.limit-width .article header h2{font-size:20px;line-height:28px}}body>img{height:0;display:block}.hidden{visibility:hidden}#burgerbar-none,.fallback{display:none}.icon:before{font-family:"creativebloq",arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none}body.impact .list-text-links h2.list-title:before{content:"\f105";font-family:"creativebloq"}.icon-arrow-down:before{content:"\f108"}.icon-arrow-right:before{content:"\f10a"}.icon-comment:before{content:"\f128"}.icon-envelope-solid:before{content:"\f129"}.icon-home:before{content:"\f12e"}.icon-reddit:before{content:"\f133"}.list-text-links .list-title:before{content:"\f135"}.icon-tick:before{content:"\f138"}.circle-icon{border-radius:50%;display:block}.impact header a,html{color:#333}.article{position:relative}@media (min-width:1000px){.article{float:left;max-width:650px}}@media (min-width:1574px){.article{max-width:832px}body.limit-width .article{max-width:650px}}.article footer{clear:both}.article header{margin-top:30px}.article header .byline{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1em;clear:both;line-height:23px;margin-bottom:.625rem;font-size:13px}@media (min-width:1000px){.article header .byline{margin-bottom:.5rem}}@media (min-width:1574px){.article header .byline{margin-bottom:.75rem}}.article footer,.article header{margin-left:20px;margin-right:20px}@media (min-width:1000px){.article footer,.article header{margin-left:1.5em;margin-right:1.5em}}@media (min-width:1574px){.article footer,.article header{margin-left:125px;margin-right:70px}body.limit-width .article footer,body.limit-width .article header{margin-left:1.5em;margin-right:1.5em}}.article header,.article section{overflow:visible}@keyframes slideDown{0%{transform:translateY(-100%)}10%{transform:translateY(-90%)}20%{transform:translateY(-80%)}30%{transform:translateY(-70%)}40%{transform:translateY(-60%)}50%{transform:translateY(-50%)}60%{transform:translateY(-40%)}70%{transform:translateY(-30%)}80%{transform:translateY(-20%)}90%{transform:translateY(-10%)}to{transform:translateY(0)}}li ul{padding-left:5px}article figure{margin-bottom:15px}article figure figcaption{display:inline-block;width:100%}figure img:not(.slice-container img){top:0;left:0}.box figcaption{margin-top:10px}@media (max-width:900px){.box figcaption{margin-top:8px}}.image-remove-reflow-container img{width:100%;top:0;position:absolute!important;height:100%;-o-object-fit:cover;object-fit:cover;float:none;max-width:none;left:0;right:0;margin-left:auto;margin-right:auto}#burgerbar{background:#232128;display:none}@media (max-width:699px){#burgerbar:checked~.wrapper .menuitems{display:block}}.button-search{position:absolute;top:0;right:0;min-width:60px;height:60px;margin-bottom:0;line-height:60px}@media only screen and (max-width:360px){.pro .button-search{min-width:45px}}@media only screen and (min-width:700px){.button-search{position:relative}}:checked+.button-search{background-color:#333}.search-box{z-index:1000;position:absolute;right:0;top:60px;width:100%;border:2px solid #333;box-sizing:border-box;background-color:#fff;padding:16px 18px;font-size:16px;display:none;line-height:44px}.search-box .search-submit{position:absolute;right:18px;top:16px;width:44px;height:44px;background-color:#333;color:#fff;border:0;padding:0}@media screen and (min-width:900px){.search-box .search-submit{width:47px;height:47px}}.search-box .search-submit .search-input{height:44px}.search-box .search-submit .search-icon{display:flex;flex-direction:column}.search-box .search-submit .search-icon .icon-svg{height:20px}.search-box input[type=search]{color:#000}.optional-content-checkbox:checked+.contains-optional-content+label .checked,:checked~.search-box{display:block}.masthead-item .desktop-text,.search-checkbox{display:none}.masthead-item{width:auto;text-align:center;font-size:0}@media only screen and (min-width:700px){.masthead-item{padding-right:1rem;padding-left:1rem;position:relative;height:100%;float:right}}@media only screen and (min-width:700px){.masthead-item .desktop-text{display:inline-block;zoom:1;*display:inline;padding-right:8px;font-size:14px;vertical-align:middle;line-height:60px}}.masthead-item .search-icon{display:inline-block;zoom:1;*display:inline;vertical-align:middle;font-size:1.4rem;line-height:1.4rem;height:20px;width:20px}@media only screen and (min-width:700px){.masthead-item .search-icon{font-size:1rem;line-height:1rem}}@media screen and (min-width:575px){.masthead-item .search-icon{height:20px;width:20px}}.masthead-item label{margin-bottom:0}.burgerbar{color:#fff;font-size:24px;line-height:60px;max-height:60px;height:60px}.pro .burgerbar{background-color:#8c2b5e}@media only screen and (min-width:700px){.burgerbar{border-bottom:1px solid #232128}.pro .burgerbar{border-bottom:1px solid #8c2b5e}}.burgerbar .other-links{display:none}@media only screen and (min-width:700px){.burgerbar .other-links{display:block;float:right;clear:none;margin-right:10px;height:24px;line-height:24px;margin-top:18px;font-size:14px}.burgerbar .other-links a{float:left;box-sizing:border-box;color:#fff}.burgerbar .other-links a:visited{color:#fff}}.burgerbar .buttons-social{display:none;min-height:60px;padding:0}@media only screen and (min-width:700px){.burgerbar .buttons-social{display:block}.burgerbar .buttons-social a{float:left;border:1px solid #fff;width:24px;height:24px;margin-top:18px;box-sizing:border-box;color:#fff;margin-right:10px}.burgerbar .buttons-social a:visited{color:#fff}.burgerbar .buttons-social a:before{font-size:12px;line-height:22px;box-sizing:border-box;float:left;width:22px;text-align:center}}.burgerbar .buttons-social .icon{display:flex;flex-direction:column;justify-content:center}.burgerbar .buttons-social .icon-svg{display:block;height:24px;width:24px}.burgerbar .button-menu{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:0;width:60px}#searchfilter input,.burgerbar .button-menu .checked,.optional-content-checkbox,.optional-content-checkbox+.contains-optional-content .optional-row,.optional-content-checkbox+.contains-optional-content+label .checked{display:none}.optional-content-checkbox+.contains-optional-content+label .unchecked{display:block}.optional-content-checkbox:checked+.contains-optional-content .optional-row{display:inline-block;zoom:1;*display:inline}.optional-content-checkbox:checked+.contains-optional-content+label .unchecked{display:none}.contains-optional-content{margin-bottom:0!important}.btn-reveal{text-align:center}.box{display:table;margin-bottom:40px;clear:both;width:100%}.box.auto{width:auto;float:none;overflow:hidden}.box.block,.top-featured .feature-block-item img{display:block}.box h3,.box h4{font-weight:600;font-size:16px;line-height:40px;text-transform:uppercase;vertical-align:middle}.box h3.icon:before,.box h4.icon:before{float:left;margin-right:12px;font-size:24px;line-height:40px}.box p{font-size:14px;line-height:1.5em;margin-bottom:10px;color:#333}.box li{font-size:16px;line-height:28px}.box ul{margin-bottom:1rem}#sidebar .box,.btn-reveal{margin-bottom:30px}.btn-reveal{width:100%;height:44px;line-height:44px;padding:0;color:#333;background-color:#ddd;border:0;position:relative}.btn-reveal:hover{background-color:#666;color:#fff}.btn-reveal .icon-arrow-down{font-size:.7em;position:relative;top:-2px;left:3px}.btn-reveal .btn-reveal,.list-text-links .listingResult .content header{margin-bottom:0}.list-heading-link{text-transform:uppercase;font-weight:700}.btn-reveal,.button{text-transform:uppercase;font-size:.875em}.btn-reveal{font-weight:700}.btn-reveal .icon-arrow-right,.button .icon-arrow-right,.list-heading-link .icon-arrow-right{font-size:.7em;position:relative;top:-2px}.btn-reveal:hover .icon-arrow-right,.button:hover .icon-arrow-right,.list-heading-link:hover .icon-arrow-right{text-decoration:none}.button{text-align:center;font-weight:700;line-height:3em;display:block}.button:hover,.button:hover:visited{background-color:#666;text-decoration:none}.list-heading-link:hover{text-decoration:none}input[type=search]{-webkit-appearance:none;border:1px solid #ddd;font-size:1em;padding-right:3em;line-height:2.5em;padding-left:.75em;width:100%;box-sizing:border-box;outline-offset:0;border-radius:0;margin-top:0;margin-bottom:0}input[type=search]:focus{outline-offset:0}@media screen and (min-width:700px){input[type=search]{padding-right:0}}@media screen and (min-width:900px){input[type=search]{padding-right:54px;padding-top:13px;padding-bottom:11px;line-height:16px;font-size:16px}}input[type=email],input[type=text]{font-size:1rem;border:1px solid #ddd;padding:12px;color:#333;display:block;box-sizing:border-box}select{line-height:44px}label{line-height:1.4;display:block;margin-bottom:5px}.select-wrapper{overflow:hidden;background-color:#fff;line-height:1.5em;font-size:100%;margin-right:1em}.select-wrapper select{outline:0;-webkit-appearance:none;border-radius:0;border:0;background-color:transparent;padding:0 2em 0 1ex;line-height:inherit;font-size:inherit;font-family:inherit;font-weight:200}.select-wrapper i{position:absolute;pointer-events:none;right:1ex}.search-form,.select-wrapper{position:relative}.search-form button{position:absolute;top:0;right:0;line-height:1.75em;padding-right:.8em;padding-left:.8em;height:100%}.search-form .search-icon{font-size:1.35em}.search-form .search-icon svg{width:20px}.search-form .autocomplete span{display:inline-block;max-width:calc(100% - 100px);white-space:pre-wrap;line-height:19px;margin-top:-2px}#content>.search-form{border:solid 1em #ededed}.award{text-transform:uppercase;font-size:.6875em;display:inline-block;zoom:1;*display:inline;line-height:20px;padding-left:.5em;padding-right:.5em;margin:0 0 8px;font-weight:700}.award.techradar-pro{background-color:#8c2b5e;color:#fff}.basic-list{font-weight:600}.basic-list li ul li{border-bottom:1px dotted #232128;padding:1ex 20px}.basic-list li ul li:last-child{border-bottom:none;padding-bottom:2ex}@media screen and (min-width:700px){.basic-list li ul li{padding-left:0;padding-right:0}}#searchfilter{display:none;overflow:hidden;background:#ededed;padding:15px;margin-bottom:20px}#searchfilter .header,#searchfilter h3{text-transform:uppercase;font-size:13px;line-height:16px}#searchfilter .header{background:#666;color:#fff;padding:18px;font-weight:700}@media screen and (min-width:575px){#searchfilter .header{padding:7px}}#searchfilter .header h2{display:inline-block}#searchfilter .header .show-hide{display:inline-block;float:right}@media screen and (min-width:575px){#searchfilter .header .show-hide{display:none}}#searchfilter .header i{font-size:12px;padding-left:7px}#searchfilter h3{color:#333;padding:0 0 12px}@media screen and (min-width:575px){#searchfilter h3{padding:0 0 15px}}#searchfilter h3:not(:first-of-type){margin-top:8px}#searchfilter .dropdown-container{position:relative}#searchfilter .dropdown-container .icon{position:absolute;font-size:13px;width:42px;height:100%;background:#666;color:#fff;right:0;top:0;pointer-events:none;text-align:center;padding-top:14px;box-sizing:border-box}@media screen and (min-width:575px){#searchfilter .dropdown-container .icon{width:34px;padding-top:10px}}#searcharticletype{float:left;margin-bottom:8px;width:100%}@media screen and (min-width:575px){#searcharticletype{border-right:solid 2px #fff;padding-right:3px;margin-bottom:0;max-width:361px}}@media screen and (min-width:800px){#searcharticletype{max-width:50%}}@media screen and (min-width:1000px){#searcharticletype{max-width:361px}}#searcharticletype li{display:inline-block;width:100%;margin-bottom:6px;vertical-align:top}@media screen and (min-width:575px){#searcharticletype li{margin-right:7px;margin-bottom:7px;min-width:22%;width:auto}}#searcharticletype .icon-tick{display:none}#searcharticletype input[type=radio]:checked+label{font-weight:600;border:1px solid #666;color:#333}#searcharticletype input[type=radio]:checked+label .icon-tick{display:inline-block;float:right;font-size:1em}@media screen and (min-width:575px){#searcharticletype input[type=radio]:checked+label .icon-tick{display:none}}#searcharticletype label{border:1px solid #ccc;text-align:left}#advancedsearchsort,#searcharticletype label{font-family:"Open Sans",sans-serif;display:inline-block;padding:9px 18px;width:100%;box-sizing:border-box;margin:0;font-size:16px;line-height:22px;font-weight:400;background:#fff}@media screen and (min-width:575px){#advancedsearchsort,#searcharticletype label{font-size:13px;padding:5px;text-align:center}#advancedsearchsort #advancedsearchsort,#searcharticletype label #advancedsearchsort{padding:5px 10px}#searchorder{padding-left:10px;overflow:hidden}}.filter-container{overflow:hidden}.mobile-toggle{margin-top:14px}@media screen and (min-width:575px){.mobile-toggle{margin-top:20px}}#advancedsearchsort{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:1px solid #666;text-align:left}.clear-filters{font-size:16px;text-align:right;margin-top:20px}@media screen and (min-width:575px){.clear-filters{font-size:13px;margin-top:13px}}#searchorder li,.clear-filters label{display:inline-block;vertical-align:top}.clear-filters label{margin:0}.clear-filters .clear-cross{float:right;width:16px;height:16px;padding:2px 0 0 6px;line-height:0}@media screen and (min-width:575px){.clear-filters .clear-cross{width:13px;height:13px}}#content>.search-form,.feature-block,.list-grid,.listingResultsWrapper,.product-brands{margin-bottom:25px}@media screen and (min-width:700px){#content>.search-form,.feature-block,.list-grid,.listingResultsWrapper,.product-brands{margin-bottom:40px}}.icon-svg{width:100%;height:100%;max-width:100%;max-height:100%;fill:#fff;margin:0 auto}#searchorder li{width:100%;margin-bottom:6px}@media screen and (min-width:700px){#searcharticletype{border-right:none;padding-right:0}#searchorder{border-left:solid 2px #fff}}.listingResultsWrapper header{position:relative;overflow:hidden}@media screen and (min-width:900px){.impact .listingResultsWrapper{clear:left}.impact .listingResults{display:flex;flex-flow:row wrap;justify-content:space-between;align-content:flex-start;overflow:hidden}}.listingResults>.input-bar{display:inline-block;width:100%;margin:20px 0;box-sizing:border-box}#content>header.has-sponsorimg,.feature-block,.listingResult .content header,.listingResult article{overflow:hidden;*zoom:1}@media screen and (min-width:700px){.feature-block.top-featured{background-color:#232128;position:relative}.feature-block.top-featured:before{content:"";width:2%;height:100%;background-color:#fff;position:absolute;left:49%;top:0}}.feature-block .image-remove-reflow-container{padding-bottom:56.25%}#content>.feature-block:first-child{padding-top:30px}@media screen and (min-width:700px){#content>.feature-block:first-child{padding-top:0}}.list-text-links .list-title{border-top:1px solid #232128;border-bottom:1px solid #232128;font-size:100%!important}.listingResultsWrapper .list-heading-link,.listingResultsWrapper .list-title{margin-top:10px}.list-title{padding-left:20px;padding-right:20px;border-bottom:1px solid #232128;font-size:20px;text-transform:uppercase;line-height:42px;position:relative}@media screen and (min-width:700px){.list-title{padding-left:0;padding-right:0;margin-bottom:0}}@media screen and (min-width:900px){.list-title{margin-bottom:0}.impact .list-title{text-align:center;margin-bottom:20px}}.list-heading-link{padding-left:20px;padding-right:20px;line-height:37px;color:#232128;display:block;font-size:.84em;padding-top:2px}@media screen and (min-width:700px){.list-heading-link{padding-left:0;padding-right:0;position:absolute;border-bottom:none;top:0;right:0;padding-top:4px}}.list-heading-link:visited{color:#232128}.input-bar,.list-grid{background-color:#ededed;padding:1em 20px}@media screen and (min-width:700px){.input-bar ul{display:table}}@media screen and (min-width:900px){.impact .input-bar ul{width:100%}}.list-grid{padding:9px 20px;position:relative}.list-grid:before{content:"";border-left:1px solid #fff;left:45.7%;height:calc(100% - 46px);top:23px;position:absolute}@media screen and (min-width:700px){.list-grid:before{border-right:1px solid #fff;left:32%;width:31%;margin-left:10px;margin-right:10px}}@media screen and (min-width:900px){.list-grid:before{left:31%;width:31%}}.list-grid li{position:relative;margin-left:0;margin-right:10px;padding-right:10px;box-sizing:border-box;vertical-align:top;display:inline-block;zoom:1;*display:inline;width:45.7%}@media screen and (min-width:575px){.list-grid li{margin-left:10px;padding:0}}@media screen and (min-width:699px){.list-grid li:first-child,.list-grid li:nth-child(2n+1){margin-left:10px}.list-grid li:nth-child(2n){margin-right:10px}}@media screen and (min-width:700px){.list-grid li{width:30%}.list-grid li:first-child,.list-grid li:nth-child(3n+1){margin-left:0}.list-grid li:first-child a,.list-grid li:nth-child(3n+1) a{padding-left:0}.list-grid li:nth-child(3n){margin-right:0}}.list-grid li a{color:#333;padding:11px 0 11px 4px;display:block;line-height:1.38}.list-text-links .content .byline,.svg-arrow-down{display:none}#content header h1,.list-text-links{margin-bottom:20px}@media screen and (max-width:699px){.list-text-links{margin-top:20px}}@media screen and (min-width:700px){.list-text-links{margin-top:0}}@media screen and (min-width:900px){.list-text-links{position:absolute;z-index:98;left:66.2%;float:right;width:calc((100% - 30px)/3);padding-left:15px}}.list-text-links .list-title{line-height:55px}.list-text-links .list-title a{color:#333}@media screen and (min-width:900px){.list-text-links .list-title{text-align:left;margin-bottom:0;line-height:56px}}.list-text-links .list-title:before{font-family:creativebloq;border-radius:50%;background-color:#e94e1b;display:inline-block;zoom:1;*display:inline;width:38px;line-height:38px;text-align:center;color:#fff;margin-right:11px;font-size:25px;font-weight:lighter;vertical-align:middle}.impact #homePageCarousel{margin-bottom:30px;background-color:transparent}@media screen and (min-width:900px){.impact #homePageCarousel{overflow:visible}}.image-remove-flow-width-setter{display:flex;flex-direction:column;justify-content:center;overflow:hidden;width:100%}.image-remove-reflow-container{padding-bottom:56.25%;position:relative;height:0;overflow:hidden}.feature-block.top-featured .feature-block-item-wrapper,.listingResult{overflow:hidden;*zoom:1;position:relative}.feature-block.top-featured .feature-block-item-wrapper a,.listingResult a{text-decoration:none;color:inherit}.feature-block.top-featured .feature-block-item-wrapper a:hover,.feature-block.top-featured .feature-block-item-wrapper a:hover .article-name,.feature-block.top-featured .feature-block-item-wrapper a:hover figcaption,.listingResult a:hover,.listingResult a:hover .article-name,.listingResult a:hover figcaption{text-decoration:none}.feature-block.top-featured .feature-block-item-wrapper img{width:100%}.listingResult img{height:100%;-o-object-fit:cover;object-fit:cover;float:none;width:100%}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.feature-block.top-featured .feature-block-item-wrapper img,.listingResult img{width:auto}}@supports (-ms-accelerator:true){.feature-block.top-featured .feature-block-item-wrapper img,.listingResult img{width:auto}}#sidebar .listingResult .search-result,.feature-block.top-featured .feature-block-item-wrapper .content,.listingResult .content{padding-left:20px;padding-right:20px}.feature-block.top-featured .feature-block-item-wrapper .article-name{line-height:1.25;margin-top:12px;margin-bottom:0}.feature-block.top-featured .feature-block-item-wrapper .synopsis,.listingResult .synopsis{color:#333;line-height:1.375}@media screen and (min-width:1000px){.feature-block.top-featured .feature-block-item-wrapper:hover .article-name,.listingResult:hover .article-name{color:#e94e1b;text-decoration:none}}.impact .feature-block.top-featured .feature-block-item-wrapper a.category-link,.listingResult a.category-link{position:absolute;left:0;top:0;text-transform:uppercase;font-size:.6875em;padding:.65em .7em}.mainCarousel:not(.curatedCarousel) .top-featured .feature-block-item:before{position:absolute;left:0;top:0;text-transform:uppercase;padding:.65em .7em}@media screen and (min-width:700px){.impact .feature-block.top-featured .feature-block-item-wrapper a.category-link,.listingResult a.category-link,.mainCarousel:not(.curatedCarousel) .top-featured .feature-block-item:before{font-size:.8125em}}.article-name{color:#333;font-weight:700;text-decoration:none}.listingResult{background-color:#fff;border-bottom:1px solid #ccc}@media screen and (min-width:700px){.listingResult{margin-bottom:0}}@media screen and (min-width:900px){.listingResult{margin-left:0;margin-right:0}}@media screen and (min-width:700px){.listingResult .content{padding-top:0;padding-left:0;padding-right:0;overflow:hidden;min-width:13em}}.listingResult a.category-link{color:#fff;display:none}@media screen and (min-width:700px){.listingResult a.category-link{top:20px;display:block;max-width:200px;line-height:1.4em}}@media screen and (min-width:900px){.impact .listingResult a.category-link{top:0}}.listingResult a.category-link:empty{display:none}.listingResult:first-child a.category-link{display:block}@media screen and (min-width:700px){.listingResult .image{float:left;width:250px;margin-right:20px}}.listingResult .article-name{margin-top:0;font-size:1.25em;line-height:1.4;margin-bottom:4px}@media screen and (min-width:700px){.listingResult .article-name{margin-top:-6px}}@media screen and (min-width:900px){.listingResult .article-name{padding:0}}.listingResult .award{margin:4px 0 11px}.listingResult .published-date+.award{margin-left:9px}.listingResult .free-text-label{font-size:80%;font-weight:600;text-transform:uppercase;margin-right:1ex;color:#e94e1b}.listingResult .free-text-label:empty{display:none}#sidebar .listingResult{border-bottom:none;display:table-row}@media screen and (min-width:900px){#sidebar .listingResult .search-result{padding-left:0;padding-right:0}}#sidebar .listingResult .image{display:table-cell;width:140px;margin-right:20px}#sidebar .listingResult .content{display:table-cell;vertical-align:top;min-width:0}#sidebar .listingResult .content header{padding-bottom:0;margin-bottom:0}#sidebar .listingResult .article-name{font-size:1.125em}#sidebar .listingResult .published-date{display:none}#sidebar .listingResult .listing-prices{margin-top:.5rem}#sidebar .listingResult .listing-prices li{font-size:.938rem}#sidebar .listingResult .listing-prices li:nth-child(3){display:none}#sidebar .listingResult .synopsis{display:none}@media screen and (min-width:900px){.impact .listingResult{display:inline-block;zoom:1;*display:inline;vertical-align:top;text-align:left;font-size:1rem;word-spacing:normal;width:calc((100% - 30px)/3);box-sizing:border-box;border-bottom:none;margin-bottom:20px}.impact .listingResult .article-name{margin-bottom:7px;font-size:20px;line-height:26px;margin-top:0}}@media screen and (max-width:699px){.impact .listingResult:nth-of-type(n+2) img{display:none}}@media screen and (min-width:900px){.impact .listingResult .image{margin-right:0;float:none;width:100%;margin-bottom:15px;height:0;padding-bottom:56.16%;overflow:hidden}.impact .listingResult .image .image-remove-flow-width-setter{height:100%!important}.impact .listingResult .image img{height:100%;-o-object-fit:cover;object-fit:cover;display:block}}@media screen and (min-width:900px) and (-ms-high-contrast:active),screen and (min-width:900px) and (-ms-high-contrast:none){.impact .listingResult .image img{width:auto}}@media screen and (min-width:900px){@supports (-ms-accelerator:true){.impact .listingResult .image img{width:auto}}}.impact .news .listingResult,.impact:not(.subpage) .all .listingResult{margin-right:0;padding:0;display:block}@media screen and (min-width:900px){.impact .news .listingResult:first-child,.impact .news .listingResult:nth-of-type(2),.impact:not(.subpage) .all .listingResult:first-child,.impact:not(.subpage) .all .listingResult:nth-of-type(2){width:calc(50% - 7.5px)}.impact .news .listingResult:not(.small),.impact:not(.subpage) .all .listingResult:not(.small){width:100%}.impact .news .listingResult:not(.small) img,.impact:not(.subpage) .all .listingResult:not(.small) img{height:545px}.impact .news .listingResult:not(.small) .content,.impact:not(.subpage) .all .listingResult:not(.small) .content{padding:18px 28px 13px;background-color:rgba(51,51,51,.9);position:absolute;bottom:0;width:100%;box-sizing:border-box}.impact .news .listingResult:not(.small) .content header,.impact:not(.subpage) .all .listingResult:not(.small) .content header{margin-bottom:6px}.impact .news .listingResult:not(.small) .article-name,.impact:not(.subpage) .all .listingResult:not(.small) .article-name{font-size:28px;line-height:36px;display:inline-block;zoom:1;*display:inline;color:#fff;font-weight:400;margin-bottom:0}.impact .news .listingResult:not(.small) .published-date,.impact:not(.subpage) .all .listingResult:not(.small) .published-date{display:none}.impact .news .listingResult:not(.small) .image,.impact:not(.subpage) .all .listingResult:not(.small) .image{margin-bottom:0}.impact .news .listingResult:not(.small) .synopsis,.impact:not(.subpage) .all .listingResult:not(.small) .synopsis{color:#fff}}.impact .deals .listingResult,.impact .how-to .listingResult,.impact .reviews:not(.all) .listingResult{margin-right:0;display:block}@media screen and (min-width:900px){.impact .deals .listingResult:first-child:not(.small),.impact .how-to .listingResult:first-child:not(.small),.impact .reviews:not(.all) .listingResult:first-child:not(.small){width:100%}.impact .deals .listingResult:first-child:not(.small) .content,.impact .how-to .listingResult:first-child:not(.small) .content,.impact .reviews:not(.all) .listingResult:first-child:not(.small) .content{padding:18px 28px 13px;color:#fff;width:100%;box-sizing:border-box;background-color:rgba(51,51,51,.9);position:absolute;bottom:0}.impact .deals .listingResult:first-child:not(.small) .content header,.impact .how-to .listingResult:first-child:not(.small) .content header,.impact .reviews:not(.all) .listingResult:first-child:not(.small) .content header{margin-bottom:6px}.impact .deals .listingResult:first-child:not(.small) .article-name,.impact .how-to .listingResult:first-child:not(.small) .article-name,.impact .reviews:not(.all) .listingResult:first-child:not(.small) .article-name{font-size:28px;line-height:36px;display:inline-block;zoom:1;*display:inline;color:#fff;font-weight:400;margin-bottom:0}.impact .deals .listingResult:first-child:not(.small) .published-date,.impact .how-to .listingResult:first-child:not(.small) .published-date,.impact .reviews:not(.all) .listingResult:first-child:not(.small) .published-date{display:none}.impact .deals .listingResult:first-child:not(.small) .image,.impact .how-to .listingResult:first-child:not(.small) .image,.impact .reviews:not(.all) .listingResult:first-child:not(.small) .image{margin-bottom:0}.impact .deals .listingResult:first-child:not(.small) .synopsis,.impact .how-to .listingResult:first-child:not(.small) .synopsis,.impact .reviews:not(.all) .listingResult:first-child:not(.small) .synopsis{color:#fff}.impact .deals .listingResult.result7,.impact .how-to .listingResult.result7,.impact .reviews:not(.all) .listingResult.result7{width:calc((100% - 45px)/4)}.impact .deals .listingResult.result7 .award,.impact .how-to .listingResult.result7 .award,.impact .reviews:not(.all) .listingResult.result7 .award{display:none}}.impact .deals .listingResult:nth-child(n+11),.impact .how-to .listingResult:nth-child(n+11),.impact .reviews:not(.all) .listingResult:nth-child(n+11){display:none}@media screen and (min-width:900px){.impact .deals .listingResult:nth-child(n+11),.impact .how-to .listingResult:nth-child(n+11),.impact .reviews:not(.all) .listingResult:nth-child(n+11){width:50%;border-bottom:none;margin-bottom:7px;padding-right:15px;margin-right:0}.impact .deals .listingResult:nth-child(n+11) article,.impact .how-to .listingResult:nth-child(n+11) article,.impact .reviews:not(.all) .listingResult:nth-child(n+11) article{padding-top:0;padding-bottom:0}.impact .deals .listingResult:nth-child(n+11) .article-name,.impact .how-to .listingResult:nth-child(n+11) .article-name,.impact .reviews:not(.all) .listingResult:nth-child(n+11) .article-name{font-size:1rem;line-height:22px;margin-top:0;display:inline-block;zoom:1;*display:inline}.impact .deals .listingResult:nth-child(n+11) .award,.impact .deals .listingResult:nth-child(n+11) .category-link,.impact .deals .listingResult:nth-child(n+11) .image,.impact .deals .listingResult:nth-child(n+11) .published-date,.impact .deals .listingResult:nth-child(n+11) .synopsis,.impact .how-to .listingResult:nth-child(n+11) .award,.impact .how-to .listingResult:nth-child(n+11) .category-link,.impact .how-to .listingResult:nth-child(n+11) .image,.impact .how-to .listingResult:nth-child(n+11) .published-date,.impact .how-to .listingResult:nth-child(n+11) .synopsis,.impact .reviews:not(.all) .listingResult:nth-child(n+11) .award,.impact .reviews:not(.all) .listingResult:nth-child(n+11) .category-link,.impact .reviews:not(.all) .listingResult:nth-child(n+11) .image,.impact .reviews:not(.all) .listingResult:nth-child(n+11) .published-date,.impact .reviews:not(.all) .listingResult:nth-child(n+11) .synopsis{display:none}}.impact .deals .listingResult:nth-child(n+11) .content header,.impact .how-to .listingResult:nth-child(n+11) .content header,.impact .reviews:not(.all) .listingResult:nth-child(n+11) .content header{margin-bottom:0}@media screen and (min-width:900px){.list-text-links .listingResult{margin-bottom:0;margin-right:0;display:block}.list-text-links .listingResult,.list-text-links .listingResult:nth-of-type(2),.list-text-links .listingResult:nth-of-type(3){width:100%}}.list-text-links .listingResult:first-of-type,.list-text-links .listingResult:nth-of-type(2),.list-text-links .listingResult:nth-of-type(3){border-bottom:1px dotted #999}.list-text-links .listingResult:first-of-type .article-name{font-size:20px;line-height:26px}.list-text-links .listingResult:nth-of-type(2) .article-name,.list-text-links .listingResult:nth-of-type(3) .article-name{font-size:18px;line-height:24px}.list-text-links .listingResult:nth-of-type(n+4){border-bottom:none}@media screen and (max-width:699px){.list-text-links .listingResult:nth-of-type(n+4) .content{padding-bottom:0}}.list-text-links .listingResult:nth-of-type(n+4) .article-name{font-size:1rem;line-height:22px;font-weight:400}@media screen and (max-width:699px){.list-text-links .listingResult:nth-of-type(n+5) .search-result{padding-top:0}}@media screen and (min-width:700px){.list-text-links .listingResult:nth-of-type(n+5) .content{padding-top:0}}.list-text-links .listingResult .content{padding:8px 20px}@media screen and (min-width:700px){.list-text-links .listingResult .content{background-color:#fff;padding-left:0;padding-right:0}}.list-text-links .listingResult .award,.list-text-links .listingResult .image,.list-text-links .listingResult .published-date,.list-text-links .listingResult .synopsis{display:none}@media screen and (min-width:900px){.list-text-links .listingResult .award{line-height:15px}}.list-text-links .listingResult .article-name{margin-top:0;margin-bottom:0}@media screen and (min-width:900px){.list-text-links .listingResult .article-name{margin-top:0}}.search-result{padding-top:20px;padding-bottom:20px}@media screen and (min-width:900px){.impact .search-result{padding-top:0;padding-bottom:0}}.list-text-links .search-result{padding-top:0;padding-bottom:0}.search-result .image{margin-top:-20px;margin-bottom:20px}@media screen and (min-width:700px){.search-result .image{margin-top:0;margin-bottom:7.5px}}body:not(.vertical-home) .search-result .image{overflow:hidden}@media screen and (min-width:700px){body:not(.vertical-home) .search-result .image{max-height:140px}body:not(.vertical-home) .search-result .image figure{height:140px;padding-top:0}}.feature-block-item-wrapper,.feature-block-item-wrapper .article-name{color:#fff}.feature-block-item{min-height:85px}.feature-block-item:first-child:before{font-size:13px}.feature-block-item figcaption{overflow:hidden;padding:10px 20px 13px;margin-bottom:0;text-decoration:none}.feature-block-item .article-strapline{display:none;font-size:1rem;line-height:22px}.top-featured .feature-block-item-wrapper.item-1 .article-strapline{display:block;margin-top:.3em}.top-featured .feature-block-item{background-color:#333}.mainCarousel:not(.curatedCarousel) .top-featured .feature-block-item:before{content:"Featured";background-color:#e94e1b;z-index:1;font-size:13px}@media screen and (min-width:700px){.top-featured .feature-block-item img{width:100%}}.curatedCarousel .top-featured .feature-block-item span{color:inherit}.input-bar-item{white-space:nowrap;margin-top:15px}.input-bar-item label{padding-right:1em}.input-bar-item:first-child{margin-top:0}@media screen and (min-width:700px){.input-bar-item{margin-top:0;display:table-cell;vertical-align:top}}.input-bar-item .button{padding-left:1em;padding-right:1em;white-space:nowrap}@media screen and (min-width:700px){.input-bar-item .button{display:inline-block;margin-right:15px}.input-bar-item:nth-child(2){width:100%}.input-bar-item+.input-bar-item{border-left:1px solid #fff;padding-left:15px}}@media screen and (min-width:900px){.impact .input-bar-item{width:50%}.impact .input-bar-item .button{display:block}}.listingResults+.btn-reveal{margin-top:15px}.list-text-links .listingResult{background-color:#fff}.feature-block.top-featured:before,.impact .list-text-links .listingResult .listing-prices{display:none}.feature-block.top-featured{position:relative;z-index:97;border:0;display:flex;flex-wrap:wrap;align-content:stretch;justify-content:space-between;margin-bottom:30px}.feature-block.top-featured .feature-block-item-wrapper{box-sizing:content-box;width:100%;z-index:999;background-color:#333;border-bottom:solid 15px #fff;font-size:1.125em}.feature-block.top-featured .feature-block-item-wrapper img{height:100%;-o-object-fit:cover;object-fit:cover;float:none;max-width:none;left:0;right:0;margin-left:auto;margin-right:auto}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.feature-block.top-featured .feature-block-item-wrapper img{width:auto}}@supports (-ms-accelerator:true){.feature-block.top-featured .feature-block-item-wrapper img{width:auto}}.feature-block.top-featured .feature-block-item-wrapper .figcaption{overflow:hidden;font-size:1.25em}.item-1 .feature-block.top-featured .feature-block-item-wrapper .figcaption{font-size:1.5em}.feature-block.top-featured .feature-block-item-wrapper .image-remove-flow-width-setter{float:left;width:151px}@media screen and (min-width:575px){.feature-block.top-featured .feature-block-item-wrapper .image-remove-flow-width-setter{float:none;width:100%}}.feature-block.top-featured .feature-block-item-wrapper.item-1 .image-remove-flow-width-setter{width:100%}.feature-block.top-featured .feature-block-item-wrapper:nth-of-type(1){font-size:1.25em}@media screen and (min-width:575px){.feature-block.top-featured .feature-block-item-wrapper:nth-of-type(1){font-size:1.5em;border-bottom:solid 15px #fff}.feature-block.top-featured .feature-block-item-wrapper{border:0;margin:0}.feature-block.top-featured .feature-block-item-wrapper:nth-of-type(2),.feature-block.top-featured .feature-block-item-wrapper:nth-of-type(4){width:calc(50% - 7.5px);border-right:solid 15px #fff;border-bottom:solid 15px #fff}.feature-block.top-featured .feature-block-item-wrapper:nth-of-type(3),.feature-block.top-featured .feature-block-item-wrapper:nth-of-type(5){width:calc(50% - 7.5px);border-bottom:solid 15px #fff}}.impact .feature-block.top-featured .feature-block-item-wrapper{border:0;margin-right:0;margin-bottom:15px;min-width:calc(100% - 15px);flex:1;flex:1 1 calc(100% - 15px)}.impact .feature-block.top-featured .feature-block-item-wrapper a.category-link{background-color:#e94e1b;color:#fff;z-index:1}@media screen and (min-width:575px){.impact .feature-block.top-featured .feature-block-item-wrapper{margin-right:15px;min-width:calc(50% - 15px);flex:1;flex:1 1 calc(50% - 15px)}}@media screen and (min-width:900px){.impact .feature-block.top-featured .feature-block-item-wrapper{min-width:calc(33.33% - 15px);flex:1;flex:1 1 calc(33.33% - 15px)}}.impact .feature-block.top-featured .feature-block-item-wrapper.item-1{min-width:100%;flex:0}@media screen and (min-width:575px){.impact .feature-block.top-featured .feature-block-item-wrapper.item-1{min-width:calc(100% - 15px);flex:1;flex:1 1 calc(100% - 15px)}}@media screen and (min-width:900px){.impact .feature-block.top-featured .feature-block-item-wrapper.item-1{min-width:calc(66.66% - 15px);flex:1;flex:1 1 calc(66.66% - 15px);max-width:calc(66.66% - 15px);margin-right:30px}}@media screen and (max-width:699px){.listingResults .listingResult:not(:first-of-type) .image{display:none}}.byline{display:block;margin-bottom:4px}.byline,.listingResult .published-date{line-height:23px;font-size:13px}.listingResult:not(.small) .byline{display:none}.impact .deals .listingResult:nth-child(n+11) .image,.impact .deals .listingResult:nth-child(n+11) .synopsis{display:block}.primary-nav.pro .menuitems.legacy-container,.primary-nav.pro .wrapper,.primary-nav.pro .wrapper .menu-item-container a{background:#601948!important}@media only screen and (max-width:699px){#burgerbar:checked~.burgerbar .wrapper .menuitems{display:block}}.primary-nav{contain:layout;position:relative;z-index:10000}.primary-nav .menu-hamburger::after,.primary-nav .menu-hamburger::before{box-sizing:content-box}.primary-nav .wrapper{background:#333}.primary-nav .menuitems{display:none;position:absolute;width:100%;left:0}.primary-nav .menuitems:hover{z-index:999}@media screen and (min-width:700px){.primary-nav .menuitems{clear:none;z-index:auto;display:flex;position:relative;top:0;max-height:44px;max-width:970px}}.nav-list{font-size:0;display:inline-flex;width:100%}@media screen and (max-width:699px){.nav-list{flex-direction:column}}@media screen and (min-width:700px){.nav-list{height:44px}}.nav-list.component-loaded{height:auto;flex:1 1 0}.nav-list .menu-item,.nav-list .menu-item .sub-menu>.menu-item{visibility:visible}.menu-item{background-color:#333}@media screen and (min-width:700px){.menu-item{display:inline-block;zoom:1;*display:inline;vertical-align:top;font-size:0;background-color:transparent;white-space:nowrap;position:relative}}.menu-item.menu-item-home{min-width:53px}.menu-item i{visibility:inherit}.menu-item .menu-item-magazines,.menu-item a{line-height:44px;font-size:1rem;padding-left:1rem}.menu-item .menu-item-magazines:not(.maglink),.menu-item a:not(.maglink){padding-right:1rem}@media screen and (min-width:700px){.menu-item .menu-item-magazines,.menu-item a{display:inline-block;zoom:1;*display:inline;vertical-align:top}}.menu-item a{color:#fff}.menu-item .menu-item-magazines,.menu-item .menu-item-magazines:hover,.menu-item .menu-item-magazines:visited,.menu-item .menu-item-magazines:visited:hover,.menu-item a:hover,.menu-item a:visited,.menu-item a:visited:hover{color:#fff;display:block}.menu-item .menu-item-magazines:not(.menu-item-magazines):active,.menu-item a:not(.menu-item-magazines):active{background-color:#ededed}.menu-item .icon-home{font-size:1.3em;line-height:1;min-width:12px}.sub-menu .menu-item{display:block}.menu-item.menu-item-main-pro a,.pro .menu-item{background-color:transparent}.menu-item.menu-item-main-pro{background-color:#8c2b5e}@media screen and (min-width:700px){.menu-item.menu-item-main-pro{min-width:70px;text-align:center}}.pro .menu-item.menu-item-main-pro{background-color:#2f6e91}.sub-menu{display:none;background-color:#333;font-size:0;right:0}.reveal>.sub-menu,:focus+.sub-menu,:focus-within>.sub-menu{display:block;margin-left:9px}@media screen and (min-width:700px){.reveal>.sub-menu,:focus+.sub-menu,:focus-within>.sub-menu{display:inline-block;zoom:1;*display:inline;margin-left:0;vertical-align:top}}.menu-item-hover-reveal.menu-item,.menu-item-magazines.menu-item,.sub-menu-item{font-size:1rem}.menu-hamburger{height:60px;margin-bottom:0}.menu-hamburger:after,.menu-hamburger:before{content:"";position:absolute;width:18px;margin-left:-9px;top:50%;left:50%}.menu-hamburger:before{height:8px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;margin-top:-6px}.menu-hamburger:after{height:2px;background:currentColor;margin-top:-1px}.menu-hamburger.checked:before{border-top:none;border-bottom:none;border-left:2px solid currentColor;border-right:2px solid currentColor;width:8px;height:18px;margin-top:-9px;margin-left:-6px}.menu-hamburger.checked:after{width:2px;height:18px;margin-top:-9px;margin-left:-1px}.menu-item-hover-reveal,.menu-item-magazines{line-height:44px;color:#fff;padding-left:1rem;padding-right:1rem;white-space:nowrap;cursor:default}@media screen and (min-width:700px){.menu-item-hover-reveal:focus .sub-menu,.menu-item-hover-reveal:focus-within .sub-menu,.menu-item-hover-reveal:hover .sub-menu,.menu-item-magazines:focus .sub-menu,.menu-item-magazines:focus-within .sub-menu,.menu-item-magazines:hover .sub-menu{display:block;position:absolute;margin-left:-16px}}.menu-item-hover-reveal .icon,.menu-item-magazines .icon{font-size:11px;line-height:1;position:relative;top:-1px;left:1px}@media screen and (min-width:700px){.menu-item-hover-reveal .icon-arrow-right,.menu-item-magazines .icon-arrow-right{display:none}}.menu-item-hover-reveal .icon-arrow-down,.menu-item-magazines .icon-arrow-down{display:none}@media screen and (min-width:700px){.menu-item-hover-reveal .icon-arrow-down,.menu-item-magazines .icon-arrow-down{display:inline}.nav-sub-set-container{display:inline-flex;float:right}}.menuitems .nav-sub-set-container.subsite-container .menu-item.menu-item-none.menu-item-nav-sub-set{border-left:1px solid #fff}@media screen and (min-width:700px){.menuitems .nav-sub-set-container.subsite-container .menu-item.menu-item-none.menu-item-nav-sub-set{float:left;display:block}}.menuitems .nav-sub-set-container.subsite-container .menu-item.menu-item-none.menu-item-nav-sub-set a.subsite_subnav-item{display:flex;justify-content:center;align-items:center;background:#212121;height:36px;line-height:36px;text-align:center}.menuitems .nav-sub-set-container.subsite-container .menu-item.menu-item-none.menu-item-nav-sub-set a.subsite_subnav-item:hover{background:#dc0f17}.menuitems .nav-sub-set-container.subsite-container .menu-item.menu-item-none.menu-item-nav-sub-set a.subsite_subnav-item>svg{padding:0!important;fill:#fff;width:auto}.menuitems .nav-sub-set-container.subsite-container .menu-item.menu-item-none.menu-item-nav-sub-set a.subsite_subnav-item>svg>g,.menuitems .nav-sub-set-container.subsite-container .menu-item.menu-item-none.menu-item-nav-sub-set a.subsite_subnav-item>svg>path{fill:#fff}@media screen and (max-width:699px){.menuitems .nav-sub-set-container.subsite-container .menu-item.menu-item-none.menu-item-nav-sub-set a.subsite_subnav-item{text-align:left}.menuitems .nav-sub-set-container.subsite-container .menu-item.menu-item-none.menu-item-nav-sub-set a.subsite_subnav-item>svg{width:auto}}#content h1{font-weight:600;font-size:24px;line-height:30px;margin-bottom:.25rem}@media (min-width:700px){#content h1{margin-bottom:.5rem;font-size:28px;line-height:34px}}@media (min-width:1574px){#content h1{margin-bottom:.75rem;font-size:34px;line-height:42px}body.limit-width #content h1{margin-bottom:.5rem;font-size:28px;line-height:34px}}#content>header{margin:30px 20px}@media screen and (min-width:700px){#content>header{margin-top:0;margin-left:0;margin-right:0}}#content>header p{font-size:18px;line-height:26px;font-weight:300}@media (min-width:700px){#content>header p{font-size:20px;line-height:28px}}@media (min-width:1574px){#content>header p{font-size:24px;line-height:30px}body.limit-width #content>header p{font-size:20px;line-height:28px}}@media screen and (min-width:700px){#content>header.has-sponsorimg p{float:left;width:480px}}@media screen and (min-width:900px){#content>header.has-sponsorimg p{width:660px}}@media screen and (min-width:1000px){#content>header.has-sponsorimg p{width:440px}}#content>header.has-sponsorimg .sponsorimg{display:none;max-width:443px;height:auto}@media screen and (min-width:700px){#content>header.has-sponsorimg .sponsorimg{display:block;float:right}}#sidebar{box-sizing:border-box;float:left}@media screen and (min-width:700px){#sidebar{padding-left:20px;padding-right:20px}}@media screen and (min-width:1000px){#sidebar{padding-left:0;padding-right:0;width:300px}}.socialite-widget-ul{font-size:0;display:inline-block;zoom:1;*display:inline;vertical-align:top}.box .socialite-widget-ul,.impact .listingResult .content header{margin-bottom:0}.socialite-widget-item{display:inline-block;zoom:1;*display:inline;vertical-align:middle;width:24px;height:24px;line-height:24px;font-size:1rem;margin-left:8px}.socialite-widget-item:first-child{margin-left:0!important}.socialite-widget-item a{background-color:#333;display:flex;align-items:center;line-height:24px;width:100%;height:100%;text-align:center;border-radius:50%}.socialite-widget-item a.linkedin>.icon-svg{height:12px}.socialite-widget-item a.email>.icon-svg{height:14px}.socialite-widget-item a,.socialite-widget-item a:hover,.socialite-widget-item a:visited,.socialite-widget-item a:visited:hover{color:#fff;text-decoration:none}.burgerbar .buttons-social a:before,.socialite-widget-item .icon{font-size:.9em;width:100%;height:100%;line-height:24px}.socialite-widget-item .icon:before{display:block}.buttons-social a:hover,.socialite-widget-item a:hover{filter:brightness(1.2)}.buttons-social .envelope-icon,.socialite-widget-item .envelope-icon{background:#e94e1b}.burgerbar .buttons-social .icon.icon-flipboard:before,.buttons-social .icon.icon-flipboard,.socialite-widget-item .icon.icon-flipboard{font-size:12px}.burgerbar .buttons-social a{border:0}.burgerbar .buttons-social a:before{font-size:14px}.comment-jump{cursor:pointer}.socialite-widget-item .comment-jump{background-color:transparent}.comment-jump .icon-comment{display:inline-block;width:24px;font-size:16px}.comment-jump .icon-comment:before{display:inline-block;border-radius:50%;background:#e94e1b;line-height:24px;width:24px}.comment-jump span{display:none;color:#333;text-transform:uppercase;margin-left:.25rem;font-size:13px;font-weight:600}@media screen and (min-width:320px){.comment-jump span{display:inline-block;vertical-align:top}}.link-columns{background-color:#ededed;border-bottom:solid 1ex #ededed;border-top:solid 1ex #ededed;padding-left:20px;padding-right:20px;box-sizing:border-box;position:relative}@media screen and (min-width:700px){.link-columns{padding-left:0;padding-right:0}}@media screen and (max-width:700px){.link-columns:before{content:"";position:absolute;left:46%;border-left:1px solid #fff;height:calc(100% - 11px - 8px);top:11px}}.link-columns .table-row{font-size:0}.link-columns .table-row li{display:inline-block;zoom:1;*display:inline;font-size:1rem;width:50%}.link-columns .table-row a{font-weight:600;color:#333;display:block;line-height:44px;text-decoration:none}.link-columns .table-row a:active{text-decoration:underline}@media screen and (min-width:700px){.link-columns .table-row li{display:table-cell;padding:0 0 0 1em;border:1px solid #ddd;border-top:0;border-bottom:0;width:auto}.link-columns .table-row li:first-child{border-left:none}.link-columns .table-row li:last-child{border-right:none}.link-columns .table-row a:hover,.link-columns .table-row a:visited,.link-columns .table-row a:visited:hover{text-decoration:none}.link-columns .table-row a:visited{color:#333}}.link-columns .circle{font-size:.8em;margin-right:1ex;position:relative}.circle{border-radius:50%;width:2em;line-height:2em;text-align:center;overflow:hidden;vertical-align:middle}.circle i{font-size:1.2em}.archive .archive-list{padding-bottom:3em}.archive .archive-list .list-count{line-height:3em;font-weight:200;padding:0 20px}@media screen and (min-width:700px){.archive .archive-list .list-count{padding-left:0;padding-right:0}}.archive .input-bar ul,.circle{display:inline-block}.archive .input-bar ul .input-bar-item:nth-child(2){width:auto}.archive .input-bar .filter__button,.archive .input-bar ul .input-bar-item .select-wrapper{display:inline-block;height:44px;line-height:44px}.archive .input-bar .filter__button{position:relative;bottom:20px;width:70px;color:#fff;background-color:#333;text-align:center;cursor:pointer;font-size:12px;font-weight:700;text-transform:uppercase}.archive .input-bar .filter__button .icon-arrow-right{font-size:.75em;position:relative;top:-2px;margin-left:3px}.mfmwidget{margin:20px 20px 0}.mfmwidget img{max-width:100%}.mfmwidget .magazinelogo img{height:50px;margin-bottom:10px}.mfmwidget a.more:link,.mfmwidget a.more:visited{color:#fff}.mfmwidget a.more:hover{text-decoration:underline}.mfmwidget .legacy-container{display:flex;flex-direction:column;text-align:center;padding:15px 10px 10px;height:100%}@media screen and (min-width:600px){.mfmwidget .legacy-container{flex-direction:row}.mfmwidget .legacy-container .left,.mfmwidget .legacy-container .right{width:33.33%}}.mfmwidget .headerLine{background:#333;width:100%;height:1px}.mfmwidget .logo{height:43px;padding-bottom:5px}.mfmwidget .left,.mfmwidget .right{flex:1;align-self:center}.mfmwidget .text{padding:0 5px 10px;line-height:20px}.mfmwidget .ViewMoreButton{margin-top:20px;margin-left:auto;margin-right:auto;width:100%;height:44px;font-size:.813em;font-weight:700;line-height:38px;text-align:center;color:#333;text-transform:uppercase}.mfmwidget .buttonBackground{margin:40px}@media only screen and (min-width:599px){.mfmwidget .text{padding:10px 15px 0 10px;line-height:28px}.mfmwidget .buttonBackground{width:195px;margin-left:auto;margin-right:auto}.mfmwidget .logo{height:50px;padding-bottom:10px}}.recommendation-articles{display:flex;flex-direction:column}@media screen and (min-width:575px) and (max-width:999px){.recommendation-articles{flex-direction:row;justify-content:space-between}}.recommendation-title{background:#e94e1b;font-size:14px;color:#fff;text-transform:uppercase;padding:10px;font-weight:600;font-family:"Open Sans",Arial,sans-serif;height:22px;line-height:22px}.recommended-article{border-bottom:solid 1px #ccc;overflow:hidden;padding:5px 0;width:100%;position:relative;display:block}@media screen and (min-width:575px) and (max-width:999px){.recommended-article{min-width:calc((100% - 30px)/3);border-bottom:none}}.recommended-article.item-1{padding:5px 5px 10px 0}@media (max-width:574px){.recommended-article.item-1{padding:5px 0 10px}}@media screen and (min-width:900px){.recommended-article .article-name.item-2{width:50%}}.recommendation-container{margin:.3em 0 30px}.recommendation-container .article-name{display:inline-block;width:300px;overflow:hidden;font-size:16px;line-height:22px;padding:10px;font-family:"Open Sans","Open Sans-fallback"}@media screen and (min-width:575px){.recommendation-container .article-name{padding:10px 0;width:100%}}@media screen and (min-width:575px) and (max-width:999px){.recommendation-container .article-name{overflow:visible;font-size:18px;line-height:24px;padding:10px 0 0}}@media screen and (min-width:1000px){.recommendation-container .article-name{padding:0}}.recommendation-container .article-name.item-1{display:inline-block;margin-top:0;font-size:18px;line-height:24px;padding:10px}@media screen and (min-width:575px){.recommendation-container .article-name.item-1{padding:10px 0}}.recommendation-container .article-image-container{display:none;width:40%;float:left;margin-right:12px}@media screen and (min-width:575px) and (max-width:999px){.recommendation-container .article-image-container{width:100%;float:none;margin-right:0}}.recommendation-container .article-image-container.item-1{width:100%;margin-right:5px}@media screen and (min-width:575px){.recommendation-container .article-image-container{display:block}}.recommendation-container .article-image{height:0;padding-bottom:56.25%;width:100%;overflow:hidden}.recommendation-container img{-o-object-fit:cover;object-fit:cover;width:100%}a.skip-to-main-content{height:1px;left:-999px;opacity:0;overflow:hidden;position:absolute;top:auto;width:1px;z-index:-999}a.skip-to-main-content:active,a.skip-to-main-content:focus{background-color:#fff;border-radius:5px;font-size:1rem;height:auto;left:0;margin:5px;opacity:1!important;overflow:auto;padding:5px;width:auto;z-index:9999}@media (max-width:699px){body.sticky-navigation{margin-top:60px}body.sticky-navigation.supernav-present{margin-top:90px}body.sticky-navigation .primary-nav{position:fixed;top:0;width:100vw}body.sticky-navigation .primary-nav .wrapper .menuitems .sub-menu{max-height:calc(100vh - 60px - 88px - 50px);box-sizing:border-box;overflow-y:scroll}body.sticky-navigation .primary-nav .wrapper .menuitems .nav-list{max-height:calc(100vh - 60px - 50px);overflow-y:scroll}body.sticky-navigation:has(#chatbot-container){margin-top:100px}}#searchfilterform{min-height:105px}@media (min-width:575px){#searchfilterform{min-height:203px}}@media screen and (max-width:699px){body:not(.no-ads) #top-leaderboard{height:100px;margin-top:0;margin-bottom:0;contain:layout}.static-lightbox2,.static-lightbox3{min-height:350px;margin-top:20px;margin-bottom:20px;contain:layout}.highline-lightbox2,.highline-lightbox3{height:430px;margin-top:20px;margin-bottom:20px;contain:layout}body:not(.no-ads):not(.premium) .archive>.ad-unit:not(#in-article):not(.in-article):not(#ad-unit-2){height:460px;margin-top:20px;margin-bottom:20px;contain:layout}}@media screen and (min-width:700px) and (max-width:999px){body:not(.no-ads) .dfp-leaderboard-container{contain:layout;width:728px;height:100px;margin:0 auto;display:block}body:not(.no-ads) .dfp-leaderboard-container:empty{display:block}body:not(.no-ads) .ad-unit{min-height:250px}body:not(.no-ads) #sidebar-popular-bottom,body:not(.no-ads) #sidebar-popular-top,body:not(.no-ads) #sidebar-top{height:630px;margin-bottom:20px;contain:layout}}@media screen and (min-width:1000px){body:not(.no-ads) .dfp-leaderboard-container{width:980px;height:250px;margin:0 auto;display:block;contain:layout}body:not(.no-ads) .dfp-leaderboard-container:empty{display:block}body:not(.no-ads) #sidebar-popular-bottom,body:not(.no-ads) #sidebar-popular-top,body:not(.no-ads) #sidebar-top{height:630px;margin-bottom:20px;contain:layout}}#auth-in-nav-header{position:relative;display:flex;font-size:14px;font-weight:inherit;align-items:center;justify-content:center;cursor:pointer}@media screen and (max-width:899px){#auth-in-nav-header{flex-direction:column-reverse;text-align:center;top:0;height:100%}}#auth-in-nav-header-svg-block{display:flex;margin-left:4px}@media screen and (max-width:899px){#auth-in-nav-header-svg-block{margin-left:0}#auth-in-nav-header-text{line-height:15px;font-size:8px;text-align:center;font-weight:700}}#auth-in-nav-header-menu{position:absolute;top:61px;background-color:var(--flexi-brand_color_2);min-width:160px;width:-moz-max-content;width:max-content;z-index:1000;padding-left:10px;padding-right:10px;line-height:3em;display:none}@media screen and (max-width:699px){#auth-in-nav-header-menu{right:-50px;font-size:12px}}#auth-in-nav-header-menu-email{font-weight:700;flex-direction:column}#auth-in-nav-header-menu-email:after{content:"";border-bottom:1px solid #fff;width:50px}#auth-in-nav-header-menu-email,#auth-in-nav-header-profile,#auth-in-nav-header-sign-out{display:flex;align-items:center}.auth-in-nav-header-sign-out-text{margin-right:8px}.slice-container.popular-box-slice{width:100%}.slice-experts-header{width:100%;text-align:center}.slice-container svg{visibility:unset}.slice-container.newsletterForm-homepage{margin-bottom:3em;clear:both}@media (min-width:700px){.slice-container.trending-bar-container{padding:0 24px}}.slice-container.livereport{margin:0 12px 20px}@media (min-width:700px){.slice-container.livereport{margin:0 0 20px}}.newsletter-slice{width:100%}@media screen and (min-width:1000px){body:not(.no-ads) #sidebar-top{height:980px}body:not(.no-ads) #sidebar>.slice-container.newsletter-slice+#sidebar-top{height:630px}}.popular-box-slice{content-visibility:auto;contain-intrinsic-height:auto 600px}@media (min-width:700px){.popular-box-slice{content-visibility:visible;contain-intrinsic-height:initial}}body{background-color:#fff;-webkit-text-size-adjust:100%}.smaller{font-size:80%}a{color:#e94e1b;text-decoration:none}.burgerbar .nav-subscribe .subscribe-text:hover,a:hover{text-decoration:underline}a:visited{color:#f6baa7}a:visited:hover{color:#a36652}button{font-size:.875em;line-height:3em;border:solid 1px #333;color:#fff;background-color:#333;text-transform:uppercase;font-family:"Open Sans","Open Sans-fallback";margin:0;padding:0}button:focus{outline:0}button::-moz-focus-inner{border:0}.table{display:table;width:100%}.table-row{display:table-row}span.label{text-transform:uppercase;padding:0 1em;line-height:2em;display:inline-block;margin:0 1em 1em 0;font-size:60%}@media screen and (min-width:700px){.mobile-only{display:none}}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.burgerbar .nav-subscribe{float:right;font-size:12px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.burgerbar .nav-subscribe span{margin-left:5px}.burgerbar .nav-subscribe span svg{width:9px;height:auto;fill:#333}.burgerbar .nav-subscribe .subscribe-text{display:inline;background:#fff;color:#333;padding:6px;font-family:"Open Sans","Open Sans-fallback";overflow:hidden;white-space:nowrap;font-size:12px;line-height:20px;border:0}@media (max-width:699px){.burgerbar .nav-subscribe{position:absolute;top:0;right:50px}.burgerbar .nav-subscribe span svg{fill:#333}.burgerbar .nav-subscribe .subscribe-text{background:0 0;color:#333}}.nav-subscribe-widget-container{display:inline-block;visibility:hidden;position:absolute;width:100%;overflow:hidden;z-index:9999;background-color:transparent;border-top:1px solid #fff}.nav-subscribe-widget-container.visible{visibility:visible}.nav-subscribe-widget-container .container-inner{width:100%;background-color:#333;font-family:"Open Sans","Open Sans-fallback"}.nav-subscribe-widget-container .container-inner .block-message{display:flex;flex-direction:column;justify-content:center;width:100%;height:130px;padding:20px;box-sizing:border-box;color:#fff;text-align:center;font-size:17px;line-height:25px;border-bottom:1px solid #fff}@media (min-width:700px){.nav-subscribe-widget-container .container-inner .block-message{height:100px}}.burgerbar .button-search{min-width:60px}.nav-subscribe .svg-arrow-down,.nav-subscribe svg{display:inline-block}.nav-subscribe button:focus{outline:auto!important}.masthead-item .search-icon .icon-svg{fill:#333}.burgerbar{background-color:#ededed}@media screen and (min-width:700px){.burgerbar{border-bottom:0}.burgerbar,.burgerbar .other-links a,.burgerbar .other-links a:hover,.burgerbar .other-links a:visited{color:#232128}.burgerbar label{background:#ededed}}.burgerbar .logo{padding:0 16px}.burgerbar .logo a{display:inline-flex;align-items:center}.burgerbar .logo .strapline{font-size:11px;color:#232128;font-weight:600;margin-top:auto;margin-bottom:auto}.burgerbar .logo .site-logo svg{width:166px;height:auto}.burgerbar .logo:after{content:"";padding:0;margin:0}@media (max-width:700px){.burgerbar .logo{padding-left:0}}.burgerbar .nav-subscribe{margin-left:10px}@media (max-width:700px){.burgerbar .search-box .search-submit{top:17px;height:42px}}@media screen and (max-width:950px){.burgerbar .logo .strapline{display:none}}.burgerbar .buttons-social{padding-left:0}.burgerbar .desktop-text,.burgerbar .other-links{font-weight:600}.burgerbar .button-search{margin-left:0;padding-left:0}@media screen and (min-width:700px){.burgerbar .button-search{padding-left:14px}}.burgerbar :checked+.button-search{color:#fff}.burgerbar :checked+.button-search .search-icon .icon-svg{fill:#fff}.burgerbar .burgerbar-small{color:#333}.burgerbar .burgerbar-small .menu-hamburger:before{border-top:2px solid #333;border-bottom:2px solid #333}.burgerbar .burgerbar-small .menu-hamburger:after{background:#333}.burgerbar .burgerbar-small .menu-hamburger.checked:before{border-top:none;border-bottom:none;border-left:2px solid #333;border-right:2px solid #333;width:8px;height:18px;margin-top:-9px;margin-left:-6px}.menu-item a{display:block}.listingResult a.category-link,.menu-item a:active,.menu-item-magazines .sub-menu a:hover,.menu-item-magazines .sub-menu:hover,.menu-item-magazines:hover,.menu-item.active,.menu-item.active:hover{background-color:#e94e1b}@media screen and (min-width:700px){.menu-item-magazines{width:125px;box-sizing:border-box}}.menu-item-magazines .sub-menu{background-color:#e94e1b;margin-top:-1px}.menu-item-magazines .icon-arrow-down,.menu-item-magazines .icon-arrow-right{font-size:8px;vertical-align:middle}.list-text-links.list-text-links-trending-panel .list-title a:hover,.list-text-links.list-text-links-trending-panel .list-title a:visited:hover,header .list-title{color:#e94e1b}@media screen and (min-width:700px){body.impact .list-text-links .listingResult .content{padding:8px 0}}.list-text-links.list-text-links-trending-panel .list-title{height:54px!important;line-height:38px!important;vertical-align:middle;padding:0 20px!important}@media screen and (min-width:700px){.list-text-links.list-text-links-trending-panel .list-title{padding:0!important}}.list-text-links.list-text-links-trending-panel .list-title:before{margin-top:8px;margin-bottom:8px}@media screen and (min-width:700px){.list-text-links.list-text-links-trending-panel .listingResult.small:nth-child(n+5) .content{padding:10px 0 0}}.impact .how-to .listingResults,.reviews .listingResults{height:auto}.impact section h2.list-title{font-weight:600;font-size:18px}@media screen and (min-width:900px){.impact .listingResult .content header .byline{margin-bottom:7px}}.impact:not(.subpage) .how-to,.impact:not(.subpage) .how-to .listingResults,.impact:not(.subpage) .reviews,.impact:not(.subpage) .reviews .listingResults{height:auto}@media screen and (min-width:900px){.impact:not(.subpage) .how-to .listingResults .listingResult:first-child .content,.impact:not(.subpage) .reviews .listingResults .listingResult:first-child .content{padding:20px;background-color:#fff;position:relative}.impact:not(.subpage) .how-to .listingResults .listingResult:first-child .content header,.impact:not(.subpage) .reviews .listingResults .listingResult:first-child .content header{margin-bottom:0}}.impact:not(.subpage) .how-to .listingResults .listingResult:first-child .article-name,.impact:not(.subpage) .reviews .listingResults .listingResult:first-child .article-name{display:inline-block;zoom:1;color:#333;font-weight:700}@media screen and (min-width:900px){.impact:not(.subpage) .how-to .listingResults .listingResult:first-child .article-name,.impact:not(.subpage) .reviews .listingResults .listingResult:first-child .article-name{margin-bottom:7px;font-size:20px;line-height:26px;margin-top:0}.impact:not(.subpage) .how-to .listingResults .listingResult:first-child .published-date,.impact:not(.subpage) .reviews .listingResults .listingResult:first-child .published-date{display:inline}.impact:not(.subpage) .how-to .listingResults .listingResult:first-child .image,.impact:not(.subpage) .reviews .listingResults .listingResult:first-child .image{margin-bottom:0}.impact:not(.subpage) .how-to .listingResults .listingResult:first-child .synopsis,.impact:not(.subpage) .reviews .listingResults .listingResult:first-child .synopsis{color:#333}}.mfmwidget .buttonBackground{background-color:#f26722;padding-left:15px;padding-right:15px}.mainCarousel:not(.curatedCarousel) .feature-block.top-featured .feature-block-item-wrapper:nth-of-type(1){border-bottom:none;margin-bottom:0}.impact:not(.subpage) .all .listingResult:nth-of-type(2) .article-name{font-size:20px;line-height:26px}@media screen and (min-width:900px){.impact:not(.subpage) .how-to .listingResults .listingResult:first-child .content,.impact:not(.subpage) .reviews .listingResults .listingResult:first-child .content{padding:0}.impact:not(.subpage) .how-to .listingResults .listingResult:first-child .image,.impact:not(.subpage) .reviews .listingResults .listingResult:first-child .image{margin-bottom:15px}}body:not(.impact) .search-result .image .article-lead-image-wrap{background-color:#333;height:140px;overflow:hidden}@media (max-width:699px){.burgerbar .logo{text-align:left;margin-left:46px}}@media (max-width:475px){.burgerbar .logo .site-logo svg{width:92px;height:auto}}.top-featured .feature-block-item figcaption{width:auto}}</style>
<meta data-static-host="//vanilla.futurecdn.net/creativebloq/1593833" id="static-host-pattern">
<link rel="preload" as="style" href="//vanilla.futurecdn.net/creativebloq/1593833/media/css/creativebloq.min.css" onload="this.onload=null;this.rel='stylesheet'">
<style id="vanilla-slice-root">@layer legacy { .slice-container-newsletterForm{--newsletter-form-primary-color:#E94E1B;--newsletter-form-secondary-color:#ddd;--newsletter-form-background-color:#f6f6f6;--newsletter-form-text-color:#000;--newsletter-form-header-padding:0 0 15px;--newsletter-form-alignment:left;}.slice-container-popularBox{--popular-box-tab-bar-color:#E94E1B;}.slice-container-trending{--trending-label-color:#E94E1B;--trending-background-color:#ededed;--trending-highlight-color:#E94E1B;--trending-scrollbar-color:#E94E1B;--trending-scrollbar-background-color:#F5F5F5;}.slice-container-regionRedirectBanner{--region-redirect-banner-background:#E94E1B;--region-redirect-banner-font-color:#fff;} }</style>
<style id="vanilla-slice-combined-css">@layer legacy { .newsletter-form__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#fff;background:var(--newsletter-form-background-color,#fff);border-top:2px solid #000;border-top:2px solid var(--newsletter-form-secondary-color,#000);-ms-flex-direction:column;flex-direction:column;position:relative}.newsletter-form__top-bar,.newsletter-form__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.newsletter-form__top-bar{text-align:center;vertical-align:middle}.newsletter-form__header{color:#333;color:var(--newsletter-form-text-color,#333);font-weight:600}.newsletter-form__header svg{height:40px;width:auto}.newsletter-form__main-section{text-align:center}.newsletter-form__strapline{color:#333;color:var(--newsletter-form-text-color,#333);font-size:1.125em;line-height:1.5em}.newsletter-form__footer{color:#666;font-size:.8em;line-height:1.3em;margin:10px 0 0;margin:var(--newsletter-form-footer-margin,10px) 0 0;text-align:left}.newsletter-form__footer a,.newsletter-form__message{color:#333;color:var(--newsletter-form-text-color,#333)}.newsletter-form__message{font-size:1.3em;font-weight:600;line-height:1.3;margin:60px 0 3rem}.newsletter-form__form input[type=submit]{background-color:#000;background-color:var(--newsletter-form-primary-color,#000);border:none;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;line-height:2.85em;text-align:center;text-transform:uppercase;width:100%}.newsletter-form__form input[type=email],.newsletter-form__form input[type=text]{border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;color:var(--newsletter-form-text-color,#333);font-size:1em;line-height:2.75em;padding:0 10px;width:100%}.newsletter-form__form input[type=checkbox]{-webkit-box-flex:0;display:inline;-ms-flex:0 0 auto;flex:0 0 auto;height:13px;margin:0 8px 0 0;padding:0 0 10px 25px;position:relative;top:2px;width:13px}.form__checkbox-label,.newsletter-form__form input[type=checkbox]{color:#333;color:var(--newsletter-form-text-color,#333);cursor:pointer}.form__checkbox-label{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.813em;margin-bottom:0;padding-top:15px;text-align:left}.form__checkbox-label:last-of-type{margin-bottom:15px}label.form__checkbox-label{grid-column:1/span 2}.newsletter-form__wrapper{padding:30px 20px}.newsletter-form__top-bar{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-pack:var(--newsletter-form-alignment,flex-start);-ms-flex-pack:var(--newsletter-form-alignment,flex-start);justify-content:flex-start;justify-content:var(--newsletter-form-alignment,flex-start);padding:0 0 10px;padding:var(--newsletter-form-header-padding,0 0 10px)}.newsletter-form__strapline{margin:0 0 10px;margin:var(--newsletter-form-strapline-margin,0 0 10px);text-align:left;text-align:var(--newsletter-form-alignment,left)}.newsletter-form__header{font-size:1.5em;line-height:1.2}.newsletter-form__wrapper--sidebar{background:0 0;border:none;padding:0}.newsletter-form__wrapper--sidebar .newsletter-form__container{border-bottom:1px solid #ccc;width:100%}.newsletter-form__wrapper--sidebar .newsletter-form__top-bar{-webkit-box-pack:center;-ms-flex-pack:center;border-bottom:1px solid #ccc;border-top:1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding:0}.newsletter-form__wrapper--sidebar .newsletter-form__top-bar .newsletter-form__header{font-size:1rem;font-weight:600;padding-bottom:4px;padding-right:8px;padding-top:4px;text-align:left;text-transform:uppercase}.newsletter-form__wrapper--sidebar .newsletter-form__top-bar svg{fill:#333;fill:var(--newsletter-form-primary-color,#333);height:38px;margin:5px 10px;width:38px}.newsletter-form__wrapper--sidebar .newsletter-form__top-bar h2{font-size:1em;font-weight:400;text-transform:uppercase}.newsletter-form__wrapper--sidebar .newsletter-form__top-bar .newsletter-form__headerIcon{-ms-flex-negative:0;flex-shrink:0}.newsletter-form__wrapper--sidebar .newsletter-form__main-section{margin:0 auto;max-width:300px;padding:10px}.newsletter-form__wrapper--sidebar .newsletter-form__main-section p.newsletter-form__strapline{font-size:.875em}.newsletter-form__wrapper--sidebar .newsletter-form__form input[type=email],.newsletter-form__wrapper.newsletter-form__wrapper--sidebar .newsletter-form__form input[type=text]{font-size:.75em}.newsletter-form__wrapper--sidebar .form__checkbox-label{font-size:.75em;line-height:1.25em}.newsletter-form__wrapper--sidebar .newsletter-form__footer{font-size:.625em;line-height:1.5em}.newsletter-form__wrapper--sidebar .newsletter-form__footer a{color:#2f6e91;color:var(--newsletter-form-primary-color,#2f6e91);text-decoration:none}.image__image{vertical-align:middle;width:100%}.popular-box__articles-list{display:none}.popular-box__articles-list--active{margin:0;min-height:280px;padding:0}.popular-box__article-list,.popular-box__articles-list--active{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.popular-box__article-list{border-bottom:1px dotted #999;min-height:52px;position:relative;width:100%}.popular-box__article-list__image-wrapper{height:0;padding-top:max(180px,min(56.25%,70vh));position:relative}.popular-box__article-list__image{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.popular-box__article-list:first-child .popular-box__article-list__content{background-color:#333333f2;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;width:100%}.popular-box__article-list:first-child .popular-box__article-list__link,.popular-box__article-list:first-child .popular-box__article-list__number-text{background:#333;color:#fff}.popular-box__article-list__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;padding:15px}.popular-box__article-list__number-text{color:#4d4d4d;font-size:30px;font-weight:100;margin-right:10px;text-align:center}.popular-box__article-list__heading{-ms-flex-item-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-self:center;color:#333;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;flex-grow:1;font-weight:700}.popular-box__article-list__heading:hover{color:#333}.popular-box__article-list__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:column;flex-flow:column;position:relative;width:100%}.popular-box__article-list__link{color:#333;line-height:1.375;text-decoration:none}.popular-box__article-list__link:active,.popular-box__article-list__link:focus,.popular-box__article-list__link:hover,.popular-box__article-list__link:link,.popular-box__article-list__link:visited{color:#333;text-decoration:none}.popular-box__label{background:#2f6e91;background:var(--popular-box-tab-bar-color,#2f6e91);-ms-flex-direction:row;flex-direction:row;padding:4px 4px 0}.popular-box__label,.popular-box__label__tab{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.popular-box__label__tab{-webkit-box-flex:1;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-flow:row nowrap;flex-flow:row nowrap;font-size:14px;font-weight:600;justify-content:center;line-height:1.05;margin:0;opacity:1;padding:10px;text-align:center;text-transform:uppercase;width:auto}.popular-box__label__tab:hover{opacity:.9}.popular-box__label__tab:active,.popular-box__label__tab:focus,.popular-box__label__tab:link,.popular-box__label__tab:visited{outline:0}.popular-box__label__tab--active{background:#fff;color:#595959;opacity:1}.popular-box{background-color:#fff;contain:content;display:block;margin:24px 0;width:100%}.trending{contain:layout}.trending__wrapper{background:#ededed;background:var(--trending-background-color,#ededed);border-bottom:1px solid #ededed;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;width:100%}.trending__wrapper.trending--border-top{border-top:none;border-top:var(--trending__border-top-width,none) var(--trending__border-top-style,none) var(--trending__border-top-color,none)}.trending__wrapper.trending--border-bottom{border-bottom:none;border-bottom:var(--trending__border-bottom-width,none) var(--trending__border-bottom-style,none) var(--trending__border-bottom-color,none)}.trending__nav{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:40px;line-height:40px}.trending__nav-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.trending__list{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;list-style:none;margin:0;overflow-x:auto;overflow-y:hidden;padding:0;white-space:nowrap}.trending__list::-webkit-scrollbar-track{background-color:var(--trending-scrollbar-background-color);border-radius:10px;-webkit-box-shadow:inset 0 0 2px #0000004d;box-shadow:inset 0 0 2px #0000004d}.trending__list::-webkit-scrollbar{background-color:var(--trending-scrollbar-background-color);height:6px}.trending__list::-webkit-scrollbar-thumb{background-color:var(--trending-scrollbar-color);border-radius:10px}.trending__label{color:#333;color:var(--trending-label-color,#333);font-weight:600;padding:0 14px;text-transform:uppercase}.trending__link{color:#333;padding:7px;text-decoration:none}.trending__link-highlight{color:var(--trending-highlight-color);text-transform:uppercase}.trending__link:visited{color:#333}.trending__item{margin:0 15px;font-weight:600;padding:0 7px}.region_redirect_banner{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:#315062;background-color:var(--region-redirect-banner-background,#315062);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;contain:content;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;left:0;min-height:26px;padding:20px;position:fixed;width:100vw;z-index:9999}.region-redirect-banner__text{cursor:pointer;font-size:18px;line-height:26px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.region-redirect-banner__text,.region-redirect-banner__text a{color:#fff;color:var(--region-redirect-banner-font-color,#fff)}.region-redirect-banner__text a{font-weight:700;text-decoration:underline}.region-redirect-banner__text a:visited{color:#fff;color:var(--region-redirect-banner-font-color,#fff)}.region-redirect-banner__close{-webkit-box-flex:0;fill:#fff;fill:var(--region-redirect-banner-font-color,#fff);cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;height:22px;margin-top:3px;opacity:.8;width:22px}.region-redirect-banner__close:hover{opacity:1}.newsletter-form__wrapper--exitIntent{padding:30px 50px}.newsletter-form__wrapper--exitIntent .newsletter-form__header{margin-bottom:15px;width:100%}.newsletter-form__wrapper--exitIntent .newsletter-form__container{max-width:750px}.newsletter-form__wrapper--exitIntent .newsletter-form__top-bar{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-pack:var(--newsletter-form-alignment,center);-ms-flex-pack:var(--newsletter-form-alignment,center);justify-content:center;justify-content:var(--newsletter-form-alignment,center);padding:0 0 30px;padding:var(--newsletter-form-header-padding,0 0 30px)}@media screen and (max-width:699px){.newsletter-form__wrapper--exitIntent .newsletter-form__header{margin-top:20px}.newsletter-form__wrapper--exitIntent .form__checkbox-label{line-height:1.3}.newsletter-form__wrapper--exitIntent .newsletter-form__top-bar{padding:0 0 15px;padding:var(--newsletter-form-header-padding,0 0 15px)}}.newsletter-form__wrapper--exitIntent .newsletter-form__strapline{font-size:24px;margin:0 0 15px;margin:var(--newsletter-form-strapline-margin,0 0 15px);text-align:center;text-align:var(--newsletter-form-alignment,center)}.exit-intent{background-color:#000000b3;contain:content;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:99999999}.exit-intent__wrapper{contain:layout;left:50%;min-height:350px;min-width:750px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width:699px){.newsletter-form__wrapper--exitIntent .newsletter-form__strapline{font-size:20px;line-height:1.35}.newsletter-form__wrapper--exitIntent{padding:15px 20px}.exit-intent{display:block;z-index:9999999999}.exit-intent__wrapper{min-height:450px;min-width:320px}}.exit-intent__close-button{background-color:initial;border:none;border-radius:100%;cursor:pointer;height:32px;padding:5px;position:absolute;right:15px;top:20px;z-index:1}@media screen and (max-width:699px){.exit-intent__close-button{right:0;top:0}}.exit-intent__close-button:focus{background-color:hsla(0,0%,60%,.322);border:none;outline:0}input[type=email].form__email-input--exitIntent{height:44px;margin-bottom:0}input[type=submit].form__submit-input--exitIntent{height:44px} }</style>
<style id="vanilla-critical-styles">
@font-face {
font-family: "Roboto Condensed-fallback";
size-adjust: 88.91000000000001%;
ascent-override: 110%;
src: local(Arial);
}
@font-face {
font-family: "Open Sans-fallback";
size-adjust: 105.42999999999994%;
ascent-override: 105%;
src: local(Arial);
}
@font-face {
font-family: "Open Sans Condensed-fallback";
size-adjust: 82%;
src: local(sans-serif);
}
@font-face {
font-family: "Open Sans Condensed-fallback";
size-adjust: 87%;
ascent-override: 110%;
descent-override: 41%;
src: local(Arial);
}
@font-face {
font-family: "Open Sans Condensed-fallback";
size-adjust: 105%;
ascent-override: 100%;
descent-override: 30%;
src: local("Arial Narrow");
}
@font-face {
font-family: "Open Sans Condensed-fallback";
size-adjust: 89%;
ascent-override: 89%;
src: local("Helvetica");
}
@font-face {
font-family: "Open Sans";
font-weight: 300;
font-style: normal;
src: url('https://vanilla.futurecdn.net/creativebloq/1593833/media/shared/fonts/OpenSans-300-Light.woff2') format('woff2'),;
font-display: swap;
size-adjust: 100%;
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: normal;
src: url('https://vanilla.futurecdn.net/creativebloq/1593833/media/shared/fonts/OpenSans-400-Regular.woff2') format('woff2'),;
font-display: swap;
size-adjust: 100%;
}
@font-face {
font-family: "Open Sans";
font-weight: 600;
font-style: normal;
src: url('https://vanilla.futurecdn.net/creativebloq/1593833/media/shared/fonts/OpenSans-600-SemiBold.woff2') format('woff2'),;
font-display: swap;
size-adjust: 100%;
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: normal;
src: url('https://vanilla.futurecdn.net/creativebloq/1593833/media/shared/fonts/OpenSans-700-Bold.woff2') format('woff2'),;
font-display: swap;
size-adjust: 100%;
}
@font-face {
font-family: "Open Sans";
font-weight: 800;
font-style: normal;
src: url('https://vanilla.futurecdn.net/creativebloq/1593833/media/shared/fonts/OpenSans-800-ExtraBold.woff2') format('woff2'),;
font-display: swap;
size-adjust: 100%;
}
@font-face {
font-family: "creativebloq";
src: url('https://vanilla.futurecdn.net/creativebloq/1593833/media/fonts/creativebloq.woff') format('woff');
font-display: "swap";
}
/* --flexi-layout-- */
@layer legacy {.widget-area svg {visibility: hidden;}}
/* --flexi-core-- */
@charset "UTF-8";@layer legacy{.special1{font-weight:400}.special2{font-weight:700;text-transform:capitalize}.special3{font-weight:400}.h1,.heading1a{font-weight:700;line-height:normal;margin:0;text-transform:uppercase}.h1b,.heading1b{font-weight:700;font-size:1.25em;line-height:1.4;margin-bottom:4px}.h1c,.h2,.heading1c,.heading2{font-weight:700;text-transform:uppercase}.h3,.heading3a{font-weight:600}.h3b,.heading3b{font-weight:700;text-transform:uppercase}.h3c,.heading3c{font-weight:700;text-transform:capitalize}.subheading1{font-weight:600}.subheading2,.subheading3,.subheading4{font-weight:700;text-transform:uppercase}.txt1a,.txt1b{font-weight:400}.txt2a{font-weight:600}.txt2b,.txt2c,.txt3{font-weight:400}:root{--brand-font-family-1:Arial, sans-serif;--brand-font-family-2:Arial, sans-serif;--brand-font-weight-light:100;--brand-font-weight-medium:400;--brand-font-weight-heavy:700;--brand-font-size-big:32px;--brand-font-size-medium:16px;--brand-font-size-small:12px;--brand-line-height-big:26px;--brand-line-height-medium:22px;--brand-line-height-small:16px;--brand-color-1:#090E21;--brand-color-2:#E40784;--brand-color-3:#3D73D1;--brand-color-black:#1B1B1B;--brand-color-white:#FFFFFF;--brand-color-grey:#EDEDED;--brand-secondary-color-1:#A910E8;--brand-secondary-color-2:#520B3D;--brand-secondary-color-3:#FF9900}@media screen and (min-width:700px){:root{--brand-font-size-big:42px;--brand-font-size-medium:18px;--brand-font-size-small:12px;--brand-line-height-big:56px;--brand-line-height-medium:26px;--brand-line-height-small:16px}}:root{--brand-layout-margin-default:0px;--brand-layout-padding-default:15px;--brand-layout-margin-top:25px;--brand-layout-margin-right:var(--brand-layout-margin-default);--brand-layout-margin-bottom:25px;--brand-layout-margin-left:var(--brand-layout-margin-default);--brand-layout-padding-top:15px;--brand-layout-padding-right:var(--brand-layout-padding-default);--brand-layout-padding-bottom:var(--brand-layout-padding-default);--brand-layout-padding-left:var(--brand-layout-padding-default);--brand-layout-background-color:var(--brand-secondary-color-1)}@media screen and (min-width:700px){:root{--brand-layout-margin-default:0px;--brand-layout-padding-default:20px}}:root{--brand-widget-title-font-family:var(--brand-font-family-1);--brand-widget-title-font-weight:var(--brand-font-weight-medium);--brand-widget-title-font-size:var(--brand-font-size-big);--brand-widget-title-line-height:var(--brand-line-height-big);--brand-widget-title-text-transform:none;--brand-widget-description-font-family:var(--brand-font-family-1);--brand-widget-description-font-weight:var(--brand-font-weight-medium);--brand-widget-description-font-size:var(--brand-font-size-medium);--brand-widget-description-line-height:var(--brand-line-height-medium);--brand-widget-description-text-transform:none;--brand-widget-view-more-top-font-family:var(--brand-font-family-1);--brand-widget-view-more-top-font-weight:var(--brand-font-weight-heavy);--brand-widget-view-more-top-font-size:var(--brand-font-size-medium);--brand-widget-view-more-top-line-height:20px;--brand-widget-view-more-top-text-transform:uppercase;--brand-widget-tab-cta-font-family:var(--brand-font-family-1);--brand-widget-tab-cta-font-weight:var(--brand-font-weight-heavy);--brand-widget-tab-cta-font-size:18px;--brand-widget-tab-cta-line-height:26px;--brand-widget-tab-cta-text-transform:uppercase;--brand-widget-item-title-font-family:var(--brand-font-family-1);--brand-widget-item-title-font-weight:var(--brand-font-weight-heavy);--brand-widget-item-title-font-size:var(--brand-font-size-medium);--brand-widget-item-title-line-height:var(--brand-line-height-medium);--brand-widget-item-title-text-transform:none;--brand-widget-item-title-text-color:var(--brand-color-black);--brand-widget-item-label-font-family:var(--brand-font-family-1);--brand-widget-item-label-font-weight:var(--brand-font-weight-heavy);--brand-widget-item-label-font-size:var(--brand-font-size-small);--brand-widget-item-label-line-height:10px;--brand-widget-item-label-text-transform:uppercase;--brand-widget-item-label-text-color:var(--brand-color-2);--brand-widget-item-strapline-font-family:var(--brand-font-family-1);--brand-widget-item-strapline-font-weight:var(--brand-font-weight-medium);--brand-widget-item-strapline-font-size:var(--brand-font-size-medium);--brand-widget-item-strapline-line-height:var(--brand-line-height-medium);--brand-widget-item-strapline-text-transform:none;--brand-widget-item-strapline-text-color:var(--brand-color-black);--brand-widget-item-byline-font-family:var(--brand-font-family-1);--brand-widget-item-byline-font-weight:var(--brand-font-weight-medium);--brand-widget-item-byline-font-size:var(--brand-font-size-small);--brand-widget-item-byline-line-height:var(--brand-line-height-small);--brand-widget-item-byline-text-transform:uppercase;--brand-widget-item-byline-text-color:var(--brand-color-black);--brand-widget-hero-title-font-family:var(--brand-font-family-1);--brand-widget-hero-title-font-weight:var(--brand-font-weight-heavy);--brand-widget-hero-title-font-size:22px;--brand-widget-hero-title-line-height:30px;--brand-widget-hero-title-text-transform:none;--brand-widget-hero-title-text-color:var(--brand-color-white);--brand-widget-hero-label-font-family:var(--brand-font-family-1);--brand-widget-hero-label-font-weight:var(--brand-font-weight-heavy);--brand-widget-hero-label-font-size:var(--brand-font-size-small);--brand-widget-hero-label-line-height:10px;--brand-widget-hero-label-text-transform:uppercase;--brand-widget-hero-label-text-color:var(--brand-color-2);--brand-widget-hero-strapline-font-family:var(--brand-font-family-1);--brand-widget-hero-strapline-font-weight:var(--brand-font-weight-medium);--brand-widget-hero-strapline-font-size:var(--brand-font-size-medium);--brand-widget-hero-strapline-line-height:var(--brand-line-height-medium);--brand-widget-hero-strapline-text-transform:none;--brand-widget-hero-strapline-text-color:var(--brand-color-white);--brand-widget-hero-byline-font-family:var(--brand-font-family-1);--brand-widget-hero-byline-font-weight:var(--brand-font-weight-medium);--brand-widget-hero-byline-font-size:var(--brand-font-size-small);--brand-widget-hero-byline-line-height:var(--brand-line-height-small);--brand-widget-hero-byline-text-transform:uppercase;--brand-widget-hero-byline-text-color:var(--brand-color-white)}@media screen and (min-width:700px){:root{--brand-widget-view-more-top-font-size:20px;--brand-widget-hero-title-font-size:32px;--brand-widget-hero-title-line-height:36px;--brand-widget-dynamic-feature-hero-title-font-size:28px;--brand-widget-dynamic-feature-hero-title-line-height:36px;--brand-widget-dynamic-coverlist-hero-title-font-size:28px;--brand-widget-dynamic-coverlist-hero-title-line-height:36px}}body.vanilla2{font-family:var(--brand-font-family-1);font-weight:var(--brand-font-weight-medium);color:var(--brand-color-black)}.vanilla2 #main.legacy-container{max-width:1200px!important}.vanilla2.impact #content,.vanilla2.impact #main.legacy-container .content,img{max-width:100%}.vanilla2 .slot-lightbox2,.vanilla2 .slot-lightbox3{margin:auto!important}.fa,.fa-stack,.fa:after,.fa:before{display:inline-block}.fa.fa-th:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath d='M512 288v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM512 800v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1152 288v-192q0 -40 -28 -68t-68 -28h-320 q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM512 1312v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1152 800v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28 h320q40 0 68 -28t28 -68zM1792 288v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1152 1312v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1792 800v-192 q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1792 1312v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68z' transform='translate(0,1792) scale(1, -1)' style='fill: currentcolor;'%3E%3C/path%3E%3C/svg%3E");width:17px}.fa.fa-list:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath d='M512 288v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM512 800v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1792 288v-192q0 -40 -28 -68t-68 -28h-960 q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h960q40 0 68 -28t28 -68zM512 1312v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1792 800v-192q0 -40 -28 -68t-68 -28h-960q-40 0 -68 28t-28 68v192q0 40 28 68t68 28 h960q40 0 68 -28t28 -68zM1792 1312v-192q0 -40 -28 -68t-68 -28h-960q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h960q40 0 68 -28t28 -68z' transform='translate(0,1792) scale(1, -1)' style='fill: currentcolor;'%3E%3C/path%3E%3C/svg%3E");width:17px}.fa.fa-minus:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1257 1257'%3E%3Cpath d=' M500.5 841C224.098875 841 0 616.86984375 0 340.5S224.098875 -160 500.5 -160C776.93240625 -160 1001 64.13015625 1001 340.5S776.93240625 841 500.5 841zM792.44790625 257.07290625H208.55209375V423.8958125H792.4791875000001V257.07290625z' transform='translate(0,1001) scale(1, -1)' style='fill: currentcolor;'%3E%3C/path%3E%3C/svg%3E");width:17px}.fa.fa-plus:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1257 1257'%3E%3Cpath d=' M500.5 841C224.0363125 841 0 616.86984375 0 340.5S224.0363125 -160 500.5 -160C776.93240625 -160 1001 64.13015625 1001 340.5S776.93240625 841 500.5 841zM834.17709375 257.07290625H583.92709375V6.82290625H417.1041875V257.07290625H166.8541875000001V423.8958125H417.1041875V674.1458124999999H583.92709375V423.8958125H834.17709375V257.07290625z' transform='translate(0,1001) scale(1, -1)' style='fill: currentcolor;'%3E%3C/path%3E%3C/svg%3E");width:17px}.fa.fa-remove:before{content:"\00d7"}.fa.fa-caret-down:after,.fa.fa-caret-left:after,.fa.fa-caret-right:after,.fa.fa-caret-top:after{border:1px solid red;border-color:transparent transparent transparent #000;border-width:5px;content:"";display:inline-block;vertical-align:baseline}.fa.fa-caret-down:after,.fa.fa-caret-left:after,.fa.fa-caret-top:after{border-color:transparent #000 transparent transparent}.fa.fa-caret-down:after,.fa.fa-caret-top:after{border-color:transparent transparent #000;vertical-align:text-top}.fa.fa-caret-down:after{border-color:#000 transparent transparent;vertical-align:text-bottom}.p-g-bbs [class*=p-u]{box-sizing:border-box}.pos-relative{position:relative}.pos-absolute{position:absolute}.txt-hidden{text-indent:-99999px}.txt-left{text-align:left}.txt-center{text-align:center}.txt-right{text-align:right}.txt-break{word-wrap:break-word}.bold,.stronger{font-weight:700}.normal{font-weight:400}.upper{text-transform:uppercase}.cap{text-transform:capitalize}.pointer,.tabs-nav label{cursor:pointer}.ib,.inlineBlock{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}.space--l{margin-left:-54px}.space-l{margin-left:54px}.h,.hide{display:none}.img-lazy{opacity:0}.img-lazy-loaded{opacity:1}.carousel-single-css figure,figure{margin:0}img{height:auto}.widget-area svg{visibility:inherit}.z{box-shadow:0 4px 6px rgba(38,51,65,.1),0 1px 3px rgba(0,0,0,.08);transition:all .2s}.z:hover{transform:translateY(-1px);box-shadow:0 7px 14px rgba(38,51,65,.1),0 3px 6px rgba(0,0,0,.08)}.italic{font-style:italic}.p-button,a,a:visited,span.cr-link,span.cr-link:hover{text-decoration:none}:not(.content) .p-input-group{border-radius:4px}:not(.content) .p-input-group .p-input:first-child{border-top-right-radius:0;border-bottom-right-radius:0}:not(.content) .p-input-group .p-btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0}:not(.content) .p-btn,:not(.content) .p-input{border:0;border-radius:4px;font-size:1.1em;height:40px;line-height:40px;font-weight:700;max-width:100%}:not(.content) .p-btn{box-sizing:border-box}:not(.content) .p-input{padding:0 10px;box-sizing:border-box}:not(.content) .p-input::-webkit-input-placeholder{color:#c7d0d9}:not(.content) .p-btn{white-space:nowrap;display:inline-block;padding:0 16px;text-transform:uppercase;text-align:center;transition:all .2s}:not(.content) .p-btn-primary,:not(.content) a.p-btn-primary{background-color:var(--flexi-brand_color_2);color:rgba(255,255,255,.9);text-decoration:none}:not(.content) .p-btn-primary:hover,:not(.content) a.p-btn-primary:hover{background-color:var(--flexi-brand_color_1)}@media screen and (max-width:29.9375em){.h1,.heading1a{font-size:157.1428571429%}}.space5{margin:5px}.space-t5{margin-top:5px}.space-r5{margin-right:5px}.space-b5{margin-bottom:5px}.space-l5{margin-left:5px}.inner5{padding:5px}.inner-t5{padding-top:5px}.inner-r5{padding-right:5px}.inner-b5{padding-bottom:5px}.inner-l5{padding-left:5px}.space--5{margin:-5px}.space--t5{margin-top:-5px}.space--r5{margin-right:-5px}.space--b5{margin-bottom:-5px}.space--l5{margin-left:-5px}.space10{margin:10px}.space-t10{margin-top:10px}.space-r10{margin-right:10px}.space-b10{margin-bottom:10px}.space-l10{margin-left:10px}.inner10{padding:10px}.inner-t10{padding-top:10px}.inner-r10{padding-right:10px}.inner-b10{padding-bottom:10px}.inner-l10{padding-left:10px}.space--10{margin:-10px}.space--t10{margin-top:-10px}.space--r10{margin-right:-10px}.space--b10{margin-bottom:-10px}.space--l10{margin-left:-10px}.space20{margin:20px}.space-t20{margin-top:20px}.space-r20{margin-right:20px}.space-b20{margin-bottom:20px}.space-l20{margin-left:20px}.inner20{padding:20px}.inner-t20{padding-top:20px}.inner-r20{padding-right:20px}.inner-b20{padding-bottom:20px}.inner-l20{padding-left:20px}.space--20{margin:-20px}.space--t20{margin-top:-20px}.space--r20{margin-right:-20px}.space--b20{margin-bottom:-20px}.space--l20{margin-left:-20px}.space30{margin:30px}.space-t30{margin-top:30px}.space-r30{margin-right:30px}.space-b30{margin-bottom:30px}.space-l30{margin-left:30px}.inner30{padding:30px}.inner-t30{padding-top:30px}.inner-r30{padding-right:30px}.inner-b30{padding-bottom:30px}.inner-l30{padding-left:30px}.space--30{margin:-30px}.space--t30{margin-top:-30px}.space--r30{margin-right:-30px}.space--b30{margin-bottom:-30px}.space--l30{margin-left:-30px}.z-layer-0{z-index:0!important}.z-layer-1{z-index:10!important}.z-layer-2{z-index:100!important}.z-layer-3{z-index:1000!important}.z-layer-4{z-index:10000!important}.z-layer-5{z-index:100000!important}.z-layer-6{z-index:1000000!important}.z-layer-7{z-index:10000000!important}.z-layer-8{z-index:100000000!important}.z-layer-9{z-index:2147483647!important}.carousel-multi-css{position:relative;width:auto;background-color:#ddd}.carousel-multi-css ul,.carousel-single-css ul{list-style-type:none!important;margin:0;padding:0}.carousel-multi-css .carousel-multi-css-ctn{overflow:hidden;margin:0 auto}.carousel-multi-css .carousel-multi-css-wrapper{position:relative;z-index:1;transition:left .5s;float:left;transition-timing-function:cubic-bezier(.75,.01,.3,1);margin:0}.carousel-multi-css .carousel-multi-css-wrapper,.carousel-multi-css noindex:-o-prefocus{-o-transition:left .5s;transition:left .5s}.carousel-multi-css .carousel-multi-css-item-ctn{display:block;float:left;overflow:hidden;height:100%;padding-bottom:70px;position:relative;box-sizing:border-box;padding-left:2px;padding-right:2px}.carousel-multi-css .carousel-multi-css-item{cursor:pointer}.carousel-multi-css .carousel-multi-css-link{overflow:hidden;line-height:1.2em;font-weight:700;font-size:110%;padding:5px 15px 0}.carousel-multi-css .carousel-multi-css-link:before{content:"";float:left;width:5px;height:70px}.carousel-multi-css .carousel-multi-css-link>:first-child{float:right;width:100%;margin-left:-5px}.carousel-multi-css .carousel-multi-css-bullets li,.carousel-multi-css .carousel-multi-css-radio{display:none}.carousel-multi-css:after{box-shadow:0 4px 5px -3px;position:absolute;width:100%;left:0;bottom:0;content:" ";display:block;height:20px}.carousel-multi-css .carousel-multi-css-item-caption{height:100%;padding:5px 18px;top:calc(100% - 70px);left:0;position:absolute;transition:top .2s ease-out;background-color:rgba(180,180,180,.8);color:#fff;cursor:pointer;line-height:2em;margin:0 2px;width:calc(100% - 40px)}.carousel-multi-css .carousel-multi-css-item-caption p{font-size:1.3em}.carousel-multi-css .carousel-multi-css-arrows{position:absolute;right:15px;text-align:left;top:2px;width:65px;height:100%}.carousel-multi-css .title{margin-bottom:10px;max-height:55px;min-height:55px;overflow:hidden}.carousel-multi-css .carousel-multi-css-item-wrapper{margin:2px 0 0}.carousel-multi-css .carousel-multi-css-navs{background-color:#eee;line-height:41px;height:41px;position:relative;text-align:center;z-index:2}.carousel-multi-css .carousel-multi-css-wrapper{margin-left:-2px}.carousel-multi-css .carousel-multi-css-wrapper .carousel-multi-css-item-wrapper:hover .carousel-multi-css-item-caption{top:0}.carousel-multi-css .carousel-multi-css-wrapper .carousel-multi-css-item-wrapper:hover .title{margin-top:20px;max-height:none;min-height:none;overflow:visible}.carousel-multi-css .carousel-multi-css-bullets label{box-shadow:inset 0 2px 2px 0;border-radius:50px;cursor:pointer;display:block;height:12px;margin:0 2px;transition:background-color .3s;background-color:#b4b4b4;width:12px;opacity:.5}.carousel-multi-css .carousel-multi-css-bullets label:hover{opacity:1;box-shadow:none}.carousel-multi-css .carousel-multi-css-item{overflow:hidden;padding:0}.carousel-multi-css .carousel-multi-css-item img{display:block;width:auto;max-width:100%;margin:auto}.carousel-multi-css .carousel-multi-css-arrow{font-size:250%;position:absolute;z-index:2;display:none;cursor:pointer;font-weight:700;top:0;bottom:0;margin:auto 0;width:30px;height:25px;border:1px solid #9b9b9b;background-color:#b4b4b4}.carousel-multi-css .carousel-multi-css-arrow:before{text-align:center;display:block;color:var(--flexi-brand_color_1);line-height:25px}.carousel-multi-css .carousel-multi-css-arrow.plc,.carousel-single-css .carousel-single-css-wrapper .carousel-single-css-content figure{display:block}.carousel-multi-css .carousel-multi-css-arrow.plc-disabled{cursor:default;opacity:.5}.carousel-multi-css .carousel-multi-css-arrow.plc-disabled:before{opacity:.5}.carousel-multi-css .carousel-multi-css-arrow.plc-left{left:0}.carousel-multi-css .carousel-multi-css-arrow.plc-left:before{content:"\f104"}.carousel-multi-css .carousel-multi-css-arrow.plc-right{right:0}.carousel-multi-css .carousel-multi-css-arrow.plc-right:before{content:"\f105"}.carousel-multi-css .carousel-multi-css-arrow.plc-media-config,.carousel-multi-css.carousel-multi-css-no-caption .carousel-multi-css-item-caption{display:none}.carousel-multi-css.carousel-multi-css-no-caption .carousel-multi-css-item-ctn{padding-bottom:0}.carousel-multi-css.carousel-multi-css-mini .carousel-multi-css-item-caption,.carousel-single-css input[type=radio]{display:none}.carousel-multi-css.carousel-multi-css-mini .carousel-multi-css-item-ctn{padding:10px 0}.carousel-multi-css.carousel-multi-css-mini .carousel-multi-css-item-wrapper{padding:0 10px}.carousel-multi-css.carousel-multi-css-mini .carousel-multi-css-item{border:1px solid var(--flexi-brand_color_1);background-color:#fff;padding:5px}.carousel-multi-css.carousel-multi-css-mini .carousel-multi-css-arrow{border:0}.carousel-single-css{position:relative}.carousel-single-css .carousel-single-css-ctn,.carousel-single-css .carousel-single-css-ctn.line{overflow:hidden;margin:0 auto;width:100%}.carousel-single-css .carousel-single-css-wrapper{position:relative;z-index:1;transition:left .5s;float:left;transition-timing-function:cubic-bezier(.75,.01,.3,1);margin:0}.carousel-single-css-centered .carousel-single-css .carousel-single-css-wrapper{margin:0 auto;float:none}.carousel-single-css .carousel-single-css-wrapper>li{display:block;float:left;overflow:hidden;min-height:1em}.carousel-single-css .carousel-single-css-wrapper .carousel-single-css-content figure img{width:100%;height:auto;display:block}.carousel-single-css .carousel-single-css-wrapper,.carousel-single-css noindex:-o-prefocus{-o-transition:left .5s;transition:left .5s}.carousel-single-css .carousel-single-css-content{overflow:hidden;position:relative}.carousel-single-css .carousel-single-css-content .carousel-single-css-title{position:absolute;bottom:8px;left:0;color:#fff;font-size:36px;font-family:"Oswald",Impact,sans-serif;width:629px;height:116px;line-height:42px;overflow:hidden;z-index:1000}.carousel-single-css .carousel-single-css-content .carousel-single-css-title .carousel-single-css-title-cont{padding-left:23px;background-color:rgba(180,180,180,.8);height:100%}.carousel-single-css .carousel-single-css-arrow{position:absolute;z-index:2;display:none;top:0;bottom:0;margin:auto;cursor:pointer;text-align:center;width:38px;height:38px;font-size:3.2em;color:var(--flexi-brand_color_1);background:rgba(180,180,180,.6);line-height:38px;opacity:.6}.carousel-single-css .carousel-single-css-arrow:hover{opacity:1}.carousel-single-css .carousel-single-css-arrow:before{line-height:38px}.carousel-single-css.carousel-single-css-no-caption .carousel-single-css-title{display:none}.fullscreenOn .carousel-single-css .carousel-single-css-wrapper .carousel-single-css-content figure img{max-width:100%;width:auto}@media screen and (max-width:61.8125em){.carousel-single-css .carousel-single-css-content .carousel-single-css-title{font-size:22px;width:auto;line-height:30px;height:auto}.carousel-single-css .carousel-single-css-content .carousel-single-css-title .carousel-single-css-title-cont{padding-left:12px;padding-right:12px;padding-bottom:6px;min-height:50px}.carousel-single-css.carousel-css-scrollable .carousel-single-css-wrapper{overflow-x:scroll;-webkit-overflow-scrolling:touch;width:100%;white-space:nowrap}.carousel-single-css.carousel-css-scrollable .carousel-single-css-wrapper>li{width:85%;display:inline-block;float:none;margin-right:24px}.carousel-single-css.carousel-css-scrollable .carousel-single-css-arrow{visibility:hidden}.carousel-single-css .carousel-single-css-arrow{width:50px;height:50px;line-height:50px;font-size:3.8em;color:var(--flexi-brand_color_1);background:rgba(180,180,180,.6)}}.back-button{color:#333;display:block;text-transform:uppercase;font-size:13px;padding:10px 0}.back-button:hover,.back-button:visited{color:inherit!important;text-decoration:none}.back-button .icon{margin-right:5px;font-size:10px;writing-mode:vertical-lr}.toggle-check{display:none}.toggle-check:not(.toggle-expand):not(.toggle-custom):not(:checked)~:not(.toggle-btn){display:none}.toggle-check.toggle-expand+*{overflow:hidden;transition:max-height .2s}.toggle-check.toggle-expand:checked+*{max-height:999px}.toggle-check~.toggle-btn .toggle-btn-label:after{content:attr(data-label-more)}.toggle-check:checked~.toggle-btn-shadow:before{height:0}.toggle-check:checked~.toggle-btn .toggle-btn-label:after{content:attr(data-label-less)}.toggle-check:checked~.toggle-btn .fa-plus-thin:before{transform:translateY(-10px)}.toggle-btn{background-color:var(--flexi-brand_color_1);color:#fff;cursor:pointer;display:block}.toggle-btn:hover{background-color:#a7a7a7}.progressive [class*=widget-] .widget-hero .widget-header .widget-commercial-lead .widget-commercial-label,.progressive [class*=widget-] .widget-hero .widget-header .widget-commercial-lead .widget-commercial-logo,.toggle-btn>*{display:inline-block}.toggle-btn-shadow,[data-tooltip]{position:relative}.toggle-btn-shadow:before{background:linear-gradient(to top,#989898 0,rgba(255,255,255,0) 100%);bottom:100%;content:" ";display:block;height:70px;left:0;margin-bottom:1px;opacity:.2;position:absolute;right:0;transition:height .2s;z-index:2}[data-tooltip]{display:inline-block}[data-tooltip]:after{background-color:rgba(0,0,0,.8);border-radius:4px;color:#fff;content:attr(data-tooltip);display:inline-block;left:50%;opacity:0;margin-bottom:5px;padding:5px 10px;position:absolute;bottom:100%;transition:opacity .2s,visibility .2s;transform:translateX(-50%);visibility:hidden;z-index:1;white-space:nowrap}[data-tooltip]:hover:after{opacity:1;visibility:visible}.tabs-item,.tabs>input{display:none}.tabs-default{border:1px solid var(--flexi-brand_color_1);padding:1em}.tabs-default .tabs-nav{text-align:center}.tabs-default .tabs-nav li.tabs-prev-next{float:left}.tabs-default .tabs-nav li.tabs-nav-item{padding:0 1em;border:1px solid var(--flexi-brand_color_1)}.tabs-default .tabs-content{padding-top:2em}.widget-dynamic .more-link{display:block;width:100%;margin-bottom:30px;font-size:13px;text-align:center;height:44px;line-height:44px;padding:0;background-color:#333;color:#fff;border:0;font-weight:700;position:relative}@media screen and (max-width:699px){.widget-dynamic .more-link{margin:20px;width:auto}}.widget-dynamic .more-link:hover{color:#fff;text-decoration:none}.widget-dynamic .more-link i.fa{position:relative;top:0;left:3px;filter:invert(1)}.widget-dynamic .more-link i.fa:before{font-size:13px}.widget-dynamic .bottom-link{bottom:-5px;display:block;position:absolute;right:0;font-size:13px;font-weight:700;color:#000}[class*=widget-area-g]>[class*=widget-]{box-sizing:border-box}.widget-area-g-u-1-2 .widget-area-g-u ul.p-g:first-of-type,.widget-area-g-u-1-3 .widget-area-g-u ul.p-g:first-of-type,.widget-area-g-u-1-4 .widget-area-g-u ul.p-g:first-of-type,.widget-area.\:grid-cols-2,.widget-area.\:grid-cols-3,.widget-area.\:grid-cols-\[32\.3\%_65\.5\%\],.widget-area.\:grid-cols-\[65\.5\%_32\.3\%\]{display:flex;flex-wrap:wrap;justify-content:space-between}.widget-area.grid-cols-1 [class*="widget widget-"]{width:100%;content:""}.widget-area-g-1-1 [class*="widget widget-"]{width:calc(100% - 0px);content:""}.widget-area-g-1-2 [class*="widget widget-"]{width:calc(50% - 10px);content:""}.widget-area-g-1-3 [class*="widget widget-"],.widget-area-g-1-3:after{width:calc(33.3333333333% - 10px);content:""}.widget-area-g-1-4 [class*="widget widget-"],.widget-area-g-1-4:after{width:calc(25% - 10px);content:""}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1){width:calc(33.3333333333% - 10px)}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2),.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1){width:calc(66.6666666667% - 10px)}.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2){width:calc(33.3333333333% - 10px)}[class*=widget-area-g-u-1-] .widget-area-g-u ul.p-g:first-of-type>li[class*=p-u]{border:0;padding:0 0 20px}@media screen and (min-width:37.4375em){.widget-area-g-u-sm-1-2 .widget-area-g-u ul.p-g:first-of-type,.widget-area-g-u-sm-1-3 .widget-area-g-u ul.p-g:first-of-type,.widget-area-g-u-sm-1-4 .widget-area-g-u ul.p-g:first-of-type,.widget-area.-sm\:grid-cols-2,.widget-area.-sm\:grid-cols-3,.widget-area.-sm\:grid-cols-\[32\.3\%_65\.5\%\],.widget-area.-sm\:grid-cols-\[65\.5\%_32\.3\%\]{display:flex;flex-wrap:wrap;justify-content:space-between}.widget-area.grid-cols-1 [class*="widget widget-"]{width:100%;content:""}.widget-area-g-sm-1-1 [class*="widget widget-"]{width:calc(100% - 0px);content:""}.widget-area-g-sm-1-2 [class*="widget widget-"]{width:calc(50% - 10px);content:""}.widget-area-g-sm-1-3 [class*="widget widget-"],.widget-area-g-sm-1-3:after{width:calc(33.3333333333% - 10px);content:""}.widget-area-g-sm-1-4 [class*="widget widget-"],.widget-area-g-sm-1-4:after{width:calc(25% - 10px);content:""}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1){width:calc(33.3333333333% - 10px)}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2),.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1){width:calc(66.6666666667% - 10px)}.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2){width:calc(33.3333333333% - 10px)}[class*=widget-area-g-u-sm-1-] .widget-area-g-u ul.p-g:first-of-type>li[class*=p-u]{border:0;padding:0 0 20px}}@media screen and (min-width:61.8125em){.widget-area-g-u-md-1-2 .widget-area-g-u ul.p-g:first-of-type,.widget-area-g-u-md-1-3 .widget-area-g-u ul.p-g:first-of-type,.widget-area-g-u-md-1-4 .widget-area-g-u ul.p-g:first-of-type,.widget-area.-md\:grid-cols-2,.widget-area.-md\:grid-cols-3,.widget-area.-md\:grid-cols-\[32\.3\%_65\.5\%\],.widget-area.-md\:grid-cols-\[65\.5\%_32\.3\%\]{display:flex;flex-wrap:wrap;justify-content:space-between}.widget-area.grid-cols-1 [class*="widget widget-"]{width:100%;content:""}.widget-area-g-md-1-1 [class*="widget widget-"]{width:calc(100% - 0px);content:""}.widget-area-g-md-1-2 [class*="widget widget-"]{width:calc(50% - 10px);content:""}.widget-area-g-md-1-3 [class*="widget widget-"],.widget-area-g-md-1-3:after{width:calc(33.3333333333% - 10px);content:""}.widget-area-g-md-1-4 [class*="widget widget-"],.widget-area-g-md-1-4:after{width:calc(25% - 10px);content:""}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1){width:calc(33.3333333333% - 10px)}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2),.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1){width:calc(66.6666666667% - 10px)}.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2){width:calc(33.3333333333% - 10px)}[class*=widget-area-g-u-md-1-] .widget-area-g-u ul.p-g:first-of-type>li[class*=p-u]{border:0;padding:0 0 20px}}@media screen and (min-width:64em){.widget-area-g-u-lg-1-2 .widget-area-g-u ul.p-g:first-of-type,.widget-area-g-u-lg-1-3 .widget-area-g-u ul.p-g:first-of-type,.widget-area-g-u-lg-1-4 .widget-area-g-u ul.p-g:first-of-type,.widget-area.-lg\:grid-cols-2,.widget-area.-lg\:grid-cols-3,.widget-area.-lg\:grid-cols-\[32\.3\%_65\.5\%\],.widget-area.-lg\:grid-cols-\[65\.5\%_32\.3\%\]{display:flex;flex-wrap:wrap;justify-content:space-between}.widget-area.grid-cols-1 [class*="widget widget-"]{width:100%;content:""}.widget-area-g-lg-1-1 [class*="widget widget-"]{width:calc(100% - 0px);content:""}.widget-area-g-lg-1-2 [class*="widget widget-"]{width:calc(50% - 10px);content:""}.widget-area-g-lg-1-3 [class*="widget widget-"],.widget-area-g-lg-1-3:after{width:calc(33.3333333333% - 10px);content:""}.widget-area-g-lg-1-4 [class*="widget widget-"],.widget-area-g-lg-1-4:after{width:calc(25% - 10px);content:""}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1){width:calc(33.3333333333% - 10px)}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2),.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1){width:calc(66.6666666667% - 10px)}.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2){width:calc(33.3333333333% - 10px)}[class*=widget-area-g-u-lg-1-] .widget-area-g-u ul.p-g:first-of-type>li[class*=p-u]{border:0;padding:0 0 20px}}@media screen and (min-width:87.5em){.widget-area-g-u-xl-1-2 .widget-area-g-u ul.p-g:first-of-type,.widget-area-g-u-xl-1-3 .widget-area-g-u ul.p-g:first-of-type,.widget-area-g-u-xl-1-4 .widget-area-g-u ul.p-g:first-of-type,.widget-area.-xl\:grid-cols-2,.widget-area.-xl\:grid-cols-3,.widget-area.-xl\:grid-cols-\[32\.3\%_65\.5\%\],.widget-area.-xl\:grid-cols-\[65\.5\%_32\.3\%\]{display:flex;flex-wrap:wrap;justify-content:space-between}.widget-area.grid-cols-1 [class*="widget widget-"]{width:100%;content:""}.widget-area-g-xl-1-1 [class*="widget widget-"]{width:calc(100% - 0px);content:""}.widget-area-g-xl-1-2 [class*="widget widget-"]{width:calc(50% - 10px);content:""}.widget-area-g-xl-1-3 [class*="widget widget-"],.widget-area-g-xl-1-3:after{width:calc(33.3333333333% - 10px);content:""}.widget-area-g-xl-1-4 [class*="widget widget-"],.widget-area-g-xl-1-4:after{width:calc(25% - 10px);content:""}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1){width:calc(33.3333333333% - 10px)}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2),.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1){width:calc(66.6666666667% - 10px)}.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2){width:calc(33.3333333333% - 10px)}[class*=widget-area-g-u-xl-1-] .widget-area-g-u ul.p-g:first-of-type>li[class*=p-u]{border:0;padding:0 0 20px}}.widget-area-g-1-1 .wag-u-full-1-1,.widget-area-g-vp-1-1 .wag-u-full-1-1{width:100%}.widget-area-g-1-1 .wag-u-full-1-2,.widget-area-g-vp-1-1 .wag-u-full-1-2{width:50%}.widget-area-g-1-1 .wag-u-full-1-3,.widget-area-g-vp-1-1 .wag-u-full-1-3{width:33.3333333333%}.widget-area-g-1-1 .wag-u-full-1-4,.widget-area-g-vp-1-1 .wag-u-full-1-4{width:25%}.widget-area-g-1-1 .wag-u-full-1-5,.widget-area-g-vp-1-1 .wag-u-full-1-5{width:20%}.widget-area-g-1-1 .wag-u-full-2-3,.widget-area-g-vp-1-1 .wag-u-full-2-3{width:66.6666666667%}.widget-area-g-1-1 .wag-u-full-2-5,.widget-area-g-vp-1-1 .wag-u-full-2-5{width:40%}.widget-area-g-1-1 .wag-u-full-3-5,.widget-area-g-vp-1-1 .wag-u-full-3-5{width:60%}.widget-area-g-1-1 .wag-u-full-h,.widget-area-g-vp-1-1 .wag-u-full-h{display:none}.widget-area-g-1-2 .wag-u-half-1-1,.widget-area-g-vp-1-2 .wag-u-half-1-1{width:100%}.widget-area-g-1-2 .wag-u-half-1-2,.widget-area-g-vp-1-2 .wag-u-half-1-2{width:50%}.widget-area-g-1-2 .wag-u-half-1-3,.widget-area-g-vp-1-2 .wag-u-half-1-3{width:33.3333333333%}.widget-area-g-1-2 .wag-u-half-1-4,.widget-area-g-vp-1-2 .wag-u-half-1-4{width:25%}.widget-area-g-1-2 .wag-u-half-1-5,.widget-area-g-vp-1-2 .wag-u-half-1-5{width:20%}.widget-area-g-1-2 .wag-u-half-2-3,.widget-area-g-vp-1-2 .wag-u-half-2-3{width:66.6666666667%}.widget-area-g-1-2 .wag-u-half-2-5,.widget-area-g-vp-1-2 .wag-u-half-2-5{width:40%}.widget-area-g-1-2 .wag-u-half-3-5,.widget-area-g-vp-1-2 .wag-u-half-3-5{width:60%}.widget-area-g-1-2 .wag-u-half-h,.widget-area-g-vp-1-2 .wag-u-half-h{display:none}.widget-area-g-1-3 .wag-u-third-1-1,.widget-area-g-vp-1-3 .wag-u-third-1-1{width:100%}.widget-area-g-1-3 .wag-u-third-1-2,.widget-area-g-vp-1-3 .wag-u-third-1-2{width:50%}.widget-area-g-1-3 .wag-u-third-1-3,.widget-area-g-vp-1-3 .wag-u-third-1-3{width:33.3333333333%}.widget-area-g-1-3 .wag-u-third-1-4,.widget-area-g-vp-1-3 .wag-u-third-1-4{width:25%}.widget-area-g-1-3 .wag-u-third-1-5,.widget-area-g-vp-1-3 .wag-u-third-1-5{width:20%}.widget-area-g-1-3 .wag-u-third-2-3,.widget-area-g-vp-1-3 .wag-u-third-2-3{width:66.6666666667%}.widget-area-g-1-3 .wag-u-third-2-5,.widget-area-g-vp-1-3 .wag-u-third-2-5{width:40%}.widget-area-g-1-3 .wag-u-third-3-5,.widget-area-g-vp-1-3 .wag-u-third-3-5{width:60%}.widget-area-g-1-3 .wag-u-third-h,.widget-area-g-vp-1-3 .wag-u-third-h{display:none}.widget-area-g-1-4 .wag-u-quarter-1-1,.widget-area-g-vp-1-4 .wag-u-quarter-1-1{width:100%}.widget-area-g-1-4 .wag-u-quarter-1-2,.widget-area-g-vp-1-4 .wag-u-quarter-1-2{width:50%}.widget-area-g-1-4 .wag-u-quarter-1-3,.widget-area-g-vp-1-4 .wag-u-quarter-1-3{width:33.3333333333%}.widget-area-g-1-4 .wag-u-quarter-1-4,.widget-area-g-vp-1-4 .wag-u-quarter-1-4{width:25%}.widget-area-g-1-4 .wag-u-quarter-1-5,.widget-area-g-vp-1-4 .wag-u-quarter-1-5{width:20%}.widget-area-g-1-4 .wag-u-quarter-2-3,.widget-area-g-vp-1-4 .wag-u-quarter-2-3{width:66.6666666667%}.widget-area-g-1-4 .wag-u-quarter-2-5,.widget-area-g-vp-1-4 .wag-u-quarter-2-5{width:40%}.widget-area-g-1-4 .wag-u-quarter-3-5,.widget-area-g-vp-1-4 .wag-u-quarter-3-5{width:60%}.widget-area-g-1-4 .wag-u-quarter-h,.widget-area-g-vp-1-4 .wag-u-quarter-h{display:none}.widget-area-g-2-3 .wag-u-2third-1-1,.widget-area-g-vp-2-3 .wag-u-2third-1-1{width:100%}.widget-area-g-2-3 .wag-u-2third-1-2,.widget-area-g-vp-2-3 .wag-u-2third-1-2{width:50%}.widget-area-g-2-3 .wag-u-2third-1-3,.widget-area-g-vp-2-3 .wag-u-2third-1-3{width:33.3333333333%}.widget-area-g-2-3 .wag-u-2third-1-4,.widget-area-g-vp-2-3 .wag-u-2third-1-4{width:25%}.widget-area-g-2-3 .wag-u-2third-1-5,.widget-area-g-vp-2-3 .wag-u-2third-1-5{width:20%}.widget-area-g-2-3 .wag-u-2third-2-3,.widget-area-g-vp-2-3 .wag-u-2third-2-3{width:66.6666666667%}.widget-area-g-2-3 .wag-u-2third-2-5,.widget-area-g-vp-2-3 .wag-u-2third-2-5{width:40%}.widget-area-g-2-3 .wag-u-2third-3-5,.widget-area-g-vp-2-3 .wag-u-2third-3-5{width:60%}.widget-area-debug.no-widget-infos .widget-area [class*="widget widget-"]:before,.widget-area-debug.no-widget-infos .widget-area:before,.widget-area-g-2-3 .wag-u-2third-h,.widget-area-g-vp-2-3 .wag-u-2third-h{display:none}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-1-1,.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-1-1,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-1-1,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-1-1{width:100%}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-1-2,.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-1-2,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-1-2,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-1-2{width:50%}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-1-3,.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-1-3,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-1-3,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-1-3{width:33.3333333333%}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-1-4,.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-1-4,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-1-4,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-1-4{width:25%}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-1-5,.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-1-5,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-1-5,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-1-5{width:20%}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-2-3,.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-2-3,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-2-3,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-2-3{width:66.6666666667%}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-2-5,.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-2-5,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-2-5,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-2-5{width:40%}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-3-5,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-3-5{width:60%}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-h,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-third-h{display:none}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-3-5,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-3-5{width:60%}.widget-area-g-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-h,.widget-area-g-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-2third-h{display:none}.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-1-1,.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-1-1,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-1-1,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-1-1{width:100%}.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-1-2,.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-1-2,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-1-2,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-1-2{width:50%}.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-1-3,.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-1-3,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-1-3,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-1-3{width:33.3333333333%}.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-1-4,.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-1-4,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-1-4,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-1-4{width:25%}.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-1-5,.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-1-5,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-1-5,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-1-5{width:20%}.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-2-3,.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-2-3,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-2-3,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-2-3{width:66.6666666667%}.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-2-5,.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-2-5,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-2-5,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-2-5{width:40%}.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-3-5,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-3-5{width:60%}.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-h,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-2third-h{display:none}.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-3-5,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-3-5{width:60%}.widget-area-g-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-h,.widget-area-g-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-third-h{display:none}@media screen and (min-width:37.4375em) and (max-width:61.8125em){.widget-area-g-sm-1-1 .wag-u-sm-full-1-1,.widget-area-g-sm-vp-1-1 .wag-u-sm-full-1-1{width:100%}.widget-area-g-sm-1-1 .wag-u-sm-full-1-2,.widget-area-g-sm-vp-1-1 .wag-u-sm-full-1-2{width:50%}.widget-area-g-sm-1-1 .wag-u-sm-full-1-3,.widget-area-g-sm-vp-1-1 .wag-u-sm-full-1-3{width:33.3333333333%}.widget-area-g-sm-1-1 .wag-u-sm-full-1-4,.widget-area-g-sm-vp-1-1 .wag-u-sm-full-1-4{width:25%}.widget-area-g-sm-1-1 .wag-u-sm-full-1-5,.widget-area-g-sm-vp-1-1 .wag-u-sm-full-1-5{width:20%}.widget-area-g-sm-1-1 .wag-u-sm-full-2-3,.widget-area-g-sm-vp-1-1 .wag-u-sm-full-2-3{width:66.6666666667%}.widget-area-g-sm-1-1 .wag-u-sm-full-2-5,.widget-area-g-sm-vp-1-1 .wag-u-sm-full-2-5{width:40%}.widget-area-g-sm-1-1 .wag-u-sm-full-3-5,.widget-area-g-sm-vp-1-1 .wag-u-sm-full-3-5{width:60%}.widget-area-g-sm-1-1 .wag-u-sm-full-h,.widget-area-g-sm-vp-1-1 .wag-u-sm-full-h{display:none}.widget-area-g-sm-1-2 .wag-u-sm-half-1-1,.widget-area-g-sm-vp-1-2 .wag-u-sm-half-1-1{width:100%}.widget-area-g-sm-1-2 .wag-u-sm-half-1-2,.widget-area-g-sm-vp-1-2 .wag-u-sm-half-1-2{width:50%}.widget-area-g-sm-1-2 .wag-u-sm-half-1-3,.widget-area-g-sm-vp-1-2 .wag-u-sm-half-1-3{width:33.3333333333%}.widget-area-g-sm-1-2 .wag-u-sm-half-1-4,.widget-area-g-sm-vp-1-2 .wag-u-sm-half-1-4{width:25%}.widget-area-g-sm-1-2 .wag-u-sm-half-1-5,.widget-area-g-sm-vp-1-2 .wag-u-sm-half-1-5{width:20%}.widget-area-g-sm-1-2 .wag-u-sm-half-2-3,.widget-area-g-sm-vp-1-2 .wag-u-sm-half-2-3{width:66.6666666667%}.widget-area-g-sm-1-2 .wag-u-sm-half-2-5,.widget-area-g-sm-vp-1-2 .wag-u-sm-half-2-5{width:40%}.widget-area-g-sm-1-2 .wag-u-sm-half-3-5,.widget-area-g-sm-vp-1-2 .wag-u-sm-half-3-5{width:60%}.widget-area-g-sm-1-2 .wag-u-sm-half-h,.widget-area-g-sm-vp-1-2 .wag-u-sm-half-h{display:none}.widget-area-g-sm-1-3 .wag-u-sm-third-1-1,.widget-area-g-sm-vp-1-3 .wag-u-sm-third-1-1{width:100%}.widget-area-g-sm-1-3 .wag-u-sm-third-1-2,.widget-area-g-sm-vp-1-3 .wag-u-sm-third-1-2{width:50%}.widget-area-g-sm-1-3 .wag-u-sm-third-1-3,.widget-area-g-sm-vp-1-3 .wag-u-sm-third-1-3{width:33.3333333333%}.widget-area-g-sm-1-3 .wag-u-sm-third-1-4,.widget-area-g-sm-vp-1-3 .wag-u-sm-third-1-4{width:25%}.widget-area-g-sm-1-3 .wag-u-sm-third-1-5,.widget-area-g-sm-vp-1-3 .wag-u-sm-third-1-5{width:20%}.widget-area-g-sm-1-3 .wag-u-sm-third-2-3,.widget-area-g-sm-vp-1-3 .wag-u-sm-third-2-3{width:66.6666666667%}.widget-area-g-sm-1-3 .wag-u-sm-third-2-5,.widget-area-g-sm-vp-1-3 .wag-u-sm-third-2-5{width:40%}.widget-area-g-sm-1-3 .wag-u-sm-third-3-5,.widget-area-g-sm-vp-1-3 .wag-u-sm-third-3-5{width:60%}.widget-area-g-sm-1-3 .wag-u-sm-third-h,.widget-area-g-sm-vp-1-3 .wag-u-sm-third-h{display:none}.widget-area-g-sm-1-4 .wag-u-sm-quarter-1-1,.widget-area-g-sm-vp-1-4 .wag-u-sm-quarter-1-1{width:100%}.widget-area-g-sm-1-4 .wag-u-sm-quarter-1-2,.widget-area-g-sm-vp-1-4 .wag-u-sm-quarter-1-2{width:50%}.widget-area-g-sm-1-4 .wag-u-sm-quarter-1-3,.widget-area-g-sm-vp-1-4 .wag-u-sm-quarter-1-3{width:33.3333333333%}.widget-area-g-sm-1-4 .wag-u-sm-quarter-1-4,.widget-area-g-sm-vp-1-4 .wag-u-sm-quarter-1-4{width:25%}.widget-area-g-sm-1-4 .wag-u-sm-quarter-1-5,.widget-area-g-sm-vp-1-4 .wag-u-sm-quarter-1-5{width:20%}.widget-area-g-sm-1-4 .wag-u-sm-quarter-2-3,.widget-area-g-sm-vp-1-4 .wag-u-sm-quarter-2-3{width:66.6666666667%}.widget-area-g-sm-1-4 .wag-u-sm-quarter-2-5,.widget-area-g-sm-vp-1-4 .wag-u-sm-quarter-2-5{width:40%}.widget-area-g-sm-1-4 .wag-u-sm-quarter-3-5,.widget-area-g-sm-vp-1-4 .wag-u-sm-quarter-3-5{width:60%}.widget-area-g-sm-1-4 .wag-u-sm-quarter-h,.widget-area-g-sm-vp-1-4 .wag-u-sm-quarter-h{display:none}.widget-area-g-sm-2-3 .wag-u-sm-2third-1-1,.widget-area-g-sm-vp-2-3 .wag-u-sm-2third-1-1{width:100%}.widget-area-g-sm-2-3 .wag-u-sm-2third-1-2,.widget-area-g-sm-vp-2-3 .wag-u-sm-2third-1-2{width:50%}.widget-area-g-sm-2-3 .wag-u-sm-2third-1-3,.widget-area-g-sm-vp-2-3 .wag-u-sm-2third-1-3{width:33.3333333333%}.widget-area-g-sm-2-3 .wag-u-sm-2third-1-4,.widget-area-g-sm-vp-2-3 .wag-u-sm-2third-1-4{width:25%}.widget-area-g-sm-2-3 .wag-u-sm-2third-1-5,.widget-area-g-sm-vp-2-3 .wag-u-sm-2third-1-5{width:20%}.widget-area-g-sm-2-3 .wag-u-sm-2third-2-3,.widget-area-g-sm-vp-2-3 .wag-u-sm-2third-2-3{width:66.6666666667%}.widget-area-g-sm-2-3 .wag-u-sm-2third-2-5,.widget-area-g-sm-vp-2-3 .wag-u-sm-2third-2-5{width:40%}.widget-area-g-sm-2-3 .wag-u-sm-2third-3-5,.widget-area-g-sm-vp-2-3 .wag-u-sm-2third-3-5{width:60%}.widget-area-g-sm-2-3 .wag-u-sm-2third-h,.widget-area-g-sm-vp-2-3 .wag-u-sm-2third-h{display:none}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-1-1,.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-1-1,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-1-1,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-1-1{width:100%}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-1-2,.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-1-2,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-1-2,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-1-2{width:50%}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-1-3,.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-1-3,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-1-3,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-1-3{width:33.3333333333%}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-1-4,.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-1-4,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-1-4,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-1-4{width:25%}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-1-5,.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-1-5,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-1-5,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-1-5{width:20%}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-2-3,.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-2-3,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-2-3,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-2-3{width:66.6666666667%}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-2-5,.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-2-5,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-2-5,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-2-5{width:40%}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-3-5,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-3-5{width:60%}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-h,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-third-h{display:none}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-3-5,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-3-5{width:60%}.widget-area-g-sm-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-h,.widget-area-g-sm-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-2third-h{display:none}.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-1-1,.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-1-1,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-1-1,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-1-1{width:100%}.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-1-2,.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-1-2,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-1-2,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-1-2{width:50%}.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-1-3,.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-1-3,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-1-3,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-1-3{width:33.3333333333%}.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-1-4,.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-1-4,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-1-4,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-1-4{width:25%}.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-1-5,.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-1-5,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-1-5,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-1-5{width:20%}.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-2-3,.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-2-3,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-2-3,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-2-3{width:66.6666666667%}.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-2-5,.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-2-5,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-2-5,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-2-5{width:40%}.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-3-5,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-3-5{width:60%}.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-h,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-sm-2third-h{display:none}.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-3-5,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-3-5{width:60%}.widget-area-g-sm-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-h,.widget-area-g-sm-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-sm-third-h{display:none}}@media screen and (min-width:61.8125em) and (max-width:63.9375em){.widget-area-g-md-1-1 .wag-u-md-full-1-1,.widget-area-g-md-vp-1-1 .wag-u-md-full-1-1{width:100%}.widget-area-g-md-1-1 .wag-u-md-full-1-2,.widget-area-g-md-vp-1-1 .wag-u-md-full-1-2{width:50%}.widget-area-g-md-1-1 .wag-u-md-full-1-3,.widget-area-g-md-vp-1-1 .wag-u-md-full-1-3{width:33.3333333333%}.widget-area-g-md-1-1 .wag-u-md-full-1-4,.widget-area-g-md-vp-1-1 .wag-u-md-full-1-4{width:25%}.widget-area-g-md-1-1 .wag-u-md-full-1-5,.widget-area-g-md-vp-1-1 .wag-u-md-full-1-5{width:20%}.widget-area-g-md-1-1 .wag-u-md-full-2-3,.widget-area-g-md-vp-1-1 .wag-u-md-full-2-3{width:66.6666666667%}.widget-area-g-md-1-1 .wag-u-md-full-2-5,.widget-area-g-md-vp-1-1 .wag-u-md-full-2-5{width:40%}.widget-area-g-md-1-1 .wag-u-md-full-3-5,.widget-area-g-md-vp-1-1 .wag-u-md-full-3-5{width:60%}.widget-area-g-md-1-1 .wag-u-md-full-h,.widget-area-g-md-vp-1-1 .wag-u-md-full-h{display:none}.widget-area-g-md-1-2 .wag-u-md-half-1-1,.widget-area-g-md-vp-1-2 .wag-u-md-half-1-1{width:100%}.widget-area-g-md-1-2 .wag-u-md-half-1-2,.widget-area-g-md-vp-1-2 .wag-u-md-half-1-2{width:50%}.widget-area-g-md-1-2 .wag-u-md-half-1-3,.widget-area-g-md-vp-1-2 .wag-u-md-half-1-3{width:33.3333333333%}.widget-area-g-md-1-2 .wag-u-md-half-1-4,.widget-area-g-md-vp-1-2 .wag-u-md-half-1-4{width:25%}.widget-area-g-md-1-2 .wag-u-md-half-1-5,.widget-area-g-md-vp-1-2 .wag-u-md-half-1-5{width:20%}.widget-area-g-md-1-2 .wag-u-md-half-2-3,.widget-area-g-md-vp-1-2 .wag-u-md-half-2-3{width:66.6666666667%}.widget-area-g-md-1-2 .wag-u-md-half-2-5,.widget-area-g-md-vp-1-2 .wag-u-md-half-2-5{width:40%}.widget-area-g-md-1-2 .wag-u-md-half-3-5,.widget-area-g-md-vp-1-2 .wag-u-md-half-3-5{width:60%}.widget-area-g-md-1-2 .wag-u-md-half-h,.widget-area-g-md-vp-1-2 .wag-u-md-half-h{display:none}.widget-area-g-md-1-3 .wag-u-md-third-1-1,.widget-area-g-md-vp-1-3 .wag-u-md-third-1-1{width:100%}.widget-area-g-md-1-3 .wag-u-md-third-1-2,.widget-area-g-md-vp-1-3 .wag-u-md-third-1-2{width:50%}.widget-area-g-md-1-3 .wag-u-md-third-1-3,.widget-area-g-md-vp-1-3 .wag-u-md-third-1-3{width:33.3333333333%}.widget-area-g-md-1-3 .wag-u-md-third-1-4,.widget-area-g-md-vp-1-3 .wag-u-md-third-1-4{width:25%}.widget-area-g-md-1-3 .wag-u-md-third-1-5,.widget-area-g-md-vp-1-3 .wag-u-md-third-1-5{width:20%}.widget-area-g-md-1-3 .wag-u-md-third-2-3,.widget-area-g-md-vp-1-3 .wag-u-md-third-2-3{width:66.6666666667%}.widget-area-g-md-1-3 .wag-u-md-third-2-5,.widget-area-g-md-vp-1-3 .wag-u-md-third-2-5{width:40%}.widget-area-g-md-1-3 .wag-u-md-third-3-5,.widget-area-g-md-vp-1-3 .wag-u-md-third-3-5{width:60%}.widget-area-g-md-1-3 .wag-u-md-third-h,.widget-area-g-md-vp-1-3 .wag-u-md-third-h{display:none}.widget-area-g-md-1-4 .wag-u-md-quarter-1-1,.widget-area-g-md-vp-1-4 .wag-u-md-quarter-1-1{width:100%}.widget-area-g-md-1-4 .wag-u-md-quarter-1-2,.widget-area-g-md-vp-1-4 .wag-u-md-quarter-1-2{width:50%}.widget-area-g-md-1-4 .wag-u-md-quarter-1-3,.widget-area-g-md-vp-1-4 .wag-u-md-quarter-1-3{width:33.3333333333%}.widget-area-g-md-1-4 .wag-u-md-quarter-1-4,.widget-area-g-md-vp-1-4 .wag-u-md-quarter-1-4{width:25%}.widget-area-g-md-1-4 .wag-u-md-quarter-1-5,.widget-area-g-md-vp-1-4 .wag-u-md-quarter-1-5{width:20%}.widget-area-g-md-1-4 .wag-u-md-quarter-2-3,.widget-area-g-md-vp-1-4 .wag-u-md-quarter-2-3{width:66.6666666667%}.widget-area-g-md-1-4 .wag-u-md-quarter-2-5,.widget-area-g-md-vp-1-4 .wag-u-md-quarter-2-5{width:40%}.widget-area-g-md-1-4 .wag-u-md-quarter-3-5,.widget-area-g-md-vp-1-4 .wag-u-md-quarter-3-5{width:60%}.widget-area-g-md-1-4 .wag-u-md-quarter-h,.widget-area-g-md-vp-1-4 .wag-u-md-quarter-h{display:none}.widget-area-g-md-2-3 .wag-u-md-2third-1-1,.widget-area-g-md-vp-2-3 .wag-u-md-2third-1-1{width:100%}.widget-area-g-md-2-3 .wag-u-md-2third-1-2,.widget-area-g-md-vp-2-3 .wag-u-md-2third-1-2{width:50%}.widget-area-g-md-2-3 .wag-u-md-2third-1-3,.widget-area-g-md-vp-2-3 .wag-u-md-2third-1-3{width:33.3333333333%}.widget-area-g-md-2-3 .wag-u-md-2third-1-4,.widget-area-g-md-vp-2-3 .wag-u-md-2third-1-4{width:25%}.widget-area-g-md-2-3 .wag-u-md-2third-1-5,.widget-area-g-md-vp-2-3 .wag-u-md-2third-1-5{width:20%}.widget-area-g-md-2-3 .wag-u-md-2third-2-3,.widget-area-g-md-vp-2-3 .wag-u-md-2third-2-3{width:66.6666666667%}.widget-area-g-md-2-3 .wag-u-md-2third-2-5,.widget-area-g-md-vp-2-3 .wag-u-md-2third-2-5{width:40%}.widget-area-g-md-2-3 .wag-u-md-2third-3-5,.widget-area-g-md-vp-2-3 .wag-u-md-2third-3-5{width:60%}.widget-area-g-md-2-3 .wag-u-md-2third-h,.widget-area-g-md-vp-2-3 .wag-u-md-2third-h{display:none}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-1-1,.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-1-1,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-1-1,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-1-1{width:100%}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-1-2,.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-1-2,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-1-2,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-1-2{width:50%}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-1-3,.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-1-3,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-1-3,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-1-3{width:33.3333333333%}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-1-4,.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-1-4,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-1-4,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-1-4{width:25%}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-1-5,.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-1-5,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-1-5,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-1-5{width:20%}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-2-3,.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-2-3,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-2-3,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-2-3{width:66.6666666667%}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-2-5,.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-2-5,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-2-5,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-2-5{width:40%}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-3-5,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-3-5{width:60%}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-h,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-third-h{display:none}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-3-5,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-3-5{width:60%}.widget-area-g-md-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-h,.widget-area-g-md-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-2third-h{display:none}.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-1-1,.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-1-1,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-1-1,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-1-1{width:100%}.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-1-2,.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-1-2,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-1-2,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-1-2{width:50%}.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-1-3,.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-1-3,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-1-3,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-1-3{width:33.3333333333%}.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-1-4,.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-1-4,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-1-4,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-1-4{width:25%}.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-1-5,.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-1-5,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-1-5,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-1-5{width:20%}.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-2-3,.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-2-3,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-2-3,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-2-3{width:66.6666666667%}.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-2-5,.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-2-5,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-2-5,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-2-5{width:40%}.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-3-5,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-3-5{width:60%}.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-h,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-md-2third-h{display:none}.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-3-5,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-3-5{width:60%}.widget-area-g-md-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-h,.widget-area-g-md-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-md-third-h{display:none}}@media screen and (min-width:64em) and (max-width:87.4375em){.widget-area-g-lg-1-1 .wag-u-lg-full-1-1,.widget-area-g-lg-vp-1-1 .wag-u-lg-full-1-1{width:100%}.widget-area-g-lg-1-1 .wag-u-lg-full-1-2,.widget-area-g-lg-vp-1-1 .wag-u-lg-full-1-2{width:50%}.widget-area-g-lg-1-1 .wag-u-lg-full-1-3,.widget-area-g-lg-vp-1-1 .wag-u-lg-full-1-3{width:33.3333333333%}.widget-area-g-lg-1-1 .wag-u-lg-full-1-4,.widget-area-g-lg-vp-1-1 .wag-u-lg-full-1-4{width:25%}.widget-area-g-lg-1-1 .wag-u-lg-full-1-5,.widget-area-g-lg-vp-1-1 .wag-u-lg-full-1-5{width:20%}.widget-area-g-lg-1-1 .wag-u-lg-full-2-3,.widget-area-g-lg-vp-1-1 .wag-u-lg-full-2-3{width:66.6666666667%}.widget-area-g-lg-1-1 .wag-u-lg-full-2-5,.widget-area-g-lg-vp-1-1 .wag-u-lg-full-2-5{width:40%}.widget-area-g-lg-1-1 .wag-u-lg-full-3-5,.widget-area-g-lg-vp-1-1 .wag-u-lg-full-3-5{width:60%}.widget-area-g-lg-1-1 .wag-u-lg-full-h,.widget-area-g-lg-vp-1-1 .wag-u-lg-full-h{display:none}.widget-area-g-lg-1-2 .wag-u-lg-half-1-1,.widget-area-g-lg-vp-1-2 .wag-u-lg-half-1-1{width:100%}.widget-area-g-lg-1-2 .wag-u-lg-half-1-2,.widget-area-g-lg-vp-1-2 .wag-u-lg-half-1-2{width:50%}.widget-area-g-lg-1-2 .wag-u-lg-half-1-3,.widget-area-g-lg-vp-1-2 .wag-u-lg-half-1-3{width:33.3333333333%}.widget-area-g-lg-1-2 .wag-u-lg-half-1-4,.widget-area-g-lg-vp-1-2 .wag-u-lg-half-1-4{width:25%}.widget-area-g-lg-1-2 .wag-u-lg-half-1-5,.widget-area-g-lg-vp-1-2 .wag-u-lg-half-1-5{width:20%}.widget-area-g-lg-1-2 .wag-u-lg-half-2-3,.widget-area-g-lg-vp-1-2 .wag-u-lg-half-2-3{width:66.6666666667%}.widget-area-g-lg-1-2 .wag-u-lg-half-2-5,.widget-area-g-lg-vp-1-2 .wag-u-lg-half-2-5{width:40%}.widget-area-g-lg-1-2 .wag-u-lg-half-3-5,.widget-area-g-lg-vp-1-2 .wag-u-lg-half-3-5{width:60%}.widget-area-g-lg-1-2 .wag-u-lg-half-h,.widget-area-g-lg-vp-1-2 .wag-u-lg-half-h{display:none}.widget-area-g-lg-1-3 .wag-u-lg-third-1-1,.widget-area-g-lg-vp-1-3 .wag-u-lg-third-1-1{width:100%}.widget-area-g-lg-1-3 .wag-u-lg-third-1-2,.widget-area-g-lg-vp-1-3 .wag-u-lg-third-1-2{width:50%}.widget-area-g-lg-1-3 .wag-u-lg-third-1-3,.widget-area-g-lg-vp-1-3 .wag-u-lg-third-1-3{width:33.3333333333%}.widget-area-g-lg-1-3 .wag-u-lg-third-1-4,.widget-area-g-lg-vp-1-3 .wag-u-lg-third-1-4{width:25%}.widget-area-g-lg-1-3 .wag-u-lg-third-1-5,.widget-area-g-lg-vp-1-3 .wag-u-lg-third-1-5{width:20%}.widget-area-g-lg-1-3 .wag-u-lg-third-2-3,.widget-area-g-lg-vp-1-3 .wag-u-lg-third-2-3{width:66.6666666667%}.widget-area-g-lg-1-3 .wag-u-lg-third-2-5,.widget-area-g-lg-vp-1-3 .wag-u-lg-third-2-5{width:40%}.widget-area-g-lg-1-3 .wag-u-lg-third-3-5,.widget-area-g-lg-vp-1-3 .wag-u-lg-third-3-5{width:60%}.widget-area-g-lg-1-3 .wag-u-lg-third-h,.widget-area-g-lg-vp-1-3 .wag-u-lg-third-h{display:none}.widget-area-g-lg-1-4 .wag-u-lg-quarter-1-1,.widget-area-g-lg-vp-1-4 .wag-u-lg-quarter-1-1{width:100%}.widget-area-g-lg-1-4 .wag-u-lg-quarter-1-2,.widget-area-g-lg-vp-1-4 .wag-u-lg-quarter-1-2{width:50%}.widget-area-g-lg-1-4 .wag-u-lg-quarter-1-3,.widget-area-g-lg-vp-1-4 .wag-u-lg-quarter-1-3{width:33.3333333333%}.widget-area-g-lg-1-4 .wag-u-lg-quarter-1-4,.widget-area-g-lg-vp-1-4 .wag-u-lg-quarter-1-4{width:25%}.widget-area-g-lg-1-4 .wag-u-lg-quarter-1-5,.widget-area-g-lg-vp-1-4 .wag-u-lg-quarter-1-5{width:20%}.widget-area-g-lg-1-4 .wag-u-lg-quarter-2-3,.widget-area-g-lg-vp-1-4 .wag-u-lg-quarter-2-3{width:66.6666666667%}.widget-area-g-lg-1-4 .wag-u-lg-quarter-2-5,.widget-area-g-lg-vp-1-4 .wag-u-lg-quarter-2-5{width:40%}.widget-area-g-lg-1-4 .wag-u-lg-quarter-3-5,.widget-area-g-lg-vp-1-4 .wag-u-lg-quarter-3-5{width:60%}.widget-area-g-lg-1-4 .wag-u-lg-quarter-h,.widget-area-g-lg-vp-1-4 .wag-u-lg-quarter-h{display:none}.widget-area-g-lg-2-3 .wag-u-lg-2third-1-1,.widget-area-g-lg-vp-2-3 .wag-u-lg-2third-1-1{width:100%}.widget-area-g-lg-2-3 .wag-u-lg-2third-1-2,.widget-area-g-lg-vp-2-3 .wag-u-lg-2third-1-2{width:50%}.widget-area-g-lg-2-3 .wag-u-lg-2third-1-3,.widget-area-g-lg-vp-2-3 .wag-u-lg-2third-1-3{width:33.3333333333%}.widget-area-g-lg-2-3 .wag-u-lg-2third-1-4,.widget-area-g-lg-vp-2-3 .wag-u-lg-2third-1-4{width:25%}.widget-area-g-lg-2-3 .wag-u-lg-2third-1-5,.widget-area-g-lg-vp-2-3 .wag-u-lg-2third-1-5{width:20%}.widget-area-g-lg-2-3 .wag-u-lg-2third-2-3,.widget-area-g-lg-vp-2-3 .wag-u-lg-2third-2-3{width:66.6666666667%}.widget-area-g-lg-2-3 .wag-u-lg-2third-2-5,.widget-area-g-lg-vp-2-3 .wag-u-lg-2third-2-5{width:40%}.widget-area-g-lg-2-3 .wag-u-lg-2third-3-5,.widget-area-g-lg-vp-2-3 .wag-u-lg-2third-3-5{width:60%}.widget-area-g-lg-2-3 .wag-u-lg-2third-h,.widget-area-g-lg-vp-2-3 .wag-u-lg-2third-h{display:none}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-1-1,.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-1-1,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-1-1,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-1-1{width:100%}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-1-2,.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-1-2,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-1-2,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-1-2{width:50%}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-1-3,.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-1-3,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-1-3,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-1-3{width:33.3333333333%}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-1-4,.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-1-4,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-1-4,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-1-4{width:25%}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-1-5,.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-1-5,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-1-5,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-1-5{width:20%}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-2-3,.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-2-3,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-2-3,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-2-3{width:66.6666666667%}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-2-5,.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-2-5,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-2-5,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-2-5{width:40%}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-3-5,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-3-5{width:60%}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-h,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-third-h{display:none}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-3-5,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-3-5{width:60%}.widget-area-g-lg-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-h,.widget-area-g-lg-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-2third-h{display:none}.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-1-1,.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-1-1,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-1-1,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-1-1{width:100%}.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-1-2,.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-1-2,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-1-2,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-1-2{width:50%}.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-1-3,.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-1-3,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-1-3,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-1-3{width:33.3333333333%}.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-1-4,.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-1-4,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-1-4,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-1-4{width:25%}.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-1-5,.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-1-5,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-1-5,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-1-5{width:20%}.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-2-3,.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-2-3,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-2-3,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-2-3{width:66.6666666667%}.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-2-5,.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-2-5,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-2-5,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-2-5{width:40%}.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-3-5,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-3-5{width:60%}.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-h,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-lg-2third-h{display:none}.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-3-5,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-3-5{width:60%}.widget-area-g-lg-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-h,.widget-area-g-lg-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-lg-third-h{display:none}}@media screen and (min-width:87.5em){.widget-area-g-xl-1-1 .wag-u-xl-full-1-1,.widget-area-g-xl-vp-1-1 .wag-u-xl-full-1-1{width:100%}.widget-area-g-xl-1-1 .wag-u-xl-full-1-2,.widget-area-g-xl-vp-1-1 .wag-u-xl-full-1-2{width:50%}.widget-area-g-xl-1-1 .wag-u-xl-full-1-3,.widget-area-g-xl-vp-1-1 .wag-u-xl-full-1-3{width:33.3333333333%}.widget-area-g-xl-1-1 .wag-u-xl-full-1-4,.widget-area-g-xl-vp-1-1 .wag-u-xl-full-1-4{width:25%}.widget-area-g-xl-1-1 .wag-u-xl-full-1-5,.widget-area-g-xl-vp-1-1 .wag-u-xl-full-1-5{width:20%}.widget-area-g-xl-1-1 .wag-u-xl-full-2-3,.widget-area-g-xl-vp-1-1 .wag-u-xl-full-2-3{width:66.6666666667%}.widget-area-g-xl-1-1 .wag-u-xl-full-2-5,.widget-area-g-xl-vp-1-1 .wag-u-xl-full-2-5{width:40%}.widget-area-g-xl-1-1 .wag-u-xl-full-3-5,.widget-area-g-xl-vp-1-1 .wag-u-xl-full-3-5{width:60%}.widget-area-g-xl-1-1 .wag-u-xl-full-h,.widget-area-g-xl-vp-1-1 .wag-u-xl-full-h{display:none}.widget-area-g-xl-1-2 .wag-u-xl-half-1-1,.widget-area-g-xl-vp-1-2 .wag-u-xl-half-1-1{width:100%}.widget-area-g-xl-1-2 .wag-u-xl-half-1-2,.widget-area-g-xl-vp-1-2 .wag-u-xl-half-1-2{width:50%}.widget-area-g-xl-1-2 .wag-u-xl-half-1-3,.widget-area-g-xl-vp-1-2 .wag-u-xl-half-1-3{width:33.3333333333%}.widget-area-g-xl-1-2 .wag-u-xl-half-1-4,.widget-area-g-xl-vp-1-2 .wag-u-xl-half-1-4{width:25%}.widget-area-g-xl-1-2 .wag-u-xl-half-1-5,.widget-area-g-xl-vp-1-2 .wag-u-xl-half-1-5{width:20%}.widget-area-g-xl-1-2 .wag-u-xl-half-2-3,.widget-area-g-xl-vp-1-2 .wag-u-xl-half-2-3{width:66.6666666667%}.widget-area-g-xl-1-2 .wag-u-xl-half-2-5,.widget-area-g-xl-vp-1-2 .wag-u-xl-half-2-5{width:40%}.widget-area-g-xl-1-2 .wag-u-xl-half-3-5,.widget-area-g-xl-vp-1-2 .wag-u-xl-half-3-5{width:60%}.widget-area-g-xl-1-2 .wag-u-xl-half-h,.widget-area-g-xl-vp-1-2 .wag-u-xl-half-h{display:none}.widget-area-g-xl-1-3 .wag-u-xl-third-1-1,.widget-area-g-xl-vp-1-3 .wag-u-xl-third-1-1{width:100%}.widget-area-g-xl-1-3 .wag-u-xl-third-1-2,.widget-area-g-xl-vp-1-3 .wag-u-xl-third-1-2{width:50%}.widget-area-g-xl-1-3 .wag-u-xl-third-1-3,.widget-area-g-xl-vp-1-3 .wag-u-xl-third-1-3{width:33.3333333333%}.widget-area-g-xl-1-3 .wag-u-xl-third-1-4,.widget-area-g-xl-vp-1-3 .wag-u-xl-third-1-4{width:25%}.widget-area-g-xl-1-3 .wag-u-xl-third-1-5,.widget-area-g-xl-vp-1-3 .wag-u-xl-third-1-5{width:20%}.widget-area-g-xl-1-3 .wag-u-xl-third-2-3,.widget-area-g-xl-vp-1-3 .wag-u-xl-third-2-3{width:66.6666666667%}.widget-area-g-xl-1-3 .wag-u-xl-third-2-5,.widget-area-g-xl-vp-1-3 .wag-u-xl-third-2-5{width:40%}.widget-area-g-xl-1-3 .wag-u-xl-third-3-5,.widget-area-g-xl-vp-1-3 .wag-u-xl-third-3-5{width:60%}.widget-area-g-xl-1-3 .wag-u-xl-third-h,.widget-area-g-xl-vp-1-3 .wag-u-xl-third-h{display:none}.widget-area-g-xl-1-4 .wag-u-xl-quarter-1-1,.widget-area-g-xl-vp-1-4 .wag-u-xl-quarter-1-1{width:100%}.widget-area-g-xl-1-4 .wag-u-xl-quarter-1-2,.widget-area-g-xl-vp-1-4 .wag-u-xl-quarter-1-2{width:50%}.widget-area-g-xl-1-4 .wag-u-xl-quarter-1-3,.widget-area-g-xl-vp-1-4 .wag-u-xl-quarter-1-3{width:33.3333333333%}.widget-area-g-xl-1-4 .wag-u-xl-quarter-1-4,.widget-area-g-xl-vp-1-4 .wag-u-xl-quarter-1-4{width:25%}.widget-area-g-xl-1-4 .wag-u-xl-quarter-1-5,.widget-area-g-xl-vp-1-4 .wag-u-xl-quarter-1-5{width:20%}.widget-area-g-xl-1-4 .wag-u-xl-quarter-2-3,.widget-area-g-xl-vp-1-4 .wag-u-xl-quarter-2-3{width:66.6666666667%}.widget-area-g-xl-1-4 .wag-u-xl-quarter-2-5,.widget-area-g-xl-vp-1-4 .wag-u-xl-quarter-2-5{width:40%}.widget-area-g-xl-1-4 .wag-u-xl-quarter-3-5,.widget-area-g-xl-vp-1-4 .wag-u-xl-quarter-3-5{width:60%}.widget-area-g-xl-1-4 .wag-u-xl-quarter-h,.widget-area-g-xl-vp-1-4 .wag-u-xl-quarter-h{display:none}.widget-area-g-xl-2-3 .wag-u-xl-2third-1-1,.widget-area-g-xl-vp-2-3 .wag-u-xl-2third-1-1{width:100%}.widget-area-g-xl-2-3 .wag-u-xl-2third-1-2,.widget-area-g-xl-vp-2-3 .wag-u-xl-2third-1-2{width:50%}.widget-area-g-xl-2-3 .wag-u-xl-2third-1-3,.widget-area-g-xl-vp-2-3 .wag-u-xl-2third-1-3{width:33.3333333333%}.widget-area-g-xl-2-3 .wag-u-xl-2third-1-4,.widget-area-g-xl-vp-2-3 .wag-u-xl-2third-1-4{width:25%}.widget-area-g-xl-2-3 .wag-u-xl-2third-1-5,.widget-area-g-xl-vp-2-3 .wag-u-xl-2third-1-5{width:20%}.widget-area-g-xl-2-3 .wag-u-xl-2third-2-3,.widget-area-g-xl-vp-2-3 .wag-u-xl-2third-2-3{width:66.6666666667%}.widget-area-g-xl-2-3 .wag-u-xl-2third-2-5,.widget-area-g-xl-vp-2-3 .wag-u-xl-2third-2-5{width:40%}.widget-area-g-xl-2-3 .wag-u-xl-2third-3-5,.widget-area-g-xl-vp-2-3 .wag-u-xl-2third-3-5{width:60%}.widget-area-g-xl-2-3 .wag-u-xl-2third-h,.widget-area-g-xl-vp-2-3 .wag-u-xl-2third-h{display:none}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-1-1,.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-1-1,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-1-1,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-1-1{width:100%}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-1-2,.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-1-2,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-1-2,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-1-2{width:50%}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-1-3,.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-1-3,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-1-3,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-1-3{width:33.3333333333%}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-1-4,.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-1-4,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-1-4,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-1-4{width:25%}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-1-5,.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-1-5,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-1-5,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-1-5{width:20%}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-2-3,.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-2-3,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-2-3,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-2-3{width:66.6666666667%}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-2-5,.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-2-5,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-2-5,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-2-5{width:40%}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-3-5,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-3-5{width:60%}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-h,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-third-h{display:none}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-3-5,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-3-5{width:60%}.widget-area-g-xl-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-h,.widget-area-g-xl-vp-1-3-2-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-2third-h{display:none}.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-1-1,.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-1-1,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-1-1,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-1-1{width:100%}.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-1-2,.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-1-2,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-1-2,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-1-2{width:50%}.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-1-3,.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-1-3,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-1-3,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-1-3{width:33.3333333333%}.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-1-4,.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-1-4,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-1-4,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-1-4{width:25%}.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-1-5,.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-1-5,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-1-5,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-1-5{width:20%}.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-2-3,.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-2-3,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-2-3,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-2-3{width:66.6666666667%}.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-2-5,.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-2-5,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-2-5,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-2-5{width:40%}.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-3-5,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-3-5{width:60%}.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-h,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+1) .wag-u-xl-2third-h{display:none}.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-3-5,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-3-5{width:60%}.widget-area-g-xl-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-h,.widget-area-g-xl-vp-2-3-1-3 [class*="widget widget-"]:nth-child(2n+2) .wag-u-xl-third-h{display:none}}.widget-area-debug.no-widget-infos .widget-area,.widget-area-debug.no-widget-infos .widget-area [class*="widget widget-"]{border:0}.widget-area-debug .widget-area:empty{display:block}.widget-area-debug .widget-area{border:1px dashed #08c508;margin:10px 0;min-height:100px;position:relative;padding:5px!important}.widget-area-debug .widget-area-group:before,.widget-area-debug .widget-area:before{text-align:center;font-weight:700;font-size:20px;font-family:"Helvetica";opacity:.5;display:block}.widget-area-debug .widget-area:before{color:#08c508;content:""attr(id)".["attr(class)"]";position:absolute;right:0;left:0;top:0;margin:auto}.widget-area-debug .widget-area[class*=p-u-]:before{font-size:17px}.widget-area-debug .widget-area-group{border:1px solid #00008b;padding:5px!important}.widget-area-debug .widget-area-group:before{content:"Widget Area Group";color:#00008b;letter-spacing:normal;width:100%}.widget-area-debug .widget-area-group .widget-area{padding-top:10px!important}.widget-area-debug [class*="lg:grid-"],.widget-area-debug [class*="md:grid-"],.widget-area-debug [class*="sm:grid-"],.widget-area-debug [class*="xl:grid-"]{border:1px dashed #07ac07}.widget-area-debug [class*="lg:grid-"]:before,.widget-area-debug [class*="md:grid-"]:before,.widget-area-debug [class*="sm:grid-"]:before,.widget-area-debug [class*="xl:grid-"]:before{content:"Responsive Widget Area Grid: "attr(id)".["attr(class)"]";color:#07ac07}.widget-area-debug [class*=widget-area-g-u-]{border:1px dashed #069406}.widget-area-debug [class*=widget-area-g-u-]:before{content:"Widget Area Unit Grid: "attr(id)".["attr(class)"]";color:#069406}.widget-area-debug .widget-area .widget{border:1px dotted var(--flexi-brand_color_1)}.widget-area-debug .widget-area .widget:before{content:"Widget "attr(data-widget-type)" ";font-size:15px;font-weight:700;color:var(--flexi-brand_color_1);opacity:.5;font-family:"Helvetica"}.widget-area-debug .widget-placeholder{background:#ddd;padding:5px}.widget-area-debug .widget-placeholder .p-g-example{border-bottom:1px solid #b4b4b4;border-right:1px solid #b4b4b4}.widget-area-debug .widget-placeholder [class*=basis]{border:1px solid #b4b4b4!important;border-right:none!important;border-bottom:none!important;text-align:center;padding:10px 0;background:#f8f8f8}.widget-area-debug .widget-placeholder [class*=basis]:before{content:"Pure grid unit: ["attr(class)"]";display:block}@media screen and (min-width:37.4375em){.widget-area-debug .widget-area.sm\:grid-cols-2 .widget-placeholder:before,.widget-area-debug .widget-area.sm\:grid-cols-3 .widget-placeholder:before{content:""attr(class)}.widget-area-debug .widget-area.sm\:grid-cols-\[32\.3\%_65\.5\%\] .widget-placeholder:nth-child(2n):before,.widget-area-debug .widget-area.sm\:grid-cols-\[32\.3\%_65\.5\%\] .widget-placeholder:nth-child(2n+1):before,.widget-area-debug .widget-area.sm\:grid-cols-\[65\.5\%_32\.3\%\] .widget-placeholder:nth-child(2n):before,.widget-area-debug .widget-area.sm\:grid-cols-\[65\.5\%_32\.3\%\] .widget-placeholder:nth-child(2n+1):before{content:""attr(class)}}@media screen and (min-width:61.8125em){.widget-area-debug .widget-area.md\:grid-cols-2 .widget-placeholder:before,.widget-area-debug .widget-area.md\:grid-cols-3 .widget-placeholder:before{content:""attr(class)}.widget-area-debug .widget-area.md\:grid-cols-\[32\.3\%_65\.5\%\] .widget-placeholder:nth-child(2n):before,.widget-area-debug .widget-area.md\:grid-cols-\[32\.3\%_65\.5\%\] .widget-placeholder:nth-child(2n+1):before,.widget-area-debug .widget-area.md\:grid-cols-\[65\.5\%_32\.3\%\] .widget-placeholder:nth-child(2n):before,.widget-area-debug .widget-area.md\:grid-cols-\[65\.5\%_32\.3\%\] .widget-placeholder:nth-child(2n+1):before{content:""attr(class)}}@media screen and (min-width:64em){.widget-area-debug .widget-area.lg\:grid-cols-2 .widget-placeholder:before,.widget-area-debug .widget-area.sm\:grid-cols-3 .widget-placeholder:before{content:""attr(class)}.widget-area-debug .widget-area.lg\:grid-cols-\[32\.3\%_65\.5\%\] .widget-placeholder:nth-child(2n):before,.widget-area-debug .widget-area.lg\:grid-cols-\[32\.3\%_65\.5\%\] .widget-placeholder:nth-child(2n+1):before,.widget-area-debug .widget-area.lg\:grid-cols-\[65\.5\%_32\.3\%\] .widget-placeholder:nth-child(2n):before,.widget-area-debug .widget-area.lg\:grid-cols-\[65\.5\%_32\.3\%\] .widget-placeholder:nth-child(2n+1):before{content:""attr(class)}.widget-area-debug .widget-area-g-lg-vp-2-3#widgetArea16{margin-right:8px!important}}@media screen and (min-width:87.5em){.widget-area-debug .widget-area.sm\:grid-cols-3 .widget-placeholder:before,.widget-area-debug .widget-area.xl\:grid-cols-2 .widget-placeholder:before{content:""attr(class)}.widget-area-debug .widget-area.lg\:grid-cols-\[32\.3\%_65\.5\%\] .widget-placeholder:nth-child(2n):before,.widget-area-debug .widget-area.lg\:grid-cols-\[32\.3\%_65\.5\%\] .widget-placeholder:nth-child(2n+1):before,.widget-area-debug .widget-area.xl\:grid-cols-\[65\.5\%_32\.3\%\] .widget-placeholder:nth-child(2n):before,.widget-area-debug .widget-area.xl\:grid-cols-\[65\.5\%_32\.3\%\] .widget-placeholder:nth-child(2n+1):before{content:""attr(class)}}@media screen and (max-width:37.4375em){.widget-area-debug .widget-area-group:before,.widget-area-debug .widget-area:before,.widget-area-debug [class*=grid-cols]:before{display:none}.widget-area-debug .widget-control-nav{top:80px;opacity:.5}}.widget-area:empty{display:none}.widget,.widget-area,.widget-area-group{clear:both}[class*=widget-] .widget-header{position:relative}[class*=widget-] .widget-header .widget-title{text-transform:capitalize;margin-right:5px}[class*=widget-] .widget-commercial-lead,[class*=widget-] .widget-commercial-logo{display:inline-block;color:#333}[class*=widget-] .widget-commercial-lead{height:28px}[class*=widget-] .widget-commercial-lead .widget-commercial-label,[class*=widget-] .widget-commercial-lead .widget-commercial-link,[class*=widget-] .widget-commercial-lead .widget-commercial-logo:not(.css-logo){display:table-cell;vertical-align:middle}[class*=widget-] .widget-commercial-lead .widget-commercial-label{padding-right:10px}[class*=widget-] .widget-commercial-lead .widget-commercial-logo{width:100px;height:40px}[class*=widget-] .widget-commercial-lead .widget-commercial-logo.css-logo:before{width:100px;height:40px;margin-top:5px;content:" ";display:block;background-size:contain!important}[class*=widget-] .widget-title{display:inline-block;margin-bottom:16px;max-width:calc(100% - 70px)}[class*=widget-] .widget-title.cpc{max-width:100%}[class*=widget-] .widget-desc{margin-bottom:32px;font-weight:400}[class*=widget-] .widget-desc a{font-weight:600}[class*=widget-] .widget-items{margin-top:16px}[class*=widget-] .widget-see-all{display:inline-block;direction:rtl;position:absolute;right:0;padding-top:10px;text-decoration:none;color:var(--flexi-brand_color_2)}[class*=widget-] .widget-see-all:before{margin-left:4px;vertical-align:baseline}[class*=widget-] .widget-see-all:hover{text-decoration:none;color:var(--flexi-brand_color_1)}[class*=widget-] .widget-cover,[class*=widget-] .widget-cover-after::after{background:-owg-linear-gradient(to bottom,rgba(123,203,202,0),var(--flexi-brand_color_1));background:linear-gradient(to bottom,rgba(123,203,202,0),var(--flexi-brand_color_1));opacity:.2}[class*=widget-] .widget-cover{transition:background .2s}[class*=widget-] .widget-cover img,[class*=widget-] .widget-cover img.lazy.loaded{transition:opacity .3s;opacity:.6}[class*=widget-] .widget-cover-after::after{content:" ";width:100%;height:100%;display:block;position:absolute;top:0;left:0}[class*=widget-] .lazy .fa-spinner{width:100%;display:none}.progressive [class*=widget-] .widget-hero .widget-header .widget-commercial-lead,[class*=widget-] .lazy.loading .fa-spinner{display:block}.progressive [class*=widget-] .widget-hero .widget-header{text-align:center}.progressive [class*=widget-] .widget-hero .widget-header .widget-commercial-lead .widget-commercial-label{padding-right:5px}.progressive [class*=widget-] .widget-hero .widget-header .widget-commercial-lead .widget-commercial-label~.widget-commercial-logo{height:25px}.widget-lightbox-content{width:50%;z-index:9999999999;top:120px;background:#fff;height:60%;max-height:720px;left:50%;transform:translateX(-50%);overflow:auto;border-radius:4px;box-shadow:0 50px 100px rgba(61,82,104,.1),0 15px 35px rgba(61,82,104,.15),0 5px 15px rgba(0,0,0,.1);position:fixed}.widget-lightbox-content .widget-lightbox-close{position:absolute;right:26px;top:40%;transform:translateY(-50%);font-size:26px;color:#c7d0d9;background:0 0;width:26px;height:26px;line-height:26px}.widget-lightbox-content .hide{display:none}.widget-lightbox{z-index:9999999999}.widget-lightbox-overlay{position:fixed;display:none;z-index:999999999;top:0;left:0;width:100%;height:100%;background-color:#263341;opacity:.4}.widget-lightbox-open .widget-lightbox-overlay{display:block}.widget-item-thumbnail img{width:100%;max-width:48px;height:auto;display:block}.widget-item-thumbnail svg{height:100%;max-height:48px}.widget-full-width{position:relative;width:100vw!important;margin-left:-50vw!important;margin-right:0!important;left:50%!important}.widget-more-ddm{float:right;width:auto}.widget-more-ddm .widget-more-ddm-toggle:checked~.widget-more-ddm-btn::after{display:block}.widget-more-ddm .widget-more-ddm-btn{display:inline-block;position:relative;z-index:4}.widget-more-ddm .widget-more-ddm-btn::after{width:18px;height:18px;background-color:#fff;position:absolute;content:"";display:none;top:120%;transform:translateX(-50%) rotate(45deg);transform-origin:center;box-shadow:0-17.4px 35.1px rgba(61,82,104,.1);left:50%;z-index:1}.widget-more-ddm .widget-more-ddm-label{cursor:pointer;direction:rtl;text-transform:none;padding:6px 0;color:var(--flexi-secondary_color_5)}.widget-more-ddm .widget-more-ddm-label:visited{color:var(--flexi-secondary_color_5)}.widget-more-ddm .widget-more-ddm-label::after{display:none}.widget-more-ddm .widget-more-ddm-label:before{margin-left:4px;font-size:10px;vertical-align:middle;padding-bottom:2px}.widget-more-ddm .widget-more-ddm-children{box-shadow:0-2px 35px rgba(61,82,104,.1),0 5px 15px rgba(0,0,0,.08);border-radius:4px;padding:16px;transform:translateX(-50%);left:50%;top:150%}.widget-more-ddm .widget-more-ddm-link{border-radius:4px}.widget-more-ddm .widget-more-ddm-link:hover{text-decoration:none}.toggle-btn{margin:10px 0}.toggle-btn .toggle-btn-label{background:var(--flexi-brand_color_1);width:auto;font-size:13px;font-weight:700;text-align:center;padding:11px 15px;margin:auto;display:flex;flex-direction:row-reverse;justify-content:center}.toggle-btn .toggle-btn-label i:before{margin-left:5px;transition:transform .25s ease-in-out;font-size:10px;margin-top:3px;float:left}@media screen and (max-width:47.9375em){.widget-lightbox-content{width:100%;top:0;left:0;height:100%;margin:0;bottom:0;transform:none;border-radius:0}}@media screen and (max-width:29.9375em){.widget-commercial-lead{padding:0 10px}.widget-commercial-lead .widget-commercial-label{padding-right:5px;display:inline-block}.widget-commercial-lead .widget-commercial-link{display:inline-block}}.vanilla2.flexi-page .widget{margin:var(--brand-layout-margin-top) var(--brand-layout-margin-right) var(--brand-layout-margin-bottom) var(--brand-layout-margin-left);padding:var(--brand-layout-padding-top) var(--brand-layout-padding-right) var(--brand-layout-padding-bottom) var(--brand-layout-padding-left)}.vanilla2.flexi-page .widget .widget-header .widget-title{font-family:var(--brand-widget-title-font-family);font-weight:var(--brand-widget-title-font-weight);font-size:var(--brand-widget-title-font-size);line-height:var(--brand-widget-title-line-height);text-transform:var(--brand-widget-title-text-transform)}.vanilla2.flexi-page .widget .widget-desc{font-family:var(--brand-widget-description-font-family);font-weight:var(--brand-widget-description-font-weight);font-size:var(--brand-widget-description-font-size);line-height:var(--brand-widget-description-line-height);text-transform:var(--brand-widget-description-text-transform)}.vanilla2.flexi-page .widget .view-more-top{font-family:var(--brand-widget-view-more-top-font-family);font-weight:var(--brand-widget-view-more-top-font-weight);font-size:var(--brand-widget-view-more-top-font-size);line-height:var(--brand-widget-view-more-top-line-height);text-transform:var(--brand-widget-view-more-top-text-transform)}@media screen and (max-width:700px){.vanilla2.flexi-page .widget-area{padding:0}[class*=widget-] .widget-title{max-width:unset}}.tabs:after{content:"";display:block;clear:both}.tabs-nav-item label{display:none;font-size:1.2em}.tabs-prev-next{background-color:#f5f8fb;color:var(--flexi-brand_color_2);width:26px;height:26px;border-radius:50%;text-align:center;font-size:.7em}.tabs-prev-next label{line-height:26px;display:block}.tabs-prev-next label:before{display:inline-block;font:14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tabs-nav{width:94px;float:right;text-align:center;line-height:26px}.tabs-nav li{display:inline}.v2-listing-image-wrapper{padding-top:56.25%;position:relative;margin-bottom:15px;width:100%;overflow:hidden}.v2-listing-image-wrapper .endorsement-hero-image{position:absolute}.v2-listing-image-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.flexi-pagination{padding:10px;display:block;text-align:center}.flexi-pagination a{display:inline-block;padding-left:10px}.flexi-pagination .active{font-size:120%}.flexi-pagination .active,.flexi-pagination .sep-dots{font-weight:700;padding-left:10px}}
/* --flexi-widget-hero-- */
@layer legacy {
.widget-hero{position:relative}.widget-hero .widget-hero-bigimg{max-height:450px;overflow:hidden}.widget-hero .widget-hero-bigimg img{width:100%;height:auto}.widget-hero .widget-hero-wrapper{position:absolute;top:0;text-align:left;width:80%}.widget-hero.hero-live .widget-header .widget-title{display:block;background:var(--flexi-brand_color_1);padding:10px;font-size:14px;text-transform:uppercase;color:#fff;margin-bottom:20px}
}
/* --flexi-widget-contentparsed-- */
@layer legacy {
@charset "UTF-8";.widget-content-parsed-fields_query{padding:30px 10px 10px}.widget.widget-content-parsed-fields_query .widget-title{margin:10px}.widget.widget-content-parsed-fields_query h2.widget-title span{font-size:40px;text-align:left;padding:unset;margin:unset;line-height:normal}.widget-content-parsed-fields_query .widget-header{margin-bottom:20px}.widget-content-parsed-fields_query .wcp-item-content{line-height:1.5em}.widget-content-parsed-fields_query .image-hero__padding,.widget-content-parsed-fields_query .vanilla-image-block{padding-top:10%!important}#main .widget-content-parsed-fields_query.landscape-hero .fancy-box .fancy_box-title:after,.widget-content-parsed-fields_query .credit{display:none}.widget-content-parsed-fields_query.landscape-hero{padding:15px 0}.widget-content-parsed-fields_query.landscape-hero .cp-article-title{color:var(--greyscale-white-fff, #FFF);font-size:18px;font-family:Arial;font-weight:700;line-height:26px;border-radius:0 30px 0 0;background:var(--brands-tr-pink-e-40784, #E40784);width:auto;display:inline-block;padding:5px 40px 5px 30px;margin-bottom:-4px;text-transform:uppercase}.widget-content-parsed-fields_query.landscape-hero .cp-article-body{-o-border-image:linear-gradient(to right,#e6258a 50%,#090e21)1;border-image:linear-gradient(to right,#e6258a 50%,#090e21)1;border-top:5px;border-style:solid;padding:30px;background:var(--greyscale-grey-f-5, #F5F5F5)}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-hero .hero-image-padding{padding-top:100%!important}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source h2{color:var(--greyscale-black-1-b, #1B1B1B);font-size:22px;font-family:Arial;font-weight:700;line-height:30px;letter-spacing:-.22px;padding-bottom:15px}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source p{color:var(--greyscale-black-1-b, #1B1B1B);font-size:16px;font-family:Arial;line-height:22px;padding-bottom:15px}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source ul{color:var(--greyscale-black-1-b, #1B1B1B);font-size:16px;font-family:Arial;line-height:22px;margin-bottom:30px}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source ul li{padding-bottom:10px}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source li:before{padding-right:10px;color:#e40784;font-weight:700;content:"\2714";font-family:fantasy}.widget-content-parsed-fields_query.landscape-hero article .hero-image-padding-wrap.padding-on .hero-image-padding img:not(.endorsement-hero-image){position:absolute;top:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#main .widget-content-parsed-fields_query.landscape-hero article .fancy-box{float:none;display:inline-block;text-align:center;border:1px solid #1b1b1b;padding:10px;margin:15px 10px;width:calc(50% - 20px);box-sizing:border-box}#main .widget-content-parsed-fields_query.landscape-hero .fancy-box .fancy_box-title{background:0 0;color:#1b1b1b;font-size:28px;font-family:Arial;font-weight:700;line-height:36px;letter-spacing:-.28px;padding:0}#main .widget-content-parsed-fields_query.landscape-hero .fancy-box .fancy_box_body{border:0;padding:0}#main .widget-content-parsed-fields_query.landscape-hero .fancy-box .fancy_box_body p{font-size:14px;font-family:Arial;line-height:21px;padding:0;min-height:45px}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source>p:last-of-type{text-align:right}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source>p:last-of-type a{font-size:16px;font-family:Arial;font-weight:700;line-height:20px;letter-spacing:.8px;text-transform:uppercase;color:#1b1b1b}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source>p:last-of-type a:after{text-indent:0;content:"\203a";color:var(--flexi-brand_color_2);font-size:23px;font-weight:700;padding-left:5px}@media screen and (min-width:700px){.widget-content-parsed-fields_query.landscape-hero{padding:15px}.widget-content-parsed-fields_query.landscape-hero .cp-article-title{font-size:22px;font-weight:700;line-height:38px;letter-spacing:-.22px;border-radius:0 50px 0 0;padding:5px 40px}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-hero{flex:0 0 33%}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source h2{font-size:32px;font-weight:700;line-height:36px;letter-spacing:-.32px}.widget-content-parsed-fields_query.landscape-hero .cp-article-body{display:flex;-o-border-image:linear-gradient(to right,#e6258a 25%,#090e21)1;border-image:linear-gradient(to right,#e6258a 25%,#090e21)1;gap:40px;padding:40px}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source p{font-size:18px;line-height:24px;letter-spacing:.18px;padding-bottom:15px}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source ul{font-size:18px;line-height:24px;letter-spacing:.18px}#main .widget-content-parsed-fields_query.landscape-hero .fancy-box .fancy_box-title{font-size:32px;line-height:36px;letter-spacing:-.32px}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source>p:last-of-type a{font-size:20px;letter-spacing:1px}.widget-content-parsed-fields_query.landscape-hero .cp-article-body-source>p:last-of-type a:after{font-size:27px}}
}
/* --flexi-widget-dynamic-- */
@layer legacy {
.widget-edt-listing .wel-item .ribbon-sponsored::before{display:inline-block;content:"sponsored";background-color:#3ece8d;color:#fff;font-size:78.5714285714%;line-height:21px;padding:0 6px;font-family:Lato;font-weight:800;letter-spacing:1px;text-transform:uppercase}.widget-dynamic-default,.widget-edt-listing{position:relative}.widget-edt-listing .wel-item{padding-bottom:32px}.widget-edt-listing .wel-item a{display:block;color:inherit}.widget-edt-listing .wel-item a:hover,.widget-edt-listing .wel-item a:hover .wel-item-title{text-decoration:none;color:var(--flexi-brand_color_2)}.widget-edt-listing .wel-item .wel-item-subtitle{color:#ddd;padding-bottom:16px}.widget-edt-listing .wel-item .wel-item-title{margin-bottom:0;color:#263341}.widget-edt-listing .wel-item .ribbon-sponsored.top-left::before{position:absolute;top:0;left:0}.widget-edt-listing .wel-item .ribbon-sponsored.top-right::before,.widget-edt-listing .wel-see-all{position:absolute;top:0;right:0}.widget-edt-listing .wel-item .ribbon-sponsored.bottom-left::before{position:absolute;bottom:0;left:0}.widget-edt-listing .wel-item .ribbon-sponsored.bottom-right::before{position:absolute;bottom:0;right:0}.widget-edt-listing .wel-item .ribbon-sponsored.center-center::before{position:absolute;top:50%;left:50%;transform:translate(-50%,0)}.widget-dynamic-default .wdyn-item{padding-bottom:10px}.widget-drilldown .refine-filters-facets .facet-contents ul li a .facet-target-count:hover,.widget-dynamic-default .wdyn-item>a:hover{text-decoration:none}.widget-dynamic-default .wdyn-item .wdyn-item-subtitle{color:#8c9eb1}.widget-dynamic-default .wdyn-item .wdyn-item-picto img{max-width:95%;height:auto;border-radius:4px}.widget-dynamic-default .wdyn-item .wdyn-item-picto svg{height:100%}.widget-dynamic-default .wdyn-item .wdyn-item-title{color:#263341}@media screen and (max-width:37.4375em){.widget-dynamic-default .wdyn-item{font-size:93%}.widget-dynamic-default .wdyn-item .wdyn-item-right{overflow:hidden;max-height:170px}}.widget-drilldown{margin-bottom:30px}.widget-drilldown .hide.flex{display:none!important}.widget-drilldown .refine-filters-facets{border:1px solid #ccc;background:#fff;padding:16px}.widget-drilldown .dropdown>ul input,.widget-drilldown .refine-filters-facets input[type=radio],.widget-drilldown .refine-filters-input{display:none}.widget-drilldown .dropdown>ul input:checked~ul,.widget-drilldown .refine-filters-facets input[type=radio]:checked~div{display:block}.widget-drilldown .refine-filters-facets>label{border:1px solid #ccc;padding:10px 20px;font-size:14px;cursor:pointer}.widget-drilldown .refine-filters-facets .facet-selected{margin-top:15px}.widget-drilldown .refine-filters-facets .facet-selected .first{background:0 0;padding-left:0;padding-right:0}.widget-drilldown .refine-filters-facets .facet-selected li{background:#ccc;padding:10px 18px;font-size:14px;margin-right:5px;margin-bottom:5px}.widget-drilldown .refine-filters-facets .facet-selected li a{color:#333}.widget-drilldown .refine-filters-facets .facet-selected li.last{background:0 0;float:right;padding-right:0;margin-right:0}.widget-drilldown .refine-filters-facets .facet-contents .facet-search{margin-top:5px;position:relative}.widget-drilldown .refine-filters-facets .facet-contents .facet-search input{height:40px;font-size:14px;width:100%;padding-right:30px;border:1px solid #ccc}.widget-drilldown .refine-filters-facets .facet-contents .facet-search label{position:absolute;right:10px;height:18px;border:0;font-size:18px;line-height:18px;margin-top:-30px}.widget-drilldown .refine-filters-facets .facet-contents ul{overflow-y:auto;max-height:194px;border-top:1px solid #ccc;margin-top:10px;padding-top:20px}.widget-drilldown .refine-filters-facets .facet-contents ul li{margin-bottom:6px;cursor:pointer}.widget-drilldown .refine-filters-facets .facet-contents ul li a{color:#333;line-height:24px;font-size:16px}.widget-drilldown .refine-filters-facets .facet-contents ul li a .facet-target-count{color:#ccc;vertical-align:top}.widget-drilldown .refine-filters-facets .facet-contents ul li a .facet-target-title{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.widget-drilldown .refine-filters-input:checked~.refine-filters-title{border-bottom:1px solid #6b7c92}.widget-drilldown .refine-filters-input:checked~.refine-filters-facets,.widget-drilldown .refine-filters-input:checked~.refine-filters-title .fa-stack{display:none}.widget-drilldown .refine-filters-input:checked~.refine-filters-title .fa-stack.h{display:inline-block}.widget-drilldown .refine-filters-title{padding:10px;font-weight:700;text-transform:uppercase;border-bottom:none;font-family:"Helvetica";line-height:2em;background:var(--flexi-brand_color_1);color:#fff}.widget-drilldown .refine-filters-facet-title{padding-bottom:5px;font-weight:700;border-bottom:none;font-family:"Helvetica";color:#333}.widget-drilldown .refine-filters-toggle{float:right;cursor:pointer;color:#fff;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter')}.widget-drilldown .refine-filters-toggle.fa .fa:after,.widget-drilldown .refine-filters-toggle.fa .fa:before{width:25px}.widget-drilldown .dropdown>ul{float:right;position:relative;line-height:42px}.widget-drilldown .dropdown>ul>li{display:inline-block}.widget-drilldown .dropdown>ul ul{display:none;border:1px solid var(--flexi-brand_color_1);right:0;top:42px;background-color:#fff;position:absolute;margin:0;padding:0;z-index:3}.widget-drilldown .dropdown>ul ul li{display:block;vertical-align:middle;padding:0;margin:0;position:relative}.widget-drilldown .dropdown>ul ul li a{text-decoration:none;line-height:35px;padding:0 10px;color:#333}.widget-dynamic.tag-blocks-display{margin-bottom:0!important}.widget-dynamic.tag-blocks-display:nth-of-type(2){margin-top:0!important}.widget-dynamic.tag-blocks-display .widget-header{text-align:center}.widget-dynamic.tag-blocks-display .widget-title{text-transform:uppercase!important}.widget-dynamic.tag-blocks-display .tabs-content .wel-item-title{text-transform:uppercase;color:#171e2f;font-size:13px;overflow:hidden}.widget-dynamic.tag-blocks-display .wel-items{display:flex;justify-content:center;margin:10px 10px 0}.widget-dynamic.tag-blocks-display .wel-item{flex:auto;border:1px solid #000;padding:7px;flex-grow:inherit;width:auto;margin-bottom:5px;margin-right:5px;max-width:-moz-fit-content;max-width:fit-content}.widget-dynamic.tag-blocks-display .wel-item:hover{background:var(--flexi-brand_color_1)}.widget-dynamic.tag-blocks-display .tabs-content .wel-item:hover .wel-item-title{color:#fff}@media (min-width:700px){.widget-dynamic.tag-blocks-display{width:calc(100% - 60px);margin:0 auto}.widget-dynamic.tag-blocks-display .wel-items{margin:10px 0 0}.widget-dynamic.tag-blocks-display .wel-item{padding:11px}.widget-dynamic.tag-blocks-display .tabs-content .wel-item-title{font-size:15px}}.flexi-pagination{padding:10px;display:block;text-align:center}.flexi-pagination a{display:inline-block;padding-left:10px}.flexi-pagination .active{font-size:120%}.flexi-pagination .active,.flexi-pagination .sep-dots{font-weight:700;padding-left:10px}.widget-multiquery-wrapper{--flexi-dynamic-tabs-color-primary:var(--flexi-brand_color_1);--flexi-dynamic-tabs-color-secondary:var(--flexi-secondary_color_1);--flexi-dynamic-tabs-color-black:var(--brand-color-black);--flexi-dynamic-tabs-color-white:var(--brand-color-white);--flexi-dynamic-tabs-color-grey:var(--brand-color-grey);--flexi-dynamic-tabs-font-family:var(--brand-font-family-1);--flexi-dynamic-tabs-font-weight-heavy:var(--brand-font-weight-heavy);--flexi-dynamic-tabs-font-weight-medium:var(--brand-font-weight-medium);--flexi-dynamic-tabs-font-weight-light:var(--brand-font-weight-light);---flexi-dynamic-tabs-font-size-medium:var(--brand-font-size-medium);--flexi-dynamic-tabs-font-size-small:var(--brand-font-size-small);margin:20px 0}.widget-multiquery-wrapper .dynamic-tabs.alternate,.widget-multiquery-wrapper .dynamic-widget-multiquery-option-tabbed{display:none}.widget-multiquery-wrapper .dynamic-tabs-container{display:flex;margin-bottom:20px}.widget-multiquery-wrapper.lateral-tab-style{display:flex;outline:1px solid var(--flexi-dynamic-tabs-color-black)}.widget-multiquery-wrapper.lateral-tab-style .dynamic-tabs{font-size:var(--flexi-dynamic-tabs-font-size-medium)}@media (min-width:700px){.widget-multiquery-wrapper.lateral-tab-style .dynamic-tabs-container .dynamic-tabs:not(:last-child){border-bottom:1px solid var(--flexi-dynamic-tabs-color-black)}.widget-multiquery-wrapper.lateral-tab-style .dynamic-widget-multiquery-option-tabbed{max-width:60%}}@media (min-width:800px){.widget-multiquery-wrapper.lateral-tab-style .dynamic-widget-multiquery-option-tabbed{max-width:65%}}@media (min-width:900px){.widget-multiquery-wrapper.lateral-tab-style .dynamic-widget-multiquery-option-tabbed{max-width:70%}}@media (min-width:1200px){.widget-multiquery-wrapper.lateral-tab-style .dynamic-widget-multiquery-option-tabbed{max-width:75%}}@media (min-width:700px){.widget-multiquery-wrapper.lateral-tab-style .widget-dynamic-listv2 .wdn-listv2-item-hero .wdn-listv2-item-content-title{font-size:15px}}@media (min-width:800px){.widget-multiquery-wrapper.lateral-tab-style .widget-dynamic-listv2 .wdn-listv2-item-hero .wdn-listv2-item-content-title{font-size:16px}}@media (min-width:900px){.widget-multiquery-wrapper.lateral-tab-style .widget-dynamic-listv2 .wdn-listv2-item-hero .wdn-listv2-item-content-title{font-size:18px}}@media (min-width:1000px){.widget-multiquery-wrapper.lateral-tab-style .widget-dynamic-listv2 .wdn-listv2-item-hero .wdn-listv2-item-content-title{font-size:20px}}@media (min-width:700px){.widget-multiquery-wrapper.lateral-tab-style .widget-dynamic-listv2 .wdn-listv2-item-wrapper .wdn-listv2-item-content-title{font-size:14px}}@media (min-width:800px){.widget-multiquery-wrapper.lateral-tab-style .widget-dynamic-listv2 .wdn-listv2-item-wrapper .wdn-listv2-item-content-title{font-size:15px}}@media (min-width:900px){.widget-multiquery-wrapper.lateral-tab-style .widget-dynamic-listv2 .wdn-listv2-item-wrapper .wdn-listv2-item-content-title{font-size:16px}}@media (min-width:1000px){.widget-multiquery-wrapper.lateral-tab-style .widget-dynamic-listv2 .wdn-listv2-item-wrapper .wdn-listv2-item-content-title{font-size:17px}}@media (max-width:699px){.widget-multiquery-wrapper.lateral-tab-style{flex-direction:column;overflow:hidden}.widget-multiquery-wrapper.lateral-tab-style .dynamic-widget-multiquery-option-tabbed{display:block;margin:auto;max-height:0;max-width:95%;transition:all 1s;overflow:hidden}.widget-multiquery-wrapper.lateral-tab-style .dynamic-tabs{font-family:var(--flexi-dynamic-tabs-font-family);font-weight:var(--flexi-dynamic-tabs-font-weight-medium);font-size:var(--flexi-dynamic-tabs-font-size-medium)}.widget-multiquery-wrapper.lateral-tab-style .dynamic-tabs.alternate{display:flex}.widget-multiquery-wrapper.lateral-tab-style .dynamic-tabs-container{display:none}}.widget-multiquery-wrapper.accordion-tab-style{outline:1px solid var(--flexi-dynamic-tabs-color-black);flex-direction:column;overflow:hidden}.widget-multiquery-wrapper.accordion-tab-style .dynamic-widget-multiquery-option-tabbed{display:block;margin:auto;max-height:0;max-width:95%;transition:all 1s;overflow:hidden}.widget-multiquery-wrapper.accordion-tab-style .dynamic-tabs{font-family:var(--flexi-dynamic-tabs-font-family);font-weight:var(--flexi-dynamic-tabs-font-weight-medium);font-size:var(--flexi-dynamic-tabs-font-size-medium)}.widget-multiquery-wrapper.accordion-tab-style .dynamic-tabs.alternate{display:flex}.widget-dynamic.widget-no-data,.widget-multiquery-wrapper.accordion-tab-style .dynamic-tabs-container{display:none}.widget-multiquery-wrapper.is-tabbed .dynamic-tabs .dynamic-tabs-content{display:flex;justify-content:center;align-items:center}.widget-multiquery-wrapper.is-tabbed .dynamic-tabs .dynamic-tabs-content .dynamic-tabs-content-icon{overflow:hidden;width:var(--brand-widget-title-line-height);height:var(--brand-widget-title-line-height);margin-right:10px}.widget-multiquery-wrapper.is-tabbed .dynamic-tabs .dynamic-tabs-content .dynamic-tabs-content-icon img{width:100%;height:var(--brand-widget-title-line-height);display:block;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.widget-dynamic{font-family:var(--brand-font-family-1)}
}
/* --flexi-widget-empty-- */
@layer legacy {
}
/* --custom-widget-tailwind-block-- */
#membership-expandable-banner-v5-1 {
padding: 0;
margin: 0;
height: 0;
/* Responsive Design */
}
#membership-expandable-banner-v5-1 .flcw-text {
color: var(--flcw-membership-skinnybanner-text-color, white);
}
#membership-expandable-banner-v5-1 .flcw-text-join-our-community {
color: var(--flcw-membership-skinnybanner-join-our-community-color, white);
}
#membership-expandable-banner-v5-1 .flcw-card {
background-color: var(--flcw-membership-skinnybanner-card-bg-color, rgba(186, 185, 200, 0.7));
}
#membership-expandable-banner-v5-1 .flcw-join-now-btn {
background-color: var(--flcw-membership-skinnybanner-join-our-btn-bg-color, rgba(255, 255, 255, 0.2));
}
#membership-expandable-banner-v5-1 .skinny-banner.show.flw-translate-150 {
transform: translateY(150px);
}
#membership-expandable-banner-v5-1 .skinny-banner.show {
transform: translateY(0px);
z-index: 99998;
}
#membership-expandable-banner-v5-1 .skinny-banner-bis.show {
z-index: 99998;
}
#membership-expandable-banner-v5-1 .flcw-membership-button {
border-radius: var(--flcw-membership-button-border-radius, 31px);
}
@media (max-width: 699px) {
#membership-expandable-banner-v5-1 .skinny-banner.show {
transform: translateY(60px);
z-index: 9999;
}
#membership-expandable-banner-v5-1 .skinny-banner-bis.show {
z-index: 9999;
}
}
#membership-expandable-banner-v5-1 .join-now-text {
display: block;
}
@media (max-width: 460px) {
#membership-expandable-banner-v5-1 .join-now-text {
display: none;
}
}
#membership-expandable-banner-v5-1 .btn-find-out-more {
border: 1px solid var(--flcw-membership-skinnybanner-find-out-more-border-color, var(--flexi-brand-color-2)) !important;
}
#membership-expandable-banner-v5-1 .log-in-btn {
border: 1px solid var(--flcw-membership-skinnybanner-text-color, white) !important;
}
#membership-expandable-banner-v5-1 .btn-close-popup {
background-color: var(--flcw-membership-skinnybanner-find-out-more-border-color, var(--flexi-brand-color-2)) !important;
}#membership-slide-out-2 {
padding: 0 !important;
margin: 0 !important;
height: 0;
}
#membership-slide-out-2 .flcw-slide-out-button {
color: var(--flcw-membership-slide-out-button-text-color, white) !important;
}
#membership-slide-out-2 .flcw-slide-out .isExpanded {
width: 475px;
}
#membership-slide-out-2 .flcw-text {
color: var(--flcw-membership-text-color, white);
}
#membership-slide-out-2 .flcw-badges-card {
background-color: var(--flcw-membership-slide-out-badge-bg-color, white);
border: var(--flcw-membership-slide-out-badge-border-color, white);
}
#membership-slide-out-2 .flcw-membership-button {
border-radius: var(--flcw-membership-button-border-radius, 31px);
}.widget-customwidgets .fixed {
position: fixed;
}
.widget-customwidgets .left-0 {
left: 0px;
}
.widget-customwidgets .top-0 {
top: 0px;
}
.widget-customwidgets .mx-auto {
margin-left: auto;
margin-right: auto;
}
.widget-customwidgets .my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.widget-customwidgets .mb-0 {
margin-bottom: 0px;
}
.widget-customwidgets .mb-2 {
margin-bottom: 0.5rem;
}
.widget-customwidgets .mb-2\.5 {
margin-bottom: 0.625rem;
}
.widget-customwidgets .mb-\[25px\] {
margin-bottom: 25px;
}
.widget-customwidgets .mb-\[5px\] {
margin-bottom: 5px;
}
.widget-customwidgets .mr-2 {
margin-right: 0.5rem;
}
.widget-customwidgets .mt-0 {
margin-top: 0px;
}
.widget-customwidgets .mt-0\.5 {
margin-top: 0.125rem;
}
.widget-customwidgets .mt-2\.5 {
margin-top: 0.625rem;
}
.widget-customwidgets .block {
display: block;
}
.widget-customwidgets .flex {
display: flex;
}
.widget-customwidgets .hidden {
display: none;
}
.widget-customwidgets .h-4 {
height: 1rem;
}
.widget-customwidgets .h-6 {
height: 1.5rem;
}
.widget-customwidgets .h-8 {
height: 2rem;
}
.widget-customwidgets .h-\[50px\] {
height: 50px;
}
.widget-customwidgets .max-h-0 {
max-height: 0px;
}
.widget-customwidgets .w-4 {
width: 1rem;
}
.widget-customwidgets .w-6 {
width: 1.5rem;
}
.widget-customwidgets .w-8 {
width: 2rem;
}
.widget-customwidgets .w-\[220px\] {
width: 220px;
}
.widget-customwidgets .w-auto {
width: auto;
}
.widget-customwidgets .w-full {
width: 100%;
}
.widget-customwidgets .min-w-0 {
min-width: 0px;
}
.widget-customwidgets .max-w-\[1200px\] {
max-width: 1200px;
}
.widget-customwidgets .max-w-\[970px\] {
max-width: 970px;
}
.widget-customwidgets .flex-shrink-0 {
flex-shrink: 0;
}
.widget-customwidgets .flex-grow {
flex-grow: 1;
}
.widget-customwidgets .-translate-y-5 {
--tw-translate-y:-1.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.widget-customwidgets .-translate-y-full {
--tw-translate-y:-100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.widget-customwidgets .cursor-pointer {
cursor: pointer;
}
.widget-customwidgets .flex-row {
flex-direction: row;
}
.widget-customwidgets .flex-col {
flex-direction: column;
}
.widget-customwidgets .items-start {
align-items: flex-start;
}
.widget-customwidgets .items-center {
align-items: center;
}
.widget-customwidgets .justify-center {
justify-content: center;
}
.widget-customwidgets .justify-between {
justify-content: space-between;
}
.widget-customwidgets .gap-1\.5 {
gap: 0.375rem;
}
.widget-customwidgets .gap-2 {
gap: 0.5rem;
}
.widget-customwidgets .gap-3 {
gap: 0.75rem;
}
.widget-customwidgets .gap-4 {
gap: 1rem;
}
.widget-customwidgets .gap-5 {
gap: 1.25rem;
}
.widget-customwidgets .gap-\[15px\] {
gap: 15px;
}
.widget-customwidgets .overflow-hidden {
overflow: hidden;
}
.widget-customwidgets .overflow-clip {
overflow: clip;
}
.widget-customwidgets .overflow-scroll {
overflow: scroll;
}
.widget-customwidgets .whitespace-normal {
white-space: normal;
}
.widget-customwidgets .whitespace-nowrap {
white-space: nowrap;
}
.widget-customwidgets .rounded {
border-radius: 0.25rem;
}
.widget-customwidgets .rounded-\[20px\] {
border-radius: 20px;
}
.widget-customwidgets .rounded-\[30px\] {
border-radius: 30px;
}
.widget-customwidgets .rounded-lg {
border-radius: 0.5rem;
}
.widget-customwidgets .rounded-md {
border-radius: 0.375rem;
}
.widget-customwidgets .border {
border-width: 1px;
}
.widget-customwidgets .border-b {
border-bottom-width: 1px;
}
.widget-customwidgets .border-none {
border-style: none;
}
.widget-customwidgets .border-\[var\(--flcw-membership-skinnybanner-find-out-more-border-color\,var\(--flexi-brand-color-2\)\)\] {
border-color: var(--flcw-membership-skinnybanner-find-out-more-border-color, var(--flexi-brand-color-2));
}
.widget-customwidgets .border-gray-300 {
--tw-border-opacity:1;
border-color: rgb(209 213 219/var(--tw-border-opacity, 1));
}
.widget-customwidgets .border-white {
--tw-border-opacity:1;
border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
}
.widget-customwidgets .bg-\[var\(--flcw-membership-skinnybanner-find-out-more-bg-color\,var\(--flexi-brand-color-2\)\)\] {
background-color: var(--flcw-membership-skinnybanner-find-out-more-bg-color, var(--flexi-brand-color-2));
}
.widget-customwidgets .bg-\[var\(--flcw-membership-skinnybanner-join-now-bg-color\,white\)\] {
background-color: var(--flcw-membership-skinnybanner-join-now-bg-color, white);
}
.widget-customwidgets .bg-\[var\(--flcw-membership-skinnybanner-mobile-bg-color\,var\(--flexi-brand-color-2\)\)\] {
background-color: var(--flcw-membership-skinnybanner-mobile-bg-color, var(--flexi-brand-color-2));
}
.widget-customwidgets .bg-\[var\(--flcw-membership-skinnybanner-popup-bg-color\,var\(--flexi-brand-color-1\)\)\] {
background-color: var(--flcw-membership-skinnybanner-popup-bg-color, var(--flexi-brand-color-1));
}
.widget-customwidgets .bg-\[var\(--flcw-membership-skinnybanner-signup-bg-color\,var\(--flexi-brand-color-2\)\)\] {
background-color: var(--flcw-membership-skinnybanner-signup-bg-color, var(--flexi-brand-color-2));
}
.widget-customwidgets .bg-black\/60 {
background-color: rgba(0, 0, 0, 0.6);
}
.widget-customwidgets .bg-gray-100 {
--tw-bg-opacity:1;
background-color: rgb(243 244 246/var(--tw-bg-opacity, 1));
}
.widget-customwidgets .bg-white {
--tw-bg-opacity:1;
background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
}
.widget-customwidgets .bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.widget-customwidgets .from-\[var\(--flcw-membership-skinnybanner-popup-bg-color-start\,var\(--flexi-brand-color-1\)\)\] {
--tw-gradient-from:var(--flcw-membership-skinnybanner-popup-bg-color-start,var(--flexi-brand-color-1)) var(--tw-gradient-from-position);
--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.widget-customwidgets .to-\[var\(--flcw-membership-skinnybanner-popup-bg-color-end\,var\(--flexi-brand-color-1\)\)\] {
--tw-gradient-to:var(--flcw-membership-skinnybanner-popup-bg-color-end,var(--flexi-brand-color-1)) var(--tw-gradient-to-position);
}
.widget-customwidgets .bg-cover {
background-size: cover;
}
.widget-customwidgets .bg-center {
background-position: center;
}
.widget-customwidgets .bg-no-repeat {
background-repeat: no-repeat;
}
.widget-customwidgets .object-contain {
object-fit: contain;
}
.widget-customwidgets .p-3 {
padding: 0.75rem;
}
.widget-customwidgets .p-5 {
padding: 1.25rem;
}
.widget-customwidgets .p-\[15px\] {
padding: 15px;
}
.widget-customwidgets .px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.widget-customwidgets .px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.widget-customwidgets .px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.widget-customwidgets .px-\[14px\] {
padding-left: 14px;
padding-right: 14px;
}
.widget-customwidgets .py-\[10px\] {
padding-top: 10px;
padding-bottom: 10px;
}
.widget-customwidgets .py-\[15px\] {
padding-top: 15px;
padding-bottom: 15px;
}
.widget-customwidgets .py-\[30px\] {
padding-top: 30px;
padding-bottom: 30px;
}
.widget-customwidgets .text-left {
text-align: left;
}
.widget-customwidgets .text-center {
text-align: center;
}
.widget-customwidgets .text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.widget-customwidgets .text-\[10px\] {
font-size: 10px;
}
.widget-customwidgets .text-\[11px\] {
font-size: 11px;
}
.widget-customwidgets .text-\[13px\] {
font-size: 13px;
}
.widget-customwidgets .text-\[16px\] {
font-size: 16px;
}
.widget-customwidgets .text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.widget-customwidgets .text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.widget-customwidgets .text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.widget-customwidgets .text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.widget-customwidgets .font-bold {
font-weight: 700;
}
.widget-customwidgets .font-normal {
font-weight: 400;
}
.widget-customwidgets .font-semibold {
font-weight: 600;
}
.widget-customwidgets .uppercase {
text-transform: uppercase;
}
.widget-customwidgets .normal-case {
text-transform: none;
}
.widget-customwidgets .leading-6 {
line-height: 1.5rem;
}
.widget-customwidgets .leading-\[1\.2\] {
line-height: 1.2;
}
.widget-customwidgets .leading-\[1\.3\] {
line-height: 1.3;
}
.widget-customwidgets .leading-\[1em\] {
line-height: 1em;
}
.widget-customwidgets .leading-\[26px\] {
line-height: 26px;
}
.widget-customwidgets .leading-none {
line-height: 1;
}
.widget-customwidgets .leading-relaxed {
line-height: 1.625;
}
.widget-customwidgets .tracking-\[0\.5px\] {
letter-spacing: 0.5px;
}
.widget-customwidgets .text-\[var\(--flcw-membership-skinnybanner-find-out-more-color\,white\)\] {
color: var(--flcw-membership-skinnybanner-find-out-more-color, white);
}
.widget-customwidgets .text-\[var\(--flcw-membership-skinnybanner-join-now-color\,black\)\] {
color: var(--flcw-membership-skinnybanner-join-now-color, black);
}
.widget-customwidgets .text-\[var\(--flcw-membership-skinnybanner-signup-color\,white\)\] {
color: var(--flcw-membership-skinnybanner-signup-color, white);
}
.widget-customwidgets .text-blue-600 {
--tw-text-opacity:1;
color: rgb(37 99 235/var(--tw-text-opacity, 1));
}
.widget-customwidgets .text-white {
--tw-text-opacity:1;
color: rgb(255 255 255/var(--tw-text-opacity, 1));
}
.widget-customwidgets .underline {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.widget-customwidgets .no-underline {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.widget-customwidgets .opacity-0 {
opacity: 0;
}
.widget-customwidgets .opacity-70 {
opacity: 0.7;
}
.widget-customwidgets .opacity-80 {
opacity: 0.8;
}
.widget-customwidgets .opacity-90 {
opacity: 0.9;
}
.widget-customwidgets .shadow-lg {
--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.widget-customwidgets .backdrop-blur-md {
--tw-backdrop-blur:blur(12px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.widget-customwidgets .transition-\[max-height\] {
transition-property: max-height;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.widget-customwidgets .transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.widget-customwidgets .transition-colors {
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.widget-customwidgets .transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.widget-customwidgets .delay-100 {
transition-delay: 100ms;
}
.widget-customwidgets .duration-300 {
transition-duration: 300ms;
}
.widget-customwidgets .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.widget-customwidgets .ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.widget-customwidgets .ease-linear {
transition-timing-function: linear;
}
.widget-customwidgets .\[-ms-overflow-style\:none\] {
-ms-overflow-style: none;
}
.widget-customwidgets .\[scrollbar-width\:none\] {
scrollbar-width: none;
}
.widget-customwidgets .placeholder\:text-\[var\(--flcw-membership-skinnybanner-popup-input-placeholder-text-color\,gray-500\)\]::placeholder {
color: var(--flcw-membership-skinnybanner-popup-input-placeholder-text-color, gray-500);
}
.widget-customwidgets .hover\:-translate-y-0\.5:hover {
--tw-translate-y:-0.125rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.widget-customwidgets .hover\:-translate-y-px:hover {
--tw-translate-y:-1px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.widget-customwidgets .hover\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]:hover {
--tw-shadow:0 4px 12px rgba(0,0,0,0.15);
--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.widget-customwidgets .hover\:shadow-lg:hover {
--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.widget-customwidgets .focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.widget-customwidgets .focus\:ring-blue-500:focus {
--tw-ring-opacity:1;
--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.widget-customwidgets .disabled\:pointer-events-none:disabled {
pointer-events: none;
}
.widget-customwidgets .disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.widget-customwidgets .disabled\:opacity-60:disabled {
opacity: 0.6;
}
.widget-customwidgets .group.expanded .group-\[\.expanded\]\:max-h-\[90vh\] {
max-height: 90vh;
}
.widget-customwidgets .group.expanded .group-\[\.expanded\]\:translate-y-0 {
--tw-translate-y:0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.widget-customwidgets .group.expanded .group-\[\.expanded\]\:rotate-180 {
--tw-rotate:180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.widget-customwidgets .group.expanded .group-\[\.expanded\]\:opacity-100 {
opacity: 1;
}
.widget-customwidgets .max-\[460px\]\:hidden {
display: none;
}
.widget-customwidgets .\[\&\.show\]\:translate-y-0.show {
--tw-translate-y:0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.widget-customwidgets .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
display: none;
}
.widget-customwidgets .\[\&_a\:hover\]\:no-underline a:hover {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.widget-customwidgets .\[\&_a\]\:font-normal a {
font-weight: 400;
}
.widget-customwidgets .\[\&_a\]\:text-white a {
--tw-text-opacity:1;
color: rgb(255 255 255/var(--tw-text-opacity, 1));
}
.widget-customwidgets .\[\&_a\]\:underline a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.widget-customwidgets .pointer-events-none {
pointer-events: none;
}
.widget-customwidgets .pointer-events-auto {
pointer-events: auto;
}
.widget-customwidgets .absolute {
position: absolute;
}
.widget-customwidgets .relative {
position: relative;
}
.widget-customwidgets .inset-0 {
inset: 0px;
}
.widget-customwidgets .bottom-0 {
bottom: 0px;
}
.widget-customwidgets .left-\[10px\] {
left: 10px;
}
.widget-customwidgets .right-0 {
right: 0px;
}
.widget-customwidgets .right-\[10px\] {
right: 10px;
}
.widget-customwidgets .top-1\/2 {
top: 50%;
}
.widget-customwidgets .z-0 {
z-index: 0;
}
.widget-customwidgets .z-10 {
z-index: 10;
}
.widget-customwidgets .z-20 {
z-index: 20;
}
.widget-customwidgets .z-\[12000\] {
z-index: 12000;
}
.widget-customwidgets .m-0 {
margin: 0px;
}
.widget-customwidgets .mb-1 {
margin-bottom: 0.25rem;
}
.widget-customwidgets .mb-4 {
margin-bottom: 1rem;
}
.widget-customwidgets .mb-5 {
margin-bottom: 1.25rem;
}
.widget-customwidgets .mb-\[100px\] {
margin-bottom: 100px;
}
.widget-customwidgets .mb-\[15px\] {
margin-bottom: 15px;
}
.widget-customwidgets .mr-4 {
margin-right: 1rem;
}
.widget-customwidgets .mt-4 {
margin-top: 1rem;
}
.widget-customwidgets .mt-5 {
margin-top: 1.25rem;
}
.widget-customwidgets .mt-\[15px\] {
margin-top: 15px;
}
.widget-customwidgets .mt-\[30px\] {
margin-top: 30px;
}
.widget-customwidgets .line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.widget-customwidgets .h-10 {
height: 2.5rem;
}
.widget-customwidgets .h-5 {
height: 1.25rem;
}
.widget-customwidgets .h-full {
height: 100%;
}
.widget-customwidgets .w-10 {
width: 2.5rem;
}
.widget-customwidgets .w-32 {
width: 8rem;
}
.widget-customwidgets .w-5 {
width: 1.25rem;
}
.widget-customwidgets .w-\[300px\] {
width: 300px;
}
.widget-customwidgets .w-\[50px\] {
width: 50px;
}
.widget-customwidgets .w-\[65\%\] {
width: 65%;
}
.widget-customwidgets .w-\[85vw\] {
width: 85vw;
}
.widget-customwidgets .shrink-0 {
flex-shrink: 0;
}
.widget-customwidgets .-translate-y-1\/2 {
--tw-translate-y:-50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.widget-customwidgets .translate-x-\[100\%\] {
--tw-translate-x:100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.widget-customwidgets .rotate-180 {
--tw-rotate:180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.widget-customwidgets .transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.widget-customwidgets .items-stretch {
align-items: stretch;
}
.widget-customwidgets .justify-start {
justify-content: flex-start;
}
.widget-customwidgets .justify-end {
justify-content: flex-end;
}
.widget-customwidgets .space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse:0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
}
.widget-customwidgets .space-x-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse:0;
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
}
.widget-customwidgets .space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse:0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
}
.widget-customwidgets .overflow-y-auto {
overflow-y: auto;
}
.widget-customwidgets .overflow-x-scroll {
overflow-x: scroll;
}
.widget-customwidgets .rounded-\[10px\] {
border-radius: 10px;
}
.widget-customwidgets .rounded-full {
border-radius: 9999px;
}
.widget-customwidgets .border-2 {
border-width: 2px;
}
.widget-customwidgets .border-l {
border-left-width: 1px;
}
.widget-customwidgets .border-solid {
border-style: solid;
}
.widget-customwidgets .border-\[var\(--flcw-membership-slide-out-divider-color\,gray-200\)\] {
border-color: var(--flcw-membership-slide-out-divider-color, gray-200);
}
.widget-customwidgets .border-transparent {
border-color: transparent;
}
.widget-customwidgets .bg-\[var\(--flcw-membership-slide-out-button-bg-color\,var\(--flexi-brand-color-1\)\)\] {
background-color: var(--flcw-membership-slide-out-button-bg-color, var(--flexi-brand-color-1));
}
.widget-customwidgets .bg-\[var\(--flcw-membership-slide-out-members-exclusive-section-explore-button-bg-color\,white\)\] {
background-color: var(--flcw-membership-slide-out-members-exclusive-section-explore-button-bg-color, white);
}
.widget-customwidgets .bg-black\/80 {
background-color: rgba(0, 0, 0, 0.8);
}
.widget-customwidgets .bg-transparent {
background-color: transparent;
}
.widget-customwidgets .bg-gradient-to-l {
background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.widget-customwidgets .from-black\/80 {
--tw-gradient-from:rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.widget-customwidgets .via-black\/40 {
--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops:var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.widget-customwidgets .to-transparent {
--tw-gradient-to:transparent var(--tw-gradient-to-position);
}
.widget-customwidgets .object-cover {
object-fit: cover;
}
.widget-customwidgets .p-2 {
padding: 0.5rem;
}
.widget-customwidgets .p-4 {
padding: 1rem;
}
.widget-customwidgets .p-6 {
padding: 1.5rem;
}
.widget-customwidgets .px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.widget-customwidgets .px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.widget-customwidgets .px-\[12px\] {
padding-left: 12px;
padding-right: 12px;
}
.widget-customwidgets .py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.widget-customwidgets .py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.widget-customwidgets .py-\[20px\] {
padding-top: 20px;
padding-bottom: 20px;
}
.widget-customwidgets .pb-1 {
padding-bottom: 0.25rem;
}
.widget-customwidgets .pl-2 {
padding-left: 0.5rem;
}
.widget-customwidgets .pr-\[10px\] {
padding-right: 10px;
}
.widget-customwidgets .pt-1 {
padding-top: 0.25rem;
}
.widget-customwidgets .pt-4 {
padding-top: 1rem;
}
.widget-customwidgets .font-sans {
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.widget-customwidgets .text-\[12px\] {
font-size: 12px;
}
.widget-customwidgets .text-\[14px\] {
font-size: 14px;
}
.widget-customwidgets .font-medium {
font-weight: 500;
}
.widget-customwidgets .leading-\[120\%\] {
line-height: 120%;
}
.widget-customwidgets .leading-\[140\%\] {
line-height: 140%;
}
.widget-customwidgets .leading-snug {
line-height: 1.375;
}
.widget-customwidgets .leading-tight {
line-height: 1.25;
}
.widget-customwidgets .text-\[var\(--flcw-membership-slide-out-members-exclusive-section-explore-button-text-color\,var\(--flexi-brand-color-1\)\)\] {
color: var(--flcw-membership-slide-out-members-exclusive-section-explore-button-text-color, var(--flexi-brand-color-1));
}
.widget-customwidgets .text-black {
--tw-text-opacity:1;
color: rgb(0 0 0/var(--tw-text-opacity, 1));
}
.widget-customwidgets .shadow-2xl {
--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.widget-customwidgets .shadow-md {
--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.widget-customwidgets .backdrop-blur-sm {
--tw-backdrop-blur:blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.widget-customwidgets .transition {
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.widget-customwidgets .duration-150 {
transition-duration: 150ms;
}
.widget-customwidgets .hover\:-translate-y-1:hover {
--tw-translate-y:-0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.widget-customwidgets .\[\&\.show\]\:translate-x-0.show {
--tw-translate-x:0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 460px) {
.widget-customwidgets .min-\[460px\]\:block {
display: block;
}
}
@media (min-width: 550px) {
.widget-customwidgets .min-\[550px\]\:w-\[450px\] {
width: 450px;
}
}
@media (min-width: 768px) {
.widget-customwidgets .md\:grid {
display: grid;
}
.widget-customwidgets .md\:hidden {
display: none;
}
.widget-customwidgets .md\:w-\[42\%\] {
width: 42%;
}
.widget-customwidgets .md\:w-\[58\%\] {
width: 58%;
}
.widget-customwidgets .md\:w-full {
width: 100%;
}
.widget-customwidgets .md\:auto-rows-fr {
grid-auto-rows: minmax(0, 1fr);
}
.widget-customwidgets .md\:grid-cols-\[2fr_1fr\] {
grid-template-columns: 2fr 1fr;
}
.widget-customwidgets .md\:flex-row {
flex-direction: row;
}
.widget-customwidgets .md\:items-stretch {
align-items: stretch;
}
.widget-customwidgets .md\:gap-0 {
gap: 0px;
}
.widget-customwidgets .md\:gap-3 {
gap: 0.75rem;
}
.widget-customwidgets .md\:gap-\[15px\] {
gap: 15px;
}
.widget-customwidgets .md\:gap-\[25px\] {
gap: 25px;
}
.widget-customwidgets .md\:whitespace-normal {
white-space: normal;
}
.widget-customwidgets .md\:whitespace-pre-wrap {
white-space: pre-wrap;
}
.widget-customwidgets .md\:bg-\[var\(--flcw-membership-skinnybanner-bg-color\,var\(--flexi-brand-color-1\)\)\] {
background-color: var(--flcw-membership-skinnybanner-bg-color, var(--flexi-brand-color-1));
}
.widget-customwidgets .md\:p-\[18px\] {
padding: 18px;
}
.widget-customwidgets .md\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.widget-customwidgets .md\:mb-7 {
margin-bottom: 1.75rem;
}
.widget-customwidgets .md\:mt-0 {
margin-top: 0px;
}
.widget-customwidgets .md\:mt-7 {
margin-top: 1.75rem;
}
.widget-customwidgets .md\:mt-\[30px\] {
margin-top: 30px;
}
.widget-customwidgets .md\:h-12 {
height: 3rem;
}
.widget-customwidgets .md\:h-\[70px\] {
height: 70px;
}
.widget-customwidgets .md\:w-12 {
width: 3rem;
}
.widget-customwidgets .md\:w-\[35\%\] {
width: 35%;
}
.widget-customwidgets .md\:w-\[65\%\] {
width: 65%;
}
.widget-customwidgets .md\:w-\[70px\] {
width: 70px;
}
.widget-customwidgets .md\:w-auto {
width: auto;
}
.widget-customwidgets .md\:flex-row {
flex-direction: row;
}
.widget-customwidgets .md\:justify-end {
justify-content: flex-end;
}
.widget-customwidgets .md\:justify-between {
justify-content: space-between;
}
.widget-customwidgets .md\:text-\[14px\] {
font-size: 14px;
}
.widget-customwidgets .md\:text-\[16px\] {
font-size: 16px;
}
}
/* --flexi-landing-- */
@layer legacy {
@charset "UTF-8";.hasBarrier .flexi-kiosq-targeted-area,.hasBarrier .flexi-paywall-locker{height:var(--flexi-paywall-custom-height)}@media (max-width:1024px){.hasBarrier .flexi-kiosq-targeted-area,.hasBarrier .flexi-paywall-locker{height:var(--flexi-paywall-custom-height-mobile)}}.hasBarrier .flexi-after-paywall-locker{display:initial!important}.hasBarrier .widget-area.paywall-locker.flexi-paywall-locker{display:none!important}.hasBarrier .widget-area.flexi-kiosq-targeted-area{overflow:hidden;position:relative;margin-bottom:0}.hasBarrier .widget-area.flexi-kiosq-targeted-area .kiosq-main-layer{z-index:99;position:absolute;width:96%;padding:0;margin:0;bottom:0;margin-bottom:0!important;left:50%;transform:translateX(-50%);max-width:none}.hasBarrier .widget-area.flexi-kiosq-targeted-area .kiosq-main-layer .kiosq-main-layer-container{margin-bottom:0}.hasBarrier.flexi-page .paywall-locker.flexi-paywall-locker{overflow:hidden!important}.hasBarrier.flexi-page.flexi-landing.responsive .flexi-kiosq-targeted-area .kiosq-main-layer{margin-inline:auto;position:absolute;z-index:99;width:95%;max-width:none}.hasBarrier.flexi-page.flexi-landing.progressive .flexi-after-paywall-locker .kiosq-main-layer{float:none;margin-inline:auto;max-width:none}.hasBarrier.flexi-page.flexi-home.responsive .flexi-after-paywall-locker{margin-inline:auto;position:relative;z-index:99}.hasBarrier.flexi-page.flexi-home.responsive .kiosq-main-layer{max-width:none}@media (min-width:1024px){.hasBarrier.flexi-page.flexi-home.progressive .flexi-after-paywall-locker .kiosq-main-layer{float:none;margin-inline:auto}}.hasBarrier.flexi-page.flexi-home.progressive .kiosq-main-layer{max-width:none!important;width:100%}.flexi-after-paywall-locker{display:none}.flexi-subscription-page .flw-p-0{padding:0!important}.flexi-subscription-page .flw-mb-0{margin-bottom:0!important}.flexi-subscription-page .widget-dynamic-listv2.flw-expert-style-2 .wdn-listv2-items .wdn-listv2-item-lists .wdn-listv2-item{filter:grayscale(0)}.flexi-subscription-page .wdn-listv2-action:before{content:none!important}@media screen and (min-width:901px){.flexi-subscription-page .widget-area{padding:0!important;max-width:var(--flw-max-width-widget-area, 1200px)!important;gap:var(--flw-gap-widget-area, 80px);margin:0 auto}.flexi-subscription-page #main{max-width:1440px!important}.flexi-subscription-page .widget-main-article-content{margin-top:0!important;margin-bottom:40px!important}.flexi-subscription-page .widget-hero{margin:0!important}.flexi-subscription-page .flw-none-content-byline .wdn-listv2-item-content-byline,.flexi-subscription-page .flw-none-content-label .wdn-listv2-item-content-title-label,.flexi-subscription-page .flw-none-content-strapline .wdn-listv2-item-content-strapline,.flexi-subscription-page .flw-none-header-title .widget-title,.flexi-subscription-page .flw-none-widget-content-rating .wdn-listv2-item-content-rating,.flexi-subscription-page .flw-none-widget-header .widget-header{display:none}.flexi-subscription-page .flw-fit-content-newsletter .newsletter-form__container{max-width:-moz-fit-content!important;max-width:fit-content!important}.flexi-subscription-page #content .widget-global-multiquery-wrapper h1.listing__title,.flexi-subscription-page .flw-header-title .listing__title.dynamic-listing-filter,.flexi-subscription-page .flw-header-title .widget-title,.flexi-subscription-page .widget-global-multiquery-wrapper:has(.flw-header-title) h1.listing__title.listing__title--primary,.flexi-subscription-page .widget-subscriber-exclusives .widget-header h2.widget-title{font-family:var(--flw-font-family-header-title, Open Sans)!important;font-weight:var(--flw-font-weight-header-title, 600)!important;font-size:var(--flw-font-size-header-title, 36px)!important;line-height:var(--flw-line-height-header-title, 42px)!important;letter-spacing:var(--flw-letter-spacing-header-title)!important;vertical-align:middle;padding:var(--flw-pt-header-title, 0) var(--flw-pr-header-title, 0) var(--flw-pb-header-title, 10px) var(--flw-pl-header-title, 0);border-bottom:var(--flw-border-bottom-header-title, 4px solid #1b1b1b);width:100%;margin:var(--flw-mt-header-title, 0) var(--flw-mr-header-title, 0) var(--flw-mb-header-title, 0) var(--flw-ml-header-title, 0);text-align:center;text-transform:var(--flw-text-transform-header-title)!important;color:var(--flw-color-header-title)!important}.flexi-subscription-page .flw-content-title .wdn-listv2-item-wrapper .wdn-listv2-item-content-title{font-family:var(--flw-font-family);font-weight:var(--flw-font-weight-content-title)!important;font-size:var(--flw-font-size-content-title);line-height:var(--flw-line-height-content-title);letter-spacing:var(--flw-letter-spacing-content-title);padding:var(--flw-pt-content-title) var(--flw-pr-content-title) var(--flw-pb-content-title) var(--flw-pl-content-title);margin:var(--flw-mt-content-title) var(--flw-mr-content-title) var(--flw-mb-content-title) var(--flw-ml-content-title)}.flexi-subscription-page .flw-content-strapline .wdn-listv2-item-wrapper .wdn-listv2-item-content-strapline{font-family:var(--flw-font-family);font-weight:var(--flw-font-weight-content-strapline)!important;font-size:var(--flw-font-size-content-strapline);line-height:var(--flw-line-height-content-strapline);padding:var(--flw-pt-content-strapline) var(--flw-pr-content-strapline) var(--flw-pb-content-strapline) var(--flw-pl-content-strapline);margin:var(--flw-mt-content-strapline) var(--flw-mr-content-strapline) var(--flw-mb-content-strapline) var(--flw-ml-content-strapline)}.flexi-subscription-page .flw-custom-experts-hover-state.flw-curated-experts .wdn-listv2-items .wdn-listv2-item-lists{padding-left:10px}.flexi-subscription-page .flw-custom-experts-hover-state.flw-curated-experts .wdn-listv2-items .wdn-listv2-item-lists .wdn-listv2-item:hover img{border:0;padding:0}.flexi-subscription-page .flw-custom-experts-hover-state .wdn-listv2-item{padding-top:10px}.flexi-subscription-page .flw-custom-experts-hover-state .wdn-listv2-item:hover .v2-listing-image-wrapper,.flexi-subscription-page .flw-custom-experts-hover-state .wdn-listv2-item:hover .wdn-listv2-item-lists{overflow:visible}.flexi-subscription-page .flw-custom-experts-hover-state .wdn-listv2-item:hover .v2-listing-image-wrapper:before{content:"";height:64px;width:64px;position:absolute;top:-10px;left:-10px;z-index:2;border:4px solid var(--flexi-brand-color-1);border-radius:8px 0 0 0;border-bottom:0;border-right:0}.flexi-subscription-page .flw-custom-experts-hover-state .wdn-listv2-item:hover .v2-listing-image-wrapper:after{content:"";height:64px;width:64px;position:absolute;bottom:-10px;right:-10px;z-index:2;border:4px solid var(--flexi-brand-color-1);border-radius:0 0 8px 0;border-top:0;border-left:0}.flexi-subscription-page .flw-header-description .widget-desc{font-family:var(--flw-font-family);color:var(--flw-color-header-description, #1B1B1B);font-weight:var(--flw-font-weight-header-description, 400)!important;font-size:var(--flw-font-size-header-description, 22px);line-height:var(--flw-line-height-header-description, 28px);vertical-align:middle;letter-spacing:var(--flw-letter-spacing-header-description, -1px);margin:var(--flw-mt-header-description, 30px) var(--flw-mr-header-description, 0) var(--flw-mb-header-description, 30px) var(--flw-ml-header-description, 0);padding:var(--flw-pt-header-description, 0) var(--flw-pr-header-description, 0) var(--flw-pb-header-description, 10px) var(--flw-pl-header-description, 0);text-align:var(--flw-text-align-header-description, center)}.flexi-subscription-page .flw-subpage-curated-hiw .widget-header{padding-bottom:var(--flw-pb-hiw-widget-header, 16px)}.flexi-subscription-page .flw-subpage-curated-hiw .wdn-listv2-item-content-strapline,.flexi-subscription-page .flw-subpage-curated-hiw .wdn-listv2-item-content-title{text-align:center}.flexi-subscription-page .flw-subpage-curated-hiw .wdn-listv2-items .wdn-listv2-item-lists .wdn-listv2-item img,.flexi-subscription-page .flw-subpage-curated-sources .wdn-listv2-items .wdn-listv2-item-lists .wdn-listv2-item img{height:100%;width:auto;-o-object-fit:contain!important;object-fit:contain!important}.flexi-subscription-page .flw-subpage-curated-hiw .wdn-listv2-items .wdn-listv2-item-lists .wdn-listv2-item a,.flexi-subscription-page .flw-subpage-curated-sources .wdn-listv2-items .wdn-listv2-item-lists .wdn-listv2-item a{pointer-events:none}.flexi-subscription-page .flw-subpage-curated-hiw .v2-listing-image-layout .v2-listing-image-wrapper,.flexi-subscription-page .flw-subpage-curated-sources .v2-listing-image-layout .v2-listing-image-wrapper{padding-top:42.6%}.flexi-subscription-page .flw-subpage-curated-hiw .v2-listing-image-layout .v2-listing-image-wrapper picture,.flexi-subscription-page .flw-subpage-curated-sources .v2-listing-image-layout .v2-listing-image-wrapper picture{display:flex;justify-content:center;align-items:center}.flexi-subscription-page .flw-subpage-curated-hiw .wdn-listv2-item{padding-top:var(--flw-pt-hiw-wdn-listv2-item, 32px)}.flexi-subscription-page .flw-subpage-curated-sources .widget-header{padding-bottom:var(--flw-pb-see-our-sources-widget-header, 16px)}.flexi-subscription-page .flw-subpage-curated-sources .wdn-listv2-item-content-strapline,.flexi-subscription-page .flw-subpage-curated-sources .wdn-listv2-item-content-title{text-align:center}.flexi-subscription-page .flw-subpage-curated-sources .wdn-listv2-item{padding-top:var(--flw-pt-see-our-sources-wdn-listv2-item, 32px)}.flexi-subscription-page .widget :where(.more-link,.widget-see-all){padding:var(--flw-pt-var-more-link, 0) var(--flw-pr-var-more-link, 0) var(--flw-pb-var-more-link, 0) var(--flw-pl-var-more-link, 0)!important;margin:var(--flw-mt-var-more-link, 0) var(--flw-mr-var-more-link, 0) var(--flw-mb-var-more-link, 0) var(--flw-ml-var-more-link, 0)!important;background-color:var(--flw-bg-var-more-link, none)!important;border-radius:var(--flw-border-radius-var-more-link, 0)!important;justify-self:var(--flw-justify-self-var-more-link, center)!important;text-align:var(--flw-text-align-var-more-link, center)!important;font-size:var(--flw-size-var-more-link, 16px)!important;line-height:var(--flw-line-height-var-more-link, 100%)!important;letter-spacing:var(--flw-letter-spacing-var-more-link, 0%)!important;font-weight:var(--flw-font-weight-var-more-link, 700)!important;color:var(--flw-color-var-more-link, #1B1B1B);font-family:var(--flw-font-family-var-more-link, Open Sans)!important;-webkit-text-decoration:var(--flw-text-decoration-var-more-, none)!important;text-decoration:var(--flw-text-decoration-var-more-, none)!important;text-transform:var(--flw-text-transform-var-more-link, uppercase)!important;position:relative!important;width:var(--flw-width-var-more-link, 358px)!important;height:var(--flw-height-var-more-link, 44px)!important;border:var(--flw-border-var-more-link, 1px solid #1B1B1B)!important;direction:var(--flw-direction-var-more-link, ltr)!important;display:flex;justify-content:center;align-items:center}.flexi-subscription-page .widget-connect-with-us,.flexi-subscription-page .widget-curated-experts{--wdn-listv2-action-width:64px!important;--wdn-listv2-action-height:64px!important;--wdn-listv2-action-line-height:64px!important;--wdn-listv2-arrow-next-txt:24px!important;--wdn-listv2-arrow-previous-txt:24px!important}.flexi-subscription-page .widget-curated-experts{padding:0;--wdn-listv2-scroll-icon-top:5em}.flexi-subscription-page .widget-curated-experts .v2-listing-image-layout .v2-listing-image-wrapper{padding-top:35%!important}.flexi-subscription-page .widget-curated-experts .wdn-listv2-item-content{margin:0 auto!important}.flexi-subscription-page .widget-curated-experts .wdn-listv2-item-content-strapline,.flexi-subscription-page .widget-curated-experts .wdn-listv2-item-content-title{--flw-font-size-content-title:22px;--flw-line-height-content-strapline:28px;--flw-pt-content-title:10px;--flw-pb-content-title:10px;--flw-pl-content-title:0px;--flw-pr-content-title:0px;--flw-mt-content-title:10px;--flw-mb-content-title:10px;--flw-ml-content-title:0px;--flw-mr-content-title:0px}.flexi-subscription-page .widget-curated-experts .wdn-listv2-item-content-title{font-weight:var(--flw-experts-widgets-font-weight-content-title, 700)!important;--flw-sm-mb-content-title:10px;letter-spacing:var(--flw-experts-widgets-letter-spacing-content-title, 0px)!important;color:var(--flw-experts-widgets-color-content-title, #1B1B1B)!important}.flexi-subscription-page .flw-subscriber-exclusives .wdn-listv2-action:before,.flexi-subscription-page .widget-connect-with-us .wdn-listv2-action:before,.flexi-subscription-page .widget-curated-experts .wdn-listv2-item-content-title:after{content:none!important}.flexi-subscription-page .widget-curated-experts .wdn-listv2-item-content-strapline{color:var(--flw-experts-widgets-color-content-strapline, #1B1B1B)!important}.flexi-subscription-page .widget-connect-with-us{--wdn-listv2-scroll-icon-top:8em!important}.flexi-subscription-page .widget-connect-with-us .wdn-listv2-action{margin:10px}.flexi-subscription-page .widget-connect-with-us .wdn-listv2-items .wdn-listv2-item-lists .wdn-listv2-item img{border-radius:4px!important}.flexi-subscription-page .widget-connect-with-us .v2-listing-image-layout .v2-listing-image-wrapper{padding-top:var(--flw-pt-image-wrapper, 125%);margin-bottom:0!important}.flexi-subscription-page .flw-custom-border-right-wdn-listv2-item .wdn-listv2-item-wrapper .wdn-listv2-item-content{display:none}.flexi-subscription-page .flw-custom-border-right-wdn-listv2-item .wdn-listv2-item-wrapper .wdn-listv2-item,.flexi-subscription-page .flw-subscriber-exclusives .v2-listing-image-wrapper .v2-listing-image-img,.flexi-subscription-page .flw-subscriber-exclusives a.wdn-listv2-item-link,.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter a.wdn-listv2-item-link{position:relative}.flexi-subscription-page .flw-custom-border-right-wdn-listv2-item .wdn-listv2-item-wrapper .wdn-listv2-item:not(:last-child):after{content:"";border-right:2px solid #ccc;right:calc(var(--wdn-listv2-gapX)/2*-1);top:0;display:block;height:100%;position:absolute}.flexi-subscription-page .flw-subscriber-exclusives{background:var(--flw-background-subscriber-exclusives, #EDEDED);padding:var(--flw-pt-subscriber-exclusives, 40px) var(--flw-pr-subscriber-exclusives, 0) var(--flw-pb-subscriber-exclusives, 40px) var(--flw-pl-subscriber-exclusives, 0);--wdn-listv2-scroll-icon-top:5em!important;--wdn-listv2-action-width:64px!important;--wdn-listv2-action-height:64px!important;--wdn-listv2-action-line-height:64px!important;--wdn-listv2-arrow-next-txt:24px!important;--wdn-listv2-arrow-previous-txt:24px!important}.flexi-subscription-page .flw-subscriber-exclusives>*{width:1200px;margin:auto;max-width:100%}.flexi-subscription-page .flw-subscriber-exclusives .widget-header{padding:var(--flw-pt-subscriber-exclusives-widget-header, 0) var(--flw-pr-subscriber-exclusives-widget-header, 0) var(--flw-pb-subscriber-exclusives-widget-header, 40px) var(--flw-pl-subscriber-exclusives-widget-header, 0)}.flexi-subscription-page .flw-subscriber-exclusives .wdn-listv2-items{margin:0 auto!important}.flexi-subscription-page .flw-subscriber-exclusives .wdn-listv2-action{z-index:11}.flexi-subscription-page .flw-subscriber-exclusives .v2-listing-image-layout{position:relative;height:100%}.flexi-subscription-page .flw-subscriber-exclusives .v2-listing-image-layout:before,.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .v2-listing-image-layout:before{content:"";background-image:linear-gradient(to bottom,rgba(255,255,255,0)0,#1b1b1b 100%);display:block;height:100%;width:100%;position:absolute;z-index:9}.flexi-subscription-page .flw-subscriber-exclusives .v2-listing-image-wrapper{padding:0;margin:0;height:100%}.flexi-subscription-page .flw-subscriber-exclusives .wdn-listv2-item-content{position:absolute;bottom:0}.flexi-subscription-page .flw-subscriber-exclusives .wdn-listv2-item-content .wdn-listv2-item-content-title{color:var(--flw-color-subscriber-exclusives-title, #fff)!important;position:relative;z-index:10;padding:0 10px;font-family:"Open Sans"!important;line-height:24px!important;font-weight:600!important}.flexi-subscription-page .widget-event-promotion .wdn-listv2-item-hero .v2-listing-image-layout{flex:0 0 50%!important}.flexi-subscription-page .widget-event-promotion .wdn-listv2-item-hero .v2-listing-image-layout .v2-listing-image-wrapper,.flexi-subscription-page .widget-event-promotion .wdn-listv2-item-hero .v2-listing-image-layout .v2-listing-image-wrapper img,.flexi-subscription-page .widget-event-promotion .wdn-listv2-item-hero .v2-listing-image-layout .v2-listing-image-wrapper picture{display:block;height:100%}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter{padding:40px 0!important;background:var(--flw-background-all-access-pass, #EDEDED);width:100vw;position:relative;left:50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--flw-mt-header-title:0;--flw-mr-header-title:auto;--flw-mb-header-title:0;--flw-ml-header-title:auto}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter>*{max-width:1200px;margin:0 auto}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter button:not(.bg-\[var\(--flexi-dynamic-tabs-color-primary\)\]){color:#1b1b1b}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter button:empty{display:none}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .v2-listing-image-layout{position:relative;height:100%}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .v2-listing-image-wrapper{padding:0;margin:0;height:100%}.flexi-subscription-page .flw-custom-footer img.v2-listing-image-img.manual-image-sizes,.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .v2-listing-image-wrapper .v2-listing-image-img{position:relative}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .wdn-listv2-item-content{position:absolute;bottom:0}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .wdn-listv2-item-content .wdn-listv2-item-content-title{color:var(--flw-color-all-access-pass-title, #fff)!important;position:relative;z-index:10;padding:0 10px}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .wdn-listv2-action{z-index:11!important}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .wdn-listv2-action:before{content:none!important}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .dynamic-tabs{font-family:var(--flw-font-family-dynamic-tabs, "Open Sans");border:var(--flw-border-dynamic-tabs, none)!important;border-radius:var(--flw-border-radius-dynamic-tabs, 8px)!important;height:var(--flw-height-dynamic-tabs, 56px);font-size:var(--flw-font-size-dynamic-tabs, 20px)!important;line-height:var(--flw-line-height-dynamic-tabs, 22px);letter-spacing:var(--flw-letter-spacing-dynamic-tabs, 0.5px);text-transform:capitalize!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .dynamic-tabs:not(.active){font-weight:400!important}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .dynamic-tabs-container{overflow:scroll auto!important;width:-moz-fit-content;width:fit-content;background:#fff;padding:4px 16px;margin-top:32px}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .dynamic-tabs-container::-webkit-scrollbar{display:none}.flexi-subscription-page .flw-custom-footer{background-color:#1b1b1b;color:#fff;text-align:center;margin-bottom:inherit!important;display:flex;flex-direction:column}.flexi-subscription-page .flw-custom-footer:after{border:#fff solid 1px}.flexi-subscription-page .flw-custom-footer .widget-header{padding:50px;font-family:Open Sans;font-weight:600;font-size:36px;line-height:36px;text-align:center}.flexi-subscription-page .flw-custom-footer .wdn-listv2-items{margin:auto;margin-bottom:20px!important}.flexi-subscription-page .flw-custom-footer ul.wdn-listv2-item-lists{align-items:center;height:100%;padding-left:5px!important}.flexi-subscription-page .flw-custom-footer ul.wdn-listv2-item-lists .wdn-listv2-item{height:100%;display:grid;align-items:center}.flexi-subscription-page .flw-custom-footer .wdn-listv2-item-wrapper .wdn-listv2-actions,.flexi-subscription-page .flw-custom-footer ul.wdn-listv2-item-lists .wdn-listv2-item .wdn-listv2-item-content{display:none}.flexi-subscription-page .flw-custom-footer .v2-listing-image-wrapper{padding-top:0}.flexi-subscription-page .flw-custom-footer.widget-dynamic-listv2.row-feature .wdn-listv2-items .wdn-listv2-item-wrapper{width:calc(100% - var(--wdn-listv2-gapX)/2)!important}}@media only screen and (max-width:1220px) and (min-width:901px){.flexi-subscription-page .widget-dynamic-listv2.widget-dynamic-subscriber-exclusives{--wdn-listv2-gridX:3!important}}@media screen and (max-width:900px){.flexi-subscription-page .widget-area{padding:0!important;gap:var(--flw-sm-gap-widget-area, 50px)}.flexi-subscription-page .widget-hero{margin:0!important}.flexi-subscription-page .widget-main-article-content{margin-top:0!important;margin-bottom:40px!important}.flexi-subscription-page .widget-area:not(#widgetArea0)>:not(.widget-ads):not(.widget-main-article-content):not(.widget-hero):not(.flw-custom-footer):not(.flw-subpage-newsletter):not(.widget-global-multiquery-wrapper.dynamic-listing-filter){padding:0 16px}.flexi-subscription-page .flw-none-content-byline .wdn-listv2-item-content-byline,.flexi-subscription-page .flw-none-content-label .wdn-listv2-item-content-title-label,.flexi-subscription-page .flw-none-content-strapline .wdn-listv2-item-content-strapline,.flexi-subscription-page .flw-none-header-title .widget-title,.flexi-subscription-page .flw-none-widget-content-rating .wdn-listv2-item-content-rating,.flexi-subscription-page .flw-none-widget-header .widget-header{display:none}.flexi-subscription-page .flw-content-product-block .product-container:not(.standard-product-container).hero-product-container.product-block-no-wrap{flex-direction:column;align-items:center;gap:16px;margin-top:60px}.flexi-subscription-page .flw-content-product-block .product-container:not(.standard-product-container) .product-block-row{width:100%;justify-content:center}.flexi-subscription-page .flw-custom-experts-hover-state.flw-curated-experts .wdn-listv2-items .wdn-listv2-item-lists .wdn-listv2-item:hover img{border:0;padding:0}.flexi-subscription-page .flw-custom-experts-hover-state .wdn-listv2-item{padding-top:10px}.flexi-subscription-page .flw-custom-experts-hover-state .wdn-listv2-item:hover .v2-listing-image-wrapper,.flexi-subscription-page .flw-custom-experts-hover-state .wdn-listv2-item:hover .wdn-listv2-item-lists{overflow:visible}.flexi-subscription-page .flw-custom-experts-hover-state .wdn-listv2-item:hover .v2-listing-image-wrapper:before{content:"";height:64px;width:64px;position:absolute;top:-10px;left:-10px;z-index:2;border:4px solid var(--flexi-brand-color-1);border-radius:8px 0 0 0;border-bottom:0;border-right:0}.flexi-subscription-page .flw-custom-experts-hover-state .wdn-listv2-item:hover .v2-listing-image-wrapper:after{content:"";height:64px;width:64px;position:absolute;bottom:-10px;right:-10px;z-index:2;border:4px solid var(--flexi-brand-color-1);border-radius:0 0 8px 0;border-top:0;border-left:0}.flexi-subscription-page #content .widget-global-multiquery-wrapper h1.listing__title,.flexi-subscription-page .flw-header-title .listing__title.dynamic-listing-filter,.flexi-subscription-page .flw-header-title .widget-title,.flexi-subscription-page .widget-subscriber-exclusives .widget-header h2{font-family:var(--flw-font-family-header-title, Open Sans);font-weight:var(--flw-font-weight-header-title, 600)!important;font-size:var(--flw-sm-font-size-header-title, 28px);line-height:var(--flw-sm-line-height-header-title, 42px);vertical-align:middle;padding:var(--flw-sm-pt-header-title, 0) var(--flw-sm-pr-header-title, 0) var(--flw-sm-pb-header-title, 10px) var(--flw-sm-pl-header-title, 0);border-bottom:4px solid #1b1b1b;width:100%;margin:var(--flw-sm-mt-header-title, 0) var(--flw-sm-mr-header-title, 0) var(--flw-sm-mb-header-title, 0) var(--flw-sm-ml-header-title, 0);text-align:center;text-transform:none;color:var(--flw-color-header-title, #1B1B1B)}.flexi-subscription-page .flw-content-title .wdn-listv2-item-wrapper .wdn-listv2-item-content-title{font-family:var(--flw-font-family);font-weight:var(--flw-font-weight-content-title)!important;font-size:var(--flw-sm-font-size-content-title);line-height:var(--flw-sm-line-height-content-title);padding:var(--flw-sm-pt-content-title) var(--flw-sm-pr-content-title) var(--flw-sm-pb-content-title) var(--flw-sm-pl-content-title);margin:var(--flw-sm-mt-content-title) var(--flw-sm-mr-content-title) var(--flw-sm-mb-content-title) var(--flw-sm-ml-content-title)}.flexi-subscription-page .flw-content-strapline .wdn-listv2-item-content .wdn-listv2-item-content-strapline,.flexi-subscription-page .flw-content-strapline .wdn-listv2-item-wrapper .wdn-listv2-item-content-strapline{font-family:var(--flw-font-family);font-weight:var(--flw-font-weight-content-strapline)!important;font-size:var(--flw-sm-font-size-content-strapline);line-height:var(--flw-sm-line-height-content-strapline);padding:var(--flw-sm-pt-content-strapline) var(--flw-sm-pr-content-strapline) var(--flw-sm-pb-content-strapline) var(--flw-sm-pl-content-strapline);margin:var(--flw-sm-mt-content-strapline) var(--flw-sm-mr-content-strapline) var(--flw-sm-mb-content-strapline) var(--flw-sm-ml-content-strapline)}.flexi-subscription-page .flw-header-description .widget-desc{font-family:var(--flw-font-family);color:var(--flw-color-header-description, #1B1B1B);font-weight:var(--flw-font-weight-header-description, 400)!important;font-size:var(--flw-sm-font-size-header-description, 20px);line-height:var(--flw-sm-line-height-header-description, 22px);vertical-align:middle;letter-spacing:var(--flw-sm-letter-spacing-header-description, 0px);margin:var(--flw-sm-mt-header-description, 30px) var(--flw-sm-mr-header-description, 0) var(--flw-sm-mb-header-description, 30px) var(--flw-sm-ml-header-description, 0);padding:var(--flw-sm-pt-header-description, 0) var(--flw-sm-pr-header-description, 0) var(--flw-sm-pb-header-description, 10px) var(--flw-sm-pl-header-description, 0);text-align:var(--flw-sm-text-align-header-description, center)}.flexi-subscription-page .flw-subpage-curated-hiw{--flw-sm-mb-content-title:12px}.flexi-subscription-page .flw-subpage-curated-hiw .widget-header{padding-bottom:var(--flw-sm-pb-hiw-widget-header, 16px)}.flexi-subscription-page .flw-subpage-curated-hiw .wdn-listv2-item-content-strapline,.flexi-subscription-page .flw-subpage-curated-hiw .wdn-listv2-item-content-title{text-align:center}.flexi-subscription-page .flw-subpage-curated-hiw .wdn-listv2-items .wdn-listv2-item-lists .wdn-listv2-item img{height:100%;width:auto;-o-object-fit:contain!important;object-fit:contain!important}.flexi-subscription-page .flw-subpage-curated-hiw .wdn-listv2-items .wdn-listv2-item-lists .wdn-listv2-item a{pointer-events:none}.flexi-subscription-page .flw-subpage-curated-hiw .v2-listing-image-layout .v2-listing-image-wrapper{padding-top:42.6%}.flexi-subscription-page .flw-subpage-curated-hiw .v2-listing-image-layout .v2-listing-image-wrapper picture{display:flex;justify-content:center;align-items:center}.flexi-subscription-page .flw-subpage-curated-hiw .wdn-listv2-item{padding-top:32px}.flexi-subscription-page .widget :where(.more-link,.widget-see-all){padding:var(--flw-sm-pt-var-more-link, 0) var(--flw-sm-pr-var-more-link, 0) var(--flw-sm-pb-var-more-link, 0) var(--flw-sm-pl-var-more-link, 0)!important;margin:var(--flw-sm-mt-var-more-link, 0) var(--flw-sm-mr-var-more-link, 0) var(--flw-sm-mb-var-more-link, 0) var(--flw-sm-ml-var-more-link, 0)!important;background-color:var(--flw-bg-var-more-link, none)!important;border-radius:var(--flw-border-radius-var-more-link, 0)!important;justify-self:var(--flw-justify-self-var-more-link, center)!important;text-align:var(--flw-text-align-var-more-link, center)!important;font-size:var(--flw-sm-size-var-more-link, 16px)!important;line-height:var(--flw-sm-line-height-var-more-link, 100%)!important;letter-spacing:var(--flw-sm-letter-spacing-var-more-link, 0)!important;font-weight:var(--flw-sm-font-weight-var-more-link, 700)!important;color:var(--flw-color-var-more-link, #1B1B1B);font-family:var(--flw-font-family-var-more-link, Open Sans)!important;-webkit-text-decoration:var(--flw-text-decoration-var-more-link, none)!important;text-decoration:var(--flw-text-decoration-var-more-link, none)!important;text-transform:var(--flw-text-transform-var-more-link, uppercase)!important;position:relative!important;width:var(--flw-width-var-more-link, 358px)!important;height:var(--flw-height-var-more-link, 44px)!important;border:var(--flw-border-var-more-link, 1px solid #1B1B1B)!important;direction:var(--flw-direction-var-more-link, ltr)!important;display:flex!important;justify-content:center!important;align-items:center!important}.flexi-subscription-page .widget-curated-experts{--flw-sm-font-size-content-title:22px;--flw-sm-line-height-content-title:28px;--flw-sm-pt-content-title:0px;--flw-sm-pb-content-title:0px;--flw-sm-pl-content-title:0px;--flw-sm-pr-content-title:0px;--flw-sm-mt-content-title:10px;--flw-sm-mb-content-title:10px;--flw-sm-ml-content-title:0px;--flw-sm-mr-content-title:0px;--flw-sm-font-size-content-strapline:14px;--flw-sm-line-height-content-strapline:20px;--flw-sm-pt-content-strapline:0px;--flw-sm-pb-content-strapline:0px;--flw-sm-pl-content-strapline:0px;--flw-sm-pr-content-strapline:0px;--flw-sm-mt-content-strapline:0px;--flw-sm-mb-content-strapline:0px;--flw-sm-ml-content-strapline:0px;--flw-sm-mr-content-strapline:0px}.flexi-subscription-page .widget-curated-experts .v2-listing-image-wrapper{padding-top:35%!important}.flexi-subscription-page .widget-curated-experts .wdn-listv2-item-content{margin:0 auto!important}.flexi-subscription-page .widget-curated-experts .wdn-listv2-item-content-title{font-weight:var(--flw-experts-widgets-font-weight-content-title, 700)!important;letter-spacing:var(--flw-experts-widgets-letter-spacing-content-title, 0px)!important;color:var(--flw-experts-widgets-color-content-title, #1B1B1B)!important}.flexi-subscription-page .widget-connect-with-us .wdn-listv2-action:before,.flexi-subscription-page .widget-curated-experts .wdn-listv2-item-content-title:after,.flexi-subscription-page .widget-subscriber-exclusives .wdn-listv2-action:before{content:none!important}.flexi-subscription-page .widget-curated-experts .wdn-listv2-item-content-strapline{color:var(--flw-experts-widgets-color-content-strapline, #1B1B1B)!important}.flexi-subscription-page .widget-connect-with-us{padding:0 16px;--wdn-listv2-scroll-icon-top:8em!important;--wdn-listv2-action-width:64px!important;--wdn-listv2-action-height:64px!important;--wdn-listv2-action-line-height:64px!important;--wdn-listv2-arrow-next-txt:24px!important;--wdn-listv2-arrow-previous-txt:24px!important}.flexi-subscription-page .widget-connect-with-us .wdn-listv2-items .wdn-listv2-item-lists .wdn-listv2-item img{border-radius:4px!important;margin-bottom:0!important}.flexi-subscription-page .widget-connect-with-us .v2-listing-image-wrapper{padding-top:125%!important;margin-bottom:0}.flexi-subscription-page .widget-connect-with-us .wdn-listv2-item-wrapper .wdn-listv2-item,.flexi-subscription-page .widget-subscriber-exclusives a.wdn-listv2-item-link{position:relative}.flexi-subscription-page .widget-connect-with-us .wdn-listv2-item-wrapper .wdn-listv2-item:not(:last-child):after{content:"";border-right:2px solid #ccc;right:calc(var(--wdn-listv2-gapX)/2*-1);top:0;display:block;height:100%;position:absolute}.flexi-subscription-page .widget-connect-with-us .wdn-listv2-item-wrapper .wdn-listv2-item-content{display:none}.flexi-subscription-page .widget-subscriber-exclusives{padding:40px 16px;background:#ededed;display:flex;flex-direction:column;gap:32px;--wdn-listv2-scroll-icon-top:5em!important;--wdn-listv2-action-width:64px!important;--wdn-listv2-action-height:64px!important;--wdn-listv2-action-line-height:64px!important;--wdn-listv2-arrow-next-txt:24px!important;--wdn-listv2-arrow-previous-txt:24px!important}.flexi-subscription-page .widget-subscriber-exclusives .bg-\[var\(--flexi-dynamic-tabs-color-white\)\]{color:#1b1b1b!important}.flexi-subscription-page .widget-subscriber-exclusives .wdn-listv2-action{z-index:11}.flexi-subscription-page .widget-subscriber-exclusives .v2-listing-image-layout{position:relative;height:100%}.flexi-subscription-page .widget-subscriber-exclusives .v2-listing-image-layout:before{content:"";background-image:linear-gradient(to bottom,rgba(255,255,255,0)0,#1b1b1b 100%);display:block;height:100%;width:100%;position:absolute;z-index:9}.flexi-subscription-page .widget-subscriber-exclusives .v2-listing-image-wrapper{padding:0;margin:0;height:100%}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .v2-listing-image-wrapper .v2-listing-image-img,.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter a.wdn-listv2-item-link,.flexi-subscription-page .widget-subscriber-exclusives .v2-listing-image-wrapper .v2-listing-image-img{position:relative}.flexi-subscription-page .widget-subscriber-exclusives .wdn-listv2-item-content{position:absolute;bottom:0}.flexi-subscription-page .widget-subscriber-exclusives .wdn-listv2-item-content .wdn-listv2-item-content-title{color:var(--flw-color-subscriber-exclusives-title, #fff)!important;position:relative;z-index:10;padding:0 10px;font-family:"Open Sans"!important;line-height:24px!important;font-weight:600!important}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter{background:var(--flw-background-all-access-pass, #EDEDED);padding:40px 16px}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter button:not(.bg-\[var\(--flexi-dynamic-tabs-color-primary\)\]){color:#1b1b1b}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter button:empty{display:none}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .v2-listing-image-layout{position:relative;height:100%}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .v2-listing-image-layout:before{content:"";background-image:var(--flw-background-image-all-access-pass-image-layout, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(27, 27, 27) 100%));display:block;height:100%;width:100%;position:absolute;z-index:9}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .v2-listing-image-wrapper{padding:0;margin:0;height:100%}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .wdn-listv2-item-content{position:absolute;bottom:0}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .wdn-listv2-item-content .wdn-listv2-item-content-title{color:var(--flw-color-all-access-pass-title, #fff)!important;position:relative;z-index:10;padding:0 10px}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .wdn-listv2-action{z-index:11!important}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .wdn-listv2-action:before{content:none!important}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .dynamic-tabs{font-family:var(--flw-font-family-dynamic-tabs, "Open Sans");border:var(--flw-border-dynamic-tabs, none)!important;border-radius:var(--flw-sm-border-radius-dynamic-tabs, 8px)!important;height:var(--flw-sm-height-dynamic-tabs, 56px);font-size:var(--flw-sm-font-size-dynamic-tabs, 20px)!important;line-height:var(--flw-sm-line-height-dynamic-tabs, 22px);letter-spacing:var(--flw-sm-letter-spacing-dynamic-tabs, 0.5px);text-transform:capitalize!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .dynamic-tabs:not(.active){font-weight:400!important}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .dynamic-tabs-container{overflow:scroll auto!important;background:#fff;padding:4px 16px;margin-top:32px}.flexi-subscription-page .widget-global-multiquery-wrapper.dynamic-listing-filter .dynamic-tabs-container::-webkit-scrollbar{display:none}}@media screen and (max-width:700px){.flexi-subscription-page .widget.flw-scroll-action .wdn-listv2-actions .wdn-listv2-action.next{right:0}.flexi-subscription-page .widget.flw-scroll-action .wdn-listv2-actions .wdn-listv2-action.previous{left:0}.flexi-subscription-page .widget.flw-sm-show-scroll-action .wdn-listv2-actions{display:var(--flw-sm-display-var-scroll-action, flex)!important}.flexi-subscription-page .widget.flw-scroll-action .listing__arrow,.flexi-subscription-page .widget.flw-scroll-action .wdn-listv2-actions .wdn-listv2-action{height:var(--flw-sm-h-var-scroll-action, 64px)!important;width:var(--flw-sm-w-var-scroll-action, 64px)!important;background-color:var(--flw-bg-color-var-scroll-action, #fff)!important;color:var(--flw-color-icon-var-scroll-action, #000000)!important;border-radius:var(--flw-border-radius-var-scroll-action, 50%)!important}.flexi-subscription-page .widget.flw-scroll-action .listing__arrow--right:before,.flexi-subscription-page .widget.flw-scroll-action .wdn-listv2-actions .wdn-listv2-action.next[style*="display: block"]:before{content:var(--flw-icon-var-right-scroll-action, "&#10095;")!important;font-size:var(--flw-sm-font-size-icon-var-scroll-action, 24px)!important;text-align:var(--flw-sm-text-align-icon-var-scroll-action, center)!important;line-height:var(--flw-sm-h-var-scroll-action, 64px)}.flexi-subscription-page .widget.flw-scroll-action .listing__arrow--left:before,.flexi-subscription-page .widget.flw-scroll-action .wdn-listv2-actions .wdn-listv2-action.previous[style*="display: block"]:before{content:var(--flw-icon-var-left-scroll-action, "&#10094;")!important;font-size:var(--flw-sm-font-size-icon-var-scroll-action, 24px)!important;text-align:var(--flw-sm-text-align-icon-var-scroll-action, center)!important;line-height:var(--flw-sm-h-var-scroll-action, 64px)}}
}
/* --flexi-fte-custom-responsive-- */
@layer legacy{.flexi-page article .widget-dynamic-feature-fter-feature-block figcaption{width:auto;display:block}.flexi-page article .widget-content-parsed iframe[src*=sporcle]{width:100%;min-height:550px}.flexi-page .tabs-item,.flexi-page .tabs>input,.flexi-page.responsive.no-sidebar .widget-area-group-2col #widgetArea17{display:none}.flexi-page .widget-edt-listing .wel-item .wel-item-title{margin-bottom:0}.news-article header .kiosq-member-label .kiosq-member-label-text{display:inline-block;background-color:var(--flexi-brand_color_2);color:#fff;padding:0 5px;height:22px;line-height:22px;text-align:center;vertical-align:middle;font-size:11px}.news-article header .kiosq-member-label .kiosq-member-label-text b{vertical-align:baseline}body.flexi-bestpicks .legacy-container.full{max-width:1440px}@media screen and (min-width:990px){.widget-area-group-2col #widgetArea16 .news-article header,.widget-area-group-2col #widgetArea16 .widget-dynamic-eventgroup-menu,.widget-area-group-2col #widgetArea16 .widget-dynamic-fter-lists-list section,.widget-area-group-2col #widgetArea16 section header,.widget-area-group-2col #widgetArea16 section.content-wrapper{margin-left:0;margin-right:0}.widget-dynamic-fter-curated-carousel .hide-image .feature-block{display:block}.widget-dynamic-fter-curated-carousel .hide-image .feature-block .feature-block-item-wrapper{min-width:calc(66.66% - 15px);min-width:-webkit-calc(66.66% - 15px);flex:1 1 calc(66.66% - 15px);-webkit-flex:1 1 -webkit-calc(66.66% - 15px);max-width:calc(66.66% - 15px);max-width:-webkit-calc(66.66% - 15px)}}.widget-dynamic-feature-block .category-link{position:absolute;top:0;left:0;font-size:13px;line-height:1.4em;padding:.65em .7em;background-color:var(--flexi-brand_color_2);text-transform:uppercase;z-index:1}.widget-dynamic-fter-lists .hide-image .listingResult{padding-bottom:30px;border-bottom:thin solid #ccc}.widget-dynamic-fter-lists .flexi-pagination{margin-bottom:40px;clear:both}.wdyn-list-view-label-list{color:var(--flexi-brand_color_2)}@media screen and (min-width:700px){.wdyn-list-view-grid-toggle:checked~.wdyn-list-view .wdyn-list-view-label-grid{color:var(--flexi-brand_color_2)}.wdyn-list-view-grid-toggle:checked~.wdyn-list-view .wdyn-list-view-label-list{color:#000}.wdyn-list-view-grid-toggle:checked~.wdn-fte-lists-list .listingResults{margin-left:-3%}.wdyn-list-view-grid-toggle:checked~.wdn-fte-lists-list .listingResults .listingResult{float:left;box-sizing:border-box;width:33%;padding-left:3%;border-bottom:0;overflow:inherit}.wdyn-list-view-grid-toggle:checked~.wdn-fte-lists-list .listingResults .listingResult:nth-child(3n+1){clear:left}.wdyn-list-view-grid-toggle:checked~.wdn-fte-lists-list .listingResults .listingResult:nth-child(3n+1):before{content:"";position:absolute;top:0;left:9%;width:291%;z-index:10;border-top:thin dotted #474747}.wdyn-list-view-grid-toggle:checked~.wdn-fte-lists-list .listingResults .listingResult:nth-child(3n+1):first-child:before{display:none}.wdyn-list-view-grid-toggle:checked~.wdn-fte-lists-list .listingResults .listingResult .search-result .image{width:100%;padding:0;margin:0 0 20px}.wdyn-list-view-grid-toggle:checked~.wdn-fte-lists-list .listingResults .listingResult .search-result .image figure{height:auto}.wdyn-list-view-grid-toggle:checked~.wdn-fte-lists-list .listingResults .listingResult .content{width:100%;min-width:auto}.wdyn-list-view-grid-toggle:checked~.wdn-fte-lists-list .listingResults .listingResult .article-name{font-size:1.15em}.wdyn-list-view-grid-toggle:checked~.wdn-fte-lists-list .listingResults .listingResult .category-link{left:19px}}.widget-dynamic-fter-lists-list{position:relative}.widget-dynamic-fter-lists-list .wdyn-list-view{text-align:right;position:relative;right:0;z-index:2;margin-bottom:-60px}.flexi-page.responsive .widget.widget-dynamic header,.flexi-page.responsive .widget.widget-dynamic section,.widget-dynamic-fter-lists-list .wdyn-list-view~.wdn-fte-lists-list h1{margin:0}.widget-dynamic-fter-lists-list .wdyn-list-view label{padding-right:10px;cursor:pointer;margin-bottom:0}.widget-dynamic-fter-lists-list .wdyn-list-view label:before{padding-right:5px}@media screen and (max-width:989px){.widget-dynamic-fter-lists-list .wdyn-list-view{display:none}}.widget-hero-fter-news .widget-header h1{font-size:28px;line-height:34px;margin-bottom:0;font-weight:600}.widget-hero-fter-news header{margin-top:20px}.widget-hero-fter-news header .breadcrumb{margin-bottom:20px}.widget-hero-fter-news header .sponsored{background-color:#1b1b1b;color:#fff;text-transform:uppercase;padding:0 1em;line-height:2em;display:inline-block;margin:0 0 20px auto;font-size:14px}@media screen and (max-width:700px){.widget-hero-fter-news header .sponsored{font-size:12px;margin:0}}.widget-hero-fter-review .breadcrumb{line-height:1.5;margin-bottom:0;margin-left:24px}@media (min-width:700px){.widget-hero-fter-review .breadcrumb{margin-left:0}}.widget-hero-fter-review header{margin-top:0}.widget-hero-fter-review header h1{margin-top:.58em}.widget-content-parsed-fter-archive-date li,.widget-content-parsed-fter-archive-date ul,.widget-content-parsed-fter-archive-filter li,.widget-content-parsed-fter-archive-filter ul,.widget-content-parsed-fter-archive-types li,.widget-content-parsed-fter-archive-types ul{list-style-type:none}.widget-content-parsed-fter-archive-date ul,.widget-content-parsed-fter-archive-filter ul,.widget-content-parsed-fter-archive-types ul{margin-left:0}.widget-content-parsed-fter-archive-date li,.widget-content-parsed-fter-archive-filter li,.widget-content-parsed-fter-archive-types li{padding-bottom:0}body.van-banner-hero-image article.news-article{padding-top:150px}body.van-banner-hero-image article.news-article section:first-of-type>.hero-image-wrapper{height:110px;position:absolute;top:0;box-sizing:border-box;width:calc(100% - 40px);max-width:calc(100% - 40px)}@media screen and (min-width:461px){body.van-banner-hero-image article.news-article section:first-of-type>.hero-image-wrapper{height:200px}}@media screen and (min-width:700px){body.van-banner-hero-image article.news-article section:first-of-type>.hero-image-wrapper{top:30px}}@media screen and (min-width:1000px){body.van-banner-hero-image article.news-article section:first-of-type>.hero-image-wrapper{width:calc(100% - 48px);max-width:calc(100% - 48px);top:60px}}body.van-banner-hero-image article.news-article section:first-of-type>.hero-image-wrapper img{-o-object-fit:contain;object-fit:contain;height:110px;display:block;width:100vw}@media screen and (min-width:461px){body.van-banner-hero-image article.news-article section:first-of-type>.hero-image-wrapper img{height:200px}}@media screen and (min-width:700px){body.van-banner-hero-image article.news-article section:first-of-type>.hero-image-wrapper img{width:100%;margin-left:0}}body.van-banner-hero-image article.news-article section:first-of-type>.hero-image-wrapper figcaption{position:absolute;right:0;top:115px;background:0 0;padding:0 5px 0 0;margin:0}@media screen and (min-width:461px){body.van-banner-hero-image article.news-article section:first-of-type>.hero-image-wrapper figcaption{top:205px}}body.van-banner-hero-image article.news-article section:first-of-type>.hero-image-wrapper figcaption .caption-text{font-size:10px!important;line-height:10px}body.van-banner-hero-image article.news-article section:first-of-type>.hero-image-wrapper figcaption>.credit{display:block;font-size:10px!important;line-height:10px}body.van-banner-hero-image article.news-article .breadcrumb:first-of-type{position:absolute;top:-10px}@media screen and (min-width:1000px){body.van-banner-hero-image article.news-article .breadcrumb:first-of-type{top:-250px}}@media screen and (min-width:461px){body.van-banner-hero-image article.news-article{padding-top:240px}}@media screen and (min-width:700px){body.van-banner-hero-image article.news-article{padding-top:250px}}.flexi-page.responsive .widget-content-parsed .pagination.internal.expand{box-sizing:border-box;color:#fff;height:40px;background:var(--flexi-brand_color_1)}@media screen and (min-width:700px){.flexi-page.responsive .widget-content-parsed .pagination.internal.expand{padding:0 0 0 20px}}.flexi-page.responsive .widget-content-parsed .pagination.internal.expand label{width:100%;float:left;font-size:16px;line-height:40px;margin:0}@media screen and (min-width:700px){.flexi-page.responsive .widget-content-parsed .pagination.internal.expand label{max-height:40px;overflow:visible}}.flexi-page.responsive .widget-content-parsed .pagination.internal.expand label .box-title{display:block;font-weight:600;float:left;text-transform:uppercase;margin-left:20px}@media screen and (min-width:700px){.flexi-page.responsive .widget-content-parsed .pagination.internal.expand label .box-title{margin-right:17px}}.flexi-page.responsive .widget-content-parsed .pagination.internal.expand label .pages-wrapper{display:block;font-weight:300}@media screen and (min-width:700px){.flexi-page.responsive .widget-content-parsed .pagination.internal.expand label .pages-wrapper{float:none;overflow:hidden;display:block;clear:none;margin-right:36px}}.flexi-page.responsive .widget-content-parsed .pagination.internal.expand label .pages-wrapper .current-page{float:left;overflow:hidden;font-weight:300;text-transform:uppercase}@media screen and (min-width:700px){.flexi-page.responsive .widget-content-parsed .pagination.internal.expand label .pages-wrapper .current-page{display:block}}.flexi-page.responsive .widget-content-parsed .pagination.internal.expand label:after{content:"\f11f";cursor:pointer;font-size:22px;position:absolute;top:2px;right:10px;min-width:22px}.flexi-page.responsive .widget-content-parsed .pagination .pages{display:none;float:left;clear:both}@media screen and (max-width:991px){.flexi-page.responsive .landing-article .widget:not(.widget-carousel,.widget-ads) .widget-desc,.flexi-page.responsive .landing-article .widget:not(.widget-carousel,.widget-ads) .widget-header .widget-title{padding-left:20px}}.sponsored-article .article-body__disclaimer{line-height:1.5;padding-bottom:20px;margin-inline:auto;max-width:800px;text-align:center}.flexi-page.responsive.flexi-home:not(.vanilla2) .widget-title{border-top:2px solid #000;padding:5px 0;border-bottom:2px solid #000;line-height:42px;position:relative;font-weight:700;font-size:100%!important;margin-bottom:20px;text-align:center;text-transform:uppercase}@media screen and (max-width:700px){.flexi-page.responsive.flexi-home:not(.vanilla2) .widget-title{padding:5px 20px}}.flexi-page.responsive .flexisites-social a.with-title{width:auto;background:inherit}.flexi-page.responsive .flexisites-social a.with-title:hover{text-decoration:none}.flexi-page.responsive .flexisites-social a.with-title:before{margin-right:5px;width:auto;background-color:#333;border-radius:50%;padding:0 5px}.flexi-page.responsive .flexisites-social a.with-title span.social-title{color:#333;display:inline-block;vertical-align:top;margin-top:-18px;font-size:13px}.flexi-page.responsive.flexi-news .widget-content-parsed .related-articles-block .c0118{background-color:var(--flexi-brand_color_2)}.flexi-page.responsive.flexi-home:not(.vanilla2) .widget-dynamic-fter-lists .wdyn-list-view{display:none}.flexi-page.responsive .box>img{width:100%}.flexi-page.responsive .text-copy img:has(:not([class^=hawk-])),.flexi-page.responsive .text-copy p{width:100%}.flexi-page.responsive .widget .widget-header h1{margin-bottom:.5rem;font-size:28px;line-height:34px}@media screen and (max-width:900px){.flexi-page.responsive .widget .widget-header h1{margin-bottom:20px;font-weight:600}}@media screen and (max-width:575px){.flexi-page.responsive .widget .widget-header h1{font-size:24px;line-height:30px}}.flexi-page.responsive .widget .widget-header h2{font-weight:700;line-height:42px}.flexi-page.responsive .widget .widget-header h3{font-size:1.25em;line-height:1.4;margin-bottom:4px}.flexi-page.responsive .widget.widget-dynamic header .list-title{border-top:2px solid #000;padding:5px 0;border-bottom:2px solid #000;line-height:42px;position:relative;font-weight:700;font-size:100%!important;margin-bottom:20px}@media screen and (max-width:700px){.flexi-page.responsive .widget.widget-dynamic header .list-title{padding:5px 20px}}.flexi-page.responsive .widget.widget-dynamic .wdyn-list-view label:last-child{padding-right:0}.flexi-page.responsive .wdn-fte-lists-list.with-search .list-title{font-weight:400}.flexi-page.responsive .wdn-fte-lists-list.with-search .list-title em{font-weight:700}.flexi-page.responsive .widget-newsletter section{margin:0 auto!important}.flexi-page.responsive input[type=search]{box-sizing:inherit}.flexi-page.responsive .widget-dynamic-eventgroup-menu{margin-left:24px;margin-right:24px;width:auto}.flexi-page.responsive .articletable caption{padding:1.2em;text-align:center;background-color:#fff;font-weight:700}.flexi-page.responsive .news-article,.flexi-page.responsive .review-article{max-width:inherit;float:none;width:auto}.flexi-page.responsive .review-article .center-cropped{margin-left:0;margin-right:0;width:100%}.flexi-page.responsive div#expanding-articles p.c0116{line-height:18px}.flexi-page.responsive div#expanding-articles header>span{font-size:24px;line-height:1.5em}@media screen and (max-width:700px){.flexi-page.responsive div#expanding-articles header>span{font-size:22px;line-height:1.27em}}@media screen and (max-width:400px){.flexi-page.responsive div#expanding-articles header>span{font-size:18px;line-height:1.22em}}.flexi-page.responsive.no-sidebar .widget-area-group-2col #widgetArea16{width:100%;flex-basis:100%!important;margin:0}.flexi-page.responsive #live-feed-multipage .wcp-item-content{display:block}@media screen and (max-width:700px){.flexi-page.responsive .flexisites-social a.with-title:before{margin-right:0}.flexi-page.responsive .flexisites-social a.with-title span.social-title{display:none}}@media screen and (min-width:991px){.flexi-page.responsive #main.legacy-container.full{max-width:970px}.flexi-page.responsive .news-article header,.flexi-page.responsive .review-article header{margin-left:0;margin-right:0}}.flexi-page.responsive .widget-area{padding:0 24px}.flexi-page.responsive .widget-area-group .widget-area{padding:0}.flexi-page.responsive .widget-area-group-2col #widgetArea16{width:650px;flex-basis:650px!important;padding:0 24px;max-width:100%;box-sizing:border-box}.flexi-page.responsive .widget-area-group-2col #widgetArea17{width:300px;flex-basis:300px!important;padding:0}@media screen and (min-width:700px){.flexi-page.responsive #widgetArea0{max-width:970px;padding:0;margin:auto}}.flexi-page.responsive #widgetArea17 .widget{float:none}.flexi-page.responsive .widget-area:not(#widgetArea0)>:not(.widget-ads){margin-top:30px;margin-bottom:30px}.flexi-page.responsive #content{float:none;width:auto;margin:0;padding:0}.flexi-page.responsive .h1,.flexi-page.responsive .heading1a{margin:0}@media screen and (max-width:700px){.flexi-page [class*=widget-] .widget-header{margin:30px 0}.flexi-page .widget-commercial-lead{padding:0 10px}.flexi-page .widget-commercial-lead .widget-commercial-label{padding-right:5px;display:inline-block}.flexi-page .widget-commercial-lead .widget-commercial-link{display:inline-block}.flexi-page.responsive .widget-area{padding:0}html{overflow-x:hidden}body{overflow-x:clip}}.flexi-home .wdyn-list-view,.no-sidebar .widget-area-group-2col #widgetArea17{display:none}.flexi-video #affiliateDisclaimer,.flexi-videohub #affiliateDisclaimer,.flexi-videolist #affiliateDisclaimer{color:#fff}.no-sidebar .widget-area-group-2col #widgetArea16{width:100%;margin:0;flex-basis:100%!important}@media screen and (min-width:991px){.widget-area-group-2col #widgetArea16 .news-article header,.widget-area-group-2col #widgetArea16 .widget-dynamic-eventgroup-menu,.widget-area-group-2col #widgetArea16 .widget-dynamic-fter-lists-list section,.widget-area-group-2col #widgetArea16 section header,.widget-area-group-2col #widgetArea16 section.content-wrapper{margin-left:0;margin-right:0}}@media screen and (max-width:991px){.flexi-page.responsive .widget-area-group-2col #widgetArea16{margin:0;width:100%;flex-basis:100%!important;padding:0}.flexi-page.responsive .widget-area-group-2col #widgetArea17{width:100%;flex-basis:100%!important}.flexi-page.responsive [class*=widget-] .widget-title{margin-bottom:0!important}.flexi-page.responsive [class*=widget-] .widget-see-all{display:block;position:relative!important;padding-top:6px;padding-bottom:40px}.flexi-page.responsive .widget-dynamic-feature{padding:0 20px}}@media (min-width:991px){.after-article-tags{margin:0}}@media (max-width:900px){.flexi-page.responsive [class*=widget-] .widget-header h2.heading1a.widget-title{display:block}}@media screen and (max-width:900px){.home-top-feature-block-mobile .wdn-fte-rcr{display:flex;flex-direction:column-reverse}}}
/* --flexi-page-layout-- */
@layer legacy { div#hero-title---h1-tag- {
margin-bottom: 0 !important;
}
.widget-dynamic-fter-lists-list .wdyn-list-view {
margin: 0;
position: absolute;
top: 30px;
}
.widget-content-parsed:has(> .wcp-item-content:empty){
margin-top:0 !important;
margin-bottom:0 !important;
}
/*CLs Fix*/
.article .text-copy p:not(.how-we-test__body), .news-article .text-copy p:not(.how-we-test__body), .review-article .text-copy p:not(.how-we-test__body), .static-article .text-copy p:not(.how-we-test__body) {
font-size: 16px;
line-height: 1.5;
margin-bottom: 1em;
}
.related-articles-block {
margin: 40px 20px 0;
}
@media (min-width: 1000px){
.article, .news-article, .news-article.full-width-image, .review-article, .static-article {
float: left;
max-width: 650px;
}
.related-articles-block {
margin: 40px 1.5rem 0;
}
}
.listing__text--sponsorship-disclaimer {
display: block;
margin-bottom: 4px;
line-height: 23px;
font-size: 13px;
color: inherit;
}
.flexi-page.responsive div#article--landing-page--body-copy {
max-width:100%;
} }
</style>
<style data-component-name="ViteAsset" id="tailwind-inline-styles">
@layer global{.kwizly-quiz-embed{min-height:250px;min-height:var(--kwizly-widget-min-h-desktop, 250px)}@media (max-width: 768px){.kwizly-quiz-embed{min-height:220px;min-height:var(--kwizly-widget-min-h-mobile, 220px)}}}@layer reset{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}em{font-style:italic}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:400;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[x-cloak]{display:none!important}html{line-height:1}}@layer tw-components{.\!container{width:100%!important}.container{width:100%}@media (min-width: 575px){.\!container{max-width:575px!important}.container{max-width:575px}}@media (min-width: 700px){.\!container{max-width:700px!important}.container{max-width:700px}}@media (min-width: 900px){.\!container{max-width:900px!important}.container{max-width:900px}}@media (min-width: 1000px){.\!container{max-width:1000px!important}.container{max-width:1000px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1574px){.\!container{max-width:1574px!important}.container{max-width:1574px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"&ldquo;""&rdquo;""&lsquo;""&rsquo;";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;text-align:start;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-neutral{--tw-prose-body: #404040;--tw-prose-headings: #171717;--tw-prose-lead: #525252;--tw-prose-links: #171717;--tw-prose-bold: #171717;--tw-prose-counters: #737373;--tw-prose-bullets: #d4d4d4;--tw-prose-hr: #e5e5e5;--tw-prose-quotes: #171717;--tw-prose-quote-borders: #e5e5e5;--tw-prose-captions: #737373;--tw-prose-kbd: #171717;--tw-prose-kbd-shadows: 23 23 23;--tw-prose-code: #171717;--tw-prose-pre-code: #e5e5e5;--tw-prose-pre-bg: #262626;--tw-prose-th-borders: #d4d4d4;--tw-prose-td-borders: #e5e5e5;--tw-prose-invert-body: #d4d4d4;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #a3a3a3;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #a3a3a3;--tw-prose-invert-bullets: #525252;--tw-prose-invert-hr: #404040;--tw-prose-invert-quotes: #f5f5f5;--tw-prose-invert-quote-borders: #404040;--tw-prose-invert-captions: #a3a3a3;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d4d4d4;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #525252;--tw-prose-invert-td-borders: #404040}.form-input,.form-textarea,.form-select,.form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}.form-input:focus,.form-textarea:focus,.form-select:focus,.form-multiselect:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}.form-checkbox,.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}.form-checkbox{border-radius:0}.form-checkbox:focus,.form-radio:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-checkbox:checked,.form-radio:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.form-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){.form-checkbox:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{border-color:transparent;background-color:currentColor}.form-checkbox:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){.form-checkbox:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{border-color:transparent;background-color:currentColor}.aspect-h-9{--tw-aspect-h: 9}.aspect-w-16{position:relative;padding-bottom:calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);--tw-aspect-w: 16}.aspect-w-16>*{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0}.slate{color:#f8fafc;background-color:#64748b;border-color:#475569;outline-color:#475569}.slate::-moz-selection{color:#1e293b;background-color:#e2e8f0}.slate::selection{color:#1e293b;background-color:#e2e8f0}.button-slate{color:#f8fafc;background-color:#64748b;border-color:#475569;outline-color:#475569}.button-slate:disabled{color:#e2e8f0;background-color:#94a3b8}.button-slate:hover,.button-slate:focus{color:#f8fafc;background-color:#94a3b8;border-color:#64748b;outline-color:#64748b}.button-slate.-outline{color:#334155;background-color:transparent;border-color:#475569;outline-color:#475569}.button-slate.-outline:hover,.button-slate.-outline:focus{color:#f8fafc;background-color:#64748b;border-color:#475569;outline-color:#475569}.button-gray{color:#f9fafb;background-color:#6b7280;border-color:#4b5563;outline-color:#4b5563}.button-gray:disabled{color:#e5e7eb;background-color:#9ca3af}.button-gray:hover,.button-gray:focus{color:#f9fafb;background-color:#9ca3af;border-color:#6b7280;outline-color:#6b7280}.button-gray.-outline{color:#374151;background-color:transparent;border-color:#4b5563;outline-color:#4b5563}.button-gray.-outline:hover,.button-gray.-outline:focus{color:#f9fafb;background-color:#6b7280;border-color:#4b5563;outline-color:#4b5563}.red{color:#fef2f2;background-color:#ef4444;border-color:#dc2626;outline-color:#dc2626}.red::-moz-selection{color:#991b1b;background-color:#fecaca}.red::selection{color:#991b1b;background-color:#fecaca}.button-red{color:#fef2f2;background-color:#ef4444;border-color:#dc2626;outline-color:#dc2626}.button-red:disabled{color:#fecaca;background-color:#f87171}.button-red:hover,.button-red:focus{color:#fef2f2;background-color:#f87171;border-color:#ef4444;outline-color:#ef4444}.button-red.-outline{color:#b91c1c;background-color:transparent;border-color:#dc2626;outline-color:#dc2626}.button-red.-outline:hover,.button-red.-outline:focus{color:#fef2f2;background-color:#ef4444;border-color:#dc2626;outline-color:#dc2626}.yellow{color:#fefce8;background-color:#eab308;border-color:#ca8a04;outline-color:#ca8a04}.yellow::-moz-selection{color:#854d0e;background-color:#fef08a}.yellow::selection{color:#854d0e;background-color:#fef08a}.green{color:#f0fdf4;background-color:#22c55e;border-color:#16a34a;outline-color:#16a34a}.green::-moz-selection{color:#166534;background-color:#bbf7d0}.green::selection{color:#166534;background-color:#bbf7d0}.button-green{color:#f0fdf4;background-color:#22c55e;border-color:#16a34a;outline-color:#16a34a}.button-green:disabled{color:#bbf7d0;background-color:#4ade80}.button-green:hover,.button-green:focus{color:#f0fdf4;background-color:#4ade80;border-color:#22c55e;outline-color:#22c55e}.button-green.-outline{color:#15803d;background-color:transparent;border-color:#16a34a;outline-color:#16a34a}.button-green.-outline:hover,.button-green.-outline:focus{color:#f0fdf4;background-color:#22c55e;border-color:#16a34a;outline-color:#16a34a}.sky{color:#f0f9ff;background-color:#0ea5e9;border-color:#0284c7;outline-color:#0284c7}.sky::-moz-selection{color:#075985;background-color:#bae6fd}.sky::selection{color:#075985;background-color:#bae6fd}.primary{color:rgb(var(--color-primary-50) / var(--tw-text-opacity,1));background-color:rgb(var(--color-primary-500) / var(--tw-background-opacity,1));border-color:rgb(var(--color-primary-600) / var(--tw-border-opacity,1));outline-color:rgb(var(--color-primary-600) / var(--tw-outline-opacity,1))}.primary::-moz-selection{color:rgb(var(--color-primary-800) / var(--tw-text-opacity,1));background-color:rgb(var(--color-primary-200) / var(--tw-background-opacity,1))}.primary::selection{color:rgb(var(--color-primary-800) / var(--tw-text-opacity,1));background-color:rgb(var(--color-primary-200) / var(--tw-background-opacity,1))}.button-primary{color:rgb(var(--color-primary-50) / var(--tw-text-opacity,1));background-color:rgb(var(--color-primary-500) / var(--tw-background-opacity,1));border-color:rgb(var(--color-primary-600) / var(--tw-border-opacity,1));outline-color:rgb(var(--color-primary-600) / var(--tw-outline-opacity,1))}.button-primary:disabled{color:rgb(var(--color-primary-200) / var(--tw-text-opacity,1));background-color:rgb(var(--color-primary-400) / var(--tw-background-opacity,1))}.button-primary:hover,.button-primary:focus{color:rgb(var(--color-primary-50) / var(--tw-text-opacity,1));background-color:rgb(var(--color-primary-400) / var(--tw-background-opacity,1));border-color:rgb(var(--color-primary-500) / var(--tw-border-opacity,1));outline-color:rgb(var(--color-primary-500) / var(--tw-outline-opacity,1))}.button-primary.-outline{color:rgb(var(--color-primary-700) / var(--tw-text-opacity,1));background-color:transparent;border-color:rgb(var(--color-primary-600) / var(--tw-border-opacity,1));outline-color:rgb(var(--color-primary-600) / var(--tw-outline-opacity,1))}.button-primary.-outline:hover,.button-primary.-outline:focus{color:rgb(var(--color-primary-50) / var(--tw-text-opacity,1));background-color:rgb(var(--color-primary-500) / var(--tw-background-opacity,1));border-color:rgb(var(--color-primary-600) / var(--tw-border-opacity,1));outline-color:rgb(var(--color-primary-600) / var(--tw-outline-opacity,1))}.link-primary{color:rgb(var(--color-primary-500) / var(--tw-text-opacity,1))}.link-primary:hover{color:rgb(var(--color-primary-400) / var(--tw-text-opacity,1))}.secondary{color:rgb(var(--color-secondary-50) / var(--tw-text-opacity,1));background-color:rgb(var(--color-secondary-500) / var(--tw-background-opacity,1));border-color:rgb(var(--color-secondary-600) / var(--tw-border-opacity,1));outline-color:rgb(var(--color-secondary-600) / var(--tw-outline-opacity,1))}.secondary::-moz-selection{color:rgb(var(--color-secondary-800) / var(--tw-text-opacity,1));background-color:rgb(var(--color-secondary-200) / var(--tw-background-opacity,1))}.secondary::selection{color:rgb(var(--color-secondary-800) / var(--tw-text-opacity,1));background-color:rgb(var(--color-secondary-200) / var(--tw-background-opacity,1))}.button-secondary{color:rgb(var(--color-secondary-50) / var(--tw-text-opacity,1));background-color:rgb(var(--color-secondary-500) / var(--tw-background-opacity,1));border-color:rgb(var(--color-secondary-600) / var(--tw-border-opacity,1));outline-color:rgb(var(--color-secondary-600) / var(--tw-outline-opacity,1))}.button-secondary:disabled{color:rgb(var(--color-secondary-200) / var(--tw-text-opacity,1));background-color:rgb(var(--color-secondary-400) / var(--tw-background-opacity,1))}.button-secondary:hover,.button-secondary:focus{color:rgb(var(--color-secondary-50) / var(--tw-text-opacity,1));background-color:rgb(var(--color-secondary-400) / var(--tw-background-opacity,1));border-color:rgb(var(--color-secondary-500) / var(--tw-border-opacity,1));outline-color:rgb(var(--color-secondary-500) / var(--tw-outline-opacity,1))}.button-secondary.-outline{color:rgb(var(--color-secondary-700) / var(--tw-text-opacity,1));background-color:transparent;border-color:rgb(var(--color-secondary-600) / var(--tw-border-opacity,1));outline-color:rgb(var(--color-secondary-600) / var(--tw-outline-opacity,1))}.button-secondary.-outline:hover,.button-secondary.-outline:focus{color:rgb(var(--color-secondary-50) / var(--tw-text-opacity,1));background-color:rgb(var(--color-secondary-500) / var(--tw-background-opacity,1));border-color:rgb(var(--color-secondary-600) / var(--tw-border-opacity,1));outline-color:rgb(var(--color-secondary-600) / var(--tw-outline-opacity,1))}.bg-checkerboard{background:conic-gradient(transparent 90deg,transparent 90deg 180deg,transparent 180deg 270deg,transparent 270deg);background:conic-gradient(var(--tw-gradient-from, transparent) 90deg,var(--tw-gradient-to, transparent) 90deg 180deg,var(--tw-gradient-from, transparent) 180deg 270deg,var(--tw-gradient-to, transparent) 270deg);background-size:2rem 2rem}}@layer tw-utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.\!static{position:static!important}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-\[31\%_12\.5\%_26\%_12\.5\%\]{top:31%;right:12.5%;bottom:26%;left:12.5%}.-bottom-\[--wdn-listv2-item-content-label-block-bottom\]{bottom:calc(var(--wdn-listv2-item-content-label-block-bottom) * -1)}.-left-\[7px\]{left:-7px}.-right-\[7px\]{right:-7px}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-3\.5{bottom:.875rem}.bottom-4{bottom:1rem}.bottom-\[-1\.85rem\]{bottom:-1.85rem}.bottom-\[115\%\]{bottom:115%}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2,.left-2\/4{left:50%}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-1{right:.25rem}.right-1\/2{right:50%}.right-3{right:.75rem}.right-4{right:1rem}.right-\[-4\.5rem\]{right:-4.5rem}.right-\[38\%\]{right:38%}.right-\[var\(--tray-bell-right-offset\)\]{right:var(--tray-bell-right-offset)}.right-full{right:100%}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-3{top:.75rem}.top-\[60px\]{top:60px}.top-\[calc\(50\%_-_10px\)\]{top:calc(50% - 10px)}.top-auto{top:auto}.top-full{top:100%}.isolate{isolation:isolate}.\!z-\[999999999999999999\]{z-index:999999999999999999!important}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[--burger-btn-z-index\,1\]{z-index:var(--burger-btn-z-index,1)}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[9994\]{z-index:9994}.z-\[9996\]{z-index:9996}.z-\[9999998\]{z-index:9999998}.z-\[999999999999999999\]{z-index:999999999999999999}.z-\[999\]{z-index:999}.z-\[99\]{z-index:99}.order-first{order:-9999}.col-span-10{grid-column:span 10 / span 10}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-7{grid-column:span 7 / span 7}.float-start{float:inline-start}.float-end{float:inline-end}.float-left{float:left}.clear-left{clear:left}.clear-both{clear:both}.\!m-0{margin:0!important}.m-0{margin:0}.m-1{margin:.25rem}.m-4{margin:1rem}.m-\[--wdn-listv2-action-margin\]{margin:var(--wdn-listv2-action-margin)}.m-\[var\(--wdn-listv2-item-lists-margin\,0px\)\]{margin:var(--wdn-listv2-item-lists-margin,0px)}.m-\[var\(--wdn-listv2-items-margin\,0px\)\]{margin:var(--wdn-listv2-items-margin,0px)}.m-auto{margin:auto}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.mx-0{margin-left:0;margin-right:0}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-2\.5{margin-left:.625rem;margin-right:.625rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-\[-49vw\]{margin-left:-49vw;margin-right:-49vw}.mx-\[12px\]{margin-left:12px;margin-right:12px}.mx-\[auto\],.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-2\.5{margin-top:.625rem;margin-bottom:.625rem}.my-3\.5{margin-top:.875rem;margin-bottom:.875rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-\[40px\]{margin-top:40px;margin-bottom:40px}.my-auto{margin-top:auto;margin-bottom:auto}.-ml-1{margin-left:-.25rem}.-ml-2\.5{margin-left:-.625rem}.-mr-1{margin-right:-.25rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-3\.5{margin-bottom:.875rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-\[--wdn-listv2-img-wrapper-hero-mb\]{margin-bottom:var(--wdn-listv2-img-wrapper-hero-mb)}.mb-\[--wdn-listv2-item-mb\]{margin-bottom:var(--wdn-listv2-item-mb)}.mb-\[12px\]{margin-bottom:12px}.mb-\[20px\]{margin-bottom:20px}.mb-\[2px\]{margin-bottom:2px}.mb-\[30px\]{margin-bottom:30px}.mb-\[40px\]{margin-bottom:40px}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-2\.5{margin-left:.625rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.ml-\[calc\(-50vw\+50\%\)\]{margin-left:calc(-50vw + 50%)}.ml-\[var\(--wdn-listv2-item-content-label-block-margin-left\,33px\)\]{margin-left:var(--wdn-listv2-item-content-label-block-margin-left,33px)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-8{margin-right:2rem}.mr-\[15px\]{margin-right:15px}.mr-auto{margin-right:auto}.ms-4{margin-inline-start:1rem}.ms-5{margin-inline-start:1.25rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-\[--comment-count-margin-top\,0\.75rem\]{margin-top:var(--comment-count-margin-top,.75rem)}.mt-\[10px\]{margin-top:10px}.mt-\[2px\]{margin-top:2px}.mt-\[30px\]{margin-top:30px}.mt-\[40px\]{margin-top:40px}.mt-\[5px\]{margin-top:5px}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[--aspect-ratio\]{aspect-ratio:var(--aspect-ratio)}.aspect-\[--img-listing-aspect-ratio\,16\/9\]{aspect-ratio:var(--img-listing-aspect-ratio,16/9)}.size-1\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-16{width:4rem;height:4rem}.size-2{width:.5rem;height:.5rem}.size-20{width:5rem;height:5rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\[24px\]{width:24px;height:24px}.size-\[75px\]{width:75px;height:75px}.size-\[85px\]{width:85px;height:85px}.size-\[length\:var\(--comment-count-icon-size\,1\.2em\)\]{width:var(--comment-count-icon-size,1.2em);height:var(--comment-count-icon-size,1.2em)}.\!h-12{height:3rem!important}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[--truncate-height\]{height:var(--truncate-height)}.h-\[--wdn-listv2-action-height\]{height:var(--wdn-listv2-action-height)}.h-\[--wdn-listv2-item-content-rating-height\]{height:var(--wdn-listv2-item-content-rating-height)}.h-\[12px\]{height:12px}.h-\[150px\]{height:150px}.h-\[26px\]{height:26px}.h-\[35px\]{height:35px}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[50px\]{height:50px}.h-\[52px\]{height:52px}.h-\[60px\]{height:60px}.h-\[70px\]{height:70px}.h-\[80vh\]{height:80vh}.h-\[90svh\]{height:90svh}.h-\[calc-size\(auto\,size\)\]{height:calc-size(auto,size)}.h-\[var\(--logo-height-mobile\,25px\)\]{height:var(--logo-height-mobile,25px)}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-min{height:-moz-min-content;height:min-content}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-12{max-height:3rem}.max-h-32{max-height:8rem}.max-h-5{max-height:1.25rem}.max-h-6{max-height:1.5rem}.max-h-80{max-height:20rem}.max-h-\[260px\]{max-height:260px}.max-h-\[70vh\]{max-height:70vh}.max-h-\[78px\]{max-height:78px}.max-h-\[90svh\]{max-height:90svh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95vh\]{max-height:95vh}.max-h-\[var\(--logo-height-mobile\,25px\)\]{max-height:var(--logo-height-mobile,25px)}.min-h-8{min-height:2rem}.min-h-\[140px\]{min-height:140px}.min-h-\[180px\]{min-height:180px}.min-h-\[250px\]{min-height:250px}.min-h-\[270px\]{min-height:270px}.min-h-\[328px\]{min-height:328px}.min-h-\[50vh\]{min-height:50vh}.min-h-\[60px\]{min-height:60px}.min-h-full{min-height:100%}.\!w-12{width:3rem!important}.w-0{width:0px}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[--article-river-thumbnail-width\,100px\]{width:var(--article-river-thumbnail-width,100px)}.w-\[--article-river-thumbnail-width\,60px\]{width:var(--article-river-thumbnail-width,60px)}.w-\[--wdn-listv2-action-width\]{width:var(--wdn-listv2-action-width)}.w-\[--wdn-listv2-item-lists-width\]{width:var(--wdn-listv2-item-lists-width)}.w-\[--wdn-listv2-item-wrapper-width\]{width:var(--wdn-listv2-item-wrapper-width)}.w-\[--wdn-listv2-rating-star-width\]{width:var(--wdn-listv2-rating-star-width)}.w-\[100\%\]{width:100%}.w-\[120px\]{width:120px}.w-\[140px\]{width:140px}.w-\[173px\]{width:173px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[278px\]{width:278px}.w-\[30px\]{width:30px}.w-\[3rem\]{width:3rem}.w-\[6\.857px\]{width:6.857px}.w-\[70px\]{width:70px}.w-\[98dvw\]{width:98dvw}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-20{min-width:5rem}.min-w-36{min-width:9rem}.min-w-40{min-width:10rem}.min-w-52{min-width:13rem}.min-w-\[100px\]{min-width:100px}.min-w-\[156px\]{min-width:156px}.min-w-\[20px\]{min-width:20px}.min-w-\[300px\]{min-width:300px}.min-w-\[var\(--tray-bell-min-width\,40px\)\]{min-width:var(--tray-bell-min-width,40px)}.min-w-full{min-width:100%}.max-w-32{max-width:8rem}.max-w-4xl{max-width:56rem}.max-w-64{max-width:16rem}.max-w-7xl{max-width:80rem}.max-w-\[1070px\]{max-width:1070px}.max-w-\[236px\]{max-width:236px}.max-w-\[50\%\]{max-width:50%}.max-w-\[60rem\]{max-width:60rem}.max-w-\[800px\]{max-width:800px}.max-w-\[806px\]{max-width:806px}.max-w-\[980px\]{max-width:980px}.max-w-\[98vw\]{max-width:98vw}.max-w-\[min\(970px\,98dvw\)\]{max-width:min(970px,98dvw)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}.max-w-screen-xl{max-width:1280px}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-\[--wdn-listv2-item-flex\]{flex:var(--wdn-listv2-item-flex)}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.grow{flex-grow:1}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.333333%}.basis-1\/5{flex-basis:20%}.basis-1\/6{flex-basis:16.666667%}.basis-2\/3{flex-basis:66.666667%}.basis-2\/5{flex-basis:40%}.basis-3\/5{flex-basis:60%}.basis-\[--wdn-listv2-item-basis\]{flex-basis:var(--wdn-listv2-item-basis)}.basis-auto{flex-basis:auto}.basis-full{flex-basis:100%}.origin-center{transform-origin:center}.origin-top-right{transform-origin:top right}.-translate-x-1\/2,.-translate-x-2\/4{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-\[--wdn-listv2-action-cursor\]{cursor:var(--wdn-listv2-action-cursor)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.content-center{align-content:center}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[15px\]{gap:15px}.gap-\[4px\]{gap:4px}.gap-\[8px\]{gap:8px}.gap-\[var\(--site-header-gap\,0\.65rem\)\]{gap:var(--site-header-gap,.65rem)}.gap-\[var\(--site-header-gap\,1\.20rem\)\]{gap:var(--site-header-gap,1.2rem)}.gap-\[var\(--wdn-listv2-gapX\)\]{gap:var(--wdn-listv2-gapX)}.gap-px{gap:1px}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-12{row-gap:3rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(209 213 219 / var(--tw-divide-opacity, 1))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-y-clip{overflow-y:clip}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overscroll-x-contain{overscroll-behavior-x:contain}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[10px_10px_2px_10px\]{border-radius:10px 10px 2px}.rounded-\[200px\]{border-radius:200px}.rounded-\[20px\]{border-radius:20px}.rounded-\[30px\]{border-radius:30px}.rounded-\[400px\]{border-radius:400px}.rounded-\[4px\]{border-radius:4px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-\[10px\]{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-t-\[14px\]{border-top-left-radius:14px;border-top-right-radius:14px}.rounded-bl-\[12px\]{border-bottom-left-radius:12px}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-br-\[12px\]{border-bottom-right-radius:12px}.rounded-br-lg{border-bottom-right-radius:.5rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-8{border-width:8px}.border-x-0{border-left-width:0px;border-right-width:0px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-y-0{border-top-width:0px;border-bottom-width:0px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-b-2{border-bottom-width:2px}.border-b-\[1px\]{border-bottom-width:1px}.border-b-\[3px\]{border-bottom-width:3px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0px}.border-r-\[1px\]{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-\[3px\]{border-top-width:3px}.border-solid{border-style:solid}.border-none{border-style:none}.border-\[\#0000001a\]{border-color:#0000001a}.border-\[\#1A98EE\]{--tw-border-opacity: 1;border-color:rgb(26 152 238 / var(--tw-border-opacity, 1))}.border-\[\#333\]{--tw-border-opacity: 1;border-color:rgb(51 51 51 / var(--tw-border-opacity, 1))}.border-\[\#666666\]{--tw-border-opacity: 1;border-color:rgb(102 102 102 / var(--tw-border-opacity, 1))}.border-\[\#CCCCCC\]{--tw-border-opacity: 1;border-color:rgb(204 204 204 / var(--tw-border-opacity, 1))}.border-\[\#DDDDDD\]{--tw-border-opacity: 1;border-color:rgb(221 221 221 / var(--tw-border-opacity, 1))}.border-\[\#EDEDED\]{--tw-border-opacity: 1;border-color:rgb(237 237 237 / var(--tw-border-opacity, 1))}.border-\[\#ccc\]{--tw-border-opacity: 1;border-color:rgb(204 204 204 / var(--tw-border-opacity, 1))}.border-\[\#ededed\]{--tw-border-opacity: 1;border-color:rgb(237 237 237 / var(--tw-border-opacity, 1))}.border-\[--footer-nav-border-color\]{border-color:var(--footer-nav-border-color)}.border-\[--jumpto-underline-color\]{border-color:var(--jumpto-underline-color)}.border-\[--sub-brands-bar-border-color\]{border-color:var(--sub-brands-bar-border-color)}.border-\[none\]{border-color:none}.border-\[var\(--buttons-background\)\]{border-color:var(--buttons-background)}.border-\[var\(--flexi-brand-color-1\)\]{border-color:var(--flexi-brand-color-1)}.border-\[var\(--flexi-dynamic-tabs-color-black\)\]{border-color:var(--flexi-dynamic-tabs-color-black)}.border-\[var\(--flexi-dynamic-tabs-color-grey\)\]{border-color:var(--flexi-dynamic-tabs-color-grey)}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-neutral-200{--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.border-neutral-300{--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))}.border-primary-500{--tw-border-opacity: 1;border-color:rgb(var(--color-primary-500) / var(--tw-border-opacity, 1))}.border-secondary-500{--tw-border-opacity: 1;border-color:rgb(var(--color-secondary-500) / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-b-\[var\(--flexi-dynamic-tabs-color-black\)\]{border-bottom-color:var(--flexi-dynamic-tabs-color-black)}.border-b-\[var\(--jumpto-underline-color\)\]{border-bottom-color:var(--jumpto-underline-color)}.border-b-black{--tw-border-opacity: 1;border-bottom-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-b-neutral-200{--tw-border-opacity: 1;border-bottom-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.border-b-neutral-300{--tw-border-opacity: 1;border-bottom-color:rgb(212 212 212 / var(--tw-border-opacity, 1))}.border-l-\[\#ccc\]{--tw-border-opacity: 1;border-left-color:rgb(204 204 204 / var(--tw-border-opacity, 1))}.border-l-neutral-200{--tw-border-opacity: 1;border-left-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.border-r-\[\#ccc\]{--tw-border-opacity: 1;border-right-color:rgb(204 204 204 / var(--tw-border-opacity, 1))}.border-r-neutral-100{--tw-border-opacity: 1;border-right-color:rgb(245 245 245 / var(--tw-border-opacity, 1))}.border-r-neutral-200{--tw-border-opacity: 1;border-right-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.border-t-\[var\(--flexi-dynamic-tabs-color-primary\)\]{border-top-color:var(--flexi-dynamic-tabs-color-primary)}.border-t-black{--tw-border-opacity: 1;border-top-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-t-neutral-500{--tw-border-opacity: 1;border-top-color:rgb(115 115 115 / var(--tw-border-opacity, 1))}.\!bg-secondary-500{--tw-bg-opacity: 1 !important;background-color:rgb(var(--color-secondary-500) / var(--tw-bg-opacity, 1))!important}.bg-\[\#1A98EE\]{--tw-bg-opacity: 1;background-color:rgb(26 152 238 / var(--tw-bg-opacity, 1))}.bg-\[\#262626\]{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.bg-\[\#33333370\]{background-color:#33333370}.bg-\[\#333333\],.bg-\[\#333\]{--tw-bg-opacity: 1;background-color:rgb(51 51 51 / var(--tw-bg-opacity, 1))}.bg-\[\#5AAF0B\],.bg-\[\#5aaf0b\]{--tw-bg-opacity: 1;background-color:rgb(90 175 11 / var(--tw-bg-opacity, 1))}.bg-\[\#F5F5F5\]{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.bg-\[\#ececf0\]{--tw-bg-opacity: 1;background-color:rgb(236 236 240 / var(--tw-bg-opacity, 1))}.bg-\[\#ededed\]{--tw-bg-opacity: 1;background-color:rgb(237 237 237 / var(--tw-bg-opacity, 1))}.bg-\[--ad-slot-badge-bg-color\]{background-color:var(--ad-slot-badge-bg-color)}.bg-\[--footer-bg-color\]{background-color:var(--footer-bg-color)}.bg-\[--sub-brands-bar-bg-color\]{background-color:var(--sub-brands-bar-bg-color)}.bg-\[--truncate-btn-bg-color\,black\]{background-color:var(--truncate-btn-bg-color,black)}.bg-\[--wdn-listv2-action-bg\]{background-color:var(--wdn-listv2-action-bg)}.bg-\[rgba\(26\,152\,238\,0\.06\)\]{background-color:#1a98ee0f}.bg-\[rgba\(26\,152\,238\,0\.12\)\]{background-color:#1a98ee1f}.bg-\[unset\]{background-color:unset}.bg-\[var\(--brand-color-1\)\]{background-color:var(--brand-color-1)}.bg-\[var\(--flexi-brand-color-1\)\]{background-color:var(--flexi-brand-color-1)}.bg-\[var\(--flexi-dynamic-tabs-color-primary\)\]{background-color:var(--flexi-dynamic-tabs-color-primary)}.bg-\[var\(--flexi-dynamic-tabs-color-white\)\]{background-color:var(--flexi-dynamic-tabs-color-white)}.bg-\[var\(--site-header-background-color\,rgb\(var\(--color-primary-500\)\)\)\]{background-color:var(--site-header-background-color,rgb(var(--color-primary-500)))}.bg-\[var\(--site-header-background-color\,white\)\]{background-color:var(--site-header-background-color,white)}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-black\/80{background-color:#000c}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-900\/5{background-color:#1118270d}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-inherit{background-color:inherit}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.bg-neutral-200{--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.bg-neutral-300{--tw-bg-opacity: 1;background-color:rgb(212 212 212 / var(--tw-bg-opacity, 1))}.bg-neutral-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-neutral-500{--tw-bg-opacity: 1;background-color:rgb(115 115 115 / var(--tw-bg-opacity, 1))}.bg-neutral-600{--tw-bg-opacity: 1;background-color:rgb(82 82 82 / var(--tw-bg-opacity, 1))}.bg-neutral-800{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.bg-neutral-950{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-50) / var(--tw-bg-opacity, 1))}.bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1))}.bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-600) / var(--tw-bg-opacity, 1))}.bg-primary-700{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-secondary-500{--tw-bg-opacity: 1;background-color:rgb(var(--color-secondary-500) / var(--tw-bg-opacity, 1))}.bg-secondary-950{--tw-bg-opacity: 1;background-color:rgb(var(--color-secondary-950) / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-teal-50{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/60{background-color:#fff9}.bg-white\/90{background-color:#ffffffe6}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-zinc-300{--tw-bg-opacity: 1;background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))}.bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.bg-opacity-40{--tw-bg-opacity: .4}.bg-opacity-75{--tw-bg-opacity: .75}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-none{background-image:none}.from-\[--truncate-gradient-color\,white\]{--tw-gradient-from: var(--truncate-gradient-color,white) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-950{--tw-gradient-from: #030712 var(--tw-gradient-from-position);--tw-gradient-to: rgb(3 7 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-50\%{--tw-gradient-from-position: 50%}.to-gray-200{--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)}.to-gray-800{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-repeat{background-repeat:repeat}.fill-\[\#D21F25\]{fill:#d21f25}.fill-\[white\]{fill:#fff}.fill-current{fill:currentColor}.fill-gray-500{fill:#6b7280}.fill-none{fill:none}.fill-primary-50{fill:rgb(var(--color-primary-50) / 1)}.fill-primary-500{fill:rgb(var(--color-primary-500) / 1)}.fill-primary-600{fill:rgb(var(--color-primary-600) / 1)}.fill-secondary-50{fill:rgb(var(--color-secondary-50) / 1)}.fill-white{fill:#fff}.stroke-current{stroke:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.\!p-0{padding:0!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[--wdn-listv2-item-content-padding\]{padding:var(--wdn-listv2-item-content-padding)}.p-\[10px\]{padding:10px}.p-\[14px\]{padding:14px}.p-\[15px\]{padding:15px}.p-\[5\.5px\]{padding:5.5px}.p-\[5px\]{padding:5px}.p-\[8px\]{padding:8px}.p-\[var\(--wdn-listv2-item-lists-padding\,0px\)\]{padding:var(--wdn-listv2-item-lists-padding,0px)}.p-\[var\(--wdn-listv2-item-sponsored-padding\,30px\)\]{padding:var(--wdn-listv2-item-sponsored-padding,30px)}.p-\[var\(--wdn-listv2-items-padding\,0px\)\]{padding:var(--wdn-listv2-items-padding,0px)}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[60px\]{padding-left:60px;padding-right:60px}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[12px\]{padding-top:12px;padding-bottom:12px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-\[12px\]{padding-bottom:12px}.pb-\[2px\]{padding-bottom:2px}.pb-\[5px\]{padding-bottom:5px}.pb-\[var\(--strapline-padding-bottom\,12px\)\]{padding-bottom:var(--strapline-padding-bottom,12px)}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-\[5px\]{padding-left:5px}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.pt-\[--aspect-padding\]{padding-top:var(--aspect-padding)}.pt-\[12px\]{padding-top:12px}.pt-\[4px\]{padding-top:4px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.-indent-0\.5{text-indent:-.125rem}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-text-top{vertical-align:text-top}.align-\[--wdn-listv2-rating-star-vertical-align\]{vertical-align:var(--wdn-listv2-rating-star-vertical-align)}.font-\[\"Archivo\"\]{font-family:Archivo}.font-\[\'Open_Sans\:SemiBold\'\,sans-serif\]{font-family:"Open Sans:SemiBold",sans-serif}.font-article-copy{font-family:var(--font-article-copy,"inherit")}.font-article-heading{font-family:var(--font-article-heading,"inherit")}.font-ui-heading{font-family:var(--font-ui-heading,"inherit")}.\!text-base{font-size:1rem!important;line-height:1.5rem!important}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-3xl\/10{font-size:1.875rem;line-height:2.5rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[\.8em\]{font-size:.8em}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[28px\]{font-size:28px}.text-\[length\:--comment-count-font-size\,\.875rem\]{font-size:var(--comment-count-font-size,.875rem)}.text-\[length\:--strapline-font-size\,13px\]{font-size:var(--strapline-font-size,13px)}.text-\[length\:--wdn-listv2-rating-star-size\]{font-size:var(--wdn-listv2-rating-star-size)}.text-\[length\:var\(--comment-count-font-size\,0\.95rem\)\]{font-size:var(--comment-count-font-size,.95rem)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-sm\/6{font-size:.875rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-\[var\(--flexi-dynamic-tabs-font-family\)\]{font-weight:var(--flexi-dynamic-tabs-font-family)}.font-\[var\(--flexi-dynamic-tabs-font-weight-heavy\)\]{font-weight:var(--flexi-dynamic-tabs-font-weight-heavy)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.\!leading-10{line-height:2.5rem!important}.\!leading-4{line-height:1rem!important}.\!leading-5{line-height:1.25rem!important}.\!leading-snug{line-height:1.375!important}.leading-10{line-height:2.5rem}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[--wdn-listv2-action-line-height\]{line-height:var(--wdn-listv2-action-line-height)}.leading-\[--wdn-listv2-rating-star-line-height\]{line-height:var(--wdn-listv2-rating-star-line-height)}.leading-\[0\]{line-height:0}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.3em\]{line-height:1.3em}.leading-\[1\.625rem\]{line-height:1.625rem}.leading-\[11px\]{line-height:11px}.leading-\[12px\]{line-height:12px}.leading-\[14px\]{line-height:14px}.leading-\[17px\]{line-height:17px}.leading-\[18px\]{line-height:18px}.leading-\[19px\]{line-height:19px}.leading-\[2\.85em\]{line-height:2.85em}.leading-\[20px\]{line-height:20px}.leading-\[21px\]{line-height:21px}.leading-\[22px\]{line-height:22px}.leading-\[23px\]{line-height:23px}.leading-\[24px\]{line-height:24px}.leading-\[26px\]{line-height:26px}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[\.02em\]{letter-spacing:.02em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.5px\]{letter-spacing:.5px}.tracking-\[0\.6px\]{letter-spacing:.6px}.tracking-\[1\.3px\]{letter-spacing:1.3px}.tracking-\[2px\]{letter-spacing:2px}.tracking-normal{letter-spacing:0em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.\!text-secondary-50{--tw-text-opacity: 1 !important;color:rgb(var(--color-secondary-50) / var(--tw-text-opacity, 1))!important}.text-\[\#1A98EE\]{--tw-text-opacity: 1;color:rgb(26 152 238 / var(--tw-text-opacity, 1))}.text-\[\#1E6A8D\]{--tw-text-opacity: 1;color:rgb(30 106 141 / var(--tw-text-opacity, 1))}.text-\[\#1a98ee\]{--tw-text-opacity: 1;color:rgb(26 152 238 / var(--tw-text-opacity, 1))}.text-\[\#292929\]{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.text-\[\#333333\],.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))}.text-\[\#e84d0e\]{--tw-text-opacity: 1;color:rgb(232 77 14 / var(--tw-text-opacity, 1))}.text-\[--accent-color\]{color:var(--accent-color)}.text-\[--burger-btn-color\,black\]{color:var(--burger-btn-color,black)}.text-\[--footer-text-color\]{color:var(--footer-text-color)}.text-\[--jumpto-underline-color\]{color:var(--jumpto-underline-color)}.text-\[--primary-link-colour\]{color:var(--primary-link-colour)}.text-\[--sub-brands-bar-text-color\]{color:var(--sub-brands-bar-text-color)}.text-\[color\:\#fafafa\]{--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.text-\[color\:--comment-count-text-color\,inherit\]{color:var(--comment-count-text-color,inherit)}.text-\[color\:--comment-count-text-color\,var\(--accent-color\)\]{color:var(--comment-count-text-color,var(--accent-color))}.text-\[color\:--truncate-btn-text-color\,white\]{color:var(--truncate-btn-text-color,white)}.text-\[rgba\(20\,20\,20\,0\.8\)\]{color:#141414cc}.text-\[var\(--brand-color-white\,\#fff\)\]{color:var(--brand-color-white,#fff)}.text-\[var\(--comment-count-icon-color\,var\(--accent-color\)\)\]{color:var(--comment-count-icon-color,var(--accent-color))}.text-\[var\(--flexi-dynamic-tabs-color-black\)\]{color:var(--flexi-dynamic-tabs-color-black)}.text-\[var\(--flexi-dynamic-tabs-color-white\)\]{color:var(--flexi-dynamic-tabs-color-white)}.text-\[var\(--site-header-text-color\,\#333\)\]{color:var(--site-header-text-color,#333)}.text-\[var\(--site-header-text-color\,white\)\]{color:var(--site-header-text-color,white)}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-black\/60{color:#0009}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-current{color:currentColor}.text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-lime-600{--tw-text-opacity: 1;color:rgb(101 163 13 / var(--tw-text-opacity, 1))}.text-lime-700{--tw-text-opacity: 1;color:rgb(77 124 15 / var(--tw-text-opacity, 1))}.text-neutral-100{--tw-text-opacity: 1;color:rgb(245 245 245 / var(--tw-text-opacity, 1))}.text-neutral-200{--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.text-neutral-300{--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-neutral-600{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.text-neutral-700{--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity, 1))}.text-neutral-800{--tw-text-opacity: 1;color:rgb(38 38 38 / var(--tw-text-opacity, 1))}.text-neutral-900{--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-primary-100{--tw-text-opacity: 1;color:rgb(var(--color-primary-100) / var(--tw-text-opacity, 1))}.text-primary-200{--tw-text-opacity: 1;color:rgb(var(--color-primary-200) / var(--tw-text-opacity, 1))}.text-primary-500{--tw-text-opacity: 1;color:rgb(var(--color-primary-500) / var(--tw-text-opacity, 1))}.text-primary-600{--tw-text-opacity: 1;color:rgb(var(--color-primary-600) / var(--tw-text-opacity, 1))}.text-primary-700{--tw-text-opacity: 1;color:rgb(var(--color-primary-700) / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-secondary-50{--tw-text-opacity: 1;color:rgb(var(--color-secondary-50) / var(--tw-text-opacity, 1))}.text-secondary-500{--tw-text-opacity: 1;color:rgb(var(--color-secondary-500) / var(--tw-text-opacity, 1))}.text-secondary-600{--tw-text-opacity: 1;color:rgb(var(--color-secondary-600) / var(--tw-text-opacity, 1))}.text-secondary-900{--tw-text-opacity: 1;color:rgb(var(--color-secondary-900) / var(--tw-text-opacity, 1))}.text-secondary-950{--tw-text-opacity: 1;color:rgb(var(--color-secondary-950) / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-stone-500{--tw-text-opacity: 1;color:rgb(120 113 108 / var(--tw-text-opacity, 1))}.text-teal-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-zinc-900{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_15px_-3px_rgb\(0_0_0_\/_0\.1\)\,0_4px_6px_-4px_rgb\(0_0_0_\/_0\.1\)\]{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0 1px 3px rgba(0,0,0,.08);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_25px_50px_-12px_rgb\(0_0_0_\/_0\.25\)\]{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_4px_-1px_rgba\(0\,0\,0\,0\.06\)\,0_4px_6px_-1px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow: 0 2px 4px -1px rgba(0,0,0,.06),0 4px 6px -1px rgba(0,0,0,.1);--tw-shadow-colored: 0 2px 4px -1px var(--tw-shadow-color), 0 4px 6px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_1px_3px_0px_rgba\(27\,27\,27\,0\.1\)\,0px_1px_2px_-1px_rgba\(27\,27\,27\,0\.1\)\]{--tw-shadow: 0px 1px 3px 0px rgba(27,27,27,.1),0px 1px 2px -1px rgba(27,27,27,.1);--tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color), 0px 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_4px_6px_-1px_rgba\(0\,0\,0\,0\.1\)\,0px_2px_4px_-2px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0px 4px 6px -1px rgba(0,0,0,.1),0px 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored: 0px 4px 6px -1px var(--tw-shadow-color), 0px 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[1px_1px_4px_rgba\(223\,223\,223\,0\.44\)\]{--tw-shadow: 1px 1px 4px rgba(223,223,223,.44);--tw-shadow-colored: 1px 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[2px_2px_9\.8px_rgba\(117\,117\,117\,0\.25\)\]{--tw-shadow: 2px 2px 9.8px rgba(117,117,117,.25);--tw-shadow-colored: 2px 2px 9.8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-1{outline-width:1px}.outline-\[\#EDEDED\]{outline-color:#ededed}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-amber-600\/20{--tw-ring-color: rgb(217 119 6 / .2)}.ring-black\/5{--tw-ring-color: rgb(0 0 0 / .05)}.ring-blue-600\/20{--tw-ring-color: rgb(37 99 235 / .2)}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.ring-green-600\/20{--tw-ring-color: rgb(22 163 74 / .2)}.ring-orange-600\/20{--tw-ring-color: rgb(234 88 12 / .2)}.ring-purple-600\/20{--tw-ring-color: rgb(147 51 234 / .2)}.ring-red-600\/20{--tw-ring-color: rgb(220 38 38 / .2)}.ring-slate-600\/20{--tw-ring-color: rgb(71 85 105 / .2)}.ring-teal-600\/20{--tw-ring-color: rgb(13 148 136 / .2)}.ring-yellow-600\/20{--tw-ring-color: rgb(202 138 4 / .2)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-0{--tw-brightness: brightness(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.contrast-100{--tw-contrast: contrast(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert-\[1\]{--tw-invert: invert(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter-none{filter:none}.backdrop-blur-\[22\.35px\]{--tw-backdrop-blur: blur(22.35px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-75{transition-duration:75ms}.ease-\[ease-out\]{transition-timing-function:ease-out}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[background-color\:var\(--nav-custom-link-dropdown-button-bg-color\,\#1B1B1B\)\]{background-color:var(--nav-custom-link-dropdown-button-bg-color,#1B1B1B)}.\[background-color\:var\(--nav-custom-link-dropdown-link-bg-color\,white\)\]{background-color:var(--nav-custom-link-dropdown-link-bg-color,white)}.\[border-bottom\:1px_solid_var\(--nav-custom-link-dropdown-link-border-color\,\#d1d5db\)\]{border-bottom:1px solid var(--nav-custom-link-dropdown-link-border-color,#d1d5db)}.\[border-color\:var\(--nav-custom-link-dropdown-button-border-color\,\#1B1B1B\)\]{border-color:var(--nav-custom-link-dropdown-button-border-color,#1B1B1B)}.\[border-color\:var\(--nav-custom-link-dropdown-link-border-color\,\#d1d5db\)\]{border-color:var(--nav-custom-link-dropdown-link-border-color,#d1d5db)}.\[border-radius\:var\(--wdn-listv2-action-border-radius\,9999px\)\]{border-radius:var(--wdn-listv2-action-border-radius,9999px)}.\[color\:var\(--nav-custom-link-dropdown-button-text-color\,white\)\]{color:var(--nav-custom-link-dropdown-button-text-color,white)}.\[color\:var\(--nav-custom-link-dropdown-link-text-color\,\#1B1B1B\)\]{color:var(--nav-custom-link-dropdown-link-text-color,#1B1B1B)}.\[display\:var\(--wdn-listv2-action-display\,none\)\]{display:var(--wdn-listv2-action-display,none)}.\[display\:var\(--wdn-listv2-item-content-label-block-display\,inline-block\)\]{display:var(--wdn-listv2-item-content-label-block-display,inline-block)}.\[display\:var\(--wdn-listv2-item-lists-display\,flex\)\]{display:var(--wdn-listv2-item-lists-display,flex)}.\[display\:var\(--wdn-listv2-items-display\,flex\)\]{display:var(--wdn-listv2-items-display,flex)}.\[display\:var\(--wdn-listv2-rating-star-display\,inline-block\)\]{display:var(--wdn-listv2-rating-star-display,inline-block)}.\[filter\:var\(--footer-logo-filter\)\]{filter:var(--footer-logo-filter)}.\[flex-wrap\:var\(--wdn-listv2-items-wrap\,wrap\)\]{flex-wrap:var(--wdn-listv2-items-wrap,wrap)}.\[font-family\:var\(--font-family-1\,inherit\)\]{font-family:var(--font-family-1,inherit)}.\[font-weight\:var\(--wdn-listv2-action-font-weight\,bold\)\]{font-weight:var(--wdn-listv2-action-font-weight,bold)}.\[grid-template-areas\:var\(--site-header-grid-template-areas\)\]{grid-template-areas:var(--site-header-grid-template-areas)}.\[grid-template-columns\:var\(--site-header-grid-template-columns\)\]{grid-template-columns:var(--site-header-grid-template-columns)}.\[justify-content\:var\(--wdn-listv2-item-lists-justify\,space-between\)\]{justify-content:var(--wdn-listv2-item-lists-justify,space-between)}.\[overflow\:var\(--wdn-listv2-item-lists-overflow\,auto\)\]{overflow:var(--wdn-listv2-item-lists-overflow,auto)}.\[position\:var\(--wdn-listv2-action-position\,absolute\)\]{position:var(--wdn-listv2-action-position,absolute)}.\[position\:var\(--wdn-listv2-item-content-label-block-position\,relative\)\]{position:var(--wdn-listv2-item-content-label-block-position,relative)}.\[position\:var\(--wdn-listv2-item-content-position\,relative\)\]{position:var(--wdn-listv2-item-content-position,relative)}.\[position\:var\(--wdn-listv2-item-lists-position\,relative\)\]{position:var(--wdn-listv2-item-lists-position,relative)}.\[position\:var\(--wdn-listv2-item-sponsored-position\,relative\)\]{position:var(--wdn-listv2-item-sponsored-position,relative)}.\[position\:var\(--wdn-listv2-item-wrapper-position\,relative\)\]{position:var(--wdn-listv2-item-wrapper-position,relative)}.\[position\:var\(--wdn-listv2-rating-star-position\,relative\)\]{position:var(--wdn-listv2-rating-star-position,relative)}.\[text-align\:var\(--wdn-listv2-action-text-align\,center\)\]{text-align:var(--wdn-listv2-action-text-align,center)}.\[text-transform\:var\(--strapline-text-transform\,uppercase\)\]{text-transform:var(--strapline-text-transform,uppercase)}}.\*\:pointer-events-auto>*{pointer-events:auto}.placeholder\:text-\[\#999\]::-moz-placeholder{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity, 1))}.placeholder\:text-\[\#999\]::placeholder{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity, 1))}.before\:my-\[0\.7rem\]:before{content:var(--tw-content);margin-top:.7rem;margin-bottom:.7rem}.before\:my-\[15px\]:before{content:var(--tw-content);margin-top:15px;margin-bottom:15px}.before\:mr-4:before{content:var(--tw-content);margin-right:1rem}.before\:block:before{content:var(--tw-content);display:block}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:w-\[50px\]:before{content:var(--tw-content);width:50px}.before\:flex-1:before{content:var(--tw-content);flex:1 1 0%}.before\:border-t:before{content:var(--tw-content);border-top-width:1px}.before\:border-solid:before{content:var(--tw-content);border-style:solid}.before\:border-\[\#333\]:before{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(51 51 51 / var(--tw-border-opacity, 1))}.before\:border-black:before{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.before\:border-t-\[\#333\]:before{content:var(--tw-content);--tw-border-opacity: 1;border-top-color:rgb(51 51 51 / var(--tw-border-opacity, 1))}.before\:border-t-\[\#ccc\]:before{content:var(--tw-content);--tw-border-opacity: 1;border-top-color:rgb(204 204 204 / var(--tw-border-opacity, 1))}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.before\:content-\[\'&bull;\'\]:before{--tw-content: "&bull;";content:var(--tw-content)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:relative:after{content:var(--tw-content);position:relative}.after\:inset-x-0:after{content:var(--tw-content);left:0;right:0}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:right-2:after{content:var(--tw-content);right:.5rem}.after\:top-1\/4:after{content:var(--tw-content);top:25%}.after\:top-\[calc\(50\%_-_0\.25em\)\]:after{content:var(--tw-content);top:calc(50% - .25em)}.after\:my-\[0\.7rem\]:after{content:var(--tw-content);margin-top:.7rem;margin-bottom:.7rem}.after\:ml-4:after{content:var(--tw-content);margin-left:1rem}.after\:inline-block:after{content:var(--tw-content);display:inline-block}.after\:h-1\/3:after{content:var(--tw-content);height:33.333333%}.after\:h-3\/6:after{content:var(--tw-content);height:50%}.after\:w-px:after{content:var(--tw-content);width:1px}.after\:flex-1:after{content:var(--tw-content);flex:1 1 0%}.after\:border-x-\[0\.329em\]:after{content:var(--tw-content);border-left-width:.329em;border-right-width:.329em}.after\:border-b-\[0\.614em\]:after{content:var(--tw-content);border-bottom-width:.614em}.after\:border-t:after{content:var(--tw-content);border-top-width:1px}.after\:border-solid:after{content:var(--tw-content);border-style:solid}.after\:border-\[\#333\]:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(51 51 51 / var(--tw-border-opacity, 1))}.after\:border-x-transparent:after{content:var(--tw-content);border-left-color:transparent;border-right-color:transparent}.after\:border-b-\[white\]:after{content:var(--tw-content);--tw-border-opacity: 1;border-bottom-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.after\:border-t-\[\#333\]:after{content:var(--tw-content);--tw-border-opacity: 1;border-top-color:rgb(51 51 51 / var(--tw-border-opacity, 1))}.after\:border-t-\[\#ccc\]:after{content:var(--tw-content);--tw-border-opacity: 1;border-top-color:rgb(204 204 204 / var(--tw-border-opacity, 1))}.after\:bg-neutral-200:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.after\:bg-gradient-to-t:after{content:var(--tw-content);background-image:linear-gradient(to top,var(--tw-gradient-stops))}.after\:from-\[rgba\(0\,0\,0\,1\)\]:after{content:var(--tw-content);--tw-gradient-from: rgba(0,0,0,1) var(--tw-gradient-from-position);--tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.after\:to-\[rgba\(0\,0\,0\,0\)\]:after{content:var(--tw-content);--tw-gradient-to: rgba(0,0,0,0) var(--tw-gradient-to-position)}.after\:content-\[\"\"\]:after{--tw-content: "";content:var(--tw-content)}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.first\:rounded-t-\[10px\]:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.last\:rounded-b-\[10px\]:last-child{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.empty\:hidden:empty{display:none}.empty\:border-none:empty{border-style:none}.focus-within\:-translate-y-1:focus-within{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus-within\:shadow-md:focus-within{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-\[var\(--flexi-brand-color-1\)\]:focus-within{--tw-ring-color: var(--flexi-brand-color-1)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width: 2px}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rounded-sm:hover{border-radius:.125rem}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#e0e0e5\]:hover{--tw-bg-opacity: 1;background-color:rgb(224 224 229 / var(--tw-bg-opacity, 1))}.hover\:bg-\[--truncate-btn-hover-bg-color\,gray\]:hover{background-color:var(--truncate-btn-hover-bg-color,gray)}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-100:hover{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-500:hover{--tw-bg-opacity: 1;background-color:rgb(115 115 115 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-50:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-50) / var(--tw-bg-opacity, 1))}.hover\:bg-primary-500:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1))}.hover\:bg-primary-600:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-600) / var(--tw-bg-opacity, 1))}.hover\:bg-secondary-400:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-secondary-400) / var(--tw-bg-opacity, 1))}.hover\:bg-secondary-700:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-secondary-700) / var(--tw-bg-opacity, 1))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-\[\#1a98ee\]:hover{--tw-text-opacity: 1;color:rgb(26 152 238 / var(--tw-text-opacity, 1))}.hover\:text-\[--sub-brands-bar-link-hover-color\]:hover{color:var(--sub-brands-bar-link-hover-color)}.hover\:text-\[color\:--truncate-btn-hover-text-color\,white\]:hover{color:var(--truncate-btn-hover-text-color,white)}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-inherit:hover{color:inherit}.hover\:text-primary-700:hover{--tw-text-opacity: 1;color:rgb(var(--color-primary-700) / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline-offset-2:hover{text-underline-offset:2px}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0px_2px_6px_0px_rgba\(27\,27\,27\,0\.15\)\,0px_2px_4px_-1px_rgba\(27\,27\,27\,0\.15\)\]:hover{--tw-shadow: 0px 2px 6px 0px rgba(27,27,27,.15),0px 2px 4px -1px rgba(27,27,27,.15);--tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color), 0px 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:brightness-90:hover{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:bg-transparent:focus{background-color:transparent}.focus\:text-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-1:focus{outline-width:1px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[\#1a98ee\]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(26 152 238 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-primary-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-primary-300) / var(--tw-ring-opacity, 1))}.focus\:ring-secondary-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-secondary-500) / var(--tw-ring-opacity, 1))}.focus\:ring-secondary-600:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-secondary-600) / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:\[outline-style\:auto\]:focus{outline-style:auto}.focus-visible\:rounded-\[1px\]:focus-visible{border-radius:1px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-\[4px\]:focus-visible{outline-width:4px}.focus-visible\:outline-offset-\[5px\]:focus-visible{outline-offset:5px}.focus-visible\:outline-\[\#ffffff80\]:focus-visible{outline-color:#ffffff80}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[\#1a98ee\]:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(26 152 238 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-gray-900:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:-translate-y-0\.5:active{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:shadow-sm:active{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-200:disabled{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.disabled\:bg-gray-100:disabled{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.disabled\:bg-gray-200:disabled{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.disabled\:bg-gray-300:disabled{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.disabled\:text-neutral-200:disabled{--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-secondary-600{--tw-text-opacity: 1;color:rgb(var(--color-secondary-600) / var(--tw-text-opacity, 1))}.group:hover .group-hover\:underline{text-decoration-line:underline}.prose-p\:mb-0 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:0}.prose-a\:text-\[\#1A98EE\] :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:rgb(26 152 238 / var(--tw-text-opacity, 1))}@media (max-width: 1500px){.max-\[1500px\]\:hidden{display:none}}@media not all and (min-width: 1280px){.max-xl\:hidden{display:none}}@media not all and (min-width: 1000px){.max-lg\:-ml-5{margin-left:-1.25rem}.max-lg\:hidden{display:none}}@media not all and (min-width: 700px){.max-sm\:left-2\/4{left:50%}.max-sm\:top-full{top:100%}.max-sm\:hidden{display:none}.max-sm\:max-h-0{max-height:0px}.max-sm\:max-h-96{max-height:24rem}.max-sm\:min-w-\[300px\]{min-width:300px}.max-sm\:-translate-x-2\/4{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.max-sm\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}}@media (min-width: 575px){.xs\:visible{visibility:visible}.xs\:order-last{order:9999}.xs\:mx-0{margin-left:0;margin-right:0}.xs\:mt-2{margin-top:.5rem}.xs\:block{display:block}.xs\:flex{display:flex}.xs\:h-\[73px\]{height:73px}.xs\:w-2\/3{width:66.666667%}.xs\:w-full{width:100%}.xs\:flex-1{flex:1 1 0%}.xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xs\:flex-col{flex-direction:column}.xs\:p-3{padding:.75rem}}@media (min-width: 700px){.sm\:pointer-events-none{pointer-events:none}.sm\:visible{visibility:visible}.sm\:static{position:static}.sm\:relative{position:relative}.sm\:bottom-4{bottom:1rem}.sm\:left-\[var\(--wdn-listv2-arrow-next-left\,auto\)\]{left:var(--wdn-listv2-arrow-next-left,auto)}.sm\:left-\[var\(--wdn-listv2-arrow-previous-left\,0\)\]{left:var(--wdn-listv2-arrow-previous-left,0)}.sm\:right-4{right:1rem}.sm\:right-\[var\(--wdn-listv2-arrow-next-right\,0px\)\]{right:var(--wdn-listv2-arrow-next-right,0px)}.sm\:right-\[var\(--wdn-listv2-arrow-previous-right\,auto\)\]{right:var(--wdn-listv2-arrow-previous-right,auto)}.sm\:top-0{top:0}.sm\:top-4{top:1rem}.sm\:order-1{order:1}.sm\:order-3{order:3}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:m-0{margin:0}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-2\.5{margin-left:.625rem;margin-right:.625rem}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:mb-0{margin-bottom:0}.sm\:mb-5{margin-bottom:1.25rem}.sm\:mb-8{margin-bottom:2rem}.sm\:ml-1\.5{margin-left:.375rem}.sm\:ml-2{margin-left:.5rem}.sm\:ml-4{margin-left:1rem}.sm\:mt-0{margin-top:0}.sm\:mt-5{margin-top:1.25rem}.sm\:mt-6{margin-top:1.5rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-12{height:3rem}.sm\:h-\[--truncate-desktop-height\]{height:var(--truncate-desktop-height)}.sm\:h-\[100px\]{height:100px}.sm\:h-\[50px\]{height:50px}.sm\:h-\[58px\]{height:58px}.sm\:h-\[820px\]{height:820px}.sm\:h-\[var\(--logo-height-desktop\,auto\)\]{height:var(--logo-height-desktop,auto)}.sm\:h-fit{height:-moz-fit-content;height:fit-content}.sm\:max-h-full{max-height:100%}.sm\:w-12{width:3rem}.sm\:w-\[200px\]{width:200px}.sm\:w-\[480px\]{width:480px}.sm\:w-full{width:100%}.sm\:max-w-full{max-width:100%}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-xl{max-width:36rem}.sm\:flex-1{flex:1 1 0%}.sm\:flex-auto{flex:1 1 auto}.sm\:basis-1\/2{flex-basis:50%}.sm\:basis-1\/3{flex-basis:33.333333%}.sm\:basis-1\/4{flex-basis:25%}.sm\:basis-1\/5{flex-basis:20%}.sm\:basis-2\/3{flex-basis:66.666667%}.sm\:basis-3\/4{flex-basis:75%}.sm\:basis-\[40\%\]{flex-basis:40%}.sm\:basis-\[53\%\]{flex-basis:53%}.sm\:basis-full{flex-basis:100%}.sm\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:gap-2{gap:.5rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.sm\:gap-y-14{row-gap:3.5rem}.sm\:border-0{border-width:0px}.sm\:border-l{border-left-width:1px}.sm\:border-l-2{border-left-width:2px}.sm\:border-r{border-right-width:1px}.sm\:border-solid{border-style:solid}.sm\:border-none{border-style:none}.sm\:border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.sm\:border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.sm\:border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.sm\:p-0{padding:0}.sm\:p-2{padding:.5rem}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-1{padding-top:.25rem;padding-bottom:.25rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-32{padding-top:8rem;padding-bottom:8rem}.sm\:pb-1{padding-bottom:.25rem}.sm\:pl-0{padding-left:0}.sm\:pl-2{padding-left:.5rem}.sm\:pl-5{padding-left:1.25rem}.sm\:pr-0{padding-right:0}.sm\:pr-1{padding-right:.25rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[15px\]{font-size:15px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:font-normal{font-weight:400}.sm\:leading-5{line-height:1.25rem}.sm\:leading-\[6px\]{line-height:6px}.sm\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.sm\:before\:m-0:before{content:var(--tw-content);margin:0}.sm\:before\:border-0:before{content:var(--tw-content);border-width:0px}.sm\:before\:text-\[length\:--wdn-listv2-arrow-next-txt\]:before{content:var(--tw-content);font-size:var(--wdn-listv2-arrow-next-txt)}.sm\:before\:text-\[length\:--wdn-listv2-arrow-previous-txt\]:before{content:var(--tw-content);font-size:var(--wdn-listv2-arrow-previous-txt)}.sm\:before\:content-\[var\(--wdn-listv2-arrow-next-content\)\]:before{--tw-content: var(--wdn-listv2-arrow-next-content);content:var(--tw-content)}.sm\:before\:content-\[var\(--wdn-listv2-arrow-previous-content\)\]:before{--tw-content: var(--wdn-listv2-arrow-previous-content);content:var(--tw-content)}.sm\:after\:text-\[length\:--wdn-listv2-arrow-next-txt\]:after{content:var(--tw-content);font-size:var(--wdn-listv2-arrow-next-txt)}.sm\:after\:text-\[length\:--wdn-listv2-arrow-previous-txt\]:after{content:var(--tw-content);font-size:var(--wdn-listv2-arrow-previous-txt)}.sm\:after\:content-\[var\(--wdn-listv2-arrow-next-content\)\]:after{--tw-content: var(--wdn-listv2-arrow-next-content);content:var(--tw-content)}.sm\:after\:content-\[var\(--wdn-listv2-arrow-previous-content\)\]:after{--tw-content: var(--wdn-listv2-arrow-previous-content);content:var(--tw-content)}}@media (min-width: 900px){.md\:visible{visibility:visible}.md\:static{position:static}.md\:sticky{position:sticky}.md\:bottom-auto{bottom:auto}.md\:top-4{top:1rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-4{margin-left:1rem;margin-right:1rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:mb-2{margin-bottom:.5rem}.md\:mb-3{margin-bottom:.75rem}.md\:mb-5{margin-bottom:1.25rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:ml-0{margin-left:0}.md\:mr-0{margin-right:0}.md\:mt-2{margin-top:.5rem}.md\:mt-\[40px\]{margin-top:40px}.md\:mt-\[60px\]{margin-top:60px}.md\:line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:\!hidden{display:none!important}.md\:hidden{display:none}.md\:size-20{width:5rem;height:5rem}.md\:\!h-20{height:5rem!important}.md\:h-12{height:3rem}.md\:h-20{height:5rem}.md\:h-\[150px\]{height:150px}.md\:h-\[584px\]{height:584px}.md\:h-auto{height:auto}.md\:min-h-\[230px\]{min-height:230px}.md\:\!w-20{width:5rem!important}.md\:w-1\/3{width:33.333333%}.md\:w-1\/4{width:25%}.md\:w-12{width:3rem}.md\:w-20{width:5rem}.md\:w-3\/4{width:75%}.md\:w-48{width:12rem}.md\:w-\[140px\]{width:140px}.md\:w-\[806px\]{width:806px}.md\:w-\[calc\(33\.33\%_-_0\.5rem\)\]{width:calc(33.33% - .5rem)}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:max-w-\[1200px\]{max-width:1200px}.md\:max-w-\[65\%\]{max-width:65%}.md\:flex-none{flex:none}.md\:flex-shrink-0{flex-shrink:0}.md\:basis-1\/2{flex-basis:50%}.md\:basis-1\/3{flex-basis:33.333333%}.md\:basis-1\/4{flex-basis:25%}.md\:basis-1\/5{flex-basis:20%}.md\:basis-2\/3{flex-basis:66.666667%}.md\:basis-3\/4{flex-basis:75%}.md\:basis-4\/5{flex-basis:80%}.md\:basis-full{flex-basis:100%}.md\:rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[32\.3\%_65\.5\%\]{grid-template-columns:32.3% 65.5%}.md\:grid-cols-\[calc\(66\.66\%_-_10px\)_calc\(33\.33\%_-_10px\)\]{grid-template-columns:calc(66.66% - 10px) calc(33.33% - 10px)}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-12{gap:3rem}.md\:gap-6{gap:1.5rem}.md\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.md\:overflow-visible{overflow:visible}.md\:overflow-x-hidden{overflow-x:hidden}.md\:rounded-lg{border-radius:.5rem}.md\:p-0{padding:0}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:px-36{padding-left:9rem;padding-right:9rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-0{padding-top:0;padding-bottom:0}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:pl-0{padding-left:0}.md\:pr-4{padding-right:1rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-\[13px\]{font-size:13px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-6{line-height:1.5rem}.md\:leading-8{line-height:2rem}.md\:leading-\[30px\]{line-height:30px}}@media (min-width: 1000px){.lg\:right-0{right:0}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:-mx-8{margin-left:-2rem;margin-right:-2rem}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:inline{display:inline}.lg\:hidden{display:none}.lg\:h-\[85px\]{height:85px}.lg\:h-auto{height:auto}.lg\:max-h-\[85vh\]{max-height:85vh}.lg\:min-h-\[600px\]{min-height:600px}.lg\:w-2\/3{width:66.666667%}.lg\:w-\[85px\]{width:85px}.lg\:w-\[90vw\]{width:90vw}.lg\:w-full{width:100%}.lg\:max-w-\[971px\]{max-width:971px}.lg\:max-w-none{max-width:none}.lg\:basis-full{flex-basis:100%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[32\.3\%_65\.5\%\]{grid-template-columns:32.3% 65.5%}.lg\:grid-cols-\[65\.5\%_32\.3\%\]{grid-template-columns:65.5% 32.3%}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}.lg\:gap-\[10px\]{gap:10px}.lg\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.lg\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.lg\:whitespace-normal{white-space:normal}.lg\:rounded-\[14px\]{border-radius:14px}.lg\:rounded-bl-\[14px\]{border-bottom-left-radius:14px}.lg\:rounded-br-\[14px\]{border-bottom-right-radius:14px}.lg\:p-6{padding:1.5rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:px-\[22px\]{padding-left:22px;padding-right:22px}.lg\:pl-3{padding-left:.75rem}.lg\:text-\[12px\]{font-size:12px}.lg\:text-\[14px\]{font-size:14px}.lg\:text-\[17px\]{font-size:17px}.lg\:text-\[18px\]{font-size:18px}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:leading-\[12px\]{line-height:12px}.lg\:leading-\[25px\]{line-height:25px}}@media (min-width: 1280px){.xl\:inline{display:inline}.xl\:hidden{display:none}.xl\:w-1\/2{width:50%}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width: 1574px){.\32xl\:inline{display:inline}.\32xl\:hidden{display:none}}@media (prefers-color-scheme: dark){.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}}.\[\&\.sponsored-post--loaded\+\.sponsored-post--placeholder\]\:hidden.sponsored-post--loaded+.sponsored-post--placeholder{display:none}.\[\&\:not\(\:empty\)\]\:py-2:not(:empty){padding-top:.5rem;padding-bottom:.5rem}.\[\&\>\.icon\]\:h-fit>.icon{height:-moz-fit-content;height:fit-content}.\[\&\>\.icon\]\:w-fit>.icon{width:-moz-fit-content;width:fit-content}.\[\&\>\.no-icon\]\:mt-\[8px\]>.no-icon{margin-top:8px}.\[\&\>\.no-icon\]\:text-\[25px\]>.no-icon{font-size:25px}.\[\&\>a\]\:text-gray-700>a{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.\[\&\>a\]\:text-white>a{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>g\>path\]\:fill-transparent>g>path{fill:transparent}.\[\&\>picture\>img\]\:h-full>picture>img{height:100%}.\[\&\>picture\>img\]\:w-full>picture>img{width:100%}.\[\&\>picture\>img\]\:object-cover>picture>img{-o-object-fit:cover;object-fit:cover}.\[\&\>span\]\:font-bold>span{font-weight:700}.\[\&\>span\]\:text-white>span{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.\[\&\>span\]\:underline>span{text-decoration-line:underline}.\[\&\>span\]\:visited\:text-white:visited>span{color:#fff}.\[\&\>svg\]\:m-auto>svg{margin:auto}.\[\&\>svg\]\:h-12>svg{height:3rem}.\[\&\>svg\]\:h-4>svg{height:1rem}.\[\&\>svg\]\:h-full>svg{height:100%}.\[\&\>svg\]\:max-h-10>svg{max-height:2.5rem}.\[\&\>svg\]\:w-auto>svg{width:auto}.\[\&\>svg\]\:w-fit>svg{width:-moz-fit-content;width:fit-content}.\[\&\>svg\]\:max-w-\[110px\]>svg{max-width:110px}.\[\&\>svg\]\:max-w-\[90\%\]>svg{max-width:90%}.\[\&\[data-bordeaux-hook-loaded\]\+\.sponsored-post--placeholder\]\:hidden[data-bordeaux-hook-loaded]+.sponsored-post--placeholder{display:none}.\[\&_a\]\:text-\[\#2f6e91\] a{--tw-text-opacity: 1;color:rgb(47 110 145 / var(--tw-text-opacity, 1))}.\[\&_a\]\:visited\:text-\[\#09c\]:visited a{color:#09c}.\[\&_circle\]\:fill-transparent circle{fill:transparent}.\[\&_img\]\:h-full img{height:100%}.\[\&_img\]\:w-full img{width:100%}.\[\&_img\]\:object-cover img{-o-object-fit:cover;object-fit:cover}.\[\&_path\]\:fill-white path{fill:#fff}.\[\&_span\]\:text-\[--accent-color\] span{color:var(--accent-color)}.\[\&_svg\]\:h-\[35px\] svg{height:35px}.\[\&_svg\]\:w-fit svg{width:-moz-fit-content;width:fit-content}.\[\&_svg\]\:text-\[--tray-bell-initial-color\] svg{color:var(--tray-bell-initial-color)}.\[\&_svg\]\:hover\:text-\[--tray-bell-hover-color\]:hover svg{color:var(--tray-bell-hover-color)}.hover\:\[\&_svg\]\:filter-none svg:hover{filter:none}
</style>
<style data-component-name="ViteAsset" id="masthead-searchbar-css">
@layer global{@media (min-width: 900px){.searchText{display:inline;display:var(--search-text-display, inline)}}}
</style>
<style data-component-name="ViteAsset" id="masthead-css">
@layer global{[data-component-name="SiteHeader:Masthead"]>div{grid-template-areas:"logo locale-selector social-icons search";grid-template-areas:var(--site-header-grid-template-areas, "logo locale-selector social-icons search");grid-template-columns:minmax(25%,1fr) auto;grid-template-columns:var(--site-header-grid-template-columns, minmax(25%, 1fr) auto)}@media (max-width: 699px){[data-component-name="SiteHeader:Masthead"]>div{grid-template-areas:"burgerbar-trigger logo viafoura locale-selector subscribe sign-in search";grid-template-areas:var(--site-header-grid-template-areas-mobile, "burgerbar-trigger logo viafoura locale-selector subscribe sign-in search");grid-template-columns:-webkit-min-content minmax(25%,1fr) auto;grid-template-columns:min-content minmax(25%,1fr) auto;grid-template-columns:var(--site-header-grid-template-columns-mobile, -webkit-min-content minmax(25%, 1fr) auto);grid-template-columns:var(--site-header-grid-template-columns-mobile, min-content minmax(25%, 1fr) auto);--site-header-gap: .6rem !important}}#publisherDetails{container:publisherDetails / inline-size}@container publisherDetails (width <= 380px){#publisherDetails span{display:none!important}}}
</style>
<style data-component-name="ViteAsset" id="meganav-css">
@layer tw-components{.meganav-desktop{position:relative;z-index:50;display:none;width:100%;align-items:center;contain:layout}@media (min-width: 700px){.meganav-desktop{display:flex}}.meganav-desktop{background-color:var(--nav-item-bg-color);border-top:var(--nav-border-top);border-bottom:var(--nav-border-bottom)}.meganav-desktop__container{position:relative;margin-left:auto;margin-right:auto;display:flex;height:var(--nav-height);width:100%;max-width:100%;overflow-x:clip}@media (min-width: 1000px){.meganav-desktop__container{max-width:var(--nav-narrow-width)}.meganav-desktop__container--wide{max-width:var(--nav-wide-width)}}.meganav-desktop__container--js-loaded{overflow-x:visible}.meganav-desktop--centered .meganav-desktop__container{justify-content:center}.meganav-desktop__list{display:inline-flex}.meganav-desktop:not(.meganav-desktop--centered) .meganav-desktop__list{width:100%}.meganav-desktop__secondary{display:inline-flex;flex-shrink:0}.meganav-desktop:not(.meganav-desktop--centered) .meganav-desktop__secondary{margin-left:auto}.meganav-item-list{z-index:10;height:auto;min-width:-moz-max-content;min-width:max-content;background-color:var(--nav-item-list-bg-color);padding-left:0}.meganav-item-list[data-list-type=dropdown]{visibility:visible;position:absolute;top:100%;display:none;min-width:100%;flex-direction:column;box-shadow:var(--nav-item-list-dropdown-shadow)}.meganav-item-list[data-list-type=nestedDropdown]{visibility:visible;position:absolute;top:0;display:none;flex-direction:column}.meganav-item-list[data-list-type=mega]{visibility:visible;position:absolute;left:0;right:0;top:100%;display:none;width:100%;min-width:0px;-moz-column-gap:2.5rem;column-gap:2.5rem;row-gap:1.25rem;padding:1rem;grid-template-columns:var(--nav-item-list-grid-cols);box-shadow:var(--nav-item-list-mega-shadow)}.meganav-item-list[data-list-type=nestedMegaList]{position:static;top:100%;display:flex;flex-direction:column}.meganav-item-list__image{min-width:300px}@media (min-width: 1280px){.meganav-item-list__image{margin-inline-start:auto}}.meganav-item{visibility:visible;display:inline-flex;width:auto;flex-direction:column;white-space:nowrap;text-align:left}.meganav-item--top-level{height:100%}.meganav-item--dropdown{position:relative}.meganav-item--dropdown:focus-within>.meganav-item-list[data-list-type=dropdown],.meganav-item--dropdown:focus-within>.meganav-item-list[data-list-type=nestedDropdown],.meganav-item--dropdown:hover>.meganav-item-list[data-list-type=dropdown],.meganav-item--dropdown:hover>.meganav-item-list[data-list-type=nestedDropdown]{display:flex}.meganav-item--mega:focus-within>.meganav-item-list[data-list-type=mega],.meganav-item--mega:hover>.meganav-item-list[data-list-type=mega]{display:grid}.meganav-item__link,.meganav-item__title,.meganav-item__title-link{display:flex;height:100%;align-items:center;border-width:0px}.meganav-item__link:focus,.meganav-item__title:focus,.meganav-item__title-link:focus{position:relative;z-index:10}.meganav-item__link,.meganav-item__title,.meganav-item__title-link{padding-left:var(--nav-item-x-padding);padding-right:var(--nav-item-x-padding);background-color:var(--nav-item-bg-color);font-size:var(--nav-item-font-size);color:var(--nav-item-text-color);letter-spacing:var(--nav-item-letter-spacing);font-family:var(--nav-item-font-family);font-weight:var(--nav-item-font-weight);line-height:var(--nav-item-line-height);text-transform:var(--nav-item-text-transform)}.meganav-item__link:hover,.meganav-item__title-link:hover{background-color:var(--nav-item-hover-bg-color);color:var(--nav-item-hover-text-color);-webkit-text-decoration:revert;text-decoration:revert;-webkit-text-decoration:var(--nav-item-text-decoration, revert);text-decoration:var(--nav-item-text-decoration, revert)}.meganav-item--secondary .meganav-item__link,.meganav-item--secondary .meganav-item__title,.meganav-item--secondary .meganav-item__title-link{background-color:var(--nav-item-secondary-bg-color);color:var(--nav-item-secondary-text-color)}.meganav-item--secondary .meganav-item__link:hover,.meganav-item--secondary .meganav-item__title-link:hover{background-color:var(--nav-item-secondary-hover-bg-color);color:var(--nav-item-secondary-hover-text-color)}.meganav-item--title-hover .meganav-item__title:hover{background-color:var(--nav-item-hover-bg-color);color:var(--nav-item-hover-text-color)}.meganav-item--secondary.meganav-item--title-hover .meganav-item__title:hover{background-color:var(--nav-item-secondary-hover-bg-color);color:var(--nav-item-secondary-hover-text-color)}.meganav-item--home-link .meganav-item__link svg{color:var(--nav-item-text-color)}.meganav-item--home-link .meganav-item__link:hover svg{color:var(--nav-item-hover-text-color)}.meganav-item__dropdown-icon{margin-left:.5rem;display:inline-block;height:.625rem;width:.625rem;transform-origin:center;fill:currentColor}.meganav-item--mobile .meganav-item__dropdown-icon{margin-left:auto}.meganav-item--level-2 .meganav-item__title,.meganav-item--level-2 .meganav-item__title-link{height:auto}.meganav-mobile{position:relative;z-index:50;display:none;width:100%}@media (min-width: 700px){.meganav-mobile{display:none!important}}.meganav-mobile{border-top:var(--nav-border-top);border-bottom:var(--nav-border-bottom)}.meganav-mobile--sticky{position:fixed}.meganav-mobile__list{display:flex;max-height:calc(70vh - var(--secondary-nav-height,0px));flex-direction:column;overflow-y:scroll;padding-left:0;background-color:var(--nav-item-list-bg-color)}.meganav-mobile-item-list{display:none;flex-direction:column;padding-left:0}.meganav-mobile .meganav-item{display:flex;width:100%}.meganav-mobile .meganav-item--level-2 .meganav-item__link,.meganav-mobile .meganav-item--level-2 .meganav-item__title,.meganav-mobile .meganav-item--level-2 .meganav-item__title-link{padding-left:2rem}.meganav-mobile .meganav-item--level-3 .meganav-item__link,.meganav-mobile .meganav-item--level-3 .meganav-item__title,.meganav-mobile .meganav-item--level-3 .meganav-item__title-link{padding-left:2.75rem}.meganav-mobile .meganav-item--home-link__text{visibility:hidden}.meganav-secondary{display:flex}.meganav-secondary--mobile{flex-direction:column;align-items:center}.meganav-secondary__item{display:flex;height:100%;width:auto;flex-shrink:0;align-items:center;justify-content:center;padding-left:var(--nav-item-x-padding);padding-right:var(--nav-item-x-padding);background-color:var(--nav-item-bg-color);font-size:var(--nav-item-font-size);color:var(--nav-item-text-color);letter-spacing:var(--nav-item-letter-spacing);font-weight:var(--nav-item-font-weight);border-left:var(--nav-item-border-left);border-bottom:var(--nav-item-border-bottom)}.meganav-secondary__item:hover{background-color:var(--nav-item-hover-bg-color);color:var(--nav-item-hover-text-color)}.meganav-secondary__item>svg{display:inline-block;height:100%;width:auto;max-width:var(--nav-item-svg-max-w);max-height:var(--nav-item-svg-max-h);fill:var(--nav-item-text-color)}.meganav-secondary__item--mobile{height:45px;width:100%;justify-content:center;padding-top:0;padding-bottom:0}.meganav-secondary__item--mobile>svg{max-width:var(--nav-item-svg-max-w);max-width:var(--mobile-nav-item-svg-max-w, var(--nav-item-svg-max-w));max-height:var(--nav-item-svg-max-h);max-height:var(--mobile-nav-item-svg-max-h, var(--nav-item-svg-max-h))}}
</style>
<script type="text/javascript">
function getActionCreator(o){var n,i,t;return window.Actions?([n,i]=o.split("."),(t=window.Actions[n])?t[i]||(console.warn("Unknown action: "+o),null):(console.warn("Unknown reducer: "+n),null)):(console.warn("getActionCreator: 'window.Actions' not found yet."),null)}function dispatchOrQueueAction(n,o){if(window.actionQueue=window.actionQueue||[],window.reduxStore&&window.Actions){var i=getActionCreator(n);if(i)try{var t=i(o);window.reduxStore.dispatch(t)}catch(o){console.error(`[dispatchOrQueueAction] Error dispatching "${n}":`,o)}else console.warn(`[dispatchOrQueueAction] No action creator found for "${n}".`),void 0}else window.actionQueue.push({action:n,payload:o})}window.dispatchOrQueueAction=dispatchOrQueueAction;;
</script>
<script src="https://www.creativebloq.com/vite/assets/reduxStore-BtBBq4g3.js" type="module" data-component-name="ViteAsset" id="redux-store"></script>
<script>
window.vanilla = window.vanilla || {};
window.actionQueue = window.actionQueue || [];
</script><script>
window.vanilla = window.vanilla || {};
window.VAN = window.VAN || {};
// For AB testing
// list of feature flags is available @ https://purch1.atlassian.net/wiki/spaces/SUPPORT/pages/10863312897/Feature+Flags
var defaultFlags = {"navSubscribe":{"enabled":true},"jwplayer":{"placementPosition":4,"carousel":{"enabled":true,"IDs":{"playerID":"MrANk5el","searchPlaylistID":"L3twjnwW","divID":"botr_L3twjnwW_MrANk5el_div","fallbackPlaylistID":"L3twjnwW","fallbackDivID":"botr_L3twjnwW_MrANk5el_div","key":"j\/gALSzA2d37ebArrfX4HB91jla0JRRfZq34kp4x5XfRt+gW","tintLogo":false,"useSearchPlaylist":false},"signPosting":{"videoTitle":{"enabled":true,"videoTitleLink":{"enabled":true}}},"previewDuration":{"enabled":false,"durationSeconds":60}},"positionByCharCount":false,"sidebar":false,"voucher":{"enabled":false},"stickyPlayer":{"whitenStickyLogo":true,"trigger":"adImpression"},"typeUsed":{"JWPLAYER_CAROUSEL_DESKTOP":"ALL_GEOS","JWPLAYER_CAROUSEL_MOBILE":"ALL_GEOS","JWPLAYER_EDITORIAL_MOBILE":"ALL_GEOS"}},"adUnit":{"customPlacement":{"article":{"enabled":true,"deactivateWith":{"templates":["premium-supported","premium-advertisement-feature","live-report","gallery","voucher","recipe"]},"placementIndex":[1,4]},"positionByCharCount":false,"homepage":{"enabled":true,"placementIndex":2}}},"kiosqService":{"enabled":true,"type":"metered","limitOfContent":2},"connectService":{"enabled":true,"allowedConnections":"google-oauth2,Username-Password-Authentication","enableDisplayNameEdit":true,"enableRecommendations":true,"getAuthConfigFromMongo":true},"gallery":{"showBody":true,"adEveryNItem":2},"newsletter":{"homepage":{"enabled":true,"besideMagsWidget":true,"placementIndex":2,"source":"101","analytics":[{"analyticsTrigger":"widgetViewed"}]},"multiSubscribe":{"enabled":true,"source":"345"},"exitIntent":{"enabled":true,"cookieExpiryDays":14,"source":"15"},"mobile":{"enabled":false,"setTimerDelay":null,"scrollDepthTrigger":80},"listingSidebar":{"enabled":true,"source":"2","analytics":[{"analyticsTrigger":"widgetViewed"}]},"articleSidebar":{"enabled":false,"source":"2","analytics":[{"analyticsTrigger":"widgetViewed"}]},"articleInbodyContent":{"enabled":true,"positionByCharCount":false,"source":"60","analytics":[{"analyticsTrigger":"widgetViewed"}]},"kiosq":{"source":"106"},"modal":{"darkLogo":true},"newsletterPage":true},"tagLinks":{"displayLinksAfterArticle":true,"displayAllTagsByDefault":true,"displayIndexedTagsOnly":true,"tagsToInclude":[],"tagsToExclude":[],"displayGalleryTags":false,"displayCarouselTags":false},"enableAutoTagging":true,"sponsoredScroll":{"enabled":true,"allowedArticleTypes":["news","feature"],"device":["mobile","tablet"]},"synopsisInListings":{"enabled":false},"debugbear":{"enabled":true,"id":"bYKuUxjLhb1G","allowedArticles":{"id":["Fzpu7hDnFrsp7pWaP5yKNB","HboVubnQpncv6r9FbggFXn","6mTMWdM8ZGSKwHJodmdRZX"]},"siteWide":false,"sampleRate":50},"useDefaultCustomRoute":{"enabled":true},"breadcrumbs":{"articleTypeBreadcrumb":{"enabled":true},"enabled":true},"adviser":{"searcher":{"enabled":false,"defaultDateRange":"DATE_RANGE_24_MONTHS"},"endpoint":{"recommendations":"https:\/\/api.recommendations.adviser.main.prod.sse-prod-eks-euw1.futureplc.engineering\/","searcher":"https:\/\/api.searcher.adviser.main.prod.sse-prod-eks-euw1.futureplc.engineering\/"},"recommendedDeals":{"enabled":false,"optinout":"optin"},"moreAbout":{"enabled":false,"optinout":"optin","strategy":{"article_type_strategy":0,"recency_strategy":0,"sort_strategy":0}},"segments":{"enabled":true}},"sourcepoint":{"consentOrPay":{"enabled":true}},"viafouraComments":{"enabled":true,"commentCounts":{"article":true,"listing":true,"minimumCountToShowInListing":3,"cacheConfig":{"curveSteepness":1.8,"minimumTtlSeconds":300,"maximumTtlSeconds":86400,"ageAtMaximumTtlDays":14}},"blockedArticleTypes":[],"accentColorPalette":"primary","trayBellColor":"dark","mobileTrayBellRightOffset":"185px","communityGuidelinesLink":"https:\/\/www.creativebloq.com\/features\/about-us#section-community-guidelines","disableArticleCommentsBeforeContentModifiedDate":"2025-01-27","siteUUID":"00000000-0000-4000-8000-904a46ca14c1","envSpecific":{"dev":{"siteUUID":"00000000-0000-4000-8000-12064e508351"},"docker":{"siteUUID":"00000000-0000-4000-8000-12064e508351"}},"expandCommentsOnCtaClick":{"enabled":false},"articleBodyCommentWidgets":{"enabled":true}},"adSlotsReposition":{"leaderboard-top":{"mobile":{"enabled":true,"renameToClosedLeaderboard":true,"addMidArticleLeaderboard":true,"midArticlePosition":3,"positionByCharCount":false}}},"navigationComponent":{"enabled":true,"isMegaNavEnabled":true,"hideDropdownIconOnDesktop":true},"gtm":{"vanilla":true,"sitespecific":true},"selligent":{"enabled":false},"mobileAppBanner":{"enabled":false},"raygun":{"enabled":false,"rum":false,"crashReporting":false},"thatswhy":{"enabled":false},"fps":{"enabled":false},"fireworkFloatingPlayer":{"placements":{"homepage":{"enabled":false},"defaultPlayer":{"enabled":false}}},"freyr":{"enabled":true,"ga4SpecificGTM":{"enabled":true,"code":"GTM-WWBWRXL"}},"stickyNavSearch":{"enabled":false},"flexiCriticalCss":{"enabled":true},"flexiAdvancedSearch":{"fields":["articleName","articleStrapline","articleSynopsis","articleBodyClean","articleAuthor"]},"elkBlockWrapper":{"productBlock":{"enabled":true}},"i18n":{"useV2":false},"sponsoredPost":{"titleFont":"'Open Sans', Arial, sans-serif","font":"'Open Sans', Arial, sans-serif","bgColor":"#fff","label":{"font":"'Open Sans', Arial, sans-serif","backgroundColor":"#e94e1b","fontSize":"0.8125rem","textColor":"#333","freeTextColor":"#e94e1b"},"categoryLink":{"backgroundColor":"#e94e1b"}},"prettyReview":{"enabled":false},"dianomi":{"enabled":false,"placement":"after-articles-river"},"shopsense":{"enabled":false,"rules":{"targeting":{"all_articles":false,"allowed_categories":[{"category":"ALL","exclude_category":["vpn"],"allowed_article_types":["review","gallery","how-to"]}]}}},"liveReport":{"redesign":false,"refresh":true,"sse":false},"howWeTestBlock":{"reviews":true,"buyingGuides":true},"pagination":{"legacyPagination404Redirects":false},"ads":[],"affiliateDisclaimer":{"homepage":false},"qualaroo":{"enabled":false},"authorListingUrlPrefix":"\/author\/","categoryLinks":{"displayLinksAfterArticle":false,"filterPrimaryCategoryOutOfLinks":false},"productLinks":{"displayLinksAfterArticle":false,"displayIndexedProductsOnly":false,"minimumRequiredToDisplay":2},"autoTagLink":{"enabled":false,"types":["freeform"],"products":false},"chatbot":{"homepage":{"enabled":false},"header":{"enabled":false,"title":"shop with isa","url":"","rightAlign":false}},"localeSelector":{"enabled":true},"regionRedirectBanner":{"enabled":true},"authorByline":{"link":{"color":"","underline":false},"text":{"color":"","textTransform":"","font":"","fontSize":""},"date":{"color":""}},"authorCard":{"collapsible":{"enabled":true,"height":250}},"autoContextualiseDealsBotIframes":{"enabled":true},"switchOff":{"mostPopular":false,"gtm":false,"ads":false,"hawklinks":false},"forceFeature":{"jwplayerCarousel":false},"enableHtmlInListingTitle":false,"hasProductListings":{"enabled":false},"carouselListingsStrapline":{"enabled":false},"fontEnhancement":{"enabled":true},"primaryCategory":{"enabled":false,"onlyShowPrimaryCategoryInBreadcrumb":false},"contentsquare":{"enabled":false,"id":"255a78f1c9b60"},"googleNews":{"id":null,"followBlock":{"enabled":false}},"trendingBar":{"enabled":true,"responsivePosition":"","showLabel":true},"adHighline":{"enabled":false},"socialNavigation":{"enabled":true,"position":"header","footerTitle":""},"mosImages":{"useOriginalUrlAsImgSrc":true},"progressiveSocialite":{"enabled":false},"listingSubcategories":{"enabled":true},"aiTranslatedDisclaimer":{"link":null},"categoryDekLabel":{"enabled":false},"marfeel":{"enabled":true,"accountID":7842},"pugpig":{"cors":{"enabled":false},"csp":{"allowLocalhostFrameAncestors":false}},"notifications":{"favicon":{"enabled":true,"dotColor":"red","dotSize":"small"},"title":{"enabled":true}},"coreWebVitalsThresholdMonitoring":{"enabled":true,"sampleRate":1,"logger":false,"loggerAttr":false,"loggerEvent":false},"recirculation":{"requestGroups":{"articleInlineGroup":{"dataModel":"adviser:hybrid","maxAgeMonths":3,"allowSourceLinks":true,"totalRows":6}},"overlay":{"enabled":true,"title":"Don't miss these","dataModel":"adviser:rerank-adrevenue","minimumPageViewDuration":20000,"rows":15,"reranker":{"pageViewsPopularity":{"timeWindowDays":7}},"adSlots":[{"placement":2,"deviceType":"mobile","width":320,"height":50},{"placement":4,"deviceType":"desktop","width":728,"height":90}]},"recommended":{"enabled":true,"sections":[{"title":"Best picks for you","template":"related","dataModel":"adviser:hybrid","articleTypes":["best-pick","best","buying-guide","round-up"],"distance":0.8,"maxAgeYears":1,"rows":3,"placement":{"articleTypes":["review"],"target":"pretty-verdict","type":"append"},"allowSourceLinks":true}]},"upNextRibbon":{"enabled":false,"title":"Your next read","dataModel":"adviser:hybrid","reranker":{"pageViewsPopularity":{"timeWindowDays":7}},"rows":3},"articleInline":{"enabled":true,"exclusions":{"articleCategoryHandle":[]},"sections":[{"title":"You may like","template":"outline","position":3,"requestGroup":"articleInlineGroup","rows":{"start":0,"count":3}},{"title":"What to read next","template":"outline","position":10,"requestGroup":"articleInlineGroup","rows":{"start":3,"count":3}}]},"articleEnd":{"enabled":true,"sections":[{"title":"Read more","template":"stacked","dataModel":"adviser:hybrid","sponsoredCards":{"insertionPoints":[2,4,6,8,10,12]},"maxAgeMonths":3,"rows":12,"additionalFields":{"category":false}},{"title":"Latest in {category_name}","template":"stacked","dataModel":"solr:latest-category","sponsoredCards":{"insertionPoints":[2,4,6,8,10,12]},"rows":12,"additionalFields":{"category":false}},{"title":"Latest in {article_type}","template":"stacked","dataModel":"solr:latest-articletype","sponsoredCards":{"insertionPoints":[2,4,6,8,10,12]},"rows":12,"additionalFields":{"category":false}}]},"clickToNext":{"enabled":false,"tooltip":{"enabled":true,"message":"Click for next article","triggerParagraph":1,"durationSeconds":5},"dataModel":"adviser:related","maxArticles":20,"maxAgeMonths":null,"distance":0.8}},"scv":{"enabled":false},"adShield":{"enabled":false},"sponsoredGrid":{"enabled":false},"kiosq_ad_management":{"enabled":false,"ad_config":"no-ads"}};
window.vanilla.featureFlags = Object.assign({}, defaultFlags, window.vanilla.featureFlags || {})
window.vanilla.resourceBasePath = '//vanilla.futurecdn.net/creativebloq/media/shared/js/';
window.vanilla.addScript = function(src, id, defer) {
var script = window.document.createElement('script');
script.src = src;
script.async = true;
if (!!defer) {
script.defer = true;
}
script.id = id;
window.document.head.appendChild(script);
};
window.vanilla.loadGTM = function (gtmCode) {
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.defer=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer', gtmCode);
};
window.dispatchOrQueueAction('vanilla.setIsArticle', false);
window.vanilla.translations = {"cmp_footer_link":"GDPR consent","American Football":"Football","CLOSE":"CLOSE","Collapse content":"Collapse content","Watch full video here":"Watch full video here"};
window.vanilla.getCookieByName = function(name) {
var value = "; " + document.cookie;
var parts = value.split("; " + name + "=");
if (parts.length == 2) return parts.pop().split(";").shift();
};
window.vanilla.baseDomain = 'creativebloq.com';
var trailingSlash = false;
</script> <script>
window.ffte = {"site":"creativebloq","locale":"GB","lang":"en-gb","serverEnvironment":"live","staticHost":"vanilla.futurecdn.net\/creativebloq","regionLink":"","regionUrl":"https:\/\/www.creativebloq.com","isGlobal":false,"platform":"responsive","isKube":true,"l10ns":"[]","blueconic":null,"seoSiteName":"Creative Bloq","siteName":"creativebloq"}
</script>
<script>
var FEP_object = {};
VAN.assignFep=function(a){try{var e=e||{fepPrimaryProduct:"",fepSecondaryProducts:Array(),fepCompanies:Array(),fepHawk:{},fepCategory:"",fepGroups:Array(),kwMunge:Array(),fepArticleName:"",fepPrimaryCompany:"",fepAlgorithm:"",fepNullified:"",ready:!1,primaryCategory:"",secondaryCategories:Array(),thirdCategories:Array()};if(!(window.FEP=e).ready){if(void 0===a)throw"FEPNotReady";e.fepPrimaryProduct=a[0].adTags.primaryProduct,e.fepSecondaryProducts=a[0].adTags.secondaryProducts,e.fepCompanies=a[0].adTags.companies,e.fepCategory="object"==typeof a[0].adTags.category?"":a[0].adTags.category,void 0!==a[0].adTags.groups?e.fepGroups=a[0].adTags.groups:e.fepGroups=Array(),e.fepArticleName=a[0].articleName,e.fepAlgorithm=a[0].strategy,e.fepNullified=a[0].nullified,null!==a[0].adTags.primaryCompany&&1<=a[0].adTags.primaryCompany.length?e.fepPrimaryCompany=a[0].adTags.primaryCompany:e.fepPrimaryCompany=" ",void 0!==a[0].adTags.primaryCategory&&void 0!==a[0].adTags.secondaryCategories&&void 0!==a[0].adTags.thirdCategories&&(e.primaryCategory=a[0].adTags.primaryCategory,e.secondaryCategories=a[0].adTags.secondaryCategories,e.thirdCategories=a[0].adTags.thirdCategories),e.fepIAB=[],e.ready=!0;["fepPrimaryProduct","fepSecondaryProducts","fepCompanies","fepCategory"].forEach(function(a){a=e[a];"object"==typeof a&&a,e.kwMunge=e.kwMunge.concat(a)}),e.kwMunge=e.kwMunge.filter(function(a,r){return e.kwMunge.indexOf(a)==r}),void 0!==a[0].hawkTags.primaryProduct&&(e.fepHawk.primaryProduct=a[0].hawkTags.primaryProduct),void 0!==a[0].hawkTags.secondaryProducts&&(e.fepHawk.secondaryProducts=a[0].hawkTags.secondaryProducts),void 0!==a[0].hawkTags.companies&&(e.fepHawk.companies=a[0].hawkTags.companies),void 0!==a[0].hawkTags.groups&&(e.fepHawk.groups=a[0].hawkTags.groups),void 0!==a[0].hawkTags.category&&(e.fepHawk.category=a[0].hawkTags.category)}return window.FEP=e}catch(a){console.log("fep ga exc "+a.message)}};;
VAN.assignFep(FEP_object);
</script>
<script async="" type="text/javascript">
window.lazyObserveElement = function(element, callback, distance) {
var offset = 1000;
if (distance) {
offset = distance;
}
if (window.IntersectionObserver) {
var margin = offset + "px";
var observer = new window.IntersectionObserver(function (entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
window.requestAnimationFrame(callback);
observer.disconnect();
}
})
}, {threshold:[0],rootMargin:margin});
observer.observe(element);
} else {
window.requestAnimationFrame(callback);
}
};
</script>
<script type="text/javascript">
window.sliceHydrationLazy=function(n,c,r,i,e){window.sliceComponents=window.sliceComponents||{},externalsScriptLoaded.then(()=>{window.reliablePageLoad.then(function(){var o=(e||document).querySelectorAll("."+n);o.length?Array.prototype.slice.call(o).forEach(function(o){var e;o.classList.contains("slice-hydrated")||(e=function(){window.sliceComponents[c].hydrate(JSON.parse(r),o),o.classList.add("slice-hydrated")},window.lazyObserveElement?window.lazyObserveElement(o,function(){var o;void 0===window.sliceComponents[c]?((o=document.createElement("script")).src=i,o.async=!0,o.id="vanilla-slice-"+n+"-component-script",o.onload=()=>{window.sliceComponents[c]=window[c],e()},document.head.append(o)):e()},1500):console.error("%c FTE ","background: #9306F9; color: #ffffff","Could not lazy load slice JS for"+n))}):console.error("%c FTE ","background: #9306F9; color: #ffffff","Slice injection - no container found for"+n)}).catch(o=>console.error("%c FTE ","background: #9306F9; color: #ffffff","Hydration Script has failed for "+n+" Slice",o))}).catch(o=>console.error("%c FTE ","background: #9306F9; color: #ffffff","Externals script failed to load",o))};</script>
<script id="vanilla-slice-externals">
    const loadExternalsScript = () => {
        return new Promise((resolve, reject) => {
            try {
                const scriptTag = document.createElement('script');
                scriptTag.async = true;
                scriptTag.type = 'text/javascript';
                scriptTag.id = 'vanilla-slice-externals-script';
                scriptTag.src = 'https://slice.vanilla.futurecdn.net/13-4-19/js/externals.js';
                scriptTag.onload = resolve;
                const firstScriptTag = document.getElementsByTagName('script')[0];
                firstScriptTag.parentNode.insertBefore(scriptTag, firstScriptTag);
            } catch (err) {
                reject(err);
            }
        });
    };
    var externalsScriptLoaded = loadExternalsScript();
</script>
<script src="https://www.creativebloq.com/vite/assets/main-zlij1trA.js" type="module" data-component-name="ViteAsset" id="vite-main-js"></script>
<script src="https://www.creativebloq.com/vite/assets/Ads/Ads.ts-CCQdtPIk.js" type="module" data-component-name="ViteAsset"></script>
<script src="https://www.creativebloq.com/vite/assets/Viafoura/EntryScript/EntryScript.ts-BPaUg3aH.js" type="module" data-component-name="ViteAsset"></script>
<script src="https://www.creativebloq.com/vite/assets/Footer/ccpa-footer-link.ts-B9_pzN11.js" type="module" data-component-name="ViteAsset"></script>
<script src="https://www.creativebloq.com/vite/assets/Footer/gdpr-footer-link.ts-BYKQRecd.js" type="module" data-component-name="ViteAsset"></script>
<script type="module">
Alpine.start(false);
</script>
<script>
</script>
<script>'use strict';
// Please see vite/src/utils/load-js.ts for unminified version
(() => {
const e = (e) => () => {
const t = document.createElement('script'),
n = document.getElementsByTagName('script')[0];
if (!n || !n.parentNode) return console.error('firstScriptOnPage.parentNode not found');
const r = ((e, t) => (
Object.entries(e).forEach(([e, n]) => {
Number.isInteger(Number(e)) ? t.setAttribute(n, '') : t.setAttribute(e, n);
}),
t
))(e, t);
n.parentNode.insertBefore(r, n);
};
(window.vanilla = window.vanilla || {}),
(window.vanilla.addJs = (t = {}, n = null, r = !1) => {
const o = e(t),
i =
null !== n
? (
(e, t) => () =>
setTimeout(e, t)
)(o, n)
: o;
r ? window.reliablePageLoad.then(i) : i();
});
})();
</script>
<script>'use strict';
!(function () {
var e =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n,
r = arguments[t];
for (n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
t =
window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function (e) {
return window.reliablePageLoad.then(e);
};
window.vanilla.addCss = function (n) {
var r, a;
return t(
((r = document),
(a = n),
function () {
var t = r.createElement('link'),
n = e({}, a, { rel: 'stylesheet', type: 'text/css' });
Object.keys(n).forEach(function (e) {
return t.setAttribute(e, n[e]);
});
let i = r.getElementById('css-layer-order');
if (i) {
i.after(t);
return;
}
var s = r.getElementsByTagName('head')[0];
s.append(t, s);
}),
);
};
})();
</script>
<script>"use strict";function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}!function(){var t=function(){var t,e,o=[],n=window,r=n;for(;r;){try{if(r.frames.__tcfapiLocator){t=r;break}}catch(t){}if(r===n.top)break;r=r.parent}t||(!function t(){var e=n.document,o=!!n.frames.__tcfapiLocator;if(!o)if(e.body){var r=e.createElement("iframe");r.style.cssText="display:none",r.name="__tcfapiLocator",e.body.appendChild(r)}else setTimeout(t,5);return!o}(),n.__tcfapi=function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];if(!n.length)return o;"setGdprApplies"===n[0]?n.length>3&&2===parseInt(n[1],10)&&"boolean"==typeof n[3]&&(e=n[3],"function"==typeof n[2]&&n[2]("set",!0)):"ping"===n[0]?"function"==typeof n[2]&&n[2]({gdprApplies:e,cmpLoaded:!1,cmpStatus:"stub"}):o.push(n)},n.addEventListener("message",(function(t){var e="string"==typeof t.data,o={};if(e)try{o=JSON.parse(t.data)}catch(t){}else o=t.data;var n="object"===_typeof(o)&&null!==o?o.__tcfapiCall:null;n&&window.__tcfapi(n.command,n.version,(function(o,r){var a={__tcfapiReturn:{returnValue:o,success:r,callId:n.callId}};t&&t.source&&t.source.postMessage&&t.source.postMessage(e?JSON.stringify(a):a,"*")}),n.parameter)}),!1))};"undefined"!=typeof module?module.exports=t:t()}();</script>
<script>(function () { var e = false; var c = window; var t = document; function r() { if (!c.frames["__uspapiLocator"]) { if (t.body) { var a = t.body; var e = t.createElement("iframe"); e.style.cssText = "display:none"; e.name = "__uspapiLocator"; a.appendChild(e) } else { setTimeout(r, 5) } } } r(); function p() { var a = arguments; __uspapi.a = __uspapi.a || []; if (!a.length) { return __uspapi.a } else if (a[0] === "ping") { a[2]({ gdprAppliesGlobally: e, cmpLoaded: false }, true) } else { __uspapi.a.push([].slice.apply(a)) } } function l(t) { var r = typeof t.data === "string"; try { var a = r ? JSON.parse(t.data) : t.data; if (a.__cmpCall) { var n = a.__cmpCall; c.__uspapi(n.command, n.parameter, function (a, e) { var c = { __cmpReturn: { returnValue: a, success: e, callId: n.callId } }; t.source.postMessage(r ? JSON.stringify(c) : c, "*") }) } } catch (a) { } } if (typeof __uspapi !== "function") { c.__uspapi = p; __uspapi.msgHandler = l; c.addEventListener("message", l, false) } })();</script>
<script>window.__gpp_addFrame=function(e){if(!window.frames[e])if(document.body){var t=document.createElement("iframe");t.style.cssText="display:none",t.name=e,document.body.appendChild(t)}else window.setTimeout(window.__gpp_addFrame,10,e)},window.__gpp_stub=function(){var e=arguments;if(__gpp.queue=__gpp.queue||[],__gpp.events=__gpp.events||[],!e.length||1==e.length&&"queue"==e[0])return __gpp.queue;if(1==e.length&&"events"==e[0])return __gpp.events;var t=e[0],p=e.length>1?e[1]:null,s=e.length>2?e[2]:null;if("ping"===t)p({gppVersion:"1.1",cmpStatus:"stub",cmpDisplayStatus:"hidden",signalStatus:"not ready",supportedAPIs:["2:tcfeuv2","5:tcfcav1","6:uspv1","7:usnatv1","8:uscav1","9:usvav1","10:uscov1","11:usutv1","12:usctv1"],cmpId:0,sectionList:[],applicableSections:[],gppString:"",parsedSections:{}},!0);else if("addEventListener"===t){"lastId"in __gpp||(__gpp.lastId=0),__gpp.lastId++;var n=__gpp.lastId;__gpp.events.push({id:n,callback:p,parameter:s}),p({eventName:"listenerRegistered",listenerId:n,data:!0,pingData:{gppVersion:"1.1",cmpStatus:"stub",cmpDisplayStatus:"hidden",signalStatus:"not ready",supportedAPIs:["2:tcfeuv2","5:tcfcav1","6:uspv1","7:usnatv1","8:uscav1","9:usvav1","10:uscov1","11:usutv1","12:usctv1"],cmpId:0,sectionList:[],applicableSections:[],gppString:"",parsedSections:{}}},!0)}else if("removeEventListener"===t){for(var a=!1,i=0;i<__gpp.events.length;i++)if(__gpp.events[i].id==s){__gpp.events.splice(i,1),a=!0;break}p({eventName:"listenerRemoved",listenerId:s,data:a,pingData:{gppVersion:"1.1",cmpStatus:"stub",cmpDisplayStatus:"hidden",signalStatus:"not ready",supportedAPIs:["2:tcfeuv2","5:tcfcav1","6:uspv1","7:usnatv1","8:uscav1","9:usvav1","10:uscov1","11:usutv1","12:usctv1"],cmpId:0,sectionList:[],applicableSections:[],gppString:"",parsedSections:{}}},!0)}else"hasSection"===t?p(!1,!0):"getSection"===t||"getField"===t?p(null,!0):__gpp.queue.push([].slice.apply(e))},window.__gpp_msghandler=function(e){var t="string"==typeof e.data;try{var p=t?JSON.parse(e.data):e.data}catch(e){p=null}if("object"==typeof p&&null!==p&&"__gppCall"in p){var s=p.__gppCall;window.__gpp(s.command,(function(p,n){var a={__gppReturn:{returnValue:p,success:n,callId:s.callId}};e.source.postMessage(t?JSON.stringify(a):a,"*")}),"parameter"in s?s.parameter:null,"version"in s?s.version:"1.1")}},"__gpp"in window&&"function"==typeof window.__gpp||(window.__gpp=window.__gpp_stub,window.addEventListener("message",window.__gpp_msghandler,!1),window.__gpp_addFrame("__gppLocator"));</script>

<script>
window._sp_queue = [];
window._sp_ = {
config: {
accountId: 200,
baseEndpoint: 'https://cdn.privacy-mgmt.com',
usnat: {
includeUspApi: true
},
gdpr: {},
events: {
onMessageChoiceSelect: function (message_type, choice_id, choice_type_id) {
window.dispatchOrQueueAction('freyr.sendEventToFreyr', {
name: 'cmpEvent',
eventObject: {
consentManagement: {
action: "click",
data: {
messageType: message_type,
choiceId: choice_id,
choiceTypeId: choice_type_id
}
}
}
});
},
onMessageReady: function (message_type) {
window.dispatchOrQueueAction('freyr.sendEventToFreyr', {
name: 'cmpEvent',
eventObject: {
consentManagement: {
action: "appear",
data: {
messageType: message_type
}
}
}
});
},
onMessageReceiveData: function (message_type, data) {
window.dispatchOrQueueAction('freyr.sendEventToFreyr', {
name: 'cmpModalInfo',
eventObject: {
cmpModalInfo: {
data: {
messageType: message_type,
...data
}
}
}
});
},
onPrivacyManagerActionStatus: function (message_type, status, actionType) {
window.dispatchOrQueueAction('freyr.sendEventToFreyr', {
name: 'cmpEvent',
eventObject: {
consentManagement: {
action: "update",
data: {
messageType: message_type,
status: status,
actionType: actionType
}
}
}
});
},
onConsentReady: function() {},
onError: function() {
console.error('%c FTE ','background: #9306F9; color: #ffffff','[event] onError', arguments);
},
},
targetingParams:{
ecommerce_session: window.vanilla.getCookieByName("ecommerce_session") ?? "false",
kiosqGranted: Boolean(
window.FUTR?.Connect?.isGranted ||
window.FUTR?.Kiosq?.User?.entitlements?.includes(
window.FUTR?.Kiosq?.defaultSiteConfig?.cb_porc_entitlement
)
),
articleType: '' ?? '',
consent_or_pay_content: true,
sponsored: null ?? false,
}
}
}
</script>
<script async="" src="https://cdn.privacy-mgmt.com/unified/wrapperMessagingWithoutDetection.js"></script>
<script>
window.ccpaAppliesPromise = new Promise(function (resolve) {
if (typeof window.__tcfapi === 'function') {
try {
window.__tcfapi('getTCData', 2, function () {
if (typeof window.__uspapi === 'function') {
window.__uspapi('getUSPData', 1, function (uspData, _success) {
var ccpaApplies =
JSON.stringify(uspData).indexOf('---') === -1 ? true : false;
resolve(ccpaApplies);
});
}
});
} catch (err) {}
}
});
window.reliableConsentGiven = new Promise(function (resolve) {
if (typeof window.__tcfapi === 'function') {
window.__tcfapi('addEventListener', 2, function (data, success) {
if (
success &&
(data.eventStatus === 'tcloaded' || data.eventStatus === 'useractioncomplete')
) {
resolve({ consent: data });
}
});
}
});
(function(){"use strict";const r=(t,e)=>e??t,m=t=>[].concat(t)[0],P=t=>{return typeof(e=t)!="object"||Array.isArray(e)||e===null?{}:t;var e},b="",f="",C="",O="",j=[],w="",h=[],_="",N=[],T="",v=[],x=[],E=[],F=[],p={primaryProduct:"",secondaryProducts:[],companies:[],groups:[],category:""},l=t=>t.replace(/[#*()+\-='",<>\{\}\[\]\\\/]/gi,"").replace(/[_-]/g," ");window.FEPProcess=t=>(({articleName:e,articleType:n,strategy:d,nullified:o,timestamp:g,adTags:a={},hawkTags:y={}})=>{const c={articleName:r(b,e),articleType:r(f,n),strategy:r(C,d),nullified:r(!1,o),timestamp:r(0,g)};if(a){Object.assign(c,{primaryProduct:r(_,a.primaryProduct),secondaryProducts:r(N,a.secondaryProducts),category:r(O,m(a.category)),groups:r(j,a.groups),primaryCompany:r(w,a.primaryCompany),companies:r(h,a.companies),primaryCategory:r(T,m(a.primaryCategory)),secondaryCategories:r(v,a.secondaryCategories),tertiaryCategories:r(x,a.thirdCategories)});const s=a.classifierCategories&&a.classifierCategories["textrazor_iab_content_taxonomy_3.0"]||{},u=Object.values(s).sort((i,I)=>Number(I.score)-Number(i.score));Object.assign(c,{iabCategoryIds:r(E,u.map(({categoryId:i})=>i)),iabCategories:r(F,u.map(({label:i})=>i))})}return y&&Object.assign(c,{hawk:{primaryProduct:r(p.primaryProduct,y.primaryProduct),secondaryProducts:r(p.secondaryProducts,y.secondaryProducts),companies:r(p.companies,y.companies),groups:r(p.groups,y.groups),category:r(p.category,m(y.category))}}),c.kwMunge=[c.primaryProduct,c.secondaryProducts,c.companies,c.category].reduce((s,u)=>s.concat(u),[]).filter((s,u,i)=>s!==void 0&&s!==""&&i.indexOf(s)===u),c})(P((e=>{if(Array.isArray(e)){const[n={}]=e;return n}return e})(t))),window.FEPSanitise=t=>Object.keys(t).reduce((e,n)=>{const d=function(o){if(Array.isArray(o)){const g=[];return Object.keys(o).forEach(a=>{o.hasOwnProperty(a)&&g.push(l(o[a]))}),g}return o instanceof Object?o:l(o)}(t[n]);return d.length>0&&(e[n]=d),e},{})})();
(function(){"use strict";const t=window,m=t.document,l=t.performance,a=t.Promise,c=(...o)=>n=>n(...o),d=()=>l&&l.now&&l.now()||0,f=d();performance.mark("DOMPromises - Initialising"),t.resolveFEP=null,t.processFEP=a?new a(o=>{t.resolveFEP=o}):{then(o){}};const r=!(window.location.href.indexOf("disable_dom_promise_timeouts")>-1);{let o=!1;const n=[],i=5e3,s=e=>{o||(o=!0,n.forEach(c(e)))};r&&setTimeout(()=>s({timeStamp:d()}),i),m.addEventListener("DOMContentLoaded",s),t.reliableDOMContentLoaded=a?new a(e=>{r&&setTimeout(()=>e({timeStamp:d()}),i),m.addEventListener("DOMContentLoaded",e)}):{then(e){o?e():n.push(e)}},t.reliableDOMContentLoaded.then(({timeStamp:e})=>{console.debug("%c FTE ","background: #9306F9; color: #ffffff","DOMContentLoaded at",e-f|0)})}{let o=!1;const n=[],i=7e3,s=e=>{o||(o=!0,n.forEach(c(e)))};r&&setTimeout(()=>s({timeStamp:d()}),i),t.addEventListener("load",s),t.reliablePageLoad=a?new a(e=>{r&&setTimeout(()=>e({timeStamp:d()}),i),t.addEventListener("load",e)}):{then:e=>(o?e():n.push(e),t.reliablePageLoad),catch:()=>t.reliablePageLoad},t.reliablePageLoad.then(({timeStamp:e})=>{console.debug("%c FTE ","background: #9306F9; color: #ffffff","PageLoad at",e-f|0)})}})();
window.preemptionPlaceholders = {};
window.preallocatorErrors = [];
</script> <script>
window.googletag = window.googletag || { cmd: []};
</script>
<script src="https://freyr.futurecdn.net/freyr.js" defer></script>
<script>
window.freyr = window.freyr || { cmd: [] };
window.vanilla.loadGTM('GTM-WWBWRXL');
window.dispatchOrQueueAction('analytics.setFreyrData', {"page":{"title":"Computer Arts Coverage | Creative Bloq","url":"https:\/\/www.creativebloq.com\/computer-arts","type":"list","number":"1","viewType":"pageLoad","index":0},"site":{"region":"GB","brand":"creativebloq"}});
</script>
<!-- Hawk Elements -->

<style type="text/css" data-chunk="responsive" id="hawkStyles-responsive">@layer hawk { 
.hawk-affiliate-link-container{height:inherit;line-height:1.2}.hawk-affiliate-link-container,.hawk-affiliate-link-container:hover,.hawk-affiliate-link-container:hover:visited,.hawk-affiliate-link-container:visited{border:none;text-decoration:none}.hawk-affiliate-link-inline{display:inline}.hawk-affiliate-link-delivery-medium{text-align:center}.hawk-affiliate-link-inbody{display:inline}.hawk-affiliate-link-underline{display:inline-block;margin-top:5px}.hawk-affiliate-link-underline,.hawk-affiliate-link-underline:hover,.hawk-affiliate-link-underline:hover:visited,.hawk-affiliate-link-underline:visited{color:var(--black);text-decoration:underline}.hawk-affiliate-link-peacock{color:var(--black);display:inline-block}.hawk-affiliate-link-peacock:hover,.hawk-affiliate-link-peacock:hover:visited,.hawk-affiliate-link-peacock:visited{color:var(--black)}.hawk-affiliate-link-specs{display:inline-block;font-size:13px}.hawk-affiliate-link-prime-shipping,.hawk-affiliate-link-specs,.hawk-affiliate-link-specs:hover,.hawk-affiliate-link-specs:hover:visited,.hawk-affiliate-link-specs:visited{color:var(--black);text-decoration:underline}.hawk-affiliate-link-prime-shipping{font-size:13px;line-height:unset;text-align:center}.hawk-affiliate-link-prime-shipping:hover,.hawk-affiliate-link-prime-shipping:hover:visited,.hawk-affiliate-link-prime-shipping:visited{color:var(--black);text-decoration:underline}.hawk-affiliate-link-styled{color:inherit;font-size:12px}.hawk-affiliate-link-styled:hover,.hawk-affiliate-link-styled:hover:visited,.hawk-affiliate-link-styled:link,.hawk-affiliate-link-styled:visited,.hawk-affiliate-link-styled>*{color:inherit}.hawk-affiliate-link-button{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-button:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-button:hover,.hawk-affiliate-link-button:hover:visited,.hawk-affiliate-link-button:link,.hawk-affiliate-link-button:visited,.hawk-affiliate-link-button>*{text-decoration:none}body .hawk-root[data-viewports*=mobile] .hawk-affiliate-link-button{max-width:100px}@media screen and (max-width:500px){.hawk-affiliate-link-button{max-width:100px}}.hawk-affiliate-link-large{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-large:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-large:hover,.hawk-affiliate-link-large:hover:visited,.hawk-affiliate-link-large:link,.hawk-affiliate-link-large:visited,.hawk-affiliate-link-large>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-large{max-width:100px}}.hawk-affiliate-link-large{font-size:14px;line-height:1.3;max-width:none;padding:8px 6px}body .hawk-root[data-viewports*=mobile] .hawk-affiliate-link-large{max-width:none}@media screen and (max-width:500px){.hawk-affiliate-link-large{max-width:none}}.hawk-affiliate-link-similar{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-similar:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-similar:hover,.hawk-affiliate-link-similar:hover:visited,.hawk-affiliate-link-similar:link,.hawk-affiliate-link-similar:visited,.hawk-affiliate-link-similar>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-similar{max-width:100px}}.hawk-affiliate-link-similar{background-color:var(--white);border:1px solid var(--site-color);color:var(--site-color);padding:8px 4px}.hawk-affiliate-link-similar:hover,.hawk-affiliate-link-similar:hover:visited,.hawk-affiliate-link-similar:link,.hawk-affiliate-link-similar:visited,.hawk-affiliate-link-similar>*{color:var(--site-color)}.hawk-affiliate-link-simple{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-simple:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-simple:hover,.hawk-affiliate-link-simple:hover:visited,.hawk-affiliate-link-simple:link,.hawk-affiliate-link-simple:visited,.hawk-affiliate-link-simple>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-simple{max-width:100px}}.hawk-affiliate-link-simple{padding:10px}.hawk-affiliate-link-promotion-button{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;word-break:normal}.hawk-affiliate-link-promotion-button:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-promotion-button:hover,.hawk-affiliate-link-promotion-button:hover:visited,.hawk-affiliate-link-promotion-button:link,.hawk-affiliate-link-promotion-button:visited,.hawk-affiliate-link-promotion-button>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-promotion-button{max-width:100px}}.hawk-affiliate-link-promotion-button{background-color:var(--promotion-cta-background);color:var(--promotion-cta-text-color);font-family:var(--promotion-cta-font-family);font-size:16px;font-weight:500;margin-top:15px;max-width:unset;padding:18px 10px;width:100%}.hawk-affiliate-link-promotion-button:hover:visited,.hawk-affiliate-link-promotion-button:link,.hawk-affiliate-link-promotion-button:visited,.hawk-affiliate-link-promotion-button>*{color:var(--promotion-cta-text-color)}.hawk-affiliate-link-promotion-button:hover{background-color:var(--promotion-cta-background-hover)}body .hawk-root[data-viewports*=mobile] .hawk-affiliate-link-promotion-button{max-width:unset}@media screen and (max-width:500px){.hawk-affiliate-link-promotion-button{max-width:unset}}.hawk-affiliate-link-deal-button{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-deal-button:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-deal-button:hover,.hawk-affiliate-link-deal-button:hover:visited,.hawk-affiliate-link-deal-button:link,.hawk-affiliate-link-deal-button:visited,.hawk-affiliate-link-deal-button>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-deal-button{max-width:100px}}.hawk-affiliate-link-deal-button{background-color:var(--dealwidget-cta-backgroundcolor);border:var(--dealwidget-cta-boder,0);border-radius:var(--dealwidget-cta-radius,0);margin:0;padding:var(--dealwidget-cta-padding,8px 10px)}.hawk-affiliate-link-deal-button:hover{background-color:var(--dealwidget-cta-backgroundcolor-hover)}body .hawk-root[data-viewports*=desktop] .hawk-affiliate-link-deal-button{width:140px}@media screen and (min-width:801px){.hawk-affiliate-link-deal-button{width:140px}}body .hawk-root[data-viewports*=mobile] .hawk-affiliate-link-deal-button{margin-right:0;max-width:none}@media screen and (max-width:500px){.hawk-affiliate-link-deal-button{margin-right:0;max-width:none}}.hawk-affiliate-link-sticky-button{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-sticky-button:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-sticky-button:hover,.hawk-affiliate-link-sticky-button:hover:visited,.hawk-affiliate-link-sticky-button:link,.hawk-affiliate-link-sticky-button:visited,.hawk-affiliate-link-sticky-button>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-sticky-button{max-width:100px}}.hawk-affiliate-link-sticky-button{height:40px;max-width:220px}body .hawk-root[data-viewports*=mobile] .hawk-affiliate-link-sticky-button{max-width:90px}@media screen and (max-width:500px){.hawk-affiliate-link-sticky-button{max-width:90px}}.hawk-affiliate-link-price-subscriptions{border:none;height:inherit;line-height:1.2;text-decoration:none}.hawk-affiliate-link-price-subscriptions:hover,.hawk-affiliate-link-price-subscriptions:hover:visited,.hawk-affiliate-link-price-subscriptions:visited{border:none;text-decoration:none}.hawk-affiliate-link-price-subscriptions{color:inherit}.hawk-affiliate-link-price-widget-deal,.hawk-affiliate-link-price-widget-full-price-extra-deal{border:none;height:inherit;line-height:1.2;text-decoration:none}.hawk-affiliate-link-price-widget-deal:hover,.hawk-affiliate-link-price-widget-deal:hover:visited,.hawk-affiliate-link-price-widget-deal:visited,.hawk-affiliate-link-price-widget-full-price-extra-deal:hover,.hawk-affiliate-link-price-widget-full-price-extra-deal:hover:visited,.hawk-affiliate-link-price-widget-full-price-extra-deal:visited{border:none;text-decoration:none}.hawk-affiliate-link-price-widget-deal,.hawk-affiliate-link-price-widget-full-price-extra-deal{color:inherit;padding-right:5px}.hawk-affiliate-link-price-widget-button{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-price-widget-button:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-price-widget-button:hover,.hawk-affiliate-link-price-widget-button:hover:visited,.hawk-affiliate-link-price-widget-button:link,.hawk-affiliate-link-price-widget-button:visited,.hawk-affiliate-link-price-widget-button>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-price-widget-button{max-width:100px}}.hawk-affiliate-link-price-widget-button{margin:0;max-width:150px;width:auto}body .hawk-root[data-viewports*=mobile] .hawk-affiliate-link-price-widget-button{max-width:150px}@media screen and (max-width:500px){.hawk-affiliate-link-price-widget-button{max-width:150px}}.hawk-affiliate-link-price-subs{display:block;margin-top:5px}.hawk-affiliate-link-price-subs,.hawk-affiliate-link-price-subs:hover,.hawk-affiliate-link-price-subs:hover:visited,.hawk-affiliate-link-price-subs:visited{color:var(--black);text-decoration:underline}.hawk-affiliate-link-pricedeal-button{line-height:1;padding:0 4px}.hawk-affiliate-link-magazinesubscriptions-button{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-magazinesubscriptions-button:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-magazinesubscriptions-button:hover,.hawk-affiliate-link-magazinesubscriptions-button:hover:visited,.hawk-affiliate-link-magazinesubscriptions-button:link,.hawk-affiliate-link-magazinesubscriptions-button:visited,.hawk-affiliate-link-magazinesubscriptions-button>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-magazinesubscriptions-button{max-width:100px}}.hawk-affiliate-link-magazinesubscriptions-button{font-size:14px;margin-bottom:4px;padding:18px 10px}.hawk-affiliate-link-overlay-tag{align-items:center;display:flex;flex:1;font-size:13px;font-weight:600;justify-content:center;letter-spacing:normal;padding:8px 10px;text-transform:uppercase;width:-moz-fit-content;width:fit-content;word-break:normal}.hawk-affiliate-link-overlay-tag,.hawk-affiliate-link-overlay-tag:hover{color:var(--white);text-decoration:none}.hawk-affiliate-link-deal-widget,.hawk-affiliate-link-deal-widget-hero,.hawk-affiliate-link-hero{border:none;line-height:1.2;text-decoration:none}.hawk-affiliate-link-deal-widget-hero:hover,.hawk-affiliate-link-deal-widget-hero:hover:visited,.hawk-affiliate-link-deal-widget-hero:visited,.hawk-affiliate-link-deal-widget:hover,.hawk-affiliate-link-deal-widget:hover:visited,.hawk-affiliate-link-deal-widget:visited,.hawk-affiliate-link-hero:hover,.hawk-affiliate-link-hero:hover:visited,.hawk-affiliate-link-hero:visited{border:none;text-decoration:none}.hawk-affiliate-link-deal-widget,.hawk-affiliate-link-deal-widget-hero,.hawk-affiliate-link-hero{display:flex;height:inherit;max-height:inherit;max-width:inherit;width:inherit}.hawk-affiliate-link-deal-widget a,.hawk-affiliate-link-deal-widget a>picture,.hawk-affiliate-link-deal-widget-hero a,.hawk-affiliate-link-deal-widget-hero a>picture,.hawk-affiliate-link-hero a,.hawk-affiliate-link-hero a>picture{height:inherit;width:inherit}.hawk-affiliate-link-merchantlink-label,.hawk-affiliate-link-merchantlink-price,.hawk-affiliate-link-merchantlink-review,.hawk-affiliate-link-merchantlink-transparent-label,.hawk-affiliate-link-merchantlink-transparent-price,.hawk-affiliate-link-streaming-label,.hawk-affiliate-link-streaming-price{border-bottom:none;color:inherit;padding:3px 0;text-decoration:inherit}.hawk-affiliate-link-merchantlink-price,.hawk-affiliate-link-merchantlink-review,.hawk-affiliate-link-merchantlink-transparent-price{padding-left:6px}.hawk-affiliate-link-merchantlink-label,.hawk-affiliate-link-merchantlink-transparent-label{line-height:normal;padding:var(--merchantlink-padding,3px 5px);text-transform:var(--merchantlink-text-transform,none)}.hawk-affiliate-link-merchantlink-price[data-product-type="3500"],.hawk-affiliate-link-merchantlink-transparent-label[data-product-type="3500"]{padding-left:0}.hawk-affiliate-link-streaming-price{padding-right:5px}.hawk-affiliate-link-streaming-label{line-height:normal;padding:3px 0}.hawk-affiliate-link-vulture-code{border:none;height:inherit;line-height:1.2;text-decoration:none}.hawk-affiliate-link-vulture-code:hover,.hawk-affiliate-link-vulture-code:hover:visited,.hawk-affiliate-link-vulture-code:visited{border:none;text-decoration:none}.hawk-affiliate-link-vulture-code{color:var(--terms-conditions);text-decoration:underline}.hawk-affiliate-link-vulture-discount{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;word-break:normal}.hawk-affiliate-link-vulture-discount:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-vulture-discount:hover,.hawk-affiliate-link-vulture-discount:hover:visited,.hawk-affiliate-link-vulture-discount:link,.hawk-affiliate-link-vulture-discount:visited,.hawk-affiliate-link-vulture-discount>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-vulture-discount{max-width:100px}}.hawk-affiliate-link-vulture-discount{border-radius:5px;margin-top:10px;max-width:unset;min-height:40px;min-width:430px;width:100%}body .hawk-root[data-viewports*=mobile] .hawk-affiliate-link-vulture-discount{min-width:unset}@media screen and (max-width:500px){.hawk-affiliate-link-vulture-discount{min-width:unset}}.hawk-affiliate-link-vulture-button{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-vulture-button:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-vulture-button:hover,.hawk-affiliate-link-vulture-button:hover:visited,.hawk-affiliate-link-vulture-button:link,.hawk-affiliate-link-vulture-button:visited,.hawk-affiliate-link-vulture-button>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-vulture-button{max-width:100px}}.hawk-affiliate-link-vulture-button{border-radius:5px;min-height:40px;min-width:360px}body .hawk-root[data-viewports*=mobile] .hawk-affiliate-link-vulture-button{max-width:unset;min-width:unset;width:100%}@media screen and (max-width:500px){.hawk-affiliate-link-vulture-button{max-width:unset;min-width:unset;width:100%}}.hawk-affiliate-link-vulture-button:hover{-webkit-text-decoration:var(--vulture-button-hover-underline);text-decoration:var(--vulture-button-hover-underline)}.hawk-affiliate-link-vulture-reward{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-vulture-reward:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-vulture-reward:hover,.hawk-affiliate-link-vulture-reward:hover:visited,.hawk-affiliate-link-vulture-reward:link,.hawk-affiliate-link-vulture-reward:visited,.hawk-affiliate-link-vulture-reward>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-vulture-reward{max-width:100px}}.hawk-affiliate-link-vulture-reward{border-radius:5px;min-height:40px;min-width:360px}@media screen and (max-width:500px){.hawk-affiliate-link-vulture-reward{max-width:unset;min-width:unset;width:100%}}.hawk-affiliate-link-vulture-reward:hover{-webkit-text-decoration:var(--vulture-button-hover-underline);text-decoration:var(--vulture-button-hover-underline)}.hawk-affiliate-link-vulture-reward{font-size:18px;text-transform:none}.hawk-affiliate-link-vulture-copybutton{align-items:center;background-color:var(--site-color);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-vulture-copybutton:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-vulture-copybutton:hover,.hawk-affiliate-link-vulture-copybutton:hover:visited,.hawk-affiliate-link-vulture-copybutton:link,.hawk-affiliate-link-vulture-copybutton:visited,.hawk-affiliate-link-vulture-copybutton>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-vulture-copybutton{max-width:100px}}.hawk-affiliate-link-vulture-copybutton{background:var(--site-color);border:none;box-sizing:border-box;color:var(--white);font-weight:400;height:33px;max-width:150px;outline:none;padding:7px;width:inherit}.hawk-affiliate-link-merchantlink-review{align-self:center;color:var(--site-color);font-weight:600;padding:0;text-decoration:underline}.hawk-affiliate-link-button-merchantlink-review{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-button-merchantlink-review:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-button-merchantlink-review:hover,.hawk-affiliate-link-button-merchantlink-review:hover:visited,.hawk-affiliate-link-button-merchantlink-review:link,.hawk-affiliate-link-button-merchantlink-review:visited,.hawk-affiliate-link-button-merchantlink-review>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-button-merchantlink-review{max-width:100px}}body .hawk-root[data-viewports*=mobile] .hawk-affiliate-link-button-merchantlink-review{display:none}@media screen and (max-width:500px){.hawk-affiliate-link-button-merchantlink-review{display:none}}.hawk-affiliate-link-merchantlink-review-textbutton{align-self:center;color:var(--site-color);display:none;font-weight:600;padding:0;text-decoration:underline}body .hawk-root[data-viewports*=mobile] .hawk-affiliate-link-merchantlink-review-textbutton{color:var(--site-color);display:unset}@media screen and (max-width:500px){.hawk-affiliate-link-merchantlink-review-textbutton{color:var(--site-color);display:unset}}.hawk-affiliate-link-shop{display:flex;height:inherit;line-height:24px;width:inherit}.hawk-affiliate-link-availableFrom,.hawk-affiliate-link-availableFromClickable{align-self:center;color:var(--available-from);display:block;padding-left:10px;pointer-events:none;width:100%}.hawk-affiliate-link-availableFromClickable{pointer-events:auto}.hawk-affiliate-link-productblock{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;word-break:normal}.hawk-affiliate-link-productblock:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-productblock:hover,.hawk-affiliate-link-productblock:hover:visited,.hawk-affiliate-link-productblock:link,.hawk-affiliate-link-productblock:visited,.hawk-affiliate-link-productblock>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-productblock{max-width:100px}}.hawk-affiliate-link-productblock{background-color:var(--productblock-background-color,#1b1b1b);border:var(--productblock-border,0);border-bottom:var(--productblock-border-bottom,0);color:var(--productblock-text-color,#fff);font-size:var(--productblock-font-size,13px);font-weight:500;letter-spacing:var(--productblock-letter-spacing,1px);margin-top:var(--productblock-margin-top,10px);max-width:var(--productblock-max-width,none);padding:15px;width:100%}.hawk-affiliate-link-productblock:hover{background-color:var(--productblock-background-color-hover)}.hawk-affiliate-link-partner-button{align-items:center;background-color:var(--site-color);box-sizing:border-box;color:var(--white);display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:normal;line-height:1;max-width:150px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;word-break:normal}.hawk-affiliate-link-partner-button:hover{background-color:var(--site-color-hover);color:var(--white)}.hawk-affiliate-link-partner-button:hover,.hawk-affiliate-link-partner-button:hover:visited,.hawk-affiliate-link-partner-button:link,.hawk-affiliate-link-partner-button:visited,.hawk-affiliate-link-partner-button>*{text-decoration:none}@media screen and (max-width:500px){.hawk-affiliate-link-partner-button{max-width:100px}}.hawk-affiliate-link-partner-button{font-size:14px;max-width:80%;padding:18px 10px}.hawk-affiliate-link-specs-deal-image{border:none;height:inherit;line-height:1.2;text-decoration:none}.hawk-affiliate-link-specs-deal-image:hover,.hawk-affiliate-link-specs-deal-image:hover:visited,.hawk-affiliate-link-specs-deal-image:visited{border:none;text-decoration:none}.hawk-affiliate-link-specs-deal-image{height:70px}.hawk-affiliate-link-sticky-deal-image{border:none;height:inherit;line-height:1.2;text-decoration:none}.hawk-affiliate-link-sticky-deal-image:hover,.hawk-affiliate-link-sticky-deal-image:hover:visited,.hawk-affiliate-link-sticky-deal-image:visited{border:none;text-decoration:none}.hawk-affiliate-link-sticky-deal-image{height:44px}.hawk-affiliate-link-merchantlink-modern-button{line-height:normal;text-decoration:inherit;width:100%}.hawk-affiliate-link-merchantlink-modern-button div div[data-last-hovered=true]{background-color:var(--modern-button-background-color-selected);border-color:var(--modern-button-border-color-selected);color:var(--modern-button-text-color-selected)}.hawk-affiliate-link-merchantlink-modern-button div div[data-last-hovered=false]{background-color:var(--modern-button-background-color-unselected);border-color:var(--modern-button-border-color-unselected);color:var(--modern-button-text-color-unselected)}.hawk-affiliate-link-merchantlink-modern-button:visited div div{background-color:var(--modern-button-background-color-visited);border-color:var(--modern-button-border-color-visited);color:var(--modern-button-text-color-visited)}.hawk-affiliate-link-merchantlink-modern-button:visited div div[data-last-hovered=true]{background-color:var(--modern-button-background-color-selected);border-color:var(--modern-button-border-color-selected);color:var(--modern-button-text-color-selected)}.hawk-affiliate-link-merchantlink-modern-button:hover div div,.hawk-affiliate-link-merchantlink-modern-button:hover:visited div div{background-color:var(--modern-button-background-color-hover);border-color:var(--modern-button-border-color-hover);color:var(--modern-button-text-color-hover)}.hawk-affiliate-link-merchantlink-modern-button:hover,.hawk-affiliate-link-merchantlink-modern-button:hover:visited,.hawk-affiliate-link-merchantlink-modern-button:visited{text-decoration:none}.hawk-affiliate-link-left-alignment{align-items:flex-start}.hawk-affiliate-link-centered-alignment{align-self:center}a.hawk-all-deals-button{background-color:var(--trd-dark-grey);color:var(--white);font-size:14px;font-weight:600;line-height:1.3;margin:5px 10px;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase}a.hawk-all-deals-button span{color:var(--white)}a.hawk-all-deals-button:hover,a.hawk-all-deals-button:hover:visited,a.hawk-all-deals-button:visited{color:var(--white);text-decoration:none}a.hawk-all-deals-game-platform-image:hover,a.hawk-all-deals-game-platform-image:hover:visited,a.hawk-all-deals-game-platform-image:visited{color:var(--dark-grey)}.hawk-all-deals-price-widget{display:block}.hawk-all-deals-review-widget-peacock{font-size:12px;margin-right:10px}.hawk-all-deals-multimodelreview{display:block;font-size:13px;grid-column:1;margin-bottom:5px;text-align:center}.hawk-animate-slide-enter{opacity:0;transform:translateX(-100%)}.hawk-animate-slide-enter-active{opacity:1;transform:translateX(0);transition:all .5s ease}.hawk-animate-slide-leave{opacity:0;transform:translateX(-100%);transition:all .5s ease}.hawk-animate-slide-enter-reverse{opacity:0;transform:translateX(100%)}.hawk-animate-slide-enter-active-reverse{opacity:1;transform:translateX(0);transition:all .5s ease}.hawk-animate-slide-leave-reverse{opacity:0;transform:translateX(100%);transition:all .5s ease}.hawk-animate-fade-enter{opacity:0}.hawk-animate-fade-enter-active{opacity:1;transition:all .3s cubic-bezier(.96,.27,.83,.67)}.hawk-animate-fade-leave{opacity:0;transition:all .3s cubic-bezier(.96,.27,.83,.67)}.hawk-display-name-container{color:var(--black);font-size:14px;line-height:22px;position:relative;text-align:left}.hawk-display-name-container .hawk-display-name-full{background:var(--white);border:1px solid var(--black);display:none;padding:3px;position:absolute;z-index:10}.hawk-display-name-container:hover .hawk-display-name-full{display:block}.hawk-display-price-contract-type-broadband,.hawk-display-price-contract-type-container{color:var(--black);display:inline-block;font-size:12px;font-weight:500;line-height:12px;margin-left:3px;text-align:right;text-transform:none;white-space:nowrap}.hawk-display-price-contract-type-broadband{font-size:16px;font-weight:700}.hawk-display-price-contract-type-merchantlink-price,.hawk-display-price-contract-type-merchantlink-transparent-price,.hawk-display-price-contract-type-streaming-price{color:var(--black);color:inherit;display:inline-block;font-size:12px;font-weight:500;line-height:12px;margin-left:3px;text-align:right;text-decoration:inherit;text-transform:none;white-space:nowrap}.hawk-display-price-contract-type-promotion{color:var(--black);color:var(--promotion-secondary-color);font-family:var(--promotion-price-font-family)}.hawk-display-price-contract-type-partner,.hawk-display-price-contract-type-promotion{display:inline-block;font-size:12px;font-weight:500;line-height:12px;margin-left:3px;text-align:right;text-transform:none;white-space:nowrap}.hawk-display-price-contract-type-partner{color:var(--black);font-size:16px;line-height:25px}.hawk-display-price-container{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-container .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-container .hawk-display-price-price{color:var(--site-color);font-size:16px;font-weight:700;text-decoration:inherit}.hawk-display-price-container[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-container[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-container[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-container[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-blurred-value{filter:blur(4px);opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hawk-display-price-currency-symbol,.hawk-display-price-price-suffix{color:inherit;text-decoration:inherit}.hawk-display-price-price-subscriptions{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-price-subscriptions .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-price-subscriptions .hawk-display-price-price{color:var(--site-color);font-size:16px;font-weight:700;text-decoration:inherit}.hawk-display-price-price-subscriptions[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-price-subscriptions[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-price-subscriptions[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-price-subscriptions[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-price-subscriptions .hawk-display-price-price{color:inherit}.hawk-display-price-price-widget-deal{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-price-widget-deal .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-price-widget-deal .hawk-display-price-price{color:var(--site-color);font-size:16px;text-decoration:inherit}.hawk-display-price-price-widget-deal[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-price-widget-deal[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-price-widget-deal[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-price-widget-deal[data-type=wasPrice] .hawk-display-price-price{font-size:13px}.hawk-display-price-price-widget-deal{background-color:transparent}.hawk-display-price-price-widget-deal .hawk-display-price-price{color:inherit;font-size:17px;font-weight:700}.hawk-display-price-price-widget-deal[data-type=wasPrice]{display:inline;text-align:left}.hawk-display-price-price-widget-deal[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:11px;font-weight:400;text-decoration:line-through}.hawk-display-price-price-widget-extra-deal{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-price-widget-extra-deal .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-price-widget-extra-deal .hawk-display-price-price{color:var(--site-color);font-size:16px;text-decoration:inherit}.hawk-display-price-price-widget-extra-deal[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-price-widget-extra-deal[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-price-widget-extra-deal[data-type=wasPrice]{text-align:center}.hawk-display-price-price-widget-extra-deal[data-type=wasPrice] .hawk-display-price-price{font-size:13px}.hawk-display-price-price-widget-extra-deal .hawk-display-price-price{font-size:14px;font-weight:700}.hawk-display-price-price-widget-extra-deal[data-type=wasPrice]{margin-bottom:5px;text-align:left}.hawk-display-price-price-widget-extra-deal[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:11px;font-weight:400;text-decoration:line-through}.hawk-display-price-price-widget-full-price-extra-deal{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-price-widget-full-price-extra-deal .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-price-widget-full-price-extra-deal .hawk-display-price-price{color:var(--site-color);font-size:16px;text-decoration:inherit}.hawk-display-price-price-widget-full-price-extra-deal[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-price-widget-full-price-extra-deal[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-price-widget-full-price-extra-deal[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-price-widget-full-price-extra-deal[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-price-widget-full-price-extra-deal{box-sizing:content-box;display:inline;line-height:14px}.hawk-display-price-price-widget-full-price-extra-deal .hawk-display-price-price{color:inherit;font-size:14px;font-weight:700;line-height:14px}.hawk-display-price-pocket{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-pocket .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-pocket .hawk-display-price-price{color:var(--site-color);font-size:16px;font-weight:700;text-decoration:inherit}.hawk-display-price-pocket[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-pocket[data-type=upfront] .hawk-display-price-price{font-size:14px;text-transform:none}.hawk-display-price-pocket[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-pocket[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-pocket[data-type=upfront]{text-align:left}.hawk-display-price-pocket[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:18px;font-weight:600}.hawk-display-price-pocket[data-type=monthly] .hawk-display-price-label{color:var(--black);font-size:14px;text-align:center}.hawk-display-price-broadband{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-broadband .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-broadband .hawk-display-price-price{color:var(--site-color);font-size:16px;font-weight:700;text-decoration:inherit}.hawk-display-price-broadband[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-broadband[data-type=upfront] .hawk-display-price-price{font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-broadband[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-broadband[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-broadband{font-weight:600}.hawk-display-price-broadband .hawk-display-price-price{color:var(--black)}.hawk-display-price-broadband[data-type=upfront]{text-align:left}.hawk-display-price-broadband[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400}.hawk-display-price-broadband[data-type=monthly] .hawk-display-price-label{color:var(--black);font-size:14px;text-align:center}.hawk-display-price-pocket-mobile{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-pocket-mobile .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-pocket-mobile .hawk-display-price-price{color:var(--site-color);font-size:16px;font-weight:700;text-decoration:inherit}.hawk-display-price-pocket-mobile[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-pocket-mobile[data-type=upfront] .hawk-display-price-price{font-size:14px;text-transform:none}.hawk-display-price-pocket-mobile[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-pocket-mobile[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-pocket-mobile[data-type=upfront]{text-align:left}.hawk-display-price-pocket-mobile[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:15px;font-weight:600;margin-right:3px}.hawk-display-price-peacock{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-peacock .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-peacock .hawk-display-price-price{color:var(--site-color);font-size:16px;font-weight:700;text-decoration:inherit}.hawk-display-price-peacock[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-peacock[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-peacock[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-peacock[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-peacock[data-type=wasPrice]{margin:0 3px 0 0}.hawk-display-price-promotion{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-promotion .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-promotion .hawk-display-price-price{color:var(--site-color);font-size:16px;font-weight:700;text-decoration:inherit}.hawk-display-price-promotion[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-promotion[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-promotion[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-promotion[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-promotion{display:flex}.hawk-display-price-promotion .hawk-display-price-label{color:var(--promotion-secondary-color);font-family:var(--promotion-price-font-family);font-size:16px;margin-right:5px}.hawk-display-price-promotion .hawk-display-price-price{color:var(--promotion-primary-color);font-family:var(--promotion-price-font-family);font-size:26px}.hawk-display-price-magazinesubscriptions{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-magazinesubscriptions .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-magazinesubscriptions .hawk-display-price-price{color:var(--site-color);font-size:16px;font-weight:700;text-decoration:inherit}.hawk-display-price-magazinesubscriptions[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-magazinesubscriptions[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-magazinesubscriptions[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-magazinesubscriptions[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-magazinesubscriptions{display:flex}.hawk-display-price-magazinesubscriptions .hawk-display-price-label{align-self:flex-end;color:var(--black);font-size:16px;margin-bottom:2px;margin-right:5px}.hawk-display-price-magazinesubscriptions .hawk-display-price-price{color:var(--black);font-size:26px}.hawk-display-price-cc-simplified{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-cc-simplified .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-cc-simplified .hawk-display-price-price{color:var(--site-color);font-size:16px;font-weight:700;text-decoration:inherit}.hawk-display-price-cc-simplified[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-cc-simplified[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-cc-simplified[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-cc-simplified[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-cc-simplified[data-type=upfront] .hawk-display-price-price{font-size:15px}.hawk-display-price-cc-simplified .hawk-display-price-price{font-size:26px}.hawk-display-price-available-from{color:#000;line-height:1;margin-left:5px}.hawk-display-price-merchantlink-price,.hawk-display-price-merchantlink-transparent-price,.hawk-display-price-streaming-price{color:inherit;text-decoration:inherit}.hawk-display-price-merchantlink-price .hawk-display-price-price,.hawk-display-price-merchantlink-transparent-price .hawk-display-price-price,.hawk-display-price-streaming-price .hawk-display-price-price{text-decoration:inherit}.hawk-display-price-merchantlink-review{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-merchantlink-review .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-merchantlink-review .hawk-display-price-price{color:var(--site-color);font-size:16px;font-weight:700;text-decoration:inherit}.hawk-display-price-merchantlink-review[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-merchantlink-review[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-merchantlink-review[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-merchantlink-review[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}body .hawk-root[data-viewports*=mobile] .hawk-display-price-merchantlink-review{text-decoration:underline}body .hawk-root[data-viewports*=mobile] .hawk-display-price-merchantlink-review[data-type=wasPrice]{display:none}body .hawk-root[data-viewports*=mobile] .hawk-display-price-merchantlink-review .hawk-display-price-price{font-weight:600}@media screen and (max-width:500px){.hawk-display-price-merchantlink-review{text-decoration:underline}.hawk-display-price-merchantlink-review[data-type=wasPrice]{display:none}.hawk-display-price-merchantlink-review .hawk-display-price-price{font-weight:600}}.hawk-display-price-shop{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-shop .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-shop .hawk-display-price-price{color:var(--site-color);font-size:16px;font-weight:700;text-decoration:inherit}.hawk-display-price-shop[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-shop[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-shop[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-shop[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-shop[data-type=wasPrice]{margin:0}@container (max-width: 405px){.hawk-display-price-shop[data-type=wasPrice]{display:none}}.hawk-display-price-availableFrom,.hawk-display-price-availableFromClickable{display:inline-block;line-height:1;white-space:nowrap;width:auto}.hawk-display-price-availableFrom .hawk-display-price-label,.hawk-display-price-availableFromClickable .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-availableFrom .hawk-display-price-price,.hawk-display-price-availableFromClickable .hawk-display-price-price{color:var(--site-color);font-size:16px}.hawk-display-price-availableFromClickable[data-type=buySimilar] .hawk-display-price-price,.hawk-display-price-availableFrom[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-availableFromClickable[data-type=upfront] .hawk-display-price-price,.hawk-display-price-availableFrom[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-availableFromClickable[data-type=wasPrice],.hawk-display-price-availableFrom[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-availableFromClickable[data-type=wasPrice] .hawk-display-price-price,.hawk-display-price-availableFrom[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-availableFrom,.hawk-display-price-availableFromClickable{background-color:transparent;text-decoration:inherit;width:100%}.hawk-display-price-availableFrom .hawk-display-price-price,.hawk-display-price-availableFromClickable .hawk-display-price-price{color:var(--available-from);font-size:20px;font-weight:700;text-decoration:inherit}.hawk-display-price-partner{display:inline-block;line-height:1;text-decoration:inherit;white-space:nowrap;width:auto}.hawk-display-price-partner .hawk-display-price-label{display:block;margin-bottom:5px}.hawk-display-price-partner .hawk-display-price-price{color:var(--site-color);font-size:16px;font-weight:700;text-decoration:inherit}.hawk-display-price-partner[data-type=buySimilar] .hawk-display-price-price{color:var(--black);font-size:12px;font-weight:400;text-transform:none;white-space:normal}.hawk-display-price-partner[data-type=upfront] .hawk-display-price-price{color:var(--black);font-size:14px;font-weight:600;text-transform:none}.hawk-display-price-partner[data-type=wasPrice]{margin-bottom:5px;text-align:center}.hawk-display-price-partner[data-type=wasPrice] .hawk-display-price-price{color:var(--was-price-text-color);font-size:13px;font-weight:400;text-decoration:line-through}.hawk-display-price-partner{align-items:center;display:flex;flex-direction:column;min-height:55px}.hawk-display-price-partner .hawk-display-price-price{font-size:30px}.hawk-deal-countdown-container{align-items:center;display:flex;font-size:12px;gap:4px;justify-content:center;line-height:1.3;text-align:center}.hawk-deal-countdown-container .hawk-deal-countdown-label{color:inherit;font-weight:400}.hawk-deal-countdown-container .hawk-deal-countdown-time-string{font-weight:700}.hawk-deal-countdown-not-started .hawk-deal-countdown-time-string{color:var(--orange,#ff6f28)}.hawk-deal-countdown-in-progress .hawk-deal-countdown-time-string{color:var(--countdown-in-progress-color,#e6248a)}.hawk-deal-countdown-expired .hawk-deal-countdown-time-string{color:var(--red,red)}.hawk-deal-countdown-unknown .hawk-deal-countdown-time-string{color:var(--black,#1b1b1b)}.hawk-deal-countdown-peacock{flex-direction:column}.hawk-deal-countdown-mmroundup{display:flex;font-size:12px;gap:4px}.hawk-deal-countdown-mmroundup .hawk-deal-countdown-label{color:#1b1b1b}.hawk-grid-item-block-container{align-items:center;display:flex;flex-direction:column;grid-row:2;justify-content:center}.hawk-grid-item-block-container[data-name=promos]{grid-column:1/-1;grid-row:1}.hawk-grid-item-block-container[data-name=toggle]{grid-column:1/-1}.hawk-grid-item-block-container[data-name=countdown]{align-items:flex-end;grid-row:3}.hawk-grid-item-block-container[data-name=priceLink]{grid-row-gap:5px;display:grid;grid-column:3/5;grid-template-columns:1fr 1fr;margin:auto;width:100%}.hawk-grid-item-block-container[data-name=priceLink][data-button-type=chevron]{align-items:center;display:flex;flex-direction:row;grid-column:3/5;grid-row:3;justify-content:space-around}body .hawk-root[data-viewports*=mobile] .hawk-grid-item-block-container[data-name=priceLink]{align-items:center;display:flex;justify-content:center}body .hawk-root[data-viewports*=mobile] .hawk-grid-item-block-container[data-name=priceLink][data-button-type=chevron]{align-items:center;display:flex;flex-direction:row;grid-column:3/4;grid-row:3;grid-template-columns:1fr 1fr;justify-content:space-around}@media screen and (max-width:500px){.hawk-grid-item-block-container[data-name=priceLink]{align-items:center;display:flex;justify-content:center}.hawk-grid-item-block-container[data-name=priceLink][data-button-type=chevron]{align-items:center;display:flex;flex-direction:row;grid-column:3/4;grid-row:3;grid-template-columns:1fr 1fr;justify-content:space-around}}.hawk-grid-item-block-container[data-stacked="1"][data-name=promos]{height:70px}.hawk-grid-item-main-container{box-sizing:border-box;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;padding:5px 10px 0;position:relative;width:100%}.hawk-grid-item-main-container[data-stacked="1"]{display:block}.hawk-grid-item-main-container[data-expanded="1"]{display:flex;flex-direction:column}.hawk-grid-item-main-container[data-type=promos]{padding-bottom:0;padding-top:0}.hawk-grid-item-toggle-container{display:flex;justify-content:center;margin-top:10px;padding-bottom:5px;position:relative;text-align:center}.hawk-grid-item-toggle-container .hawk-grid-item-toggle-label{color:var(--trd-blue);font-size:13px;font-weight:600;position:relative;text-transform:uppercase}.hawk-grid-item-toggle-container .hawk-grid-item-toggle-label:after{background:var(--white);border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top:1px solid var(--light-mid-grey);border:1px solid var(--light-mid-grey);border-top-color:var(--white);content:"\25BC";font-size:9px;left:0;margin:auto;padding:6px 12px;position:absolute;right:0;top:18.4px;width:34px;z-index:2}.hawk-grid-item-toggle-expanded-container{display:flex;justify-content:center;margin-top:10px;padding-bottom:5px;position:relative;text-align:center}.hawk-grid-item-toggle-expanded-container .hawk-grid-item-toggle-label{color:var(--trd-blue);font-size:13px;font-weight:600;position:relative;text-transform:uppercase}.hawk-grid-item-toggle-expanded-container .hawk-grid-item-toggle-label:after{background:var(--white);border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top:1px solid var(--light-mid-grey);border:1px solid var(--light-mid-grey);border-top-color:var(--white);content:"\25BC";font-size:9px;left:0;margin:auto;padding:6px 12px;position:absolute;right:0;top:18.4px;width:34px;z-index:2}.hawk-grid-item-toggle-expanded-container{width:100%}.hawk-grid-item-toggle-expanded-container .hawk-grid-item-toggle-label:after{content:"\25B2"}.hawk-grid-item-toggle-expanded-container:after{background-image:linear-gradient(to bottom,var(--light-mid-grey) 0,var(--white));content:"";height:4px;left:0;position:absolute;right:0;top:18px}.hawk-grid-item-container:not(:last-of-type){border-bottom:1px dotted var(--light-mid-grey)}.hawk-grid-item-container .hawk-grid-item-expanded{align-items:center;border-top:1px solid var(--light-mid-grey);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:25px 5px 10px}.hawk-grid-item-container .hawk-grid-item-spacer{height:10px}.hawk-no-deals-container{background:var(--white);font-size:14px;margin:0 4px;padding:20px 0;text-align:center}.hawk-no-deals-comparison{font-size:16px;margin-top:50px;text-align:center}.hawk-grid-items-container{background:var(--rows-background-color);margin:0 4px}.hawk-grid-items-container[data-stacked="1"]{display:grid;grid-template-columns:repeat(3,1fr)}body .hawk-root[data-viewports*=mobile] .hawk-grid-items-container[data-stacked="1"]{grid-template-columns:repeat(2,1fr)}@media screen and (max-width:500px){.hawk-grid-items-container[data-stacked="1"]{grid-template-columns:repeat(2,1fr)}}.hawk-scroll-arrow-container{align-items:center;background:var(--white);border:1px solid var(--light-mid-grey);border-left:none;border-radius:0 5px 5px 0;display:flex;justify-content:center;left:0;padding:16px 7px;position:absolute;top:35%;z-index:2}.hawk-scroll-arrow-container .hawk-scroll-arrow-svg{width:10px}.hawk-scroll-arrow-container .hawk-scroll-arrow-svg .hawk-scroll-arrow-path{fill:var(--red)}.hawk-scroll-arrow-container:hover{cursor:pointer}.hawk-scroll-arrow-container[data-direction=right]{border-left:1px solid var(--light-mid-grey);border-radius:5px 0 0 5px;border-right:none;left:auto;right:0}.hawk-scroll-arrow-container[data-direction=right] .hawk-scroll-arrow-svg{transform:rotate(180deg)}.hawk-scroll-arrow-container[data-disabled="1"] .hawk-scroll-arrow-svg .hawk-scroll-arrow-path{fill:var(--light-mid-grey)}.hawk-scroll-arrow-partner{align-items:center;background:var(--white);border-left:none;border-radius:0 5px 5px 0;display:flex;justify-content:center;left:0;padding:16px 7px;position:absolute;top:35%;z-index:2}.hawk-scroll-arrow-partner .hawk-scroll-arrow-svg{width:10px}.hawk-scroll-arrow-partner .hawk-scroll-arrow-svg .hawk-scroll-arrow-path{fill:var(--red)}.hawk-scroll-arrow-partner:hover{cursor:pointer}.hawk-scroll-arrow-partner[data-direction=right]{border-left:1px solid var(--light-mid-grey);border-radius:5px 0 0 5px;border-right:none;left:auto;right:0}.hawk-scroll-arrow-partner[data-disabled="1"] .hawk-scroll-arrow-svg .hawk-scroll-arrow-path{fill:var(--light-mid-grey)}.hawk-scroll-arrow-partner{border:1px solid var(--light-mid-grey);border-radius:5px 0 0 5px}.hawk-scroll-arrow-partner .hawk-scroll-arrow-svg{height:10px;width:15px}.hawk-scroll-arrow-partner .hawk-scroll-arrow-svg .hawk-scroll-arrow-path{fill:var(--black)}.hawk-scroll-arrow-partner[data-direction=right]{border:1px solid var(--light-mid-grey);border-radius:0 5px 5px 0}.hawk-scroll-arrow-partner[data-direction=right] .hawk-scroll-arrow-svg{transform:rotate(180deg)}.hawk-scroll-arrow-tabs-widget{align-items:center;background:var(--white);border:1px solid var(--light-mid-grey);border-left:none;border-radius:0 5px 5px 0;display:flex;justify-content:center;left:0;padding:16px 7px;position:absolute;top:35%;z-index:2}.hawk-scroll-arrow-tabs-widget .hawk-scroll-arrow-svg{width:10px}.hawk-scroll-arrow-tabs-widget .hawk-scroll-arrow-svg .hawk-scroll-arrow-path{fill:var(--red)}.hawk-scroll-arrow-tabs-widget:hover{cursor:pointer}.hawk-scroll-arrow-tabs-widget[data-direction=right]{border-left:1px solid var(--light-mid-grey);border-radius:5px 0 0 5px;border-right:none;left:auto;right:0}.hawk-scroll-arrow-tabs-widget[data-direction=right] .hawk-scroll-arrow-svg{transform:rotate(180deg)}.hawk-scroll-arrow-tabs-widget[data-disabled="1"] .hawk-scroll-arrow-svg .hawk-scroll-arrow-path{fill:var(--light-mid-grey)}.hawk-scroll-arrow-tabs-widget{border-left:1px solid var(--light-mid-grey);border-radius:6px;left:6px;padding:4px 9px;top:21%}.hawk-scroll-arrow-tabs-widget .hawk-scroll-arrow-svg{width:8px}.hawk-scroll-arrow-tabs-widget[data-direction=right]{border-radius:6px;border-right:1px solid var(--light-mid-grey);right:6px}body .hawk-root[data-viewports*=tablet] .hawk-scroll-arrow-tabs-widget{left:2px;padding:4px}body .hawk-root[data-viewports*=tablet] .hawk-scroll-arrow-tabs-widget[data-direction=right]{left:auto;right:2px}@media screen and (max-width:800px){.hawk-scroll-arrow-tabs-widget{left:2px;padding:4px}.hawk-scroll-arrow-tabs-widget[data-direction=right]{left:auto;right:2px}}.hawk-scroller-page-container{opacity:.5;transition:all .5s ease}.hawk-scroller-page-container[data-active="1"]{opacity:1}.hawk-scroller-page-contract-details{opacity:.5;transition:all .5s ease}.hawk-scroller-page-contract-details[data-active="1"]{opacity:1}.hawk-scroller-page-contract-details{display:flex}.hawk-scroller-page-magazinesubscriptions{opacity:.5;transition:all .5s ease}.hawk-scroller-page-magazinesubscriptions[data-active="1"]{opacity:1}.hawk-scroller-page-magazinesubscriptions{transition:all .8s ease}.hawk-scroller-page-partner,.hawk-scroller-page-tabs-widget{opacity:.5;transition:all .5s ease}.hawk-scroller-page-partner[data-active="1"],.hawk-scroller-page-tabs-widget[data-active="1"]{opacity:1}.hawk-scroller-page-partner,.hawk-scroller-page-tabs-widget{transition:all 1s ease}.hawk-scroller-container{align-items:center;display:flex;position:relative}.hawk-scroller-container .hawk-scroller-pages{display:grid;flex:1;overflow:hidden}.hawk-scroller-contract-details{align-items:center;display:flex;position:relative}.hawk-scroller-contract-details .hawk-scroller-pages{display:grid;flex:1;overflow:hidden}.hawk-scroller-contract-details{padding:0 25px}.hawk-scroller-peacock{align-items:center;display:flex;position:relative}.hawk-scroller-peacock .hawk-scroller-pages{display:grid;flex:1;overflow:hidden}.hawk-scroller-peacock{border-top:2px solid var(--black)}.hawk-scroller-dots{display:flex;flex-direction:row;justify-content:center;list-style:none}.hawk-scroller-dots .hawk-scroller-black{color:#999}.hawk-scroller-dots .hawk-scroller-grey{color:#efeeef}.hawk-scroller-tabs-widget{align-items:center;display:flex;position:relative}.hawk-scroller-tabs-widget .hawk-scroller-pages{display:grid;flex:1;overflow:hidden}.hawk-scroller-tabs-widget{width:100%}.hawk-hawk-tab-container{cursor:pointer;flex:1;margin:auto 3px}.hawk-hawk-tab-container:first-of-type{margin-left:0}.hawk-hawk-tab-container:last-of-type{margin-right:0}.hawk-hawk-tab-container .hawk-hawk-tab-main{align-items:center;background:var(--hawk-tab-background);box-sizing:content-box;display:flex;flex:1;flex-direction:column;justify-content:center;max-height:16px;min-height:16px;padding:10px 5px}.hawk-hawk-tab-container .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--dark-grey);display:block;font-size:14px;font-weight:400;text-align:center;text-transform:uppercase}.hawk-hawk-tab-active{cursor:pointer;flex:1;margin:auto 3px}.hawk-hawk-tab-active:first-of-type{margin-left:0}.hawk-hawk-tab-active:last-of-type{margin-right:0}.hawk-hawk-tab-active .hawk-hawk-tab-main{align-items:center;background:var(--hawk-tab-background);box-sizing:content-box;display:flex;flex:1;flex-direction:column;justify-content:center;max-height:16px;min-height:16px;padding:10px 5px}.hawk-hawk-tab-active .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--dark-grey);display:block;font-size:14px;font-weight:400;text-align:center;text-transform:uppercase}.hawk-hawk-tab-active .hawk-hawk-tab-main{background-color:var(--white)}.hawk-hawk-tab-active .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--hawk-tab-text-color)}.hawk-hawk-tab-game-platform{cursor:pointer;flex:1;margin:auto 3px}.hawk-hawk-tab-game-platform:first-of-type{margin-left:0}.hawk-hawk-tab-game-platform:last-of-type{margin-right:0}.hawk-hawk-tab-game-platform .hawk-hawk-tab-main{background:var(--hawk-tab-background);box-sizing:content-box;flex:1;flex-direction:column;max-height:16px;min-height:16px;padding:10px 5px}.hawk-hawk-tab-game-platform .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--dark-grey);display:block;font-size:14px;font-weight:400;text-align:center;text-transform:uppercase}.hawk-hawk-tab-game-platform{margin:0;max-width:210px}.hawk-hawk-tab-game-platform:last-of-type,.hawk-hawk-tab-game-platform:not(:last-of-type){margin-right:2px}.hawk-hawk-tab-game-platform .hawk-hawk-tab-main{align-items:center;background:#fff;border:1px solid var(--site-color);border-top-left-radius:10px;border-top-right-radius:10px;display:flex;height:20px;justify-content:center;max-height:none;min-height:0;padding:10px}.hawk-hawk-tab-game-platform .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--black)}.hawk-hawk-tab-game-platform .hawk-hawk-tab-main:hover{background-color:var(--site-color)}.hawk-hawk-tab-game-platform-active{cursor:pointer;flex:1;margin:auto 3px}.hawk-hawk-tab-game-platform-active:first-of-type{margin-left:0}.hawk-hawk-tab-game-platform-active:last-of-type{margin-right:0}.hawk-hawk-tab-game-platform-active .hawk-hawk-tab-main{align-items:center;background:var(--hawk-tab-background);box-sizing:content-box;display:flex;flex:1;flex-direction:column;justify-content:center;max-height:16px;min-height:16px;padding:10px 5px}.hawk-hawk-tab-game-platform-active .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--dark-grey);display:block;font-size:14px;font-weight:400;text-align:center;text-transform:uppercase}.hawk-hawk-tab-game-platform-active .hawk-hawk-tab-main{background-color:var(--white)}.hawk-hawk-tab-game-platform-active .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--hawk-tab-text-color)}.hawk-hawk-tab-game-platform-active{max-width:210px}.hawk-hawk-tab-game-platform-active .hawk-hawk-tab-main{background-color:var(--site-color);border:1px solid var(--site-color);border-top-left-radius:10px;border-top-right-radius:10px;height:20px;max-height:none;min-height:0;padding:10px}.hawk-hawk-tab-game-platform-active .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--black);font-weight:700}.hawk-hawk-tab-active-bar{background:transparent;height:2px}.hawk-hawk-tab-only-tab .hawk-hawk-tab-main{border-radius:0}.hawk-hawk-tab-specific-named-tab{cursor:pointer;flex:1;margin:auto 3px}.hawk-hawk-tab-specific-named-tab:first-of-type{margin-left:0}.hawk-hawk-tab-specific-named-tab:last-of-type{margin-right:0}.hawk-hawk-tab-specific-named-tab .hawk-hawk-tab-main{background:var(--hawk-tab-background);box-sizing:content-box;flex:1;flex-direction:column;max-height:16px;min-height:16px;padding:10px 5px}.hawk-hawk-tab-specific-named-tab .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--dark-grey);display:block;font-size:14px;font-weight:400;text-align:center;text-transform:uppercase}.hawk-hawk-tab-specific-named-tab{margin:0;max-width:210px}.hawk-hawk-tab-specific-named-tab:last-of-type,.hawk-hawk-tab-specific-named-tab:not(:last-of-type){margin-right:2px}.hawk-hawk-tab-specific-named-tab .hawk-hawk-tab-main{align-items:center;background:#fff;border:1px solid var(--site-color);border-top-left-radius:10px;border-top-right-radius:10px;display:flex;height:20px;justify-content:center;max-height:none;min-height:0;padding:10px}.hawk-hawk-tab-specific-named-tab .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--black)}.hawk-hawk-tab-specific-named-tab .hawk-hawk-tab-main:hover{background-color:var(--site-color)}.hawk-hawk-tab-specific-named-tab .hawk-hawk-tab-main{border:none;pointer-events:none}.hawk-hawk-tab-specific-named-tab-active{cursor:pointer;flex:1;margin:auto 3px}.hawk-hawk-tab-specific-named-tab-active:first-of-type{margin-left:0}.hawk-hawk-tab-specific-named-tab-active:last-of-type{margin-right:0}.hawk-hawk-tab-specific-named-tab-active .hawk-hawk-tab-main{background:var(--hawk-tab-background);box-sizing:content-box;flex:1;flex-direction:column;max-height:16px;min-height:16px;padding:10px 5px}.hawk-hawk-tab-specific-named-tab-active .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--dark-grey);display:block;font-size:14px;font-weight:400;text-align:center;text-transform:uppercase}.hawk-hawk-tab-specific-named-tab-active{margin:0;max-width:210px}.hawk-hawk-tab-specific-named-tab-active:last-of-type,.hawk-hawk-tab-specific-named-tab-active:not(:last-of-type){margin-right:2px}.hawk-hawk-tab-specific-named-tab-active .hawk-hawk-tab-main{align-items:center;background:#fff;border:1px solid var(--site-color);border-top-left-radius:10px;border-top-right-radius:10px;display:flex;height:20px;justify-content:center;max-height:none;min-height:0;padding:10px}.hawk-hawk-tab-specific-named-tab-active .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--black)}.hawk-hawk-tab-specific-named-tab-active .hawk-hawk-tab-main:hover{background-color:var(--site-color)}.hawk-hawk-tab-specific-named-tab-active .hawk-hawk-tab-main{border:none;pointer-events:none}.hawk-hawk-tab-other-label_text_game_platform{cursor:pointer;flex:1;margin:auto 3px}.hawk-hawk-tab-other-label_text_game_platform:first-of-type{margin-left:0}.hawk-hawk-tab-other-label_text_game_platform:last-of-type{margin-right:0}.hawk-hawk-tab-other-label_text_game_platform .hawk-hawk-tab-main{background:var(--hawk-tab-background);box-sizing:content-box;flex:1;flex-direction:column;max-height:16px;min-height:16px;padding:10px 5px}.hawk-hawk-tab-other-label_text_game_platform .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--dark-grey);display:block;font-size:14px;font-weight:400;text-align:center;text-transform:uppercase}.hawk-hawk-tab-other-label_text_game_platform{margin:0;max-width:210px}.hawk-hawk-tab-other-label_text_game_platform:last-of-type,.hawk-hawk-tab-other-label_text_game_platform:not(:last-of-type){margin-right:2px}.hawk-hawk-tab-other-label_text_game_platform .hawk-hawk-tab-main{align-items:center;background:#fff;border:1px solid var(--site-color);border-top-left-radius:10px;border-top-right-radius:10px;display:flex;height:20px;justify-content:center;max-height:none;min-height:0;padding:10px}.hawk-hawk-tab-other-label_text_game_platform .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--black)}.hawk-hawk-tab-other-label_text_game_platform .hawk-hawk-tab-main:hover{background-color:var(--site-color)}.hawk-hawk-tab-other-label_text_game_platform .hawk-hawk-tab-main{border:none;pointer-events:none}.hawk-hawk-tab-other-label_text_game_platform .hawk-hawk-tab-main{background:var(--grey)}.hawk-hawk-tab-other-label_text_game_platform-active{cursor:pointer;flex:1;margin:auto 3px}.hawk-hawk-tab-other-label_text_game_platform-active:first-of-type{margin-left:0}.hawk-hawk-tab-other-label_text_game_platform-active:last-of-type{margin-right:0}.hawk-hawk-tab-other-label_text_game_platform-active .hawk-hawk-tab-main{background:var(--hawk-tab-background);box-sizing:content-box;flex:1;flex-direction:column;max-height:16px;min-height:16px;padding:10px 5px}.hawk-hawk-tab-other-label_text_game_platform-active .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--dark-grey);display:block;font-size:14px;font-weight:400;text-align:center;text-transform:uppercase}.hawk-hawk-tab-other-label_text_game_platform-active{margin:0;max-width:210px}.hawk-hawk-tab-other-label_text_game_platform-active:last-of-type,.hawk-hawk-tab-other-label_text_game_platform-active:not(:last-of-type){margin-right:2px}.hawk-hawk-tab-other-label_text_game_platform-active .hawk-hawk-tab-main{align-items:center;background:#fff;border:1px solid var(--site-color);border-top-left-radius:10px;border-top-right-radius:10px;display:flex;height:20px;justify-content:center;max-height:none;min-height:0;padding:10px}.hawk-hawk-tab-other-label_text_game_platform-active .hawk-hawk-tab-main .hawk-hawk-tab-label{color:var(--black)}.hawk-hawk-tab-other-label_text_game_platform-active .hawk-hawk-tab-main:hover{background-color:var(--site-color)}.hawk-hawk-tab-other-label_text_game_platform-active .hawk-hawk-tab-main{border:none;pointer-events:none}.hawk-hawk-tab-other-label_text_game_platform-active .hawk-hawk-tab-active-bar,.hawk-hawk-tab-other-label_text_game_platform-active .hawk-hawk-tab-main{background:var(--grey)}.hawk-hawk-tabs-container .hawk-hawk-tabs-main,.hawk-hawk-tabs-game-platform .hawk-hawk-tabs-main{align-items:center;box-sizing:border-box;display:flex;font-size:13px;justify-content:center;margin:0 auto;padding:0 4px;width:100%}.hawk-hawk-tabs-game-platform{padding:4px 4px 0}.hawk-hawk-tabs-game-platform .hawk-hawk-tabs-main{margin:0;padding:0}.hawk-hawk-tabs-game-platform .hawk-hawk-tabs-main .hawk-hawk-tabs-wrapper{display:flex;flex-direction:row}.hawk-hawk-tabs-game-platform .hawk-hawk-tabs-active-bar{height:10px}.hawk-hawk-tabs-specific-named-tab .hawk-hawk-tabs-main{align-items:center;box-sizing:border-box;display:flex;font-size:13px;justify-content:center;margin:0 auto;padding:0 4px;width:100%}.hawk-hawk-tabs-specific-named-tab{padding:4px 4px 0}.hawk-hawk-tabs-specific-named-tab .hawk-hawk-tabs-main{margin:0;padding:0}.hawk-hawk-tabs-specific-named-tab .hawk-hawk-tabs-main .hawk-hawk-tabs-wrapper{display:flex;flex-direction:row}.hawk-hawk-tabs-specific-named-tab .hawk-hawk-tabs-active-bar{height:10px}.hawk-lazy-image-image{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-image[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-image[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-editors-pick{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-editors-pick[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-editors-pick[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-editors-pick{margin:38px auto 10px 12px;max-height:100%}.hawk-lazy-image-shop{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-shop[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-shop[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-shop{max-height:100%}body .hawk-root[data-viewports*=mobile] .hawk-lazy-image-shop{max-height:240px;max-width:100%}@media screen and (max-width:500px){.hawk-lazy-image-shop{max-height:240px;max-width:100%}}.hawk-lazy-image-shop-nav-chevron-up{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-shop-nav-chevron-up[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-shop-nav-chevron-up[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-shop-nav-chevron-up{filter:invert(1);transform:rotate(180deg);width:18px}.hawk-lazy-image-shop-nav-chevron-up:hover{cursor:pointer}.hawk-lazy-image-shop-nav-chevron-down{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-shop-nav-chevron-down[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-shop-nav-chevron-down[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-shop-nav-chevron-down{filter:invert();width:18px}.hawk-lazy-image-shop-nav-chevron-down:hover{cursor:pointer}.hawk-lazy-image-simple-image{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-simple-image[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-simple-image[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-simple-image{align-items:center;border:1px solid var(--light-grey);display:flex;justify-content:center;padding:2px 3px}.hawk-lazy-image-magazinesubscriptions{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-magazinesubscriptions[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-magazinesubscriptions[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-magazinesubscriptions{max-height:100%;padding-top:10px}.hawk-lazy-image-promotion{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-promotion[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-promotion[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-promotion{align-items:center;display:flex;grid-column:1;grid-row:1;max-height:100%;mix-blend-mode:unset}.hawk-lazy-image-peacock{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-peacock[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-peacock[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-peacock{align-items:center;display:flex}.hawk-lazy-image-vulture{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-vulture[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-vulture[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}body .hawk-root[data-viewports*=mobile] .hawk-lazy-image-vulture{max-height:70px;max-width:70px}@media screen and (max-width:500px){.hawk-lazy-image-vulture{max-height:70px;max-width:70px}}.hawk-lazy-image-deal-widget{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-deal-widget[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-deal-widget[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-deal-widget{display:inline;margin:0}body .hawk-root[data-viewports*=mobile] .hawk-lazy-image-deal-widget{margin:0;max-width:120px;padding:15% 15px 15% 0;width:inherit;z-index:1}@media screen and (max-width:500px){.hawk-lazy-image-deal-widget{margin:0;max-width:120px;padding:15% 15px 15% 0;width:inherit;z-index:1}}.hawk-lazy-image-arrow{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-arrow[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-arrow[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-arrow{filter:invert(80%);transform:rotate(270deg) scale(.6)}.hawk-lazy-image-filter-arrow{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-filter-arrow[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-filter-arrow[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-filter-arrow{filter:contrast(0);pointer-events:none;position:absolute;right:5px;top:40%}.hawk-lazy-image-pocket-filter-arrow{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-pocket-filter-arrow[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-pocket-filter-arrow[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-pocket-filter-arrow{filter:contrast(0);filter:contrast(100%);mix-blend-mode:normal;pointer-events:none;position:absolute;right:5px;top:40%}.hawk-lazy-image-cross{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-cross[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-cross[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-cross{cursor:pointer;filter:contrast(0);position:absolute;right:15px;top:15px}.hawk-lazy-image-bundle-image{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-bundle-image[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-bundle-image[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-bundle-image{margin:0 2px;mix-blend-mode:normal}.hawk-lazy-image-chevron-down{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-chevron-down[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-chevron-down[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-chevron-down{filter:invert()}.hawk-lazy-image-chevron-down:hover{cursor:pointer}.hawk-lazy-image-chevron-up{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-chevron-up[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-chevron-up[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-chevron-up{filter:invert()}.hawk-lazy-image-chevron-up:hover{cursor:pointer}.hawk-lazy-image-chevron-up{transform:rotate(180deg)}.hawk-lazy-image-chevron-left{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-chevron-left[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-chevron-left[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-chevron-left{color:var(--black);filter:contrast(0);margin:0 10px}.hawk-lazy-image-chevron-spb-left,.hawk-lazy-image-chevron-spb-right{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-chevron-spb-left[src*="/img/misc/no-image-available.svg"],.hawk-lazy-image-chevron-spb-right[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-chevron-spb-left[filterkey="filter_label[text_game_platform]"],.hawk-lazy-image-chevron-spb-right[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-chevron-spb-left,.hawk-lazy-image-chevron-spb-right{height:30px;transform:rotate(180deg)}.hawk-lazy-image-chevron-spb-left{transform:rotate(0deg)}.hawk-lazy-image-chevron-spb-down{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-chevron-spb-down[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-chevron-spb-down[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-chevron-spb-down{color:var(--black);filter:contrast(0)}.hawk-lazy-image-parent-category-chevron{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-parent-category-chevron[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-parent-category-chevron[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-parent-category-chevron{color:var(--black);filter:invert(0);margin:0 5px 0 0}.hawk-lazy-image-labels-arrow{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-labels-arrow[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-labels-arrow[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-labels-arrow{filter:contrast(0)}.hawk-lazy-image-hot-deal-flag{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-hot-deal-flag[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-hot-deal-flag[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-hot-deal-flag{cursor:pointer;margin:0 10px;mix-blend-mode:normal}.hawk-lazy-image-panel-filter{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-panel-filter[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-panel-filter[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-panel-filter{margin-left:6px}.hawk-lazy-image-sticky{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-sticky[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-sticky[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-sticky{align-items:center;border:1px solid var(--light-mid-grey);box-sizing:border-box;display:flex;float:left;margin-top:4px;-o-object-position:center;object-position:center}body .hawk-root[data-viewports*=mobile] .hawk-lazy-image-sticky{margin-top:0}@media screen and (max-width:500px){.hawk-lazy-image-sticky{margin-top:0}}.hawk-lazy-image-specs-label{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-specs-label[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-specs-label[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-specs-label{flex:1 0 auto;margin:5px;opacity:.7}.hawk-lazy-image-site-logo-spinner{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-site-logo-spinner[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-site-logo-spinner[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-site-logo-spinner{left:0;max-width:98%;position:absolute;right:0;top:0;z-index:500}.hawk-lazy-image-site-logo-tabletop{max-height:30px}@container (min-width: 480px){.hawk-lazy-image-site-logo-tabletop{margin-bottom:-2;padding-left:2px}}.hawk-lazy-image-associated-logo{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-associated-logo[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-associated-logo[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-associated-logo{vertical-align:text-bottom}.hawk-lazy-image-tv-channel{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-tv-channel[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-tv-channel[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-tv-channel{opacity:.9}.hawk-lazy-image-switcher-left{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-switcher-left[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-switcher-left[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-switcher-left{cursor:pointer;transform:rotate(180deg)}.hawk-lazy-image-switcher-right{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-switcher-right[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-switcher-right[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-switcher-right{cursor:pointer}.hawk-lazy-image-user-input-search{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-user-input-search[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-user-input-search[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-user-input-search{cursor:pointer;position:absolute}.hawk-lazy-image-hover-icon{height:inherit;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-hover-icon[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-hover-icon[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-hover-icon{cursor:pointer;display:block;margin:auto;opacity:.8;padding:4px;width:auto}.hawk-lazy-image-dealwidgetPrime{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-dealwidgetPrime[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-dealwidgetPrime[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-dealwidgetPrime{border:1px solid var(--grey);box-sizing:border-box}.hawk-lazy-image-pricedeal-button{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-pricedeal-button[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-pricedeal-button[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-pricedeal-button{background-color:var(--white)}.hawk-lazy-image-legacy-price-deal,.hawk-lazy-image-legacy-price-extra-deal{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-legacy-price-deal[src*="/img/misc/no-image-available.svg"],.hawk-lazy-image-legacy-price-extra-deal[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-legacy-price-deal[filterkey="filter_label[text_game_platform]"],.hawk-lazy-image-legacy-price-extra-deal[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-legacy-price-deal,.hawk-lazy-image-legacy-price-extra-deal{border:1px solid var(--grey);box-sizing:border-box;margin-left:0}.hawk-lazy-image-legacy-price-deal-button,.hawk-lazy-image-legacy-price-extra-deal-button{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-legacy-price-deal-button[src*="/img/misc/no-image-available.svg"],.hawk-lazy-image-legacy-price-extra-deal-button[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-legacy-price-deal-button[filterkey="filter_label[text_game_platform]"],.hawk-lazy-image-legacy-price-extra-deal-button[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-legacy-price-deal-button,.hawk-lazy-image-legacy-price-extra-deal-button{background-color:var(--white)}.hawk-lazy-image-hawk-tab{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-hawk-tab[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-hawk-tab,.hawk-lazy-image-hawk-tab[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-site-logo-powered-by{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-site-logo-powered-by[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-site-logo-powered-by[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-site-logo-powered-by{display:flex;margin:0;max-width:60px}.hawk-lazy-image-streaming-score{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-streaming-score[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-streaming-score[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-streaming-score{align-items:center;display:flex;max-height:18px;max-width:26px;width:auto}.hawk-lazy-image-partner{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-partner[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-partner[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-partner{max-height:100px;min-height:100px}.hawk-lazy-image-logo-image{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-logo-image[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-logo-image[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-logo-image{height:40px}.hawk-lazy-image-product-image{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-product-image[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-product-image[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-product-image{height:70px}.hawk-lazy-image-amazon-prime-shipping-image{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-amazon-prime-shipping-image[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-amazon-prime-shipping-image[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-amazon-prime-shipping-image{height:21px;width:50px}.hawk-lazy-image-icon{display:block;height:inherit;margin:auto;max-height:150px;max-width:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.hawk-lazy-image-icon[src*="/img/misc/no-image-available.svg"]{filter:none}.hawk-lazy-image-icon,.hawk-lazy-image-icon[filterkey="filter_label[text_game_platform]"]{mix-blend-mode:normal}.hawk-lazy-image-cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hawk-lazy-image-tomsguide-logo{padding-top:3px}@container (min-width: 480px){.hawk-lazy-image-cyclingnews-white-logo{padding:0 2px}}.hawk-load-more-container{align-items:center;background:var(--white);border:1px solid var(--light-mid-grey);box-sizing:border-box;display:flex;margin:10px 10px 5px;padding:7px 0}.hawk-load-more-container .hawk-load-more-load-more-container{display:flex;flex:1;justify-content:flex-end}.hawk-load-more-container .hawk-load-more-load-more-container .hawk-load-more-load-more{font-size:14px;font-weight:600;text-transform:uppercase}.hawk-load-more-container .hawk-load-more-show-less-container{display:flex;flex:0.55;justify-content:flex-end;padding-right:10px}.hawk-load-more-container .hawk-load-more-show-less-container .hawk-load-more-show-less{cursor:pointer;font-size:12px;text-decoration:underline}body .hawk-root[data-viewports*=mobile] .hawk-load-more-container{flex-direction:column;justify-content:center}body .hawk-root[data-viewports*=mobile] .hawk-load-more-container .hawk-load-more-show-less-container .hawk-load-more-show-less{margin-top:10px}@media screen and (max-width:500px){.hawk-load-more-container{flex-direction:column;justify-content:center}.hawk-load-more-container .hawk-load-more-show-less-container .hawk-load-more-show-less{margin-top:10px}}.hawk-load-more-more-deals-container .hawk-load-more-load-more-container{cursor:pointer}.hawk-load-more-more-deals-container .hawk-load-more-load-more-container .hawk-load-more-load-more:after{content:"\25BC";font-size:13px;margin-left:5px}.hawk-load-more-bundle{align-items:center;background:var(--white);border:1px solid var(--light-mid-grey);box-sizing:border-box;display:flex;margin:10px 10px 5px;padding:7px 0}.hawk-load-more-bundle .hawk-load-more-load-more-container{display:flex;flex:1;justify-content:flex-end}.hawk-load-more-bundle .hawk-load-more-load-more-container .hawk-load-more-load-more{font-size:14px;font-weight:600;text-transform:uppercase}.hawk-load-more-bundle .hawk-load-more-show-less-container{display:flex;flex:0.55;justify-content:flex-end;padding-right:10px}.hawk-load-more-bundle .hawk-load-more-show-less-container .hawk-load-more-show-less{cursor:pointer;font-size:12px;text-decoration:underline}@media screen and (max-width:500px){.hawk-load-more-bundle{flex-direction:column;justify-content:center}.hawk-load-more-bundle .hawk-load-more-show-less-container .hawk-load-more-show-less{margin-top:10px}}.hawk-load-more-bundle{border:none;margin:10px 5px}.hawk-load-more-bundle .hawk-load-more-load-more-container .hawk-load-more-load-more{font-size:15px;font-weight:400}.hawk-load-more-gamePlatform{align-items:center;background:var(--white);border:1px solid var(--light-mid-grey);box-sizing:border-box;display:flex;margin:10px 10px 5px;padding:7px 0}.hawk-load-more-gamePlatform .hawk-load-more-load-more-container{display:flex;flex:1;justify-content:flex-end}.hawk-load-more-gamePlatform .hawk-load-more-load-more-container .hawk-load-more-load-more{font-size:14px;font-weight:600;text-transform:uppercase}.hawk-load-more-gamePlatform .hawk-load-more-show-less-container{display:flex;flex:0.55;justify-content:flex-end;padding-right:10px}.hawk-load-more-gamePlatform .hawk-load-more-show-less-container .hawk-load-more-show-less{cursor:pointer;font-size:12px;text-decoration:underline}@media screen and (max-width:500px){.hawk-load-more-gamePlatform{flex-direction:column;justify-content:center}.hawk-load-more-gamePlatform .hawk-load-more-show-less-container .hawk-load-more-show-less{margin-top:10px}}.hawk-load-more-gamePlatform{background:var(--game-platform-background);border-top:none;margin:0 4px;padding:10px 0}body .hawk-root[data-viewports*=mobile] .hawk-load-more-gamePlatform{flex-direction:column;justify-content:center}body .hawk-root[data-viewports*=mobile] .hawk-load-more-gamePlatform .hawk-load-more-show-less-container .hawk-load-more-show-less{margin-top:10px}@media screen and (max-width:500px){.hawk-load-more-gamePlatform{flex-direction:column;justify-content:center}.hawk-load-more-gamePlatform .hawk-load-more-show-less-container .hawk-load-more-show-less{margin-top:10px}}.hawk-load-more-review-merchantlink{align-items:center;background:var(--white);border:1px solid var(--light-mid-grey);box-sizing:border-box;display:flex;margin:10px 10px 5px;padding:7px 0}.hawk-load-more-review-merchantlink .hawk-load-more-load-more-container{display:flex;flex:1;justify-content:flex-end}.hawk-load-more-review-merchantlink .hawk-load-more-load-more-container .hawk-load-more-load-more{font-size:14px;font-weight:600;text-transform:uppercase}.hawk-load-more-review-merchantlink .hawk-load-more-show-less-container{display:flex;flex:0.55;justify-content:flex-end;padding-right:10px}.hawk-load-more-review-merchantlink .hawk-load-more-show-less-container .hawk-load-more-show-less{cursor:pointer;font-size:12px;text-decoration:underline}@media screen and (max-width:500px){.hawk-load-more-review-merchantlink{flex-direction:column;justify-content:center}.hawk-load-more-review-merchantlink .hawk-load-more-show-less-container .hawk-load-more-show-less{margin-top:10px}}body .hawk-root[data-viewports*=mobile] .hawk-load-more-review-merchantlink{display:none}@media screen and (max-width:500px){.hawk-load-more-review-merchantlink{display:none}}.hawk-main-toggle-container{background:var(--toggle-color);box-sizing:border-box;clear:both;color:var(--white);cursor:pointer;display:flex;font-size:16px;font-weight:700;padding:10px 30px 10px 10px;position:relative;text-transform:uppercase;width:100%}.hawk-main-toggle-container .hawk-main-toggle-title{flex:1}.hawk-main-toggle-container .hawk-main-toggle-icon{flex:0}.hawk-main-bundle,.hawk-main-container,.hawk-main-editorial-container,.hawk-main-simple,.hawk-main-subscriptions{margin-bottom:30px;padding-bottom:2px;position:relative;width:100%}.hawk-main-subscriptions{margin-bottom:0}.hawk-main-price-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 5px 0 0}body .hawk-root[data-viewports*=mobile] .hawk-main-price-container{margin:0 0 5px}@media screen and (max-width:500px){.hawk-main-price-container{margin:0 0 5px}}.hawk-main-price-chevron{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 5px 0 0}@media screen and (max-width:500px){.hawk-main-price-chevron{margin:0 0 5px}}.hawk-main-price-chevron{margin:0;min-width:100px}body .hawk-root[data-viewports*=mobile] .hawk-main-price-chevron{margin:0;min-width:0}@media screen and (max-width:500px){.hawk-main-price-chevron{margin:0;min-width:0}}.hawk-main-price-broadband,.hawk-main-price-pocket{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 5px 0 0}@media screen and (max-width:500px){.hawk-main-price-broadband,.hawk-main-price-pocket{margin:0 0 5px}}body .hawk-root[data-viewports*=mobile] .hawk-main-price-broadband,body .hawk-root[data-viewports*=mobile] .hawk-main-price-pocket{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:0;width:100%}@media screen and (max-width:500px){.hawk-main-price-broadband,.hawk-main-price-pocket{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:0;width:100%}}.hawk-main-price-cc-simplified{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 5px 0 0}@media screen and (max-width:500px){.hawk-main-price-cc-simplified{margin:0 0 5px}}.hawk-main-price-cc-simplified{margin:10px 5px 5px}body .hawk-root[data-viewports*=mobile] .hawk-main-price-cc-simplified{margin:0 5px 5px}@media screen and (max-width:500px){.hawk-main-price-cc-simplified{margin:0 5px 5px}}.hawk-main-price-merchantlink-review{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 5px 0 0}@media screen and (max-width:500px){.hawk-main-price-merchantlink-review{margin:0 0 5px}}body .hawk-root[data-viewports*=mobile] .hawk-main-price-merchantlink-review{margin:0 5px 0 0}@media screen and (max-width:500px){.hawk-main-price-merchantlink-review{margin:0 5px 0 0}}.hawk-star-rating-star-container{color:var(--light-grey,#eaeaea);display:inline-block;font-size:18.75px;line-height:21.75px;position:relative}.hawk-star-rating-star-container:before{color:var(--pink,#e6248a);content:"\2605";left:0;position:absolute}.hawk-star-rating-star-container[data-type=half]:before{color:var(--pink,#e6248a);overflow:hidden;width:50%}.hawk-star-rating-star-container[data-type=empty]:before{color:var(--light-grey,#eaeaea)}.hawk-star-rating-star-container[data-rating=asin]:before,.hawk-star-rating-star-container[data-rating=walmart]:before{color:var(--amazon-orange)}.hawk-star-rating-star-price-widget{font-size:15px;line-height:18px}.hawk-star-rating-star-price-widget[data-type=empty]:before{color:var(--light-grey,#eaeaea)}.hawk-star-rating-star-userReviews{font-size:17.5px}.hawk-star-rating-star-userReviews[data-rating=asin]:before,.hawk-star-rating-star-userReviews[data-rating=walmart]:before{color:var(--trd-blue)}.hawk-star-rating-star-broadband,.hawk-star-rating-star-game-platform,.hawk-star-rating-star-peacock,.hawk-star-rating-star-pocket,.hawk-star-rating-star-review-widget,.hawk-star-rating-star-review-widget-bottom{font-size:15px;line-height:18px}.hawk-star-rating-star-broadband[data-type=empty]:before,.hawk-star-rating-star-broadband[data-type=half],.hawk-star-rating-star-game-platform[data-type=empty]:before,.hawk-star-rating-star-game-platform[data-type=half],.hawk-star-rating-star-peacock[data-type=empty]:before,.hawk-star-rating-star-peacock[data-type=half],.hawk-star-rating-star-pocket[data-type=empty]:before,.hawk-star-rating-star-pocket[data-type=half],.hawk-star-rating-star-review-widget-bottom[data-type=empty]:before,.hawk-star-rating-star-review-widget-bottom[data-type=half],.hawk-star-rating-star-review-widget[data-type=empty]:before,.hawk-star-rating-star-review-widget[data-type=half]{color:var(--white)}.hawk-star-rating-star-tabletop:before,.hawk-star-rating-star-tabletop[data-type=half]:before{color:var(--tabletop-blocks-star-color)}.hawk-star-rating-star-tabletop[data-type=empty]:before{color:var(--tabletop-blocks-star-color-empty)}.hawk-star-rating-star-review-widget-simple{font-size:11px;line-height:14px;margin:0 3px 0 0}.hawk-star-rating-star-review-widget-simple:before{font-size:13px}.hawk-star-rating-star-ppc{font-size:11px;padding:1px}.hawk-star-rating-star-ppc:before{color:#facc15;left:1px}.hawk-star-rating-star-ppc[data-type=half]:before{color:#facc15}.hawk-star-rating-star-ppc[data-type=empty]:before{color:#eaeaea}.hawk-star-rating-star-tabletop-v3:before,.hawk-star-rating-star-tabletop-v3[data-type=half]:before{color:var(--tabletop-blocks-star-color,#e6248a)}.hawk-star-rating-star-tabletop-v3[data-type=empty]:before{color:#eaeaea}.hawk-star-rating-container{display:inline-block}.hawk-star-rating-container:before{background:transparent}.hawk-star-rating-review-widget-simple{display:inline-block}.hawk-star-rating-review-widget-simple:before{background:transparent}.hawk-star-rating-review-widget-simple{font-size:12px}.hawk-star-rating-userReviews{display:inline-block}.hawk-star-rating-userReviews:before{background:transparent}.hawk-star-rating-userReviews{font-size:17.5px}.hawk-star-rating-partner{border-bottom:1px solid var(--light-mid-grey);display:flex;flex-direction:row;justify-content:center;padding:10px 0;width:inherit}.hawk-streaming-score-container{display:flex;margin-right:5px}.hawk-streaming-score-container .hawk-streaming-score-review-text{font-size:16px;font-weight:600;padding:5px}.hawk-model-code-review-container{align-items:center;display:flex;justify-content:flex-end;margin:0}.hawk-model-code-review-container .hawk-model-code-review-link{align-items:center;display:flex;flex:1;font-size:13px;line-height:13px;margin:0 5px 0 0}.hawk-model-code-review-review-widget{align-items:center;display:flex;justify-content:flex-end}.hawk-model-code-review-review-widget .hawk-model-code-review-link{align-items:center;display:flex;flex:1;line-height:13px;margin:0 5px 0 0}.hawk-model-code-review-review-widget{align-items:baseline;justify-content:flex-start;margin:0;padding:0 10px 15px}.hawk-model-code-review-review-widget .hawk-model-code-review-link{font-size:13px;margin:0 0 0 5px;order:1}.hawk-model-code-review-review-widget-bottom{align-items:center;display:flex;justify-content:flex-end;margin:0}.hawk-model-code-review-review-widget-bottom .hawk-model-code-review-link{align-items:center;display:flex;flex:1;line-height:13px;margin:0 5px 0 0}.hawk-model-code-review-review-widget-bottom{align-items:baseline;justify-content:flex-start;margin:10px 10px 5px}.hawk-model-code-review-review-widget-bottom .hawk-model-code-review-link{font-size:13px;margin:0 0 0 5px;order:1}.hawk-model-code-review-game-platform{align-items:center;display:flex;justify-content:flex-end}.hawk-model-code-review-game-platform .hawk-model-code-review-link{align-items:center;display:flex;flex:1;font-size:13px;line-height:13px;margin:0 5px 0 0}.hawk-model-code-review-game-platform{align-items:flex-start;flex-direction:column;justify-content:flex-start;margin:0}.hawk-model-code-review-game-platform .hawk-model-code-review-link{display:block;font-size:12px;line-height:15px;margin:5px 0 0;order:1;text-align:center}.hawk-model-code-review-review-widget-simple{align-items:center;display:flex;justify-content:flex-end;margin:0}.hawk-model-code-review-review-widget-simple .hawk-model-code-review-link{align-items:center;display:flex;flex:1;font-size:13px;line-height:13px;margin:0 5px 0 0}.hawk-model-code-review-review-widget-simple{justify-content:flex-start}.hawk-model-code-review-review-widget-simple .hawk-model-code-review-link{font-size:12px;margin:0;order:0;text-decoration:underline}body .hawk-root[data-viewports*=mobile] .hawk-model-code-review-review-widget-simple{justify-content:flex-start;margin:0}body .hawk-root[data-viewports*=mobile] .hawk-model-code-review-review-widget-simple .hawk-model-code-review-link{font-size:11px;margin:0;order:0;text-decoration:underline}@media screen and (max-width:500px){.hawk-model-code-review-review-widget-simple{justify-content:flex-start;margin:0}.hawk-model-code-review-review-widget-simple .hawk-model-code-review-link{font-size:11px;margin:0;order:0;text-decoration:underline}}div.hawk-model-code-review-peacock{align-items:center;display:flex;justify-content:flex-end;margin:0}div.hawk-model-code-review-peacock .hawk-model-code-review-link{align-items:center;display:flex;flex:1;font-size:13px;line-height:13px;margin:0 5px 0 0}div.hawk-model-code-review-peacock{justify-content:flex-start;margin:10px 0 5px}div.hawk-model-code-review-peacock a.hawk-model-code-review-link{font-size:12px;margin:0;order:1;padding:0;text-decoration:underline}.hawk-model-code-review-broadband,.hawk-model-code-review-pocket{align-items:center;display:flex;justify-content:flex-end;margin:0}.hawk-model-code-review-broadband .hawk-model-code-review-link,.hawk-model-code-review-pocket .hawk-model-code-review-link{align-items:center;display:flex;flex:1;line-height:13px;margin:0 5px 0 0}.hawk-model-code-review-broadband,.hawk-model-code-review-pocket{justify-content:flex-start}.hawk-model-code-review-broadband .hawk-model-code-review-link,.hawk-model-code-review-pocket .hawk-model-code-review-link{font-size:13px;margin:0 0 0 5px;order:1}.hawk-model-code-review-userReviews{align-items:center;display:flex;justify-content:flex-end;margin:0}.hawk-model-code-review-userReviews .hawk-model-code-review-link{align-items:center;display:flex;flex:1;font-size:13px;line-height:13px;margin:0 5px 0 0}.hawk-model-code-review-userReviews{color:var(--trd-blue);flex-direction:column;margin:0 15px}.hawk-model-code-review-userReviews .hawk-model-code-review-link{color:var(--trd-blue);font-size:14px;margin:0 0 3px;text-decoration:none}.hawk-model-code-review-userReviews .hawk-model-code-review-link:hover{text-decoration:underline}@media only screen and (max-width:699px){.hawk-model-code-review-userReviews{align-items:normal;flex-direction:row;margin:0}.hawk-model-code-review-userReviews .hawk-model-code-review-link{flex:1 1 45%;margin:0;padding-top:2px;width:100%}}.hawk-model-code-reviews-container{display:flex;flex-direction:row;padding:8px 0}.hawk-model-code-reviews-userReviews{display:flex;flex-direction:row;justify-content:center;padding:8px 0;padding:5px 0;width:100%}body .hawk-root[data-viewports*=mobile] .hawk-model-code-reviews-userReviews{justify-content:flex-start}@media screen and (max-width:500px){.hawk-model-code-reviews-userReviews{justify-content:flex-start}}.hawk-price-note-container{display:block;font-size:11px;line-height:1.6;text-align:center}.hawk-spinner-container,.hawk-spinner-container .hawk-spinner-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.hawk-spinner-container .hawk-spinner-overlay{background:var(--white,#fff);opacity:.3;z-index:100}.hawk-spinner-container .hawk-spinner-main{background:var(--site-color,#5aaf0b);border-radius:50%;height:50px;left:calc(50% - 25px);opacity:.8;position:relative;top:calc(50% - 25px);width:50px;z-index:200}.hawk-spinner-container .hawk-spinner-main:after{animation:hawk-spinner-spin .8s linear infinite;border:25px solid var(--white,#fff);border-radius:50%;border-right:25px solid transparent;content:"";height:0;left:0;opacity:.7;position:absolute;transform:rotate(315deg);width:0}@keyframes hawk-spinner-spin{0%{transform:rotate(0deg)}20%{transform:rotate(60deg)}40%{transform:rotate(130deg)}60%{transform:rotate(200deg)}80%{transform:rotate(270deg)}to{transform:rotate(1turn)}}.hawk-title-container{font:inherit;font-family:var(--site-font-family);font-size:18px;font-weight:600}.hawk-title-container,.hawk-title-editors-pick{align-items:center;background:transparent;display:flex;flex:1;margin:0;padding:15px 10px}.hawk-title-editors-pick{background:var(--heading-color);color:var(--white);font:inherit;font-family:var(--site-font-family);font-size:18px;font-size:14px;font-weight:600;line-height:1.2;padding:5px 0 5px 10px;text-transform:uppercase}.hawk-title-price-title-responsive,.hawk-title-price-widget{display:flex;flex:1 1 45%;flex-direction:row;font-family:var(--site-font-family);font-weight:700;margin:0;padding-bottom:3px;text-align:left;text-transform:uppercase}.hawk-title-price-title-responsive{flex:1 1 48%}.hawk-title-pocket{display:flex;flex:1;font:inherit;font-family:var(--site-font-family);font-size:18px;font-weight:600;line-height:22px;padding:15px 10px;padding:0 10px}.hawk-title-broadband,.hawk-title-pocket{align-items:center;background:transparent;margin:0}.hawk-title-broadband{color:var(--white);flex:1;line-height:22px;padding:15px 10px;padding:0 0 15px}.hawk-title-broadband,.hawk-title-peacock{display:flex;font:inherit;font-family:var(--site-font-family);font-size:18px;font-weight:600}.hawk-title-peacock{align-items:center;align-items:flex-start;background:transparent;border-top:var(--peacock-header-border-top,1px solid #ddd);flex:1;flex-direction:column;font-size:19px;margin:0;padding:15px 10px;padding:5px 0;position:relative}.hawk-title-uppercase{align-items:center;background:transparent;display:flex;text-transform:uppercase}.hawk-title-simple,.hawk-title-uppercase{flex:1;font:inherit;font-family:var(--site-font-family);font-size:18px;font-weight:600;margin:0;padding:15px 10px}.hawk-title-simple{align-items:center;background:transparent;font-weight:700;margin:5px 0;padding:0 0 5px}.hawk-title-simple,.hawk-title-specs{display:flex;font-size:16px;text-transform:uppercase}.hawk-title-specs{border-bottom:1px solid var(--light-mid-grey);border-top:1px solid var(--light-mid-grey);color:var(--trd-dark-grey);flex:1;font-weight:600;line-height:1.5;margin:0;padding:5px 0}.hawk-title-merchantlink-title-buying-guide{display:flex;flex:var(--merchantlink-title-flex,1 1 48%);flex-direction:row;font-family:var(--merchantlink-title-font-family,inherit);font-size:100%;font-size:var(--merchantlink-title-font-size,inherit);font-weight:700;line-height:30px;line-height:var(--merchantlink-title-line-height,30px);margin:var(--merchantlink-title-margin,3px 0 0 0);padding-bottom:3px;text-align:left;text-transform:uppercase}body .hawk-root[data-viewports*=mobile] .hawk-title-merchantlink-title-buying-guide{font-size:var(--merchantlink-title-font-size-mobile,inherit)}@media screen and (max-width:500px){.hawk-title-merchantlink-title-buying-guide{font-size:var(--merchantlink-title-font-size-mobile,inherit)}}.hawk-title-vulture{align-items:center;background:transparent;display:flex;display:block;flex:1;font:inherit;font-family:var(--site-font-family);font-size:18px;font-size:24px;font-weight:600;margin:0;padding:15px 10px;padding:20px 0;text-align:left}body .hawk-root[data-viewports*=mobile] .hawk-title-vulture{padding:15px 10px}@media screen and (max-width:500px){.hawk-title-vulture{padding:15px 10px}}.hawk-title-popular{align-items:center;background:transparent;background-color:var(--site-color);color:#fff;display:flex;display:block;flex:1;font:inherit;font-family:var(--site-font-family);font-size:18px;font-size:15px;font-weight:600;margin:0;padding:15px 10px;padding:5px 0;text-align:center;text-transform:uppercase}.hawk-title-streaming{padding:15px 10px;padding:10px 0}.hawk-title-partner,.hawk-title-streaming{align-items:center;background:transparent;display:flex;flex:1;font:inherit;font-family:var(--site-font-family);font-size:18px;font-weight:600;margin:0}.hawk-title-partner{padding:15px 10px;padding:15px 35px}.hawk-master-widget-server-fallback{all:inherit}
 }</style><style type="text/css" data-chunk="cbq-site" id="hawkStyles-cbq-site">@layer hawk { 
body .hawk-root{--black:#1b1b1b;--white:#fff;--yellow:#ffd800;--green:#3c8d0d;--orange:#ff6f28;--red:red;--pink:#e6248a;--light-blue:#97edfc;--mid-grey:#333;--light-grey:#eaeaea;--grey:#adadad;--dark-grey:#545454;--light-mid-grey:#ccc;--prime-blue:#00aeef;--prime-green:#eaf7e9;--lighter-mid-grey:#ebebeb;--game-platform-grey:#dbddde;--amazon-orange:#ffce00;--amazon-prime-day-blue:#70b7d9;--error-red:#f33f3f;--playstation-blue:#003791;--playstation-white:#fff;--xbox-green:#107c10;--nintendo-red:#e60012;--trd-blue:#2f6e91;--trd-pink:#e6248a;--trd-light-pink:#ea489d;--trd-grey:#ededed;--trd-dark-grey:#333;--trd-dark-blue:#315062;--rose-gold:#b76e79;--pc-orange:#ff8201;--brand-background-color:#fff;--site-color:#5aaf0b;--site-color-hover:#005f00;--heading-color:#2f6e91;--tab-color:var(--trd-blue);--cc-border-color:var(--light-mid-grey);--cc-filters-title-color:var(--black);--expanded-row-color:var(--trd-blue);--expanded-row-box-shadow:4px 4px 20px var(--expanded-row-color);--toggle-color:var(--trd-blue);--toggle-switch-color:var(--trd-blue);--postcode-entry-button-color:var(--site-color);--comparison-load-more-background-color:#262626;--tv-channels-display-label-color:#696969;--index-color:#999;--editors-pick-background-color:#ededed;--editors-pick-promo-color:var(--trd-blue);--editors-pick-promo-rgba-color:rgba(47,110,145,.3);--editors-pick-voucher-background-color:#e6248a;--filter-border-color:#c1c1c1;--filter-hover-border-color:#535353;--filter-selected-hover-border-color:#666;--countdown-in-progress-color:var(--trd-pink);--rows-background-color:var(--white);--hawk-footer-background:var(--trd-grey);--hawk-footer-game-platform-border:solid 1px var(--game-platform-grey);--hover-panel-color:orange;--description-hover-background:#cac7c7;--display-price-code-color:var(--site-color);--site-font-family:inherit;--promo-radius:0;--hawk-tab-text-color:#666;--hawk-tab-background:#d6d6d6;--review-rows-background:var(--white);--review-peacock-background:var(--white);--product-label-background:var(--light-grey);--product-label-text-color:var(--black);--seasonal-event-grey:#797979;--seasonal-event-dark-grey:#313131;--seasonal-event-merchants-background:var(--white);--game-platform-background:transparent;--was-price-text-color:#848484;--was-price-promo-color:#be0707;--was-price-light-promo-color:#ededed;--was-price-light-promo-text-color:#be0707;--user-input-color:#c1c1c1;--user-input-hover-color:#535353;--user-input-input-background:#f2f2f2;--user-input-input-error-color:#838383;--radio-button-color:#c1c1c1;--checkbox-color:#c1c1c1;--range-filter-shadow-color:#a9a9a9;--range-filter-background-color:var(--site-color);--pre-order-promise-color:#aaa;--merchant-link-mona-background-color:var(--site-color);--merchant-link-mona-text-color:var(--white);--merchant-link-mona-text-color-hover:var(--white);--shop-filter-button-background-color:var(--trd-blue);--shop-filter-button-text-color:var(--white);--shop-font-family-headings:"Source serif Pro",serif;--shop-font-family-secondary-text:sans-serif;--available-from:var(--site-color);--merchantlink-box-color:var(--site-color);--merchantlink-box-hover-text-color:#fff;--modern-button-background-color-selected:#6af090;--modern-button-background-color-unselected:var(--white);--modern-button-background-color-hover:#14cc48;--modern-button-background-color-visited:var(--white);--modern-button-border-color-selected:#6af090;--modern-button-border-color-unselected:#14cc48;--modern-button-border-color-hover:#14cc48;--modern-button-border-color-visited:#008299;--modern-button-text-color-selected:#1b1b1b;--modern-button-text-color-unselected:#1b1b1b;--modern-button-text-color-hover:#1b1b1b;--modern-button-text-color-visited:#008299;--merchantlink-title-font-size:inherit;--merchantlink-title-font-size-mobile:inherit;--merchantlink-title-line-height:30px;--merchantlink-title-font-family:inherit;--merchant-link-border-radius:3px;--merchantlink-font-family:inherit;--merchantlink-maincontainer-gap:30px;--merchantlink-title-flex:1 1 48%;--deal-widget-border-color:#ddd;--deal-hero-promo-background:var(--grey);--deal-hero-promo-color:#fff;--deal-hero-promo-background-progressive:transparent;--deal-hero-promo-color-progressive:#d21f26;--deal-widget-hero-box-shadow-color:#e9e9e93b;--dealwidget-cta-radius:0;--dealwidget-cta-padding:10px 16px;--dealwidget-cta-backgroundcolor:var(--site-color);--dealwidget-cta-backgroundcolor-hover:var(--site-color-hover);--dealwidget-cta-boder:0;--sticky-promo-color:#e19c42;--terms-conditions:#c0464a;--text-highlight:var(--site-color);--vulture-button-hover-underline:none;--verified-checkmark-text:#5aaf0b;--verified-checkmark-icon:#5aaf0b;--promotion-primary-color:var(--black);--promotion-secondary-color:var(--black);--promotion-background-color:#ebedec;--promotion-cta-background:var(--site-color);--promotion-cta-background-hover:var(--site-color);--promotion-cta-text-color:var(--white);--promotion-title-font-family:inherit;--promotion-bullet-points-font-family:inherit;--promotion-price-font-family:inherit;--promotion-cta-font-family:inherit;--seasonal-link-color:inherit;--productblock-text-color:var(--white);--productblock-letter-spacing:1px;--productblock-font-size:13px;--productblock-font-family:inherit;--productblock-background-color:var(--site-color);--productblock-background-color-hover:var(--site-color);--productblock-border:0;--productblock-border-bottom:0;--productblock-max-width:none;--productblock-sale-color:#b01c21;--productblock-margin-top:10px;--tabletop-background-color:#090e21;--tabletop-blocks-border-color:#090e21;--tabletop-blocks-product-header:var(--site-color);--tabletop-blocks-navigation-link:#1b1b1b;--tabletop-footer-background-color:#090e21;--tabletop-footer-button-color:var(--site-color);--tabletop-blocks-star-color:var(--site-color);--tabletop-blocks-star-color-empty:var(--light-gr dey);--tabletop-footer-background-color-v3:var(--site-color);--tabletop-footer-button-color-v3:#090e21}body .hawk-root[data-widget-type=tabletop]{--modern-button-background-color-selected:var(--site-color);--modern-button-background-color-unselected:var(--white);--modern-button-background-color-hover:var(--site-color-hover);--modern-button-background-color-visited:var(--white);--modern-button-border-color-selected:var(--site-color);--modern-button-border-color-unselected:var(--site-color);--modern-button-border-color-hover:var(--site-color-hover);--modern-button-border-color-visited:var(--site-color);--modern-button-text-color-selected:#fff;--modern-button-text-color-unselected:#1b1b1b;--modern-button-text-color-hover:#fff;--modern-button-text-color-visited:#1b1b1b}body .hawk-root{--default-visited-link:#008299;letter-spacing:normal;position:relative;width:100%}body .hawk-root[data-widget-type=price]{display:flex}body .hawk-root[data-widget-type=button]:hover{background-color:var(--site-color-hover)}body .hawk-root+.hawk-root[data-widget-type=mostpopularoffers]{padding-top:40px}body .hawk-root[data-viewports*=mobile] body .hawk-root+.hawk-root[data-widget-type=mostpopularoffers]{padding-top:30px}@media screen and (max-width:500px){body .hawk-root+.hawk-root[data-widget-type=mostpopularoffers]{padding-top:30px}}body .hawk-root+.hawk-root[data-widget-type=mostpopularoffers]{padding-bottom:40px}body .hawk-root[data-viewports*=mobile] body .hawk-root+.hawk-root[data-widget-type=mostpopularoffers]{padding-bottom:30px}@media screen and (max-width:500px){body .hawk-root+.hawk-root[data-widget-type=mostpopularoffers]{padding-bottom:30px}}._hawk.subtitle~.hawk-root[data-widget-type=price]{margin:16px 0}@media (min-width:600px){._hawk.subtitle~.hawk-root[data-widget-type=price]{clear:none;float:right;margin:0;width:50%}.fancy_box_body ._hawk.subtitle~.hawk-root[data-widget-type=price]{float:none;width:100%}}.icon~.hawk-root{clear:both}body .prog-buying-guide .hawk-root{display:flex;flex-direction:row;float:none;min-height:1px;width:100%}@media (max-width:800px){body .prog-buying-guide .hawk-root{flex-direction:column}}body .hawk-root[data-widget-type=inbody],body .hawk-root[data-widget-type=seasonal]{display:inline}.hawk-root[data-widget-type=sticky]{background-color:var(--white);border-top:2px solid var(--light-mid-grey);bottom:0;box-sizing:border-box;display:flex;font-size:16px;height:90px;justify-content:center;left:0;padding:10px;position:fixed;text-align:center;z-index:9999}#main .hawk-root[data-widget-type=promotion]{--promotion-primary-color:var(--black);--promotion-secondary-color:var(--black)}body .hawk-root{--merchantlink-title-font-size:16px;--merchantlink-title-font-size-mobile:14px;--site-color:#e94e1b;--editors-pick-promo-color:var(--site-color);--editors-pick-promo-rgba-color:rgba(233,78,27,.3);--site-color-hover:#c94300}
 }</style><style type="text/css" data-chunk="promotion" id="hawkStyles-promotion">@layer hawk { 
.hawk-promotion-deal-container{align-items:left;display:flex;flex-direction:column;width:100%}.hawk-promotion-deal-container .hawk-promotion-deal-main{align-items:center;color:var(--promotion-secondary-color);display:flex;justify-content:flex-start;margin-bottom:10px}body .hawk-root[data-viewports*=mobile] .hawk-promotion-deal-container{align-items:center}@media screen and (max-width:500px){.hawk-promotion-deal-container{align-items:center}}.hawk-promotion-deal-chevron{align-items:left;display:flex;flex-direction:column;width:100%}.hawk-promotion-deal-chevron .hawk-promotion-deal-main{align-items:center;color:var(--promotion-secondary-color);display:flex;justify-content:flex-start;margin-bottom:10px}@media screen and (max-width:500px){.hawk-promotion-deal-chevron{align-items:center}}.hawk-promotion-deal-chevron .hawk-promotion-deal-main{margin-right:5px}.hawk-promotion-pros-container{height:100%}.hawk-promotion-pros-container .hawk-promotion-pros-heading{color:var(--promotion-primary-color);font-family:var(--promotion-title-font-family);font-size:20px;font-weight:500;margin-bottom:15px}.hawk-promotion-pros-container .hawk-promotion-pros-list .hawk-promotion-pros-item{color:var(--promotion-secondary-color);font-family:var(--promotion-bullet-points-font-family);font-size:20px;line-height:1.3;list-style:disc;margin:13px 0 13px 18px}body .hawk-root[data-viewports*=mobile] .hawk-promotion-pros-container{margin-top:20px}body .hawk-root[data-viewports*=mobile] .hawk-promotion-pros-container .hawk-promotion-pros-heading{text-align:center}body .hawk-root[data-viewports*=mobile] .hawk-promotion-pros-container .hawk-promotion-pros-list{padding:0 20px}@media screen and (max-width:500px){.hawk-promotion-pros-container{margin-top:20px}.hawk-promotion-pros-container .hawk-promotion-pros-heading{text-align:center}.hawk-promotion-pros-container .hawk-promotion-pros-list{padding:0 20px}}.hawk-promotion-item-container{display:flex;flex-direction:column;margin:auto;max-width:970px;padding:40px}.hawk-promotion-item-container .hawk-promotion-item-innerContainer{grid-column-gap:30px;display:grid;grid-template-columns:auto 1fr;margin-top:20px}.hawk-promotion-item-container .hawk-promotion-item-innerContainer .hawk-promotion-item-pros-deal-container{display:flex;flex-direction:column;grid-column:2;grid-row:1}body .hawk-root[data-viewports*=mobile] .hawk-promotion-item-container{display:block;padding:15px}body .hawk-root[data-viewports*=mobile] .hawk-promotion-item-container .hawk-promotion-item-innerContainer{display:block}body .hawk-root[data-viewports*=mobile] .hawk-promotion-item-container .hawk-promotion-item-innerContainer .hawk-promotion-item-pros-deal-container{align-items:center}@media screen and (max-width:500px){.hawk-promotion-item-container{display:block;padding:15px}.hawk-promotion-item-container .hawk-promotion-item-innerContainer{display:block}.hawk-promotion-item-container .hawk-promotion-item-innerContainer .hawk-promotion-item-pros-deal-container{align-items:center}}.hawk-promotion-item-display-name{color:var(--promotion-primary-color);font-family:var(--promotion-title-font-family);font-size:40px;font-weight:700;line-height:1.5}body .hawk-root[data-viewports*=mobile] .hawk-promotion-item-display-name{font-size:30px;margin-bottom:20px;text-align:center}@media screen and (max-width:500px){.hawk-promotion-item-display-name{font-size:30px;margin-bottom:20px;text-align:center}}.hawk-promotion-main-container{background-color:var(--promotion-background-color)}body .hawk-root[data-viewports*=mobile] .hawk-promotion-main-container{flex-direction:row}@media screen and (max-width:500px){.hawk-promotion-main-container{flex-direction:row}}.hawk-promotion-fallback-message{color:var(--white);text-align:center}
 }</style>

<script id="hawk__LOADABLE_REQUIRED_CHUNKS__" type="application/json">[6619,6286]</script><script id="hawk__LOADABLE_REQUIRED_CHUNKS___ext" type="application/json">{"namedChunks":["cbq-site","promotion"]}</script>
<script async="" data-chunk="responsive" src="https://hawk.creativebloq.com/js/w/es6/master-7d018138/responsive.js"></script>
<script async="" data-chunk="cbq-site" src="https://hawk.creativebloq.com/js/w/es6/master-7d018138/cbq-site.js"></script>
<script async="" data-chunk="promotion" src="https://hawk.creativebloq.com/js/w/es6/master-7d018138/promotion.js"></script>
<script id="hawkAdditionalScripts">window.hawk_widgets_endpoint="https://hawk.creativebloq.com";window.hawk_api_endpoint="https://hawk.creativebloq.com";</script>
<!-- End Hawk Elements -->
<script>
(()=>{const q=new URLSearchParams(location.search),sec=location.protocol==='https:'?'; Secure':'',age=3600;for(const k of ['utm_source','utm_medium','utm_campaign','utm_term','matchtype', 'msclkid', 'ds_eid','ds_e','ds_c','ds_cid','ds_agid','ds_kid','gclsrc','gclid','gbraid','gad_source','gad_campaignid']){const v=q.get(k);if(v)document.cookie=`${k}=${encodeURIComponent(v)}; Max-Age=${age}; Path=/; SameSite=Strict${sec}`}})();
</script>
<script class="kiosq-site-config" type="text/javascript">
window.FUTR = window.FUTR || {};
window.FUTR.Kiosq = window.FUTR.Kiosq || {};
window.FUTR.Kiosq.defaultSiteConfig = {"limitOfContent":220,"limitOfFreeArticle":5,"triggerMessageFrom":-1,"main_logo_position":{"verticalUp":{"rowLeft":true,"rowCenter":false,"rowRight":false},"verticalDown":{"rowLeft":false,"rowCenter":false,"rowRight":false}},"main_button_position":{"verticalUp":{"rowLeft":null,"rowCenter":false,"rowRight":false},"verticalCenter":{"rowLeft":true,"rowCenter":false,"rowRight":false},"verticalDown":{"rowLeft":false,"rowCenter":false,"rowRight":false}},"main_background_color":"#FFFFFF","main_button_background_color":"#ea4e1b","textBeforeButton":"<p><strong><span class=\"custom_h1\" style=\"font-size:28px;font-weight:bold;margin-top:0px\">Thank you for reading 5 articles this month* Join now for unlimited access<\/span><\/strong><\/p><p><strong><span class=\"custom_h3\" style=\"font-size:16px;font-weight:bold;margin-bottom:10px;line-height:24px\">Enjoy your first month for just \u00a31 \/ $1 \/ \u20ac1<\/span><\/strong><\/p>","textAfterButton":"<p><span class=\"null\" style=\"\">*Read 5 free articles per month without a subscription<\/span><\/p>","sticky_logo_position":{"verticalUp":{"rowLeft":false,"rowCenter":false,"rowRight":true}},"sticky_background_color":"#FFFFFF","sticky_button_background_color":"#ea4e1b","textStickyBeforeButton":"<p><strong><span class=\"custom_h3\" style=\"font-size:16px;font-weight:bold;margin-bottom:10px;line-height:24px\">Join now for unlimited access<\/span><\/strong><\/p><p>Try first month for just <strong>\u00a31 \/ $1 \/ \u20ac1<\/strong><\/p>","site":"creativebloq_en-gb","name":"Creative Bloq","local":"gb","journal":"CRB","offercode":"PWL06P","tracking":[{"utm_medium":"referral","utm_campaign":"CRB-hardlinks","utm_source":"CRB%20Paywall","utm_content":""}],"magazinesDirectProdEndpoint":"https:\/\/api.arcade.futurecdn.net\/kiosq-handshake","magazinesDirectQaEndpoint":"https:\/\/subscribe.creativebloq.com\/jwt\/paywall.php","metered":true,"template_sticky":"sticky\/sticky_default.html.twig","traffic_exposure":true,"traffic_exposure_rate":0,"logo":"https:\/\/cdn.mos.cms.futurecdn.net\/flexiimages\/mcasa08ogs1651144853.svg","button_text":"Join now","logo_small":"https:\/\/cdn.mos.cms.futurecdn.net\/flexiimages\/mcasa08ogs1651144853.svg","sticky_button_text":"Join now","doc_type":"kiosq-site-config","guid":"creativebloq_en-gb","last_modified":{"$date":{"$numberLong":"1771541443866"}},"template_button":null,"template_menu_header":null,"status":"InProgress","created_at":{"$date":{"$numberLong":"1652195198523"}},"wall_system":"classic","wall_type":"paywall","contact_us_link":"https:\/\/www.creativebloq.com\/features\/about-us","facebook_link":"https:\/\/www.facebook.com\/Creativebloq\/","instagram_link":"https:\/\/www.instagram.com\/creativebloqofficial\/","template_my_account":"account\/my-account.html.twig","template_my_account_loader":"account\/my-account-loader.html.twig","twitter_link":"https:\/\/twitter.com\/creativebloq","youtube_link":"https:\/\/www.youtube.com\/creativebloq","template_main_premium":null,"domain":"https:\/\/www.creativebloq.com","limitOfContentMobile":170,"productID":"f14390e5","bluebird_buy_sub":"https:\/\/api.arcade.futurecdn.net\/CRB\/PWL06P","bluebird_buy_sub_at":"https:\/\/www.magazinesdirect.com\/","bluebird_manage_sub":"https:\/\/www.mymagazine.co.uk\/","limitOfFreeArticleAfterLogin":3,"main_layer_enabled":false,"main_layer_premium_enabled":false,"recirculation_block":false,"sticky_layer_enabled":false,"template_main_regwall":null,"template_sticky_regwall":null,"enableHandshakeRedirect":true,"estore_handshake_endpoint":"https:\/\/api.arcade.futurecdn.net\/kiosq-handshake","bluebird_provider":true,"description_cover":"<p><strong><span class=\"custom_h3\" style=\"font-size:16px;font-weight:bold;margin-bottom:10px;line-height:24px\">Enjoy your first month for just \u00a31 \/ $1 \/ \u20ac1<\/span><\/strong><\/p>","main_premium_background_color":"#FFFFFF","main_premium_button_background_color":"#808080","main_premium_button_position":{"verticalUp":{"rowLeft":null,"rowCenter":false,"rowRight":false},"verticalCenter":{"rowLeft":true,"rowCenter":false,"rowRight":false},"verticalDown":{"rowLeft":false,"rowCenter":false,"rowRight":false}},"main_premium_logo_position":{"verticalUp":{"rowLeft":true,"rowCenter":false,"rowRight":false},"verticalDown":{"rowLeft":false,"rowCenter":false,"rowRight":false}},"main_provider":"bluebird","product_cover":"https:\/\/www.magazinesdirect.com\/images\/covers\/large-CRB.jpg","scheduled_maintenance_end_date":null,"scheduled_maintenance_start_date":null,"sticky_regwall_auth_background_color":"#FFFFFF","sticky_regwall_auth_button_background_color":"#808080","sticky_regwall_auth_logo_position":{"verticalUp":{"rowLeft":false,"rowCenter":false,"rowRight":true}},"textAfterButtonPremium":"","textBeforeButtonPremium":"","title_cover":"Creative Bloq","connect_config":[{"enable":true,"inlineCss":true,"authMenuType":"addEvent","callbackUrl":"\/auth_callback","authMenuInsertTarget":"auth-in-nav-header","auth0LockConfig":[{"logo_url":"https:\/\/cdn.mos.cms.futurecdn.net\/flexiimages\/mcasa08ogs1651144853.svg","logo_email":"https:\/\/cdn.mos.cms.futurecdn.net\/flexiimages\/idqwjvled01651145119.png","color_primary":"#EA4E1B","extra_css":".auth0-lock-header-welcome {margin-top: 15px; margin-bottom: -15px;}","site_name":"Creative Bloq","sign_up_newsletter_text":"Please sign me up to the Creative Bloq newsletter","contact_other_brand_text":"Contact me with news and offers from Creative Bloq and other Future brands","newsletter_code":"XCQ-X","allowedConnections":"google-oauth2,Username-Password-Authentication,apple"}],"signinButtonSpecificCss":"#auth-in-nav-header-menu{\n background-color: #EDEDED !important;\n}\n\n#auth-in-nav-header-menu-email:after {\n content: '';\n width: 50px;\n border-bottom: 1px solid #000 !important;\n}"}],"campaign_enable":true,"pythia_cache_endpoint":"https:\/\/cache.pythia.futureplc.com:443\/v1alpha1\/decision-engine","kiosq_v2_enable":true,"logo_email":"https:\/\/cdn.mos.cms.futurecdn.net\/flexiimages\/idqwjvled01651145119.png","id":"creativebloq_en-gb"};
/**
* Simple hasBarrier Promise for Ad Targeting
* Waits for Kiosq library to finalize hasBarrier after v2/campaigns
*/
// Create promises for v2 data and hasBarrier resolution
window.FUTR.Kiosq.promiseKiosqDataV2 = new Promise((resolve) => {
window.FUTR.Kiosq.resolveKiosqDataV2 = resolve;
});
window.FUTR.Kiosq.promiseHasBarrier = new Promise((resolve) => {
window.FUTR.Kiosq.resolveHasBarrier = resolve;
});
// Resolve hasBarrier after Kiosq v2 and campaigns complete
const resolveHasBarrierFinal = () => {
// Use hasBarrier calculated by Kiosq library, or false if not set
// We DON'T use displayBarrier as fallback because in metered paywall:
// - displayBarrier = true (page has paywall configured)
// - hasBarrier = false (user still has free articles)
const finalHasBarrier = window.FUTR.Kiosq?.hasBarrier ?? false;
window.FUTR.Kiosq.resolveHasBarrier(finalHasBarrier);
console.log(
'%cKIOSQ',
'color: #ffffff; background-color: #7F00FF; padding: 2px 6px;',
'hasBarrier resolved:',
finalHasBarrier,
'from:',
window.FUTR.Kiosq?.hasBarrier !== undefined ? 'kiosq-library' : 'default (false)'
);
};
// Wait for v2, then allow minimal time for campaign overrides (50ms optimized for speed)
if (window.FUTR.Kiosq.promiseKiosqDataV2) {
window.FUTR.Kiosq.promiseKiosqDataV2
.then(() => setTimeout(resolveHasBarrierFinal, 50))
.catch(() => setTimeout(resolveHasBarrierFinal, 50));
} else {
setTimeout(resolveHasBarrierFinal, 0);
}
window.FUTR.Kiosq.isHubPage = false;
window.FUTR.Kiosq.kiosqEndpoint = "https:\/\/kiosq.vanilla.tools";
</script>
<script type="text/javascript">
window.FUTR = window.FUTR || {};
window.FUTR.Kiosq = window.FUTR.Kiosq || {};
window.FUTR.Kiosq.isPremium = false;
window.FUTR.Kiosq.displayBarrier = false;
window.FUTR.Kiosq.disableServices = [];
</script>
<style id="paywall-css">@layer legacy {#kiosqAssistant {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
height: auto;
max-height: 400px;
min-width: 250px;
background: rgba(250, 249, 247, 0.18);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(16.4px);
border: 1px solid rgba(0, 0, 0, 0.25);
position: fixed;
right: 10px;
bottom: 10px;
z-index: 10000;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
text-align: center;
& > * {
margin:0;
padding:0;
}
& > div.content {
overflow-y: scroll;
overflow-x: clip;
height: 300px;
& header {
display:flex;
flex-direction: column;
font-size: 1rem;
background-color: #00000010;
padding: 0.4em 0;
margin: 0;
}
}
& > header {
padding: 2px;
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
font-size: 1.5rem;
font-weight: 600;
& h4{
display:flex;
flex-direction: column;
padding: 10px 5px;
font-size: large;
& span {
font-size: small;
}
}
& a {
color: var(--flexi-brand_color_2);
text-decoration: underline;
}
}
& .btn svg {
width: 20px;
height: 20px;
}
.table-item {
& .btn svg {
width: 15px;
height: 15px;
}
}
}
#kiosqAssistant.collapsed {
max-height: 60px;
width: auto;
min-width: 200px;
& > div.content {
display: none;
}
& .campaign {
display: none;
}
& header {
flex-grow: 1;
& > div > a {
display: none;
}
}
}
.campaign {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
opacity: 1;
& header {
margin:0;
padding: 0.4em 1em;
font-weight: normal;
}
}
.custom-template,
.campaigns,
.campaign {
/* font-size: 15px;
font-weight: 600;
width: 100%;
text-align: center;
margin: 0;
padding: 0.2em 0.5em; */
& header {
background-color: #f2f3f4;
}
}
.table-item {
width: 100%;
border: 1px solid rgba(250, 249, 247, 0.4);
border-bottom: 1px solid #00000020;
display: flex;
flex-direction: column;
& .btn svg {
width: 18px;
height: 18px;
}
& thead {
& tr {
display:flex;
& th {
display: flex;
padding: 5px 0 10px 2px;
font-size:1.2em;
flex-grow: 1;
font-weight: 600;
}
}
}
& tbody {
display: flex;
flex-direction: column;
& tr{
display:inline-flex;
flex-grow: 1;
width: 100%;
&:nth-child(odd){
background-color: #f8f8f8;
}
/* &:nth-child(odd){
background-color: #FFF;
} */
}
& td {
padding: 4px;
&:first-child{
flex-grow: 1;
width: 25em;
}
&:last-child{
flex-grow: 0;
width:4em;
font-weight: 700;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
}
}
}
ul.table-item{
list-style: none;
padding: 0;
margin: 0;
width: 100%;
min-height: 2em;
background-color:transparent;
& li {
padding: 0 5px;
display:flex;
width:100%;
height: 2em;
& span, & a {
align-content: center;
}
& div {
flex-grow: 1;
align-content: center;
}
& a {
text-decoration: none;
color: var(--flexi-brand_color_2);
&:hover {
background-color: var(--flexi-brand_color_2);
color:white;
}
}
}
}
.table-item.empty {
& td,& tbody td:last-child {
display: block;
text-align:center;
width: 100%;
}
}
.table-item.templates {
& tbody {
display:table;
& tr {
display:table-row;
border-bottom: 1px solid #00000030;
& td, th {
text-align: center;
display: table-cell;
&:first-child{
width: auto;
}
/* &:nth-child(2) {
} */
&[rowspan] {
vertical-align: middle;
font-weight: 600;
width: 5em;
}
}
}
}
}
.table-header-col{
padding: 5px 0;
}
.table-header-col {
padding: 0 3px;
font-weight: bold;
}
.table-header-title-link{
border-bottom: 1px solid var(--flexi-brand_color_2);
line-height: 25px;
}
.table-header-title-link:hover{
text-decoration: none;
color: var(--flexi-brand_color_2);
}
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.result-custom-template,
.result-campaign{
min-height: 60px;
}
.table-compare-col{
padding: 15px;
border: 1px solid #333;
text-align: center;
}
.table-config-compare .table-header-col{
text-align: center;
border: 1px solid #999;
padding: 5px;
}
/* SmartTooltip styles moved to SmartTooltip.css */
/* Button styles for all anchor tags with btn class */
.btn,
.btn:visited {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--flexi-brand_color_2, #333);
text-decoration: none !important;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
transition: all 0.2s ease-in-out;
cursor: pointer;
border: 1px solid transparent;
min-height: 24px;
& svg {
fill: currentColor;
}
}
.btn:hover,
.btn:visited:hover {
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
text-decoration: none !important;
background-color: var(--flexi-brand_color_2, #333);
color: white;
& svg {
fill: white;
}
}
.btn:active {
transform: translateY(0);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
/* Adjust spacing for icon-only buttons */
.btn:has(svg):not(:has(text)) {
padding: 8px;
min-width: 32px;
}
/* Table header title link buttons */
.table-header-title-link.btn {
background-color: transparent;
color: var(--flexi-brand_color_2, #007bff) !important;
border: 1px solid var(--flexi-brand_color_2, #007bff);
padding: 4px 8px;
}
.table-header-title-link.btn:hover {
background-color: var(--flexi-brand_color_2, #007bff);
color: #fff !important;
}
/* Config compare link buttons */
.config-compare-link {
cursor: pointer;
font-weight: normal;
&:hover {
font-weight: 600;
}
}
.config-compare-link.btn {
background-color: #28a745;
font-size: 11px;
padding: 4px 8px;
}
.config-compare-link.btn:hover {
background-color: #218838;
}
.table-config-compare {
& tbody > tr {
border-bottom:1px solid #fff;
}
& tr {
&:nth-child(odd) {
background-color: #dfdfdf;
}
& td, th {
&:first-child {
vertical-align: middle;
}
overflow-wrap: anywhere;
max-width: 40em;
padding: 3px;
vertical-align: baseline;
}
}
& textarea{
height: 80px;
width: 100%;
padding: 5px;
}
}
/* Smart Tooltip Styles */
.tooltip-container {
position: relative;
display: inline-block;
}
.smart-tooltip {
position: absolute;
background-color: var(--flexi-brand_color_2, #333);
color: #fff;
padding: 6px 8px;
border-radius: 4px;
font-size: 12px;
z-index: 11000;
pointer-events: none;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
max-width: 25em;
opacity: 0;
transition: opacity 0.2s ease-in-out;
word-wrap: break-word;
white-space: normal;
line-height: 1.4;
text-wrap: auto;
}
.smart-tooltip.visible {
display: block;
opacity: 1;
}
.smart-tooltip.hidden {
display: none;
opacity: 0;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.tooltip-arrow.top {
border-top: 4px solid var(--flexi-brand_color_2, #333);
bottom: -4px;
}
.tooltip-arrow.bottom {
border-bottom: 4px solid var(--flexi-brand_color_2, #333);
top: -4px;
}
/* Prevent tooltip interference with modals */
.paywall-settings-overlay .tooltip-container,
#kiosq-modal-portal .tooltip-container {
pointer-events: auto;
}
.paywall-settings-overlay .smart-tooltip,
#kiosq-modal-portal .smart-tooltip {
z-index: 10011; /* Higher than modal content */
}
.loader {
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid var(--flexi-brand_color_2); /* Site brand color */
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loader-content {
display: flex;
justify-content: center;
align-items: center;
}
.loader-content.show-kiosq-loader {
display: flex !important;
margin: auto;
width: max-content;
}
.loader-content.hide-kiosq-loader {
display: none;
}
.overlay {
background-color: #fff;
opacity: 0.5;
}
.wrapper-template{
position:relative;
}
.override-loader-position {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 10;
}
.responsive .override-loader-position{
height: auto;
}
.loader-content-debug{
height: auto;
background: transparent;
}
.loader-debug{
width: 60px;
height: 60px;
}
@media (min-width: 1024px){
.progressive .kiosq-main-layer+.override-loader-position {
float: left;
width: calc(100% - 320px);
margin-bottom: 20px;
margin-top: -120px;
}
}
#kiosq-modal-portal{
position: fixed;
top: 75px;
right: 12px;
z-index: 10000;
font-size: 12px;
box-shadow: 0px 0px 10px #000000;
border-radius: 15px;
background-color: white;
max-width: 50%;
}
#kiosq-modal-container{
padding: 0 15px 15px 15px;
}
/* .modal-button-close,.modal-title{
display: inline-block;
} */
/* .modal-wrapper{
width: auto;
border-radius: 15px;
padding: 15px;
} */
.modal-header{
display: flex;
flex-direction: row;
font-size: 1.1rem;
font-weight: 600;
height: 2.5em;
align-items: center;
}
.modal-title{
align-content: center;
margin: auto;
}
.modal-content {
overflow-y: scroll;
max-height: 40em;
}
.button-header-debug-wrapper-close{
background: none;
border: none;
cursor: pointer;
width: 2rem;
height: 2rem;
color: #333;
background-color: lightgray;
border-radius: 10%;
}
.button-header-debug-wrapper-close svg{
margin: auto;
}
/* Paywall Height Input Styles */
.paywall-height-input {
& ul {
display: flex;
flex-direction: column;
gap: 10px;
list-style: none;
padding: 0;
margin: 0;
& li {
display: flex;
align-items: center;
gap: 10px;
& label {
min-width: 100px;
font-weight: 500;
}
& input[type="range"] {
display: block;
flex: 1;
}
& .indicator {
width: 40px;
padding: 2px 4px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #f5f5f5;
color: #666;
font-size: 1.2em;
text-align: center;
}
}
}
}
/* Paywall Settings Modal Styles */
.paywall-settings-overlay {
position: fixed;
top: 50px; /* Position below the paywall button (button at top: 10px + height ~40px) */
right: 10px; /* Align with the paywall button */
width: auto;
height: auto;
background-color: transparent;
z-index: 10010;
transition: all 0.3s ease-in-out; /* Smooth transitions */
}
.paywall-settings-modal {
background-color: #fff;
border-radius: 8px;
padding: 0.5em;
min-width: 400px;
max-width: 500px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
position: relative;
transform-origin: top right; /* Scale from top right corner */
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth easing */
opacity: 1;
transform: scale(1);
& p {
font-size: small;
margin-bottom: 0.5em;
& svg {
display: inline-block;
width: 20px;
height: 20px;
}
}
/* Animation states */
&.entering {
opacity: 0;
transform: scale(0.8);
}
&.entered {
opacity: 1;
transform: scale(1);
}
&.exiting {
opacity: 0;
transform: scale(0.8);
}
& .paywall-settings-header {
display: flex;
justify-content: space-between;
align-items: center;
margin:0;
margin-bottom: 15px;
border-bottom: 1px solid #eee;
transition: all 0.3s ease;
& h3 {
margin: 0;
transition: all 0.3s ease;
}
}
& .paywall-settings-content {
margin-bottom: 20px;
transition: all 0.3s ease;
font-size: small;
& h5 {
margin-bottom: 10px;
transition: all 0.3s ease;
}
}
& .paywall-settings-actions {
text-align: center;
transition: all 0.3s ease;
}
}
/* Responsive adjustments */
@media (max-width: 768px) {
.paywall-settings-overlay {
bottom: 5px;
right: 5px;
}
.paywall-settings-modal {
min-width: 300px;
max-width: 350px;
padding: 15px;
}
}
/* Ensure modal stays above debug wrapper */
.campaign-debug-wrapper.collapsed ~ .paywall-settings-overlay,
.campaign-debug-wrapper ~ .paywall-settings-overlay {
z-index: 10011; /* Higher than debug wrapper */
}
/* SmartTooltip styles moved to SmartTooltip.css */
/* Button styles for all anchor tags with btn class */
.btn,
.btn:visited {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--flexi-brand_color_2, #333);
text-decoration: none !important;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
transition: all 0.2s ease-in-out;
cursor: pointer;
border: 1px solid transparent;
min-height: 24px;
}
.btn.alone {
background-color: hsl(from var(--flexi-brand_color_2) h s calc(l + 30));
}
.btn:hover,
.btn:visited:hover {
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
text-decoration: none !important;
background-color: var(--flexi-brand_color_2, #333);
color: white;
}
.btn:active {
transform: translateY(0);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
/* Special styling for buttons with SVG icons */
.btn svg {
width: 16px;
height: 16px;
fill: currentColor;
}
/* Adjust spacing for icon-only buttons */
.btn:has(svg):not(:has(text)) {
padding: 8px;
min-width: 32px;
}
#kiosq-app-paywall-js {
width: 100%;
}
.hasBarrier ._cm-video {
display: none;
}
.hasBarrier .paywall-locker {
height: var(--desktop-content-limit);
overflow-y: clip;
overflow-x: visible;
display: flow-root;
}
.hasBarrier .paywall-locker + .paywall-locker {
clear: none;
}
/* target when paywall-locker doesn't have height:auto */
.hasBarrier .paywall-locker:not([style*="height: auto"]) {
user-select: none;
}
@media (max-width: 991px) {
.responsive.hasBarrier .paywall-locker {
height: var(--mobile-content-limit);
}
}
@media (max-width: 1024px) {
.progressive.hasBarrier .paywall-locker {
height: var(--mobile-content-limit);
}
}
#kiosq {
z-index: 10;
position: relative;
top: -100px;
width: 100%;
}
.kiosq-main-layer .kiosq-gradient {
height: 100px;
position: relative;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 85%
);
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-gradient {
height: 50px;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 110%
);
}
.hasBarrier{
--desktop-content-limit:96px;
--mobile-content-limit:96px;
}
.wrapper-main-template{
height: 550px;
margin-top: -150px;
}
.paywall-locker .wrapper-main-template.is-visible{
margin-top: -120px;
}
.is-not-visible{
visibility: hidden;
height: inherit;
margin-top: inherit;
}
.kiosq-main-layer {
/* max-height: 550px;
overflow: scroll; */
border-bottom: 1px solid #333;
margin-bottom: 20px;
position: relative;
}
.disable-scrollbars::-webkit-scrollbar {
background: transparent;
width: 0px;
}
.disable-scrollbars {
scrollbar-width: none;
-ms-overflow-style: none;
}
.kiosq-main-layer.kiosq-sticky-layer {
position: fixed;
margin-top: 0;
border-bottom: none;
bottom: 0;
z-index: 1000;
margin-bottom: 0px;
height: inherit;
}
.responsive .kiosq-main-layer.kiosq-sticky-layer {
width: 602px;
}
@media (min-width: 991px) {
.responsive.no-sidebar .kiosq-main-layer.kiosq-sticky-layer {
width: 922px;
}
}
@media (min-width: 991px) {
.progressive .kiosq-main-layer.kiosq-sticky-layer {
width: 940px;
}
}
@media (min-width: 1024px) {
.progressive .kiosq-main-layer {
float: left;
width: calc(100% - 320px);
}
}
@media (min-width: 1281px) {
.progressive .kiosq-main-layer.kiosq-sticky-layer {
width: 1070px;
}
.progressive .kiosq-main-layer.kiosq-sticky-layer {
margin-left: -50px;
}
}
.kiosq-main-layer .kiosq-main-layer-container {
margin-bottom: 30px;
padding: 20px;
background-color:#ededed;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-main-layer-container {
border-top: 1px solid #333;
padding-top: 10px;
margin-bottom: 0px;
}
.kiosq-main-layer .kiosq-logo.rowLeft {
margin-bottom: 20px;
display: flex;
justify-content: flex-start;
}
.kiosq-main-layer .kiosq-logo.rowCenter {
margin-bottom: 20px;
display: flex;
justify-content: center;
order: 2;
}
.kiosq-main-layer .kiosq-logo.rowRight {
margin-bottom: 20px;
display: flex;
justify-content: flex-end;
order: 2;
}
.element_at_the_same_line_space_around {
display: flex;
justify-content: space-around;
}
.element_at_the_same_line_space_between {
display: flex;
justify-content: space-between;
}
.kiosq-main-layer .kiosq-logo img {
width: 140px !important;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-sticky-logo.rowLeft {
margin: 0px;
display: flex;
justify-content: flex-start;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-sticky-logo.rowCenter {
margin: 0px;
display: flex;
justify-content: center;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-sticky-logo.rowRight {
margin: 0px;
display: flex;
justify-content: flex-end;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-sticky-logo img {
width: 70px;
/*float: right;*/
}
.kiosq-main-layer .kiosq-title {
font-size: 30px;
font-weight: bold;
line-height: 38px;
margin-bottom: 20px;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-title {
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
}
.kiosq-main-layer .kiosq-subtitle {
font-size: 16px;
font-weight: bold;
line-height: 24px;
margin-bottom: 10px;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-subtitle {
font-size: 14px;
line-height: 22px;
}
.kiosq-main-layer .kiosq-description {
font-size: 14px;
line-height: 22px;
margin-bottom: 25px;
}
#main_layer_regwall .kiosq-description {
margin-bottom: 0px;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-description {
margin-bottom: 10px;
}
.kiosq-main-layer .kiosq-description .custom_h4 {
font-size: 100%;
font-weight: bold;
}
.kiosq-main-layer .kiosq-description .custom_h3 {
font-size: 16px;
font-weight: bold;
line-height: 24px;
margin-bottom: 10px;
}
.kiosq-main-layer .kiosq-description .custom_h2 {
font-size: 18px;
font-weight: bold;
line-height: 24px;
margin-bottom: 10px;
}
.kiosq-main-layer .kiosq-description .custom_h1 {
margin-top: 0px;
font-weight: bold;
font-size: 28px;
line-height: 34px;
}
.kiosq-main-layer .kiosq-description p {
margin-bottom: 1em;
}
#main_layer_regwall .kiosq-description p {
margin-bottom: 0px;
}
.kiosq-main-layer .kiosq-login-button > div {
width: 100%;
}
.kiosq-main-layer .kiosq-login-button.rowLeft {
font-size: 13px;
margin-bottom: 25px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.kiosq-main-layer .kiosq-login-button.rowCenter {
font-size: 13px;
margin-bottom: 25px;
display: flex;
flex-direction: column;
align-items: center;
order: 2;
}
.kiosq-main-layer .kiosq-login-button.rowRight {
font-size: 13px;
margin-bottom: 25px;
display: flex;
flex-direction: column;
align-items: flex-end;
order: 2;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-login-button {
margin-bottom: 0;
font-size: 13px;
}
.kiosq-main-layer .kiosq-login-button button {
height: 44px;
width: 360px;
text-align: center;
color: #fff;
margin-bottom: 10px;
border: none;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
background-color:var(--flexi-brand_color_2);
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-login-button button {
height: 34px;
width: 310px;
margin-right: 10px;
}
.kiosq-main-layer .kiosq-login-button a {
color: #000000;
text-decoration: underline;
}
.kiosq-main-layer .kiosq-conditions {
font-size: 14px;
line-height: 22px;
}
.kiosq-main-layer ul.kiosq-conditions,
.kiosq-main-layer .kiosq-conditions ul {
list-style-type: disc;
list-style-position: outside;
margin-bottom: 25px;
margin-left: 20px;
}
.kiosq-main-layer ul.kiosq-conditions li,
.kiosq-main-layer .kiosq-conditions ul li {
font-size: 14px;
line-height: 20px;
}
/* Menu header layer */
.kiosq-main-layer.kiosq-header-menu-layer {
display: none;
position: absolute;
background-color: #333;
width: 100%;
left: 0;
z-index: 1;
top: 60px;
color: #fff;
margin-top: 0;
}
.kiosq-main-layer.kiosq-header-menu-layer a {
color: #fff;
}
.kiosq-main-layer.kiosq-header-menu-layer .kiosq-main-layer-container {
background: #333;
display: flex;
flex-wrap: wrap;
margin: 20px;
padding: 0px;
}
#kiosq-dropdown-checkbox {
display: none;
}
.kiosq-dropdown-checkbox-img {
font-size: medium;
line-height: normal;
}
#kiosq-dropdown-checkbox:checked + .kiosq-main-layer.kiosq-header-menu-layer {
display: block;
}
.kiosq-main-layer.kiosq-header-menu-layer .kiosq-title {
width: 67%;
}
.kiosq-main-layer.kiosq-header-menu-layer .kiosq-subtitle {
width: 33%;
text-align: center;
margin-bottom: 15px;
}
.kiosq-main-layer.kiosq-header-menu-layer .kiosq-description {
width: 67%;
font-size: 16px;
line-height: 24px;
}
.kiosq-main-layer.kiosq-header-menu-layer .kiosq-login-button {
width: 33%;
text-align: center;
line-height: 30px;
margin: 0;
font-size: 13px;
}
.kiosq-main-layer.kiosq-header-menu-layer .kiosq-login-button button {
line-height: 24px;
width: 90%;
background-color: var(--flexi-brand_color_2);
}
.kiosq-main-layer.kiosq-button-layer {
margin-top: 10px;
border-bottom: none;
margin-bottom: 0;
}
.kiosq-main-layer.kiosq-button-layer .kiosq-main-layer-container {
padding: 0px;
background-color: inherit;
}
.kiosq-main-layer.kiosq-button-layer .kiosq-login-button {
margin-bottom: 0;
}
.kiosq-main-layer .kiosq-login-button button ,
.kiosq-main-layer.kiosq-sticky-layer .kiosq-login-button button {
background-color: var(--flexi-brand_color_2);
}
.kiosq-main-layer.kiosq-button-layer .kiosq-login-button a {
display: inherit;
}
/* Menu header drop down button */
.kiosq-dropdown {
float: right;
height: 60px;
display: flex;
flex-direction: column;
justify-content: center;
}
.kiosq-dropdown label {
line-height: 0;
margin: 0;
cursor: pointer;
}
.kiosq-dropdown label img {
width: 67px;
display: inline-block;
}
.kiosq-dropdown label svg {
width: 7px;
height: auto;
fill: #333;
margin-bottom: 9px;
display: inline-block;
}
.hasBarrier #in-article,
.hasBarrier #desktop-in-article,
.hasBarrier #mobile-in-article,
.hasBarrier .in-article {
display: none;
}
@media screen and (max-width: 990px) {
.responsive .kiosq-main-layer.kiosq-sticky-layer,
.progressive .kiosq-main-layer.kiosq-sticky-layer {
width: calc(100% - 40px);
left: 20px;
}
}
@media screen and (max-width: 699px) {
#kiosq-app-paywall-js .kiosq-main-layer{
float:left
}
.kiosq-main-layer.kiosq-header-menu-layer .kiosq-main-layer-container {
display: flex;
flex-direction: column;
margin: 15px 20px;
}
.kiosq-main-layer .kiosq-logo.rowLeft {
margin-bottom: 10px;
display: flex;
justify-content: flex-start;
}
.kiosq-main-layer .kiosq-logo.rowCenter {
margin-bottom: 10px;
display: flex;
justify-content: center;
}
.kiosq-main-layer .kiosq-logo.rowRight {
margin-bottom: 10px;
display: flex;
justify-content: flex-end;
}
.kiosq-main-layer .kiosq-logo img {
width: 120px !important;
}
.kiosq-dropdown label {
position: absolute;
top: 0;
right: 95px;
line-height: 60px;
}
.kiosq-main-layer.kiosq-sticky-layer {
width: calc(100% - 20px);
left: 10px;
}
.kiosq-main-layer.kiosq-header-menu-layer .kiosq-title {
width: 100%;
font-size: 22px;
line-height: 30px;
text-align: center;
margin-bottom: 10px;
order: 1;
}
.kiosq-main-layer.kiosq-header-menu-layer .kiosq-subtitle {
width: 100%;
font-size: 14px;
line-height: 22px;
text-align: center;
order: 3;
}
.kiosq-main-layer.kiosq-header-menu-layer .kiosq-description {
width: 100%;
text-align: center;
margin-bottom: 10px;
order: 2;
}
.kiosq-main-layer.kiosq-header-menu-layer .kiosq-login-button {
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
order: 4;
}
.kiosq-main-layer.kiosq-header-menu-layer .kiosq-login-button button {
width: 100%;
}
}
@media screen and (max-width: 460px) {
.kiosq-main-layer .kiosq-title {
font-size: 22px;
line-height: 30px;
margin-bottom: 10px;
}
.kiosq-main-layer .kiosq-login-button {
width: 100%;
margin-bottom: 5px;
}
.kiosq-main-layer .kiosq-login-button button {
width: 100%;
margin-bottom: 0px;
}
.kiosq-main-layer .kiosq-login-button a {
line-height: 33px;
}
.kiosq-main-layer .kiosq-description {
margin-bottom: 10px;
}
.kiosq-main-layer ul.kiosq-conditions,
.kiosq-main-layer .kiosq-conditions ul {
margin-bottom: 20px;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-main-layer-container {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
padding-top: 10px;
padding-bottom: 110px;
margin-left: -20px;
margin-right: -20px;
padding-left: 30px;
padding-right: 30px;
text-align: center;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-sticky-logo {
display: none;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-login-button button {
width: 100%;
margin-right: 0px;
margin-left: 0px;
margin-right: 0px;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-login-button a {
color: #000000;
text-decoration: underline;
display: inherit;
}
.kiosq-main-layer.kiosq-sticky-layer .kiosq-subtitle {
font-size: 12px;
line-height: 18px;
margin-bottom: 5px;
}
}
/* MY account */
.kiosq-my-account-title {
font-weight: 700;
font-size: 26px;
line-height: 44px;
}
.kiosq-my-account-col-content {
display: flex;
gap: 30px;
}
.kiosq-my-account {
margin-top: 20px;
}
.kiosq-my-account .show {
display: block;
}
.kiosq-my-account .hide {
display: none;
}
.kiosq-my-account-user-infos-widget {
display: flex;
align-items: center;
padding: 20px 10px;
background-color: #ededed;
gap: 5px;
height: 60px;
box-sizing: content-box;
}
.kiosq-my-account-left {
min-width: 600px;
}
.kiosq-my-account-right {
min-width: 300px;
}
.kiosq-my-account-user-infos {
margin-left: 15px;
}
.kiosq-my-account-user-infos-img-content {
width: 72px;
height: 72px;
border-radius: 50%;
background-color: var(--flexi-brand_color_2);
display: flex;
justify-content: center;
align-items: flex-end;
}
.kiosq-my-account-user-infos-img {
fill: #ededed;
margin-bottom: 5px;
}
.kiosq-my-account-user-name {
font-weight: 700;
font-size: 20px;
line-height: 23px;
margin-bottom: 10px;
margin-top: 10px;
}
.kiosq-my-account-user-info-content {
display: flex;
align-items: center;
}
.kiosq-my-account-user-info-text-img-content {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: var(--flexi-brand_color_2);
display: flex;
justify-content: center;
align-items: center;
}
.kiosq-my-account-user-info-text-img {
fill: #ededed;
}
.kiosq-my-account-user-info-text {
font-weight: 400;
font-size: 16px;
line-height: 18px;
margin-left: 10px;
}
.kiosq-my-account-title-widget {
margin-top: calc(20px + 0.5rem);
font-weight: 700;
font-size: 24px;
line-height: 30px;
}
.kiosq-my-account-subscription-widget {
display: flex;
align-items: flex-start;
gap: 20px;
border: 1px solid #cccccc;
margin-top: 12px;
margin-bottom: 20px;
}
.kiosq-my-account-subscription-widget-mobile {
display: none;
}
.kiosq-my-account-subscription-img {
box-sizing: border-box;
min-width: 180px;
height: 230px;
background-size: cover;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-color: #cccccc;
}
.kiosq-my-account-subscription-datas-block {
padding-top: 20px;
padding-bottom: 10px;
width: 100%;
}
.kiosq-my-account-subscription-datas {
display: flex;
}
.kiosq-my-account-subscription-content {
flex: 1;
}
.kiosq-my-account-bluebird-in-process-content {
display: flex;
width: 100%;
height: 190px;
justify-content: center;
align-items: center;
}
.kiosq-my-account-bluebird-in-process {
font-weight: 700;
font-size: 16px;
line-height: 20px;
}
.kiosq-my-account-subscription-title {
font-weight: 700;
font-size: 20px;
line-height: 24px;
margin-bottom: 15px;
}
.kiosq-my-account-subscription-data {
font-weight: 400;
font-size: 16px;
line-height: 20px;
margin-bottom: 5px;
}
.kiosq-my-account-subscription-data .kiosq-my-account-subscription-subtitle {
font-weight: 700;
}
.kiosq-my-account-subscription-data .custom_h1 {
display: none;
}
.kiosq-my-account-manage-button-block {
display: flex;
justify-content: center;
}
.kiosq-my-account-manage-button-anchor {
text-decoration: none !important;
}
.kiosq-my-account-manage-button-content {
display: flex;
flex-direction: column;
width: 188px;
margin-top: 15px;
}
.kiosq-my-account-manage-button-content.no-subscriptions {
width: 280px;
}
.kiosq-my-account-manage-button {
display: flex;
justify-content: center;
align-items: center;
padding: 2px 20px;
width: 188px;
height: 40px;
background-color: var(--flexi-brand_color_2);
border: 1px solid var(--flexi-brand_color_2);
border-radius: 2px;
}
.kiosq-my-account-manage-button.no-subscriptions {
width: 280px;
}
.kiosq-my-account-manage-button-text {
font-weight: 700;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
color: #ffffff;
}
.kiosq-my-account-manage-button-sublink-content {
font-weight: 400;
font-size: 12px;
line-height: 14px;
text-align: center;
color: #333333;
margin-top: 5px;
}
.kiosq-my-account-manage-button-sublink {
text-decoration-line: underline !important;
color: #333333 !important;
}
#kiosq-link-account-input {
height: 30px;
padding-left: 4px;
}
#kiosq-link-account-button {
display: flex;
justify-content: center;
align-items: center;
padding: 2px 20px;
width: 188px;
height: 35px;
background-color: var(--flexi-brand_color_2);
border: 1px solid var(--flexi-brand_color_2);
border-radius: 2px;
margin-left: 20px;
color: white;
}
#kiosq-link-account-button.processing:hover {
filter: brightness(85%);
cursor: wait !important;
}
.kiosq-my-account .input-mapping-error {
border: 1px solid red;
}
.kiosq-my-account .input-mapping-success {
border: 1px solid green;
}
.kiosq-my-account .message-div-error {
color: red;
font-size: 13px;
}
.kiosq-my-account .message-div-success {
color: green;
font-size: 13px;
}
#kiosq-link-account-button:hover {
cursor: pointer;
}
.kiosq-link-account-div {
display: flex;
flex-direction: row;
justify-content: start;
margin: 10px 0;
align-items: center;
}
.linking-account-description-text {
margin-top: 15px;
line-height: 20px;
}
.kiosq-my-account-subscription-status-content {
position: relative;
margin-right: 20px;
margin-left: auto;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 699px) {
.kiosq-my-account-cancel-sub {
position: absolute;
bottom: 0;
}
.kiosq-main-layer .kiosq-logo {
width: 250px;
height: 30px;
}
}
@media screen and (max-width: 699px) {
.kiosq-my-account-cancel-sub {
margin-top: 15px;
}
.kiosq-main-layer .kiosq-logo {
height: 30px;
}
}
.kiosq-my-account-cancel-sub {
text-decoration: underline;
}
.kiosq-my-account-cancel-sub a,
.kiosq-my-account-cancel-sub a:visited,
.kiosq-my-account-cancel-sub a:hover {
color: black !important;
}
.kiosq-my-account-subscription-status-flag-content {
display: flex;
justify-content: center;
align-items: center;
padding: 0px 10px;
width: 77px;
height: 20px;
border-radius: 2px;
margin-bottom: 6px;
}
.kiosq-my-account-subscription-status-flag-content.active {
background-color: #0fa958;
}
.kiosq-my-account-subscription-status-flag-content.trial {
background-color: #0f7ca9;
}
.kiosq-my-account-subscription-status-flag-content.future {
background-color: #6c757d;
}
.kiosq-my-account-subscription-status-flag-content.non-renewing {
background-color: #ff9800;
}
.kiosq-my-account-subscription-status-flag-content.paused {
background-color: #9e9e9e;
}
.kiosq-my-account-subscription-status-flag-content.cancelled {
background-color: #a90f0f;
}
.kiosq-my-account-subscription-status-flag-content.expired {
background-color: #a90f0f;
}
.kiosq-my-account-subscription-status-flag-content.unknown {
background-color: #cccccc;
}
.kiosq-my-account-subscription-status-flag-text {
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #ffffff;
}
.kiosq-my-account-subscription-status-title {
font-weight: 700;
font-size: 12px;
line-height: 15px;
margin-bottom: 3px;
text-align: center;
}
.kiosq-my-account-subscription-status-data {
font-size: 12px;
line-height: 15px;
margin-bottom: 3px;
text-align: center;
}
.kiosq-my-account-stay-in-touch-widget {
min-height: 400px;
}
.kiosq-my-account-stay-in-touch-title-content {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
width: 280px;
height: 56px;
background: #ffffff;
border-width: 1px 0px;
border-style: solid;
border-color: #cccccc;
padding: 0px 10px;
}
.kiosq-my-account-stay-in-touch-title-img-content {
width: 38px;
height: 38px;
border-radius: 50%;
background-color: var(--flexi-brand_color_2);
display: flex;
justify-content: center;
align-items: center;
}
.kiosq-my-account-stay-in-touch-title-img {
fill: #ededed;
margin-right: 2px;
}
.kiosq-my-account-stay-in-touch-title {
font-weight: 700;
font-size: 18px;
line-height: 21px;
}
.kiosq-my-account-stay-in-touch-subtitle {
font-weight: 700;
font-size: 14px;
line-height: 21px;
margin: 14px 0;
}
.kiosq-my-account-stay-in-touch-content {
padding: 20px 15px;
height: 102px;
}
.kiosq-my-account-stay-in-touch {
font-weight: 400;
font-size: 14px;
line-height: 16px;
margin-bottom: 15px;
}
.kiosq-my-account-stay-in-touch-link {
/* text-decoration-line: underline; */
color: var(--flexi-brand_color_2);
}
.kiosq-my-account-stay-in-touch-social-content {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
}
.kiosq-my-account-stay-in-touch-social-link {
display: block;
}
.kiosq-my-account-proposal-widget {
margin-top: 15px;
display: block;
}
.kiosq-my-account-proposal-widget-mobile {
margin-top: 15px;
display: none;
}
.kiosq-my-account-proposal-slider {
min-width: 600px;
position: relative;
min-height: 390px;
overflow: hidden;
}
.kiosq-my-account-proposal-slide {
width: 100%;
position: absolute;
transition: all 0.5s;
gap: 30px;
display: flex;
}
.kiosq-my-account-proposal-slide-mobile {
width: 100%;
position: absolute;
transition: all 0.5s;
gap: 30px;
display: flex;
}
.kiosq-my-account-proposal-slide-widget {
width: 180px;
}
.kiosq-my-account-proposal-slide-widget-img {
width: 180px;
height: 230px;
background-size: cover;
}
.kiosq-my-account-proposal-slide-widget-title {
font-weight: 700;
font-size: 18px;
line-height: 24px;
margin-top: 10px;
}
.kiosq-my-account-proposal-slide-widget-infos-content {
display: flex;
justify-content: flex-start;
margin-top: 11.5px;
margin-bottom: 10px;
}
.kiosq-my-account-proposal-slide-widget-infos-img-content {
display: flex;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #0fa958;
margin-right: 5px;
}
.kiosq-my-account-proposal-slide-widget-infos-img {
fill: #ededed;
}
.kiosq-my-account-proposal-slide-widget-infos {
font-weight: 400;
font-size: 12px;
line-height: 15px;
}
.kiosq-my-account-proposal-slide-widget-link {
font-weight: 700;
font-size: 14px;
line-height: 16px;
text-decoration-line: underline;
color: var(--flexi-brand_color_2);
}
.kiosq-my-account-proposal-btn {
position: absolute;
width: 40px;
height: 40px;
padding: 10px;
border: none;
border-radius: 50%;
z-index: 10px;
cursor: pointer;
background-color: #fff;
font-size: 18px;
}
.kiosq-my-account-proposal-btn:active {
transform: scale(1.1);
}
.kiosq-my-account-proposal-slide-btn-prev {
top: 45%;
left: 2%;
}
.kiosq-my-account-proposal-slide-btn-next {
top: 45%;
right: 2%;
}
.kiosq-my-account-proposal-slide-btn-prev-mobile {
top: 45%;
left: 2%;
}
.kiosq-my-account-proposal-slide-btn-next-mobile {
top: 45%;
right: 2%;
}
.kiosq-my-account-no-subscriptions-text {
margin-top: 20px;
margin-bottom: 5px;
font-weight: 400;
font-size: 20px;
line-height: 25px;
}
.kiosq-my-account-current-site-header {
margin-top: 20px;
font-weight: 700;
font-size: 20px;
display: block;
}
.kiosq-my-account-current-site-header-mobile {
display: none;
}
.kiosq-my-account-subscription-history-button-content {
display: flex;
height: 100%;
align-items: flex-end;
}
.kiosq-my-account-subscription-history-button {
display: flex;
justify-content: center;
background-color: #cccccc;
align-items: center;
padding: 0px 10px;
width: 77px;
height: 20px;
border-radius: 2px;
}
.kiosq-my-account-subscription-history-button:hover {
cursor: pointer;
}
.kiosq-my-account-subscription-history-button-mobile {
display: flex;
justify-content: center;
background-color: #cccccc;
align-items: center;
padding: 0px 10px;
width: 77px;
height: 20px;
border-radius: 2px;
margin-top: 10px;
}
.kiosq-my-account-subscription-history-button-mobile:hover {
cursor: pointer;
}
.kiosq-my-account-subscription-history-button-text {
font-weight: 700;
font-size: 14px;
line-height: 20px;
margin-right: 5px;
}
.kiosq-my-account-subscription-history-icon-content {
display: flex;
align-items: center;
}
.kiosq-my-account-subscription-history-content {
max-height: 0;
transition: max-height 0.25s ease-out;
overflow: hidden;
}
.kiosq-my-account-subscription-history-content-mobile {
max-height: 0;
transition: max-height 0.25s ease-out;
overflow: hidden;
}
.kiosq-my-account-subscription-history-button-icon-down {
display: block;
}
.kiosq-my-account-subscription-history-button-icon-up {
display: none;
}
.kiosq-complete-setup-title {
font-weight: 700;
margin: 15px 0px;
}
.kiosq-complete-setup-p {
margin: 15px 0px;
}
.kiosq-complete-setup-button {
display: flex;
justify-content: center;
align-items: center;
height: 44px;
width: 360px;
background-color: var(--flexi-brand_color_2);
margin: 30px auto;
}
.kiosq-complete-setup-button-text {
font-weight: 700;
color: #fff;
}
.kiosq-complete-setup-button:hover {
cursor: pointer;
}
.kiosq-restricted-access-title {
font-weight: 700;
margin: 15px 0px;
}
.kiosq-restricted-access-p {
margin: 15px 0px;
}
.kiosq-restricted-access-button {
display: flex;
justify-content: center;
align-items: center;
height: 44px;
width: 360px;
background-color: var(--flexi-brand_color_2);
margin: 30px auto;
}
.kiosq-restricted-access-button-text {
font-weight: 700;
color: #fff;
}
.kiosq-restricted-access-button:hover {
cursor: pointer;
}
@media screen and (max-width: 699px) {
.flexi-page.responsive .widget-area {
padding: 0px !important;
}
.kiosq-my-account-left {
min-width: 375px;
}
.kiosq-my-account-right {
min-width: 375px;
}
.kiosq-my-account-col-content {
flex-direction: column;
}
.kiosq-my-account-title {
font-size: 22px;
padding-left: 15px;
}
.kiosq-my-account-user-infos-widget {
min-width: 355px;
}
.kiosq-my-account-user-infos-img-content {
width: 50px;
height: 50px;
}
.kiosq-my-account-user-infos-img {
width: 50px;
height: 50px;
margin-bottom: 2px;
}
.kiosq-my-account-user-info-text {
font-size: 14px;
line-height: 16px;
}
.kiosq-my-account-title-widget {
font-size: 20px;
line-height: 20px;
padding-left: 15px;
}
.kiosq-my-account-subscription-widget {
display: none;
}
.kiosq-my-account-subscription-widget-mobile {
display: block;
padding: 15px;
border-top: 1px solid #cccccc;
margin-top: 12px;
}
.kiosq-my-account-no-subscriptions-widget
.kiosq-my-account-subscription-widget-mobile {
padding: 15px 0px 15px 0px;
}
.kiosq-my-account-subscription-title-content-mobile {
display: flex;
margin-bottom: 20px;
}
.kiosq-my-account-subscription-img-mobile {
box-sizing: border-box;
min-width: 117px;
height: 150px;
background-size: cover;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-color: #cccccc;
}
.kiosq-my-account-subscription-datas-block-mobile {
margin-bottom: 10px;
display: flex;
align-items: flex-start;
gap: 15px;
}
.kiosq-my-account-subscription-title-mobile {
font-weight: 700;
font-size: 18px;
line-height: 21px;
}
.kiosq-my-account-subscription-content-mobile {
flex: 1;
}
.kiosq-my-account-bluebird-in-process-content {
height: 150px;
}
.kiosq-my-account-subscription-data-mobile {
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin-bottom: 5px;
}
.kiosq-my-account-subscription-data-mobile
.kiosq-my-account-subscription-subtitle-mobile {
font-weight: 700;
}
.kiosq-my-account-subscription-data-mobile .custom_h1 {
display: none;
}
.kiosq-my-account-manage-button-content-mobile {
display: flex;
flex-direction: column;
margin-top: 20px;
align-items: center;
width: 100%;
}
.kiosq-my-account-manage-button-mobile {
display: flex;
justify-content: center;
align-items: center;
padding: 2px 20px;
height: 40px;
background-color: var(--flexi-brand_color_2);
border: 1px solid var(--flexi-brand_color_2);
border-radius: 2px;
width: 100%;
}
.kiosq-my-account-manage-button-text-mobile {
font-weight: 700;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
color: #ffffff;
}
.kiosq-my-account-manage-button-sublink-content-mobile {
font-weight: 400;
font-size: 12px;
line-height: 14px;
text-align: center;
color: #333333;
margin-top: 5px;
}
.kiosq-my-account-manage-button-sublink-mobile {
text-decoration-line: underline !important;
color: #333333 !important;
}
.kiosq-my-account-subscription-status-flag-content-mobile {
display: flex;
justify-content: center;
align-items: center;
padding: 0px 10px;
width: 63px;
height: 21px;
border-radius: 2px;
margin-right: 0px;
margin-left: auto;
}
.kiosq-my-account-subscription-status-flag-content-mobile.active {
background-color: #0fa958;
}
.kiosq-my-account-subscription-status-flag-content-mobile.trial {
background-color: #0f7ca9;
}
.kiosq-my-account-subscription-status-flag-content-mobile.future {
background-color: #6c757d;
}
.kiosq-my-account-subscription-status-flag-content-mobile.non-renewing {
background-color: #ff9800;
}
.kiosq-my-account-subscription-status-flag-content-mobile.paused {
background-color: #9e9e9e;
}
.kiosq-my-account-subscription-status-flag-content-mobile.cancelled {
background-color: #a90f0f;
}
.kiosq-my-account-subscription-status-flag-content-mobile.expired {
background-color: #a90f0f;
}
.kiosq-my-account-subscription-status-flag-content-mobile.unknown {
background-color: #cccccc;
}
.kiosq-my-account-subscription-status-flag-text-mobile {
font-weight: 700;
font-size: 14px;
line-height: 16px;
color: #ffffff;
}
.kiosq-my-account-block-link-in-widget-mobile {
display: block;
font-weight: 700;
font-size: 14px;
line-height: 16px;
text-decoration-line: underline;
color: var(--flexi-brand_color_2);
}
.kiosq-my-account-block-link-img-mobile {
margin-left: 7px;
fill: var(--flexi-brand_color_2);
width: 15px;
height: 15px;
}
.kiosq-my-account-stay-in-touch-title-content {
width: 355px;
border-width: 0px 0px 1px 0px;
}
.kiosq-my-account-proposal-widget {
display: none;
}
.kiosq-my-account-proposal-widget-mobile {
display: block;
padding-left: 15px;
padding-right: 15px;
}
.kiosq-my-account-proposal-slider {
min-width: 345px;
min-height: 360px;
}
.kiosq-my-account-proposal-slide-widget {
width: 155px;
}
.kiosq-my-account-proposal-slide-widget-img {
width: 155px;
height: 198.05px;
}
.kiosq-my-account-proposal-slide-widget-title {
line-height: 22px;
}
.kiosq-my-account-no-subscriptions-widget {
padding-left: 15px;
padding-right: 15px;
}
.kiosq-my-account-no-subscriptions-text {
font-size: 14px;
}
.kiosq-my-account-current-site-header {
display: none;
}
.kiosq-my-account-current-site-header-mobile {
margin-top: 20px;
font-weight: 700;
font-size: 14px;
display: block;
padding-left: 15px;
}
.kiosq-my-account-no-subscriptions-widget
.kiosq-my-account-current-site-header-mobile {
padding-left: 0px;
}
.kiosq-my-account-manage-button-content.no-subscriptions {
width: 100%;
}
.kiosq-my-account-manage-button.no-subscriptions {
width: 100%;
}
.kiosq-my-account-manage-button-anchor {
width: 100%;
}
.paywall-locker:not(.paywall-locker:not(.paywall-locker ~ .paywall-locker)) {
display: none;
}
}
.dismiss-barrier {
position: absolute;
right: 27px;
width: 25px;
}
/*# sourceMappingURL=bundle.paywall.css.map*//* ===========================
CHARGEBEE CHECKOUT WRAPPER
=========================== */
/* Overlay */
.chargebee-checkout-overlay {
position: fixed;
inset: 0; /* top:0; right:0; bottom:0; left:0 */
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(6px);
z-index: 100000;
opacity: 0;
animation: chargebee-checkout-fadeIn 0.3s ease forwards;
}
@keyframes chargebee-checkout-fadeIn {
to {
opacity: 1;
}
}
/* Modal Box */
.chargebee-checkout-box {
height: 90%;
max-height: 573px;
display: flex;
flex-direction: column;
background: #fff;
border-radius: 3px;
max-width: 400px;
width: 90%;
position: relative;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
transform: scale(0.9) translateY(20px);
animation: chargebee-checkout-slideIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
&.result {
height: auto;
}
}
@keyframes chargebee-checkout-slideIn {
to {
transform: scale(1) translateY(0);
}
}
/* ===========================
CHARGEBEE CHECKOUT EMAIL MODAL
=========================== */
.chargebee-checkout-email-icon {
max-width: 80%;
animation: chargebee-checkout-bounce 0.6s ease;
width: 60%;
max-height: 70px;
}
@keyframes chargebee-checkout-bounce {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.1); }
}
.chargebee-checkout-email-title {
font-size: 14px;
color: darkred;
background: white;
text-align: center;
color: var(--brand-color-1);
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.chargebee-checkout-email-subtitle {
color: #666;
text-align: center;
font-size: 15px;
line-height: 1.5;
}
/* OTP Modal specific styles */
.chargebee-checkout-otp-subtitle {
color: #666;
text-align: center;
margin-top: 12px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.5;
}
.chargebee-checkout-otp-input {
text-align: center;
font-size: 24px;
letter-spacing: 8px;
font-weight: 600;
}
.chargebee-checkout-otp-resend {
display: flex;
justify-content: center;
margin-bottom: 6px;
}
.chargebee-checkout-otp-resend-btn {
background: none;
border: none;
color: var(--brand-color-1, #007bff);
font-size: 14px;
cursor: pointer;
text-decoration: underline;
padding: 0;
}
.chargebee-checkout-otp-resend-btn:hover {
opacity: 0.8;
}
.chargebee-checkout-otp-resend-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.chargebee-checkout-otp-resend-timer {
color: #999;
font-size: 14px;
}
.chargebee-checkout-email-message.success {
color: #28a745;
}
/* End OTP Modal specific styles */
.chargebee-checkout-email-input-wrapper {
width: 100%;
}
.chargebee-checkout-email-input {
width: 100%;
padding: 16px 16px 16px 16px;
border: 1px solid darkslategrey !important;
border-radius: 2px;
font-size: 16px;
transition: all 0.3s ease;
outline: none;
font-family: inherit;
background-repeat: no-repeat;
background-position: 16px center;
background-size: 20px 20px;
height: 50px;
}
.chargebee-checkout-email-input::placeholder {
color: #1B1B1B;
font-size: 14px;
}
.chargebee-checkout-email-message {
color: #e63946;
font-size: 0.9rem;
margin-top: 0.5rem;
text-align: center;
min-height: 1.2em;
margin-bottom: 4px;
}
.chargebee-checkout-email-cta-button {
width: 234px;
height: 40px;
line-height: 22px;
padding: 0px;
display: block;
border: none;
border-radius: 1px;
cursor: pointer;
transition: all 0.3s ease;
background: var(--flexi-brand_color_1, white);
font-family: inherit;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: capitalize;
color: white;
}
.chargebee-checkout-email-cta-button:hover {
transform: translateY(-2px);
box-shadow: 2px 0px 5px #00000099;
}
.chargebee-checkout-email-cta-button:active {
transform: translateY(0);
}
/* ===========================
CHARGEBEE CHECKOUT LOGIN MODAL
=========================== */
.chargebee-checkout-login-modal-content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
padding: 25px 40px 20px 40px;
align-items: center;
}
.chargebee-checkout-success-content {
padding: 25px 40px 20px 40px;
}
.chargebee-checkout-login-title {
font-size: 24px;
font-weight: 700;
margin-bottom: 8px;
text-align: center;
}
.chargebee-checkout-login-subtitle {
font-size: 15px;
color: #666;
text-align: center;
margin-bottom: 16px;
}
.chargebee-checkout-login-payment-details {
background-color: #f9fafb;
border-radius: 8px;
padding: 16px;
margin-bottom: 24px;
width: 100%;
}
.chargebee-checkout-login-payment-details div {
margin-bottom: 4px;
font-size: 14px;
color: #333;
}
.chargebee-checkout-login-cta-button {
width: 100%;
line-height: 3em;
border: none;
border-radius: 1px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
background: linear-gradient(135deg, var(--flexi-brand_color_1, #006edc), color-mix(in srgb, var(--flexi-brand_color_1, #006edc) 70%, white));
color: white;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
transition: all 0.3s ease;
}
.chargebee-checkout-login-notice {
background-color: #eff6ff;
border: 1px solid #bfdbfe;
border-radius: 8px;
padding: 16px;
margin-bottom: 24px;
display: flex;
align-items: flex-start;
gap: 12px;
}
.chargebee-checkout-login-info-icon {
width: 20px;
height: 20px;
color: #3b82f6;
margin-top: 2px;
flex-shrink: 0;
}
.chargebee-checkout-login-notice-title {
font-weight: 600;
color: #1e40af;
margin-bottom: 4px;
font-size: 14px;
text-align: left;
}
.chargebee-checkout-login-notice-text {
color: #1d4ed8;
font-size: 14px;
line-height: 1.4;
text-align: left;
}
.chargebee-checkout-login-success-icon {
width: 64px;
height: 64px;
background-color: #dcfce7;
border-radius: 50%;
margin: 0 auto 16px;
display: flex;
align-items: center;
justify-content: center;
animation: post-purchase-login-v2-pulse 2s infinite;
}
.chargebee-checkout-login-success-icon svg {
width: 32px;
height: 32px;
color: #16a34a;
}
.post-purchase-login-payment-details {
background-color: #eff6ff;
border-radius: 8px;
padding: 16px;
margin-bottom: 24px;
}
.chargebee-checkout-login-detail-row {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
font-size: 14px;
}
.chargebee-checkout-login-detail-row:last-child {
margin-bottom: 0;
}
.chargebee-checkout-login-detail-label {
color: #6b7280;
}
.chargebee-checkout-login-detail-value {
color: #111827;
font-weight: 500;
}
.chargebee-checkout-login-cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
}
.chargebee-checkout-login-cta-button:active {
transform: translateY(0);
}
.chargebee-checkout-close-btn {
position: absolute;
top: -12px;
right: -12px;
background: black;
border: none;
width: 24px;
height: 24px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: white;
transition: all 0.3s ease;
}
/* ===========================
CHARGEBEE CHECKOUT SUCCESS MODAL
=========================== */
.chargebee-checkout-checkmark {
color: white;
font-size: 35px;
font-weight: bold;
}
.chargebee-checkout-success-icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
}
.chargebee-checkout-checkmark {
font-size: 48px;
color: #667eea;
}
.chargebee-checkout-success-title {
font-size: 24px;
font-weight: 700;
margin-bottom: 12px;
text-align: center;
}
.chargebee-checkout-success-message {
text-align: center;
color: #666;
margin-bottom: 24px;
}
.chargebee-checkout-success-button {
width: 100%;
padding: 8px;
line-height: 2em;
border-radius: 3px;
font-weight: 600;
font-size: 16px;
border: none;
background: linear-gradient(135deg, var(--flexi-brand_color_1, #006edc), color-mix(in srgb, var(--flexi-brand_color_1, #006edc) 70%, white));
color: white;
cursor: pointer;
transition: all 0.3s ease;
}
.chargebee-checkout-success-button:hover {
transform: translateY(-2px);
}
.chargebee-checkout-feature-list {
background: rgba(16, 185, 129, 0.1);
border: 1px solid rgba(16, 185, 129, 0.2);
border-radius: 16px;
padding: 20px;
margin: 25px 0;
text-align: left;
}
.chargebee-checkout-feature-item {
display: flex;
align-items: center;
margin-bottom: 12px;
color: #374151;
font-size: 14px;
}
.chargebee-checkout-feature-item:last-child {
margin-bottom: 0;
}
.chargebee-checkout-feature-item::before {
content: '\2713';
color: #10b981;
font-weight: bold;
margin-right: 12px;
font-size: 16px;
}
.chargebee-checkout-feature-item-autologin {
font-weight: 500;
}
/* ===========================
MEDIA QUERIES
=========================== */
@media (max-width: 480px) {
.email-modal-title {
font-size: 24px;
}
.post-purchase-success-title {
font-size: 20px;
}
}
.chargebee-checkout-email-header
{
min-height: 90px;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
padding: 10px 0;
box-sizing: content-box;
}
.chargebee-checkout-email-content
{
background: #f4f5f9;
padding: 20px 25px 40px 25px;
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
& footer {
align-items: center;
display: flex;
flex-direction: column;
}
}
.chargebee-checkout-privacy
{
margin-top: 20px;
margin-bottom: 15px;
line-height: 23px;
font-size: 14px;
& a {
font-weight: 700;
line-height: 23px;
font-size: 14px;
}
}
.chargebee-checkout-consents
{
font-size: 13px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.chargebee-checkout-checkbox input[type="checkbox"]
{
margin-right: 10px;
flex-shrink: 0;
width: 24px;
height: 24px;
margin-top: 2px;
cursor: pointer;
}
.chargebee-checkout-checkbox
{
display: flex;
align-items: flex-start;
margin-bottom: 10px;
cursor: pointer;
line-height: 1.4;
align-items: center;
}
.chargebee-checkout-checkbox span {
flex: 1;
font-size: 14px;
}
.chargebee-checkout-error-modal-content {
text-align: center;
padding: 30px 20px;
}
.chargebee-checkout-error-icon {
margin: 10px auto 20px;
color: #ef4444; /* red-500 */
}
.chargebee-checkout-error-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.chargebee-checkout-error-message {
font-size: 14px;
margin-bottom: 25px;
color: #555;
}
.chargebee-checkout-error-close-btn {
background: #ef4444;
color: white;
border: none;
padding: 12px;
width: 100%;
font-size: 15px;
border-radius: 8px;
cursor: pointer;
line-height: 20px;
width: 300px;
}
.chargebee-checkout-select-wrapper {
margin-top: 12px;
}
.chargebee-checkout-select {
width: 100%;
height: 50px;
padding: 0 12px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
background: #fff;
}
.chargebee-checkout-processing-modal-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 3rem 2rem;
gap: 1rem;
text-align: center;
}
/* Title */
.chargebee-checkout-processing-title {
font-size: 1.25rem;
font-weight: 600;
color: #111827; /* gray-900 */
letter-spacing: -0.01em;
margin: 0;
}
/* Icon */
.chargebee-checkout-processing-icon {
display: inline-block;
margin-right: 5px;
width: 27px;
height: 27px;
color: #4F46E5;
opacity: 0.9;
}
/* processing */
.chargebee-checkout-processing-loader {
width: 48px;
height: 48px;
border: 4px solid rgba(0,0,0,.1);
border-left-color: #4F46E5;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
/* Message */
.chargebee-checkout-processing-message {
margin: 0;
font-size: .95rem;
font-weight: 500;
color: #4B5563; /* gray-600 */
animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
0%,100% { opacity: 1; }
50% { opacity: .6; }
}
/* ===========================
ACTIVE SUBSCRIPTION MODAL
=========================== */
.chargebee-checkout-active-sub-content {
display: flex;
flex-direction: column;
align-items: center;
padding: 32px 24px 24px;
gap: 16px;
text-align: center;
}
.chargebee-checkout-active-sub-icon {
width: 64px;
height: 64px;
background-color: #dbeafe;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.chargebee-checkout-active-sub-icon svg {
width: 32px;
height: 32px;
color: #2563eb;
}
.chargebee-checkout-active-sub-title {
font-size: 20px;
font-weight: 700;
color: #111827;
margin: 0;
}
.chargebee-checkout-active-sub-description {
font-size: 14px;
color: #4b5563;
line-height: 1.6;
margin: 0;
}
.chargebee-checkout-active-sub-primary-cta {
width: 100%;
line-height: 3em;
border: none;
border-radius: 4px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.chargebee-checkout-active-sub-primary-cta:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
}
.chargebee-checkout-active-sub-secondary-cta {
background: none;
border: none;
color: #6b7280;
font-size: 13px;
cursor: pointer;
text-decoration: underline;
padding: 0;
}
.chargebee-checkout-active-sub-secondary-cta:hover {
color: #374151;
}
.chargebee-checkout-active-sub-continue {
text-align: center;
margin-top: 12px;
}
.chargebee-checkout-active-sub-continue a {
font-weight: 700;
font-size: 14px;
line-height: 23px;
color: #101f9e;
cursor: pointer;
text-decoration: none;
}
.chargebee-checkout-active-sub-continue a:hover {
text-decoration: underline;
}
/*# sourceMappingURL=chargebee-checkout.css.map*/
/*# sourceMappingURL=chargebee-checkout.css.map*/}</style><style id="kiosq-additional-css">@layer legacy {}</style>
<style data-layerless-source="true">@layer legacy { 
#auth-in-nav-header-menu{
background-color: #EDEDED !important;
}
#auth-in-nav-header-menu-email:after {
content: &#039;&#039;;
width: 50px;
border-bottom: 1px solid #000 !important;
}
 }</style>
<script>
window.FUTR = window.FUTR || {};
window.FUTR.Connect = {"callbackUrl":"\/auth_callback","SIGN_OUT_TEXT":"Sign out","type":"addEvent","target":"auth-in-nav-header","auth0LockConfig":{"logo_url":"https:\/\/cdn.mos.cms.futurecdn.net\/flexiimages\/mcasa08ogs1651144853.svg","logo_email":"https:\/\/cdn.mos.cms.futurecdn.net\/flexiimages\/idqwjvled01651145119.png","color_primary":"#EA4E1B","extra_css":".auth0-lock-header-welcome {margin-top: 15px; margin-bottom: -15px;}","site_name":"Creative Bloq","sign_up_newsletter_text":"Please sign me up to the Creative Bloq newsletter","contact_other_brand_text":"Contact me with news and offers from Creative Bloq and other Future brands","newsletter_code":"XCQ-X","allowedConnections":"google-oauth2,Username-Password-Authentication,apple","label":"creativebloq_en-gb"}};
window.FUTR.Connect.auth0LockConfig.allowedConnections = "google-oauth2,Username-Password-Authentication";
window.FUTR.Connect.callbackUrl = window.location.origin + window.FUTR.Connect.callbackUrl;
window.FUTR.Connect.auth0AppClientId = "JRKr0EFukuD1sJvmCPwYGLYQNEyOlhDB";
window.FUTR.Connect.Auth = window.FUTR.Connect.Auth || {};
window.FUTR.Connect.Auth.parseJwt = window.FUTR.Connect.Auth.parseJwt || ((token)=>{
if (typeof token === 'undefined' || !token) {
return;
}
var base64Url = token.split('.')[1] || '';
var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
var jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function(c) {
return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
}).join(''));
return JSON.parse(jsonPayload);
});
window.FUTR.Connect.Auth.getCookieByName = (name)=> {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
}
window.FUTR.Kiosq.User = window.FUTR.Connect.Auth.parseJwt(window.FUTR.Connect.Auth.getCookieByName("kiosq_user"));
window.FUTR.Connect.isGranted = false;
if(typeof window.FUTR.Kiosq.User !== 'undefined' && typeof window.FUTR.Kiosq.User.user_grant_status !== 'undefined' ){
const matchString = '^granted';
const regexp = new RegExp(matchString);
if(regexp.test(window.FUTR.Kiosq.User.user_grant_status)){
window.FUTR.Connect.isGranted = true;
}
}
window.addEventListener("DOMContentLoaded", (event) => {
var connectBundle = document.createElement('script');
// window.FUTR.Connect.auth0AppClientId must be set before bundle.connect.js be added.
connectBundle.src = "https://vanilla.futurecdn.net/creativebloq/1593833/media/shared/js/bundle.connect.js";
document.head.appendChild(connectBundle);
});
</script>
<script class="paywall-campaign-context" type="text/javascript">
window.FUTR = window.FUTR || {};
window.FUTR.Kiosq = window.FUTR.Kiosq || {};
window.FUTR.Kiosq.Campaign = window.FUTR.Kiosq.Campaign || {};
window.FUTR.Kiosq.Campaign.Context = window.FUTR.Kiosq.Campaign.Context || {};
window.FUTR.Kiosq.Campaign.Context = [{"name":"Device","script":"() => {\n const a = navigator.userAgent || navigator.vendor || window.opera;\n return \/(android|bb\\d+|meego).+mobile|avantgo|bada\\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino\/i.test(\n a\n ) ||\n \/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-\/i.test(\n a.substr(0, 4)\n )\n ? \"Mobile\"\n : \"Desktop\";\n};"},{"name":"LoginStatus","script":"() => {\n if( FUTR?.Kiosq?.User?.user_grant_status?.match(\/^granted\/)) return \"granted\";\n if( FUTR?.Kiosq?.User?.is_authenticated ) return \"connected\";\n \/\/if( typeof FUTR.Kiosq.User === 'undefined' ) return \"non-connected\";\n return \"non_connected\";\n};"},{"name":"FreeRemainingArticle","script":"() => {\n if (localStorage.getItem(\"kiosq_article_url_ack\") !== null) {\n const articleSeenUrls = localStorage.getItem(\"kiosq_article_url_ack\");\n const decodedArticleSeenUrls = JSON.parse(window.atob(articleSeenUrls));\n const limitFreeArticles = window.FUTR.Kiosq?.defaultSiteConfig?.limitOfFreeArticle || 0;\n const numberOfFreeArticleRemaining = limitFreeArticles-decodedArticleSeenUrls.length;\n return numberOfFreeArticleRemaining >= 0 ? numberOfFreeArticleRemaining : 0;\n }\n\n return 0;\n }"},{"name":"NumberOfPagesVisited","script":"() => {\n const localHistory = JSON.parse(atob(localStorage.getItem('connect_articles_history') || localStorage.getItem('kiosq_article_url_ack') || btoa('[]')));\n return localHistory.length;\n }"},{"name":"ArticleControlTags","script":"() => {return window.ffte?.properties?.articleControlTag || []}"},{"name":"ArticleTagHandle","script":"() => {return window.ffte?.properties?.articleTagHandle || []}"},{"name":"BlueConicSegments","script":"() => {return typeof(blueConicClient) !== \"undefined\" && blueConicClient?.getSegments() ? blueConicClient?.getSegments() : [];}"},{"name":"Referrer","script":"() => {return document.referrer;}"},{"name":"ArticleTemplate","script":"() => {return window.ffte?.properties?.articleTemplate || \"\"}"},{"name":"ArticleType","script":"() => {return window.ffte?.properties?.articleType || \"\"}"},{"name":"ArticleId","script":"() => {return window.ffte?.properties?.id || \"\"}"},{"name":"UserGrantStatus","script":"() => {return window.FUTR?.Kiosq?.User?.user_grant_status || \"\"}"},{"name":"TimeOfTheDay","script":"() => new Date().getHours() < 12 ? \"AM\" : \"PM\";"},{"name":"ArticleCategory","script":"() => {return window.ffte?.properties?.articleCategoryHandle || []}"},{"name":"IsRegwallBarrier","script":"() => {return window?.FUTR?.Kiosq?.wallType === \"regwallAuthentication\" || (typeof(window?.FUTR?.Kiosq?.User) === \"undefined\" && window?.FUTR?.Kiosq?.wallType === \"regwallAuthPaywall\")}"},{"name":"GetLocaleSite","script":"() => {return window.ffte?.locale || \"\"}"},{"name":"UserCountryCodeReal","script":"() => {\n const value = `; ${window.document.cookie}`;\n const parts = value.split(`; FTR_Country_Code=`);\n if (parts.length === 2) return parts.pop().split(\";\").shift();\n};"},{"name":"TestCampaign","script":"() => {\n const urlParams = new URLSearchParams(window.location.search);\n const campaignToTest = urlParams.get('_flexi_test_campaign');\n return campaignToTest || '';\n}"},{"name":"ForceBarrierWithArticlesSeens(notForQueryBuilder)","script":"() => {\n const urlParams = new URLSearchParams(window.location.search);\n const nbArticlesSeensExpected = parseInt(urlParams.get('_flexi_force_barrier_seen'), 10); \/\/ Conversion en entier\n \n if(nbArticlesSeensExpected){\n \n let decodedArticleSeenUrls = [];\n \n \/\/ V\u00e9rification que nbArticlesSeensExpected est un nombre valide\n if (!isNaN(nbArticlesSeensExpected) && nbArticlesSeensExpected > 0) {\n for (let i = 0; i < nbArticlesSeensExpected; i++) { \n decodedArticleSeenUrls.push(`\/toto\/toto${i}`);\n }\n }\n \n \/\/ V\u00e9rifiez que articleSeenUrls est d\u00e9fini avant de le d\u00e9coder\n if (typeof articleSeenUrls !== 'undefined') {\n decodedArticleSeenUrls = JSON.parse(window.atob(articleSeenUrls));\n }\n \n localStorage.removeItem('kiosq_article_url_ack');\n localStorage.setItem('kiosq_article_url_ack', window.btoa(JSON.stringify(decodedArticleSeenUrls))); \n }\n}\n"},{"name":"UTMCampaignPaid","script":"() => {\n const urlParams = new URLSearchParams(window.location.search);\n return (urlParams.get('utm_campaign') ?? '').toLowerCase().includes('paid');\n}"},{"name":"UTMParams","script":"() => {\n \/\/ Get the search params\n const params = new URLSearchParams(window.location.search);\n \n \/\/ Create an object to store UTM parameters\n const utmParams = [];\n \n \/\/ UTM parameter names\n const utmNames = [\n 'utm_source',\n 'utm_source_id',\n 'utm_medium',\n 'utm_campaign',\n 'utm_term',\n 'utm_content'\n ];\n \n \/\/ Extract UTM parameters\n utmNames.forEach(name => {\n const value = params.get(name);\n if (value) {\n utmParams.push(value);\n }\n });\n \n return utmParams.join(',');\n}"},{"name":"FreeRemainingArticleAfterLogin","script":"() => {\n if (localStorage.getItem(\"kiosq_article_url_ack\") !== null) {\n const articleSeenUrls = localStorage.getItem(\"kiosq_article_url_ack\");\n const decodedArticleSeenUrls = JSON.parse(window.atob(articleSeenUrls));\n const limitFreeArticlesAfterLogin = window.FUTR.Kiosq?.defaultSiteConfig?.limitOfFreeArticleAfterLogin || 0;\n const numberOfFreeArticleRemaining = limitFreeArticlesAfterLogin-decodedArticleSeenUrls.length;\n return numberOfFreeArticleRemaining >= 0 ? numberOfFreeArticleRemaining : 0;\n }\n\n return 0;\n }"},{"name":"ABTestCampaigns","script":"() => { \n let result = '';\n const str = window.VAN?.abTest?.variationId || '';\n if (str) {\n const parts = str.split('|');\n \n const variantId = parts[2];\n const variantNumber = parts[3];\n result = `${variantId}_${variantNumber}`;\n }\n\n return result;\n}"},{"name":"UrlPath","script":"() => {return window.location.pathname;}"},{"name":"GetQueryStringKeys","script":"() => {\n \/\/ Get the search params\n const params = new URLSearchParams(window.location.search);\n \n \/\/ Create an array of 'key=value' strings\n const paramStrings = [];\n \n \/\/ Iterate through all parameters and create the strings\n params.forEach((value, key) => {\n paramStrings.push(`${key}=${value}`);\n });\n \n return paramStrings;\n}; "},{"name":"ABTestVariationId","script":"() => { return window.VAN?.abTest?.variationId?.split('|')[4] ?? null; }"},{"name":"ABTestId","script":"() => { return window.VAN?.abTest?.variationId?.split('|')[2] ?? null; }"}];
window.FUTR.Kiosq.Campaign.Context = window.FUTR.Kiosq.Campaign.Context.map(function({script, ...item}) {
try {
return {
...item,
computeValue:(eval(script))(),
};
} catch (e) {
if (e instanceof SyntaxError) {
console.error(`Kiosq Setting Script Campaign ${item.name} has syntax error: ` + e.message);
} else {
console.log(`Kiosq Setting Script Campaign ${item.name} has`,e.message)
}
}
});
</script>
<script class="flexi-campaign-context" type="text/javascript">
window.FUTR = window.FUTR || {};
window.FUTR.Campaigns = window.FUTR.Campaigns || {};
window.FUTR.Campaigns.Context = window.FUTR.Campaigns.Context || {};
window.FUTR.Campaigns.Context = [{"name":"backend","label":"Backend","script":"() => {return false}","priority":200},{"name":"validDate","label":"Valid Date","script":"() => {return (new Date).toISOString().split(\"T\")[0]}","priority":100}];
window.FUTR.Campaigns.Context = window.FUTR.Campaigns.Context.map(function({script, ...item}) {
try {
return {
...item,
computeValue:(eval(script))(),
};
} catch (e) {
if (e instanceof SyntaxError) {
console.error(
"%c Pythia FLEXI campaigns ", "background: #008f11;color: #ffffff;",
`Flexi Setting Script Campaign ${item.name} has syntax error: ` + e.message
);
} else {
console.log(
"%c Pythia FLEXI campaigns ", "background: #008f11;color: #ffffff;",
`Flexi Setting Script Campaign ${item.name} has`,e.message
)
}
}
})
window.FUTR.Campaigns.Flexi = window.FUTR.Campaigns.Flexi || {
application: 'flexi',
pythiaEndpoint: 'https://cache.pythia.futureplc.com',
enabled: '',
matchAll: [],
};
</script>
<script id="ads-bordeaux-script" type="text/javascript">
window.bordeaux = window.bordeaux || {};
window.bordeaux.cmd = window.bordeaux.cmd || [];
window.ffte.bordeaux ={
pageTemplate: "listing",
adParameters: window.adParameters || {"site":"creativebloq","content":"unknown","type":"listing"}
};
(function() {
const QA_BASE_URL = 'public.rtb-qa-eks-euw1.futureplc.engineering';
const createScriptTag = (src) => {
const script = document.createElement('script');
script.setAttribute('src', src);
script.setAttribute('onerror', 'handleHeaderError()');
script.setAttribute('crossorigin', 'anonymous');
script.defer = true;
return script;
};
const appendScriptTags = (qaBordeauxVersion, qaChampagneVersion) => {
if (window.disableBordeaux === true) return;
const bordeauxUrl = qaBordeauxVersion
? `https://bdx.${qaBordeauxVersion}.${QA_BASE_URL}/bordeaux.js`
: 'https://bordeaux.futurecdn.net/bordeaux.js';
const champagneUrl = qaChampagneVersion
? `https://chmp.${qaChampagneVersion}.${QA_BASE_URL}/champagne.js`
: 'https://champagne.futurecdn.net/champagne.js';
document.head.append(
createScriptTag(bordeauxUrl),
createScriptTag(champagneUrl)
);
};
const getQueryParams = () => {
const params = new URLSearchParams(window.location.search);
return {
qaBordeauxVersion: params.get('hybrid_bordeaux_version') ?? null,
qaChampagneVersion: params.get('hybrid_champagne_version') ?? null,
};
};
const { qaBordeauxVersion, qaChampagneVersion } = getQueryParams();
appendScriptTags(qaBordeauxVersion, qaChampagneVersion);
if (qaBordeauxVersion) {
window.bordeaux.setAdToolVersion(qaBordeauxVersion);
}
})();
</script>
<script type="text/javascript">
/* <![CDATA[ */
(function() {
window.dm = window.dm ||{ AjaxData:[]};
window.dm.AjaxEvent = function(et, d, ssid, ad){
dm.AjaxData.push({ et: et,d: d,ssid: ssid,ad: ad});
window.DotMetricsObj && DotMetricsObj.onAjaxDataUpdate();
};
var d = document,
h = d.getElementsByTagName('head')[0],
s = d.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://uk-script.dotmetrics.net/door.js?d=' + document.location.host + '&t=cb'; h.appendChild(s);
} ());
/* ]]> */
</script>
<!-- Begin comScore Tag -->
<script>
function comscoreIntegration() {
var TIMEOUT_DELAY = 2000;
var COMSCORE_ID = "10055482";
function callComscore(ucfrValue) {
window._comscore = window._comscore || [];
var comscorePayload = {
c1: "2",
c2: COMSCORE_ID,
options: {
enableFirstPartyCookie: true,
}
};
if(ucfrValue) {
comscorePayload.cs_ucfr = ucfrValue;
}
window._comscore.push(comscorePayload);
injectComscore();
}
function callComscoreForVideo(ucfrValue) {
window._comscore = window._comscore || [];
const seconds = 600;
const comscorePayload = {
c2: COMSCORE_ID,
c5: jwplayer().getDuration() > seconds ? "03" : "02",
};
if(ucfrValue) {
comscorePayload.cs_ucfr = ucfrValue;
}
if (!window.COMSCORE) {
window._comscore.push(comscorePayload);
} else {
window.COMSCORE.beacon(comscorePayload)
}
}
function injectComscore() {
let s = document.createElement('script'), el = document.getElementsByTagName("script")[0];
s.async = true;
const URLbeginning = "https://sb";
if (window.__tcfapi) {
s.src = URLbeginning + '.scorecardresearch.com/cs/' + COMSCORE_ID + '/beacon.js';
} else {
s.src = URLbeginning + '.scorecardresearch.com/beacon.js';
}
el.parentNode.insertBefore(s, el);
}
if (window.__tcfapi) {
var timeout = window.setTimeout(function() {
callComscore();
}, TIMEOUT_DELAY);
window.__tcfapi('addEventListener', 2, function(res) {
window.__tcfapi('removeEventListener', 2, function() {}, res.listenerId);
const validStatus = ['tcloaded', 'useractioncomplete'];
if (validStatus.includes(res.eventStatus) && res.gdprApplies) {
window.clearTimeout(timeout);
callComscore(res.vendor?.consents?.[77] ? 1 : 0);
}
});
} else {
callComscore();
}
window.reliablePageLoad.then(function () {
window.document.addEventListener('jwplayerInstanceLoaded', function () {
jwplayer().once('beforePlay', function () {
callComscoreForVideo();
});
});
});
}
comscoreIntegration();
</script>
<noscript>
</noscript></head><body class="limit-width flexi-landing flexi-landing-page- flexi-page default default_page_layout_landing_responsive_v2 responsive vertical-[[computer-arts|default(%productDocument.documentHandle%)]] sticky-navigation has-kiosq
"><img src="https://sb.scorecardresearch.com/p/?c1=2&amp;c2=10055482&amp;cv=4.4.0&amp;cj=1">

<!-- End comScore Tag -->
<script type="text/javascript">
!function(){"use strict";function e(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],c=document.createElement("script");c.src=e,t?c.type="module":(c.async=!0,c.type="text/javascript",c.setAttribute("nomodule",""));var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(c,n)}!function(t,c){!function(t,c,n){var a,o,r;n.accountId=c,null!==(a=t.marfeel)&&void 0!==a||(t.marfeel={}),null!==(o=(r=t.marfeel).cmd)&&void 0!==o||(r.cmd=[]),t.marfeel.config=n;var i="https://sdk.mrf.io/statics";e("".concat(i,"/marfeel-sdk.js?id=").concat(c),!0),e("".concat(i,"/marfeel-sdk.es5.js?id=").concat(c),!1)}(t,c,arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})}(window,7842,{})}();
</script>
<script>
FlexiLoader={loadJS:function(e,t){var n,r,a;r=!1,(n=document.createElement("script")).type="text/javascript",n.src=e,n.async=!0,n.onload=n.onreadystatechange=function(){r||this.readyState&&"complete"!==this.readyState||(r=!0,t())},(a=document.getElementsByTagName("script")[0]).parentNode.insertBefore(n,a)},execRequires:function(){this.requires.forEach(function(e,t,n){try{e()}catch(e){console.log("error",e)}}),this.requires=[]},execRequiresOnDomReady:function(){document.addEventListener("readystatechange",function(){["interactive","complete"].indexOf(document.readyState)>=0&&FlexiLoader.execRequires()},!1)},push:function(e){["interactive","complete"].indexOf(document.readyState)>=0?e():this.requires.push(e)},requires:window.FlexiLoaderRequires||[]};
FlexiLoader.loadJS('//vanilla.futurecdn.net/creativebloq/1593833/media/shared/js/flexi.js', function () {
Flexi.globals = {
"environment": "live",
"endpoints": null };
FlexiLoader.execRequiresOnDomReady();
});
</script>
<script type="text/javascript"> !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).cssVars=t()}(this,function(){"use strict";function e(){return(e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function t(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n={mimeType:t.mimeType||null,onBeforeSend:t.onBeforeSend||Function.prototype,onSuccess:t.onSuccess||Function.prototype,onError:t.onError||Function.prototype,onComplete:t.onComplete||Function.prototype},r=Array.isArray(e)?e:[e],o=Array.apply(null,Array(r.length)).map(function(e){return null});function s(){return!("<"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().charAt(0))}function a(e,t){n.onError(e,r[t],t)}function c(e,t){var s=n.onSuccess(e,r[t],t);e=!1===s?"":s||e,o[t]=e,-1===o.indexOf(null)&&n.onComplete(o)}var i=document.createElement("a");r.forEach(function(e,t){if(i.setAttribute("href",e),i.href=String(i.href),Boolean(document.all&&!window.atob)&&i.host.split(":")[0]!==location.host.split(":")[0]){if(i.protocol===location.protocol){var r=new XDomainRequest;r.open("GET",e),r.timeout=0,r.onprogress=Function.prototype,r.ontimeout=Function.prototype,r.onload=function(){s(r.responseText)?c(r.responseText,t):a(r,t)},r.onerror=function(e){a(r,t)},setTimeout(function(){r.send()},0)}else console.warn("Internet Explorer 9 Cross-Origin (CORS) requests must use the same protocol (".concat(e,")")),a(null,t)}else{var o=new XMLHttpRequest;o.open("GET",e),n.mimeType&&o.overrideMimeType&&o.overrideMimeType(n.mimeType),n.onBeforeSend(o,e,t),o.onreadystatechange=function(){4===o.readyState&&(200===o.status&&s(o.responseText)?c(o.responseText,t):a(o,t))},o.send()}})}function r(e){var t={cssComments:/\/\*[\s\S]+?\*\//g,cssImports:/(?:@import\s*)(?:url\(\s*)?(?:['"])([^'"]*)(?:['"])(?:\s*\))?(?:[^;]*;)/g},r={rootElement:e.rootElement||document,include:e.include||'style,link[rel="stylesheet"]',exclude:e.exclude||null,filter:e.filter||null,useCSSOM:e.useCSSOM||!1,onBeforeSend:e.onBeforeSend||Function.prototype,onSuccess:e.onSuccess||Function.prototype,onError:e.onError||Function.prototype,onComplete:e.onComplete||Function.prototype},s=Array.apply(null,r.rootElement.querySelectorAll(r.include)).filter(function(e){return t=e,n=r.exclude,!(t.matches||t.matchesSelector||t.webkitMatchesSelector||t.mozMatchesSelector||t.msMatchesSelector||t.oMatchesSelector).call(t,n);var t,n}),a=Array.apply(null,Array(s.length)).map(function(e){return null});function c(){if(-1===a.indexOf(null)){var e=a.join("");r.onComplete(e,a,s)}}function i(e,t,o,s){var i=r.onSuccess(e,o,s);(function e(t,o,s,a){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[];var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:[];var l=u(t,s,i);l.rules.length?n(l.absoluteUrls,{onBeforeSend:function(e,t,n){r.onBeforeSend(e,o,t)},onSuccess:function(e,t,n){var s=r.onSuccess(e,o,t),a=u(e=!1===s?"":s||e,t,i);return a.rules.forEach(function(t,n){e=e.replace(t,a.absoluteRules[n])}),e},onError:function(n,r,u){c.push({xhr:n,url:r}),i.push(l.rules[u]),e(t,o,s,a,c,i)},onComplete:function(n){n.forEach(function(e,n){t=t.replace(l.rules[n],e)}),e(t,o,s,a,c,i)}}):a(t,c)})(e=void 0!==i&&!1===Boolean(i)?"":i||e,o,s,function(e,n){null===a[t]&&(n.forEach(function(e){return r.onError(e.xhr,o,e.url)}),!r.filter||r.filter.test(e)?a[t]=e:a[t]="",c())})}function u(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],s={};return s.rules=(e.replace(t.cssComments,"").match(t.cssImports)||[]).filter(function(e){return-1===r.indexOf(e)}),s.urls=s.rules.map(function(e){return e.replace(t.cssImports,"$1")}),s.absoluteUrls=s.urls.map(function(e){return o(e,n)}),s.absoluteRules=s.rules.map(function(e,t){var r=s.urls[t],a=o(s.absoluteUrls[t],n);return e.replace(r,a)}),s}s.length?s.forEach(function(e,t){var s=e.getAttribute("href"),u=e.getAttribute("rel"),l="LINK"===e.nodeName&&s&&u&&"stylesheet"===u.toLowerCase(),f="STYLE"===e.nodeName;if(l)n(s,{mimeType:"text/css",onBeforeSend:function(t,n,o){r.onBeforeSend(t,e,n)},onSuccess:function(n,r,a){var c=o(s,location.href);i(n,t,e,c)},onError:function(n,o,s){a[t]="",r.onError(n,e,o),c()}});else if(f){var p=e.textContent;r.useCSSOM&&(p=Array.apply(null,e.sheet.cssRules).map(function(e){return e.cssText}).join("")),i(p,t,e,location.href)}else a[t]="",c()}):r.onComplete("",[])}function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:location.href,n=document.implementation.createHTMLDocument(""),r=n.createElement("base"),o=n.createElement("a");return n.head.appendChild(r),n.body.appendChild(o),r.href=t,o.href=e,o.href}var s=a;function a(e,t,n){e instanceof RegExp&&(e=c(e,n)),t instanceof RegExp&&(t=c(t,n));var r=i(e,t,n);return r&&{start:r[0],end:r[1],pre:n.slice(0,r[0]),body:n.slice(r[0]+e.length,r[1]),post:n.slice(r[1]+t.length)}}function c(e,t){var n=t.match(e);return n?n[0]:null}function i(e,t,n){var r,o,s,a,c,i=n.indexOf(e),u=n.indexOf(t,i+1),l=i;if(i>=0&&u>0){for(r=[],s=n.length;l>=0&&!c;)l==i?(r.push(l),i=n.indexOf(e,l+1)):1==r.length?c=[r.pop(),u]:((o=r.pop())<s&&(s=o,a=u),u=n.indexOf(t,l+1)),l=i<u&&i>=0?i:u;r.length&&(c=[s,a])}return c}function u(t){var n=e({},{onlyVars:!1,removeComments:!1},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{});function r(e){throw new Error("CSS parse error: ".concat(e))}function o(e){var n=e.exec(t);if(n)return t=t.slice(n[0].length),n}function a(){return o(/^{\s*/)}function c(){return o(/^}/)}function i(){o(/^\s*/)}function u(){if(i(),"/"===t[0]&&"*"===t[1]){for(var e=2;t[e]&&("*"!==t[e]||"/"!==t[e+1]);)e++;if(!t[e])return r("end of comment is missing");var n=t.slice(2,e);return t=t.slice(e+2),{type:"comment",comment:n}}}function l(){for(var e,t=[];e=u();)t.push(e);return n.removeComments?[]:t}function f(){for(i();"}"===t[0];)r("extra closing bracket");var e=o(/^(("(?:\\"|[^"])*"|'(?:\\'|[^'])*'|[^{])+)/);if(e)return e[0].trim().replace(/\/\*([^*]|[\r\n]|(\*+([^*\/]|[\r\n])))*\*\/+/g,"").replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g,function(e){return e.replace(/,/g,"&zwnj;")}).split(/\s*(?![^(]*\)),\s*/).map(function(e){return e.replace(/\u200C/g,",")})}function p(){o(/^([;\s]*)+/);var e=/\/\*[^*]*\*+([^\/*][^*]*\*+)*\//g,t=o(/^(\*?[-#\/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);if(t){if(t=t[0].trim(),!o(/^:\s*/))return r("property missing ':'");var n=o(/^((?:\/\*.*?\*\/|'(?:\\'|.)*?'|"(?:\\"|.)*?"|\((\s*'(?:\\'|.)*?'|"(?:\\"|.)*?"|[^)]*?)\s*\)|[^};])+)/),s={type:"declaration",property:t.replace(e,""),value:n?n[0].replace(e,"").trim():""};return o(/^[;\s]*/),s}}function m(){if(!a())return r("missing '{'");for(var e,t=l();e=p();)t.push(e),t=t.concat(l());return c()?t:r("missing '}'")}function d(){i();for(var e,t=[];e=o(/^((\d+\.\d+|\.\d+|\d+)%?|[a-z]+)\s*/);)t.push(e[1]),o(/^,\s*/);if(t.length)return{type:"keyframe",values:t,declarations:m()}}function v(){if(i(),"@"===t[0]){var e=function(){var e=o(/^@([-\w]+)?keyframes\s*/);if(e){var t=e[1];if(!(e=o(/^([-\w]+)\s*/)))return r("@keyframes missing name");var n,s=e[1];if(!a())return r("@keyframes missing '{'");for(var i=l();n=d();)i.push(n),i=i.concat(l());return c()?{type:"keyframes",name:s,vendor:t,keyframes:i}:r("@keyframes missing '}'")}}()||function(){var e=o(/^@supports *([^{]+)/);if(e)return{type:"supports",supports:e[1].trim(),rules:h()}}()||function(){if(o(/^@host\s*/))return{type:"host",rules:h()}}()||function(){var e=o(/^@media *([^{]+)/);if(e)return{type:"media",media:e[1].trim(),rules:h()}}()||function(){var e=o(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);if(e)return{type:"custom-media",name:e[1].trim(),media:e[2].trim()}}()||function(){if(o(/^@page */))return{type:"page",selectors:f()||[],declarations:m()}}()||function(){var e=o(/^@([-\w]+)?document *([^{]+)/);if(e)return{type:"document",document:e[2].trim(),vendor:e[1]?e[1].trim():null,rules:h()}}()||function(){if(o(/^@font-face\s*/))return{type:"font-face",declarations:m()}}()||function(){var e=o(/^@(import|charset|namespace)\s*([^;]+);/);if(e)return{type:e[1],name:e[2].trim()}}();if(e&&n.onlyVars){var s=!1;if(e.declarations)s=e.declarations.some(function(e){return/var\(/.test(e.value)});else s=(e.keyframes||e.rules||[]).some(function(e){return(e.declarations||[]).some(function(e){return/var\(/.test(e.value)})});return s?e:{}}return e}}function y(){if(n.onlyVars){var e=s("{","}",t);if(e){var o=-1!==e.pre.indexOf(":root")&&/--\S*\s*:/.test(e.body),a=/var\(/.test(e.body);if(!o&&!a)return t=t.slice(e.end+1),{}}}var c=f()||[],i=n.onlyVars?m().filter(function(e){var t=c.some(function(e){return-1!==e.indexOf(":root")})&&/^--\S/.test(e.property),n=/var\(/.test(e.value);return t||n}):m();return c.length||r("selector missing"),{type:"rule",selectors:c,declarations:i}}function h(e){if(!e&&!a())return r("missing '{'");for(var n,o=l();t.length&&(e||"}"!==t[0])&&(n=v()||y());)n.type&&o.push(n),o=o.concat(l());return e||c()?o:r("missing '}'")}return{type:"stylesheet",stylesheet:{rules:h(!0),errors:[]}}}a.range=i;var l="--",f="var",p={dom:{},temp:{},user:{}};function m(t){var n,r,o=e({},{fixNestedCalc:!0,onlyVars:!1,persist:!1,preserve:!1,variables:{},onWarning:function(){}},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),a=o.persist?p.dom:p.temp=JSON.parse(JSON.stringify(p.dom)),c=u(t,{onlyVars:o.onlyVars});if(c.stylesheet.rules.forEach(function(e){var t=[];if("rule"===e.type&&1===e.selectors.length&&":root"===e.selectors[0]&&(e.declarations.forEach(function(e,n){var r=e.property,o=e.value;r&&0===r.indexOf(l)&&(a[r]=o,t.push(n))}),!o.preserve))for(var n=t.length-1;n>=0;n--)e.declarations.splice(t[n],1)}),Object.keys(p.user).forEach(function(e){a[e]=p.user[e]}),Object.keys(o.variables).length){var i={declarations:[],selectors:[":root"],type:"rule"};Object.keys(o.variables).forEach(function(e){var t="--".concat(e.replace(/^-+/,"")),n=o.variables[e];o.persist&&(p.user[t]=n),a[t]!==n&&(a[t]=n,i.declarations.push({type:"declaration",property:t,value:n}))}),o.preserve&&i.declarations.length&&c.stylesheet.rules.push(i)}return function e(t,n){t.rules.forEach(function(r){r.rules?e(r,n):r.keyframes?r.keyframes.forEach(function(e){"keyframe"===e.type&&n(e.declarations,r)}):r.declarations&&n(r.declarations,t)})}(c.stylesheet,function(e,t){for(var n,r,s,c=0;c<e.length;c++)s=(n=e[c]).value,"declaration"===n.type&&s&&-1!==s.indexOf(f+"(")&&(r=d(s,a,o))!==n.value&&(o.preserve?(e.splice(c,0,{type:n.type,property:n.property,value:r}),c++):n.value=r)}),o.fixNestedCalc&&(n=c.stylesheet.rules,r=/(-[a-z]+-)?calc\(/,n.forEach(function(e){e.declarations&&e.declarations.forEach(function(e){for(var t=e.value,n="";r.test(t);){var o=s("calc(",")",t||"");for(t=t.slice(o.end);r.test(o.body);){var a=s(r,")",o.body);o.body="".concat(a.pre,"(").concat(a.body,")").concat(a.post)}n+="".concat(o.pre,"calc(").concat(o.body),n+=r.test(t)?"":")".concat(o.post)}e.value=n||e.value})})),function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2?arguments[2]:void 0,r={charset:function(e){return"@charset "+e.name+";"},comment:function(e){return 0===e.comment.indexOf("__CSSVARSPONYFILL")?"/*"+e.comment+"*/":""},"custom-media":function(e){return"@custom-media "+e.name+" "+e.media+";"},declaration:function(e){return e.property+":"+e.value+";"},document:function(e){return"@"+(e.vendor||"")+"document "+e.document+"{"+o(e.rules)+"}"},"font-face":function(e){return"@font-face{"+o(e.declarations)+"}"},host:function(e){return"@host{"+o(e.rules)+"}"},import:function(e){return"@import "+e.name+";"},keyframe:function(e){return e.values.join(",")+"{"+o(e.declarations)+"}"},keyframes:function(e){return"@"+(e.vendor||"")+"keyframes "+e.name+"{"+o(e.keyframes)+"}"},media:function(e){return"@media "+e.media+"{"+o(e.rules)+"}"},namespace:function(e){return"@namespace "+e.name+";"},page:function(e){return"@page "+(e.selectors.length?e.selectors.join(", "):"")+"{"+o(e.declarations)+"}"},rule:function(e){var t=e.declarations;if(t.length)return e.selectors.join(",")+"{"+o(t)+"}"},supports:function(e){return"@supports "+e.supports+"{"+o(e.rules)+"}"}};function o(e){for(var o="",s=0;s<e.length;s++){var a=e[s];n&&n(a);var c=r[a.type](a);c&&(o+=c,c.length&&a.selectors&&(o+=t))}return o}return o(e.stylesheet.rules)}(c)}function d(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3?arguments[3]:void 0;if(-1===e.indexOf("var("))return e;var o=s("(",")",e);return o?"var"===o.pre.slice(-3)?0===o.body.trim().length?(n.onWarning("var() must contain a non-whitespace string"),e):o.pre.slice(0,-3)+function(e){var o=e.split(",")[0].replace(/[\s\n\t]/g,""),s=(e.match(/(?:\s*,\s*){1}(.*)?/)||[])[1],a=t.hasOwnProperty(o)?String(t[o]):void 0,c=a||(s?String(s):void 0),i=r||e;return a||n.onWarning('variable "'.concat(o,'" is undefined')),c&&"undefined"!==c&&c.length>0?d(c,t,n,i):"var(".concat(i,")")}(o.body)+d(o.post,t,n):o.pre+"(".concat(d(o.body,t,n),")")+d(o.post,t,n):(-1!==e.indexOf("var(")&&n.onWarning('missing closing ")" in the value "'.concat(e,'"')),e)}var v="css-vars-ponyfill",y="undefined"!=typeof window,h=y&&window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),g="cssVars(): ",S={rootElement:y?document:null,shadowDOM:!1,include:"style,link[rel=stylesheet]",exclude:"",variables:{},fixNestedCalc:!0,onlyLegacy:!0,onlyVars:!1,preserve:!1,silent:!1,updateDOM:!0,updateURLs:!0,watch:null,onBeforeSend:function(){},onSuccess:function(){},onWarning:function(){},onError:function(){},onComplete:function(){}},E={cssComments:/\/\*[\s\S]+?\*\//g,cssKeyframes:/@(?:-\w*-)?keyframes/,cssRootRules:/(?::root\s*{\s*[^}]*})/g,cssUrls:/url\((?!['"]?(?:data|http|\/\/):)['"]?([^'")]*)['"]?\)/g,cssVars:/(?:(?::root\s*{\s*[^;]*;*\s*)|(?:var\(\s*))(--[^:)]+)(?:\s*[:)])/},b=null,x=null,C=!1;function O(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=e({},S,n),s=v;function a(e,t,n,r){o.silent||console.error("".concat(g).concat(e,"\n"),t),o.onError(e,t,n,r)}function c(e){o.silent||console.warn("".concat(g).concat(e)),o.onWarning(e)}if(o.exclude="#".concat(s)+(o.exclude?",".concat(o.exclude):""),o._benchmark=o._benchmark?o._benchmark:A(),y)if(!1===o.watch&&b&&b.disconnect(),o.watch)!function(e,t){if(!window.MutationObserver)return;var n=function(e){return"LINK"===e.tagName&&-1!==(e.getAttribute("rel")||"").indexOf("stylesheet")},r=function(e){return"STYLE"===e.tagName&&(!t||e.id!==t)};b&&b.disconnect();e.watch=S.watch,(b=new MutationObserver(function(t){var o=t.some(function(e){var t=!1;if("attributes"===e.type)t=n(e.target)||r(e.target);else if("childList"===e.type){var o=Array.apply(null,e.addedNodes),s=Array.apply(null,e.removedNodes);t=[].concat(o,s).some(function(e){var t=n(e)&&!e.disabled,o=r(e)&&E.cssVars.test(e.textContent);return t||o})}return t});o&&w(e)})).observe(document.documentElement,{attributes:!0,attributeFilter:["disabled","href"],childList:!0,subtree:!0})}(o,s),w(o);else if("loading"!==document.readyState){var i=o.shadowDOM||o.rootElement.shadowRoot||o.rootElement.host;if(h&&o.onlyLegacy){if(o.updateDOM){var u=o.rootElement.host||(o.rootElement===document?document.documentElement:o.rootElement);Object.keys(o.variables).forEach(function(e){var t="--".concat(e.replace(/^-+/,"")),n=o.variables[e];u.style.setProperty(t,n)})}}else r(i&&!C?{rootElement:S.rootElement,include:S.include,exclude:o.exclude,onSuccess:function(e,t,n){return(e.match(E.cssRootRules)||[]).join("")||!1},onComplete:function(e,t,n){m(e,{persist:!0}),C=!0,O(o)}}:{rootElement:o.rootElement,include:o.include,exclude:o.exclude,filter:o.onlyVars?E.cssVars:null,onBeforeSend:o.onBeforeSend,onSuccess:function(e,t,n){var r=o.onSuccess(e,t,n);(e=void 0!==r&&!1===Boolean(r)?"":r||e,o.updateURLs)&&(e.replace(E.cssComments,"").match(E.cssUrls)||[]).forEach(function(t){var r=t.replace(E.cssUrls,"$1"),o=k(r,n);e=e.replace(t,t.replace(r,o))});return e},onError:function(e,t,n){var r=e.responseURL||k(n,location.href),o=e.statusText?"(".concat(e.statusText,")"):"Unspecified Error"+(0===e.status?" (possibly CORS related)":"");a("CSS XHR Error: ".concat(r," ").concat(e.status," ").concat(o),t,e,r)},onComplete:function(n,r,i){var u=o.rootElement.querySelector("#".concat(s))||document.createElement("style"),l=u.__cssVars||{};if(l.cssText===n&&l.settings===JSON.stringify(o))n=u.textContent,o.silent||console.info("".concat(g,"CSS source is unchanged"));else{u.setAttribute("id",s),u.__cssVars={cssText:n,settings:JSON.stringify(o)},n=r.map(function(e,t){return E.cssVars.test(e)?e:"/*__CSSVARSPONYFILL-".concat(t,"__*/")}).join("");try{n=m(n,{fixNestedCalc:o.fixNestedCalc,onlyVars:o.onlyVars,persist:o.updateDOM,preserve:o.preserve,variables:o.variables,onWarning:c});var f=E.cssKeyframes.test(n);if(n=n.replace(/\/\*__CSSVARSPONYFILL-(\d+)__\*\//g,function(e,t){return r[t]}),o.updateDOM&&i&&i.length){var d=i[i.length-1];u.textContent!==n&&(u.textContent=n),d.nextSibling!==u&&d.parentNode&&d.parentNode.insertBefore(u,d.nextSibling),f&&function(e){var t=["animation-name","-moz-animation-name","-webkit-animation-name"].filter(function(e){return getComputedStyle(document.body)[e]})[0];if(t){for(var n=e.getElementsByTagName("*"),r=[],o=0,s=n.length;o<s;o++){var a=n[o],c=getComputedStyle(a)[t];"none"!==c&&(a.style[t]+="__CSSVARSPONYFILL-KEYFRAMES__",r.push(a))}document.body.offsetHeight;for(var i=0,u=r.length;i<u;i++){var l=r[i].style;l[t]=l[t].replace("__CSSVARSPONYFILL-KEYFRAMES__","")}}}(o.rootElement)}}catch(e){var v=!1;r.forEach(function(e,t){try{e=m(e,o)}catch(e){var n=i[t-0];v=!0,a(e.message,n)}}),v||a(e.message||e)}}if(o.shadowDOM)for(var y,h=[o.rootElement].concat(t(o.rootElement.querySelectorAll("*"))),S=0;y=h[S];++S){if(y.shadowRoot&&y.shadowRoot.querySelector("style"))O(e({},o,{rootElement:y.shadowRoot,variables:p.dom}))}o.onComplete(n,o.updateDOM&&u.parentNode?u:null,JSON.parse(JSON.stringify(o.updateDOM?p.dom:p.temp)),A()-o._benchmark)}})}else document.addEventListener("DOMContentLoaded",function e(t){O(n),document.removeEventListener("DOMContentLoaded",e)})}function w(e){clearTimeout(x),x=setTimeout(function(){e._benchmark=null,O(e)},100)}function k(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:location.href,n=document.implementation.createHTMLDocument(""),r=n.createElement("base"),o=n.createElement("a");return n.head.appendChild(r),n.body.appendChild(o),r.href=t,o.href=e,o.href}function A(){return y&&window.performance.now?performance.now():(new Date).getTime()}return O}); cssVars({ include: 'link[rel="stylesheet"],link[rel="preload"],style' }); </script>
<style data-layerless-source="true">@layer legacy { 
:root{
--flexi-brand_color_1: #232128;
--flexi-brand_color_2: #E94E1B;
--flexi-brand_color_3: #DDDDDD;
--flexi-secondary_color_1: #A36652;
--flexi-secondary_color_2: #333333;
--flexi-secondary_color_3: #333333;
--flexi-secondary_color_4: #E94E1B;
--flexi-secondary_color_5: #f6baa7;
--flexi-secondary_color_6: #333333;
--flexi-font_family_1: "Open Sans", "Open Sans-fallback";
/* Duplicated variables with hyphens */
--flexi-brand-color-1: #232128;
--flexi-brand-color-2: #E94E1B;
--flexi-brand-color-3: #DDDDDD;
--flexi-secondary-color-1: #A36652;
--flexi-secondary-color-2: #333333;
--flexi-secondary-color-3: #333333;
--flexi-secondary-color-4: #E94E1B;
--flexi-secondary-color-5: #f6baa7;
--flexi-secondary-color-6: #333333;
}
 }</style>
<style>
@layer global {
.viafoura-twig-component, .viafoura {
--accent-color-light: rgb(var(--color-primary-300));
--accent-color: rgb(var(--color-primary-500));
--accent-color-dark: rgb(var(--color-primary-700));
--accent-color-90: rgb(var(--color-primary-400));
--accent-color-10: rgb(var(--color-primary-100));
--accent-color-05: rgb(var(--color-primary-50));
--text-on-accent-color: rgb(var(--color-primary-50));
--primary-font: inherit, Arial, sans-serif;
--medium-font: 1.4;
--small-font: 1.2;
--x-small-font: 1.2;
}
}
#viafoura-livequestions-wrapper > div > .viafoura,
#viafoura-engagement-starter-wrapper > .viafoura,
#viafoura-comment-wrapper .vf3-comments {
--background-color: #fff;
}
#viafoura-comment-count-link span > .viafoura {
--default-color: #fff;
}
#viafoura-comment-wrapper > .viafoura,
#viafoura-livequestions-wrapper .vf-livequestions-post-text__textarea {
background-color: #fff;
}
#viafoura-livequestions-wrapper,
#viafoura-comments-container {
--truncate-gradient-color: #fff;
}
</style>
<style data-component-name="ViteAsset" id="viafoura-css">
#viafoura-comment-wrapper .vf-dropdown:before,#viafoura-comment-wrapper .vf-dropdown-wrapper{--background-color: #fff}@layer global{.viafoura{--highlight-color-10:#FFF9EB;--custom-label-text-color: #64625C;--custom-border-color: #E5E7EB}.viafoura .vf-expanding-hover-light:before{border-width:1.5px!important}.viafoura .vf-expanding-hover-light:not(.vf-active):before{border-width:0!important}.viafoura .vfcustom-community-guidelines{margin-top:.75rem!important;width:100%;font-size:.875rem!important;line-height:18px!important}@media only screen and (max-width: 640px){.viafoura .vfcustom-community-guidelines{margin-top:0!important}}.viafoura .vfcustom-community-guidelines a{text-decoration-line:underline!important;color:var(--comment-widget-header-link-color,var(--accent-color))!important}.viafoura .vfcustom-community-guidelines a:visited{color:var(--comment-widget-header-link-color,var(--accent-color))!important}.viafoura .vf-conversation-starter__header{margin-top:0!important}.viafoura .vf-conversation-starter__header .vf-icon{display:none!important}.viafoura .vf-conversation-starter_link svg{display:none!important}.viafoura .vf-conversation-starter__header .vf-conversation-starter__header-title{padding-left:0!important}.viafoura .vf-conversation-starter_link{line-height:1!important}.viafoura .vf-comment-header{flex-wrap:wrap}@media only screen and (max-width: 640px){.viafoura .vf-comment-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}}.viafoura h2.vf-comment-header__heading{font-size:28px!important;line-height:2rem!important}@media only screen and (max-width: 640px){.viafoura .vf-comment-header__actions{flex-direction:row!important;align-items:center!important;gap:1rem!important}}.viafoura .vf-comment-header__actions .vf-follow-button{border-color:var(--accent-color)!important;padding:.25rem 1rem!important;font-size:.75rem!important;line-height:18px!important}@media only screen and (max-width: 640px){.viafoura .vf-comment-header__actions .vf-follow-button{margin-left:0!important;margin-right:0!important;margin-top:0!important;font-size:.875rem!important;line-height:18px!important}}@media only screen and (max-width: 640px){.viafoura .vf-post-form__auth-actions{margin-left:0!important;margin-right:0!important}}.viafoura .vf-post-form__auth-actions .vf-button,.viafoura .vf-post-form__auth-actions .vf-post-form__auth-action-separator{font-size:.75rem!important;line-height:18px!important}@media only screen and (max-width: 640px){.viafoura .vf-post-form__auth-actions .vf-button,.viafoura .vf-post-form__auth-actions .vf-post-form__auth-action-separator{font-size:.875rem!important;line-height:18px!important}}.viafoura .vf-post-form__auth-actions .vf-post-form__auth-action-separator{padding-left:.25rem!important;padding-right:.25rem!important;color:var(--text-on-accent-color)!important}.viafoura .vf-post-form__auth-actions .vf-button{padding-left:0!important;padding-right:0!important}@media only screen and (max-width: 640px){.viafoura .vf-post-form__auth-actions .vf-button{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}}.viafoura .vf-post-form{margin-bottom:0!important}.viafoura .vf-post-form__new-content{align-items:flex-start!important;padding-left:0!important;padding-right:0!important;padding-top:1.25rem!important;padding-bottom:1.5rem!important}.viafoura .vf-post-form__new-content .vf-new-content__content-editor-wrapper{min-height:2.5rem!important;padding:.5rem!important}.viafoura .vf-post-form__new-content .vf-content-layout__left{margin-right:1rem!important;padding-top:0!important}.viafoura .vf-post-form__new-content .vf-content-layout__right:before,.viafoura .vf-post-form__new-content .vf-content-layout__right:after{top:.875rem!important}.viafoura .vf3-comments .vf-tabbed-nav button,.viafoura .vf3-comments .vf-tabbed-nav .vf-label-text{font-size:.875rem!important;line-height:20px!important}.viafoura .vf3-comments .vf-tabbed-nav{border-bottom-width:2px!important;border-style:solid!important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;border-color:transparent!important;border-color:var(--custom-border-color, transparent)!important}.viafoura .vf3-comments .vf-tabbed-nav .vf-nav-button{padding-left:.5rem!important;padding-right:.5rem!important}.viafoura .vf3-comments .vf-tabbed-nav .vf-nav-button .vf-nav-tab-button{display:flex!important;align-items:center!important}.viafoura .vf3-comments .vf-tabbed-nav .vf-nav-button .vf-nav-tab-button .vf-badge{padding-top:0!important;padding-bottom:0!important;padding-left:.375rem!important;padding-right:.375rem!important;font-size:.75rem!important;line-height:1rem!important}.viafoura .vf3-comments .comment-nav-right__icon{width:auto!important}.viafoura .vf3-comments .comment-nav-right__icon strong{left:auto!important;right:50%!important}.viafoura .vf3-comments .comment-nav-right__icon svg{width:1rem!important;height:1rem!important}.viafoura .vf3-comments .vf-dropdown.vf-bottom-left:before{display:none!important}.viafoura .vf3-comments .vf-dropdown>button{padding:3px 6px!important}.viafoura .vf3-comments .vf-dropdown .vf-dropdown-button{border-radius:.25rem!important;border-width:0px!important;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important;font-size:.75rem!important;line-height:18px!important;font-weight:400!important}.viafoura .vf3-comments .vf-dropdown .vf-dropdown-wrapper{padding-top:.25rem!important}.viafoura .vf3-comments .vf-dropdown .vf-dropdown-button__icon{margin-left:.5rem!important;width:1.25rem!important;height:1.25rem!important}.viafoura .vf3-comments .vf-dropdown-button--accent--hovered,.viafoura .vf3-comments .vf-dropdown-button--accent:not([disabled]):hover{--tw-bg-opacity: 1 !important;background-color:rgb(248 248 248 / var(--tw-bg-opacity, 1))!important}.viafoura .vf3-comments .vf-dropdown__tooltip-content{border-radius:.25rem!important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;border-color:transparent!important;border-color:var(--custom-border-color, transparent)!important}.viafoura .vf3-comments .vf-dropdown__list{padding:.5rem!important}.viafoura .vf3-comments .vf-dropdown__list button{margin-bottom:.125rem!important;--tw-text-opacity: 1 !important;color:rgb(68 68 68 / var(--tw-text-opacity, 1))!important;padding:3px 4px!important}.viafoura .vf3-comments .vf-dropdown__list button:hover{--tw-text-opacity: 1 !important;color:rgb(0 0 0 / var(--tw-text-opacity, 1))!important}.viafoura .vf3-comments .vf-dropdown-button__text{margin:0!important}.viafoura .vf3-comments .vf-content-editor-actions{padding:.5rem!important}.viafoura .vf3-comments .vf-content-editor-actions button{padding:.25rem!important;font-size:.75rem!important;line-height:16px!important}.viafoura .vf3-comments .vf-content-editor-actions button.vf-content-editor-actions__submit{margin-left:.25rem!important;min-width:4rem!important}.viafoura .vf3-comments .vf-avatar,.viafoura .vf3-comments .vf-avatar--small:not(.vf3-comment__reply-avatar){width:2.5rem!important;height:2.5rem!important;font-size:.75rem!important;line-height:16px!important}.viafoura .vf3-comments .vf-avatar--small,.viafoura .vf3-comments .vf3-comment__reply-avatar{width:1.75rem!important;height:1.75rem!important}.viafoura .vf3-comments .vf-load-more button:not([disabled]){background-color:var(--accent-color)!important;color:var(--text-on-accent-color)!important;border-color:var(--accent-color)!important}.viafoura .vf3-comments .vf-load-more button:not([disabled]):hover{background-color:var(--accent-color-dark)!important;border-color:var(--accent-color-dark)!important}.viafoura .vf-comment-header,.viafoura .v3-comments__post-form,.viafoura .vf3-comments__tabbed-nav{padding-left:.75rem!important;padding-right:.75rem!important}@media only screen and (min-width: 641px){.viafoura .vf-comment-header,.viafoura .v3-comments__post-form,.viafoura .vf3-comments__tabbed-nav{padding-left:1rem!important;padding-right:1rem!important}}.viafoura .vf-comment-header{padding-top:1rem!important;padding-bottom:1.25rem!important;background-color:var(--comment-widget-header-bg-color,transparent)!important;color:var(--comment-widget-header-text-color,var(--dark-text-on-background-color,inherit))!important}.viafoura .vf-comment-header .vf-button.is-link.is-accent-color:not([disabled]),.viafoura .vf-comment-header .vf-button.is-cta.is-accent-color.is-inverted:not([disabled]){background-color:transparent!important;color:var(--comment-widget-header-link-color,var(--comment-widget-header-text-color,var(--accent-color,inherit)))!important}.viafoura .vf-comment-header .vf-button.is-cta.is-accent-color.is-inverted:not([disabled]){border-color:var(--comment-widget-header-link-color,var(--comment-widget-header-text-color,var(--accent-color,inherit)))!important}@media only screen and (min-width: 641px){.viafoura .vf-comment-header__actions{justify-content:flex-end!important}.viafoura .vf-post-form__auth-actions{margin-left:0!important}}.viafoura .vf3-comments__tabbed-nav{padding-top:.75rem!important}.viafoura .v3-comments__post-form{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity, 1))}.viafoura .v3-comments__post-form .vf-new-content__content-editor-wrapper,.viafoura .v3-comments__post-form .vf-content-layout__right:before,.viafoura .v3-comments__post-form .vf-content-layout__right:after{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}.viafoura .v3-comments__post-form .vf-content-layout__right:before,.viafoura .v3-comments__post-form .vf-content-layout__right:after{border-left:1px solid var(--accent-color)!important;border-bottom:1px solid var(--accent-color)!important}.viafoura .v3-comments__post-form .vf-content-layout__right{border:1px solid var(--accent-color)!important}.viafoura .v3-comments__post-form .vf-new-content__content-editor-slot-wrapper{overflow:hidden!important;border-radius:4px!important}.viafoura .vf-content-editor-form__textarea{font-size:.875rem!important;line-height:24px!important}.viafoura .all-comments-container .vf-content-actions__left-action:not(.vf-content-actions__reply),.viafoura .all-comments-container .vf-label:not(.vf-content-editor-actions__submit):not(.vf-content-actions__reply),.viafoura .all-comments-container .vf-button:not(.vf-content-editor-actions__submit):not(.vf-content-actions__reply):not(.is-mention-color){color:var(--custom-label-text-color)!important}.viafoura .all-comments-container .vf-content-actions__left-action:not(.vf-content-actions__reply):hover,.viafoura .all-comments-container .vf-label:not(.vf-content-editor-actions__submit):not(.vf-content-actions__reply):hover,.viafoura .all-comments-container .vf-button:not(.vf-content-editor-actions__submit):not(.vf-content-actions__reply):not(.is-mention-color):hover{color:var(--accent-color)!important}.viafoura .all-comments-container .vf-content-actions__left-action:not(.vf-content-actions__reply),.viafoura .all-comments-container .vf-label:not(.vf-content-editor-actions__submit):not(.vf-content-actions__reply),.viafoura .all-comments-container .vf-button:not(.vf-content-editor-actions__submit):not(.vf-content-actions__reply):not(.is-mention-color){text-decoration:none!important}.viafoura .all-comments-container .vf-content-actions__left-action:not(.vf-content-actions__reply):not(.vf-label-with-dot):before,.viafoura .all-comments-container .vf-label:not(.vf-content-editor-actions__submit):not(.vf-content-actions__reply):not(.vf-label-with-dot):before,.viafoura .all-comments-container .vf-button:not(.vf-content-editor-actions__submit):not(.vf-content-actions__reply):not(.is-mention-color):not(.vf-label-with-dot):before{display:none!important}.viafoura .all-comments{padding-top:.5rem!important}.viafoura .vf-content-layout__left{margin-right:.375rem!important;width:2.5rem!important;min-width:2.5rem!important}.viafoura .vf3-comment__header{padding-bottom:.5rem!important}.viafoura .vf3-conversations-list--comments .vf-comment__content-editor{font-size:.875rem!important;line-height:1.25rem!important}.viafoura .vf3-conversations-list--comments .vf-content-layout{padding:1rem .5rem!important}.viafoura .vf-post-name-button,.viafoura .vf-post-details__time,.viafoura .vf-post-details__pinned .vf-label-text{font-size:.875rem!important;line-height:20px!important}.viafoura .vf-post-details__time{text-transform:none!important;margin-right:.75rem!important;margin-left:10px!important}.viafoura .vf-post-details__time:before{left:-.5rem!important;width:.25rem!important;height:.25rem!important;--tw-bg-opacity: 1 !important;background-color:rgb(217 217 217 / var(--tw-bg-opacity, 1))!important}@media only screen and (max-width: 640px){.viafoura .vf-post-details__pinned{margin-top:.75rem!important;width:100%!important}}.viafoura .vf-post-details__pinned .vf-label-text{text-transform:capitalize!important}.viafoura .vf-post-details__pinned .vf-icon{width:1rem!important;height:1rem!important;font-size:1rem!important;line-height:16px!important;--tw-text-opacity: 1 !important;color:rgb(0 0 0 / var(--tw-text-opacity, 1))!important}.viafoura .vf-post-name-button{font-weight:700!important;--tw-text-opacity: 1 !important;color:rgb(0 0 0 / var(--tw-text-opacity, 1))!important}.viafoura .all-comments__typing-indicator{padding-top:0!important}.viafoura .vf-reply-to__reply-name{--tw-text-opacity: 1 !important;color:rgb(0 0 0 / var(--tw-text-opacity, 1))!important}.viafoura .vf-reply-to{margin-top:.25rem!important;font-size:.75rem!important;line-height:1rem!important;color:var(--custom-label-text-color)!important}.viafoura .vf-reply-to:hover,.viafoura .vf-reply-to:hover .vf-reply-to__reply-name{color:var(--accent-color)!important}.viafoura .vf-content-actions{padding-top:.5rem!important}.viafoura .vf-content-actions .vf-button{margin-left:0!important;padding-left:.25rem!important;padding-right:.25rem!important;font-size:.75rem!important;line-height:18px!important;opacity:1!important}.viafoura .vf-content-actions .vf-icon{width:1rem!important;height:1rem!important;font-size:1rem!important;line-height:16px!important}.viafoura .vf-content-actions .vf-content-actions__reply{padding-left:0!important;color:var(--accent-color)!important;text-decoration:none!important}.viafoura .vf-empty-comments__icon-wrapper{position:relative;top:2px;display:inline-flex!important;align-items:center!important;justify-content:center!important}.viafoura .vf-empty-comments__icon{position:static!important}.comment-widget-loaded #viafoura-comments-container{border:var(--comment-widget-border,solid 1px var(--accent-color))!important}.vf3-conversations-footer,.vf-livequestions-footer__container{display:none!important}#viafoura-comments-container .vf-comments-trending-articles,.activity-tab-trending-articles h2.vf-trending-articles__header{display:none}#viafoura-engagement-starter-wrapper{--es-header-font-family: inherit;--es-header-font-family: var(--primary-font, inherit);--es-title-font-family: inherit;--es-title-font-family: var(--primary-font, inherit);--es-body-font-family: inherit;--es-body-font-family: var(--primary-font, inherit);--es-link-font-family: inherit;--es-link-font-family: var(--primary-font, inherit)}#viafoura-engagement-starter-wrapper .vf-conversation-starter__header-title{font-family:inherit,sans-serif;font-family:var(--es-header-font-family, inherit),sans-serif}#viafoura-engagement-starter-wrapper .vf-conversation-starter_text{font-family:inherit,sans-serif;font-family:var(--es-body-font-family, inherit),sans-serif}#viafoura-engagement-starter-wrapper .vf-conversation-starter_text-title{font-family:inherit,sans-serif;font-family:var(--es-title-font-family, inherit),sans-serif}#viafoura-engagement-starter-wrapper .vf-conversation-starter_link{font-family:inherit,sans-serif;font-family:var(--es-link-font-family, inherit),sans-serif}#viafoura-livequestions-wrapper li{list-style:none!important;margin-left:0!important;margin-left:initial!important;font-size:inherit!important}#viafoura-livequestions-wrapper li p{font-size:inherit!important;line-height:inherit!important}}
</style>


<script type="text/html" class="sponsored-tag-template" style="display:none!important;">
<a href="SPONSORED_LINK_URL" target="SPONSORED_LINK_MODE" class="flex items-center h-12">
<span class="mr-2">SPONSORED</span>
<img src="SPONSORED_IMAGE_URL" class="h-full" />
</a>
</script>
<a href="#main" class="skip-to-main-content" style="position:absolute;">Skip to main content</a>
<div id="widgetArea100" class="widget-area grid grid-cols-1 page-widget-area-100"></div>
<nav class="primary-nav" aria-label="Main Navigation">
<input type="radio" name="burgerbar-expand" class="burgerbar-none-radio" id="burgerbar-none" checked>
<input type="radio" name="burgerbar-expand" class="burgerbar-radio" id="burgerbar">
<div data-component-name="SiteHeader:Masthead" style="--site-header-grid-template-areas: 'logo locale-selector social-icons subscribe sign-in viafoura search'; --site-header-background-color: #ededed;" data-template="" class="w-full bg-[var(--site-header-background-color,white)]" role="banner" aria-label="Site header">
<div class="
relative h-[60px] grid align-center max-w-[min(970px,98dvw)] px-2 sm:px-0 sm:mx-auto items-center gap-[var(--site-header-gap,0.65rem)]
bg-[var(--site-header-background-color,white)]
text-[var(--site-header-text-color,#333)]
" data-testid="masthead" role="navigation" aria-label="Main navigation">
<!-- Burger button -->
<button id="mobile-menu-btn" x-data="" data-desktop-menu-min-width="900" type="button" class="border-0 bg-transparent px-2 py-4 sm:hidden text-[--burger-btn-color,black] z-[--burger-btn-z-index,1]" style="grid-area:burgerbar-trigger" data-component-name="Nav:BurgerButton" x-on:click="$store.mobileMenu.toggle()">
<span class="sr-only">Open menu</span>
<svg class="h-6 w-6" fill="currentColor" stroke-width="1.5" viewbox="0 0 24 24" stroke="currentColor" :class="{'rotate-90':$store.mobileMenu.open}">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
</svg>
</button>
<div id="publisherDetails" data-analytics-id="site-logo" class="font-normal" data-component-name="SiteHeader:Masthead:Logo" style="grid-area: logo;" data-testid="site-logo" data-mrf-recirculation="site-logo">
<a href="https://www.creativebloq.com" data-before-rewrite-localise="/" class="relative flex flex-row items-end gap-2 leading-none no-underline text-inherit hover:no-underline" rel="home">
<picture class="block my-auto shrink-0">
<!-- Desktop logo (large screens) -->
<source media="(min-width: 700px)" type="image/svg+xml" srcset="/media/img/creativebloq_logo.svg" aria-hidden="true" alt="Site logo for Creative Bloq" loading="eager">
<!-- Mobile logo (small screens) -->
<source media="(max-width: 699px)" type="image/svg+xml" srcset="/media/img/creativebloq_logo.svg" aria-hidden="true" alt="Site logo for Creative Bloq" loading="eager">
<img src="/media/img/creativebloq_logo.svg" alt="Creative Bloq" class="max-w-32 sm:max-w-full max-h-[var(--logo-height-mobile,25px)] sm:max-h-full h-[var(--logo-height-mobile,25px)] sm:h-[var(--logo-height-desktop,auto)] w-auto" fetchpriority="high">
</source></source></picture>
<span class="sr-only">Creative Bloq</span>
<span class="whitespace-nowrap pb-[var(--strapline-padding-bottom,12px)] text-[length:--strapline-font-size,13px] font-inherit leading-3 [text-transform:var(--strapline-text-transform,uppercase)] hidden sm:inline sm:visible">Where creativity meets technology</span>
</a>
</div>
<style>
@layer global {
#burgerbar ~ [data-component-name="SiteHeader:Masthead"] .button-menu.checked { display: none; }
#burgerbar:checked ~ [data-component-name="SiteHeader:Masthead"] .button-menu.unchecked { display: none; }
#burgerbar:checked ~ [data-component-name="SiteHeader:Masthead"] .button-menu.checked { display: block; }
}
</style>
<div data-component-name="Social:Icons" style="grid-area: social-icons;" class="hidden gap-2 flexisites-social sm:flex sm:visible" data-testid="buttons-social" data-nosnippet="" data-mrf-recirculation="header-social-icons">
<a class="icon-circle icon-facebook no-underline border-none h-6 w-6 box-border text-inherit rounded-[50%] cursor-pointer" aria-label="Visit us on facebook" href="https://www.facebook.com/CreativeBloQ" data-analytics-id="nav-social" target="_blank" rel="noopener" data-mrf-recirculation="nav-social">
<svg class="text-black size-8 w-6 h-6" data-component-name="Icon" data-icon="facebook" aria-hidden="true" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" fill="#3b5998" r="12"></circle><path d="m13.079 19h-2.9v-7h-1.441v-2.408h1.442v-1.456c0-1.96.813-3.136 3.136-3.136h1.933v2.408h-1.2c-.91 0-.965.35-.965.966v1.218h2.183l-.257 2.408h-1.931z" fill="#fff"></path></svg>
</a>
<a class="icon-circle icon-twitter no-underline border-none h-6 w-6 box-border text-inherit rounded-[50%] cursor-pointer" aria-label="Visit us on twitter" href="https://twitter.com/intent/user?screen_name=creativebloq" data-analytics-id="nav-social" target="_blank" rel="noopener" data-mrf-recirculation="nav-social">
<svg class="text-black size-8 w-6 h-6" data-component-name="Icon" data-icon="twitter" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#0F1618" viewbox="0 0 375 375"><g><path fill="#000" d="M187 7a180 180 0 1 0 0 361 180 180 0 0 0 0-361"></path></g><g transform="translate(90 85)"><svg class="text-black size-8 w-6 h-6" data-component-name="Icon" data-icon="twitter" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="199.8" height="199.8" viewbox="0 0 24 24"><path fill="#fff" d="M18 2h4l-8 9 9 11h-7l-5-7-6 7H2l7-9L1 2h7l5 6zm-1 18h2L7 4H5z"></path></svg></g></svg>
</a>
<a class="icon-circle icon-instagram no-underline border-none h-6 w-6 box-border text-inherit rounded-[50%] cursor-pointer" aria-label="Visit us on instagram" href="https://www.instagram.com/creativebloqofficial/" data-analytics-id="nav-social" target="_blank" rel="noopener" data-mrf-recirculation="nav-social">
<svg class="text-black size-8 w-6 h-6" data-component-name="Icon" data-icon="instagram" aria-hidden="true" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" fill="#de3073" r="12"></circle><path d="m18.958 9.116a5.121 5.121 0 0 0 -.336-1.708 3.557 3.557 0 0 0 -2.044-2.044 5.12 5.12 0 0 0 -1.694-.322c-.742-.028-.994-.042-2.884-.042s-2.142.014-2.884.042a5.213 5.213 0 0 0 -1.708.322 3.665 3.665 0 0 0 -2.044 2.044 5.213 5.213 0 0 0 -.322 1.708c-.028.742-.042.984-.042 2.884s.014 2.142.042 2.884a5.12 5.12 0 0 0 .322 1.694 3.44 3.44 0 0 0 .812 1.246 3.4 3.4 0 0 0 1.232.8 5.175 5.175 0 0 0 1.708.336c.742.028.98.042 2.884.042s2.142-.014 2.884-.042a5.082 5.082 0 0 0 1.694-.336 3.456 3.456 0 0 0 2.044-2.044 5.006 5.006 0 0 0 .336-1.694c.028-.744.042-.986.042-2.886s-.014-2.142-.042-2.884zm-1.258 5.712a3.946 3.946 0 0 1 -.252 1.3 2.189 2.189 0 0 1 -.518.8 2.165 2.165 0 0 1 -.8.532 4.641 4.641 0 0 1 -1.3.238c-.742.028-.966.042-2.828.042s-2.1-.014-2.828-.042a3.837 3.837 0 0 1 -1.3-.252 2.258 2.258 0 0 1 -1.334-1.316 3.91 3.91 0 0 1 -.238-1.3c-.028-.742-.042-.966-.042-2.828s.014-2.086.042-2.828a3.787 3.787 0 0 1 .238-1.3 2.445 2.445 0 0 1 1.33-1.334 3.856 3.856 0 0 1 1.3-.238c.742-.028.952-.042 2.828-.042s2.086.014 2.828.042a3.787 3.787 0 0 1 1.3.238 2.445 2.445 0 0 1 1.33 1.33 4.641 4.641 0 0 1 .238 1.3c.027.742.042.952.042 2.828s-.011 2.088-.036 2.83zm-5.7-6.428a3.6 3.6 0 1 0 3.6 3.6 3.6 3.6 0 0 0 -3.6-3.6zm.181 5.929a2.338 2.338 0 0 1 -.362-4.662 2.43 2.43 0 0 1 .362 0 2.338 2.338 0 0 1 0 4.662zm3.557-6.909a.84.84 0 1 1 -.84.84.84.84 0 0 1 .84-.838z" fill="#fff"></path></svg>
</a>
<a class="icon-circle icon-youtube no-underline border-none h-6 w-6 box-border text-inherit rounded-[50%] cursor-pointer" aria-label="Visit us on youtube" href="https://www.youtube.com/@Creativebloqofficial" data-analytics-id="nav-social" target="_blank" rel="noopener" data-mrf-recirculation="nav-social">
<svg class="text-black size-8 w-6 h-6" data-component-name="Icon" data-icon="youtube" aria-hidden="true" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" fill="#cd201f" r="12"></circle><path d="m19.351 8.978a3.281 3.281 0 0 0 -.6-1.5 2.081 2.081 0 0 0 -1.5-.645c-2.101-.15-5.251-.15-5.251-.15h-.016s-3.134 0-5.25.149a2.19 2.19 0 0 0 -1.485.645 3.275 3.275 0 0 0 -.6 1.5 22.8 22.8 0 0 0 -.15 2.445v1.139a22.854 22.854 0 0 0 .15 2.446 3.263 3.263 0 0 0 .6 1.5 2.437 2.437 0 0 0 1.65.645c1.2.12 5.1.165 5.1.165s3.149 0 5.249-.165a2.072 2.072 0 0 0 1.5-.645 3.268 3.268 0 0 0 .6-1.5 23 23 0 0 0 .149-2.446v-1.138a22.949 22.949 0 0 0 -.146-2.445zm-9.331 5.549v-5.127l4.8 2.52z" fill="#fff"></path></svg>
</a>
<a class="icon-circle icon-pinterest no-underline border-none h-6 w-6 box-border text-inherit rounded-[50%] cursor-pointer" aria-label="Visit us on pinterest" href="https://www.pinterest.co.uk/creativebloq/" data-analytics-id="nav-social" target="_blank" rel="noopener" data-mrf-recirculation="nav-social">
<svg class="text-black size-8 w-6 h-6" data-component-name="Icon" data-icon="pinterest" aria-hidden="true" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" fill="#bd081c" r="12"></circle><path d="m12.336 5c-3.822 0-5.754 2.744-5.754 5.025a3.065 3.065 0 0 0 1.652 3.066.279.279 0 0 0 .407-.2l.154-.644a.373.373 0 0 0 -.113-.448 2.341 2.341 0 0 1 -.532-1.582 3.812 3.812 0 0 1 3.961-3.849 3.009 3.009 0 0 1 3.346 3.08c0 2.323-1.022 4.283-2.547 4.283a1.253 1.253 0 0 1 -1.273-1.554 17.616 17.616 0 0 0 .713-2.856 1.081 1.081 0 0 0 -1.092-1.2c-.854 0-1.553.881-1.553 2.071a2.954 2.954 0 0 0 .266 1.274l-1.038 4.383a9.389 9.389 0 0 0 -.027 3.065.109.109 0 0 0 .2.042 8.737 8.737 0 0 0 1.457-2.631l.561-2.212a2.3 2.3 0 0 0 1.959 1.008c2.59 0 4.34-2.366 4.34-5.516a4.8 4.8 0 0 0 -5.087-4.605z" fill="#fff"></path></svg>
</a>
<a class="icon-circle icon-flipboard no-underline border-none h-6 w-6 box-border text-inherit rounded-[50%] cursor-pointer" aria-label="Visit us on flipboard" href="https://flipboard.com/@CreativeBloq" data-analytics-id="nav-social" target="_blank" rel="noopener" data-mrf-recirculation="nav-social">
<svg class="text-black size-8 w-6 h-6" data-component-name="Icon" data-icon="flipboard" aria-hidden="true" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<g><path d="m24 12a12 12 0 1 1 -12-12 12 12 0 0 1 12 12z" fill="#f52828"></path></g><path d="m19 11h-4v4h-4v4h-4v-12h12z" fill="#fff"></path>
</svg>
</a>
</div>
<div class="nav-subscribe" data-component-name="SiteHeader:Masthead:Subscribe" style="grid-area: subscribe;">
<button type="button" class="bg-neutral-100 border-none inline p-1 overflow-hidden text-[10px] sm:text-xs leading-5 whitespace-nowrap text-[#333] font-semibold">
Subscribe
<svg class="text-black size-8 w-2 h-2" data-component-name="Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewbox="0 0 32 32" enable-background="new 0 0 32 32" space="preserve">
<path fill="currentColor" d="M32,3.2L15.989,28.8L0,3.2H32z"></path>
</svg>
</button>
</div>
<div id="auth-in-nav-header" class="w-auto leading-none" data-analytics-id="sign-in" tabindex="0" style="grid-area: sign-in;" data-mrf-recirculation="sign-in">
<span id="auth-in-nav-header-text" class="whitespace-nowrap hidden md:visible md:inline">Sign in</span>
<span id="auth-in-nav-header-svg-block">
<svg width="20" height="20" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M10.446 0c5.76 0 10.446 4.452 10.446 9.924 0 5.472-4.686 9.923-10.446 9.923S0 15.396 0 9.924 4.686 0 10.446 0zm0 1.228c-5.047 0-9.154 3.9-9.154 8.696 0 2.642 1.248 5.01 3.212 6.607.337-2.01 1.756-3.678 3.678-4.436a5.554 5.554 0 004.678 0c1.887.745 3.292 2.364 3.662 4.326 1.886-1.594 3.078-3.915 3.078-6.497 0-4.795-4.107-8.696-9.154-8.696zm.076 2.885c1.983 0 3.592 1.529 3.592 3.413 0 1.885-1.609 3.413-3.592 3.413-1.984 0-3.593-1.528-3.593-3.413 0-1.884 1.609-3.413 3.593-3.413z" fill-rule="evenodd"></path></svg>
</span>
<div id="auth-in-nav-header-menu" class="auth-in-nav-header-menu">
<ul>
<li id="auth-in-nav-header-menu-email">
</li><li id="auth-in-nav-header-profile">View Profile</li>
<li id="auth-in-nav-header-sign-out">
<span class="auth-in-nav-header-sign-out-text hidden md:visible md:inline">Sign out</span>
<svg width="20" height="20" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg" title="Logout">
<path d="m17 7-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z" fill-rule="evenodd">
</path>
</svg>
</li>
</ul>
</div>
</div>
<div x-data="" class="[&amp;_svg]:text-[--tray-bell-initial-color] [&amp;_svg]:hover:text-[--tray-bell-hover-color] flex items-center h-full text-lg z-50 viafoura-twig-component min-w-[var(--tray-bell-min-width,40px)]" style="--default-color: transparent; --background-color: transparent; --light-text-on-default-color: #000; --dark-text-on-default-color: #000; --tray-bell-right-offset: 185px; --tray-bell-initial-color: #000; --tray-bell-hover-color: var(--tray-bell-initial-color); grid-area: viafoura;" id="viafoura-tray-bell" data-component-name="Viafoura:Notification:TrayBell">
<div class="viafoura" x-cloak="" x-show="$store.Viafoura.showWidgets">
<vf-tray-trigger></vf-tray-trigger>
</div>
</div>
<input type="checkbox" name="burgerbar-expand" class="search-checkbox" id="search-checkbox">
<label data-component-name="SiteHeader:Masthead:SearchBar" style="grid-area: search;" class="relative inline-flex gap-2 mb-0" for="search-checkbox" onclick="" tabindex="0" aria-label="Search" role="button" data-analytics-id="search" onkeydown="if(event.key === 'Enter') { event.preventDefault(); this.click() }" data-testid="search-button" data-mrf-recirculation="search">
<span class="searchText text-sm visible max-sm:hidden">Search</span>
<span class="search-icon">
<svg class="size-8 w-5 h-5 text-inherit" data-component-name="Icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000"><path fill="currentColor" d="M720 124a422 422 0 1 0-73 654l221 222 132-131-222-222a422 422 0 0 0-58-523zm-92 504a291 291 0 1 1-412-412 291 291 0 0 1 412 411z"></path></svg>
</span>
</label>
<form class="search-box w-full sm:w-[480px] text-inherit" id="search-box" action="https://www.creativebloq.com/search" method="GET" data-analytics-id="search-submit" data-mrf-recirculation="search-submit" data-before-rewrite-localise="/search">
<label for="search-input" class="sr-only">Search Creative Bloq</label>
<input tabindex="0" type="search" name="searchTerm" placeholder="Search Creative Bloq" class="search-input" id="search-input">
<button type="submit" class="search-submit" aria-label="Search">
<span class="search-icon">
<svg class="size-8 w-5 h-5 m-auto text-inherit" data-component-name="Icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000"><path fill="currentColor" d="M720 124a422 422 0 1 0-73 654l221 222 132-131-222-222a422 422 0 0 0-58-523zm-92 504a291 291 0 1 1-412-412 291 291 0 0 1 412 411z"></path></svg>
</span>
</button>
</form>
</div>
</div>
<div class="flex justify-center mobile-chatbot-container sm:hidden">
</div>
<nav class="" id="component-mega-nav" data-component-name="Nav" style="--nav-item-text-color: white; --nav-item-bg-color: #333; --nav-item-hover-bg-color: rgb(var(--color-primary-500)); --nav-item-secondary-bg-color: rgb(var(--color-primary-500)); --nav-item-secondary-text-color: white; --nav-border-top: none; --nav-border-bottom: none; --nav-item-x-padding: 1rem; --nav-item-hover-text-color: var(--nav-item-text-color); --nav-item-font-weight: 400; --nav-item-font-size: 16px; --nav-item-letter-spacing: inherit; --nav-item-font-family: var(--font-ui-copy); --nav-item-text-transform: none; --nav-item-list-bg-color: var(--nav-item-bg-color); --nav-item-secondary-hover-bg-color: var(--nav-item-secondary-bg-color); --nav-item-secondary-hover-text-color: var(--nav-item-secondary-text-color);" data-mrf-recirculation="navigation">
<div class="meganav-desktop" id="desktop-component-mega-nav" data-component-name="Nav:Desktop" style="--nav-height: 44px; --nav-narrow-width: 970px; --nav-wide-width: 1200px; --nav-item-line-height: 2.75; --nav-item-list-grid-cols: repeat(5,minmax(max-content,1fr)); --nav-item-list-dropdown-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --nav-item-list-mega-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);" x-data="DesktopNav">
<div class="meganav-desktop__container" x-ref="topLevelNavItemOuterContainer">
<ul class="meganav-desktop__list" data-analytics-id="nav-item" x-ref="topLevelNavItemInnerContainer" data-mrf-recirculation="nav-item">
<li class="meganav-item--home-link meganav-item meganav-item--top-level" data-component-name="Nav:Item" data-id="0" data-test="Nav:Item" data-nav-top-level="">
<a href="https://www.creativebloq.com" class="meganav-item__link" data-nav-link="" arial-label="Home">
<svg class="size-5 text-current" data-component-name="Icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-hidden="true" data-slot="icon">
<path d="M11.47 3.841a.75.75 0 0 1 1.06 0l8.69 8.69a.75.75 0 1 0 1.06-1.061l-8.689-8.69a2.25 2.25 0 0 0-3.182 0l-8.69 8.69a.75.75 0 1 0 1.061 1.06l8.69-8.689Z"></path>
<path d="m12 5.432 8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75V21a.75.75 0 0 1-.75.75H5.625a1.875 1.875 0 0 1-1.875-1.875v-6.198a2.29 2.29 0 0 0 .091-.086L12 5.432Z"></path>
</svg>
</a>
</li>
<li class="meganav-item--mega meganav-item--title-hover meganav-item meganav-item--top-level" data-component-name="Nav:Item" data-id="1" data-test="Nav:Item" data-nav-top-level="">
<button class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="Art &amp; Design">
Art &amp; Design
</button>
<ul x-data="DesktopItemList(2)" class="meganav-item-list" style="--nav-item-font-size: 14px; --nav-item-font-weight: 400; --nav-item-hover-bg-color: #333; --nav-item-hover-text-color: rgb(var(--color-primary-500)); --nav-item-line-height: 2.5; --nav-item-text-transform: none;" :class="xPositionClass" data-nav-item-list="" data-list-type="mega" data-component-name="Nav:Desktop:ItemList" data-has-children="">
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Art" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/art">
Art
</a>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art/digital-art" class="meganav-item__link" data-nav-link="" arial-label="Digital Art" data-before-rewrite-localise="/art/digital-art">
Digital Art
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art/illustration" class="meganav-item__link" data-nav-link="" arial-label="Illustration" data-before-rewrite-localise="/art/illustration">
Illustration
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art/tattoo-body-art-design" class="meganav-item__link" data-nav-link="" arial-label="Tattoo &amp; Body Art" data-before-rewrite-localise="/art/tattoo-body-art-design">
Tattoo &amp; Body Art
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art/traditional-art" class="meganav-item__link" data-nav-link="" arial-label="Traditional Art" data-before-rewrite-localise="/art/traditional-art">
Traditional Art
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/3d-art" class="meganav-item__link" data-nav-link="" arial-label="3D Art" data-before-rewrite-localise="/3d/3d-art">
3D Art
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/ai/ai-art" class="meganav-item__link" data-nav-link="" arial-label="AI Art" data-before-rewrite-localise="/ai/ai-art">
AI Art
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/painting" class="meganav-item__link" data-nav-link="" arial-label="Painting" data-before-rewrite-localise="/tag/painting">
Painting
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art/animation" class="meganav-item__link" data-nav-link="" arial-label="Animation" data-before-rewrite-localise="/art/animation">
Animation
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Design" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/design">
Design
</a>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design/design-software" class="meganav-item__link" data-nav-link="" arial-label="Software" data-before-rewrite-localise="/design/design-software">
Software
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design/graphic-design" class="meganav-item__link" data-nav-link="" arial-label="Graphic Design" data-before-rewrite-localise="/design/graphic-design">
Graphic Design
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design/product-design" class="meganav-item__link" data-nav-link="" arial-label="Product Design" data-before-rewrite-localise="/design/product-design">
Product Design
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/video-game-design" class="meganav-item__link" data-nav-link="" arial-label="Video Game Design" data-before-rewrite-localise="/3d/video-game-design">
Video Game Design
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/web-design/app-design" class="meganav-item__link" data-nav-link="" arial-label="App Design" data-before-rewrite-localise="/web-design/app-design">
App Design
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design/graphic-design/branding" class="meganav-item__link" data-nav-link="" arial-label="Branding" data-before-rewrite-localise="/design/graphic-design/branding">
Branding
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design/graphic-design/branding/fonts-typography" class="meganav-item__link" data-nav-link="" arial-label="Typography" data-before-rewrite-localise="/design/graphic-design/branding/fonts-typography">
Typography
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration/advertising" class="meganav-item__link" data-nav-link="" arial-label="Advertising" data-before-rewrite-localise="/creative-inspiration/advertising">
Advertising
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<span class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="Design Brands" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;">
Design Brands
</span>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/huawei" class="meganav-item__link" data-nav-link="" arial-label="Huawei" data-before-rewrite-localise="/tag/huawei">
Huawei
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/philips" class="meganav-item__link" data-nav-link="" arial-label="Phillips" data-before-rewrite-localise="/tag/philips">
Phillips
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/samsung" class="meganav-item__link" data-nav-link="" arial-label="Samsung" data-before-rewrite-localise="/tag/samsung">
Samsung
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/nintendo" class="meganav-item__link" data-nav-link="" arial-label="Nintendo" data-before-rewrite-localise="/tag/nintendo">
Nintendo
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/asus" class="meganav-item__link" data-nav-link="" arial-label="Asus" data-before-rewrite-localise="https://www.creativebloq.com/tag/asus">
Asus
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/adobe" class="meganav-item__link" data-nav-link="" arial-label="Adobe" data-before-rewrite-localise="/tag/adobe">
Adobe
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/dell" class="meganav-item__link" data-nav-link="" arial-label="Dell" data-before-rewrite-localise="/tag/dell">
Dell
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/sony" class="meganav-item__link" data-nav-link="" arial-label="Sony" data-before-rewrite-localise="/tag/sony">
Sony
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/nvidia" class="meganav-item__link" data-nav-link="" arial-label="Nvidia" data-before-rewrite-localise="/tag/nvidia">
Nvidia
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/apple" class="meganav-item__link" data-nav-link="" arial-label="Apple" data-before-rewrite-localise="/tag/apple">
Apple
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/professional-development" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Professional Development" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/professional-development">
Professional Development
</a>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/professional-development/creative-careers" class="meganav-item__link" data-nav-link="" arial-label="Creative Careers" data-before-rewrite-localise="/professional-development/creative-careers">
Creative Careers
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/professional-development/productivity-tools" class="meganav-item__link" data-nav-link="" arial-label="Productivity Tools" data-before-rewrite-localise="/professional-development/productivity-tools">
Productivity Tools
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/professional-development/training-courses" class="meganav-item__link" data-nav-link="" arial-label="Training Courses" data-before-rewrite-localise="/professional-development/training-courses">
Training Courses
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Creative Inspiration" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/creative-inspiration">
Creative Inspiration
</a>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration/fashion" class="meganav-item__link" data-nav-link="" arial-label="Fashion" data-before-rewrite-localise="/creative-inspiration/fashion">
Fashion
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration/infographics" class="meganav-item__link" data-nav-link="" arial-label="Infographics" data-before-rewrite-localise="/creative-inspiration/infographics">
Infographics
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration/optical-illusions" class="meganav-item__link" data-nav-link="" arial-label="Optical Illusions" data-before-rewrite-localise="/creative-inspiration/optical-illusions">
Optical Illusions
</a>
</li>
</ul> </li>
</ul> </li>
<li class="meganav-item--mega meganav-item meganav-item--top-level" data-component-name="Nav:Item" data-id="2" data-test="Nav:Item" data-nav-top-level="">
<a href="https://www.creativebloq.com/3d" class="meganav-item__link" data-nav-link="" arial-label="3D" data-before-rewrite-localise="/3d">
3D
</a>
<ul x-data="DesktopItemList(2)" class="meganav-item-list" style="--nav-item-font-size: 14px; --nav-item-font-weight: 400; --nav-item-hover-bg-color: #333; --nav-item-hover-text-color: rgb(var(--color-primary-500)); --nav-item-line-height: 2.5; --nav-item-text-transform: none;" :class="xPositionClass" data-nav-item-list="" data-list-type="mega" data-component-name="Nav:Desktop:ItemList" data-has-children="">
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<span class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="Architecture" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;">
Architecture
</span>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/architecture/urban-design" class="meganav-item__link" data-nav-link="" arial-label="Urban Design" data-before-rewrite-localise="/3d/architecture/urban-design">
Urban Design
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/architecture/sculptures" class="meganav-item__link" data-nav-link="" arial-label="Sculptures" data-before-rewrite-localise="/3d/architecture/sculptures">
Sculptures
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/vfx-cgi" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="VFX &amp; CGI" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/3d/vfx-cgi">
VFX &amp; CGI
</a>
</li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/3d-printing" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Printing" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/3d/3d-printing">
Printing
</a>
</li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/3d-software" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Software" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/3d/3d-software">
Software
</a>
</li>
</ul> </li>
<li class="meganav-item--mega meganav-item meganav-item--top-level" data-component-name="Nav:Item" data-id="3" data-test="Nav:Item" data-nav-top-level="">
<a href="https://www.creativebloq.com/web-design" class="meganav-item__link" data-nav-link="" arial-label="Web Design" data-before-rewrite-localise="/web-design">
Web Design
</a>
<ul x-data="DesktopItemList(2)" class="meganav-item-list" style="--nav-item-font-size: 14px; --nav-item-font-weight: 400; --nav-item-hover-bg-color: #333; --nav-item-hover-text-color: rgb(var(--color-primary-500)); --nav-item-line-height: 2.5; --nav-item-text-transform: none;" :class="xPositionClass" data-nav-item-list="" data-list-type="mega" data-component-name="Nav:Desktop:ItemList" data-has-children="">
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/web-design/ux-ui" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="UX &amp; UI" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/web-design/ux-ui">
UX &amp; UI
</a>
</li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/web-design/web-design-development-software" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Web Design Software" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/web-design/web-design-development-software">
Web Design Software
</a>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/wordpress" class="meganav-item__link" data-nav-link="" arial-label="Wordpress" data-before-rewrite-localise="/tag/wordpress">
Wordpress
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/squarespace" class="meganav-item__link" data-nav-link="" arial-label="Squarespace" data-before-rewrite-localise="/tag/squarespace">
Squarespace
</a>
</li>
</ul> </li>
</ul> </li>
<li class="meganav-item--mega meganav-item meganav-item--top-level" data-component-name="Nav:Item" data-id="4" data-test="Nav:Item" data-nav-top-level="">
<a href="https://www.creativebloq.com/tech" class="meganav-item__link" data-nav-link="" arial-label="Tech" data-before-rewrite-localise="/tech">
Tech
</a>
<ul x-data="DesktopItemList(2)" class="meganav-item-list" style="--nav-item-font-size: 14px; --nav-item-font-weight: 400; --nav-item-hover-bg-color: #333; --nav-item-hover-text-color: rgb(var(--color-primary-500)); --nav-item-line-height: 2.5; --nav-item-text-transform: none;" :class="xPositionClass" data-nav-item-list="" data-list-type="mega" data-component-name="Nav:Desktop:ItemList" data-has-children="">
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Computers" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/tech/computers">
Computers
</a>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers/laptops" class="meganav-item__link" data-nav-link="" arial-label="Laptops" data-before-rewrite-localise="/tech/computers/laptops">
Laptops
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers/desktops" class="meganav-item__link" data-nav-link="" arial-label="Desktops" data-before-rewrite-localise="/tech/computers/desktops">
Desktops
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers/monitors" class="meganav-item__link" data-nav-link="" arial-label="Monitors" data-before-rewrite-localise="/tech/computers/monitors">
Monitors
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers/graphics-cards" class="meganav-item__link" data-nav-link="" arial-label="Graphic Cards" data-before-rewrite-localise="/tech/computers/graphics-cards">
Graphic Cards
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers/storage" class="meganav-item__link" data-nav-link="" arial-label="Storage" data-before-rewrite-localise="/tech/computers/storage">
Storage
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/peripherals" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Peripherals" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/tech/peripherals">
Peripherals
</a>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/accessories" class="meganav-item__link" data-nav-link="" arial-label="Accessories" data-before-rewrite-localise="/tech/accessories">
Accessories
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/peripherals/keyboards-mice" class="meganav-item__link" data-nav-link="" arial-label="Keyboards &amp; Mice" data-before-rewrite-localise="/tech/peripherals/keyboards-mice">
Keyboards &amp; Mice
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/peripherals/chairs-desks" class="meganav-item__link" data-nav-link="" arial-label="Chairs &amp; Desks" data-before-rewrite-localise="/tech/peripherals/chairs-desks">
Chairs &amp; Desks
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/peripherals/printers" class="meganav-item__link" data-nav-link="" arial-label="Printers" data-before-rewrite-localise="/tech/peripherals/printers">
Printers
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/headphones-earbuds" class="meganav-item__link" data-nav-link="" arial-label="Headphones &amp; Earbuds" data-before-rewrite-localise="/tech/headphones-earbuds">
Headphones &amp; Earbuds
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/airpods" class="meganav-item__link" data-nav-link="" arial-label="Airpods" data-before-rewrite-localise="/tag/airpods">
Airpods
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/phones-tablets" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Phones &amp; Devices" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/tech/phones-tablets">
Phones &amp; Devices
</a>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/iphone" class="meganav-item__link" data-nav-link="" arial-label="iPhone" data-before-rewrite-localise="/tag/iphone">
iPhone
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/ipad" class="meganav-item__link" data-nav-link="" arial-label="iPad" data-before-rewrite-localise="/tag/ipad">
iPad
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/ipad-pro" class="meganav-item__link" data-nav-link="" arial-label="iPad Pro" data-before-rewrite-localise="/tag/ipad-pro">
iPad Pro
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/ipad-air" class="meganav-item__link" data-nav-link="" arial-label="iPad Air" data-before-rewrite-localise="/tag/ipad-air">
iPad Air
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/samsung-galaxy" class="meganav-item__link" data-nav-link="" arial-label="Samsung Galaxy" data-before-rewrite-localise="/tag/samsung-galaxy">
Samsung Galaxy
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/google-pixel" class="meganav-item__link" data-nav-link="" arial-label="Google Pixel" data-before-rewrite-localise="/tag/google-pixel">
Google Pixel
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/apple-watch" class="meganav-item__link" data-nav-link="" arial-label="Apple Watch" data-before-rewrite-localise="/tag/apple-watch">
Apple Watch
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/honor" class="meganav-item__link" data-nav-link="" arial-label="Honor" data-before-rewrite-localise="/tag/honor">
Honor
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/xiaomi" class="meganav-item__link" data-nav-link="" arial-label="Xiaomi" data-before-rewrite-localise="/tag/xiaomi">
Xiaomi
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/gadgets" class="meganav-item__link" data-nav-link="" arial-label="Gadgets" data-before-rewrite-localise="/tech/gadgets">
Gadgets
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/photography" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Photography" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/photography">
Photography
</a>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/photography/cameras-accessories" class="meganav-item__link" data-nav-link="" arial-label="Cameras &amp; Accessories" data-before-rewrite-localise="/photography/cameras-accessories">
Cameras &amp; Accessories
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/photography/photo-editing-software" class="meganav-item__link" data-nav-link="" arial-label="Photo Editing" data-before-rewrite-localise="/photography/photo-editing-software">
Photo Editing
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment/film-video/videography" class="meganav-item__link" data-nav-link="" arial-label="Videography" data-before-rewrite-localise="/entertainment/film-video/videography">
Videography
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<span class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="Software" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;">
Software
</span>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/ai" class="meganav-item__link" data-nav-link="" arial-label="AI" data-before-rewrite-localise="/ai">
AI
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/3d-software" class="meganav-item__link" data-nav-link="" arial-label="3D Software" data-before-rewrite-localise="/3d/3d-software">
3D Software
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/web-design/web-design-development-software" class="meganav-item__link" data-nav-link="" arial-label="Web Design Software" data-before-rewrite-localise="/web-design/web-design-development-software">
Web Design Software
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/procreate" class="meganav-item__link" data-nav-link="" arial-label="Procreate" data-before-rewrite-localise="/tag/procreate">
Procreate
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/illustrator" class="meganav-item__link" data-nav-link="" arial-label="Adobe Illustrator" data-before-rewrite-localise="/tag/illustrator">
Adobe Illustrator
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/after-effects" class="meganav-item__link" data-nav-link="" arial-label="After Effects" data-before-rewrite-localise="/tag/after-effects">
After Effects
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/indesign" class="meganav-item__link" data-nav-link="" arial-label="InDesign" data-before-rewrite-localise="/tag/indesign">
InDesign
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/cricut" class="meganav-item__link" data-nav-link="" arial-label="Cricut" data-before-rewrite-localise="/tag/cricut">
Cricut
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration/digital-crafting" class="meganav-item__link" data-nav-link="" arial-label="Digital Crafting" data-before-rewrite-localise="/creative-inspiration/digital-crafting">
Digital Crafting
</a>
</li>
</ul> </li>
</ul> </li>
<li class="meganav-item--mega meganav-item meganav-item--top-level" data-component-name="Nav:Item" data-id="5" data-test="Nav:Item" data-nav-top-level="">
<a href="https://www.creativebloq.com/entertainment" class="meganav-item__link" data-nav-link="" arial-label="Entertainment" data-before-rewrite-localise="/entertainment">
Entertainment
</a>
<ul x-data="DesktopItemList(2)" class="meganav-item-list" style="--nav-item-font-size: 14px; --nav-item-font-weight: 400; --nav-item-hover-bg-color: #333; --nav-item-hover-text-color: rgb(var(--color-primary-500)); --nav-item-line-height: 2.5; --nav-item-text-transform: none;" :class="xPositionClass" data-nav-item-list="" data-list-type="mega" data-component-name="Nav:Desktop:ItemList" data-has-children="">
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment/books" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Books" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/entertainment/books">
Books
</a>
</li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment/film-video/movies-tv-shows" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Movies &amp; TV" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/entertainment/film-video/movies-tv-shows">
Movies &amp; TV
</a>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/marvel" class="meganav-item__link" data-nav-link="" arial-label="Marvel" data-before-rewrite-localise="/tag/marvel">
Marvel
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/star-wars" class="meganav-item__link" data-nav-link="" arial-label="Star Wars" data-before-rewrite-localise="/tag/star-wars">
Star Wars
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/disney" class="meganav-item__link" data-nav-link="" arial-label="Disney" data-before-rewrite-localise="/tag/disney">
Disney
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment/gaming" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Gaming" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/entertainment/gaming">
Gaming
</a>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/xbox" class="meganav-item__link" data-nav-link="" arial-label="Xbox" data-before-rewrite-localise="/tag/xbox">
Xbox
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/playstation" class="meganav-item__link" data-nav-link="" arial-label="PlayStation" data-before-rewrite-localise="/tag/playstation">
PlayStation
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/nintendo-switch-2" class="meganav-item__link" data-nav-link="" arial-label="Nintendo Switch 2" data-before-rewrite-localise="/tag/nintendo-switch-2">
Nintendo Switch 2
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/vr-ar" class="meganav-item__link" data-nav-link="" arial-label="VR &amp; AR" data-before-rewrite-localise="/3d/vr-ar">
VR &amp; AR
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment/toys-collectibles" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Toys &amp; Collectibles" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/entertainment/toys-collectibles">
Toys &amp; Collectibles
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--top-level" data-component-name="Nav:Item" data-id="6" data-test="Nav:Item" data-nav-top-level="">
<a href="https://www.creativebloq.com/newsletter" class="meganav-item__link" data-nav-link="" arial-label="Sign Up" data-before-rewrite-localise="/newsletter">
Sign Up
</a>
</li>
<li class="meganav-item--mega meganav-item--title-hover meganav-item--more-menu meganav-item meganav-item--top-level" data-component-name="Nav:Item" data-id="7" x-ref="moreMenu" tabindex="0" data-nav-more-menu="" data-nav-include-in-offset="" data-test="Nav:Item" data-nav-top-level="">
<button class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="More">
More
<svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</button>
<ul x-data="DesktopItemList(2)" class="meganav-item-list" style="--nav-item-font-size: 14px; --nav-item-font-weight: 400; --nav-item-hover-bg-color: #333; --nav-item-hover-text-color: rgb(var(--color-primary-500)); --nav-item-line-height: 2.5; --nav-item-text-transform: none;" :class="xPositionClass" data-nav-item-list="" data-list-type="mega" data-component-name="Nav:Desktop:ItemList" data-has-children="">
<template x-for="item in moreMenuItems.toReversed()">
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="" class="meganav-item__link" data-nav-link="" x-text="item.label" :href="item.url">
</a>
</li>
</template>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/features/about-us" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="About Us" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/features/about-us">
About Us
</a>
</li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<span class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="Magazines" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;">
Magazines
</span>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://magazinesdirect.com/ifx-brandsite?promo=PN23N" class="meganav-item__link" data-nav-link="" arial-label="ImagineFX Subscribe Now">
ImagineFX Subscribe Now
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/imaginefx" class="meganav-item__link" data-nav-link="" arial-label="ImagineFX" data-before-rewrite-localise="/imaginefx">
ImagineFX
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d-world" class="meganav-item__link" data-nav-link="" arial-label="3D World" data-before-rewrite-localise="/3d-world">
3D World
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<span class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="Events" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;">
Events
</span>
<ul x-data="DesktopItemList(3)" class="meganav-item-list" style="--nav-item-font-weight: 400; --nav-item-font-size: 13px; --nav-item-line-height: 1.85;" :class="xPositionClass" data-nav-item-list="" data-list-type="nestedMegaList" data-component-name="Nav:Desktop:ItemList">
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/vertex" class="meganav-item__link" data-nav-link="" arial-label="Vertex" data-before-rewrite-localise="/tag/vertex">
Vertex
</a>
</li>
<li class="meganav-item" data-component-name="Nav:Item">
<a href="https://www.brandimpactawards.com/" class="meganav-item__link" data-nav-link="" arial-label="Brand Impact Awards">
Brand Impact Awards
</a>
</li>
</ul> </li>
<li class="meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/reviews" class="meganav-item__title-link" tabindex="0" data-nav-title-link="" arial-label="Reviews" style="--nav-item-font-weight: 600; --nav-item-font-size: 14px;" data-before-rewrite-localise="/reviews">
Reviews
</a>
</li>
</ul> </li> </ul>
<div class="meganav-secondary meganav-desktop__secondary" data-component-name="Nav:Secondary:ItemList" data-nav-include-in-offset="" style="--nav-item-border-left: none; --nav-item-border-bottom: none; --nav-item-svg-max-w: 150px; --nav-item-svg-max-h: 20px;">
</div>
</div>
</div>
<style>
@layer global {
[data-component-name="Nav:Mobile"] {
--secondary-nav-height: 0px;
}
}
</style>
<div x-data="" class="meganav-mobile" data-component-name="Nav:Mobile" style="--nav-item-line-height: 2.5;" :class="{ 'hidden': !$store.mobileMenu.open, 'block':$store.mobileMenu.open }">
<ul class="meganav-mobile__list" data-analytics-id="nav-item" data-mrf-recirculation="nav-item">
<li class="meganav-item--mobile meganav-item--home-link meganav-item" data-component-name="Nav:Item" data-test="Nav:Item">
<a href="https://www.creativebloq.com" class="meganav-item__link" data-nav-link="" arial-label="Home">
<svg class="size-5 text-current" data-component-name="Icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-hidden="true" data-slot="icon">
<path d="M11.47 3.841a.75.75 0 0 1 1.06 0l8.69 8.69a.75.75 0 1 0 1.06-1.061l-8.689-8.69a2.25 2.25 0 0 0-3.182 0l-8.69 8.69a.75.75 0 1 0 1.061 1.06l8.69-8.689Z"></path>
<path d="m12 5.432 8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75V21a.75.75 0 0 1-.75.75H5.625a1.875 1.875 0 0 1-1.875-1.875v-6.198a2.29 2.29 0 0 0 .091-.086L12 5.432Z"></path>
</svg>
<span class="meganav-item--home-link__text">Home</span>
</a>
</li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item--title-hover meganav-item" x-data="MobileNavItem" data-component-name="Nav:Item" data-test="Nav:Item">
<button class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="Art &amp; Design" x-on:click="toggleChildItems">
Art &amp; Design
<svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</button>
<ul class="meganav-mobile-item-list" style="--nav-item-hover-bg-color: #333; --nav-item-hover-text-color: rgb(var(--color-primary-500));" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item--mobile meganav-item--dropdown meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art" class="meganav-item__link" data-nav-link="" arial-label="Art" x-on:click="toggleChildItems" data-before-rewrite-localise="/art">
Art <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/art">
View Art
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art/digital-art" class="meganav-item__link" data-nav-link="" arial-label="Digital Art" data-before-rewrite-localise="/art/digital-art">
Digital Art
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art/illustration" class="meganav-item__link" data-nav-link="" arial-label="Illustration" data-before-rewrite-localise="/art/illustration">
Illustration
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art/tattoo-body-art-design" class="meganav-item__link" data-nav-link="" arial-label="Tattoo &amp; Body Art" data-before-rewrite-localise="/art/tattoo-body-art-design">
Tattoo &amp; Body Art
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art/traditional-art" class="meganav-item__link" data-nav-link="" arial-label="Traditional Art" data-before-rewrite-localise="/art/traditional-art">
Traditional Art
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/3d-art" class="meganav-item__link" data-nav-link="" arial-label="3D Art" data-before-rewrite-localise="/3d/3d-art">
3D Art
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/ai/ai-art" class="meganav-item__link" data-nav-link="" arial-label="AI Art" data-before-rewrite-localise="/ai/ai-art">
AI Art
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/painting" class="meganav-item__link" data-nav-link="" arial-label="Painting" data-before-rewrite-localise="/tag/painting">
Painting
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/art/animation" class="meganav-item__link" data-nav-link="" arial-label="Animation" data-before-rewrite-localise="/art/animation">
Animation
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design" class="meganav-item__link" data-nav-link="" arial-label="Design" x-on:click="toggleChildItems" data-before-rewrite-localise="/design">
Design <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/design">
View Design
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design/design-software" class="meganav-item__link" data-nav-link="" arial-label="Software" data-before-rewrite-localise="/design/design-software">
Software
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design/graphic-design" class="meganav-item__link" data-nav-link="" arial-label="Graphic Design" data-before-rewrite-localise="/design/graphic-design">
Graphic Design
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design/product-design" class="meganav-item__link" data-nav-link="" arial-label="Product Design" data-before-rewrite-localise="/design/product-design">
Product Design
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/video-game-design" class="meganav-item__link" data-nav-link="" arial-label="Video Game Design" data-before-rewrite-localise="/3d/video-game-design">
Video Game Design
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/web-design/app-design" class="meganav-item__link" data-nav-link="" arial-label="App Design" data-before-rewrite-localise="/web-design/app-design">
App Design
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design/graphic-design/branding" class="meganav-item__link" data-nav-link="" arial-label="Branding" data-before-rewrite-localise="/design/graphic-design/branding">
Branding
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/design/graphic-design/branding/fonts-typography" class="meganav-item__link" data-nav-link="" arial-label="Typography" data-before-rewrite-localise="/design/graphic-design/branding/fonts-typography">
Typography
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration/advertising" class="meganav-item__link" data-nav-link="" arial-label="Advertising" data-before-rewrite-localise="/creative-inspiration/advertising">
Advertising
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item--title-hover meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<button class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="Design Brands" x-on:click="toggleChildItems">
Design Brands <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</button>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/huawei" class="meganav-item__link" data-nav-link="" arial-label="Huawei" data-before-rewrite-localise="/tag/huawei">
Huawei
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/philips" class="meganav-item__link" data-nav-link="" arial-label="Phillips" data-before-rewrite-localise="/tag/philips">
Phillips
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/samsung" class="meganav-item__link" data-nav-link="" arial-label="Samsung" data-before-rewrite-localise="/tag/samsung">
Samsung
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/nintendo" class="meganav-item__link" data-nav-link="" arial-label="Nintendo" data-before-rewrite-localise="/tag/nintendo">
Nintendo
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/asus" class="meganav-item__link" data-nav-link="" arial-label="Asus" data-before-rewrite-localise="https://www.creativebloq.com/tag/asus">
Asus
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/adobe" class="meganav-item__link" data-nav-link="" arial-label="Adobe" data-before-rewrite-localise="/tag/adobe">
Adobe
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/dell" class="meganav-item__link" data-nav-link="" arial-label="Dell" data-before-rewrite-localise="/tag/dell">
Dell
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/sony" class="meganav-item__link" data-nav-link="" arial-label="Sony" data-before-rewrite-localise="/tag/sony">
Sony
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/nvidia" class="meganav-item__link" data-nav-link="" arial-label="Nvidia" data-before-rewrite-localise="/tag/nvidia">
Nvidia
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/apple" class="meganav-item__link" data-nav-link="" arial-label="Apple" data-before-rewrite-localise="/tag/apple">
Apple
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/professional-development" class="meganav-item__link" data-nav-link="" arial-label="Professional Development" x-on:click="toggleChildItems" data-before-rewrite-localise="/professional-development">
Professional Development <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/professional-development" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/professional-development">
View Professional Development
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/professional-development/creative-careers" class="meganav-item__link" data-nav-link="" arial-label="Creative Careers" data-before-rewrite-localise="/professional-development/creative-careers">
Creative Careers
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/professional-development/productivity-tools" class="meganav-item__link" data-nav-link="" arial-label="Productivity Tools" data-before-rewrite-localise="/professional-development/productivity-tools">
Productivity Tools
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/professional-development/training-courses" class="meganav-item__link" data-nav-link="" arial-label="Training Courses" data-before-rewrite-localise="/professional-development/training-courses">
Training Courses
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration" class="meganav-item__link" data-nav-link="" arial-label="Creative Inspiration" x-on:click="toggleChildItems" data-before-rewrite-localise="/creative-inspiration">
Creative Inspiration <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/creative-inspiration">
View Creative Inspiration
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration/fashion" class="meganav-item__link" data-nav-link="" arial-label="Fashion" data-before-rewrite-localise="/creative-inspiration/fashion">
Fashion
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration/infographics" class="meganav-item__link" data-nav-link="" arial-label="Infographics" data-before-rewrite-localise="/creative-inspiration/infographics">
Infographics
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration/optical-illusions" class="meganav-item__link" data-nav-link="" arial-label="Optical Illusions" data-before-rewrite-localise="/creative-inspiration/optical-illusions">
Optical Illusions
</a>
</li>
</ul> </li> </ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item" x-data="MobileNavItem" data-component-name="Nav:Item" data-test="Nav:Item">
<a href="https://www.creativebloq.com/3d" class="meganav-item__link" data-nav-link="" arial-label="3D" x-on:click="toggleChildItems" data-before-rewrite-localise="/3d">
3D
<svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="--nav-item-hover-bg-color: #333; --nav-item-hover-text-color: rgb(var(--color-primary-500));" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/3d">
View 3D
</a>
</li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item--title-hover meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<button class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="Architecture" x-on:click="toggleChildItems">
Architecture <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</button>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/architecture/urban-design" class="meganav-item__link" data-nav-link="" arial-label="Urban Design" data-before-rewrite-localise="/3d/architecture/urban-design">
Urban Design
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/architecture/sculptures" class="meganav-item__link" data-nav-link="" arial-label="Sculptures" data-before-rewrite-localise="/3d/architecture/sculptures">
Sculptures
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/vfx-cgi" class="meganav-item__link" data-nav-link="" arial-label="VFX &amp; CGI" data-before-rewrite-localise="/3d/vfx-cgi">
VFX &amp; CGI
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/3d-printing" class="meganav-item__link" data-nav-link="" arial-label="Printing" data-before-rewrite-localise="/3d/3d-printing">
Printing
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/3d-software" class="meganav-item__link" data-nav-link="" arial-label="Software" data-before-rewrite-localise="/3d/3d-software">
Software
</a>
</li> </ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item" x-data="MobileNavItem" data-component-name="Nav:Item" data-test="Nav:Item">
<a href="https://www.creativebloq.com/web-design" class="meganav-item__link" data-nav-link="" arial-label="Web Design" x-on:click="toggleChildItems" data-before-rewrite-localise="/web-design">
Web Design
<svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="--nav-item-hover-bg-color: #333; --nav-item-hover-text-color: rgb(var(--color-primary-500));" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/web-design" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/web-design">
View Web Design
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/web-design/ux-ui" class="meganav-item__link" data-nav-link="" arial-label="UX &amp; UI" data-before-rewrite-localise="/web-design/ux-ui">
UX &amp; UI
</a>
</li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/web-design/web-design-development-software" class="meganav-item__link" data-nav-link="" arial-label="Web Design Software" x-on:click="toggleChildItems" data-before-rewrite-localise="/web-design/web-design-development-software">
Web Design Software <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/web-design/web-design-development-software" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/web-design/web-design-development-software">
View Web Design Software
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/wordpress" class="meganav-item__link" data-nav-link="" arial-label="Wordpress" data-before-rewrite-localise="/tag/wordpress">
Wordpress
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/squarespace" class="meganav-item__link" data-nav-link="" arial-label="Squarespace" data-before-rewrite-localise="/tag/squarespace">
Squarespace
</a>
</li>
</ul> </li> </ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item" x-data="MobileNavItem" data-component-name="Nav:Item" data-test="Nav:Item">
<a href="https://www.creativebloq.com/tech" class="meganav-item__link" data-nav-link="" arial-label="Tech" x-on:click="toggleChildItems" data-before-rewrite-localise="/tech">
Tech
<svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="--nav-item-hover-bg-color: #333; --nav-item-hover-text-color: rgb(var(--color-primary-500));" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/tech">
View Tech
</a>
</li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers" class="meganav-item__link" data-nav-link="" arial-label="Computers" x-on:click="toggleChildItems" data-before-rewrite-localise="/tech/computers">
Computers <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/tech/computers">
View Computers
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers/laptops" class="meganav-item__link" data-nav-link="" arial-label="Laptops" data-before-rewrite-localise="/tech/computers/laptops">
Laptops
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers/desktops" class="meganav-item__link" data-nav-link="" arial-label="Desktops" data-before-rewrite-localise="/tech/computers/desktops">
Desktops
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers/monitors" class="meganav-item__link" data-nav-link="" arial-label="Monitors" data-before-rewrite-localise="/tech/computers/monitors">
Monitors
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers/graphics-cards" class="meganav-item__link" data-nav-link="" arial-label="Graphic Cards" data-before-rewrite-localise="/tech/computers/graphics-cards">
Graphic Cards
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/computers/storage" class="meganav-item__link" data-nav-link="" arial-label="Storage" data-before-rewrite-localise="/tech/computers/storage">
Storage
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/peripherals" class="meganav-item__link" data-nav-link="" arial-label="Peripherals" x-on:click="toggleChildItems" data-before-rewrite-localise="/tech/peripherals">
Peripherals <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/peripherals" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/tech/peripherals">
View Peripherals
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/accessories" class="meganav-item__link" data-nav-link="" arial-label="Accessories" data-before-rewrite-localise="/tech/accessories">
Accessories
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/peripherals/keyboards-mice" class="meganav-item__link" data-nav-link="" arial-label="Keyboards &amp; Mice" data-before-rewrite-localise="/tech/peripherals/keyboards-mice">
Keyboards &amp; Mice
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/peripherals/chairs-desks" class="meganav-item__link" data-nav-link="" arial-label="Chairs &amp; Desks" data-before-rewrite-localise="/tech/peripherals/chairs-desks">
Chairs &amp; Desks
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/peripherals/printers" class="meganav-item__link" data-nav-link="" arial-label="Printers" data-before-rewrite-localise="/tech/peripherals/printers">
Printers
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/headphones-earbuds" class="meganav-item__link" data-nav-link="" arial-label="Headphones &amp; Earbuds" data-before-rewrite-localise="/tech/headphones-earbuds">
Headphones &amp; Earbuds
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/airpods" class="meganav-item__link" data-nav-link="" arial-label="Airpods" data-before-rewrite-localise="/tag/airpods">
Airpods
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/phones-tablets" class="meganav-item__link" data-nav-link="" arial-label="Phones &amp; Devices" x-on:click="toggleChildItems" data-before-rewrite-localise="/tech/phones-tablets">
Phones &amp; Devices <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/phones-tablets" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/tech/phones-tablets">
View Phones &amp; Devices
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/iphone" class="meganav-item__link" data-nav-link="" arial-label="iPhone" data-before-rewrite-localise="/tag/iphone">
iPhone
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/ipad" class="meganav-item__link" data-nav-link="" arial-label="iPad" data-before-rewrite-localise="/tag/ipad">
iPad
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/ipad-pro" class="meganav-item__link" data-nav-link="" arial-label="iPad Pro" data-before-rewrite-localise="/tag/ipad-pro">
iPad Pro
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/ipad-air" class="meganav-item__link" data-nav-link="" arial-label="iPad Air" data-before-rewrite-localise="/tag/ipad-air">
iPad Air
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/samsung-galaxy" class="meganav-item__link" data-nav-link="" arial-label="Samsung Galaxy" data-before-rewrite-localise="/tag/samsung-galaxy">
Samsung Galaxy
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/google-pixel" class="meganav-item__link" data-nav-link="" arial-label="Google Pixel" data-before-rewrite-localise="/tag/google-pixel">
Google Pixel
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/apple-watch" class="meganav-item__link" data-nav-link="" arial-label="Apple Watch" data-before-rewrite-localise="/tag/apple-watch">
Apple Watch
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/honor" class="meganav-item__link" data-nav-link="" arial-label="Honor" data-before-rewrite-localise="/tag/honor">
Honor
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/xiaomi" class="meganav-item__link" data-nav-link="" arial-label="Xiaomi" data-before-rewrite-localise="/tag/xiaomi">
Xiaomi
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tech/gadgets" class="meganav-item__link" data-nav-link="" arial-label="Gadgets" data-before-rewrite-localise="/tech/gadgets">
Gadgets
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/photography" class="meganav-item__link" data-nav-link="" arial-label="Photography" x-on:click="toggleChildItems" data-before-rewrite-localise="/photography">
Photography <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/photography" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/photography">
View Photography
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/photography/cameras-accessories" class="meganav-item__link" data-nav-link="" arial-label="Cameras &amp; Accessories" data-before-rewrite-localise="/photography/cameras-accessories">
Cameras &amp; Accessories
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/photography/photo-editing-software" class="meganav-item__link" data-nav-link="" arial-label="Photo Editing" data-before-rewrite-localise="/photography/photo-editing-software">
Photo Editing
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment/film-video/videography" class="meganav-item__link" data-nav-link="" arial-label="Videography" data-before-rewrite-localise="/entertainment/film-video/videography">
Videography
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item--title-hover meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<button class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="Software" x-on:click="toggleChildItems">
Software <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</button>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/ai" class="meganav-item__link" data-nav-link="" arial-label="AI" data-before-rewrite-localise="/ai">
AI
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/3d-software" class="meganav-item__link" data-nav-link="" arial-label="3D Software" data-before-rewrite-localise="/3d/3d-software">
3D Software
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/web-design/web-design-development-software" class="meganav-item__link" data-nav-link="" arial-label="Web Design Software" data-before-rewrite-localise="/web-design/web-design-development-software">
Web Design Software
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/procreate" class="meganav-item__link" data-nav-link="" arial-label="Procreate" data-before-rewrite-localise="/tag/procreate">
Procreate
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/illustrator" class="meganav-item__link" data-nav-link="" arial-label="Adobe Illustrator" data-before-rewrite-localise="/tag/illustrator">
Adobe Illustrator
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/after-effects" class="meganav-item__link" data-nav-link="" arial-label="After Effects" data-before-rewrite-localise="/tag/after-effects">
After Effects
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/indesign" class="meganav-item__link" data-nav-link="" arial-label="InDesign" data-before-rewrite-localise="/tag/indesign">
InDesign
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/cricut" class="meganav-item__link" data-nav-link="" arial-label="Cricut" data-before-rewrite-localise="/tag/cricut">
Cricut
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/creative-inspiration/digital-crafting" class="meganav-item__link" data-nav-link="" arial-label="Digital Crafting" data-before-rewrite-localise="/creative-inspiration/digital-crafting">
Digital Crafting
</a>
</li>
</ul> </li> </ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item" x-data="MobileNavItem" data-component-name="Nav:Item" data-test="Nav:Item">
<a href="https://www.creativebloq.com/entertainment" class="meganav-item__link" data-nav-link="" arial-label="Entertainment" x-on:click="toggleChildItems" data-before-rewrite-localise="/entertainment">
Entertainment
<svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="--nav-item-hover-bg-color: #333; --nav-item-hover-text-color: rgb(var(--color-primary-500));" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/entertainment">
View Entertainment
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment/books" class="meganav-item__link" data-nav-link="" arial-label="Books" data-before-rewrite-localise="/entertainment/books">
Books
</a>
</li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment/film-video/movies-tv-shows" class="meganav-item__link" data-nav-link="" arial-label="Movies &amp; TV" x-on:click="toggleChildItems" data-before-rewrite-localise="/entertainment/film-video/movies-tv-shows">
Movies &amp; TV <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment/film-video/movies-tv-shows" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/entertainment/film-video/movies-tv-shows">
View Movies &amp; TV
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/marvel" class="meganav-item__link" data-nav-link="" arial-label="Marvel" data-before-rewrite-localise="/tag/marvel">
Marvel
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/star-wars" class="meganav-item__link" data-nav-link="" arial-label="Star Wars" data-before-rewrite-localise="/tag/star-wars">
Star Wars
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/disney" class="meganav-item__link" data-nav-link="" arial-label="Disney" data-before-rewrite-localise="/tag/disney">
Disney
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment/gaming" class="meganav-item__link" data-nav-link="" arial-label="Gaming" x-on:click="toggleChildItems" data-before-rewrite-localise="/entertainment/gaming">
Gaming <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</a>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item meganav-item--mobile" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment/gaming" class="meganav-item__link" data-nav-link="" data-before-rewrite-localise="/entertainment/gaming">
View Gaming
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/xbox" class="meganav-item__link" data-nav-link="" arial-label="Xbox" data-before-rewrite-localise="/tag/xbox">
Xbox
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/playstation" class="meganav-item__link" data-nav-link="" arial-label="PlayStation" data-before-rewrite-localise="/tag/playstation">
PlayStation
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/nintendo-switch-2" class="meganav-item__link" data-nav-link="" arial-label="Nintendo Switch 2" data-before-rewrite-localise="/tag/nintendo-switch-2">
Nintendo Switch 2
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d/vr-ar" class="meganav-item__link" data-nav-link="" arial-label="VR &amp; AR" data-before-rewrite-localise="/3d/vr-ar">
VR &amp; AR
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/entertainment/toys-collectibles" class="meganav-item__link" data-nav-link="" arial-label="Toys &amp; Collectibles" data-before-rewrite-localise="/entertainment/toys-collectibles">
Toys &amp; Collectibles
</a>
</li> </ul> </li>
<li class="meganav-item--mobile meganav-item" data-component-name="Nav:Item" data-test="Nav:Item">
<a href="https://www.creativebloq.com/newsletter" class="meganav-item__link" data-nav-link="" arial-label="Sign Up" data-before-rewrite-localise="/newsletter">
Sign Up
</a>
</li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item--title-hover meganav-item" x-data="MobileNavItem" data-component-name="Nav:Item" tabindex="0" data-test="Nav:Item">
<button class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="More" x-on:click="toggleChildItems">
More
<svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</button>
<ul class="meganav-mobile-item-list" style="--nav-item-hover-bg-color: #333; --nav-item-hover-text-color: rgb(var(--color-primary-500));" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item--mobile meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/features/about-us" class="meganav-item__link" data-nav-link="" arial-label="About Us" data-before-rewrite-localise="/features/about-us">
About Us
</a>
</li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item--title-hover meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<button class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="Magazines" x-on:click="toggleChildItems">
Magazines <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</button>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://magazinesdirect.com/ifx-brandsite?promo=PN23N" class="meganav-item__link" data-nav-link="" arial-label="ImagineFX Subscribe Now">
ImagineFX Subscribe Now
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/imaginefx" class="meganav-item__link" data-nav-link="" arial-label="ImagineFX" data-before-rewrite-localise="/imaginefx">
ImagineFX
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/3d-world" class="meganav-item__link" data-nav-link="" arial-label="3D World" data-before-rewrite-localise="/3d-world">
3D World
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item--dropdown meganav-item--title-hover meganav-item meganav-item--level-2" x-data="MobileNavItem" data-component-name="Nav:Item">
<button class="meganav-item__title" tabindex="0" data-nav-title="" arial-label="Events" x-on:click="toggleChildItems">
Events <svg class="meganav-item__dropdown-icon" fill="currentColor" data-nav-dropdown-icon="" x-ref="dropdownIcon" preserveaspectratio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1000 1000">
<path d="M1000 100L500 900 0 100h1000z"></path>
</svg>
</button>
<ul class="meganav-mobile-item-list" style="" data-nav-group="" data-component-name="Nav:Mobile:ItemList" x-bind:class="{ 'hidden': !open, 'flex':open }">
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/tag/vertex" class="meganav-item__link" data-nav-link="" arial-label="Vertex" data-before-rewrite-localise="/tag/vertex">
Vertex
</a>
</li>
<li class="meganav-item--mobile meganav-item meganav-item--level-3" data-component-name="Nav:Item">
<a href="https://www.brandimpactawards.com/" class="meganav-item__link" data-nav-link="" arial-label="Brand Impact Awards">
Brand Impact Awards
</a>
</li>
</ul> </li>
<li class="meganav-item--mobile meganav-item meganav-item--level-2" data-component-name="Nav:Item">
<a href="https://www.creativebloq.com/reviews" class="meganav-item__link" data-nav-link="" arial-label="Reviews" data-before-rewrite-localise="/reviews">
Reviews
</a>
</li> </ul> </li> </ul>
<div class="meganav-secondary meganav-secondary--mobile" data-component-name="Nav:Secondary:ItemList" ismobilemode="true" style="--nav-item-border-left: none; --nav-item-border-bottom: none; --nav-item-svg-max-w: 150px; --nav-item-svg-max-h: 20px;">
</div>
</div>
</nav>
</nav>
<div class="nav-subscribe-widget-overlay fixed inset-0 z-[99] hidden bg-[#33333370]" aria-hidden="true"></div>
<div class="nav-subscribe-widget-container" role="dialog" aria-modal="true" aria-hidden="true" aria-label="Subscription dropdown">
<div class="relative container-inner">
<button type="button" class="absolute z-10 inline-flex items-center justify-center w-6 sm:w-12 h-6 sm:h-12 text-gray-900 transition border-none bg-neutral-50 nav-subscribe-close right-1 sm:right-4 top-1 sm:top-4 hover:bg-neutral-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-900" aria-label="Close subscription dropdown">
<svg class="text-gray-900 size-6" data-component-name="Icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path>
</svg>
</button>
<aside data-model-name="Design Magazine Subscriptions" data-name="Promotion widget" data-render-type="fte" data-widget-type="promotion" class="hawk-root"><div class="hawk-promotion-main-container" data-editorial="0"><div class="hawk-promotion-item-container"><a data-google-interstitial="false" aria-label="View Design Magazines on My Favourite Magazines" href="https://www.awin1.com/awclick.php?awinmid=2961&amp;awinaffid=103504&amp;clickref=cbq-gb-1069299429103684759&amp;p=https%3A%2F%2Fmagazinesdirect.com%2Fifx-brandsite%3Fpromo%3DPN23N" referrerpolicy="no-referrer-when-downgrade" class="hawk-affiliate-link-container" data-product-key="20351-621148079" data-url="https://www.awin1.com/awclick.php?awinmid=2961&amp;awinaffid=103504&amp;clickref=cbq-gb-1069299429103684759&amp;p=https%3A%2F%2Fmagazinesdirect.com%2Fifx-brandsite%3Fpromo%3DPN23N" data-model-id="781500" data-match-id="1352398" data-product-type="1000" data-link-merchant="My Favourite Magazines" data-merchant-id="116021" data-merchant-name="My Favourite Magazines" data-merchant-url="http://www.myfavouritemagazines.co.uk" rel="sponsored noopener" target="_blank" role="link" tabindex="0"><div class="hawk-display-name-container hawk-promotion-item-display-name">Subscribe to ImagineFX</div></a><div class="hawk-promotion-item-innerContainer"><a data-google-interstitial="false" aria-label="View Design Magazines on My Favourite Magazines" href="https://www.awin1.com/awclick.php?awinmid=2961&amp;awinaffid=103504&amp;clickref=cbq-gb-1069299429103684759&amp;p=https%3A%2F%2Fmagazinesdirect.com%2Fifx-brandsite%3Fpromo%3DPN23N" referrerpolicy="no-referrer-when-downgrade" data-product-key="20351-621148079" data-url="https://www.awin1.com/awclick.php?awinmid=2961&amp;awinaffid=103504&amp;clickref=cbq-gb-1069299429103684759&amp;p=https%3A%2F%2Fmagazinesdirect.com%2Fifx-brandsite%3Fpromo%3DPN23N" data-model-id="781500" data-match-id="1352398" data-product-type="1000" data-link-merchant="My Favourite Magazines" data-merchant-id="116021" data-merchant-name="My Favourite Magazines" data-merchant-url="http://www.myfavouritemagazines.co.uk" rel="sponsored noopener" target="_blank" role="link" tabindex="0"><img src="https://images.fie.futurecdn.net/loqladcudhbhi8c1-17376313299246-250-80.jpg.webp" alt="Subscribe to ImagineFX" title="Subscribe to ImagineFX" class="hawk-lazy-image-promotion" draggable="false" loading="lazy" width="250" height="250"></a><div class="hawk-promotion-item-pros-deal-container"><div class="hawk-promotion-pros-container"><div class="hawk-promotion-pros-heading">Why subscribe?</div><ul class="hawk-promotion-pros-list"><li class="hawk-promotion-pros-item">Why not try a subscription?</li><li class="hawk-promotion-pros-item">Every issue is packed with art and design inspiration</li><li class="hawk-promotion-pros-item">Delivered to your IOS or Android device</li><li class="hawk-promotion-pros-item">Never miss an issue</li></ul></div><div class="hawk-promotion-deal-container"><div class="hawk-promotion-deal-main"><a data-google-interstitial="false" aria-label="View Design Magazines on My Favourite Magazines" href="https://www.awin1.com/awclick.php?awinmid=2961&amp;awinaffid=103504&amp;clickref=cbq-gb-1069299429103684759&amp;p=https%3A%2F%2Fmagazinesdirect.com%2Fifx-brandsite%3Fpromo%3DPN23N" referrerpolicy="no-referrer-when-downgrade" data-product-key="20351-621148079" data-url="https://www.awin1.com/awclick.php?awinmid=2961&amp;awinaffid=103504&amp;clickref=cbq-gb-1069299429103684759&amp;p=https%3A%2F%2Fmagazinesdirect.com%2Fifx-brandsite%3Fpromo%3DPN23N" data-model-id="781500" data-match-id="1352398" data-product-type="1000" data-link-merchant="My Favourite Magazines" data-merchant-id="116021" data-merchant-name="My Favourite Magazines" data-merchant-url="http://www.myfavouritemagazines.co.uk" rel="sponsored noopener" target="_blank" role="link" tabindex="0"><span class="hawk-display-price-promotion" data-type="retail"> <span class="hawk-display-price-label">From</span><span class="hawk-display-price-price">&pound;9.99</span></span></a></div><a data-google-interstitial="false" aria-label="View Design Magazines on My Favourite Magazines" href="https://www.awin1.com/awclick.php?awinmid=2961&amp;awinaffid=103504&amp;clickref=cbq-gb-1069299429103684759&amp;p=https%3A%2F%2Fmagazinesdirect.com%2Fifx-brandsite%3Fpromo%3DPN23N" referrerpolicy="no-referrer-when-downgrade" class="hawk-affiliate-link-promotion-button" data-product-key="20351-621148079" data-url="https://www.awin1.com/awclick.php?awinmid=2961&amp;awinaffid=103504&amp;clickref=cbq-gb-1069299429103684759&amp;p=https%3A%2F%2Fmagazinesdirect.com%2Fifx-brandsite%3Fpromo%3DPN23N" data-model-id="781500" data-match-id="1352398" data-product-type="1000" data-link-merchant="My Favourite Magazines" data-merchant-id="116021" data-merchant-name="My Favourite Magazines" data-merchant-url="http://www.myfavouritemagazines.co.uk" rel="sponsored noopener" target="_blank" role="link" tabindex="0">Subscribe now</a></div></div></div></div></div></aside>
</div>
</div>
<div class="dfp-leaderboard-container">
<div class="dfp-leaderboard-background"></div>
</div>
<div id="widgetArea0" class="widget-area grid grid-cols-1 page-widget-area-0"></div>
<script data-id="vanilla-slice-regionRedirectBanner-hydrate" type="text/javascript">
    if (window.sliceHydrationLazy) {
        window.sliceHydrationLazy("regionRedirectBanner", "regionRedirectBanner", JSON.stringify({"currentEdition":"GB","translations":[{"translatedText":"Looks like you're in GB! Visit Creative Bloq's <a href=\"https:\/\/www.creativebloq.com\/computer-arts\" rel=\"nofollow\"> GB edition<\/a> for content related to your region.","locale":"GB","homepageLink":""}]}), "https://slice.vanilla.futurecdn.net/13-4-19/js/regionRedirectBanner.js");
    } else {
        console.error('%c FTE ','background: #9306F9; color: #ffffff','no lazy slice hydration function available');
    }
</script><div id="slice-container-regionRedirectBanner" class="slice-container region-redirect-banner-slice regionRedirectBanner slice-container-regionRedirectBanner"></div>
<div id="main" tabindex="-1" role="main" class="legacy-container full ">
<script data-id="vanilla-slice-newsletterForm-exitIntent-hydrate" type="text/javascript">
    window.sliceComponents = window.sliceComponents || {};

    externalsScriptLoaded.then(() => {
        window.reliablePageLoad.then(() => {
            var componentContainer = document.querySelector("#slice-container-newsletterForm-exitIntent");

            if (componentContainer) {
                var data = {"layout":"exitIntent","header":"","tagline":"Sign up to Creative Bloq's daily newsletter, which brings you the latest news and inspiration from the worlds of art, design and technology.","formFooterText":"By submitting your information you agree to the <a href=\"https:\/\/futureplc.com\/terms-conditions\/\" target=\"_blank\">Terms & Conditions<\/a> and <a href=\"https:\/\/futureplc.com\/privacy-policy\/\" target=\"_blank\">Privacy Policy<\/a> and are aged 16 or over.","usDisclaimerFooterText":"By signing up, you agree to our <a href=\"https:\/\/futureplc.com\/terms-conditions\/\" target=\"_blank\">Terms of services <\/a> and acknowledge that you have read our <a href=\"https:\/\/futureplc.com\/privacy-policy\" target=\"_blank\">Privacy Notice<\/a>. You also agree to receive marketing emails from us that may include promotions from our trusted partners and sponsors, which you can unsubscribe from at any time.","successMessage":{"body":"Thank you for signing up. You will receive a confirmation email shortly."},"failureMessage":"There was a problem. Please refresh the page and try again.","method":"POST","inputs":[{"type":"hidden","name":"NAME"},{"type":"email","name":"MAIL","placeholder":"Your Email Address","required":true},{"type":"hidden","name":"NEWSLETTER_CODE","value":"XCQ-X"},{"type":"hidden","name":"LANG","value":"EN"},{"type":"hidden","name":"SOURCE","value":"15"},{"type":"hidden","name":"COUNTRY"},{"type":"checkbox","name":"CONTACT_OTHER_BRANDS","label":{"text":"Contact me with news and offers from other Future brands"}},{"type":"checkbox","name":"CONTACT_PARTNERS","label":{"text":"Receive email from us on behalf of our trusted partners or sponsors"}},{"type":"submit","value":"Sign me up","required":true}],"endpoint":"https:\/\/newsletter-subscribe.futureplc.com\/v2\/submission\/submit","cookieExpiryDays":14,"ariaLabels":{"exitIntent":{"closeButton":"Close"}}};
                var newsletterForm;(()=>{var e={757:(e,t,n)=>{e.exports=n(666)},363:(e,t,n)=>{"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}n.r(t),n.d(t,{default:()=>P});var a=n(651),i=n.n(a),l=function(e){if("undefined"!=typeof document){var t=document.cookie.match("(^|;) ?".concat(e,"=([^;]*)(;|$)"));return t?t[2]:null}return null};function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const d=function(e){var t=e.name,n=e.value,r=e.label,c=e.type,d=e.placeholder,f=e.required,v=void 0!==f&&f,m=e.disabled,p=void 0!==m&&m,h=e.inputClassName,y=e.setFormValues,w=e.autofocus,E=o((0,a.useState)(c),2),g=E[0],_=E[1];(0,a.useEffect)((function(){if(navigator.userAgent.indexOf("Opera Mini")>-1&&"email"===(null==g?void 0:g.toLowerCase())&&_("text"),"hidden"===(null==c?void 0:c.toLowerCase())&&t&&(y((function(e){return s(s({},e),{},u({},t,n))})),"COUNTRY"===(null==t?void 0:t.toUpperCase()))){var e=l("FTR_Country_Code")||l("FTR_User_Defined_Country_Code")||void 0;y((function(n){return s(s({},n),{},u({},t,e))}))}}),[]);var b=i().createElement("input",{"data-hydrate":!0,type:g,className:"form__".concat(c,"-input ").concat(h),value:n,name:t,required:v,disabled:p,placeholder:d,autoFocus:w,onChange:function(e){if("submit"!==c){var t=e.target,n=t.name,r=t.value,o=t.checked;y((function(e){return s(s({},e),{},u({},n,"checkbox"===c?o:r))}))}}});return r?i().createElement("label",{className:"form__".concat(c,"-label")},b,i().createElement("span",{dangerouslySetInnerHTML:{__html:r.text||""}})):i().createElement(i().Fragment,null,b)};var f=function(e){var t=e.layout,n=e.method,r=e.action,u=e.handleSubmit,c=e.inputs,s=o((0,a.useState)({}),2),f=s[0],v=s[1],m="US"===l("FTR_Country_Code")||!1;return i().createElement("form",{"data-hydrate":!0,className:"newsletter-form__form newsletter-form__form--".concat(t),method:n,action:r,onSubmit:function(e){return u(e,f)}},null==c?void 0:c.filter((function(e){return!m||"CONTACT_OTHER_BRANDS"!==e.name&&"CONTACT_PARTNERS"!==e.name})).map((function(e){return i().createElement(d,{key:"".concat(e.name,"-").concat(e.value),setFormValues:v,autofocus:"exitIntent"===t&&"email"===e.type||void 0,type:e.type,label:e.label,value:e.value,name:e.name,placeholder:e.placeholder,required:e.required,inputClassName:"form_input form__".concat(e.type,"-input form__").concat(e.type,"-input--").concat(t)})})),m&&i().createElement(i().Fragment,null,i().createElement(d,{key:"CONTACT_OTHER_BRANDS",setFormValues:v,type:"hidden",name:"CONTACT_OTHER_BRANDS",value:"true",inputClassName:""}),i().createElement(d,{key:"CONTACT_PARTNERS",setFormValues:v,type:"hidden",name:"CONTACT_PARTNERS",value:"true",inputClassName:""})))};function v(e,t,n,r,o,a,i){try{var l=e[a](i),u=l.value}catch(e){return void n(e)}l.done?t(u):Promise.resolve(u).then(r,o)}function m(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var a=e.apply(t,n);function i(e){v(a,r,o,i,l,"next",e)}function l(e){v(a,r,o,i,l,"throw",e)}i(void 0)}))}}var p=n(757),h=n.n(p);const y=function(e,t){setTimeout((function(){window.freyr.cmd.push((function(){window.freyr.pushAndUpdate(e,t)}))}),0)},w=function(e){if(!e)return null;var t=e.title,n=e.body,r=e.buttonText,o=document.querySelector(".kiosq-description"),a=document.querySelector(".kiosq-conditions");return o&&o.insertAdjacentHTML("afterend","<style>.kiosq-description {display:none;}</style>"),a&&a.insertAdjacentHTML("afterend","<style>.kiosq-conditions {display:none;}</style>"),i().createElement("div",{"data-hydrate":!0,className:"newsletter-form__message--kiosq"},i().createElement("p",{className:"newsletter-form__message--kiosq-title"},t),i().createElement("p",{className:"newsletter-form__message--kiosq-text"},n),i().createElement("button",{className:"newsletter-form__message--kiosq-button",onClick:function(){document.dispatchEvent(new CustomEvent("kiosqRegwall",{detail:{message:"email sent"}})),localStorage.setItem("kiosqRegwall","Email already sent")}},r))};function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var _=function(){var e=m(h().mark((function e(t){var n,r,o,a,i,u,c,s,d,f,v,m,p,y,w,E,g,_,b;return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return y=null===(n=window.FUTR)||void 0===n||null===(r=n.Kiosq)||void 0===r||null===(o=r.User)||void 0===o?void 0:o.sub,w=l("_ga"),e.next=4,null===(a=window.bordeaux)||void 0===a?void 0:a.hybridId;case 4:if(e.t0=e.sent,e.t0){e.next=7;break}e.t0=l("h_id");case 7:return E=e.t0,e.next=10,null===(i=window.blueConicClient)||void 0===i||null===(u=i.profile)||void 0===u||null===(c=u.getProfile())||void 0===c?void 0:c.getId();case 10:if(e.t1=e.sent,e.t1){e.next=13;break}e.t1=l("BCSessionID");case 13:return g=e.t1,_=[{type:"TYPE_KIOSQ",value:y},{type:"TYPE_GA",value:w},{type:"TYPE_HYBRID",value:E},{type:"TYPE_BLUECONIC",value:g}].filter((function(e){return e.value&&"string"==typeof e.value})),b={submission:{userIds:_.length>0?_:void 0,name:null!==(s=null==t?void 0:t.NAME)&&void 0!==s?s:"",email:null!==(d=null==t?void 0:t.MAIL)&&void 0!==d?d:"",code:null!==(f=null==t?void 0:t.NEWSLETTER_CODE)&&void 0!==f?f:"",source:null!==(v=null==t?void 0:t.SOURCE)&&void 0!==v?v:0,language:null!==(m=null==t?void 0:t.LANG)&&void 0!==m?m:"",country:null!==(p=null==t?void 0:t.COUNTRY)&&void 0!==p?p:"",consent:{marketing:Boolean(null==t?void 0:t.CONTACT_OTHER_BRANDS)||Boolean(null==t?void 0:t.CONTACT_OTHER_BRANDS_AND_PARTNERS)||Boolean(null==t?void 0:t.NEWSLETTER_MANDATORY_CONSENT)||Boolean(null==t?void 0:t.NEWSLETTER_DISCLAIMER_CONSENT)||!1,data:Boolean(null==t?void 0:t.CONTACT_PARTNERS)||Boolean(null==t?void 0:t.CONTACT_OTHER_BRANDS_AND_PARTNERS)||Boolean(null==t?void 0:t.NEWSLETTER_MANDATORY_CONSENT)||Boolean(null==t?void 0:t.NEWSLETTER_DISCLAIMER_CONSENT)||!1}}},e.abrupt("return",JSON.stringify(b));case 17:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),b=function(e){return{newsletterCodes:null!=e&&e.NEWSLETTER_CODE?[e.NEWSLETTER_CODE]:[],consents:{CONTACT_PARTNERS:Boolean(null==e?void 0:e.CONTACT_PARTNERS),CONTACT_OTHER_BRANDS:Boolean(null==e?void 0:e.CONTACT_OTHER_BRANDS),CONTACT_OTHER_BRANDS_AND_PARTNERS:Boolean(null==e?void 0:e.CONTACT_OTHER_BRANDS_AND_PARTNERS),NEWSLETTER_MANDATORY_CONSENT:Boolean(null==e?void 0:e.NEWSLETTER_MANDATORY_CONSENT),NEWSLETTER_DISCLAIMER_CONSENT:Boolean(null==e?void 0:e.NEWSLETTER_DISCLAIMER_CONSENT)}}},T=function(){var e=m(h().mark((function e(t){var n,r,o,a,i,l,u,c,s;return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t.formValues,r=t.endpoint,o=t.method,a=t.setFormMessage,i=t.successMessage,l=t.failureMessage,u=t.setRenderEmailForm,c=t.layout,s=t.setKiosqSuccessLayoutDisplayed,n&&!n.NAME){e.next=3;break}return e.abrupt("return");case 3:return e.t0=fetch,e.t1=r,e.t2=o,e.t3=new Headers({"Content-Type":"application/json",Accept:"application/json"}),e.next=9,_(n);case 9:e.t4=e.sent,e.t5={method:e.t2,headers:e.t3,body:e.t4},(0,e.t0)(e.t1,e.t5).then((function(e){return e.json()})).then((function(e){var t,r=null==i?void 0:i.body;"kiosq"===c&&(s(!0),r=w(i));var o=e.workflow.id?"successmessage":"failuremessage",d=g({action:o,modal:N({layout:c,source:null!==(t=null==n?void 0:n.SOURCE)&&void 0!==t?t:"0"})},"successmessage"===o&&{data:b(n)});y("newsletterEvent",{newsletter:d}),a(e.workflow.id?r:l),u(!1)})).catch((function(e){a(l),u(!1),console.error("Form Slice - ".concat(l,": ").concat(e))}));case 12:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),N=function(e){var t=e.layout,n=e.source;return"exitIntent"===t?"SIGNUP - Exit Intent - ".concat(n):"Newsletter signup - ".concat(n)};function O(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];e&&e.addEventListener&&e.addEventListener.apply(e,t)}function S(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];e&&e.removeEventListener&&e.removeEventListener.apply(e,t)}var R="undefined"!=typeof window,C=function(e,t){return new URLSearchParams(e).get(t)};const L=R?function(e){var t=window.location,n=(0,a.useState)((function(){return C(t.search,e)})),r=n[0],o=n[1];return(0,a.useEffect)((function(){var n=function(){o(C(t.search,e))};return O(window,"popstate",n),O(window,"pushstate",n),O(window,"replacestate",n),function(){S(window,"popstate",n),S(window,"pushstate",n),S(window,"replacestate",n)}}),[]),r}:function(){return null};function x(){return x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},x.apply(this,arguments)}const A=i().memo((function(e){return i().createElement("svg",x({width:"22px",height:"22px",viewBox:"0 0 384 512"},e),i().createElement("path",{d:"M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z"}))})),D=function(e){var t=e.ariaLabels,n=e.children,r=e.cookieExpiryDays,u=e.mobile,c=o((0,a.useState)(!1),2),s=c[0],d=c[1],f=o((0,a.useState)(!1),2),v=f[0],m=f[1],p=(0,a.useRef)(null),h=(0,a.useRef)(null),w=function e(){var t,n,o,a,i=null===(t=window.ffte)||void 0===t?void 0:t.site,u=i?"FTR_Exit_Intent_Display-".concat(i):"FTR_Exit_Intent_Display";if(null!==(n=null===(o=window.FUTR)||void 0===o||null===(a=o.Connect)||void 0===a?void 0:a.regwallAuth)&&void 0!==n&&n)d(!1);else{if(!l(u)){var c;p.current=null!==(c=document.activeElement)&&void 0!==c?c:null,d(!0);var s=new Date;s.setDate(s.getDate()+(null!=r?r:30)),function(e){var t=e.name,n=e.value,r=e.expireDate,o=e.secure,a=e.path,i=e.domain,l=r?" Expires=".concat(null==r?void 0:r.toUTCString(),";"):"",u=a?" Path=".concat(a,";"):"",c=i&&"localhost"!==window.location.hostname&&"127.0.0.1"!==window.location.hostname?" Domain=".concat(i,";"):"",s=o?" Secure;":"";document.cookie="".concat(t,"=").concat(n,";").concat(l).concat(u).concat(c).concat(s)}({name:u,value:"0",expireDate:s,secure:!0,path:"/"}),y("newsletterEvent",{newsletter:{action:"show",modal:"SIGNUP - Exit Intent - 15"}}),document.body.addEventListener("keydown",g)}document.body.removeEventListener("touchstart",E),document.body.removeEventListener("mouseleave",e)}},E=function(){var e,t,n,r=(e=function(){var e,t,n=null!==(e=document.querySelector("#article-body"))&&void 0!==e?e:null;if(n){var o=n.offsetHeight,a=n.getBoundingClientRect().top+window.scrollY+o*((null!==(t=null==u?void 0:u.scrollDepthTrigger)&&void 0!==t?t:1)/100);window.scrollY+window.innerHeight>=a&&!v&&(m(!0),w(),window.removeEventListener("scroll",r))}},t=500,function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)});window.addEventListener("scroll",r,{passive:!0})};(0,a.useEffect)((function(){var e;(null!==(e=window.reliableDOMContentLoaded)&&void 0!==e?e:Promise.resolve()).then((function(){window.addEventListener("Show ICYMI",(function(){d(!1)})),window.innerWidth<700&&null!=u&&u.enabled&&(null!=u&&u.setTimerDelay&&setTimeout((function(){return w()}),null==u?void 0:u.setTimerDelay),null!=u&&u.scrollDepthTrigger&&document.body.addEventListener("touchstart",E)),window.innerWidth>=700&&document.body.addEventListener("mouseleave",w)})).catch((function(e){return console.error(e)}))}),[]);var g=(0,a.useCallback)((function(e){if("Tab"===e.key){var t,n,r=Array.from(null!==(t=null===(n=h.current)||void 0===n?void 0:n.querySelectorAll('button, a, input:not([type="hidden"])'))&&void 0!==t?t:[]).filter((function(e){return e instanceof HTMLElement}));if(0===r.length)return;var o=r[0],a=r[r.length-1];e.shiftKey&&document.activeElement===o?(e.preventDefault(),a.focus()):e.shiftKey||document.activeElement!==a||(e.preventDefault(),o.focus())}}),[]);return"email"===L("utm_medium")?null:s?i().createElement("div",{ref:h,className:"exit-intent exit-intent__background","aria-hidden":!s},i().createElement("div",{className:"exit-intent__wrapper",role:"dialog","aria-modal":"true","aria-labelledby":"Newsletter Exit Intent"},i().createElement("button",{onClick:function(){d(!1),p.current&&p.current.focus(),document.body.removeEventListener("keydown",g),y("newsletterEvent",{newsletter:{action:"close",modal:"SIGNUP - Exit Intent - 15"}})},className:"exit-intent__close-button",title:null==t?void 0:t.closeButton,"aria-label":null==t?void 0:t.closeButton},i().createElement(A,null)),n)):null},P=function(e){var t,n=e.layout,r=e.header,u=e.headerIcon,c=e.tagline,s=e.formFooterText,d=e.usDisclaimerFooterText,v=e.successMessage,m=e.failureMessage,p=e.inputs,h=e.cookieExpiryDays,w=e.endpoint,E=void 0===w?"":w,g=e.method,_=void 0===g?"GET":g,b=e.mobile,O=e.analytics,S=(0,a.useRef)(null),R=o((0,a.useState)(!0),2),C=R[0],L=R[1],x=o((0,a.useState)(""),2),A=x[0],P=x[1],j=o((0,a.useState)(!1),2),I=j[0],k=j[1],M="US"===l("FTR_Country_Code")||!1,B=M?d:s;(0,a.useEffect)((function(){if(null!=O&&O.length&&S.current){var e,t=(null===(e=p.find((function(e){return"SOURCE"===e.name})))||void 0===e?void 0:e.value)||"0";O.some((function(e){return"widgetViewed"===e.analyticsType}))&&function(e){var t=e.toObserve,n=e.layout,r=e.source;if("undefined"!=typeof IntersectionObserver){var o=new IntersectionObserver((function(e){e.forEach((function(e){return e.isIntersecting?(y("newsletterEvent",{newsletter:{action:"viewable",modal:N({layout:n,source:null!=r?r:"0"})}}),o.unobserve(t),function(){}):function(){}}))}),{threshold:[.5]});o.observe(t)}}({toObserve:S.current,layout:n,source:t})}}),[]);var F=i().createElement("div",{"data-hydrate":!0,ref:S,className:"newsletter-form__wrapper newsletter-form__wrapper--".concat(n)},i().createElement("div",{className:"newsletter-form__container"},(r||(null==u?void 0:u.svgContents))&&i().createElement("section",{className:"newsletter-form__top-bar"},"sidebar"===n&&u&&null!=u&&u.svgContents?i().createElement("span",{className:"newsletter-form__headerIcon",dangerouslySetInnerHTML:{__html:null==u?void 0:u.svgContents}}):null,r&&i().createElement("div",{className:"newsletter-form__header",dangerouslySetInnerHTML:{__html:r}})),i().createElement("section",{className:"newsletter-form__main-section"},c&&i().createElement("p",{className:"newsletter-form__strapline"},c),C?i().createElement(f,{layout:n,method:_,action:E,handleSubmit:function(e,t){e.preventDefault(),T({formValues:t,endpoint:E,method:_,successMessage:v,failureMessage:m,setFormMessage:P,setRenderEmailForm:L,layout:n,setKiosqSuccessLayoutDisplayed:k})},inputs:p}):i().createElement("div",{className:"newsletter-form__message"},A),B&&!I&&i().createElement("footer",{className:"newsletter-form__footer ".concat(M?"newsletter-form__footer--us_disclaimer":""),dangerouslySetInnerHTML:{__html:B}}))));return"exitIntent"===n?i().createElement(D,{mobile:b,cookieExpiryDays:h,ariaLabels:null===(t=e.ariaLabels)||void 0===t?void 0:t.exitIntent},F):F}},745:(e,t,n)=>{"use strict";var r=n(81);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},666:e=>{var t=function(e){"use strict";var t,n=Object.prototype,r=n.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},a=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",l=o.toStringTag||"@@toStringTag";function u(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{u({},"")}catch(e){u=function(e,t,n){return e[t]=n}}function c(e,t,n,r){var o=t&&t.prototype instanceof h?t:h,a=Object.create(o.prototype),i=new C(r||[]);return a._invoke=function(e,t,n){var r=d;return function(o,a){if(r===v)throw new Error("Generator is already running");if(r===m){if("throw"===o)throw a;return x()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var l=O(i,n);if(l){if(l===p)continue;return l}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===d)throw r=m,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=v;var u=s(e,t,n);if("normal"===u.type){if(r=n.done?m:f,u.arg===p)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(r=m,n.method="throw",n.arg=u.arg)}}}(e,n,i),a}function s(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var d="suspendedStart",f="suspendedYield",v="executing",m="completed",p={};function h(){}function y(){}function w(){}var E={};u(E,a,(function(){return this}));var g=Object.getPrototypeOf,_=g&&g(g(L([])));_&&_!==n&&r.call(_,a)&&(E=_);var b=w.prototype=h.prototype=Object.create(E);function T(e){["next","throw","return"].forEach((function(t){u(e,t,(function(e){return this._invoke(t,e)}))}))}function N(e,t){function n(o,a,i,l){var u=s(e[o],e,a);if("throw"!==u.type){var c=u.arg,d=c.value;return d&&"object"==typeof d&&r.call(d,"__await")?t.resolve(d.__await).then((function(e){n("next",e,i,l)}),(function(e){n("throw",e,i,l)})):t.resolve(d).then((function(e){c.value=e,i(c)}),(function(e){return n("throw",e,i,l)}))}l(u.arg)}var o;this._invoke=function(e,r){function a(){return new t((function(t,o){n(e,r,t,o)}))}return o=o?o.then(a,a):a()}}function O(e,n){var r=e.iterator[n.method];if(r===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,O(e,n),"throw"===n.method))return p;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var o=s(r,e.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,p;var a=o.arg;return a?a.done?(n[e.resultName]=a.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,p):a:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,p)}function S(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function R(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(S,this),this.reset(!0)}function L(e){if(e){var n=e[a];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function n(){for(;++o<e.length;)if(r.call(e,o))return n.value=e[o],n.done=!1,n;return n.value=t,n.done=!0,n};return i.next=i}}return{next:x}}function x(){return{value:t,done:!0}}return y.prototype=w,u(b,"constructor",w),u(w,"constructor",y),y.displayName=u(w,l,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===y||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,w):(e.__proto__=w,u(e,l,"GeneratorFunction")),e.prototype=Object.create(b),e},e.awrap=function(e){return{__await:e}},T(N.prototype),u(N.prototype,i,(function(){return this})),e.AsyncIterator=N,e.async=function(t,n,r,o,a){void 0===a&&(a=Promise);var i=new N(c(t,n,r,o),a);return e.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},T(b),u(b,l,"Generator"),u(b,a,(function(){return this})),u(b,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=L,C.prototype={constructor:C,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(R),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function o(r,o){return l.type="throw",l.arg=e,n.next=r,o&&(n.method="next",n.arg=t),!!o}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],l=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var u=r.call(i,"catchLoc"),c=r.call(i,"finallyLoc");if(u&&c){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(u){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=e,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,p):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),p},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),R(n),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;R(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={iterator:L(e),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=t),p}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},651:e=>{"use strict";e.exports=window.slice.React},81:e=>{"use strict";e.exports=window.slice.ReactDOM}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};(()=>{"use strict";n.d(r,{default:()=>e});const e={hydrate:function(e,t){var r=n(651),o=n(745),a=n(363).default;o.hydrateRoot(t,r.createElement(a,e))}}})(),newsletterForm=r.default})();
//# sourceMappingURL=newsletterForm.js.map
                window.sliceComponents.newsletterForm = newsletterForm;

                var triggerHydrate = function() {
                    window.sliceComponents.newsletterForm.hydrate(data, componentContainer);
                }

                if (window.lazyObserveElement) {
                    window.lazyObserveElement(componentContainer, triggerHydrate);
                } else {
                    triggerHydrate();
                }
            }
        }).catch(err => console.error('%c FTE ','background: #9306F9; color: #ffffff','Hydration Script has failed for newsletterForm-exitIntent Slice', err));
    }).catch(err => console.error('%c FTE ','background: #9306F9; color: #ffffff','Externals script failed to load', err));
</script><div id="slice-container-newsletterForm-exitIntent" class="slice-container newsletter-slice newsletterForm-exitIntent slice-container-newsletterForm"></div>
<div id="slice-container-trendingbar" class="slice-container trending-bar-container trendingbar slice-container-trending"><div class="trending__wrapper  "><nav aria-labelledby="trending-items" class="trending__nav"><span class="trending__label" id="trending-items">Trending</span><ul class="trending__list"><li class="trending__item" data-analytics-id="trending-bar" data-testid="trending-item" data-mrf-recirculation="trending-bar"><a class="trending__link" href="https://www.creativebloq.com/graphic-design/tools-every-graphic-designer-should-have-6133208" data-before-rewrite-localise="https://www.creativebloq.com/graphic-design/tools-every-graphic-designer-should-have-6133208">Essential graphic design tools</a></li><li class="trending__item" data-analytics-id="trending-bar" data-testid="trending-item" data-mrf-recirculation="trending-bar"><a class="trending__link" href="https://www.creativebloq.com/entertainment/gaming" data-before-rewrite-localise="https://www.creativebloq.com/entertainment/gaming">Gaming</a></li><li class="trending__item" data-analytics-id="trending-bar" data-testid="trending-item" data-mrf-recirculation="trending-bar"><a class="trending__link" href="https://www.creativebloq.com/tag/quiz" data-before-rewrite-localise="https://www.creativebloq.com/tag/quiz">Quizzes</a></li><li class="trending__item" data-analytics-id="trending-bar" data-testid="trending-item" data-mrf-recirculation="trending-bar"><a class="trending__link" href="https://www.creativebloq.com/newsletter" data-before-rewrite-localise="https://www.creativebloq.com/newsletter">Newsletters</a></li></ul></nav></div></div>
<aside class="mx-auto mb-4 flex items-center justify-start mx-0 my-5 px-6" id="affiliate-disclaimer" data-component-name="AffiliateDisclaimer" style="display:none" data-hawk-message="Affiliate disclaimer removed because hawk deemed there are no affiliate links on this page">
<p class="text-700 mb-2 text-[12px] leading-[18px] md:text-[13px] [&amp;&gt;a]:text-gray-700 [&amp;&gt;a]:underline">
When you purchase through links on our site, we may earn an affiliate commission. <a href="https://www.creativebloq.com/features/about-us#section-affiliate-advertising-disclosure" data-before-rewrite-localise="https://www.creativebloq.com/features/about-us#section-affiliate-advertising-disclosure">Here&rsquo;s how it works</a>.
</p>
</aside>
<div id="top-leaderboard" class="ad-unit"></div>
<div id="content"> <article class="page-content-onecol flex-1
landing-article
">
<div class="widget-area-group widget-area-group-2col flex flex-wrap box-border">
<div id="widgetArea16" class="widget-area basis-full md:basis-2/3 widget-area-g-md-vp-2-3 widget-area-g-lg-vp-2-3 widget-area-g-xl-vp-2-3 page-widget-area-16">
<div data-widget-type="hero" id="hero-title---h1-tag-" class="clear-both widget widget-hero widget-hero-title---h1-tag- widget-hero-hero-title---h1-tag- widget-hero widget-hero-fter-news">
<div class="clear-both widget-header">
<h1 class="widget-title heading1a cpc"> <span>Computer Arts</span> </h1>
</div>
</div>
<div data-widget-type="contentparsed" id="article--landing-page--body-copy" class="clear-both widget widget-contentparsed widget-article--landing-page--body-copy widget-contentparsed-article--landing-page--body-copy article widget-content-parsed widget-content-parsed-default ">
<div class="wcp-item-content">
</div>
</div>
<div data-widget-type="dynamic" id="subcategory-list-with-h2" class="clear-both widget widget-dynamic widget-subcategory-list-with-h2 widget-dynamic-subcategory-list-with-h2 tag-blocks-display widget-no-data widget-edt-listing widget-dynamic-simple">
</div>
<div data-widget-type="dynamic" id="curated-content" class="clear-both widget widget-dynamic widget-curated-content widget-dynamic-curated-content widget-no-data widget-dynamic-feature-fter-feature-block">
</div>
<div data-widget-type="dynamic" id="river-latest-filtered-listing" class="clear-both widget widget-dynamic widget-river-latest-filtered-listing widget-dynamic-river-latest-filtered-listing widget-dynamic-fter-lists widget-dynamic-fter-lists-list">
<div class="wdn-fte-lists-list pos-relative space-t20
">
<section aria-label="articles list" data-next="latest" data-total-count="1000" data-list="home/latest" class="listingResultsWrapper ">
<header>
<h2 class="list-title">Latest about Computer Arts </h2>
</header>
<div class="listingResults " data-sort="page" data-listkey="" data-analytics-id="featured-article" data-mrf-recirculation="featured-article">
<div class="listingResult
small result1 " data-page="1
">
<a href="https://www.creativebloq.com/professional-development/creative-careers/how-to-give-a-good-presentation" class="article-link" aria-label="How to give a good presentation: tips and tricks for public speaking and pitching" target="_self" data-before-rewrite-localise="/professional-development/creative-careers/how-to-give-a-good-presentation">
<article aria-label="Search result: How to give a good presentation: tips and tricks for public speaking and pitching" class="search-result search-result-advice has-rating">
<div class="image">
<figure class="article-lead-image-wrap" data-original="https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG.jpg">
<div class="image-remove-flow-width-setter">
<div class="image-remove-reflow-container " data-original="https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG.jpg">
<picture><source type="image/webp" srcset="https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG-320-80.jpg.webp 320w, https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG-450-80.jpg.webp 450w, https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG-500-80.jpg.webp 500w, https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG-650-80.jpg.webp 650w, https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG-840-80.jpg.webp 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" data-pin-nopin="true"><img src="https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG-320-80.jpg" srcset="https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG-320-80.jpg 320w, https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG-450-80.jpg 450w, https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG-500-80.jpg 500w, https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG-650-80.jpg 650w, https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG-840-80.jpg 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" loading="lazy" data-original-mos="https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/RNwxdGCQN7RfJhNZboYsrG.jpg" data-pin-nopin="true"></source></picture>
</div>
</div>
</figure>
</div>
<div class="content">
<header>
<h3 class="article-name">How to give a good presentation: tips and tricks for public speaking and pitching</h3>
<p class="byline">
<span class="by-author">
By
<span style="white-space:nowrap">
Julia Sagar </span>
</span>
published <time datetime="2025-09-12T10:18:04Z" class="no-wrap relative-date date-with-prefix">12 September 25</time>
</p>
</header>
<p class="synopsis">
The design industry's best speakers share their golden rules for presenting your work with style.
</p>


</div>
</article>
</a>
<a class="category-link" aria-label="Visit Creative Careers" href="https://www.creativebloq.com/professional-development/creative-careers" data-before-rewrite-localise="/professional-development/creative-careers">Creative Careers</a>
<!-- Cats: --></div>
<div class="listingResult
small result2 " data-page="1
">
<a href="https://www.creativebloq.com/packaging/inspirational-packaging-912837" class="article-link" aria-label="20 packaging designs to inspire you" target="_self" data-before-rewrite-localise="/packaging/inspirational-packaging-912837">
<article aria-label="Search result: 20 packaging designs to inspire you" class="search-result search-result-inspiration has-rating">
<div class="image">
<figure class="article-lead-image-wrap" data-original="https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5.jpg">
<div class="image-remove-flow-width-setter">
<div class="image-remove-reflow-container " data-original="https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5.jpg">
<picture><source type="image/webp" srcset="https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5-320-80.jpg.webp 320w, https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5-450-80.jpg.webp 450w, https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5-500-80.jpg.webp 500w, https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5-650-80.jpg.webp 650w, https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5-840-80.jpg.webp 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" data-pin-nopin="true"><img src="https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5-320-80.jpg" alt="Tomatier Snacks packaging " srcset="https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5-320-80.jpg 320w, https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5-450-80.jpg 450w, https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5-500-80.jpg 500w, https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5-650-80.jpg 650w, https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5-840-80.jpg 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" loading="lazy" data-original-mos="https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/fb3D4DMdV2M8m9DhFdhZh5.jpg" data-pin-nopin="true"></source></picture>
</div>
</div>
</figure>
</div>
<div class="content">
<header>
<h3 class="article-name">20 packaging designs to inspire you</h3>
<p class="byline">
<span class="by-author">
By
<span style="white-space:nowrap">
Rosie Hilder </span>
</span>
last updated <time datetime="2025-02-20T17:31:24Z" class="no-wrap relative-date date-with-prefix">20 February 25</time>
</p>
</header>
<p class="synopsis">
Inspirational packaging design examples, plus online resources.
</p>


</div>
</article>
</a>
<a class="category-link" aria-label="Visit Packaging Design" href="https://www.creativebloq.com/design/graphic-design/packaging-design" data-before-rewrite-localise="/design/graphic-design/packaging-design">Packaging Design</a>
<!-- Cats: --></div>
<div class="listingResult small result3">
<!-- stuffs -->
<div style="width:100%" class="sponsored-post"><div></div></div>
</div>
<div class="listingResult
small result4 " data-page="1
">
<a href="https://www.creativebloq.com/branding/most-iconic-brands-11121149" class="article-link" aria-label="20 iconic brands and why they work" target="_self" data-before-rewrite-localise="/branding/most-iconic-brands-11121149">
<article aria-label="Search result: 20 iconic brands and why they work" class="search-result search-result-feature has-rating">
<div class="image">
<figure class="article-lead-image-wrap" data-original="https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS.jpg">
<div class="image-remove-flow-width-setter">
<div class="image-remove-reflow-container " data-original="https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS.jpg">
<picture><source type="image/webp" srcset="https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS-320-80.jpg.webp 320w, https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS-450-80.jpg.webp 450w, https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS-500-80.jpg.webp 500w, https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS-650-80.jpg.webp 650w, https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS-840-80.jpg.webp 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" data-pin-nopin="true"><img src="https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS-320-80.jpg" alt="Coca-Cola 1940s logo" srcset="https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS-320-80.jpg 320w, https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS-450-80.jpg 450w, https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS-500-80.jpg 500w, https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS-650-80.jpg 650w, https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS-840-80.jpg 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" loading="lazy" data-original-mos="https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/edkWP7uVKbGQuk7bYCKbUS.jpg" data-pin-nopin="true"></source></picture>
</div>
</div>
</figure>
</div>
<div class="content">
<header>
<h3 class="article-name">20 iconic brands and why they work</h3>
<p class="byline">
<span class="by-author">
By
<span style="white-space:nowrap">
Nick Carson </span>
</span>
last updated <time datetime="2025-01-16T17:09:42Z" class="no-wrap relative-date date-with-prefix">16 January 25</time>
</p>
</header>
<p class="synopsis">
These brands may not be the biggest, but they're certainly iconic.
</p>
</div>
</article>
</a>
<a class="category-link" aria-label="Visit Branding" href="https://www.creativebloq.com/design/graphic-design/branding" data-before-rewrite-localise="/design/graphic-design/branding">Branding</a>
<!-- Cats: --></div>
<div class="listingResult
small result5 " data-page="1
">
<a href="https://www.creativebloq.com/typography/tips-choosing-typeface-31514399" class="article-link" aria-label="How to choose the right typeface" target="_self" data-before-rewrite-localise="/typography/tips-choosing-typeface-31514399">
<article aria-label="Search result: How to choose the right typeface" class="search-result search-result-advice has-rating">
<div class="image">
<figure class="article-lead-image-wrap" data-original="https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9.jpg">
<div class="image-remove-flow-width-setter">
<div class="image-remove-reflow-container " data-original="https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9.jpg">
<picture><source type="image/webp" srcset="https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9-320-80.jpg.webp 320w, https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9-450-80.jpg.webp 450w, https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9-500-80.jpg.webp 500w, https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9-650-80.jpg.webp 650w, https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9-840-80.jpg.webp 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" data-pin-nopin="true"><img src="https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9-320-80.jpg" alt="null" srcset="https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9-320-80.jpg 320w, https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9-450-80.jpg 450w, https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9-500-80.jpg 500w, https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9-650-80.jpg 650w, https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9-840-80.jpg 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" loading="lazy" data-original-mos="https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/5Du9hUTg6KA7Wv7j6AXMH9.jpg" data-pin-nopin="true"></source></picture>
</div>
</div>
</figure>
</div>
<div class="content">
<header>
<h3 class="article-name">How to choose the right typeface</h3>
<p class="byline">
<span class="by-author">
By
<span style="white-space:nowrap">
Carl Cahill, </span>
<span style="white-space:nowrap">
Anne Wollenberg </span>
</span>
last updated <time datetime="2024-11-14T11:10:17Z" class="no-wrap relative-date date-with-prefix">14 November 24</time>
</p>
</header>
<p class="synopsis">
Top tips for picking the perfect fonts for your next project.
</p>
</div>
</article>
</a>
<a class="category-link" aria-label="Visit Fonts &amp; Typography" href="https://www.creativebloq.com/design/graphic-design/branding/fonts-typography" data-before-rewrite-localise="/design/graphic-design/branding/fonts-typography">Fonts &amp; Typography</a>
<!-- Cats: --></div>
<div class="listingResult
small result6 " data-page="1
">
<a href="https://www.creativebloq.com/how-to/anaglyph-effect" class="article-link" aria-label="How to create anaglyph images in Photoshop" target="_self" data-before-rewrite-localise="/how-to/anaglyph-effect">
<article aria-label="Search result: How to create anaglyph images in Photoshop" class="search-result search-result-how-to has-rating">
<div class="image">
<figure class="article-lead-image-wrap" data-original="https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU.jpg">
<div class="image-remove-flow-width-setter">
<div class="image-remove-reflow-container " data-original="https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU.jpg">
<picture><source type="image/webp" srcset="https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU-320-80.jpg.webp 320w, https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU-450-80.jpg.webp 450w, https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU-500-80.jpg.webp 500w, https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU-650-80.jpg.webp 650w, https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU-840-80.jpg.webp 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" data-pin-nopin="true"><img src="https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU-320-80.jpg" alt="How to create anaglyph images in Photoshop" srcset="https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU-320-80.jpg 320w, https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU-450-80.jpg 450w, https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU-500-80.jpg 500w, https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU-650-80.jpg 650w, https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU-840-80.jpg 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" loading="lazy" data-original-mos="https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/ycdXCMvLpmUDLB9QPugqrU.jpg" data-pin-nopin="true"></source></picture>
</div>
</div>
</figure>
</div>
<div class="content">
<header>
<h3 class="article-name">How to create anaglyph images in Photoshop</h3>
<p class="byline">
<span class="by-author">
By
<span style="white-space:nowrap">
Travis Knight </span>
</span>
last updated <time datetime="2024-10-31T17:25:57Z" class="no-wrap relative-date date-with-prefix">31 October 24</time>
</p>
</header>
<p class="synopsis">
Create anaglyph images with this step-by-step tutorial for an old-school 3D effect.
</p>
</div>
</article>
</a>
<a class="category-link" aria-label="Visit Photo Editing Software" href="https://www.creativebloq.com/photography/photo-editing-software" data-before-rewrite-localise="/photography/photo-editing-software">Photo Editing Software</a>
<!-- Cats: --></div>
<div class="listingResult
small result7 " data-page="1
">
<a href="https://www.creativebloq.com/typography/great-logo-fonts-2015-31514462" class="article-link" aria-label="10 fantastic logo fonts" target="_self" data-before-rewrite-localise="/typography/great-logo-fonts-2015-31514462">
<article aria-label="Search result: 10 fantastic logo fonts" class="search-result search-result-buying-guide has-rating">
<div class="image">
<figure class="article-lead-image-wrap" data-original="https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ.jpg">
<div class="image-remove-flow-width-setter">
<div class="image-remove-reflow-container " data-original="https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ.jpg">
<picture><source type="image/webp" srcset="https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ-320-80.jpg.webp 320w, https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ-450-80.jpg.webp 450w, https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ-500-80.jpg.webp 500w, https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ-650-80.jpg.webp 650w, https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ-840-80.jpg.webp 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" data-pin-nopin="true"><img src="https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ-320-80.jpg" alt="Specimen of Bella by Face37" srcset="https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ-320-80.jpg 320w, https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ-450-80.jpg 450w, https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ-500-80.jpg 500w, https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ-650-80.jpg 650w, https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ-840-80.jpg 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" loading="lazy" data-original-mos="https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/4d4S5csbG6TpmE8ecxq3rZ.jpg" data-pin-nopin="true"></source></picture>
</div>
</div>
</figure>
</div>
<div class="content">
<header>
<h3 class="article-name">10 fantastic logo fonts</h3>
<p class="byline">
<span class="by-author">
By
<span style="white-space:nowrap">
Creative Bloq Staff </span>
</span>
last updated <time datetime="2024-08-21T02:58:43Z" class="no-wrap relative-date date-with-prefix">21 August 24</time>
</p>
</header>
<p class="synopsis">
Designing a visual identity? Here are some great logo fonts.
</p>
</div>
</article>
</a>
<a class="category-link" aria-label="Visit Fonts &amp; Typography" href="https://www.creativebloq.com/design/graphic-design/branding/fonts-typography" data-before-rewrite-localise="/design/graphic-design/branding/fonts-typography">Fonts &amp; Typography</a>
<!-- Cats: --></div>
<div class="listingResult
small result8 " data-page="1
">
<a href="https://www.creativebloq.com/colour/colour-theory-11121290" class="article-link" aria-label="Colour theory: a complete jargon-free designer's guide" target="_self" data-before-rewrite-localise="/colour/colour-theory-11121290">
<article aria-label="Search result: Colour theory: a complete jargon-free designer's guide" class="search-result search-result-feature has-rating">
<div class="image">
<figure class="article-lead-image-wrap" data-original="https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf.jpg">
<div class="image-remove-flow-width-setter">
<div class="image-remove-reflow-container " data-original="https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf.jpg">
<picture><source type="image/webp" srcset="https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf-320-80.jpg.webp 320w, https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf-450-80.jpg.webp 450w, https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf-500-80.jpg.webp 500w, https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf-650-80.jpg.webp 650w, https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf-840-80.jpg.webp 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" data-pin-nopin="true"><img src="https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf-320-80.jpg" alt="Papercut diagrams showing aspects of colour theory" srcset="https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf-320-80.jpg 320w, https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf-450-80.jpg 450w, https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf-500-80.jpg 500w, https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf-650-80.jpg 650w, https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf-840-80.jpg 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" loading="lazy" data-original-mos="https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/wxFG3Hx94r34LJ3yZhghQf.jpg" data-pin-nopin="true"></source></picture>
</div>
</div>
</figure>
</div>
<div class="content">
<header>
<h3 class="article-name">Colour theory: a complete jargon-free designer's guide</h3>
<p class="byline">
<span class="by-author">
By
<span style="white-space:nowrap">
Sam Hampton-Smith </span>
</span>
last updated <time datetime="2024-08-13T17:58:07Z" class="no-wrap relative-date date-with-prefix">13 August 24</time>
</p>
</header>
<p class="synopsis">
Everything you need to know about colour theory.
</p>
</div>
</article>
</a>
<a class="category-link" aria-label="Visit Graphic Design" href="https://www.creativebloq.com/design/graphic-design" data-before-rewrite-localise="/design/graphic-design">Graphic Design</a>
<!-- Cats: --></div>
<div class="listingResult
small result9 " data-page="1
">
<a href="https://www.creativebloq.com/character-design/tips-5132643" class="article-link" aria-label="33 expert character design tips" target="_self" data-before-rewrite-localise="/character-design/tips-5132643">
<article aria-label="Search result: 33 expert character design tips" class="search-result search-result-advice has-rating">
<div class="image">
<figure class="article-lead-image-wrap" data-original="https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB.jpg">
<div class="image-remove-flow-width-setter">
<div class="image-remove-reflow-container " data-original="https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB.jpg">
<picture><source type="image/webp" srcset="https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB-320-80.jpg.webp 320w, https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB-450-80.jpg.webp 450w, https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB-500-80.jpg.webp 500w, https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB-650-80.jpg.webp 650w, https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB-840-80.jpg.webp 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" data-pin-nopin="true"><img src="https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB-320-80.jpg" alt="Character design tips" srcset="https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB-320-80.jpg 320w, https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB-450-80.jpg 450w, https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB-500-80.jpg 500w, https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB-650-80.jpg 650w, https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB-840-80.jpg 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" loading="lazy" data-original-mos="https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/QDhVYkSt7fAJy9Hum2MweB.jpg" data-pin-nopin="true"></source></picture>
</div>
</div>
</figure>
</div>
<div class="content">
<header>
<h3 class="article-name">33 expert character design tips</h3>
<p class="byline">
<span class="by-author">
By
<span style="white-space:nowrap">
Rosie Hilder </span>
</span>
last updated <time datetime="2024-03-21T15:33:11Z" class="no-wrap relative-date date-with-prefix">21 March 24</time>
</p>
</header>
<p class="synopsis">
Leading artists and illustrators share their character design tips.
</p>
</div>
</article>
</a>
<a class="category-link" aria-label="Visit Character Design" href="https://www.creativebloq.com/art/digital-art/character-design" data-before-rewrite-localise="/art/digital-art/character-design">Character Design</a>
<!-- Cats: --></div>
<div class="listingResult
small result10 " data-page="1
">
<a href="https://www.creativebloq.com/logo-design/6-tips-using-grids-logo-design-11513984" class="article-link" aria-label="6 tips for using logo grid systems for successful design" target="_self" data-before-rewrite-localise="/logo-design/6-tips-using-grids-logo-design-11513984">
<article aria-label="Search result: 6 tips for using logo grid systems for successful design" class="search-result search-result-advice has-rating">
<div class="image">
<figure class="article-lead-image-wrap" data-original="https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97.jpg">
<div class="image-remove-flow-width-setter">
<div class="image-remove-reflow-container " data-original="https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97.jpg">
<picture><source type="image/webp" srcset="https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97-320-80.jpg.webp 320w, https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97-450-80.jpg.webp 450w, https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97-500-80.jpg.webp 500w, https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97-650-80.jpg.webp 650w, https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97-840-80.jpg.webp 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" data-pin-nopin="true"><img src="https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97-320-80.jpg" alt="An image showing use of a logo grid to measure proportions in the Apple logo" srcset="https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97-320-80.jpg 320w, https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97-450-80.jpg 450w, https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97-500-80.jpg 500w, https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97-650-80.jpg 650w, https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97-840-80.jpg 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" loading="lazy" data-original-mos="https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/2a8ffe8877002e57204e8a319835fe97.jpg" data-pin-nopin="true"></source></picture>
</div>
</div>
</figure>
</div>
<div class="content">
<header>
<h3 class="article-name">6 tips for using logo grid systems for successful design</h3>
<p class="byline">
<span class="by-author">
By
<span style="white-space:nowrap">
Niall O'Loughlin </span>
</span>
last updated <time datetime="2023-08-21T16:31:49Z" class="no-wrap relative-date date-with-prefix">21 August 23</time>
</p>
</header>
<p class="synopsis">
Logo grid systems, construction guides and circles are powerful techniques for creating a design.
</p>
</div>
</article>
</a>
<a class="category-link" aria-label="Visit Logos &amp; Icons" href="https://www.creativebloq.com/design/graphic-design/branding/logos-icons" data-before-rewrite-localise="/design/graphic-design/branding/logos-icons">Logos &amp; Icons</a>
<!-- Cats: --></div>
<div class="listingResult
small result11 " data-page="1
">
<a href="https://www.creativebloq.com/features/why-its-time-for-designers-to-stand-up-as-creative-activists" class="article-link" aria-label="Why it's time for designers to stand up as creative activists" target="_self" data-before-rewrite-localise="/features/why-its-time-for-designers-to-stand-up-as-creative-activists">
<article aria-label="Search result: Why it's time for designers to stand up as creative activists" class="search-result search-result-feature has-rating">
<div class="image">
<figure class="article-lead-image-wrap" data-original="https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg.jpg">
<div class="image-remove-flow-width-setter">
<div class="image-remove-reflow-container " data-original="https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg.jpg">
<picture><source type="image/webp" srcset="https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg-320-80.jpg.webp 320w, https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg-450-80.jpg.webp 450w, https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg-500-80.jpg.webp 500w, https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg-650-80.jpg.webp 650w, https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg-840-80.jpg.webp 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" data-pin-nopin="true"><img src="https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg-320-80.jpg" alt="null" srcset="https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg-320-80.jpg 320w, https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg-450-80.jpg 450w, https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg-500-80.jpg 500w, https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg-650-80.jpg 650w, https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg-840-80.jpg 840w" sizes="(min-width: 900px) 925px, (min-width: 700px) 450px, calc(100vw - 48px)" loading="lazy" data-original-mos="https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/wWubZnoTAiTvYFipr3UDjg.jpg" data-pin-nopin="true"></source></picture>
</div>
</div>
</figure>
</div>
<div class="content">
<header>
<h3 class="article-name">Why it's time for designers to stand up as creative activists</h3>
<p class="byline">
<span class="by-author">
By
<span style="white-space:nowrap">
Steve Vranakis </span>
</span>
last updated <time datetime="2022-10-14T12:31:33Z" class="no-wrap relative-date date-with-prefix">14 October 22</time>
</p>
</header>
<p class="synopsis">
Designers are more powerful than they think they are.
</p>
</div>
</article>
</a>
<a class="category-link" aria-label="Visit Graphic Design" href="https://www.creativebloq.com/design/graphic-design" data-before-rewrite-localise="/design/graphic-design">Graphic Design</a>
<!-- Cats: --></div>
<script type="text/html" class="sponsored-post-template" style="display:none!important;">
<a href="" rel="nofollow" class="article-link" aria-label="SPONSORED_HEADLINE" target=_self>
<article aria-label="Search result: SPONSORED_HEADLINE" class="search-result search-result-">
<div class="image">
<figure class="article-lead-image-wrap" data-original="">
<div class="image-remove-flow-width-setter">
<div class="image-remove-reflow-container " data-original="">
<img src="SPONSORED_IMAGE_URL"
alt="" class="lazy-image-van" /> </div>
</div>
</figure>
</div>
<div class="content">
<header>
<h3 class="article-name">SPONSORED_HEADLINE</3>
<p class="byline">
</p>
</header>
<p class="synopsis"><span class="free-text-label">SPONSORED</span>
SPONSORED_STRAPLINE
</p>
</div>
</article>
</a>
<a class="category-link" inert>SPONSORED</a>
<!-- Cats: --></script> </div>
</section>
<div class="flexi-pagination">
<span class="active">1</span>
<a href="https://www.creativebloq.com/computer-arts/page/2" data-analytics-id="pagination" data-mrf-recirculation="pagination" data-before-rewrite-localise="/computer-arts/page/2">2</a>
<a href="https://www.creativebloq.com/computer-arts/page/3" data-analytics-id="pagination" data-mrf-recirculation="pagination" data-before-rewrite-localise="/computer-arts/page/3">3</a>
<a href="https://www.creativebloq.com/computer-arts/page/4" data-analytics-id="pagination" data-mrf-recirculation="pagination" data-before-rewrite-localise="/computer-arts/page/4">4</a>
<a href="https://www.creativebloq.com/computer-arts/page/5" data-analytics-id="pagination" data-mrf-recirculation="pagination" data-before-rewrite-localise="/computer-arts/page/5">5</a>
<a href="https://www.creativebloq.com/computer-arts/page/6" data-analytics-id="pagination" data-mrf-recirculation="pagination" data-before-rewrite-localise="/computer-arts/page/6">6</a>
<a href="https://www.creativebloq.com/computer-arts/page/7" data-analytics-id="pagination" data-mrf-recirculation="pagination" data-before-rewrite-localise="/computer-arts/page/7">7</a>
<a href="https://www.creativebloq.com/computer-arts/page/8" data-analytics-id="pagination" data-mrf-recirculation="pagination" data-before-rewrite-localise="/computer-arts/page/8">8</a>
<a href="https://www.creativebloq.com/computer-arts/page/9" data-analytics-id="pagination" data-mrf-recirculation="pagination" data-before-rewrite-localise="/computer-arts/page/9">9</a>
<a href="https://www.creativebloq.com/archive" data-analytics-id="pagination" data-mrf-recirculation="pagination" data-before-rewrite-localise="https://www.creativebloq.com/archive">Archives</a>
</div>
</div>
</div>
</div>
<div id="widgetArea17" class="widget-area md:basis-1/3 widget-area-g-md-vp-1-3 widget-area-g-lg-vp-1-3 widget-area-g-xl-vp-1-3 page-widget-area-17">
<div data-widget-type="empty" id="sidebar-top" class="clear-both widget widget-empty widget-sidebar-top widget-empty-sidebar-top widget-no-data widget-empty">
</div>
<div data-widget-type="newsletter" id="newsletter" class="clear-both widget widget-newsletter widget-newsletter widget-newsletter-newsletter widget-newsletter-fter">
<script data-id="vanilla-slice-newsletterForm-listingSidebar-hydrate" type="text/javascript">
    window.sliceComponents = window.sliceComponents || {};

    externalsScriptLoaded.then(() => {
        window.reliablePageLoad.then(() => {
            var componentContainer = document.querySelector("#slice-container-newsletterForm-listingSidebar");

            if (componentContainer) {
                var data = {"layout":"sidebar","header":"Get the Creative Bloq Newsletter","headerIcon":{"svgUrl":"https:\/\/vanilla.futurecdn.net\/techradar\/media\/shared\/img\/icons\/envelope.svg","svgContents":"<svg class=\"icon-svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m20.487 20.487a12 12 0 0 1 -16.974-16.975 12 12 0 0 1 16.974 16.975z\"\/><g fill=\"#fff\"><path d=\"m4.41 15.943 4.316-4.843-4.316-3.237z\"\/><path d=\"m9.877 11.987-4.483 5.059h13.139l-4.34-5.227-2.278 1.655z\"\/><path d=\"m5.658 6.953 6.257 4.723 6.282-4.723z\"\/><path d=\"m19.588 7.84-4.1 3.092 4.1 4.891z\"\/><\/g><\/svg>","alt":"Envelope Icon"},"tagline":"Sign up to Creative Bloq's daily newsletter, which brings you the latest news and inspiration from the worlds of art, design and technology.","formFooterText":"By submitting your information you agree to the <a href=\"https:\/\/futureplc.com\/terms-conditions\/\" target=\"_blank\">Terms & Conditions<\/a> and <a href=\"https:\/\/futureplc.com\/privacy-policy\/\" target=\"_blank\">Privacy Policy<\/a> and are aged 16 or over.","usDisclaimerFooterText":"By signing up, you agree to our <a href=\"https:\/\/futureplc.com\/terms-conditions\/\" target=\"_blank\">Terms of services <\/a> and acknowledge that you have read our <a href=\"https:\/\/futureplc.com\/privacy-policy\" target=\"_blank\">Privacy Notice<\/a>. You also agree to receive marketing emails from us that may include promotions from our trusted partners and sponsors, which you can unsubscribe from at any time.","successMessage":{"body":"Thank you for signing up. You will receive a confirmation email shortly."},"failureMessage":"There was a problem. Please refresh the page and try again.","method":"POST","inputs":[{"type":"hidden","name":"NAME"},{"type":"email","name":"MAIL","placeholder":"Your Email Address","required":true},{"type":"hidden","name":"NEWSLETTER_CODE","value":"XCQ-X"},{"type":"hidden","name":"LANG","value":"EN"},{"type":"hidden","name":"SOURCE","value":"15"},{"type":"hidden","name":"COUNTRY"},{"type":"checkbox","name":"CONTACT_OTHER_BRANDS","label":{"text":"Contact me with news and offers from other Future brands"}},{"type":"checkbox","name":"CONTACT_PARTNERS","label":{"text":"Receive email from us on behalf of our trusted partners or sponsors"}},{"type":"submit","value":"Sign me up","required":true}],"endpoint":"https:\/\/newsletter-subscribe.futureplc.com\/v2\/submission\/submit","analytics":[{"analyticsType":"widgetViewed"}],"ariaLabels":{}};

                var triggerHydrate = function() {
                    window.sliceComponents.newsletterForm.hydrate(data, componentContainer);
                }

                if (window.lazyObserveElement) {
                    window.lazyObserveElement(componentContainer, triggerHydrate);
                } else {
                    triggerHydrate();
                }
            }
        }).catch(err => console.error('%c FTE ','background: #9306F9; color: #ffffff','Hydration Script has failed for newsletterForm-listingSidebar Slice', err));
    }).catch(err => console.error('%c FTE ','background: #9306F9; color: #ffffff','Externals script failed to load', err));
</script><div id="slice-container-newsletterForm-listingSidebar" class="slice-container newsletter-slice newsletterForm-listingSidebar slice-container-newsletterForm"><div data-hydrate="true" class="newsletter-form__wrapper newsletter-form__wrapper--sidebar"><div class="newsletter-form__container"><section class="newsletter-form__top-bar"><span class="newsletter-form__headerIcon"><svg class="icon-svg" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.487 20.487a12 12 0 0 1 -16.974-16.975 12 12 0 0 1 16.974 16.975z"></path><g fill="#fff"><path d="m4.41 15.943 4.316-4.843-4.316-3.237z"></path><path d="m9.877 11.987-4.483 5.059h13.139l-4.34-5.227-2.278 1.655z"></path><path d="m5.658 6.953 6.257 4.723 6.282-4.723z"></path><path d="m19.588 7.84-4.1 3.092 4.1 4.891z"></path></g></svg></span><div class="newsletter-form__header">Get the Creative Bloq Newsletter</div></section><section class="newsletter-form__main-section"><p class="newsletter-form__strapline">Sign up to Creative Bloq's daily newsletter, which brings you the latest news and inspiration from the worlds of art, design and technology.</p><form data-hydrate="true" class="newsletter-form__form newsletter-form__form--sidebar" method="POST" action="https://newsletter-subscribe.futureplc.com/v2/submission/submit"><input data-hydrate="true" type="hidden" class="form__hidden-input form_input form__hidden-input form__hidden-input--sidebar" name="NAME"><input data-hydrate="true" type="email" class="form__email-input form_input form__email-input form__email-input--sidebar" name="MAIL" required="" placeholder="Your Email Address"><input data-hydrate="true" type="hidden" class="form__hidden-input form_input form__hidden-input form__hidden-input--sidebar" name="NEWSLETTER_CODE" value="XCQ-X"><input data-hydrate="true" type="hidden" class="form__hidden-input form_input form__hidden-input form__hidden-input--sidebar" name="LANG" value="EN"><input data-hydrate="true" type="hidden" class="form__hidden-input form_input form__hidden-input form__hidden-input--sidebar" name="SOURCE" value="15"><input data-hydrate="true" type="hidden" class="form__hidden-input form_input form__hidden-input form__hidden-input--sidebar" name="COUNTRY"><label class="form__checkbox-label"><input data-hydrate="true" type="checkbox" class="form__checkbox-input form_input form__checkbox-input form__checkbox-input--sidebar" name="CONTACT_OTHER_BRANDS"><span>Contact me with news and offers from other Future brands</span></label><label class="form__checkbox-label"><input data-hydrate="true" type="checkbox" class="form__checkbox-input form_input form__checkbox-input form__checkbox-input--sidebar" name="CONTACT_PARTNERS"><span>Receive email from us on behalf of our trusted partners or sponsors</span></label><input data-hydrate="true" type="submit" class="form__submit-input form_input form__submit-input form__submit-input--sidebar" required="" value="Sign me up"></form><footer class="newsletter-form__footer ">By submitting your information you agree to the <a href="https://futureplc.com/terms-conditions/" target="_blank">Terms &amp; Conditions</a> and <a href="https://futureplc.com/privacy-policy/" target="_blank">Privacy Policy</a> and are aged 16 or over.</footer></section></div></div></div>
</div>
<div data-widget-type="empty" id="sidebar" class="clear-both widget widget-empty widget-sidebar widget-empty-sidebar widget-no-data widget-empty">
</div>
<div data-widget-type="empty" id="sidebar-popular-top" class="clear-both widget widget-empty widget-sidebar-popular-top widget-empty-sidebar-popular-top widget-no-data widget-empty">
</div>
<div data-widget-type="dynamic" id="popular" class="clear-both widget widget-dynamic widget-popular widget-dynamic-popular widget-dynamic-fter-popular-box">
<div class="clear-both widget-header">
</div>
<div class="wdn-fte-pb pos-relative space-t20
">
<script data-id="vanilla-slice-popularBox-hydrate" type="text/javascript">
    if (window.sliceHydrationLazy) {
        window.sliceHydrationLazy("popularBox", "popularBox", JSON.stringify({"tabs":[{"tabName":"Latest Articles","articles":[{"href":"\/entertainment\/movies-tv-shows\/the-new-supergirl-trailer-is-getting-some-surprising-comparisons","heading":"The new Supergirl trailer is getting some surprising comparisons","image":{"src":"https:\/\/cdn.mos.cms.futurecdn.net\/crhD3MnfNgwFouXUTB6LAe.jpg","alt":"Supergirl movie trailer","fullscreen":false,"lazyLoading":true,"dataHydrate":true,"addSEOMetaData":false}},{"href":"\/tech\/are-you-an-apple-aficionado-try-our-quiz","heading":"Think you're a true Apple fan? Try our 50th anniversary quiz","image":{"src":"https:\/\/cdn.mos.cms.futurecdn.net\/7bLWZBoMT4dJ2NN8Yeu3tb.jpg","alt":"Apple event logo","fullscreen":false,"lazyLoading":true,"dataHydrate":true,"addSEOMetaData":false}},{"href":"\/3d\/3d-printing\/elegoo-is-pretty-much-giving-away-3d-printers-with-its-easter-sale","heading":"Elegoo is pretty much giving away 3D printers with its Easter sale","image":{"src":"https:\/\/cdn.mos.cms.futurecdn.net\/nWH9rw982hQgjoN7qHM43m.jpg","alt":"Elegoo Easter Sale","fullscreen":false,"lazyLoading":true,"dataHydrate":true,"addSEOMetaData":false}},{"href":"\/tech\/from-90s-macintosh-inspirations-to-modern-design-these-are-the-accessories-every-apple-fan-needs","heading":"From '90s Macintosh inspirations to modern design, these are the accessories every Apple fan needs","image":{"src":"https:\/\/cdn.mos.cms.futurecdn.net\/48AEbzvgL8gVWP5aJ7iLAP.jpg","alt":"Apple accessories for iPhone, AirPod, Apple Watch","fullscreen":false,"lazyLoading":true,"dataHydrate":true,"addSEOMetaData":false}},{"href":"\/design\/branding\/the-new-la-olympics-branding-is-blooming-beautiful","heading":"The new LA Olympics branding is blooming beautiful","image":{"src":"https:\/\/cdn.mos.cms.futurecdn.net\/q3Yjfy8n9QdAjbnbx4okPJ.jpg","alt":"LA28 branding","fullscreen":false,"lazyLoading":true,"dataHydrate":true,"addSEOMetaData":false}}]}]}), "https://slice.vanilla.futurecdn.net/13-4-19/js/popularBox.js");
    } else {
        console.error('%c FTE ','background: #9306F9; color: #ffffff','no lazy slice hydration function available');
    }
</script><div id="slice-container-popularBox" class="slice-container popular-box-slice popularBox slice-container-popularBox"><section data-hydrate="true" class="popular-box"><div class="popular-box__label"><div class="popular-box__label__tab popular-box__label__tab--active" role="heading">LATEST ARTICLES</div></div><ol class="popular-box__articles-list popular-box__articles-list--active"><li class="popular-box__article-list"><div class="popular-box__article-list__container"><a title="The new Supergirl trailer is getting some surprising comparisons" class="popular-box__article-list__link" href="https://www.creativebloq.com/entertainment/movies-tv-shows/the-new-supergirl-trailer-is-getting-some-surprising-comparisons" data-analytics-id="popular-list" data-mrf-recirculation="popular-list" data-before-rewrite-localise="/entertainment/movies-tv-shows/the-new-supergirl-trailer-is-getting-some-surprising-comparisons"><div class="popular-box__article-list__image-wrapper"><div style="display:contents"><picture data-hydrate="true"><source class="popular-box__article-list__image image__image" type="image/webp" srcset="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe-320-80.jpg.webp 320w, https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe-640-80.jpg.webp 640w, https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe-720-80.jpg.webp 720w, https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe-1280-80.jpg.webp 1280w" sizes="99vw" data-normal="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe.jpg" data-original-mos="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe.jpg" data-pin-nopin="true" data-slice-image="true"><source class="popular-box__article-list__image image__image" type="image/jpeg" srcset="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe-320-80.jpg 320w, https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe-640-80.jpg 640w, https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe-720-80.jpg 720w, https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe-1280-80.jpg 1280w" sizes="99vw" data-normal="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe.jpg" data-original-mos="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe.jpg" data-pin-nopin="true" data-slice-image="true"><img src="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe.jpg" alt="Supergirl movie trailer" srcset="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe-320-80.jpg 320w, https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe-640-80.jpg 640w, https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe-720-80.jpg 720w, https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe-1280-80.jpg 1280w" sizes="99vw" class="popular-box__article-list__image image__image" loading="lazy" data-normal="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe.jpg" data-original-mos="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe.jpg" data-pin-media="https://cdn.mos.cms.futurecdn.net/crhD3MnfNgwFouXUTB6LAe.jpg" data-pin-nopin="true" data-slice-image="true"></source></source></picture></div></div></a><div class="popular-box__article-list__content"><div class="popular-box__article-list__number-text">1</div><div class="popular-box__article-list__heading"><a class="popular-box__article-list__link" href="https://www.creativebloq.com/entertainment/movies-tv-shows/the-new-supergirl-trailer-is-getting-some-surprising-comparisons" data-analytics-id="popular-list" data-mrf-recirculation="popular-list" data-before-rewrite-localise="/entertainment/movies-tv-shows/the-new-supergirl-trailer-is-getting-some-surprising-comparisons">The new Supergirl trailer is getting some surprising comparisons</a></div></div></div></li><li class="popular-box__article-list"><div class="popular-box__article-list__container"><div class="popular-box__article-list__content" style="position:unset"><div class="popular-box__article-list__number-text">2</div><div class="popular-box__article-list__heading"><a class="popular-box__article-list__link" href="https://www.creativebloq.com/tech/are-you-an-apple-aficionado-try-our-quiz" data-analytics-id="popular-list" data-mrf-recirculation="popular-list" data-before-rewrite-localise="/tech/are-you-an-apple-aficionado-try-our-quiz">Think you're a true Apple fan? Try our 50th anniversary quiz</a></div></div></div></li><li class="popular-box__article-list"><div class="popular-box__article-list__container"><div class="popular-box__article-list__content" style="position:unset"><div class="popular-box__article-list__number-text">3</div><div class="popular-box__article-list__heading"><a class="popular-box__article-list__link" href="https://www.creativebloq.com/3d/3d-printing/elegoo-is-pretty-much-giving-away-3d-printers-with-its-easter-sale" data-analytics-id="popular-list" data-mrf-recirculation="popular-list" data-before-rewrite-localise="/3d/3d-printing/elegoo-is-pretty-much-giving-away-3d-printers-with-its-easter-sale">Elegoo is pretty much giving away 3D printers with its Easter sale</a></div></div></div></li><li class="popular-box__article-list"><div class="popular-box__article-list__container"><div class="popular-box__article-list__content" style="position:unset"><div class="popular-box__article-list__number-text">4</div><div class="popular-box__article-list__heading"><a class="popular-box__article-list__link" href="https://www.creativebloq.com/tech/from-90s-macintosh-inspirations-to-modern-design-these-are-the-accessories-every-apple-fan-needs" data-analytics-id="popular-list" data-mrf-recirculation="popular-list" data-before-rewrite-localise="/tech/from-90s-macintosh-inspirations-to-modern-design-these-are-the-accessories-every-apple-fan-needs">From '90s Macintosh inspirations to modern design, these are the accessories every Apple fan needs</a></div></div></div></li><li class="popular-box__article-list"><div class="popular-box__article-list__container"><div class="popular-box__article-list__content" style="position:unset"><div class="popular-box__article-list__number-text">5</div><div class="popular-box__article-list__heading"><a class="popular-box__article-list__link" href="https://www.creativebloq.com/design/branding/the-new-la-olympics-branding-is-blooming-beautiful" data-analytics-id="popular-list" data-mrf-recirculation="popular-list" data-before-rewrite-localise="/design/branding/the-new-la-olympics-branding-is-blooming-beautiful">The new LA Olympics branding is blooming beautiful</a></div></div></div></li></ol></section></div>
</div>
</div>
<div data-widget-type="empty" id="sidebar-popular-bottom" class="clear-both widget widget-empty widget-sidebar-popular-bottom widget-empty-sidebar-popular-bottom widget-no-data widget-empty">
</div>
</div>
</div>
<script type="text/javascript" charset="utf-8">
var wcpItemContent = document.querySelector('.wcp-item-content');
wcpItemContent.innerHTML = wcpItemContent.innerHTML.replace('\n','');
</script>
</article>
<script>
//Block Requirejs
</script>
<script type="module" id="hawklinks-script" async="" src="https://hawk.creativebloq.com/js/w/es6/master-7d018138/hawklinks.js"></script>
</div> </div>
<div>
<div id="kiosq-everywhere"></div>
</div>
<section class="footer footer-main-wrapper" aria-label="Main footer" data-nosnippet="" data-mrf-recirculation="footer">
</section>
<footer id="document-footer" aria-label="footer content" class="relative z-10 w-full mx-auto block bg-[--footer-bg-color]" data-component-name="Footer" style="--footer-bg-color: #27272a; --footer-text-color: white; --footer-logo-filter: brightness(0) invert(1); --footer-nav-border-color: white;" data-mrf-recirculation="footer">
<section class="max-w-[60rem] px-6 mx-auto text-sm text-[--footer-text-color] hover:underline-offset-2 py-7">
<p class="mb-5 leading-2">
Creative Bloq is part of Future plc, an international media group and leading digital publisher. <a class="font-bold text-inherit" href="https://futureplc.com/" target="_blank">Visit our corporate site</a>.
</p>
<a href="https://google.com/preferences/source?q=creativebloq.com" class="block sm:order-3 my-8 w-[140px] h-[44px] ml-0 mr-auto">
<picture data-new-v2-image="true">
<source type="image/webp" srcset="https://cdn.mos.cms.futurecdn.net/flexiimages/mednnv697g1760357120-280-100.png.webp 280w" sizes="140px">
<img src="https://cdn.mos.cms.futurecdn.net/flexiimages/mednnv697g1760357120.png" alt="Add as a preferred source on Google" srcset="https://cdn.mos.cms.futurecdn.net/flexiimages/mednnv697g1760357120-280-100.png 280w" sizes="140px" loading="lazy" data-new-v2-image="true" data-original-mos="https://cdn.mos.cms.futurecdn.net/flexiimages/mednnv697g1760357120.png" data-pin-media="https://cdn.mos.cms.futurecdn.net/flexiimages/mednnv697g1760357120.png" data-pin-nopin="true" class="object-cover w-[140px] h-[44px]">
</source></picture>
<span class="sr-only">Add as a preferred source on Google</span>
</a>
<nav class="mb-5 border-[--footer-nav-border-color] border-solid border-y" aria-label="Footer Navigation">
<ul class="grid grid-cols-1 my-4 text-left sm:grid-cols-3 md:grid-cols-4 gap-y-3">
<li class="min-h-8">
<a class="text-inherit hover:underline hover:underline-offset-2" href="https://www.creativebloq.com/features/about-us" target="_blank" data-before-rewrite-localise="/features/about-us">About us</a>
</li>
<li class="min-h-8">
<a class="text-inherit hover:underline hover:underline-offset-2" href="https://futureplc.com/contact/" target="_blank">Contact Future's experts</a>
</li>
<li class="min-h-8">
<a class="text-inherit hover:underline hover:underline-offset-2" href="https://futureplc.com/terms-conditions/" target="_blank">Terms and conditions</a>
</li>
<li class="min-h-8">
<a class="text-inherit hover:underline hover:underline-offset-2" href="https://futureplc.com/privacy-policy/" target="_blank">Privacy policy</a>
</li>
<li class="min-h-8">
<a class="text-inherit hover:underline hover:underline-offset-2" href="https://futureplc.com/cookies-policy/" target="_blank">Cookies policy</a>
</li>
<li class="min-h-8">
<a class="text-inherit hover:underline hover:underline-offset-2" href="https://go.future-advertising.com/Creative-Bloq-Media-Kit.html" target="_blank">Advertise with us</a>
</li>
<li class="min-h-8">
<a class="text-inherit hover:underline hover:underline-offset-2" href="https://futureplc.com/accessibility-statement/">Accessibility Statement</a>
</li>
<li class="min-h-8">
<a class="text-inherit hover:underline hover:underline-offset-2" href="https://futureplc.com/careers/" target="_blank">Careers</a>
</li>
</ul>
</nav>
<p class="leading-normal">&copy;
Future Publishing Limited Quay House, The Ambury,
Bath
BA1 1UA. All rights reserved. England and Wales company registration number 2008885. </p>
</section>
</footer>
<script>
window.vanL10N = null;
</script>
<script>
var dfp_config = {
"site_platform": "vanilla",
"keywords": "vertical-computer-arts",
"bordeaux_keywords": "",
"author": "",
"template": "",
"sponsored": "",
"article_id": "",
"vanilla_article_id": "",
"page_type": "list",
"product_brand": "",
"product_category": "",
"product": "",
"vertical": "computer-arts",
"category": "",
"child_category": "",
"grandchild_category": "",
"source": "",
"provertical": "",
"jwplayer": ""
}
</script>
<!-- document assets - added by the article itself -->
<script>
window.vanilla.addJs(
{"id":"main-js","src":"https:\/\/vanilla.futurecdn.net\/creativebloq\/1593833\/media\/shared\/js\/main.DcB9tpsv.bundle.js","async":""},
null,
)
</script>
<script>
window.xkeys = {"platform":"responsive","region":"GB","listing":["computer-arts","cySUQYYNEaKPMZP3b9QEU5"]};
</script>
<script class="paywall-preact-lib" type="text/javascript">if(FUTR.Kiosq.hasBarrier){document.body.classList.add("hasBarrier")};(()=>{"use strict";var e,t={2970(e,t,a){a.d(t,{J:()=>aa,L:()=>ia});var i=a(1855),n=a(2685),r=a(4443);const o=window.FUTR.Kiosq?.kiosqEndpoint||"";var l=a(2719);const s=({children:e,text:t,show:a})=>{const i=(0,l.li)(null),r=(0,l.li)(null),[o,s]=(0,l.J0)({top:0,left:0,placement:"top",arrowLeft:"50%"}),[c,d]=(0,l.J0)(!1),u=(0,l.li)(null),m=void 0!==a?a:c;(0,l.vJ)(()=>{if(m&&r.current){const e=()=>{if(i.current&&r.current){const e=r.current,t=e.getBoundingClientRect(),a=5;let i=e.querySelector(".smart-tooltip"),n=(e.querySelector(":first-child")?.getBoundingClientRect(),t.left+t.width/2),o=i.getBoundingClientRect(),l=t.width/2-o.width/2,c=40,d="bottom";const u=window.innerWidth,m=window.innerHeight,p=o.right>u?u-o.right:0;let g=0;t.top+c+o.height>m&&(d="top",g=-(c+o.height+10)),l+=p,c+=g;const h={left:t.left+l,right:t.left+l+o.width,top:t.top+c,bottom:t.top+c+o.height};h.left<a?l+=a-h.left:h.right>u-a&&(l-=h.right-(u-a)),h.top<a?c+=a-h.top:h.bottom>m-a&&(c-=h.bottom-(m-a)),n=t.left+t.width/2-(t.left+l)-4,s({top:c,left:l,placement:d,arrowLeft:`${n}px`})}};e();const t=()=>e();return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}},[m]);const p=m?"visible":"hidden",g=void 0!==a?e:(0,n.Y)("div",{onMouseEnter:e=>{e.preventDefault(),e.stopPropagation(),u.current&&(clearTimeout(u.current),u.current=null),d(!0)},onMouseLeave:e=>{e.preventDefault(),e.stopPropagation(),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{d(!1),u.current=null},300)},style:{display:"inline-block"},children:e});return(0,n.FD)("div",{ref:r,className:"tooltip-container",children:[g,m&&(0,n.FD)("div",{ref:i,className:`smart-tooltip ${p}`,style:{top:`${o.top}px`,left:`${o.left}px`},children:["string"==typeof t?t:(0,n.Y)("div",{dangerouslySetInnerHTML:t}),(0,n.Y)("div",{className:`tooltip-arrow ${o.placement}`,style:{left:o.arrowLeft}})]})]})},c=e=>(0,n.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,n.Y)("path",{d:"M5.41 4H7a1 1 0 0 0 0-2H3a1 1 0 0 0-.38.08a1 1 0 0 0-.54.54A1 1 0 0 0 2 3v4a1 1 0 0 0 2 0V5.41l5.79 5.8a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42ZM21 16a1 1 0 0 0-1 1v1.59l-5.79-5.8a1 1 0 0 0-1.42 1.42l5.8 5.79H17a1 1 0 0 0 0 2h4a1 1 0 0 0 .38-.08a1 1 0 0 0 .54-.54A1 1 0 0 0 22 21v-4a1 1 0 0 0-1-1Z"})}),d=e=>(0,n.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,n.Y)("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 10h4V6M4 4l6 6m8 4h-4v4m0-4l6 6"})}),u=e=>(0,n.FD)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 54 54",children:[(0,n.Y)("g",{"stroke-width":"0"}),(0,n.Y)("g",{id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),(0,n.Y)("g",{id:"SVGRepo_iconCarrier",children:(0,n.FD)("g",{children:[(0,n.Y)("path",{d:"M51.22,21h-5.052c-0.812,0-1.481-0.447-1.792-1.197s-0.153-1.54,0.42-2.114l3.572-3.571 c0.525-0.525,0.814-1.224,0.814-1.966c0-0.743-0.289-1.441-0.814-1.967l-4.553-4.553c-1.05-1.05-2.881-1.052-3.933,0l-3.571,3.571 c-0.574,0.573-1.366,0.733-2.114,0.421C33.447,9.313,33,8.644,33,7.832V2.78C33,1.247,31.753,0,30.22,0H23.78 C22.247,0,21,1.247,21,2.78v5.052c0,0.812-0.447,1.481-1.197,1.792c-0.748,0.313-1.54,0.152-2.114-0.421l-3.571-3.571 c-1.052-1.052-2.883-1.05-3.933,0l-4.553,4.553c-0.525,0.525-0.814,1.224-0.814,1.967c0,0.742,0.289,1.44,0.814,1.966l3.572,3.571 c0.573,0.574,0.73,1.364,0.42,2.114S8.644,21,7.832,21H2.78C1.247,21,0,22.247,0,23.78v6.439C0,31.753,1.247,33,2.78,33h5.052 c0.812,0,1.481,0.447,1.792,1.197s0.153,1.54-0.42,2.114l-3.572,3.571c-0.525,0.525-0.814,1.224-0.814,1.966 c0,0.743,0.289,1.441,0.814,1.967l4.553,4.553c1.051,1.051,2.881,1.053,3.933,0l3.571-3.572c0.574-0.573,1.363-0.731,2.114-0.42 c0.75,0.311,1.197,0.98,1.197,1.792v5.052c0,1.533,1.247,2.78,2.78,2.78h6.439c1.533,0,2.78-1.247,2.78-2.78v-5.052 c0-0.812,0.447-1.481,1.197-1.792c0.751-0.312,1.54-0.153,2.114,0.42l3.571,3.572c1.052,1.052,2.883,1.05,3.933,0l4.553-4.553 c0.525-0.525,0.814-1.224,0.814-1.967c0-0.742-0.289-1.44-0.814-1.966l-3.572-3.571c-0.573-0.574-0.73-1.364-0.42-2.114 S45.356,33,46.168,33h5.052c1.533,0,2.78-1.247,2.78-2.78V23.78C54,22.247,52.753,21,51.22,21z M52,30.22 C52,30.65,51.65,31,51.22,31h-5.052c-1.624,0-3.019,0.932-3.64,2.432c-0.622,1.5-0.295,3.146,0.854,4.294l3.572,3.571 c0.305,0.305,0.305,0.8,0,1.104l-4.553,4.553c-0.304,0.304-0.799,0.306-1.104,0l-3.571-3.572c-1.149-1.149-2.794-1.474-4.294-0.854 c-1.5,0.621-2.432,2.016-2.432,3.64v5.052C31,51.65,30.65,52,30.22,52H23.78C23.35,52,23,51.65,23,51.22v-5.052 c0-1.624-0.932-3.019-2.432-3.64c-0.503-0.209-1.021-0.311-1.533-0.311c-1.014,0-1.997,0.4-2.761,1.164l-3.571,3.572 c-0.306,0.306-0.801,0.304-1.104,0l-4.553-4.553c-0.305-0.305-0.305-0.8,0-1.104l3.572-3.571c1.148-1.148,1.476-2.794,0.854-4.294 C10.851,31.932,9.456,31,7.832,31H2.78C2.35,31,2,30.65,2,30.22V23.78C2,23.35,2.35,23,2.78,23h5.052 c1.624,0,3.019-0.932,3.64-2.432c0.622-1.5,0.295-3.146-0.854-4.294l-3.572-3.571c-0.305-0.305-0.305-0.8,0-1.104l4.553-4.553 c0.304-0.305,0.799-0.305,1.104,0l3.571,3.571c1.147,1.147,2.792,1.476,4.294,0.854C22.068,10.851,23,9.456,23,7.832V2.78 C23,2.35,23.35,2,23.78,2h6.439C30.65,2,31,2.35,31,2.78v5.052c0,1.624,0.932,3.019,2.432,3.64 c1.502,0.622,3.146,0.294,4.294-0.854l3.571-3.571c0.306-0.305,0.801-0.305,1.104,0l4.553,4.553c0.305,0.305,0.305,0.8,0,1.104 l-3.572,3.571c-1.148,1.148-1.476,2.794-0.854,4.294c0.621,1.5,2.016,2.432,3.64,2.432h5.052C51.65,23,52,23.35,52,23.78V30.22z"}),(0,n.Y)("path",{d:"M27,18c-4.963,0-9,4.037-9,9s4.037,9,9,9s9-4.037,9-9S31.963,18,27,18z M27,34c-3.859,0-7-3.141-7-7s3.141-7,7-7 s7,3.141,7,7S30.859,34,27,34z"})]})})]}),m=e=>(0,n.FD)("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.Y)("g",{"stroke-width":"0"}),(0,n.Y)("g",{"stroke-linecap":"round","stroke-linejoin":"round"}),(0,n.FD)("g",{children:[(0,n.Y)("path",{d:"M21.3,19a2.42,2.42,0,0,1-2.5.56l-2.35,2.35a.34.34,0,0,1-.49,0l-1-1a.36.36,0,0,1,0-.49l2.36-2.35a2.39,2.39,0,0,1,3.39-2.91L19.12,16.8l1,1,1.62-1.62A2.39,2.39,0,0,1,21.3,19ZM22,8v5.76A4.47,4.47,0,0,0,19.5,13a4.57,4.57,0,0,0-1.29.19V9.29H16.66V14A4.5,4.5,0,0,0,15,17.5a4.07,4.07,0,0,0,0,.5H4a2,2,0,0,1-2-2V8A2,2,0,0,1,4,6H20A2,2,0,0,1,22,8ZM11,15,9.09,9.27H7L5.17,15h1.7l.29-1.07H9L9.29,15Zm4.77-3.89a1.67,1.67,0,0,0-.55-1.35,2.43,2.43,0,0,0-1.62-.47h-2V15h1.54V13.11h.44a2.75,2.75,0,0,0,1-.17,1.82,1.82,0,0,0,.67-.44,1.63,1.63,0,0,0,.36-.64A2.36,2.36,0,0,0,15.75,11.11Zm-7.3.62-.12-.44-.15-.58c0-.21-.08-.37-.11-.5a4.63,4.63,0,0,1-.1.48c0,.19-.08.38-.13.57s-.08.34-.12.47l-.24.93H8.69Zm5.59-1a.63.63,0,0,0-.5-.17h-.4v1.31h.31a.9.9,0,0,0,.37-.07.59.59,0,0,0,.27-.22.75.75,0,0,0,.11-.42A.57.57,0,0,0,14,10.71Z"}),(0,n.Y)("rect",{width:"24",height:"24",fill:"none"})]})]}),p=e=>(0,n.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 487.3 487.3",children:(0,n.Y)("g",{children:(0,n.Y)("g",{children:(0,n.Y)("path",{d:"M487.2,69.7c0,12.9-10.5,23.4-23.4,23.4h-322c-12.9,0-23.4-10.5-23.4-23.4s10.5-23.4,23.4-23.4h322.1\n\t\t\tC476.8,46.4,487.2,56.8,487.2,69.7z M463.9,162.3H141.8c-12.9,0-23.4,10.5-23.4,23.4s10.5,23.4,23.4,23.4h322.1\n\t\t\tc12.9,0,23.4-10.5,23.4-23.4C487.2,172.8,476.8,162.3,463.9,162.3z M463.9,278.3H141.8c-12.9,0-23.4,10.5-23.4,23.4\n\t\t\ts10.5,23.4,23.4,23.4h322.1c12.9,0,23.4-10.5,23.4-23.4C487.2,288.8,476.8,278.3,463.9,278.3z M463.9,394.3H141.8\n\t\t\tc-12.9,0-23.4,10.5-23.4,23.4s10.5,23.4,23.4,23.4h322.1c12.9,0,23.4-10.5,23.4-23.4C487.2,404.8,476.8,394.3,463.9,394.3z\n\t\t\t M38.9,30.8C17.4,30.8,0,48.2,0,69.7s17.4,39,38.9,39s38.9-17.5,38.9-39S60.4,30.8,38.9,30.8z M38.9,146.8\n\t\t\tC17.4,146.8,0,164.2,0,185.7s17.4,38.9,38.9,38.9s38.9-17.4,38.9-38.9S60.4,146.8,38.9,146.8z M38.9,262.8\n\t\t\tC17.4,262.8,0,280.2,0,301.7s17.4,38.9,38.9,38.9s38.9-17.4,38.9-38.9S60.4,262.8,38.9,262.8z M38.9,378.7\n\t\t\tC17.4,378.7,0,396.1,0,417.6s17.4,38.9,38.9,38.9s38.9-17.4,38.9-38.9C77.8,396.2,60.4,378.7,38.9,378.7z"})})})}),g=({collapsed:e,toggleMaximize:t,KiosqData:a,urlKiosqApi:i})=>(0,n.FD)("header",{children:[(0,n.Y)(s,{text:e?"Maximize":"Minimize",children:(0,n.Y)("a",{className:"btn",onClick:t,children:e?(0,n.Y)(c,{}):(0,n.Y)(d,{})})}),(0,n.FD)("h4",{children:["Kiosq Assistant",(0,n.Y)("span",{children:`(${a?.defaultSiteConfig?.site})`})]}),(0,n.FD)("div",{children:[(0,n.Y)(s,{text:"SiteConfig",children:(0,n.Y)("a",{target:"_blank",className:"btn",href:`${i}/#/sites-configs/${a?.defaultSiteConfig?.site}`,children:(0,n.Y)(u,{})})}),(0,n.Y)(s,{text:"Api SiteConfig",children:(0,n.Y)("a",{target:"_blank",className:"btn",href:`${i}/api/admin/sites-configs/${a?.defaultSiteConfig?.site}`,children:(0,n.Y)(m,{})})}),(0,n.Y)(s,{text:"Campaigns list",children:(0,n.Y)("a",{target:"_blank",className:"btn",href:`${i}/#/campaigns?displayedFilters=%7B%7D&filter=%7B%22site_config_overrided%22%3A%22${a?.defaultSiteConfig?.site}%22%7D&order=DESC&page=1&perPage=25&sort=priority`,children:(0,n.Y)(p,{})})}),(0,n.Y)(s,{text:"Kiosq Api Render to FTE",children:(0,n.Y)("a",{target:"_blank",className:"btn",href:`${i}/api/render?site=${a?.defaultSiteConfig?.site}`,children:(0,n.Y)(m,{})})})]})]}),h=function({classOverrides:e}){return(0,n.Y)("div",{id:"loader-content",class:`loader-content ${e?.loaderContent}`,children:(0,n.Y)("div",{class:`loader ${e?.loader}`,id:"loader"})})},f=e=>Array.isArray(e)?e.reduce((e,t)=>(void 0!==t?.computeValue&&(e[t?.name]=t?.computeValue),e),{}):{};function y(e){return e&&"object"==typeof e&&!Array.isArray(e)}function w(e,t){if(e.length!==t.length)return!1;for(let a=0;a<e.length;a++)if(y(e[a])&&y(t[a])){const i=_(e[a],t[a],[]);if(Object.keys(i).length>0)return!1}else if(Array.isArray(e[a])&&Array.isArray(t[a])){if(!w(e[a],t[a]))return!1}else if(e[a]!==t[a])return!1;return!0}function _(e,t,a){const i={};return new Set([...Object.keys(e),...Object.keys(t)]).forEach(n=>{const r=e[n],o=t[n];if(!a.includes(n))if(Array.isArray(r)&&Array.isArray(o))w(r,o)||(i[n]={obj1:r,obj2:o});else if(y(r)&&y(o)){const e=_(r,o,a);Object.keys(e).length>0&&(i[n]={obj1:r,obj2:o})}else r!==o&&(i[n]={obj1:r,obj2:o})}),i}const v=e=>{for(var t=e+"=",a=document.cookie.split(";"),i=0;i<a.length;i++){for(var n=a[i];" "===n.charAt(0);)n=n.substring(1,n.length);if(0===n.indexOf(t))return n.substring(t.length,n.length)}return null};function k(e){let t=null;try{t=document.querySelector(e),t??(t=document.querySelector(`.${e}`))}catch(t){console.warn("%c KIOSQ Appv2 ","background: #7F00FF;color: #ffffff;",e,t)}return t??(t=document.getElementById(e)),t}function b(e){return e/parseFloat(getComputedStyle(document.documentElement).fontSize)}const C=e=>e?.granted||!1,S=e=>void 0!==e?.User;var q=a(4920);let Y=(0,q.vP)([]),A=(0,q.vP)(new Set);const T=(0,q.vP)({appEnv:"dev",nodeEnv:"production",kiosqApiEndpoint:window.FUTR.Kiosq?.kiosqEndpoint||"",pythiaEndpoint:window.FUTR.Kiosq.defaultSiteConfig?.pythia_cache_endpoint||"",isDebugMode:new URLSearchParams(window.location.search).get("_flexi_kiosq_debug")||!1});const F=(0,q.vP)(window.FUTR.Kiosq||{}),x=(0,q.vP)(window.FUTR.Connect||{}),L=".hasBarrier .paywall-locker",B=e=>e?.active||!1,D=e=>"regwallAuthentication"===(e?.finalSiteConfig?.wall_type??e?.defaultSiteConfig?.wall_type),M=e=>D(e)&&S(e),$=e=>"regwallAuthPaywall"===(e?.finalSiteConfig?.wall_type??e?.defaultSiteConfig?.wall_type),R=e=>e?.isPremium||!1,E=e=>e?.isHubPage||!1,N=e=>!1!==e?.displayBarrier,I=e=>"classic"===O(e)&&J(e)||!1,K=e=>{if(B(e)&&!M(e)&&!C(e)&&!E(e)&&N(e)){if("classic"===O(e))return I(e);if("metered"===O(e))return!Ve(e)}return!1},U=e=>"regwall"===(e?.finalSiteConfig?.wall_type??e?.defaultSiteConfig?.wall_type),O=e=>e?.finalSiteConfig?.wall_system??e?.defaultSiteConfig?.wall_system??"classic",j=e=>e?.finalSiteConfig?.wall_type??e?.defaultSiteConfig?.wall_type??"paywall",P=e=>e?.finalSiteConfig?.traffic_exposure_rate??e?.defaultSiteConfig?.traffic_exposure_rate??null,H=e=>e?.hasRegAuthForceTag||!1,J=e=>e?.hasVanPaywallControlTag||!1,V=e=>"regwall"===j(e)||"regwallAuth"===j(e)?"regwall":"paywall"===j(e)||"regwallAuthPaywall"===j(e)&&S(e)?"paywall":"regwall",z=(e,t)=>{const a=new URLSearchParams(window.location.search),i=Object.fromEntries(a.entries());return"_flexi_kiosq"in i&&"active"===i._flexi_kiosq||null!==e&&null!==t&&e<=t},G=()=>/preview\./.test(window.location.hostname),W=()=>{let e=document.querySelector(L);e&&(e.style.setProperty("--desktop-content-limit","auto"),e.style.setProperty("--mobile-content-limit","auto"))},Z={prefix:"KIOSQ Appv2",color:"#ffffff",backgroundColor:"#7F00FF"},Q=e=>{const t={...Z,...e},a=e=>(...a)=>{if(("https://kiosq.vanilla.tools"===window.FUTR?.Kiosq?.kiosqEndpoint||/^kiosq\..*\.van-prod.futureplc.engineering$/.test(window.FUTR?.Kiosq?.kiosqEndpoint))&&!T.value.isDebugMode)return;const i=`background: ${t.backgroundColor}; color: ${t.color};`;console[e](`%c ${t.prefix} `,i,...a)};return{log:a("log"),info:a("info"),warn:a("warn"),error:a("error"),debug:a("debug")}},X=Q({prefix:"KIOSQ GA4-Tracking",backgroundColor:"#15C80A"}),ee=(e,t)=>{X.log({paywall:{action:e,label:t,type:"kiosq"}}),window.freyr.cmd.push(()=>{window.freyr.pushAndUpdate("paywallEvent",{paywall:{action:e,label:t,type:"kiosq"}})})},te=Q({prefix:"MARFEEL",backgroundColor:"#FF6B00"}),ae=["granted-paid-subscription","granted-trial-period","granted-grace-period"],ie=["not-granted-canceled","not-granted-expired","not-granted-payment-failed"];function ne(){const e=window.FUTR?.Connect?.Auth?.kiosqUserIsAuthenticated,t=window.FUTR?.Kiosq?.User?.user_grant_status;return e?t&&ae.includes(t)?"paidMember":t&&ie.includes(t)?"exPaidMember":"member":"anonymous"}function re(){const e=function(){switch(ne()){case"paidMember":return"paid";case"member":case"exPaidMember":return"logged";default:return null}}();e?(window.marfeel=window.marfeel||{cmd:[]},window.marfeel.cmd.push(["compass",function(t){t.setUserType(e)}]),te.log(`Marfeel Compass: setUserType('${e}')`,{internalUserType:ne(),compassUserType:e})):te.log("User is anonymous, skipping setUserType")}const oe=Q({prefix:"MARFEEL",backgroundColor:"#FF6B00"});function le(){return F.value?.hasBarrier??window.FUTR?.Kiosq?.hasBarrier?"closed":"open"}function se(){const e=function(){const e=F.value;return e?.finalSiteConfig?.wall_type??e?.defaultSiteConfig?.wall_type??"paywall"}();return e&&"none"!==e?"paywall"===e?"paywall":"regwall"===e||"regwallAuthentication"===e?"regwall":"regwallAuthPaywall"===e?"hybrid":"none":"none"}function ce(){return"none"===se()?"not_applicable":F.value?.hasBarrier??window.FUTR?.Kiosq?.hasBarrier?"shown":"unlocked"}function de(){return"metered"===function(){const e=F.value;return e?.finalSiteConfig?.wall_system??e?.defaultSiteConfig?.wall_system??"classic"}()?"metered":"classic"}function ue(){if(!(F.value?.hasBarrier??window.FUTR?.Kiosq?.hasBarrier))return null;const e=se(),t=de();return"regwall"===e?"dynamic-signwall":"hybrid"===e?window.FUTR?.Connect?.Auth?.kiosqUserIsAuthenticated?"dynamic-paywall":"dynamic-signwall":"paywall"===e?"metered"===t?"dynamic-paywall":"hard-paywall":null}function me(){const e=ue();if(window.marfeel=window.marfeel||{cmd:[]},!e)return window.marfeel.cmd.push(["compass",function(e){e.setPageVar("closed","")}]),void oe.log("Article is open, cleared Marfeel closed pageVar");window.marfeel.cmd.push(["compass",function(t){t.setPageVar("closed",e)}]),oe.log(`Marfeel Compass: setPageVar('closed', '${e}')`,{wallType:se(),wallSystem:de(),hasBarrier:F.value?.hasBarrier})}const pe=Q({prefix:"MARFEEL",backgroundColor:"#FF6B00"});function ge(e,t){const a={event:`marfeel_${e}`,marfeel:he(t)};window.dataLayer=window.dataLayer||[],window.dataLayer.push(a),pe.log(e,a)}function he(e){return{userType:ne(),contentVisibility:le(),wallType:se(),wallState:ce(),wallSystem:de(),isGranted:F.value?.granted??window.FUTR?.Kiosq?.granted??!1,freeArticlesRemaining:F.value?.nbFreeArticleRemaining??window.FUTR?.Kiosq?.nbFreeArticleRemaining??0,timestamp:(new Date).toISOString(),...e}}const fe=Q({prefix:"MARFEEL",backgroundColor:"#FF6B00"});function ye(){return{template:function(){const e=A.value;let t=null;for(const a of e)if(a.isActive){t=a;break}if(!t)return"unknown";if(t.guid){const e=Y.value;for(const a of e)if(a.data?.guid===t.guid&&a.data?.headline)return a.data.headline}return t.headline}(),campaign:function(){const e=F.value?.Campaign;return e?.campaignMatch?.name||null}(),position:"barrier"}}function we(e){const{template:t,campaign:a,position:i}=ye(),n={...e,user_type:e.user_type||ne(),template:t,position:i};return a&&(n.campaign=a),n}function _e(e,t,a="chargebee",i,n){const r=we({payment_provider:a,plan_id:e});i&&(r.transaction_id=i),n&&(r.currency=n),Se("subscribe",r,t),ge("subscription_conversion",{planId:e,value:t,provider:a,transactionId:i,currency:n,template:r.template,campaign:r.campaign,position:r.position}),fe.log("Subscription conversion tracked",{planId:e,value:t,provider:a,currency:n,template:r.template,campaign:r.campaign})}function ve(e="paywall"){const t=we({source:e});Se("signup",t),ge("signup_conversion",{source:e,template:t.template,campaign:t.campaign,position:t.position}),fe.log("Signup conversion tracked",{source:e,template:t.template,campaign:t.campaign})}function ke(e="default",t="unknown"){const{template:a,campaign:i}=ye(),n=we({source:e});n.position=t,Se("newsletter",n),ge("newsletter_conversion",{newsletterName:e,template:a,campaign:i,position:t}),fe.log("Newsletter conversion tracked",{newsletterName:e,template:a,campaign:i,position:t})}function be(e,t,a,i="chargebee"){const n=we({payment_provider:i,plan_id:e});a&&(n.currency=a),Se("begin_checkout",n,t),ge("begin_checkout_conversion",{planId:e,value:t,currency:a,provider:i,template:n.template,campaign:n.campaign,position:n.position}),fe.log("Begin checkout conversion tracked",{planId:e,value:t,currency:a,template:n.template,campaign:n.campaign})}function Ce(e,t,a,i="chargebee"){const n=we({payment_provider:i,plan_id:e});a&&(n.currency=a),Se("checkout_abandoned",n,t),ge("checkout_abandoned_conversion",{planId:e,value:t,currency:a,provider:i,template:n.template,campaign:n.campaign,position:n.position}),fe.log("Checkout abandoned conversion tracked",{planId:e,value:t,currency:a,template:n.template,campaign:n.campaign})}function Se(e,t,a){window.marfeel=window.marfeel||{cmd:[]};const i={};t&&(i.meta=t),void 0!==a&&(i.value=a),window.marfeel.cmd.push(["compass",function(t){Object.keys(i).length>0?t.trackConversion(e,i):t.trackConversion(e)}]),fe.log(`Marfeel Compass: trackConversion('${e}')`,i)}function qe(){const e=F.value,t=e?.finalSiteConfig?.wall_type??e?.defaultSiteConfig?.wall_type,a=e?.finalSiteConfig?.wall_system??e?.defaultSiteConfig?.wall_system;return{userType:ne(),contentVisibility:le(),wallType:se(),wallState:ce(),closedValue:ue(),rawData:{isAuthenticated:window.FUTR?.Connect?.Auth?.kiosqUserIsAuthenticated,userGrantStatus:window.FUTR?.Kiosq?.User?.user_grant_status,wallType:t,wallSystem:a,hasBarrier:e?.hasBarrier??window.FUTR?.Kiosq?.hasBarrier,granted:e?.granted??window.FUTR?.Kiosq?.granted,campaignApplied:e?.finalSiteConfig!==e?.defaultSiteConfig}}}function Ye(){const e=qe(),t=window.dataLayer?window.dataLayer.filter(e=>"string"==typeof e.event&&e.event.startsWith("marfeel_")):[];console.group("%c&#127919; Marfeel Tracking Debug","color: #FF6B00; font-weight: bold;"),console.log("%cUser Type:","font-weight: bold;",e.userType),console.log("%cContent Visibility:","font-weight: bold;",e.contentVisibility),console.log("%cWall Type:","font-weight: bold;",e.wallType),console.log("%cWall State:","font-weight: bold;",e.wallState),console.log("%cClosed Value (setPageVar):","font-weight: bold;",e.closedValue||"N/A (article open)"),console.group("Raw Data"),console.table(e.rawData),console.groupEnd(),t.length>0?(console.group(`DataLayer Events (${t.length})`),t.forEach((e,t)=>{console.log(`${t+1}. ${e.event}`,e.marfeel)}),console.groupEnd()):console.log("%cNo Marfeel events in dataLayer yet","color: gray; font-style: italic;"),console.groupEnd()}const Ae=Q({prefix:"MARFEEL",backgroundColor:"#FF6B00"});function Te(){ge("page_view")}function Fe(e,t){ge("cta_click",{ctaType:e,ctaPosition:t}),function(e,t){const a=we({source:e});a.position=t,Se(`cta_${e}`,a),fe.log("CTA conversion tracked",{ctaType:e,ctaPosition:t,template:a.template,campaign:a.campaign})}(e,t)}function xe(e,t){ge("free_article_view",{freeArticlesRemaining:e,totalFreeArticles:t})}let Le=!1,Be=!1,De=!1;function Me(){De||Le&&Be&&(De=!0,me(),Te(),Ae.log("Deferred page view fired (barrier resolved + user data loaded)"))}const $e={on(e,t){document.addEventListener(e,e=>t(e.detail))},dispatch(e,t){document.dispatchEvent(new CustomEvent(e,{detail:t}))},remove(e,t){document.removeEventListener(e,t)}},Re=()=>{$e.remove("AuthEvent",()=>{}),$e.remove("kiosqRegwall",()=>{}),$e.remove("UserContextComputed",()=>{}),$e.remove("PythiaMatchOneResult",()=>{})};var Ee=a(5086);const Ne=Q(),Ie=e=>{Ne.log("doGrant");let t=document.querySelectorAll(".paywall-locker");Array.prototype.forEach.call(t,function(e){e.classList.remove("paywall-locker")});let a=document.querySelectorAll(".kiosq-main-layer");a&&a.length>0&&a.forEach(e=>{e.classList.contains("kiosq-header-menu-layer")||e.classList.contains("kiosq-button-layer")||e.remove()}),(e=>{if(C(e)||D(e)){const t=e?.finalSiteConfig?.hubpage_link||null;document.getElementById("kiosq-dropdown-checkbox")?.remove();let a=document.querySelector(".kiosq-dropdown");a&&t&&(a.onclick=function(){window.location.href=t})}})(e),e.hasBarrier=!1,F.value.hasBarrier=!1,window.FUTR.Kiosq.hasBarrier=!1,e.servicesCallback?.forEach(function(e){e()});ge("barrier_unlock",{unlockMethod:C(e)?"subscription":D(e)?"regwall_auth":"free_article"})},Ke=e=>{Ne.log("doNotGrant",`${V(e)}`),Ue(),e.hasBarrier=!0,F.value.hasBarrier=!0,window.FUTR.Kiosq.hasBarrier=!0,ge("barrier_impression",{barrierType:se()})},Ue=()=>{(Array.isArray(ia)?ia:[ia]).map(k).filter(e=>null!==e).concat(...document.querySelectorAll(".gallery")).forEach(e=>e.classList.add("paywall-locker")),document.querySelector("body")?.classList.add("hasBarrier")},Oe=e=>{window.FUTR.Kiosq.shouldShowBarrier=function(){return G()||!!this.active&&!!this.hasBarrier},window.FUTR.Kiosq.getBarrierState=function(){return{isActive:window.FUTR.Kiosq.active||!1,hasBarrier:window.FUTR.Kiosq.hasBarrier||!1,shouldShow:window.FUTR.Kiosq.shouldShowBarrier(),trafficExposure:e?.finalSiteConfig?.traffic_exposure||!1,trafficExposureRate:e?.finalSiteConfig?.traffic_exposure_rate||null,wallSystem:O(e),wallType:j(e),isAuthenticated:S(e),isGranted:C(e),nbFreeArticleRemaining:e?.nbFreeArticleRemaining||0,limitOfFreeArticles:e?.finalSiteConfig?.limitOfFreeArticle||0}},window.FUTR.Kiosq.isInTrafficExposure=function(){return!e?.finalSiteConfig?.traffic_exposure||window.FUTR.Kiosq.active||!1},window.FUTR.Kiosq.debugBarrierState=function(){const e=window.FUTR.Kiosq.getBarrierState();return console.group("&#127919; Kiosq Barrier State Debug (AppPaywall)"),console.table(e),e.shouldShow?(console.log("&#9989; Barrier should be shown"),console.log(` Wall System: ${e.wallSystem}`),console.log(` Free Articles Remaining: ${e.nbFreeArticleRemaining}/${e.limitOfFreeArticles}`)):e.isActive?e.hasBarrier||(console.log("&#10060; Barrier not shown: Barrier conditions not met"),console.log(` Wall System: ${e.wallSystem}`),console.log(` Wall Type: ${e.wallType}`),console.log(` Is Authenticated: ${e.isAuthenticated}`),console.log(` Is Granted: ${e.isGranted}`),console.log(` Free Articles Remaining: ${e.nbFreeArticleRemaining}`)):(console.log("&#10060; Barrier not shown: User not in traffic exposure"),console.log(" Traffic Exposure: "+(e.trafficExposure?"enabled":"disabled")),e.trafficExposure&&console.log(` Traffic Rate: ${e.trafficExposureRate}%`)),console.groupEnd(),e}},je=Q(),Pe=e=>e?.finalSiteConfig?.limitOfFreeArticle||0,He=e=>e?.finalSiteConfig?.limitOfFreeArticleAfterLogin||0,Je=e=>e?.finalSiteConfig?.triggerMessageFrom||0,Ve=e=>{if(G())return!1;const t=new URLSearchParams(window.location.search).get("utm_medium"),a=localStorage.getItem("kiosq_article_url_ack");if("email"===t&&"regwall"===V(e))return!0;if(null!==a&&Pe(e)>0){const e=JSON.parse(window.atob(a)),t=window.location.pathname;if(e.includes(t))return!0}return!1},ze=e=>{const t=localStorage.getItem("kiosq_article_url_ack");if(null!==t){const a=JSON.parse(window.atob(t));let i=Pe(e)-a.length;return i>=0?i:0}return Pe(e)},Ge=()=>{const e=localStorage.getItem("kiosq_article_url_ack");return null!==e?JSON.parse(window.atob(e)).length:0},We=e=>{((()=>{const e=localStorage.getItem("kiosq_article_reset");if(null!==e){let t=new Date(e);return(new Date).getTime()>t.getTime()}return!1})()||null===localStorage.getItem("kiosq_article_reset"))&&(localStorage.removeItem("kiosq_article_url_ack"),localStorage.removeItem("kiosq_article_reset"));let t=[];const a=window.location.pathname;if(null===localStorage.getItem("kiosq_article_reset")){let e=new Date;e.setDate(e.getDate()+30),localStorage.setItem("kiosq_article_reset",e.toString())}const i=localStorage.getItem("kiosq_article_url_ack");null!==i&&(t=JSON.parse(window.atob(i))),!t.includes(a)&&t.length<Pe(e)&&!R(e)&&!H(e)&&(t.push(a),localStorage.setItem("kiosq_article_url_ack",window.btoa(JSON.stringify(t)))),(R(e)||H(e))&&t.includes(a)&&(t.splice(t.indexOf(a)),localStorage.setItem("kiosq_article_url_ack",window.btoa(JSON.stringify(t))))},Ze=e=>{let t=!1;G()?(je.log("is Preview so show barrier"),t=!0,Ke(e)):S(e)?D(e)?(je.log("Authenticated regwallAuth metered paywall"),N(e)&&Ie(e)):(je.log("Authenticated under metered paywall"),C(e)?N(e)&&Ie(e):N(e)&&Ve(e)?(Ie(e),xe(ze(e),Pe(e))):(t=!0,N(e)&&Ke(e))):N(e)&&Ve(e)?(je.log("seeingFreeArticles"),Ie(e),xe(ze(e),Pe(e))):(t=!0,N(e)&&Ke(e)),t&&N(e)&&ee(`show ${V(e)}`,"barrier"),(e=>{let t=ze(e);if(e.nbFreeArticleRemaining=t,F.value.nbFreeArticleRemaining=t,Je(e)>=0){let a=Ge();const i=document.getElementById("kiosq-metered-message");null!==i&&a>=Je(e)&&!C(e)&&(i.innerHTML="You have "+t+" free article(s) remaining")}})(e)},Qe=(e,t=!0)=>({main_layer_enabled:{label:"Main Layer with Custom Template enabled "+(t?`(${e})`:""),style:{}},main_layer:{label:"Main Layer render "+(t?`(${e})`:""),style:{}},main_layer_premium_enabled:{label:"Main Layer Premium with Custom Template enabled "+(t?`(${e})`:""),style:{}},regwall_layer_enabled:{label:"Regwall Layer with Custom Template enabled "+(t?`(${e})`:""),style:{}},sticky_layer_enabled:{label:"Sticky Layer with Custom Template enabled "+(t?`(${e})`:""),style:{}},traffic_exposure_rate:{label:"Traffic exposure rate "+(t?`(${e})`:""),style:{color:"green"}},traffic_exposure:{label:"Traffic exposure enabled "+(t?`(${e})`:""),style:{color:"green"}},sticky_regwall_layer_enabled:{label:"Sticky Regwall Layer with Custom Template enabled "+(t?`(${e})`:""),style:{}},sticky_layer:{label:"Sticky Layer render "+(t?`(${e})`:""),style:{}},textBeforeButton:{label:"Text before sign button "+(t?`(${e})`:""),style:{}},button_text:{label:"Text sign buton "+(t?`(${e})`:""),style:{}},textAfterButton:{label:"Text after sign button "+(t?`(${e})`:""),style:{}},limitOfFreeArticle:{label:"Limit of free article "+(t?`(${e})`:""),style:{color:"blue"}},limitOfFreeArticleAfterLogin:{label:"Limit of free article after login "+(t?`(${e})`:""),style:{color:"blue"}},freeArticleConsumed:{label:"Your free articles consumed "+(t?`(${e})`:""),style:{color:"blue"}},ABseed:{label:"Your ABseed "+(t?`(${e})`:""),style:{}},main_background_color:{label:"Background color layer "+(t?`(${e})`:""),style:{}},main_button_background_color:{label:"Background color button "+(t?`(${e})`:""),style:{}},wall_system:{label:"Wall System "+(t?`(${e})`:""),style:{color:"blue"}},wall_type:{label:"Wall Type "+(t?`(${e})`:""),style:{color:"purple"}},campaign_enable:{label:"Campaign Enabled "+(t?`(${e})`:""),style:{}}}[e]||{label:e}),Xe=({GlobalContext:e,filters:t,title:a})=>(0,n.FD)("table",{className:"table-item",children:[(0,n.Y)("thead",{children:(0,n.Y)("tr",{children:(0,n.Y)("th",{colSpan:2,children:`Scope ${a}`})})}),(0,n.Y)("tbody",{children:e&&Object.keys(e).filter(e=>t.includes(e)).map(t=>{return(0,n.FD)("tr",{children:[(0,n.Y)("td",{children:Qe(t,!1).label}),(0,n.Y)("td",{children:e&&(a=e[t],JSON.stringify(a).replace(/\"/gi,""))})]});var a})})]}),et=({KiosqData:e,fetchedMatchCampaigns:t})=>{const a={freeArticleConsumed:Ge(),ABSeed:v("ABseed")},i=(e?.finalSiteConfig||e?.defaultSiteConfig)??{},r={...i,...a};return(0,n.FD)("section",{className:"campaign-matched",children:[(0,n.FD)("header",{children:["Current Barrier Context ",(0,n.Y)("small",{children:"(Campaign | SiteConfig)"})]}),t?.matchOne?.isLoading?(0,n.Y)(h,{classOverrides:{loaderContent:"loader-content-debug overlay",loader:"color-loader loader-debug"}}):(t?.matchOne?.data||r)&&(0,n.FD)("div",{className:"result-campaign-debug",children:[(0,n.Y)(Xe,{title:"Barrier",GlobalContext:r,filters:["wall_type","wall_system","campaign_enable"]}),(0,n.Y)(Xe,{title:"Exposure",GlobalContext:r,filters:["traffic_exposure",...!0===i?.traffic_exposure?["traffic_exposure_rate","ABSeed"]:[]]}),(0,n.Y)(Xe,{title:"Articles",GlobalContext:r,filters:["limitOfFreeArticle","limitOfFreeArticleAfterLogin","freeArticleConsumed"]})]})]})},tt=e=>{const{ct:t,showSourceLabel:a,rowSpan:i}=e;return(0,n.FD)("tr",{children:[a&&(0,n.Y)("th",{rowSpan:i,children:t.source}),(0,n.Y)("td",{children:(0,n.Y)(s,{text:t.name?` (${t.name})`:"",children:(0,n.Y)("span",{dangerouslySetInnerHTML:{__html:t.headline+(t.isActive?" &#11088;":"")}})})}),(0,n.Y)("td",{children:(0,n.Y)(s,{text:"Open Template",children:(0,n.Y)("a",{target:"_blank",href:`${o}/#/custom-templates/${t?.guid}`,children:`${t?.guid.replace("kiosq-custom-templates_","")}`})})})]})},at=()=>{const e=(0,q.HO)(()=>[...A.value]),t=[];return e.value.forEach(e=>{const a="final"===e.source?"final":e.source??"default",i=t[t.length-1];i&&i.sourceKey===a?i.items.push(e):t.push({sourceKey:a,items:[e]})}),(0,n.FD)("section",{className:"custom-template",children:[(0,n.Y)("header",{dangerouslySetInnerHTML:{__html:"Custom Templates (used : &#11088;)"}}),(0,n.Y)("table",{className:"table-item templates",children:(0,n.Y)("tbody",{children:t.flatMap(e=>{const t=e.items.length;return e.items.map((e,a)=>(0,n.Y)(tt,{ct:e,showSourceLabel:0===a,rowSpan:t},e?.guid))})})})]})},it=({handleClose:e,icon:t,...a})=>(0,n.Y)("button",{className:"button-header-debug-wrapper-close",onClick:e,children:t}),nt=e=>(0,n.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",children:(0,n.FD)("g",{style:"stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;",transform:"translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)",children:[(0,n.Y)("path",{d:"M 13.4 88.492 L 1.508 76.6 c -2.011 -2.011 -2.011 -5.271 0 -7.282 L 69.318 1.508 c 2.011 -2.011 5.271 -2.011 7.282 0 L 88.492 13.4 c 2.011 2.011 2.011 5.271 0 7.282 L 20.682 88.492 C 18.671 90.503 15.411 90.503 13.4 88.492 z",style:"stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(236,0,0); fill-rule: nonzero; opacity: 1;",transform:" matrix(1 0 0 1 0 0) ","stroke-linecap":"round"}),(0,n.Y)("path",{d:"M 69.318 88.492 L 1.508 20.682 c -2.011 -2.011 -2.011 -5.271 0 -7.282 L 13.4 1.508 c 2.011 -2.011 5.271 -2.011 7.282 0 l 67.809 67.809 c 2.011 2.011 2.011 5.271 0 7.282 L 76.6 88.492 C 74.589 90.503 71.329 90.503 69.318 88.492 z",style:"stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(236,0,0); fill-rule: nonzero; opacity: 1;",transform:" matrix(1 0 0 1 0 0) ","stroke-linecap":"round"})]})}),rt=({title:e="",children:t,handleCloseModalPortal:a})=>(0,n.FD)("div",{id:"kiosq-modal-container",children:[(0,n.FD)("div",{className:"modal-header",children:[(0,n.Y)("span",{className:"modal-title",children:e}),(0,n.Y)(it,{handleClose:a,icon:(0,n.Y)(nt,{})})]}),(0,n.Y)("div",{className:"modal-content",children:t})]}),ot=({KiosqData:e})=>(0,n.FD)(i.FK,{children:[(0,n.FD)("span",{style:{color:"purple"},children:[`Current Wall Type: ${e?.finalSiteConfig?.wall_type}`," |"," "]}),(0,n.Y)("span",{style:{color:"blue"},children:`Current Wall System: ${e?.finalSiteConfig?.wall_system} (\n ${"metered"===e?.finalSiteConfig?.wall_system?`Your free article consume: ${Ge()} / ${(e?.finalSiteConfig?.limitOfFreeArticle||0)+(e?.finalSiteConfig?.limitOfFreeArticleAfterLogin||0)} (remaining: ${ze(e)})`:""}\n )`}),(0,n.Y)("br",{}),(0,n.Y)("br",{}),(0,n.FD)("span",{style:{color:"green"},children:[`Current Traffic exposure: ${!!e?.finalSiteConfig?.traffic_exposure&&e?.finalSiteConfig?.traffic_exposure_rate}`," ","|"," "]}),(0,n.FD)("span",{style:{color:"green"},children:[`Your ABseed cookie: ${v("ABseed")}`,(0,n.Y)("br",{})]})]}),lt=({KiosqData:e,campaign:t})=>{const{defaultSiteConfig:a,finalSiteConfig:i}=e,l=_(a,i||{},["id","guid","main_layer","main_layer_premium","regwall_layer","sticky_layer","sticky_regwall_layer"]),s=e=>(0,n.Y)("img",{src:e}),c=(0,r.hb)(e=>0===e.search(/^<[^>]+>.*<\/[^>]+>$/g)?(0,n.Y)("div",{style:{overflow:"hidden"},dangerouslySetInnerHTML:{__html:e}}):e,[]),d=e=>{console.log(d,e);let t=new URL(e);return(0,n.FD)("table",{children:[(0,n.Y)("thead",{children:(0,n.Y)("tr",{children:(0,n.Y)("td",{colSpan:2,children:(0,n.Y)("a",{href:e,target:"_blank",children:t.hostname+t.pathname})})})}),(0,n.Y)("tbody",{children:[...t.searchParams].map(e=>(0,n.FD)("tr",{children:[(0,n.Y)("td",{children:e[0]}),(0,n.Y)("td",{children:e[1]})]}))})]})},u=(e,t)=>{if(null===e)return"null";switch(t){case"main_layer_custom_template":case"main_layer_premium_custom_template":return(0,n.Y)("a",{target:"_blank",href:`${o}/#/custom-templates/${e}`,children:e});case"color_primary":case"main_premium_button_background_color":return(e=>(0,n.FD)(n.FK,{children:[(0,n.Y)("input",{type:"color",value:e}),(0,n.FD)("span",{children:["(",e,")"]})]}))(e);case"src":case"preview":return s(e);case"domain":case"bluebird_buy_sub":return d(e);case"extra_css":case"signinButtonSpecificCss":return(e=>(0,n.Y)("textarea",{value:e.replace(/(?:([\{\};])([^\n]))/g,"$1\n $2")}))(e);case"last_modified":return new Date(parseInt(e.$date.$numberLong)).toString();case"enable":case"inlineCss":case"recirculation_block":case"regwall_dismiss_reset_counter":case"current_website_subscription_offer":case"is_injection_enabled":return(0,n.Y)("span",{dangerouslySetInnerHTML:{__html:!0===e?"&#9989;":"&#10060;"}})}switch(typeof e){case"string":return t&&t.includes("logo")?s(e):c(e);case"object":return Array.isArray(e)?(i=e,(0,n.Y)("ul",{children:i.length?i.map((e,t)=>(0,n.Y)("li",{children:u(e)},t)):""})):(a=e,(0,n.Y)("table",{children:(0,n.Y)("tbody",{children:Object.keys(a).map(e=>(0,n.FD)("tr",{children:[(0,n.Y)("td",{children:(0,n.Y)("em",{children:e})}),(0,n.Y)("td",{children:u(a[e],e)})]},e))})}));default:return JSON.stringify(e)}var a,i};return(0,n.FD)("table",{className:"table-config-compare",children:[(0,n.FD)("thead",{children:[(0,n.Y)("tr",{children:(0,n.Y)("th",{colspan:3,children:(0,n.Y)(ot,{KiosqData:e})})}),(0,n.FD)("tr",{children:[(0,n.Y)("th",{children:"Properties"}),(0,n.Y)("th",{children:(0,n.Y)("a",{target:"_blank",href:`${o}/#/sites-configs/${e?.defaultSiteConfig?.site}`,children:`Default (${e?.defaultSiteConfig?.site})`})}),(0,n.Y)("th",{children:(0,n.Y)("a",{target:"_blank",href:`${o}/#/campaigns/${t.name}`,children:`Campaign (${t.description} / Priority : ${t.priority})`})})]})]}),(0,n.Y)("tbody",{children:Object.keys(l).map((e,t)=>(0,n.FD)("tr",{children:[(0,n.Y)("th",{style:{...Qe(e).style},children:(0,n.Y)("strong",{children:Qe(e).label})}),(0,n.Y)("td",{style:{...Qe(e).style},children:u(l[e].obj1,e)}),(0,n.Y)("td",{style:{...Qe(e).style},children:u(l[e].obj2,e)})]},`table-compare-${t}`))})]})},st=({KiosqData:e,campaign:t})=>{const[a,i]=(0,r.J0)(!1),o=()=>{const e=document.getElementById("kiosq-modal-container"),t=document.getElementById("kiosq-modal-portal");t?.removeChild(e),i(!1)};return(0,r.vJ)(()=>{const i=document.getElementById("kiosq-modal-portal");a&&(0,l.Qv)((0,n.Y)(rt,{title:"SiteConfigs Differences",handleCloseModalPortal:o,children:(0,n.Y)(lt,{KiosqData:e,campaign:t})}),i)},[a,o,e,t]),(0,n.FD)("tr",{children:[(0,n.Y)("td",{children:(0,n.Y)(s,{text:"Compare",children:(0,n.Y)("a",{className:"btn",onClick:()=>{i(!0)},children:t?.description||"N/A"})})}),(0,n.Y)("td",{children:t?.priority||"N/A"})]})},ct=({KiosqData:e,fetchedMatchCampaigns:t})=>(0,n.FD)(n.FK,{children:[(0,n.FD)("section",{className:"campaign-matched",children:[(0,n.FD)("header",{children:["Campaign Matched",(0,n.Y)("small",{children:"(description,priority)"})]}),t?.matchOne?.isLoading?(0,n.Y)(h,{classOverrides:{loaderContent:"loader-content-debug overlay",loader:"color-loader loader-debug"}}):t?.matchOne?.error?(0,n.Y)("div",{className:"result-campaign",children:t?.matchOne?.error}):t?.matchOne?.data&&(0,n.Y)("table",{className:"table-item empty",children:(0,n.Y)("tbody",{children:!0===t?.matchOne?.data?.matched?(0,n.Y)(st,{KiosqData:e,campaign:t?.matchOne?.data?.rule}):(0,n.Y)("tr",{children:(0,n.Y)("td",{colSpan:2,children:"No Campaign matched"})})})})]}),(0,n.FD)("section",{className:"campaigns",children:[(0,n.Y)("header",{children:"All Campaigns Matching"}),(0,n.Y)("div",{className:"result-campaign",children:t?.matchAll?.isLoading?(0,n.Y)(h,{classOverrides:{loaderContent:"loader-content-debug overlay",loader:"color-loader loader-debug"}}):t?.matchAll?.error?t?.matchAll?.error:t?.matchAll?.data&&(0,n.Y)("table",{className:"table-item empty",children:(0,n.Y)("tbody",{children:0===t?.matchAll?.data?.rules?.length?(0,n.Y)("tr",{children:(0,n.Y)("td",{colSpan:2,children:"No Campaign matched"})}):t?.matchAll?.data?.rules?.map(t=>(0,n.Y)(st,{KiosqData:e,campaign:t}))})})})]})]}),dt=e=>{const{KiosqData:t}=e,[a,l]=(0,r.J0)(!0);return(0,n.Y)(i.FK,{children:(0,n.FD)("div",{id:"kiosqAssistant",className:a?"collapsed":"",children:[(0,n.Y)(g,{collapsed:a,toggleMaximize:()=>l(!a),KiosqData:t,urlKiosqApi:o}),(0,n.FD)("div",{className:"content",children:[(0,n.Y)(et,{...e}),(0,n.Y)(at,{}),(0,n.Y)(ct,{...e})]})]})})},ut=e=>(0,n.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",children:(0,n.Y)("path",{d:"M136 92h92a4 4 0 0 0 4-4V56a8 8 0 0 0-8-8h-84a4 4 0 0 0-4 4Zm48 60h44a4 4 0 0 0 4-4v-36a4 4 0 0 0-4-4h-44Zm-96-44h80v44H88zm-16 0H28a4 4 0 0 0-4 4v36a4 4 0 0 0 4 4h44Zm64 60v36a4 4 0 0 0 4 4h84a8 8 0 0 0 8-8v-28a4 4 0 0 0-4-4Zm-16-76V52a4 4 0 0 0-4-4H32a8 8 0 0 0-8 8v32a4 4 0 0 0 4 4Zm0 76H28a4 4 0 0 0-4 4v28a8 8 0 0 0 8 8h84a4 4 0 0 0 4-4Z"})}),mt=e=>{const{visible:t}=e;return t?(0,n.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,n.Y)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"})}):(0,n.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,n.Y)("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"})})},pt=Q(),gt=(e,t,a)=>a=>{const i=document.querySelector(`#${aa}`),n=document.querySelector(L);if(!i||!n)return void console.warn("Paywall container or locked element not found:",`#${aa}`,i,L,n);const r=i.querySelector("div:first-child");if(!r)return void console.warn("Paywall element not found inside container");const o=r.classList.contains("hidden");o&&void 0!==t?(ht(t,null),r.classList.remove("hidden"),n.style.setProperty("height","var(--desktop-content-limit)")):(W(),r.classList.add("hidden"),n.style.setProperty("height","auto")),e&&e(!o)},ht=(e,t)=>{const a=document.querySelector(L);a&&(null!==e&&a.style.setProperty("--desktop-content-limit",`${e}rem`),null!==t&&a.style.setProperty("--mobile-content-limit",`${t}rem`),a.style.setProperty("height","var(--desktop-content-limit)"))},ft=e=>{const{desktopLimit:t,mobileLimit:a,setDesktopLimit:i,setMobileLimit:r}=e,o=e=>{const a=e?Number(e.target.value):t;console.log("Desktop limit sent to Proof.vanilla.tools:",a),window.opener.postMessage({update:a},"https://proof.vanilla.tools")};return(0,n.Y)("div",{className:"paywall-height-input",children:(0,n.Y)("ul",{className:"",children:(0,n.FD)("li",{children:[(0,n.FD)("span",{children:["Vertical position ",(0,n.Y)(s,{text:{__html:"Based on text size, should be <br />roughly the same on desktop and mobile"},children:(0,n.Y)("a",{className:"btn",children:"?"})}),":"]}),(0,n.Y)("input",{type:"range",min:0,max:200,id:"desktop-limit",name:"desktop-limit",value:t,onInput:e=>{const t=Number(e.target.value);i(t),ht(t,t)},onChange:e=>{const t=Number(e.target.value);i(t),ht(t,t)},onMouseUp:o,onKeyUp:e=>{const t=e.target,a=Number(t.value);let n=a;if("ArrowUp"===e.key||"ArrowRight"===e.key)n=Math.min(100,a+1);else{if("ArrowDown"!==e.key&&"ArrowLeft"!==e.key)return;n=Math.max(0,a-1)}e.preventDefault(),i(n),ht(n,null),o(e)}}),(0,n.Y)(s,{text:"This value will be set in proof.vanilla.tools",children:(0,n.Y)("div",{className:"indicator",children:t})})]})})})},yt=e=>{const{KiosqData:t}=e,[a,i]=(0,l.J0)(!1);let r=window?.ffte?.properties?.misc?.Kiosq?.viewportThreshold,o=window?.ffte?.properties?.misc?.Kiosq?.viewportThreshold;r||(r=b(t.finalSiteConfig?.limitOfContent||0)),o||(o=b(t.finalSiteConfig?.limitOfContentMobile||0));const[c,d]=(0,l.J0)(r),[m,p]=(0,l.J0)(o),[g,h]=(0,l.J0)(!1);return(0,l.vJ)(()=>{const e=document.querySelector(`#${aa}`),t=e?.querySelector("div:first-child"),a=ia.filter(e=>k(e))?.map(e=>k(e))[0];W(),t&&(t.classList.add("hidden"),pt.debug(`Preview: hiding paywall #${aa} div`,t,a)),a&&a?.style?.setProperty("height","auto"),h(!1)},[]),(0,n.Y)(l.FK,{children:(0,n.FD)("div",{style:{position:"fixed",top:"10px",right:"10px",zIndex:"10010"},children:[(0,n.Y)("div",{className:"flex",children:(0,n.Y)(s,{text:"Show Paywall Settings",children:(0,n.Y)("a",{className:"btn alone",onClick:()=>i(!a),children:(0,n.Y)(ut,{})})})}),a&&(0,n.Y)("div",{className:"paywall-settings-overlay",children:(0,n.FD)("div",{className:"paywall-settings-modal",children:[(0,n.FD)("header",{className:"paywall-settings-header",children:[(0,n.Y)("h3",{children:"Paywall Settings"}),(0,n.Y)("div",{className:"paywall-settings-actions",children:(0,n.Y)(s,{text:g?"Show":"Hide",children:(0,n.Y)("a",{className:"btn",onClick:gt(h,c),children:(0,n.Y)(mt,{visible:g})})})})]}),(0,n.Y)("div",{className:"paywall-settings-content",children:(0,n.Y)(ft,{desktopLimit:c,mobileLimit:m,setDesktopLimit:d,setMobileLimit:p})}),(0,n.Y)("p",{children:"Note: this is for preview only : you need to report the value for this Article in:"}),(0,n.FD)("p",{children:[(0,n.Y)(u,{}),(0,n.Y)("code",{children:" Settings -> Paywall Viewport threshold"})]})]})})]})})},wt=({KiosqData:e})=>(0,n.Y)(l.FK,{children:(0,n.Y)(yt,{KiosqData:e})}),_t=e=>{document.querySelectorAll(".kiosq-event-login,.kiosq-event-signup").forEach(t=>{t.addEventListener("click",t=>{((e,t)=>{var a=null;if(a=e.target.classList.contains(".kiosq-event-login")||e.target.classList.contains("kiosq-event-signup")?e.target:e.target.closest(".kiosq-event-login")??e.target.closest(".kiosq-event-signup")??null){var i={};a.getAttribute("data-paywall-param")&&(i={paywall:!0});var n=a.getAttribute("data-tracking")??"barrier",r="true"===a.getAttribute("data-noRedirect")||"true"===a.getAttribute("data-noredirect");a.classList.forEach(e=>{if(e.includes("kiosq-event-")){let a="kiosq-event-login"===e?"login":"signup",o="login"===a?`login from ${n}`:`join from ${n}`;if(ee(`interact with ${V(t)}`,o),!r)return window.FUTR.Connect.Auth[a](i)}})}})(t,e)})})},vt=e=>{document.querySelectorAll('a[href="#paywall-signup"]').forEach(function(t){t.href="",t.onclick=function(){return ee(`interact with ${V(e)}`,"Join"),window.FUTR.Connect.Auth.signup()}}),document.querySelectorAll('a[href="#paywall-signin"]').forEach(function(t){t.onclick=function(){return ee(`interact with ${V(e)}`,"Login"),window.FUTR.Connect.Auth.login()}})},kt=e=>{document.querySelectorAll(".kiosq-event-join-now").forEach(t=>{t.addEventListener("click",async t=>{t.preventDefault(),ee(`interact with ${V(e)}`,"join from button");let a=document.querySelector("#subscription-module-join-now");const i=window.FUTR?.Kiosq?.Gates,n=e?.finalSiteConfig?.chargebee_join_now_gate_id??e?.defaultSiteConfig?.chargebee_join_now_gate_id??!1,r="chargebee"===(e?.finalSiteConfig?.main_provider??e?.defaultSiteConfig?.main_provider);if(console.log("conditions gates ",r),i?.show&&n&&r)i.isVisible(n)||await i.show(n,{container:"body",position:"append"}),a=document.querySelector("#subscription-module-join-now"),a&&a.classList.add("active");else{if(!window.FUTR.Kiosq?.defaultSiteConfig?.bluebird_buy_sub)return;setTimeout(()=>{window.location.href=window.FUTR.Kiosq.defaultSiteConfig.bluebird_buy_sub},150)}})})},bt=e=>{let t=document.querySelectorAll(".kiosq-event-cta");0!==t.length&&t.forEach(t=>{t.addEventListener("click",t=>{((e,t)=>{let a=document.querySelector("html"),i=a?.getAttribute("data-locale"),n=t?.finalSiteConfig,r={GB:n?.bluebird_buy_sub??null,US:n?.cds_buy_sub??null},o=n?.cds_provider&&i?i:"GB";ee(`interact with ${V(t)}`,"subscription page"),Fe("subscribe","barrier");const l=r[o];l&&(window.location.href=l)})(0,e)})});const a="regwall"===V(e)&&(e?.finalSiteConfig?.regwall_can_dismiss??window.FUTR?.Kiosq?.defaultSiteConfig?.regwall_can_dismiss??!1),i=e?.finalSiteConfig?.regwall_dismiss_reset_counter??window.FUTR?.Kiosq?.defaultSiteConfig?.regwall_dismiss_reset_counter??!1;document.querySelectorAll(".dismiss-barrier").forEach(e=>{a?e.addEventListener("click",function(){window._dismissRegwallListenerAdded||(ee("Interact with regwall","Dismiss"),Fe("dismiss","regwall"),i&&(localStorage.removeItem("kiosq_article_reset"),localStorage.removeItem("kiosq_article_url_ack")),window.dispatchEvent(new CustomEvent("evt_a13x")),window._dismissRegwallListenerAdded=!0)}):e.style.display="none"})},Ct=({templateData:e})=>(0,n.FD)("div",{class:"kiosq-main-layer disable-scrollbars from-generic","data-testid":"kiosq-main-layer",children:[(0,n.Y)("div",{class:"kiosq-gradient"}),(0,n.FD)("div",{class:"kiosq-main-layer-container",children:[(0,n.Y)("button",{className:"dismiss-barrier","aria-label":"Close",children:(0,n.Y)("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,n.Y)("path",{d:"M6 6 L18 18 M18 6 L6 18",stroke:"currentColor","stroke-width":"2.2","stroke-linecap":"round"})})}),(0,n.Y)("div",{class:"kiosq-logo rowLeft",children:(0,n.Y)("img",{src:`${e?.logo}`})}),(0,n.Y)("div",{class:"kiosq-description","data-testid":"kiosq-description",children:(0,n.Y)("div",{className:"container-kiosq-markup-textbeforebutton",dangerouslySetInnerHTML:{__html:e?.textBeforeButton||""}})}),(0,n.FD)("div",{class:"kiosq-login-button rowLeft","data-testid":"kiosq-login-button",children:[(0,n.Y)("button",{class:"kiosq-event-signup","data-tracking":"barrier","data-paywall-param":!0,"data-mrf-conversion":"cta_subscribe",children:(0,n.Y)("div",{className:"container-kiosq-markup-signup-button",dangerouslySetInnerHTML:{__html:e?.buttonText||""}})}),(0,n.FD)("a",{class:"kiosq-login-link kiosq-event-login","data-tracking":"barrier","data-paywall-param":!0,"data-mrf-conversion":"cta_login",children:["Already have an account? ",(0,n.Y)("strong",{children:"Sign in here"})]})]}),(0,n.Y)("div",{class:"kiosq-conditions","data-testid":"kiosq-conditions",children:(0,n.Y)("div",{className:"container-kiosq-markup-textafterbutton",dangerouslySetInnerHTML:{__html:e?.textAfterButton||""}})})]})]}),St=({templateData:e})=>(0,n.FD)("div",{id:"main_layer_regwall",class:"kiosq-main-layer disable-scrollbars",children:[(0,n.Y)("div",{class:"kiosq-gradient"}),(0,n.FD)("div",{class:"kiosq-main-layer-container",style:"background-color:#ededed",children:[(0,n.Y)("div",{class:"kiosq-logo rowLeft",children:(0,n.Y)("img",{src:`${e?.logo}`})}),(0,n.Y)("div",{class:"kiosq-description","data-testid":"kiosq-description",children:(0,n.Y)("div",{className:"container-kiosq-markup-textbeforebutton",dangerouslySetInnerHTML:{__html:e?.textBeforeButton||""}})}),(0,n.Y)("template",{"data-slice-id":"slice-newsletterForm-kiosq","data-slice-class":"NewsletterFormSlice"}),(0,n.Y)("div",{class:"kiosq-conditions","data-testid":"kiosq-conditions",children:(0,n.Y)("div",{className:"container-kiosq-markup-textafterbutton",dangerouslySetInnerHTML:{__html:e?.textAfterButton||""}})})]})]}),qt=Q();var Yt;!function(e){e.Main="Main",e.Premium="Premium",e.Regwall="Regwall"}(Yt||(Yt={}));const At=e=>{const t=/<script\b([^>]*)>([\s\S]*?)<\/script>/gi,a=[],i=[];let n;for(;n=t.exec(e);){const e=n[1],t=n[2],r=e.match(/src=["']([^"']+)["']/);r?i.push(r[1]):a.push(t.trim())}return{cleanHtml:e.replace(t,""),scripts:a,externalScripts:i}},Tt=(e,t,a,i="kiosq-custom-js")=>{a.forEach(t=>{const a=document.createElement("script");a.className=i,a.src=t,a.async=!0,e.appendChild(a)}),t.forEach(t=>{const a=document.createElement("script");a.className=i,a.type="text/javascript",a.appendChild(document.createTextNode(t)),e.appendChild(a)})},Ft=({kiosqData:e,fetchedMatchCampaigns:t,isShowingBarrier:a})=>{const o=(e=>{const{defaultSiteConfig:t,finalSiteConfig:a}=e,i=a||t;let n={LayerComponent:Ct,...i?.main_layer_enabled&&{customTemplateId:i?.main_layer_custom_template},...i?.main_layer_enabled&&{customTemplateComputed:i?.layerCustomMarkup?.main_layer},logo:i?.logo,textBeforeButton:i?.textBeforeButton,textAfterButton:i?.textAfterButton,buttonText:i?.button_text,type:Yt.Main};return R(e)?(n.logo=i?.logo_premium,!0===i?.main_layer_premium_enabled&&(n.customTemplateId=i?.main_layer_custom_template,n.customTemplateComputed=i?.layerCustomMarkup?.main_layer_premium),Object.assign(n,{textBeforeButton:i?.textBeforeButtonPremium,textAfterButton:i?.textAfterButtonPremium,buttonText:i?.button_text_premium,type:Yt.Premium})):$(e)&&!S(e)?(!0===i?.regwall_layer_enabled&&(n.customTemplateId=i?.regwall_layer_custom_template,n.customTemplateComputed=i?.layerCustomMarkup?.regwall_layer),Object.assign(n,{logo:i?.logo_regwall,textBeforeButton:i?.textBeforeButtonRegwall,textAfterButton:i?.textAfterButtonRegwall,buttonText:i?.button_text_regwall,type:Yt.Regwall})):U(e)&&Object.assign(n,{LayerComponent:St,customTemplateId:i?.regwall_layer_custom_template,customTemplateComputed:i?.layerCustomMarkup?.regwall_layer,type:Yt.Regwall}),(0,r.vJ)(()=>{const e=new Set,i=n.customTemplateId;[{cfg:t,source:"default"},{cfg:a,source:"final"}].forEach(({cfg:t,source:n})=>{if(!t)return;const r=!a&&"default"===n||!!a&&"final"===n;t.main_layer_enabled&&t.main_layer_custom_template&&e.add({headline:Yt.Main,name:"main_layer_custom_template",guid:t.main_layer_custom_template,source:n,isActive:r&&i===t.main_layer_custom_template});const o=!!t.main_layer_premium_custom_template,l=t.main_layer_premium_custom_template||t.main_layer_custom_template;t.main_layer_premium_enabled&&l&&e.add({headline:Yt.Premium,name:o?"main_layer_premium_custom_template":"fallback to main_layer_custom_template",guid:l,source:n,isActive:r&&i===l}),t.regwall_layer_enabled&&t.regwall_layer_custom_template&&e.add({headline:Yt.Regwall,name:"regwall_layer_custom_template",guid:t.regwall_layer_custom_template,source:n,isActive:r&&i===t.regwall_layer_custom_template})}),A.value=e,qt.info("Updated customTemplatesInfos from useMainLayerResolver",e)},[t,a,n.customTemplateId]),n})(e),{cleanHtml:l,scripts:s,externalScripts:c}=At(o.customTemplateComputed??"");return(0,r.vJ)(()=>{if(a){const e=document.querySelector("#kiosq-app-paywall-js");if(!e)return;Tt(e,s,c)}},[a]),(0,r.vJ)(()=>{var t;return _t(e),bt(e),vt(e),t=e,$e.on("kiosqRegwall",()=>{Ie(t)}),kt(e),()=>{Re()}},[]),(0,r.vJ)(()=>{_t(e),bt(e),vt(e)},[o.customTemplateComputed,a]),(0,r.vJ)(()=>{G()?W():(e=>{let t=document.querySelector(L);if(t){let a=window?.ffte?.properties?.misc?.Kiosq?.viewportThreshold,i=window?.ffte?.properties?.misc?.Kiosq?.viewportThreshold;const n=e.finalSiteConfig?.limitOfContent??e.defaultSiteConfig?.limitOfContent??0,r=e.finalSiteConfig?.limitOfContentMobile??e.defaultSiteConfig?.limitOfContentMobile??0;a||(a=b(n)),i||(i=b(r)),a&&t.style.setProperty("--desktop-content-limit",`${a}rem`),i&&t.style.setProperty("--mobile-content-limit",`${i}rem`)}})(e)},[e,a]),(0,n.Y)("div",{className:"wrapper-template wrapper-main-template"+(a?" is-visible":" is-not-visible"),"data-testid":"main-layer-wrapper-main",children:a&&(0,n.FD)(i.FK,{children:[o?.customTemplateComputed&&"string"==typeof o.customTemplateComputed?(0,n.Y)("div",{className:"main-custom-template",dangerouslySetInnerHTML:{__html:l}}):(0,n.Y)(o.LayerComponent,{templateData:o}),(0,n.Y)(h,{classOverrides:{loaderContent:"override-loader-position overlay "+(t?.matchOne.isLoading?"show-kiosq-loader":"hide-kiosq-loader"),loader:"color-loader"}})]})})},xt=({templateData:e})=>(0,n.FD)(i.FK,{children:[(0,n.Y)("div",{class:"kiosq-sticky-flag"}),(0,n.FD)("div",{class:"kiosq-main-layer disable-scrollbars kiosq-sticky-layer from-generic","data-testid":"kiosq-main-layer",children:[(0,n.Y)("div",{class:"kiosq-gradient"}),(0,n.FD)("div",{class:"kiosq-main-layer-container",style:"background-color:#ededed",children:[(0,n.Y)("div",{class:"kiosq-sticky-logo rowRight",children:(0,n.Y)("img",{src:`${e?.logo}`})}),(0,n.Y)("div",{class:"kiosq-description",children:(0,n.Y)("div",{className:"container-kiosq-markup-sticky-textbeforebutton",dangerouslySetInnerHTML:{__html:e?.textStickyBeforeButton||""}})}),(0,n.FD)("div",{class:"kiosq-login-button",children:[(0,n.Y)("button",{class:"kiosq-event-signup","data-tracking":"sticky","data-paywall-param":!0,"data-mrf-conversion":"cta_subscribe",children:(0,n.Y)("div",{className:"container-kiosq-markup-sticky-signup-button",dangerouslySetInnerHTML:{__html:e?.stickyButtonText||""}})}),(0,n.FD)("a",{class:"kiosq-login-link kiosq-event-login","data-tracking":"sticky","data-paywall-param":!0,"data-mrf-conversion":"cta_login",children:["Already have an account? ",(0,n.Y)("strong",{children:"Sign in here"})]})]})]})]})]}),Lt=({templateData:e})=>(0,n.FD)(i.FK,{children:[(0,n.Y)("div",{class:"kiosq-sticky-flag"}),(0,n.FD)("div",{class:"kiosq-main-layer disable-scrollbars kiosq-sticky-layer","data-testid":"kiosq-main-layer",children:[(0,n.Y)("div",{class:"kiosq-gradient"}),(0,n.FD)("div",{class:"kiosq-main-layer-container",style:"background-color:#ededed",children:[(0,n.Y)("div",{class:"kiosq-sticky-logo rowRight",children:(0,n.Y)("img",{src:`${e?.logo}`})}),(0,n.Y)("div",{class:"kiosq-description",children:(0,n.Y)("div",{className:"container-kiosq-markup-sticky-textbeforebutton",dangerouslySetInnerHTML:{__html:e?.textStickyBeforeButton||""}})}),(0,n.Y)("a",{href:"#main_layer_regwall",children:(0,n.Y)("div",{class:"kiosq-login-button",children:(0,n.Y)("button",{class:"kiosq-event-signup","data-tracking":"sticky","data-mrf-conversion":"cta_signup",style:"background-color:{{sticky_button_background_data}}",children:"SIGN UP"})})})]})]})]});var Bt;!function(e){e.Main="Sticky",e.Regwall="Sticky Regwall"}(Bt||(Bt={}));var Dt=a(8716);const Mt=({onStickyFlagFooter:e})=>{const[t,a]=(0,r.J0)(!1),[i,o]=(0,Dt.q)();return t!==o&&(e(o),a(o)),(0,n.Y)("div",{ref:i,id:"kiosq-sticky-flag-footer-ref"})},$t=({kiosqData:e,fetchedMatchCampaigns:t,isShowingBarrier:a})=>{const o=(e=>{const{defaultSiteConfig:t,finalSiteConfig:a}=e,i=a||t;let n={StickyLayerComponent:xt,...i?.sticky_layer_enabled&&{stickyCustomTemplateId:i?.sticky_layer_custom_template},...i?.sticky_layer_enabled&&{stickyCustomTemplateComputed:i?.layerCustomMarkup?.sticky_layer},logo:i?.logo,textStickyBeforeButton:i?.textStickyBeforeButton,stickyButtonText:i?.sticky_button_text,type:"sticky_layer"};return $(e)&&!S(e)?(i?.sticky_regwall_layer_enabled&&(n.stickyCustomTemplateId=i?.sticky_regwall_layer_custom_template,n.stickyCustomTemplateComputed=i?.layerCustomMarkup?.sticky_regwall_layer),n.logo=i?.logo_small_regwall_auth,n.textStickyBeforeButton=i?.textStickyRegwallAuthBeforeButton,n.stickyButtonText=i?.sticky_regwall_auth_button_text):U(e)&&(n.StickyLayerComponent=Lt),(0,r.vJ)(()=>{const e=new Set,i=n.stickyCustomTemplateId;[{cfg:t,source:"default"},{cfg:a,source:"final"}].forEach(({cfg:t,source:n})=>{if(!t)return;const r=!a&&"default"===n||!!a&&"final"===n;t.sticky_layer_enabled&&t.sticky_layer_custom_template&&e.add({headline:Bt.Main,name:"sticky_layer_custom_template",guid:t.sticky_layer_custom_template,source:n,isActive:r&&i===t.sticky_layer_custom_template}),t.sticky_regwall_layer_enabled&&t.sticky_regwall_layer_custom_template&&e.add({headline:Bt.Regwall,name:"sticky_regwall_layer_custom_template",guid:t.sticky_regwall_layer_custom_template,source:n,isActive:r&&i===t.sticky_regwall_layer_custom_template})}),A.value=e},[t,a,n.stickyCustomTemplateId]),n})(e),{cleanHtml:l,scripts:s,externalScripts:c}=At(o.stickyCustomTemplateComputed??"");return(0,r.vJ)(()=>(_t(e),bt(e),vt(e),kt(e),()=>{Re()}),[]),(0,r.vJ)(()=>{_t(e),bt(e),vt(e)},[o.stickyCustomTemplateComputed,a]),(0,r.vJ)(()=>{if(a&&o.stickyCustomTemplateComputed){const e=document.querySelector("#kiosq-app-paywall-js");if(!e)return;Tt(e,s,c)}},[a,o.stickyCustomTemplateComputed]),N(e)&&ee(`show ${V(e)}`,"sticky"),(0,n.Y)(i.FK,{children:(0,n.FD)("div",{className:"wrapper-template sticky-layer-generic","data-testid":"sticky-layer-wrapper",children:[o?.stickyCustomTemplateComputed&&"string"==typeof o.stickyCustomTemplateComputed?(0,n.Y)("div",{className:"sticky-layer-custom-template","data-testid":"sticky-layer-wrapper",dangerouslySetInnerHTML:{__html:l}}):(0,n.Y)(o.StickyLayerComponent,{templateData:o}),(0,n.Y)(h,{classOverrides:{loaderContent:"override-loader-position overlay "+(t?.matchOne.isLoading?"show-kiosq-loader":"hide-kiosq-loader"),loader:"color-loader"}})]})})},Rt=e=>({validDate:(new Date).toISOString().split("T")[0],...e}),Et="REQUEST_STARTED",Nt="REQUEST_SUCCESSFUL",It="REQUEST_FAILED",Kt=(e,t)=>{switch(t.type){case Et:return{...e,isLoading:!0};case Nt:return{...e,isLoading:!1,error:null,data:t.data};case It:return{...e,isLoading:!1,error:t.error};default:return e}},Ut=({error:e})=>({type:It,data:null,error:e}),Ot={"Content-Type":"application/json"},jt=({url:e,data:t,headersOptions:a=Ot,timeout:i=5e3})=>{const[n,o]=(0,r.WO)(Kt,{isLoading:!0,data:null,error:null});return(0,r.vJ)(()=>{const n=new AbortController,r=setTimeout(()=>{n.abort()},i);return(async()=>{o({type:Et,data:null,error:null});try{const i=await fetch(e,{signal:n.signal,method:"POST",headers:a,body:JSON.stringify(t)}),r=await i.json();if(200!==i.status)throw new Error(`${r?.message} (${i?.status}${i?.statusText?`:${i?.statusText}`:""})`);o((({responseData:e})=>({type:Nt,data:e,error:null}))({responseData:r}))}catch(e){n.signal.aborted?o(Ut({error:"Request timed out"})):o(Ut({error:e.message}))}})(),()=>{clearTimeout(r),n.abort()}},[e]),n},Pt=Q({prefix:"KIOSQ App Campaign ",backgroundColor:"#c18ff2",color:"#ffffff"}),Ht={"Content-Type":"application/json","Accept-Encoding":"gzip"},Jt=Q({prefix:"KIOSQ App Campaign",backgroundColor:"#c18ff2"}),Vt=({eventName:e,kiosqInfo:t})=>{$e.dispatch(e,t||{})},zt={"==":(e,t)=>e===t,"!=":(e,t)=>e!==t,">":(e,t)=>Number(e)>Number(t),"<":(e,t)=>Number(e)<Number(t),">=":(e,t)=>Number(e)>=Number(t),"<=":(e,t)=>Number(e)<=Number(t),contains:(e,t)=>("string"==typeof e||!!Array.isArray(e))&&e.includes(t),notContains:(e,t)=>"string"==typeof e?!e.includes(t):!Array.isArray(e)||!e.includes(t),in:(e,t)=>!!Array.isArray(e)&&e.includes(t),notIn:(e,t)=>!Array.isArray(e)||!t.includes(t),existOne:(e,t)=>Array.isArray(e)&&e.some(e=>e===t),notExistOne:(e,t)=>!Array.isArray(e)||!e.some(e=>e===t),existOneBy:(e,t)=>Array.isArray(e)&&e.some(e=>e===t),notexistOneBy:(e,t)=>!Array.isArray(e)||!e.some(e=>e===t)},Gt=(e,t)=>{if(!window.FUTR?.Kiosq?.Campaign?.Context)return!1;const a=window.FUTR.Kiosq.Campaign.Context.find(t=>t&&t.name===e.link_js_vars_variable_name);if(!a)return!1;t&&Array.isArray(a.computeValue)&&a.computeValue.push(t);const i=e.link_js_vars_operator,n=zt[i];return!!n&&n(a.computeValue,e.link_js_vars_value)},Wt=()=>({processHookParent:({hooks:e})=>{e.forEach(({target:e="",parents:t=[],position:a,component:n})=>{let r=document.getElementById(e);r||(r=document.createElement("div"),r.id=e),t.every(e=>{let t=k(e);return!t||("prepend"===a?t.prepend(r):t.parentNode?.insertBefore(r,t.nextSibling))}),(0,i.XX)(n,r)})},placeEltToTarget:({hooks:e=[]})=>{e?.forEach(({target:e,parents:t=[],component:a,position:n},r)=>{const o=document.createElement("div");(0,i.XX)(a,o);const l=o.firstChild;l&&!l.id&&(l.id=`${e}-${r}`),t.forEach(t=>{let a=k(t);if(!a)throw console.warn("%c KIOSQ App Campaign ","background: #c18ff2;color: #ffffff;",` No Parent target found for hook ${e}, check id or class ${t} existing in the DOM}`);switch(n){case"before":a.parentNode?.insertBefore(l,a);break;case"after":a.parentNode?.insertBefore(l,a.nextSibling);break;case"prepend":a.prepend(l);break;case"append":a.append(l);break;default:a.parentNode?.replaceChild(l,a)}})})}}),Zt=e=>{const{processRewriteLinks:t}=(o=e,{processRewriteLinks:()=>{if(o.finalSiteConfig?.inject?.links_rewriter&&o.finalSiteConfig.inject.links_rewriter.length>0){const e=new URLSearchParams(window.location.search);let t=sessionStorage.getItem("rule_channel");e.has("channel")&&(t="channel="+e.get("channel"));const a=window.location.origin;document.querySelectorAll("a").forEach(e=>{const i=e.href,n=o.finalSiteConfig?.inject?.links_rewriter?.filter(e=>i.includes(e.link_replace_source));if(n&&n.length>0)for(const r of n){if(t&&sessionStorage.setItem("rule_channel",t),r.link_use_js_vars){if(t&&r.link_js_vars_value!==t)continue;if(!Gt(r,t))continue}if(r.link_persist_query){const t=new URL(i,a),n=new URL(r.link_replace_destination,a),o=new URLSearchParams;for(const[e,a]of t.searchParams.entries())n.searchParams.has(e)||o.set(e,a);for(const[e,t]of n.searchParams.entries())o.set(e,t);n.search=o.toString(),e.href=n.toString()}else e.href=r.link_replace_destination;r.link_replace_label&&(e.innerHTML=r.link_replace_label),e.setAttribute("link-before-rewritten-by-kiosq",`${i}`),e.setAttribute("link-rewritten-by-kiosq-with",o?.Campaign.id?`${o.kiosqEndpoint}/#/campaigns/${o?.Campaign.id}`:`${o.kiosqEndpoint}/#/sites-configs/${o?.defaultSiteConfig.site}`)}})}}}),{processInjectCustomJS:a,processInjectCustomCSS:n}=(e=>{const{placeEltToTarget:t}=Wt(),a=e?.finalSiteConfig?.inject??{},n=a.injection_js_selector?a.injection_js_selector:null,r=a.custom_js?`(function (D,W) {\n const custom_js = () => {\n${a.custom_js}\n};\n D.readyState === "complete" ? custom_js() : W.addEventListener("load", custom_js);\n})(document,window);`:"";return{processInjectCustomJS:()=>{t({hooks:[{target:"kiosq-campaign-custom-js",parents:n?[n]:["head"],position:"append",component:(0,i.h)("script",{type:"text/javascript",id:"kiosq-campaign-custom-js",dangerouslySetInnerHTML:{__html:r}})}]})},processInjectCustomCSS:()=>{t({hooks:[{target:"kiosq-campaign-custom-css",parents:n?[n]:["head"],position:"append",component:(0,i.h)("style",{type:"text/css",id:"kiosq-campaign-custom-css",dangerouslySetInnerHTML:{__html:a.custom_css??""}})}]})}}})(e),{processingCustomTemplateInjection:r}=(e=>({processingCustomTemplateInjection:()=>{const{placeEltToTarget:t}=Wt();e.finalSiteConfig?.inject?.elements_custom_template&&e.finalSiteConfig.inject.elements_custom_template.length>0&&e.finalSiteConfig.inject.elements_custom_template.forEach(a=>{t({hooks:[{target:"kiosq-injected-element",parents:[a?.css_selector],position:a?.position,component:(0,i.h)("div",{className:"kiosq-injected-element","original-element-replaced":a?.css_selector,"element-injected-by-kiosq-with":`${e.kiosqEndpoint}/#/campaigns/${e?.Campaign?.id}`,dangerouslySetInnerHTML:{__html:a.injected_custom_template_computed},ref:e=>{e&&e.querySelectorAll("script").forEach(e=>{const t=document.createElement("script");Array.from(e.attributes).forEach(e=>{t.setAttribute(e.name,e.value)}),e.src?t.src=e.src:t.textContent=e.textContent,e.parentNode?.replaceChild(t,e)})}})}]})})}}))(e);var o;e.finalSiteConfig?.is_injection_enabled&&(t(),r(),a(),n())},Qt={matchOne:{isLoading:!1,data:null,error:null},matchAll:{isLoading:!1,data:null,error:null}},Xt=e=>{window.FUTR.Kiosq.Campaign={...window.FUTR.Kiosq.Campaign,id:e?.data?.rule?.name||window.FUTR.Kiosq.Campaign?.id||"",campaignMatch:e?.data?.rule||window.FUTR.Kiosq.Campaign?.campaignMatch||{},campaignsMatch:e?.data?.rules||window.FUTR.Kiosq.Campaign?.campaignsMatch||[]},F.value.Campaign={...F.value.Campaign,id:e?.data?.rule?.name||F.value.Campaign?.id||"",campaignMatch:e?.data?.rule||F.value.Campaign?.campaignMatch||{},campaignsMatch:e?.data?.rules||F.value.Campaign?.campaignsMatch||[]}},ea=({templateData:e})=>(0,n.FD)(n.FK,{children:[(0,n.Y)("div",{class:"kiosq-dropdown kiosq-dropdown-menu-header",children:(0,n.FD)("label",{for:"kiosq-dropdown-checkbox",children:[(0,n.Y)("img",{src:"https://cdn.mos.cms.futurecdn.net/flexiimages/m7awu8serc1613169967.svg",alt:"HubPage",className:"kiosq-dropdown-checkbox-img"}),(0,n.Y)("svg",{preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1000 1000",children:(0,n.Y)("path",{d:"M1000 100L500 900 0 100h1000z"})})]})}),(0,n.Y)("input",{id:"kiosq-dropdown-checkbox",type:"checkbox"}),(0,n.Y)("div",{class:"kiosq-main-layer kiosq-header-menu-layer kiosq-header-menu-layer-default",children:(0,n.FD)("div",{class:"kiosq-main-layer-container",children:[(0,n.Y)("div",{class:"kiosq-title",children:(0,n.Y)("a",{href:e?.hubpage_link,children:(0,n.Y)("div",{dangerouslySetInnerHTML:{__html:e?.hubpage_title||""}})})}),(0,n.Y)("div",{class:"kiosq-subtitle",dangerouslySetInnerHTML:{__html:e?.hubpage_subtitle||""}}),(0,n.Y)("div",{class:"kiosq-description",dangerouslySetInnerHTML:{__html:e?.hubpage_description||""}}),(0,n.FD)("div",{class:"kiosq-login-button",children:[(0,n.Y)("button",{class:"kiosq-event-signup","data-tracking":"header-dropdown-menu","data-paywall-param":"true","data-mrf-conversion":"cta_subscribe",children:"JOIN NOW"}),(0,n.FD)("a",{class:"kiosq-login-link kiosq-event-login","data-tracking":"header-dropdown-menu","data-paywall-param":"true","data-mrf-conversion":"cta_login",children:["Already have an account? ",(0,n.Y)("strong",{children:"Sign in here"})]})]})]})})]}),{processHookParent:ta}=Wt(),aa="kiosq-app-paywall-js",ia=["kiosq-everywhere","article-body","flexi-kiosq-targeted-area"];Q().debug("KiosqSelectors",{KiosqSelector:aa,KiosqHeaderSelector:"kiosq-app-headermenu",KiosqSelectorList:ia}),ta({hooks:[{target:aa,parents:ia,component:(0,i.h)(()=>{const e=Q(),[t,a]=(0,r.J0)(F.value),[o,l]=(0,r.J0)(K(t)),[s,c]=(0,r.J0)(null),d=F.value?.finalSiteConfig?.template_sticky||!1,u=new URLSearchParams(window.location.search),m=!!T.value.isDebugMode||"1"===u.get("_flexi_kiosq_debug");let{fetcherMatchCampaigns:p,siteConfig:g}=((e,t)=>{const a=Q({prefix:"KIOSQ App Campaign",backgroundColor:"#c18ff2"}),[i,n]=(0,r.J0)(Qt),[o,l]=(0,r.J0)(e?.defaultSiteConfig);if((0,r.vJ)(()=>{(({eventName:e,kiosqInfo:t})=>{$e.on(e,()=>{Jt.log(e,t)})})({eventName:"KiosqEnvironment",kiosqInfo:T.value}),(({eventName:e,kiosqInfo:t})=>{$e.on(e,()=>{Jt.log(e,t)})})({eventName:"UserContextComputed",kiosqInfo:e?.Campaign?.Context||[]}),Vt({eventName:"KiosqEnvironment"}),Vt({eventName:"UserContextComputed"})},[]),(0,r.vJ)(()=>{o?.is_injection_enabled&&!i?.matchOne?.isLoading&&i?.matchOne?.data&&Zt({...e,finalSiteConfig:o})},[o?.is_injection_enabled,i]),e?.defaultSiteConfig?.campaign_enable){const o=(e=>{const t={url:`${e.defaultSiteConfig?.pythia_cache_endpoint||""}/match_one`,data:{profileId:e.defaultSiteConfig.guid,data:Rt(f(e?.Campaign?.Context)),returnWith:{profileMeta:!0},application:"kiosq"},headersOptions:Ht},a=jt(t);return(0,r.vJ)(()=>{a.isLoading||Pt.log("Pythia match one:","\n request:",t,"\n response:",a.data,"\n error:",a.error)},[a.isLoading]),a})(e);let s={...i,matchOne:o};if(t){const t=(e=>{const t={url:`${e.defaultSiteConfig?.pythia_cache_endpoint||""}/match_all`,data:{profileId:e.defaultSiteConfig.guid,data:Rt(f(e?.Campaign?.Context)),returnWith:{profileMeta:!0},application:"kiosq"},headersOptions:Ht},a=jt(t);return(0,r.vJ)(()=>{a.isLoading||Pt.log("Pythia match all result:","\n request:",t,"\n response:",a.data,"\n error:",a.error)},[a.isLoading]),a})(e);s={...s,matchAll:t},Xt(t),(0,r.vJ)(()=>{n(s)},[t.isLoading])}(0,r.vJ)(()=>{if(n(s),!o?.isLoading&&o?.data?.matched){a.info("Campaign matched:",o?.data?.rule?.name);const t=o?.data?.result?JSON.parse(o.data.result):"";l(t);const i=o?.data?.rule?.name||"";N(e)&&ee("show campaign",i),Xt(o)}},[o?.isLoading])}return{fetcherMatchCampaigns:i,siteConfig:o}})(F.value,m);const h={...F.value,finalSiteConfig:g};null!==s||(p.matchOne.isLoading||null===p.matchOne.data&&null===p.matchOne.error)&&g.campaign_enable||(F.value=h,c(!1)),!1===s&&((e=>{if((e=>{if(e.active=!0,F.value.active=!0,null!==localStorage.getItem("kiosqRegwall"))e.active=!1,F.value.active=!1;else if((e=>e?.finalSiteConfig?.traffic_exposure??e?.defaultSiteConfig?.traffic_exposure??!1)(e)){let o=v("ABseed");o||(n=1,r=100,n=Math.ceil(n),r=Math.floor(r),t=Math.floor(Math.random()*(r-n+1)+n),a="",(i=new Date).setTime(i.getTime()+31536e6),a="; expires="+i.toUTCString(),document.cookie="ABseed="+(t||"")+a+"; path=/",o=v("ABseed")),e.active=z(Number(o),P(e)),F.value.active=z(Number(o),P(e))}var t,a,i,n,r;e.active||(e.hasBarrier=!1,F.value.hasBarrier=!1,window.FUTR.Kiosq.hasBarrier=!1),G()&&(e.hasBarrier=!0,F.value.hasBarrier=!0,window.FUTR.Kiosq.hasBarrier=!0)})(e),B(e)){if("metered"===O(e)){const t=e.finalSiteConfig!==e.defaultSiteConfig,a=e.defaultSiteConfig?.wall_system??"classic";if(t&&"classic"===a&&!E(e)){const t=["van-no-metered-paywall","van-no-paywall"],a=window?.ffte?.properties?.articleControlTag;(Array.isArray(a)?a:[a].filter(Boolean)).some(e=>t.includes(e))||(e.displayBarrier=!0,F.value.displayBarrier=!0)}}"metered"===O(e)&&N(e)&&(Ne.log("setArticleseenUrls"),We(e)),x.value.regwallAuth=D(e),x.value.paywall=!0,(async e=>{if(S(e)&&!D(e)&&void 0!==e?.finalSiteConfig?.site){const t=await((e,t,a)=>{const i=x.value.Auth.getCookieByName("kiosq_user")??null;if(!i)return new Promise(e=>{e({error:"No cookie value provided !"})});const n=t+"/api/check-user-cookie/"+i,r={data:{site:e,productIds:a}};return(0,Ee.A)(n,r)})(e?.finalSiteConfig.site,e.kiosqEndpoint,e.productIds);e.granted=t?.granted||C(e),F.value.granted=t?.granted||C(e)}if(S(e)&&"regwallAuthPaywall"===j(e)){const t=Pe(e)+He(e)||0;e.finalSiteConfig&&(e.finalSiteConfig.limitOfFreeArticle=t),F.value.finalSiteConfig&&(F.value.finalSiteConfig.limitOfFreeArticle=t),N(e)&&We(e)}Ne.log("wallSystem",`${O(e)}`),"email"===new URLSearchParams(window.location.search).get("utm_medium")&&"regwall"===V(e)?N(e)&&Ie(e):"metered"===O(e)?Ze(e):(e=>{const t=J(e),a=N(e)&&t;G()?(Ne.log("is Preview so show barrier"),Ke(e)):S(e)&&(C(e)||D(e))?N(e)&&Ie(e):a?(ee(`show ${V(e)}`,"barrier"),Ke(e)):N(e)&&!t&&Ie(e)})(e)})(e).then(()=>{document.dispatchEvent(new CustomEvent("KiosqBarrierResolved"))})}else!G()&&(()=>{const e=document.getElementById("article-body")||document.querySelector(".article__body");e&&e.classList.contains("paywall-locker")&&document.querySelectorAll(".paywall-locker").forEach(e=>e.classList.remove("paywall-locker"))})(),document.dispatchEvent(new CustomEvent("KiosqBarrierResolved"));Oe(e)})(h),a(F.value),l(K(F.value)),e.log("FUTR.KiosqData","\n",F.value,"\n",`isShowBarrier:${K(F.value)}; conditions:`,`(isActive&&!isRegWallAuthConnected&&!isGranted&&!isHubPageActive):${B(F.value)&&!M(F.value)&&!C(F.value)&&!E(F.value)},`,"classic"===O(F.value)?`-> isUnderClassicPaywall:${I(F.value)}`:"metered"===O(F.value)?`-> !isSeeingFreeArticle:${!Ve(F.value)}`:""),window.FUTR=window.FUTR||{},window.FUTR.Marfeel={debug:Ye,getState:qe,trackSubscription:_e,trackSignup:ve,trackNewsletter:ke,trackBeginCheckout:be,trackCheckoutAbandoned:Ce},document.addEventListener("KiosqUserDataIsLoadingEnd",()=>{te.log("KiosqUserDataIsLoadingEnd event received, setting user type"),re()}),!1===window.FUTR?.Connect?.Auth?.kiosqUserIsLoading&&(te.log("User data already loaded, setting user type immediately"),re()),te.log("User Journey tracking initialized, listening for KiosqUserDataIsLoadingEnd"),document.addEventListener("KiosqBarrierResolved",()=>{Le=!0,Ae.log("Barrier resolved, checking if page view can fire..."),Me()}),document.addEventListener("KiosqUserDataIsLoadingEnd",()=>{Be=!0,Ae.log("User data loaded, checking if page view can fire..."),Me()}),!1===window.FUTR?.Connect?.Auth?.kiosqUserIsLoading&&(Be=!0,Ae.log("User data was already loaded")),setTimeout(()=>{De||(Ae.log(`Safety timeout: firing page view (barrier=${Le}, user=${Be})`),De=!0,me(),Te())},1e4),Me(),c(!0));const[y,w]=(0,r.J0)(!1);return(0,r.vJ)(()=>{(e=>{const t=document.querySelector(".footer")||document.getElementById("document-footer"),a=document.createElement("div");a.id="kiosq-sticky-flag-footer",t&&!document.getElementById("kiosq-sticky-flag-footer")&&(t.parentNode?.insertBefore(a,t.previousSibling),(0,i.Qv)((0,n.Y)(Mt,{onStickyFlagFooter:t=>e(t)}),a))})(w)},[w]),(0,r.vJ)(()=>{if(null!==o&&!0===s&&window?.FUTR?.Kiosq?.resolveKiosqDataV2){const e=t;e.hasBarrier=o,delete e.promiseKiosqDataV2,delete e.resolveKiosqDataV2,window.FUTR.Kiosq.resolveKiosqDataV2(e)}},[o,s]),window.addEventListener("evt_a13x",()=>{Ie(h)}),(0,n.FD)(n.FK,{children:[(0,n.Y)(Dt.r,{render:({inView:e,entry:a})=>(0,n.FD)(n.FK,{children:[(0,n.Y)(Ft,{kiosqData:t,fetchedMatchCampaigns:p,isShowingBarrier:o}),d&&o&&!e&&void 0!==a&&a?.boundingClientRect?.y<0&&!y&&(0,n.Y)($t,{kiosqData:t,fetchedMatchCampaigns:p,isShowingBarrier:o})]})}),G()&&(0,n.Y)(wt,{KiosqData:t}),m&&(0,n.FD)(n.FK,{children:[(0,n.Y)(dt,{KiosqData:t,fetchedMatchCampaigns:p}),(0,n.Y)("div",{id:"kiosq-modal-portal"})]})]})},{})},...F.value?.defaultSiteConfig?.template_menu_header?[{target:"kiosq-app-headermenu",parents:["auth-in-nav-header"],component:(0,i.h)(e=>{const t=(e=>{const t=e?.finalSiteConfig||e.defaultSiteConfig;return{LayerComponent:ea,...t?.custom_headermenu_layer_enabled&&{customTemplateId:t?.custom_headermenu_layer},...t?.custom_headermenu_layer_enabled&&{customTemplateComputed:t?.layerCustomMarkup?.custom_headermenu_layer},logo:t?.hubpage_link_logo_header,hubpage_link:t?.hubpage_link,hubpage_title:t?.hubpage_title,hubpage_subtitle:t?.hubpage_subtitle,hubpage_description:t?.hubpage_description,type:"headermenu_layer"}})(e),{customTemplateComputed:a}=t,{defaultSiteConfig:i}=e;return i?.custom_headermenu_layer_enabled&&a&&"string"==typeof a?(0,n.Y)("div",{className:"headermenu-custom-template",dangerouslySetInnerHTML:{__html:a}}):(0,n.Y)(t.LayerComponent,{templateData:t})},F.value)}]:[]]})}},a={};function i(e){var n=a[e];if(void 0!==n)return n.exports;var r=a[e]={exports:{}};return t[e](r,r.exports,i),r.exports}i.m=t,e=[],i.O=(t,a,n,r)=>{if(!a){var o=1/0;for(d=0;d<e.length;d++){for(var[a,n,r]=e[d],l=!0,s=0;s<a.length;s++)(!1&r||o>=r)&&Object.keys(i.O).every(e=>i.O[e](a[s]))?a.splice(s--,1):(l=!1,r<o&&(o=r));if(l){e.splice(d--,1);var c=n();void 0!==c&&(t=c)}}return t}r=r||0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[a,n,r]},i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var a in t)i.o(t,a)&&!i.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.j=431,(()=>{var e={431:0};i.O.j=t=>0===e[t];var t=(t,a)=>{var n,r,[o,l,s]=a,c=0;if(o.some(t=>0!==e[t])){for(n in l)i.o(l,n)&&(i.m[n]=l[n]);if(s)var d=s(i)}for(t&&t(a);c<o.length;c++)r=o[c],i.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return i.O(d)},a=globalThis.webpackChunkkiosq=globalThis.webpackChunkkiosq||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var n=i.O(void 0,[647],()=>i(2970));n=i.O(n)})();
//# sourceMappingURL=bundle.paywall.js.map/*! For license information please see bundle-paywall-node-modules.js.LICENSE.txt */
(globalThis.webpackChunkkiosq=globalThis.webpackChunkkiosq||[]).push([[647],{838(e,t,n){"use strict";n.d(t,{A:()=>W});var r=n(4680),o=n(8621),i=n(2719),a=n(8835),s=n(8950),u=n(1229),l=n(6465),c=n(4399),d=!0,f=!1,p=null,h={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function v(e){e.metaKey||e.altKey||e.ctrlKey||(d=!0)}function m(){d=!1}function y(){"hidden"===this.visibilityState&&f&&(d=!0)}function g(e){var t,n,r,o=e.target;try{return o.matches(":focus-visible")}catch(e){}return d||(n=(t=o).type,!("INPUT"!==(r=t.tagName)||!h[n]||t.readOnly)||"TEXTAREA"===r&&!t.readOnly||!!t.isContentEditable)}function b(){f=!0,window.clearTimeout(p),p=window.setTimeout(function(){f=!1},100)}function _(){return{isFocusVisible:g,onBlurVisible:b,ref:i.hb(function(e){var t,n=i.oK(e);null!=n&&((t=n.ownerDocument).addEventListener("keydown",v,!0),t.addEventListener("mousedown",m,!0),t.addEventListener("pointerdown",m,!0),t.addEventListener("touchstart",m,!0),t.addEventListener("visibilitychange",y,!0))},[])}}var A=n(9887),x=n(9244),w=n(9688),S=n(6882),k=n(774);function C(e,t){var n=Object.create(null);return e&&i.yL.map(e,function(e){return e}).forEach(function(e){n[e.key]=function(e){return t&&(0,i.zO)(e)?t(e):e}(e)}),n}function R(e,t,n){return null!=n[t]?n[t]:e.props[t]}function E(e,t,n){var r=C(e.children),o=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var r,o=Object.create(null),i=[];for(var a in e)a in t?i.length&&(o[a]=i,i=[]):i.push(a);var s={};for(var u in t){if(o[u])for(r=0;r<o[u].length;r++){var l=o[u][r];s[o[u][r]]=n(l)}s[u]=n(u)}for(r=0;r<i.length;r++)s[i[r]]=n(i[r]);return s}(t,r);return Object.keys(o).forEach(function(a){var s=o[a];if((0,i.zO)(s)){var u=a in t,l=a in r,c=t[a],d=(0,i.zO)(c)&&!c.props.in;!l||u&&!d?l||!u||d?l&&u&&(0,i.zO)(c)&&(o[a]=(0,i.Ob)(s,{onExited:n.bind(null,s),in:c.props.in,exit:R(s,"exit",e),enter:R(s,"enter",e)})):o[a]=(0,i.Ob)(s,{in:!1}):o[a]=(0,i.Ob)(s,{onExited:n.bind(null,s),in:!0,exit:R(s,"exit",e),enter:R(s,"enter",e)})}}),o}var P=Object.values||function(e){return Object.keys(e).map(function(t){return e[t]})},O=function(e){function t(t,n){var r,o=(r=e.call(this,t,n)||this).handleExited.bind((0,w.A)(r));return r.state={contextValue:{isMounting:!0},handleExited:o,firstRender:!0},r}(0,S.A)(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,r,o=t.children,a=t.handleExited;return{children:t.firstRender?(n=e,r=a,C(n.children,function(e){return(0,i.Ob)(e,{onExited:r.bind(null,e),in:!0,appear:R(e,"appear",n),enter:R(e,"enter",n),exit:R(e,"exit",n)})})):E(e,o,a),firstRender:!1}},n.handleExited=function(e,t){var n=C(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState(function(t){var n=(0,o.A)({},t.children);return delete n[e.key],{children:n}}))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,r=(0,x.A)(e,["component","childFactory"]),o=this.state.contextValue,a=P(this.state.children).map(n);return delete r.appear,delete r.enter,delete r.exit,null===t?i.Ay.createElement(k.A.Provider,{value:o},a):i.Ay.createElement(k.A.Provider,{value:o},i.Ay.createElement(t,r,a))},t}(i.Ay.Component);O.propTypes={},O.defaultProps={component:"div",childFactory:function(e){return e}};const N=O;var T="undefined"==typeof window?i.vJ:i.Nf;const j=function(e){var t=e.classes,n=e.pulsate,r=void 0!==n&&n,o=e.rippleX,s=e.rippleY,u=e.rippleSize,l=e.in,d=e.onExited,f=void 0===d?function(){}:d,p=e.timeout,h=i.J0(!1),v=h[0],m=h[1],y=(0,a.A)(t.ripple,t.rippleVisible,r&&t.ripplePulsate),g={width:u,height:u,top:-u/2+s,left:-u/2+o},b=(0,a.A)(t.child,v&&t.childLeaving,r&&t.childPulsate),_=(0,c.A)(f);return T(function(){if(!l){m(!0);var e=setTimeout(_,p);return function(){clearTimeout(e)}}},[_,l,p]),i.n("span",{className:y,style:g},i.n("span",{className:b}))};var M=i.Rf(function(e,t){var n=e.center,s=void 0!==n&&n,u=e.classes,l=e.className,c=(0,r.A)(e,["center","classes","className"]),d=i.J0([]),f=d[0],p=d[1],h=i.li(0),v=i.li(null);i.vJ(function(){v.current&&(v.current(),v.current=null)},[f]);var m=i.li(!1),y=i.li(null),g=i.li(null),b=i.li(null);i.vJ(function(){return function(){clearTimeout(y.current)}},[]);var _=i.hb(function(e){var t=e.pulsate,n=e.rippleX,r=e.rippleY,o=e.rippleSize,a=e.cb;p(function(e){return[].concat((0,A.A)(e),[i.n(j,{key:h.current,classes:u,timeout:550,pulsate:t,rippleX:n,rippleY:r,rippleSize:o})])}),h.current+=1,v.current=a},[u]),x=i.hb(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0,r=t.pulsate,o=void 0!==r&&r,i=t.center,a=void 0===i?s||t.pulsate:i,u=t.fakeElement,l=void 0!==u&&u;if("mousedown"===e.type&&m.current)m.current=!1;else{"touchstart"===e.type&&(m.current=!0);var c,d,f,p=l?null:b.current,h=p?p.getBoundingClientRect():{width:0,height:0,left:0,top:0};if(a||0===e.clientX&&0===e.clientY||!e.clientX&&!e.touches)c=Math.round(h.width/2),d=Math.round(h.height/2);else{var v=e.touches?e.touches[0]:e,A=v.clientX,x=v.clientY;c=Math.round(A-h.left),d=Math.round(x-h.top)}if(a)(f=Math.sqrt((2*Math.pow(h.width,2)+Math.pow(h.height,2))/3))%2==0&&(f+=1);else{var w=2*Math.max(Math.abs((p?p.clientWidth:0)-c),c)+2,S=2*Math.max(Math.abs((p?p.clientHeight:0)-d),d)+2;f=Math.sqrt(Math.pow(w,2)+Math.pow(S,2))}e.touches?null===g.current&&(g.current=function(){_({pulsate:o,rippleX:c,rippleY:d,rippleSize:f,cb:n})},y.current=setTimeout(function(){g.current&&(g.current(),g.current=null)},80)):_({pulsate:o,rippleX:c,rippleY:d,rippleSize:f,cb:n})}},[s,_]),w=i.hb(function(){x({},{pulsate:!0})},[x]),S=i.hb(function(e,t){if(clearTimeout(y.current),"touchend"===e.type&&g.current)return e.persist(),g.current(),g.current=null,void(y.current=setTimeout(function(){S(e,t)}));g.current=null,p(function(e){return e.length>0?e.slice(1):e}),v.current=t},[]);return i.Yn(t,function(){return{pulsate:w,start:x,stop:S}},[w,x,S]),i.n("span",(0,o.A)({className:(0,a.A)(u.root,l),ref:b},c),i.n(N,{component:null,exit:!0},f))});const $=(0,s.A)(function(e){return{root:{overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"},ripple:{opacity:0,position:"absolute"},rippleVisible:{opacity:.3,transform:"scale(1)",animation:"$enter ".concat(550,"ms ").concat(e.transitions.easing.easeInOut)},ripplePulsate:{animationDuration:"".concat(e.transitions.duration.shorter,"ms")},child:{opacity:1,display:"block",width:"100%",height:"100%",borderRadius:"50%",backgroundColor:"currentColor"},childLeaving:{opacity:0,animation:"$exit ".concat(550,"ms ").concat(e.transitions.easing.easeInOut)},childPulsate:{position:"absolute",left:0,top:0,animation:"$pulsate 2500ms ".concat(e.transitions.easing.easeInOut," 200ms infinite")},"@keyframes enter":{"0%":{transform:"scale(0)",opacity:.1},"100%":{transform:"scale(1)",opacity:.3}},"@keyframes exit":{"0%":{opacity:1},"100%":{opacity:0}},"@keyframes pulsate":{"0%":{transform:"scale(1)"},"50%":{transform:"scale(0.92)"},"100%":{transform:"scale(1)"}}}},{flip:!1,name:"MuiTouchRipple"})(i.ph(M));var F=i.Rf(function(e,t){var n=e.action,s=e.buttonRef,u=e.centerRipple,d=void 0!==u&&u,f=e.children,p=e.classes,h=e.className,v=e.component,m=void 0===v?"button":v,y=e.disabled,g=void 0!==y&&y,b=e.disableRipple,A=void 0!==b&&b,x=e.disableTouchRipple,w=void 0!==x&&x,S=e.focusRipple,k=void 0!==S&&S,C=e.focusVisibleClassName,R=e.onBlur,E=e.onClick,P=e.onFocus,O=e.onFocusVisible,N=e.onKeyDown,T=e.onKeyUp,j=e.onMouseDown,M=e.onMouseLeave,F=e.onMouseUp,I=e.onTouchEnd,L=e.onTouchMove,D=e.onTouchStart,W=e.onDragLeave,z=e.tabIndex,B=void 0===z?0:z,U=e.TouchRippleProps,H=e.type,q=void 0===H?"button":H,V=(0,r.A)(e,["action","buttonRef","centerRipple","children","classes","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","onBlur","onClick","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","onDragLeave","tabIndex","TouchRippleProps","type"]),J=i.li(null),K=i.li(null),X=i.J0(!1),Y=X[0],G=X[1];g&&Y&&G(!1);var Z=_(),Q=Z.isFocusVisible,ee=Z.onBlurVisible,te=Z.ref;function ne(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:w;return(0,c.A)(function(r){return t&&t(r),!n&&K.current&&K.current[e](r),!0})}i.Yn(n,function(){return{focusVisible:function(){G(!0),J.current.focus()}}},[]),i.vJ(function(){Y&&k&&!A&&K.current.pulsate()},[A,k,Y]);var re=ne("start",j),oe=ne("stop",W),ie=ne("stop",F),ae=ne("stop",function(e){Y&&e.preventDefault(),M&&M(e)}),se=ne("start",D),ue=ne("stop",I),le=ne("stop",L),ce=ne("stop",function(e){Y&&(ee(e),G(!1)),R&&R(e)},!1),de=(0,c.A)(function(e){J.current||(J.current=e.currentTarget),Q(e)&&(G(!0),O&&O(e)),P&&P(e)}),fe=function(){var e=i.oK(J.current);return m&&"button"!==m&&!("A"===e.tagName&&e.href)},pe=i.li(!1),he=(0,c.A)(function(e){k&&!pe.current&&Y&&K.current&&" "===e.key&&(pe.current=!0,e.persist(),K.current.stop(e,function(){K.current.start(e)})),e.target===e.currentTarget&&fe()&&" "===e.key&&e.preventDefault(),N&&N(e),e.target===e.currentTarget&&fe()&&"Enter"===e.key&&!g&&(e.preventDefault(),E&&E(e))}),ve=(0,c.A)(function(e){k&&" "===e.key&&K.current&&Y&&!e.defaultPrevented&&(pe.current=!1,e.persist(),K.current.stop(e,function(){K.current.pulsate(e)})),T&&T(e),E&&e.target===e.currentTarget&&fe()&&" "===e.key&&!e.defaultPrevented&&E(e)}),me=m;"button"===me&&V.href&&(me="a");var ye={};"button"===me?(ye.type=q,ye.disabled=g):("a"===me&&V.href||(ye.role="button"),ye["aria-disabled"]=g);var ge=(0,l.A)(s,t),be=(0,l.A)(te,J),_e=(0,l.A)(ge,be),Ae=i.J0(!1),xe=Ae[0],we=Ae[1];i.vJ(function(){we(!0)},[]);var Se=xe&&!A&&!g;return i.n(me,(0,o.A)({className:(0,a.A)(p.root,h,Y&&[p.focusVisible,C],g&&p.disabled),onBlur:ce,onClick:E,onFocus:de,onKeyDown:he,onKeyUp:ve,onMouseDown:re,onMouseLeave:ae,onMouseUp:ie,onDragLeave:oe,onTouchEnd:ue,onTouchMove:le,onTouchStart:se,ref:_e,tabIndex:g?-1:B},ye,V),f,Se?i.n($,(0,o.A)({ref:K,center:d},U)):null)});const I=(0,s.A)({root:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle","-moz-appearance":"none","-webkit-appearance":"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},"&$disabled":{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}},disabled:{},focusVisible:{}},{name:"MuiButtonBase"})(F);var L=n(7291),D=i.Rf(function(e,t){var n=e.children,s=e.classes,u=e.className,l=e.color,c=void 0===l?"default":l,d=e.component,f=void 0===d?"button":d,p=e.disabled,h=void 0!==p&&p,v=e.disableElevation,m=void 0!==v&&v,y=e.disableFocusRipple,g=void 0!==y&&y,b=e.endIcon,_=e.focusVisibleClassName,A=e.fullWidth,x=void 0!==A&&A,w=e.size,S=void 0===w?"medium":w,k=e.startIcon,C=e.type,R=void 0===C?"button":C,E=e.variant,P=void 0===E?"text":E,O=(0,r.A)(e,["children","classes","className","color","component","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"]),N=k&&i.n("span",{className:(0,a.A)(s.startIcon,s["iconSize".concat((0,L.A)(S))])},k),T=b&&i.n("span",{className:(0,a.A)(s.endIcon,s["iconSize".concat((0,L.A)(S))])},b);return i.n(I,(0,o.A)({className:(0,a.A)(s.root,s[P],u,"inherit"===c?s.colorInherit:"default"!==c&&s["".concat(P).concat((0,L.A)(c))],"medium"!==S&&[s["".concat(P,"Size").concat((0,L.A)(S))],s["size".concat((0,L.A)(S))]],m&&s.disableElevation,h&&s.disabled,x&&s.fullWidth),component:f,disabled:h,focusRipple:!g,focusVisibleClassName:(0,a.A)(s.focusVisible,_),ref:t,type:R},O),i.n("span",{className:s.label},N,n,T))});const W=(0,s.A)(function(e){return{root:(0,o.A)({},e.typography.button,{boxSizing:"border-box",minWidth:64,padding:"6px 16px",borderRadius:e.shape.borderRadius,color:e.palette.text.primary,transition:e.transitions.create(["background-color","box-shadow","border"],{duration:e.transitions.duration.short}),"&:hover":{textDecoration:"none",backgroundColor:(0,u.X4)(e.palette.text.primary,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"},"&$disabled":{backgroundColor:"transparent"}},"&$disabled":{color:e.palette.action.disabled}}),label:{width:"100%",display:"inherit",alignItems:"inherit",justifyContent:"inherit"},text:{padding:"6px 8px"},textPrimary:{color:e.palette.primary.main,"&:hover":{backgroundColor:(0,u.X4)(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},textSecondary:{color:e.palette.secondary.main,"&:hover":{backgroundColor:(0,u.X4)(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},outlined:{padding:"5px 15px",border:"1px solid ".concat("light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),"&$disabled":{border:"1px solid ".concat(e.palette.action.disabledBackground)}},outlinedPrimary:{color:e.palette.primary.main,border:"1px solid ".concat((0,u.X4)(e.palette.primary.main,.5)),"&:hover":{border:"1px solid ".concat(e.palette.primary.main),backgroundColor:(0,u.X4)(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},outlinedSecondary:{color:e.palette.secondary.main,border:"1px solid ".concat((0,u.X4)(e.palette.secondary.main,.5)),"&:hover":{border:"1px solid ".concat(e.palette.secondary.main),backgroundColor:(0,u.X4)(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"&$disabled":{border:"1px solid ".concat(e.palette.action.disabled)}},contained:{color:e.palette.getContrastText(e.palette.grey[300]),backgroundColor:e.palette.grey[300],boxShadow:e.shadows[2],"&:hover":{backgroundColor:e.palette.grey.A100,boxShadow:e.shadows[4],"@media (hover: none)":{boxShadow:e.shadows[2],backgroundColor:e.palette.grey[300]},"&$disabled":{backgroundColor:e.palette.action.disabledBackground}},"&$focusVisible":{boxShadow:e.shadows[6]},"&:active":{boxShadow:e.shadows[8]},"&$disabled":{color:e.palette.action.disabled,boxShadow:e.shadows[0],backgroundColor:e.palette.action.disabledBackground}},containedPrimary:{color:e.palette.primary.contrastText,backgroundColor:e.palette.primary.main,"&:hover":{backgroundColor:e.palette.primary.dark,"@media (hover: none)":{backgroundColor:e.palette.primary.main}}},containedSecondary:{color:e.palette.secondary.contrastText,backgroundColor:e.palette.secondary.main,"&:hover":{backgroundColor:e.palette.secondary.dark,"@media (hover: none)":{backgroundColor:e.palette.secondary.main}}},disableElevation:{boxShadow:"none","&:hover":{boxShadow:"none"},"&$focusVisible":{boxShadow:"none"},"&:active":{boxShadow:"none"},"&$disabled":{boxShadow:"none"}},focusVisible:{},disabled:{},colorInherit:{color:"inherit",borderColor:"currentColor"},textSizeSmall:{padding:"4px 5px",fontSize:e.typography.pxToRem(13)},textSizeLarge:{padding:"8px 11px",fontSize:e.typography.pxToRem(15)},outlinedSizeSmall:{padding:"3px 9px",fontSize:e.typography.pxToRem(13)},outlinedSizeLarge:{padding:"7px 21px",fontSize:e.typography.pxToRem(15)},containedSizeSmall:{padding:"4px 10px",fontSize:e.typography.pxToRem(13)},containedSizeLarge:{padding:"8px 22px",fontSize:e.typography.pxToRem(15)},sizeSmall:{},sizeLarge:{},fullWidth:{width:"100%"},startIcon:{display:"inherit",marginRight:8,marginLeft:-4,"&$iconSizeSmall":{marginLeft:-2}},endIcon:{display:"inherit",marginRight:-4,marginLeft:8,"&$iconSizeSmall":{marginRight:-2}},iconSizeSmall:{"& > *:first-child":{fontSize:18}},iconSizeMedium:{"& > *:first-child":{fontSize:20}},iconSizeLarge:{"& > *:first-child":{fontSize:22}}}},{name:"MuiButton"})(D)},5808(e,t,n){"use strict";n.d(t,{A:()=>d});var r=n(8621),o=n(4680),i=n(6328),a=n(2719),s=n(8835),u=n(8950),l=n(7291),c=a.Rf(function(e,t){var n=e.classes,i=e.className,u=e.component,c=void 0===u?"div":u,d=e.disableGutters,f=void 0!==d&&d,p=e.fixed,h=void 0!==p&&p,v=e.maxWidth,m=void 0===v?"lg":v,y=(0,o.A)(e,["classes","className","component","disableGutters","fixed","maxWidth"]);return a.n(c,(0,r.A)({className:(0,s.A)(n.root,i,h&&n.fixed,f&&n.disableGutters,!1!==m&&n["maxWidth".concat((0,l.A)(String(m)))]),ref:t},y))});const d=(0,u.A)(function(e){return{root:(0,i.A)({width:"100%",marginLeft:"auto",boxSizing:"border-box",marginRight:"auto",paddingLeft:e.spacing(2),paddingRight:e.spacing(2),display:"block"},e.breakpoints.up("sm"),{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}),disableGutters:{paddingLeft:0,paddingRight:0},fixed:Object.keys(e.breakpoints.values).reduce(function(t,n){var r=e.breakpoints.values[n];return 0!==r&&(t[e.breakpoints.up(n)]={maxWidth:r}),t},{}),maxWidthXs:(0,i.A)({},e.breakpoints.up("xs"),{maxWidth:Math.max(e.breakpoints.values.xs,444)}),maxWidthSm:(0,i.A)({},e.breakpoints.up("sm"),{maxWidth:e.breakpoints.values.sm}),maxWidthMd:(0,i.A)({},e.breakpoints.up("md"),{maxWidth:e.breakpoints.values.md}),maxWidthLg:(0,i.A)({},e.breakpoints.up("lg"),{maxWidth:e.breakpoints.values.lg}),maxWidthXl:(0,i.A)({},e.breakpoints.up("xl"),{maxWidth:e.breakpoints.values.xl})}},{name:"MuiContainer"})(c)},6325(e,t,n){"use strict";n.d(t,{A:()=>a,t:()=>i});var r=n(2719),o=r.q6();function i(){return r.NT(o)}const a=362==n.j?o:null},728(e,t,n){"use strict";function r(e){return null!=e&&!(Array.isArray(e)&&0===e.length)}function o(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return e&&(r(e.value)&&""!==e.value||t&&r(e.defaultValue)&&""!==e.defaultValue)}function i(e){return e.startAdornment}n.d(t,{gr:()=>i,lq:()=>o})},6322(e,t,n){"use strict";n.d(t,{A:()=>c});var r=n(8621),o=n(4680),i=n(2719),a=n(8835),s=n(8950);const u=i.q6({});var l=i.Rf(function(e,t){var n=e.children,s=e.classes,l=e.className,c=e.component,d=void 0===c?"ul":c,f=e.dense,p=void 0!==f&&f,h=e.disablePadding,v=void 0!==h&&h,m=e.subheader,y=(0,o.A)(e,["children","classes","className","component","dense","disablePadding","subheader"]),g=i.Kr(function(){return{dense:p}},[p]);return i.n(u.Provider,{value:g},i.n(d,(0,r.A)({className:(0,a.A)(s.root,l,p&&s.dense,!v&&s.padding,m&&s.subheader),ref:t},y),m,n))});const c=(0,s.A)({root:{listStyle:"none",margin:0,padding:0,position:"relative"},padding:{paddingTop:8,paddingBottom:8},dense:{},subheader:{paddingTop:0}},{name:"MuiList"})(l)},7662(e,t,n){"use strict";n.d(t,{A:()=>he});var r=n(8621),o=n(4680),i=n(2719),a=(n(8141),n(8835)),s=n(8950),u=n(702),l=n(5827),c=n(9238),d=n(4665),f=n(5458),p=n(8280),h=n(438),v=n(6465),m=n(4399),y=n(1410),g=n(1614),b=n(4536),_=n(9887),A=n(6658);function x(e,t){t?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}function w(e){return parseInt(window.getComputedStyle(e)["padding-right"],10)||0}function S(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=arguments.length>4?arguments[4]:void 0,i=[t,n].concat((0,_.A)(r)),a=["TEMPLATE","SCRIPT","STYLE"];[].forEach.call(e.children,function(e){1===e.nodeType&&-1===i.indexOf(e)&&-1===a.indexOf(e.tagName)&&x(e,o)})}function k(e,t){var n=-1;return e.some(function(e,r){return!!t(e)&&(n=r,!0)}),n}var C=function(){function e(){(0,g.A)(this,e),this.modals=[],this.containers=[]}return(0,b.A)(e,[{key:"add",value:function(e,t){var n=this.modals.indexOf(e);if(-1!==n)return n;n=this.modals.length,this.modals.push(e),e.modalRef&&x(e.modalRef,!1);var r=function(e){var t=[];return[].forEach.call(e.children,function(e){e.getAttribute&&"true"===e.getAttribute("aria-hidden")&&t.push(e)}),t}(t);S(t,e.mountNode,e.modalRef,r,!0);var o=k(this.containers,function(e){return e.container===t});return-1!==o?(this.containers[o].modals.push(e),n):(this.containers.push({modals:[e],container:t,restore:null,hiddenSiblingNodes:r}),n)}},{key:"mount",value:function(e,t){var n=k(this.containers,function(t){return-1!==t.modals.indexOf(e)}),r=this.containers[n];r.restore||(r.restore=function(e,t){var n,r=[],o=[],i=e.container;if(!t.disableScrollLock){if(function(e){var t=(0,l.A)(e);return t.body===e?(0,c.A)(t).innerWidth>t.documentElement.clientWidth:e.scrollHeight>e.clientHeight}(i)){var a=(0,A.A)();r.push({value:i.style.paddingRight,key:"padding-right",el:i}),i.style["padding-right"]="".concat(w(i)+a,"px"),n=(0,l.A)(i).querySelectorAll(".mui-fixed"),[].forEach.call(n,function(e){o.push(e.style.paddingRight),e.style.paddingRight="".concat(w(e)+a,"px")})}var s=i.parentElement,u="HTML"===s.nodeName&&"scroll"===window.getComputedStyle(s)["overflow-y"]?s:i;r.push({value:u.style.overflow,key:"overflow",el:u}),u.style.overflow="hidden"}return function(){n&&[].forEach.call(n,function(e,t){o[t]?e.style.paddingRight=o[t]:e.style.removeProperty("padding-right")}),r.forEach(function(e){var t=e.value,n=e.el,r=e.key;t?n.style.setProperty(r,t):n.style.removeProperty(r)})}}(r,t))}},{key:"remove",value:function(e){var t=this.modals.indexOf(e);if(-1===t)return t;var n=k(this.containers,function(t){return-1!==t.modals.indexOf(e)}),r=this.containers[n];if(r.modals.splice(r.modals.indexOf(e),1),this.modals.splice(t,1),0===r.modals.length)r.restore&&r.restore(),e.modalRef&&x(e.modalRef,!0),S(r.container,e.mountNode,e.modalRef,r.hiddenSiblingNodes,!1),this.containers.splice(n,1);else{var o=r.modals[r.modals.length-1];o.modalRef&&x(o.modalRef,!1)}return t}},{key:"isTopModal",value:function(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}}]),e}(),R=n(6094),E=n(8777),P=new C;const O=i.Rf(function(e,t){var n=(0,f.A)(),a=(0,p.A)({name:"MuiModal",props:(0,r.A)({},e),theme:n}),s=a.BackdropComponent,u=void 0===s?E.A:s,c=a.BackdropProps,g=a.children,b=a.closeAfterTransition,_=void 0!==b&&b,A=a.container,w=a.disableAutoFocus,S=void 0!==w&&w,k=a.disableBackdropClick,C=void 0!==k&&k,O=a.disableEnforceFocus,N=void 0!==O&&O,T=a.disableEscapeKeyDown,j=void 0!==T&&T,M=a.disablePortal,$=void 0!==M&&M,F=a.disableRestoreFocus,I=void 0!==F&&F,L=a.disableScrollLock,D=void 0!==L&&L,W=a.hideBackdrop,z=void 0!==W&&W,B=a.keepMounted,U=void 0!==B&&B,H=a.manager,q=void 0===H?P:H,V=a.onBackdropClick,J=a.onClose,K=a.onEscapeKeyDown,X=a.onRendered,Y=a.open,G=(0,o.A)(a,["BackdropComponent","BackdropProps","children","closeAfterTransition","container","disableAutoFocus","disableBackdropClick","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","manager","onBackdropClick","onClose","onEscapeKeyDown","onRendered","open"]),Z=i.J0(!0),Q=Z[0],ee=Z[1],te=i.li({}),ne=i.li(null),re=i.li(null),oe=(0,v.A)(re,t),ie=function(e){return!!e.children&&e.children.props.hasOwnProperty("in")}(a),ae=function(){return(0,l.A)(ne.current)},se=function(){return te.current.modalRef=re.current,te.current.mountNode=ne.current,te.current},ue=function(){q.mount(se(),{disableScrollLock:D}),re.current.scrollTop=0},le=(0,m.A)(function(){var e=function(e){return e="function"==typeof e?e():e,i.oK(e)}(A)||ae().body;q.add(se(),e),re.current&&ue()}),ce=i.hb(function(){return q.isTopModal(se())},[q]),de=(0,m.A)(function(e){ne.current=e,e&&(X&&X(),Y&&ce()?ue():x(re.current,!0))}),fe=i.hb(function(){q.remove(se())},[q]);if(i.vJ(function(){return function(){fe()}},[fe]),i.vJ(function(){Y?le():ie&&_||fe()},[Y,fe,ie,_,le]),!U&&!Y&&(!ie||Q))return null;var pe=function(e){return{root:{position:"fixed",zIndex:e.zIndex.modal,right:0,bottom:0,top:0,left:0},hidden:{visibility:"hidden"}}}(n||{zIndex:y.A}),he={};return void 0===g.props.tabIndex&&(he.tabIndex=g.props.tabIndex||"-1"),ie&&(he.onEnter=(0,d.A)(function(){ee(!1)},g.props.onEnter),he.onExited=(0,d.A)(function(){ee(!0),_&&fe()},g.props.onExited)),i.n(h.A,{ref:de,container:A,disablePortal:$},i.n("div",(0,r.A)({ref:oe,onKeyDown:function(e){"Escape"===e.key&&ce()&&(K&&K(e),j||(e.stopPropagation(),J&&J(e,"escapeKeyDown")))},role:"presentation"},G,{style:(0,r.A)({},pe.root,!Y&&Q?pe.hidden:{},G.style)}),z?null:i.n(u,(0,r.A)({open:Y,onClick:function(e){e.target===e.currentTarget&&(V&&V(e),!C&&J&&J(e,"backdropClick"))}},c)),i.n(R.A,{disableEnforceFocus:N,disableAutoFocus:S,disableRestoreFocus:I,getDoc:ae,isEnabled:ce,open:Y},i.Ob(g,he))))});var N=n(3156),T=n(9244),j=n(6882);var M=n(774),$="unmounted",F="exited",I="entering",L="entered",D="exiting",W=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var o,i=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?i?(o=F,r.appearStatus=I):o=L:o=t.unmountOnExit||t.mountOnEnter?$:F,r.state={status:o},r.nextCallback=null,r}(0,j.A)(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&t.status===$?{status:F}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==I&&n!==L&&(t=I):n!==I&&n!==L||(t=D)}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){if(void 0===e&&(e=!1),null!==t)if(this.cancelNextCallback(),t===I){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:i.Ay.findDOMNode(this);n&&function(e){e.scrollTop}(n)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===F&&this.setState({status:$})},n.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,o=this.props.nodeRef?[r]:[i.Ay.findDOMNode(this),r],a=o[0],s=o[1],u=this.getTimeouts(),l=r?u.appear:u.enter;e||n?(this.props.onEnter(a,s),this.safeSetState({status:I},function(){t.props.onEntering(a,s),t.onTransitionEnd(l,function(){t.safeSetState({status:L},function(){t.props.onEntered(a,s)})})})):this.safeSetState({status:L},function(){t.props.onEntered(a)})},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:i.Ay.findDOMNode(this);t?(this.props.onExit(r),this.safeSetState({status:D},function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,function(){e.safeSetState({status:F},function(){e.props.onExited(r)})})})):this.safeSetState({status:F},function(){e.props.onExited(r)})},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:i.Ay.findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var o=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],a=o[0],s=o[1];this.props.addEndListener(a,s)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if(e===$)return null;var t=this.props,n=t.children,r=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,(0,T.A)(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return i.Ay.createElement(M.A.Provider,{value:null},"function"==typeof n?n(e,r):i.Ay.cloneElement(i.Ay.Children.only(n),r))},t}(i.Ay.Component);function z(){}W.contextType=M.A,W.propTypes={},W.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:z,onEntering:z,onEntered:z,onExit:z,onExiting:z,onExited:z},W.UNMOUNTED=$,W.EXITED=F,W.ENTERING=I,W.ENTERED=L,W.EXITING=D;const B=W;var U=n(5128);function H(e,t){var n=e.timeout,r=e.style,o=void 0===r?{}:r;return{duration:o.transitionDuration||"number"==typeof n?n:n[t.mode]||0,delay:o.transitionDelay}}function q(e){return"scale(".concat(e,", ").concat(Math.pow(e,2),")")}var V={entering:{opacity:1,transform:q(1)},entered:{opacity:1,transform:"none"}},J=i.Rf(function(e,t){var n=e.children,a=e.disableStrictModeCompat,s=void 0!==a&&a,u=e.in,l=e.onEnter,c=e.onEntered,d=e.onEntering,f=e.onExit,p=e.onExited,h=e.onExiting,m=e.style,y=e.timeout,g=void 0===y?"auto":y,b=e.TransitionComponent,_=void 0===b?B:b,A=(0,o.A)(e,["children","disableStrictModeCompat","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","timeout","TransitionComponent"]),x=i.li(),w=i.li(),S=(0,U.A)(),k=S.unstable_strictMode&&!s,C=i.li(null),R=(0,v.A)(n.ref,t),E=(0,v.A)(k?C:void 0,R),P=function(e){return function(t,n){if(e){var r=k?[C.current,t]:[t,n],o=(0,N.A)(r,2),i=o[0],a=o[1];void 0===a?e(i):e(i,a)}}},O=P(d),T=P(function(e,t){!function(e){e.scrollTop}(e);var n,r=H({style:m,timeout:g},{mode:"enter"}),o=r.duration,i=r.delay;"auto"===g?(n=S.transitions.getAutoHeightDuration(e.clientHeight),w.current=n):n=o,e.style.transition=[S.transitions.create("opacity",{duration:n,delay:i}),S.transitions.create("transform",{duration:.666*n,delay:i})].join(","),l&&l(e,t)}),j=P(c),M=P(h),$=P(function(e){var t,n=H({style:m,timeout:g},{mode:"exit"}),r=n.duration,o=n.delay;"auto"===g?(t=S.transitions.getAutoHeightDuration(e.clientHeight),w.current=t):t=r,e.style.transition=[S.transitions.create("opacity",{duration:t,delay:o}),S.transitions.create("transform",{duration:.666*t,delay:o||.333*t})].join(","),e.style.opacity="0",e.style.transform=q(.75),f&&f(e)}),F=P(p);return i.vJ(function(){return function(){clearTimeout(x.current)}},[]),i.n(_,(0,r.A)({appear:!0,in:u,nodeRef:k?C:void 0,onEnter:T,onEntered:j,onEntering:O,onExit:$,onExited:F,onExiting:M,addEndListener:function(e,t){var n=k?e:t;"auto"===g&&(x.current=setTimeout(n,w.current||0))},timeout:"auto"===g?null:g},A),function(e,t){return i.Ob(n,(0,r.A)({style:(0,r.A)({opacity:0,transform:q(.75),visibility:"exited"!==e||u?void 0:"hidden"},V[e],m,n.props.style),ref:E},t))})});J.muiSupportAuto=!0;const K=J;var X=i.Rf(function(e,t){var n=e.classes,s=e.className,u=e.component,l=void 0===u?"div":u,c=e.square,d=void 0!==c&&c,f=e.elevation,p=void 0===f?1:f,h=e.variant,v=void 0===h?"elevation":h,m=(0,o.A)(e,["classes","className","component","square","elevation","variant"]);return i.n(l,(0,r.A)({className:(0,a.A)(n.root,s,"outlined"===v?n.outlined:n["elevation".concat(p)],!d&&n.rounded),ref:t},m))});const Y=(0,s.A)(function(e){var t={};return e.shadows.forEach(function(e,n){t["elevation".concat(n)]={boxShadow:e}}),(0,r.A)({root:{backgroundColor:e.palette.background.paper,color:e.palette.text.primary,transition:e.transitions.create("box-shadow")},rounded:{borderRadius:e.shape.borderRadius},outlined:{border:"1px solid ".concat(e.palette.divider)}},t)},{name:"MuiPaper"})(X);function G(e,t){var n=0;return"number"==typeof t?n=t:"center"===t?n=e.height/2:"bottom"===t&&(n=e.height),n}function Z(e,t){var n=0;return"number"==typeof t?n=t:"center"===t?n=e.width/2:"right"===t&&(n=e.width),n}function Q(e){return[e.horizontal,e.vertical].map(function(e){return"number"==typeof e?"".concat(e,"px"):e}).join(" ")}function ee(e){return"function"==typeof e?e():e}var te=i.Rf(function(e,t){var n=e.action,s=e.anchorEl,f=e.anchorOrigin,p=void 0===f?{vertical:"top",horizontal:"left"}:f,h=e.anchorPosition,v=e.anchorReference,m=void 0===v?"anchorEl":v,y=e.children,g=e.classes,b=e.className,_=e.container,A=e.elevation,x=void 0===A?8:A,w=e.getContentAnchorEl,S=e.marginThreshold,k=void 0===S?16:S,C=e.onEnter,R=e.onEntered,E=e.onEntering,P=e.onExit,N=e.onExited,T=e.onExiting,j=e.open,M=e.PaperProps,$=void 0===M?{}:M,F=e.transformOrigin,I=void 0===F?{vertical:"top",horizontal:"left"}:F,L=e.TransitionComponent,D=void 0===L?K:L,W=e.transitionDuration,z=void 0===W?"auto":W,B=e.TransitionProps,U=void 0===B?{}:B,H=(0,o.A)(e,["action","anchorEl","anchorOrigin","anchorPosition","anchorReference","children","classes","className","container","elevation","getContentAnchorEl","marginThreshold","onEnter","onEntered","onEntering","onExit","onExited","onExiting","open","PaperProps","transformOrigin","TransitionComponent","transitionDuration","TransitionProps"]),q=i.li(),V=i.hb(function(e){if("anchorPosition"===m)return h;var t=ee(s),n=(t&&1===t.nodeType?t:(0,l.A)(q.current).body).getBoundingClientRect(),r=0===e?p.vertical:"center";return{top:n.top+G(n,r),left:n.left+Z(n,p.horizontal)}},[s,p.horizontal,p.vertical,h,m]),J=i.hb(function(e){var t=0;if(w&&"anchorEl"===m){var n=w(e);if(n&&e.contains(n)){var r=function(e,t){for(var n=t,r=0;n&&n!==e;)r+=(n=n.parentElement).scrollTop;return r}(e,n);t=n.offsetTop+n.clientHeight/2-r||0}}return t},[p.vertical,m,w]),X=i.hb(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return{vertical:G(e,I.vertical)+t,horizontal:Z(e,I.horizontal)}},[I.horizontal,I.vertical]),te=i.hb(function(e){var t=J(e),n={width:e.offsetWidth,height:e.offsetHeight},r=X(n,t);if("none"===m)return{top:null,left:null,transformOrigin:Q(r)};var o=V(t),i=o.top-r.vertical,a=o.left-r.horizontal,u=i+n.height,l=a+n.width,d=(0,c.A)(ee(s)),f=d.innerHeight-k,p=d.innerWidth-k;if(i<k){var h=i-k;i-=h,r.vertical+=h}else if(u>f){var v=u-f;i-=v,r.vertical+=v}if(a<k){var y=a-k;a-=y,r.horizontal+=y}else if(l>p){var g=l-p;a-=g,r.horizontal+=g}return{top:"".concat(Math.round(i),"px"),left:"".concat(Math.round(a),"px"),transformOrigin:Q(r)}},[s,m,V,J,X,k]),ne=i.hb(function(){var e=q.current;if(e){var t=te(e);null!==t.top&&(e.style.top=t.top),null!==t.left&&(e.style.left=t.left),e.style.transformOrigin=t.transformOrigin}},[te]),re=i.hb(function(e){q.current=i.oK(e)},[]);i.vJ(function(){j&&ne()}),i.Yn(n,function(){return j?{updatePosition:function(){ne()}}:null},[j,ne]),i.vJ(function(){if(j){var e=(0,u.A)(function(){ne()});return window.addEventListener("resize",e),function(){e.clear(),window.removeEventListener("resize",e)}}},[j,ne]);var oe=z;"auto"!==z||D.muiSupportAuto||(oe=void 0);var ie=_||(s?(0,l.A)(ee(s)).body:void 0);return i.n(O,(0,r.A)({container:ie,open:j,ref:t,BackdropProps:{invisible:!0},className:(0,a.A)(g.root,b)},H),i.n(D,(0,r.A)({appear:!0,in:j,onEnter:C,onEntered:R,onExit:P,onExited:N,onExiting:T,timeout:oe},U,{onEntering:(0,d.A)(function(e,t){E&&E(e,t),ne()},U.onEntering)}),i.n(Y,(0,r.A)({elevation:x,ref:re},$,{className:(0,a.A)(g.paper,$.className)}),y)))});const ne=(0,s.A)({root:{},paper:{position:"absolute",overflowY:"auto",overflowX:"hidden",minWidth:16,minHeight:16,maxWidth:"calc(100% - 32px)",maxHeight:"calc(100% - 32px)",outline:0}},{name:"MuiPopover"})(te);var re=n(6322);function oe(e,t,n){return e===t?e.firstChild:t&&t.nextElementSibling?t.nextElementSibling:n?null:e.firstChild}function ie(e,t,n){return e===t?n?e.firstChild:e.lastChild:t&&t.previousElementSibling?t.previousElementSibling:n?null:e.lastChild}function ae(e,t){if(void 0===t)return!0;var n=e.innerText;return void 0===n&&(n=e.textContent),0!==(n=n.trim().toLowerCase()).length&&(t.repeating?n[0]===t.keys[0]:0===n.indexOf(t.keys.join("")))}function se(e,t,n,r,o,i){for(var a=!1,s=o(e,t,!!t&&n);s;){if(s===e.firstChild){if(a)return;a=!0}var u=!r&&(s.disabled||"true"===s.getAttribute("aria-disabled"));if(s.hasAttribute("tabindex")&&ae(s,i)&&!u)return void s.focus();s=o(e,s,n)}}var ue="undefined"==typeof window?i.vJ:i.Nf;const le=i.Rf(function(e,t){var n=e.actions,a=e.autoFocus,s=void 0!==a&&a,u=e.autoFocusItem,c=void 0!==u&&u,d=e.children,f=e.className,p=e.disabledItemsFocusable,h=void 0!==p&&p,m=e.disableListWrap,y=void 0!==m&&m,g=e.onKeyDown,b=e.variant,_=void 0===b?"selectedMenu":b,x=(0,o.A)(e,["actions","autoFocus","autoFocusItem","children","className","disabledItemsFocusable","disableListWrap","onKeyDown","variant"]),w=i.li(null),S=i.li({keys:[],repeating:!0,previousKeyMatched:!0,lastTime:null});ue(function(){s&&w.current.focus()},[s]),i.Yn(n,function(){return{adjustStyleForScrollbar:function(e,t){var n=!w.current.style.width;if(e.clientHeight<w.current.clientHeight&&n){var r="".concat((0,A.A)(!0),"px");w.current.style["rtl"===t.direction?"paddingLeft":"paddingRight"]=r,w.current.style.width="calc(100% + ".concat(r,")")}return w.current}}},[]);var k=i.hb(function(e){w.current=i.oK(e)},[]),C=(0,v.A)(k,t),R=-1;i.yL.forEach(d,function(e,t){i.zO(e)&&(e.props.disabled||("selectedMenu"===_&&e.props.selected||-1===R)&&(R=t))});var E=i.yL.map(d,function(e,t){if(t===R){var n={};return c&&(n.autoFocus=!0),void 0===e.props.tabIndex&&"selectedMenu"===_&&(n.tabIndex=0),i.Ob(e,n)}return e});return i.n(re.A,(0,r.A)({role:"menu",ref:C,className:f,onKeyDown:function(e){var t=w.current,n=e.key,r=(0,l.A)(t).activeElement;if("ArrowDown"===n)e.preventDefault(),se(t,r,y,h,oe);else if("ArrowUp"===n)e.preventDefault(),se(t,r,y,h,ie);else if("Home"===n)e.preventDefault(),se(t,null,y,h,oe);else if("End"===n)e.preventDefault(),se(t,null,y,h,ie);else if(1===n.length){var o=S.current,i=n.toLowerCase(),a=performance.now();o.keys.length>0&&(a-o.lastTime>500?(o.keys=[],o.repeating=!0,o.previousKeyMatched=!0):o.repeating&&i!==o.keys[0]&&(o.repeating=!1)),o.lastTime=a,o.keys.push(i);var s=r&&!o.repeating&&ae(r,o);o.previousKeyMatched&&(s||se(t,r,!1,h,oe,o))?e.preventDefault():o.previousKeyMatched=!1}g&&g(e)},tabIndex:s?0:-1},x),E)});var ce=n(7568),de={vertical:"top",horizontal:"right"},fe={vertical:"top",horizontal:"left"},pe=i.Rf(function(e,t){var n=e.autoFocus,s=void 0===n||n,u=e.children,l=e.classes,c=e.disableAutoFocusItem,d=void 0!==c&&c,f=e.MenuListProps,p=void 0===f?{}:f,h=e.onClose,v=e.onEntering,m=e.open,y=e.PaperProps,g=void 0===y?{}:y,b=e.PopoverClasses,_=e.transitionDuration,A=void 0===_?"auto":_,x=e.TransitionProps,w=(x=void 0===x?{}:x).onEntering,S=(0,o.A)(x,["onEntering"]),k=e.variant,C=void 0===k?"selectedMenu":k,R=(0,o.A)(e,["autoFocus","children","classes","disableAutoFocusItem","MenuListProps","onClose","onEntering","open","PaperProps","PopoverClasses","transitionDuration","TransitionProps","variant"]),E=(0,U.A)(),P=s&&!d&&m,O=i.li(null),N=i.li(null),T=-1;i.yL.map(u,function(e,t){i.zO(e)&&(e.props.disabled||("menu"!==C&&e.props.selected||-1===T)&&(T=t))});var j=i.yL.map(u,function(e,t){return t===T?i.Ob(e,{ref:function(t){N.current=i.oK(t),(0,ce.A)(e.ref,t)}}):e});return i.n(ne,(0,r.A)({getContentAnchorEl:function(){return N.current},classes:b,onClose:h,TransitionProps:(0,r.A)({onEntering:function(e,t){O.current&&O.current.adjustStyleForScrollbar(e,E),v&&v(e,t),w&&w(e,t)}},S),anchorOrigin:"rtl"===E.direction?de:fe,transformOrigin:"rtl"===E.direction?de:fe,PaperProps:(0,r.A)({},g,{classes:(0,r.A)({},g.classes,{root:l.paper})}),open:m,ref:t,transitionDuration:A},R),i.n(le,(0,r.A)({onKeyDown:function(e){"Tab"===e.key&&(e.preventDefault(),h&&h(e,"tabKeyDown"))},actions:O,autoFocus:s&&(-1===T||d),autoFocusItem:P,variant:C},p,{className:(0,a.A)(l.list,p.className)}),j))});const he=(0,s.A)({paper:{maxHeight:"calc(100% - 96px)",WebkitOverflowScrolling:"touch"},list:{outline:0}},{name:"MuiMenu"})(pe)},8777(e,t,n){"use strict";if(n.d(t,{A:()=>u}),362==n.j)var r=n(8621);if(362==n.j)var o=n(4680);var i=n(2719),a={root:{zIndex:-1,position:"fixed",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},invisible:{backgroundColor:"transparent"}},s=362==n.j?i.Rf(function(e,t){var n=e.invisible,s=void 0!==n&&n,u=e.open,l=(0,o.A)(e,["invisible","open"]);return u?i.n("div",(0,r.A)({"aria-hidden":!0,ref:t},l,{style:(0,r.A)({},a.root,s?a.invisible:{},l.style)})):null}):null;const u=362==n.j?s:null},438(e,t,n){"use strict";n.d(t,{A:()=>u});var r=n(2719);if(362==n.j)var o=n(7568);if(362==n.j)var i=n(6465);var a="undefined"!=typeof window?r.Nf:r.vJ,s=362==n.j?r.Rf(function(e,t){var n=e.children,s=e.container,u=e.disablePortal,l=void 0!==u&&u,c=e.onRendered,d=r.J0(null),f=d[0],p=d[1],h=(0,i.A)(r.zO(n)?n.ref:null,t);return a(function(){l||p(function(e){return e="function"==typeof e?e():e,r.oK(e)}(s)||document.body)},[s,l]),a(function(){if(f&&!l)return(0,o.A)(t,f),function(){(0,o.A)(t,null)}},[t,f,l]),a(function(){c&&(f||l)&&c()},[c,f,l]),l?r.zO(n)?r.Ob(n,{ref:h}):n:f?r.d5(n,f):f}):null;const u=362==n.j?s:null},1728(e,t,n){"use strict";n.d(t,{A:()=>c});var r=n(8621),o=n(4680),i=n(2719),a=n(8835),s=n(8950),u=n(7291),l=i.Rf(function(e,t){var n=e.children,s=e.classes,l=e.className,c=e.color,d=void 0===c?"inherit":c,f=e.component,p=void 0===f?"svg":f,h=e.fontSize,v=void 0===h?"medium":h,m=e.htmlColor,y=e.titleAccess,g=e.viewBox,b=void 0===g?"0 0 24 24":g,_=(0,o.A)(e,["children","classes","className","color","component","fontSize","htmlColor","titleAccess","viewBox"]);return i.n(p,(0,r.A)({className:(0,a.A)(s.root,l,"inherit"!==d&&s["color".concat((0,u.A)(d))],"default"!==v&&"medium"!==v&&s["fontSize".concat((0,u.A)(v))]),focusable:"false",viewBox:b,color:m,"aria-hidden":!y||void 0,role:y?"img":void 0,ref:t},_),n,y?i.n("title",null,y):null)});l.muiName="SvgIcon";const c=(0,s.A)(function(e){return{root:{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:"currentColor",flexShrink:0,fontSize:e.typography.pxToRem(24),transition:e.transitions.create("fill",{duration:e.transitions.duration.shorter})},colorPrimary:{color:e.palette.primary.main},colorSecondary:{color:e.palette.secondary.main},colorAction:{color:e.palette.action.active},colorError:{color:e.palette.error.main},colorDisabled:{color:e.palette.action.disabled},fontSizeInherit:{fontSize:"inherit"},fontSizeSmall:{fontSize:e.typography.pxToRem(20)},fontSizeLarge:{fontSize:e.typography.pxToRem(35)}}},{name:"MuiSvgIcon"})(l)},6699(e,t,n){"use strict";n.d(t,{A:()=>de});var r=n(8621),o=n(4680),i=n(2719),a=n(8835),s=n(5864);function u(e){var t=e.props,n=e.states,r=e.muiFormControl;return n.reduce(function(e,n){return e[n]=t[n],r&&void 0===t[n]&&(e[n]=r[n]),e},{})}var l=n(6325),c=n(8950),d=n(7291),f=n(6465),p=n(702);function h(e,t){return parseInt(e[t],10)||0}var v="undefined"!=typeof window?i.Nf:i.vJ,m={visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"};const y=i.Rf(function(e,t){var n=e.onChange,a=e.rows,s=e.rowsMax,u=e.rowsMin,l=e.maxRows,c=e.minRows,d=void 0===c?1:c,y=e.style,g=e.value,b=(0,o.A)(e,["onChange","rows","rowsMax","rowsMin","maxRows","minRows","style","value"]),_=l||s,A=a||u||d,x=i.li(null!=g).current,w=i.li(null),S=(0,f.A)(t,w),k=i.li(null),C=i.li(0),R=i.J0({}),E=R[0],P=R[1],O=i.hb(function(){var t=w.current,n=window.getComputedStyle(t),r=k.current;r.style.width=n.width,r.value=t.value||e.placeholder||"x","\n"===r.value.slice(-1)&&(r.value+=" ");var o=n["box-sizing"],i=h(n,"padding-bottom")+h(n,"padding-top"),a=h(n,"border-bottom-width")+h(n,"border-top-width"),s=r.scrollHeight-i;r.value="x";var u=r.scrollHeight-i,l=s;A&&(l=Math.max(Number(A)*u,l)),_&&(l=Math.min(Number(_)*u,l));var c=(l=Math.max(l,u))+("border-box"===o?i+a:0),d=Math.abs(l-s)<=1;P(function(e){return C.current<20&&(c>0&&Math.abs((e.outerHeightStyle||0)-c)>1||e.overflow!==d)?(C.current+=1,{overflow:d,outerHeightStyle:c}):e})},[_,A,e.placeholder]);return i.vJ(function(){var e=(0,p.A)(function(){C.current=0,O()});return window.addEventListener("resize",e),function(){e.clear(),window.removeEventListener("resize",e)}},[O]),v(function(){O()}),i.vJ(function(){C.current=0},[g]),i.n(i.FK,null,i.n("textarea",(0,r.A)({value:g,onChange:function(e){C.current=0,x||O(),n&&n(e)},ref:S,rows:A,style:(0,r.A)({height:E.outerHeightStyle,overflow:E.overflow?"hidden":null},y)},b)),i.n("textarea",{"aria-hidden":!0,className:e.className,readOnly:!0,ref:k,tabIndex:-1,style:(0,r.A)({},m,y)}))});var g=n(728),b="undefined"==typeof window?i.vJ:i.Nf,_=i.Rf(function(e,t){var n=e["aria-describedby"],c=e.autoComplete,p=e.autoFocus,h=e.classes,v=e.className,m=(e.color,e.defaultValue),_=e.disabled,A=e.endAdornment,x=(e.error,e.fullWidth),w=void 0!==x&&x,S=e.id,k=e.inputComponent,C=void 0===k?"input":k,R=e.inputProps,E=void 0===R?{}:R,P=e.inputRef,O=(e.margin,e.multiline),N=void 0!==O&&O,T=e.name,j=e.onBlur,M=e.onChange,$=e.onClick,F=e.onFocus,I=e.onKeyDown,L=e.onKeyUp,D=e.placeholder,W=e.readOnly,z=e.renderSuffix,B=e.rows,U=e.rowsMax,H=e.rowsMin,q=e.maxRows,V=e.minRows,J=e.startAdornment,K=e.type,X=void 0===K?"text":K,Y=e.value,G=(0,o.A)(e,["aria-describedby","autoComplete","autoFocus","classes","className","color","defaultValue","disabled","endAdornment","error","fullWidth","id","inputComponent","inputProps","inputRef","margin","multiline","name","onBlur","onChange","onClick","onFocus","onKeyDown","onKeyUp","placeholder","readOnly","renderSuffix","rows","rowsMax","rowsMin","maxRows","minRows","startAdornment","type","value"]),Z=null!=E.value?E.value:Y,Q=i.li(null!=Z).current,ee=i.li(),te=i.hb(function(e){},[]),ne=(0,f.A)(E.ref,te),re=(0,f.A)(P,ne),oe=(0,f.A)(ee,re),ie=i.J0(!1),ae=ie[0],se=ie[1],ue=(0,l.t)(),le=u({props:e,muiFormControl:ue,states:["color","disabled","error","hiddenLabel","margin","required","filled"]});le.focused=ue?ue.focused:ae,i.vJ(function(){!ue&&_&&ae&&(se(!1),j&&j())},[ue,_,ae,j]);var ce=ue&&ue.onFilled,de=ue&&ue.onEmpty,fe=i.hb(function(e){(0,g.lq)(e)?ce&&ce():de&&de()},[ce,de]);b(function(){Q&&fe({value:Z})},[Z,fe,Q]),i.vJ(function(){fe(ee.current)},[]);var pe=C,he=(0,r.A)({},E,{ref:oe});return"string"!=typeof pe?he=(0,r.A)({inputRef:oe,type:X},he,{ref:null}):N?!B||q||V||U||H?(he=(0,r.A)({minRows:B||V,rowsMax:U,maxRows:q},he),pe=y):pe="textarea":he=(0,r.A)({type:X},he),i.vJ(function(){ue&&ue.setAdornedStart(Boolean(J))},[ue,J]),i.n("div",(0,r.A)({className:(0,a.A)(h.root,h["color".concat((0,d.A)(le.color||"primary"))],v,le.disabled&&h.disabled,le.error&&h.error,w&&h.fullWidth,le.focused&&h.focused,ue&&h.formControl,N&&h.multiline,J&&h.adornedStart,A&&h.adornedEnd,"dense"===le.margin&&h.marginDense),onClick:function(e){ee.current&&e.currentTarget===e.target&&ee.current.focus(),$&&$(e)},ref:t},G),J,i.n(l.A.Provider,{value:null},i.n(pe,(0,r.A)({"aria-invalid":le.error,"aria-describedby":n,autoComplete:c,autoFocus:p,defaultValue:m,disabled:le.disabled,id:S,onAnimationStart:function(e){fe("mui-auto-fill-cancel"===e.animationName?ee.current:{value:"x"})},name:T,placeholder:D,readOnly:W,required:le.required,rows:B,value:Z,onKeyDown:I,onKeyUp:L},he,{className:(0,a.A)(h.input,E.className,le.disabled&&h.disabled,N&&h.inputMultiline,le.hiddenLabel&&h.inputHiddenLabel,J&&h.inputAdornedStart,A&&h.inputAdornedEnd,"search"===X&&h.inputTypeSearch,"dense"===le.margin&&h.inputMarginDense),onBlur:function(e){j&&j(e),E.onBlur&&E.onBlur(e),ue&&ue.onBlur?ue.onBlur(e):se(!1)},onChange:function(e){if(!Q){var t=e.target||ee.current;if(null==t)throw new Error((0,s.A)(1));fe({value:t.value})}for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];E.onChange&&E.onChange.apply(E,[e].concat(r)),M&&M.apply(void 0,[e].concat(r))},onFocus:function(e){le.disabled?e.stopPropagation():(F&&F(e),E.onFocus&&E.onFocus(e),ue&&ue.onFocus?ue.onFocus(e):se(!0))}}))),A,z?z((0,r.A)({},le,{startAdornment:J})):null)});const A=(0,c.A)(function(e){var t="light"===e.palette.type,n={color:"currentColor",opacity:t?.42:.5,transition:e.transitions.create("opacity",{duration:e.transitions.duration.shorter})},o={opacity:"0 !important"},i={opacity:t?.42:.5};return{"@global":{"@keyframes mui-auto-fill":{},"@keyframes mui-auto-fill-cancel":{}},root:(0,r.A)({},e.typography.body1,{color:e.palette.text.primary,lineHeight:"1.1876em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center","&$disabled":{color:e.palette.text.disabled,cursor:"default"}}),formControl:{},focused:{},disabled:{},adornedStart:{},adornedEnd:{},error:{},marginDense:{},multiline:{padding:"".concat(6,"px 0 ").concat(7,"px"),"&$marginDense":{paddingTop:3}},colorSecondary:{},fullWidth:{width:"100%"},input:{font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"".concat(6,"px 0 ").concat(7,"px"),border:0,boxSizing:"content-box",background:"none",height:"1.1876em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%",animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&::-webkit-input-placeholder":n,"&::-moz-placeholder":n,"&:-ms-input-placeholder":n,"&::-ms-input-placeholder":n,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{"-webkit-appearance":"none"},"label[data-shrink=false] + $formControl &":{"&::-webkit-input-placeholder":o,"&::-moz-placeholder":o,"&:-ms-input-placeholder":o,"&::-ms-input-placeholder":o,"&:focus::-webkit-input-placeholder":i,"&:focus::-moz-placeholder":i,"&:focus:-ms-input-placeholder":i,"&:focus::-ms-input-placeholder":i},"&$disabled":{opacity:1},"&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}},inputMarginDense:{paddingTop:3},inputMultiline:{height:"auto",resize:"none",padding:0},inputTypeSearch:{"-moz-appearance":"textfield","-webkit-appearance":"textfield"},inputAdornedStart:{},inputAdornedEnd:{},inputHiddenLabel:{}}},{name:"MuiInputBase"})(_);var x=i.Rf(function(e,t){var n=e.disableUnderline,s=e.classes,u=e.fullWidth,l=void 0!==u&&u,c=e.inputComponent,d=void 0===c?"input":c,f=e.multiline,p=void 0!==f&&f,h=e.type,v=void 0===h?"text":h,m=(0,o.A)(e,["disableUnderline","classes","fullWidth","inputComponent","multiline","type"]);return i.n(A,(0,r.A)({classes:(0,r.A)({},s,{root:(0,a.A)(s.root,!n&&s.underline),underline:null}),fullWidth:l,inputComponent:d,multiline:p,ref:t,type:v},m))});x.muiName="Input";const w=(0,c.A)(function(e){var t="light"===e.palette.type?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)";return{root:{position:"relative"},formControl:{"label + &":{marginTop:16}},focused:{},disabled:{},colorSecondary:{"&$underline:after":{borderBottomColor:e.palette.secondary.main}},underline:{"&:after":{borderBottom:"2px solid ".concat(e.palette.primary.main),left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},"&$focused:after":{transform:"scaleX(1)"},"&$error:after":{borderBottomColor:e.palette.error.main,transform:"scaleX(1)"},"&:before":{borderBottom:"1px solid ".concat(t),left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},"&:hover:not($disabled):before":{borderBottom:"2px solid ".concat(e.palette.text.primary),"@media (hover: none)":{borderBottom:"1px solid ".concat(t)}},"&$disabled:before":{borderBottomStyle:"dotted"}},error:{},marginDense:{},multiline:{},fullWidth:{},input:{},inputMarginDense:{},inputMultiline:{},inputTypeSearch:{}}},{name:"MuiInput"})(x);var S=i.Rf(function(e,t){var n=e.disableUnderline,s=e.classes,u=e.fullWidth,l=void 0!==u&&u,c=e.inputComponent,d=void 0===c?"input":c,f=e.multiline,p=void 0!==f&&f,h=e.type,v=void 0===h?"text":h,m=(0,o.A)(e,["disableUnderline","classes","fullWidth","inputComponent","multiline","type"]);return i.n(A,(0,r.A)({classes:(0,r.A)({},s,{root:(0,a.A)(s.root,!n&&s.underline),underline:null}),fullWidth:l,inputComponent:d,multiline:p,ref:t,type:v},m))});S.muiName="Input";const k=(0,c.A)(function(e){var t="light"===e.palette.type,n=t?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)",r=t?"rgba(0, 0, 0, 0.09)":"rgba(255, 255, 255, 0.09)";return{root:{position:"relative",backgroundColor:r,borderTopLeftRadius:e.shape.borderRadius,borderTopRightRadius:e.shape.borderRadius,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),"&:hover":{backgroundColor:t?"rgba(0, 0, 0, 0.13)":"rgba(255, 255, 255, 0.13)","@media (hover: none)":{backgroundColor:r}},"&$focused":{backgroundColor:t?"rgba(0, 0, 0, 0.09)":"rgba(255, 255, 255, 0.09)"},"&$disabled":{backgroundColor:t?"rgba(0, 0, 0, 0.12)":"rgba(255, 255, 255, 0.12)"}},colorSecondary:{"&$underline:after":{borderBottomColor:e.palette.secondary.main}},underline:{"&:after":{borderBottom:"2px solid ".concat(e.palette.primary.main),left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},"&$focused:after":{transform:"scaleX(1)"},"&$error:after":{borderBottomColor:e.palette.error.main,transform:"scaleX(1)"},"&:before":{borderBottom:"1px solid ".concat(n),left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},"&:hover:before":{borderBottom:"1px solid ".concat(e.palette.text.primary)},"&$disabled:before":{borderBottomStyle:"dotted"}},focused:{},disabled:{},adornedStart:{paddingLeft:12},adornedEnd:{paddingRight:12},error:{},marginDense:{},multiline:{padding:"27px 12px 10px","&$marginDense":{paddingTop:23,paddingBottom:6}},input:{padding:"27px 12px 10px","&:-webkit-autofill":{WebkitBoxShadow:"light"===e.palette.type?null:"0 0 0 100px #266798 inset",WebkitTextFillColor:"light"===e.palette.type?null:"#fff",caretColor:"light"===e.palette.type?null:"#fff",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}},inputMarginDense:{paddingTop:23,paddingBottom:6},inputHiddenLabel:{paddingTop:18,paddingBottom:19,"&$inputMarginDense":{paddingTop:10,paddingBottom:11}},inputMultiline:{padding:0},inputAdornedStart:{paddingLeft:0},inputAdornedEnd:{paddingRight:0}}},{name:"MuiFilledInput"})(S);var C=n(6328),R=n(5128),E=i.Rf(function(e,t){e.children;var n=e.classes,s=e.className,u=e.label,l=e.labelWidth,c=e.notched,f=e.style,p=(0,o.A)(e,["children","classes","className","label","labelWidth","notched","style"]),h="rtl"===(0,R.A)().direction?"right":"left";if(void 0!==u)return i.n("fieldset",(0,r.A)({"aria-hidden":!0,className:(0,a.A)(n.root,s),ref:t,style:f},p),i.n("legend",{className:(0,a.A)(n.legendLabelled,c&&n.legendNotched)},u?i.n("span",null,u):i.n("span",{dangerouslySetInnerHTML:{__html:"&#8203;"}})));var v=l>0?.75*l+8:.01;return i.n("fieldset",(0,r.A)({"aria-hidden":!0,style:(0,r.A)((0,C.A)({},"padding".concat((0,d.A)(h)),8),f),className:(0,a.A)(n.root,s),ref:t},p),i.n("legend",{className:n.legend,style:{width:c?v:.01}},i.n("span",{dangerouslySetInnerHTML:{__html:"&#8203;"}})))});const P=(0,c.A)(function(e){return{root:{position:"absolute",bottom:0,right:0,top:-5,left:0,margin:0,padding:"0 8px",pointerEvents:"none",borderRadius:"inherit",borderStyle:"solid",borderWidth:1,overflow:"hidden"},legend:{textAlign:"left",padding:0,lineHeight:"11px",transition:e.transitions.create("width",{duration:150,easing:e.transitions.easing.easeOut})},legendLabelled:{display:"block",width:"auto",textAlign:"left",padding:0,height:11,fontSize:"0.75em",visibility:"hidden",maxWidth:.01,transition:e.transitions.create("max-width",{duration:50,easing:e.transitions.easing.easeOut}),"& > span":{paddingLeft:5,paddingRight:5,display:"inline-block"}},legendNotched:{maxWidth:1e3,transition:e.transitions.create("max-width",{duration:100,easing:e.transitions.easing.easeOut,delay:50})}}},{name:"PrivateNotchedOutline"})(E);var O=i.Rf(function(e,t){var n=e.classes,s=e.fullWidth,u=void 0!==s&&s,l=e.inputComponent,c=void 0===l?"input":l,d=e.label,f=e.labelWidth,p=void 0===f?0:f,h=e.multiline,v=void 0!==h&&h,m=e.notched,y=e.type,g=void 0===y?"text":y,b=(0,o.A)(e,["classes","fullWidth","inputComponent","label","labelWidth","multiline","notched","type"]);return i.n(A,(0,r.A)({renderSuffix:function(e){return i.n(P,{className:n.notchedOutline,label:d,labelWidth:p,notched:void 0!==m?m:Boolean(e.startAdornment||e.filled||e.focused)})},classes:(0,r.A)({},n,{root:(0,a.A)(n.root,n.underline),notchedOutline:null}),fullWidth:u,inputComponent:c,multiline:v,ref:t,type:g},b))});O.muiName="Input";const N=(0,c.A)(function(e){var t="light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)";return{root:{position:"relative",borderRadius:e.shape.borderRadius,"&:hover $notchedOutline":{borderColor:e.palette.text.primary},"@media (hover: none)":{"&:hover $notchedOutline":{borderColor:t}},"&$focused $notchedOutline":{borderColor:e.palette.primary.main,borderWidth:2},"&$error $notchedOutline":{borderColor:e.palette.error.main},"&$disabled $notchedOutline":{borderColor:e.palette.action.disabled}},colorSecondary:{"&$focused $notchedOutline":{borderColor:e.palette.secondary.main}},focused:{},disabled:{},adornedStart:{paddingLeft:14},adornedEnd:{paddingRight:14},error:{},marginDense:{},multiline:{padding:"18.5px 14px","&$marginDense":{paddingTop:10.5,paddingBottom:10.5}},notchedOutline:{borderColor:t},input:{padding:"18.5px 14px","&:-webkit-autofill":{WebkitBoxShadow:"light"===e.palette.type?null:"0 0 0 100px #266798 inset",WebkitTextFillColor:"light"===e.palette.type?null:"#fff",caretColor:"light"===e.palette.type?null:"#fff",borderRadius:"inherit"}},inputMarginDense:{paddingTop:10.5,paddingBottom:10.5},inputMultiline:{padding:0},inputAdornedStart:{paddingLeft:0},inputAdornedEnd:{paddingRight:0}}},{name:"MuiOutlinedInput"})(O);function T(){return i.NT(l.A)}var j=i.Rf(function(e,t){var n=e.children,s=e.classes,l=e.className,c=(e.color,e.component),f=void 0===c?"label":c,p=(e.disabled,e.error,e.filled,e.focused,e.required,(0,o.A)(e,["children","classes","className","color","component","disabled","error","filled","focused","required"])),h=u({props:e,muiFormControl:T(),states:["color","required","focused","disabled","error","filled"]});return i.n(f,(0,r.A)({className:(0,a.A)(s.root,s["color".concat((0,d.A)(h.color||"primary"))],l,h.disabled&&s.disabled,h.error&&s.error,h.filled&&s.filled,h.focused&&s.focused,h.required&&s.required),ref:t},p),n,h.required&&i.n("span",{"aria-hidden":!0,className:(0,a.A)(s.asterisk,h.error&&s.error)},"&thinsp;","*"))});const M=(0,c.A)(function(e){return{root:(0,r.A)({color:e.palette.text.secondary},e.typography.body1,{lineHeight:1,padding:0,"&$focused":{color:e.palette.primary.main},"&$disabled":{color:e.palette.text.disabled},"&$error":{color:e.palette.error.main}}),colorSecondary:{"&$focused":{color:e.palette.secondary.main}},focused:{},disabled:{},error:{},filled:{},required:{},asterisk:{"&$error":{color:e.palette.error.main}}}},{name:"MuiFormLabel"})(j);var $=i.Rf(function(e,t){var n=e.classes,s=e.className,l=e.disableAnimation,c=void 0!==l&&l,d=(e.margin,e.shrink),f=(e.variant,(0,o.A)(e,["classes","className","disableAnimation","margin","shrink","variant"])),p=T(),h=d;void 0===h&&p&&(h=p.filled||p.focused||p.adornedStart);var v=u({props:e,muiFormControl:p,states:["margin","variant"]});return i.n(M,(0,r.A)({"data-shrink":h,className:(0,a.A)(n.root,s,p&&n.formControl,!c&&n.animated,h&&n.shrink,"dense"===v.margin&&n.marginDense,{filled:n.filled,outlined:n.outlined}[v.variant]),classes:{focused:n.focused,disabled:n.disabled,error:n.error,required:n.required,asterisk:n.asterisk},ref:t},f))});const F=(0,c.A)(function(e){return{root:{display:"block",transformOrigin:"top left"},focused:{},disabled:{},error:{},required:{},asterisk:{},formControl:{position:"absolute",left:0,top:0,transform:"translate(0, 24px) scale(1)"},marginDense:{transform:"translate(0, 21px) scale(1)"},shrink:{transform:"translate(0, 1.5px) scale(0.75)",transformOrigin:"top left"},animated:{transition:e.transitions.create(["color","transform"],{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut})},filled:{zIndex:1,pointerEvents:"none",transform:"translate(12px, 20px) scale(1)","&$marginDense":{transform:"translate(12px, 17px) scale(1)"},"&$shrink":{transform:"translate(12px, 10px) scale(0.75)","&$marginDense":{transform:"translate(12px, 7px) scale(0.75)"}}},outlined:{zIndex:1,pointerEvents:"none",transform:"translate(14px, 20px) scale(1)","&$marginDense":{transform:"translate(14px, 12px) scale(1)"},"&$shrink":{transform:"translate(14px, -6px) scale(0.75)"}}}},{name:"MuiInputLabel"})($);function I(e,t){return i.zO(e)&&-1!==t.indexOf(e.type.muiName)}var L=i.Rf(function(e,t){var n=e.children,s=e.classes,u=e.className,c=e.color,f=void 0===c?"primary":c,p=e.component,h=void 0===p?"div":p,v=e.disabled,m=void 0!==v&&v,y=e.error,b=void 0!==y&&y,_=e.fullWidth,A=void 0!==_&&_,x=e.focused,w=e.hiddenLabel,S=void 0!==w&&w,k=e.margin,C=void 0===k?"none":k,R=e.required,E=void 0!==R&&R,P=e.size,O=e.variant,N=void 0===O?"standard":O,T=(0,o.A)(e,["children","classes","className","color","component","disabled","error","fullWidth","focused","hiddenLabel","margin","required","size","variant"]),j=i.J0(function(){var e=!1;return n&&i.yL.forEach(n,function(t){if(I(t,["Input","Select"])){var n=I(t,["Select"])?t.props.input:t;n&&(0,g.gr)(n.props)&&(e=!0)}}),e}),M=j[0],$=j[1],F=i.J0(function(){var e=!1;return n&&i.yL.forEach(n,function(t){I(t,["Input","Select"])&&(0,g.lq)(t.props,!0)&&(e=!0)}),e}),L=F[0],D=F[1],W=i.J0(!1),z=W[0],B=W[1],U=void 0!==x?x:z;m&&U&&B(!1);var H=i.hb(function(){D(!0)},[]),q={adornedStart:M,setAdornedStart:$,color:f,disabled:m,error:b,filled:L,focused:U,fullWidth:A,hiddenLabel:S,margin:("small"===P?"dense":void 0)||C,onBlur:function(){B(!1)},onEmpty:i.hb(function(){D(!1)},[]),onFilled:H,onFocus:function(){B(!0)},registerEffect:void 0,required:E,variant:N};return i.n(l.A.Provider,{value:q},i.n(h,(0,r.A)({className:(0,a.A)(s.root,u,"none"!==C&&s["margin".concat((0,d.A)(C))],A&&s.fullWidth),ref:t},T),n))});const D=(0,c.A)({root:{display:"inline-flex",flexDirection:"column",position:"relative",minWidth:0,padding:0,margin:0,border:0,verticalAlign:"top"},marginNormal:{marginTop:16,marginBottom:8},marginDense:{marginTop:8,marginBottom:4},fullWidth:{width:"100%"}},{name:"MuiFormControl"})(L);var W=i.Rf(function(e,t){var n=e.children,s=e.classes,l=e.className,c=e.component,d=void 0===c?"p":c,f=(e.disabled,e.error,e.filled,e.focused,e.margin,e.required,e.variant,(0,o.A)(e,["children","classes","className","component","disabled","error","filled","focused","margin","required","variant"])),p=u({props:e,muiFormControl:T(),states:["variant","margin","disabled","error","filled","focused","required"]});return i.n(d,(0,r.A)({className:(0,a.A)(s.root,("filled"===p.variant||"outlined"===p.variant)&&s.contained,l,p.disabled&&s.disabled,p.error&&s.error,p.filled&&s.filled,p.focused&&s.focused,p.required&&s.required,"dense"===p.margin&&s.marginDense),ref:t},f)," "===n?i.n("span",{dangerouslySetInnerHTML:{__html:"&#8203;"}}):n)});const z=(0,c.A)(function(e){return{root:(0,r.A)({color:e.palette.text.secondary},e.typography.caption,{textAlign:"left",marginTop:3,margin:0,"&$disabled":{color:e.palette.text.disabled},"&$error":{color:e.palette.error.main}}),error:{},disabled:{},marginDense:{marginTop:4},contained:{marginLeft:14,marginRight:14},focused:{},filled:{},required:{}}},{name:"MuiFormHelperText"})(W);var B=n(5642),U=n(3156),H=n(3715),q=(n(8141),n(5827)),V=n(7662),J=n(7516);function K(e,t){return"object"===(0,H.A)(t)&&null!==t?e===t:String(e)===String(t)}const X=i.Rf(function(e,t){var n=e["aria-label"],u=e.autoFocus,l=e.autoWidth,c=e.children,p=e.classes,h=e.className,v=e.defaultValue,m=e.disabled,y=e.displayEmpty,b=e.IconComponent,_=e.inputRef,A=e.labelId,x=e.MenuProps,w=void 0===x?{}:x,S=e.multiple,k=e.name,C=e.onBlur,R=e.onChange,E=e.onClose,P=e.onFocus,O=e.onOpen,N=e.open,T=e.readOnly,j=e.renderValue,M=e.SelectDisplayProps,$=void 0===M?{}:M,F=e.tabIndex,I=(e.type,e.value),L=e.variant,D=void 0===L?"standard":L,W=(0,o.A)(e,["aria-label","autoFocus","autoWidth","children","classes","className","defaultValue","disabled","displayEmpty","IconComponent","inputRef","labelId","MenuProps","multiple","name","onBlur","onChange","onClose","onFocus","onOpen","open","readOnly","renderValue","SelectDisplayProps","tabIndex","type","value","variant"]),z=(0,J.A)({controlled:I,default:v,name:"Select"}),B=(0,U.A)(z,2),H=B[0],X=B[1],Y=i.li(null),G=i.J0(null),Z=G[0],Q=G[1],ee=i.li(null!=N).current,te=i.J0(),ne=te[0],re=te[1],oe=i.J0(!1),ie=oe[0],ae=oe[1],se=(0,f.A)(t,_);i.Yn(se,function(){return{focus:function(){Z.focus()},node:Y.current,value:H}},[Z,H]),i.vJ(function(){u&&Z&&Z.focus()},[u,Z]),i.vJ(function(){if(Z){var e=(0,q.A)(Z).getElementById(A);if(e){var t=function(){getSelection().isCollapsed&&Z.focus()};return e.addEventListener("click",t),function(){e.removeEventListener("click",t)}}}},[A,Z]);var ue,le,ce=function(e,t){e?O&&O(t):E&&E(t),ee||(re(l?null:Z.clientWidth),ae(e))},de=i.yL.toArray(c),fe=function(e){return function(t){var n;if(S||ce(!1,t),S){n=Array.isArray(H)?H.slice():[];var r=H.indexOf(e.props.value);-1===r?n.push(e.props.value):n.splice(r,1)}else n=e.props.value;e.props.onClick&&e.props.onClick(t),H!==n&&(X(n),R&&(t.persist(),Object.defineProperty(t,"target",{writable:!0,value:{value:n,name:k}}),R(t,e)))}},pe=null!==Z&&(ee?N:ie);delete W["aria-invalid"];var he=[],ve=!1;((0,g.lq)({value:H})||y)&&(j?ue=j(H):ve=!0);var me=de.map(function(e){if(!i.zO(e))return null;var t;if(S){if(!Array.isArray(H))throw new Error((0,s.A)(2));(t=H.some(function(t){return K(t,e.props.value)}))&&ve&&he.push(e.props.children)}else(t=K(H,e.props.value))&&ve&&(le=e.props.children);return i.Ob(e,{"aria-selected":t?"true":void 0,onClick:fe(e),onKeyUp:function(t){" "===t.key&&t.preventDefault(),e.props.onKeyUp&&e.props.onKeyUp(t)},role:"option",selected:t,value:void 0,"data-value":e.props.value})});ve&&(ue=S?he.join(", "):le);var ye,ge=ne;!l&&ee&&Z&&(ge=Z.clientWidth),ye=void 0!==F?F:m?null:0;var be=$.id||(k?"mui-component-select-".concat(k):void 0);return i.n(i.FK,null,i.n("div",(0,r.A)({className:(0,a.A)(p.root,p.select,p.selectMenu,p[D],h,m&&p.disabled),ref:Q,tabIndex:ye,role:"button","aria-disabled":m?"true":void 0,"aria-expanded":pe?"true":void 0,"aria-haspopup":"listbox","aria-label":n,"aria-labelledby":[A,be].filter(Boolean).join(" ")||void 0,onKeyDown:function(e){T||-1!==[" ","ArrowUp","ArrowDown","Enter"].indexOf(e.key)&&(e.preventDefault(),ce(!0,e))},onMouseDown:m||T?null:function(e){0===e.button&&(e.preventDefault(),Z.focus(),ce(!0,e))},onBlur:function(e){!pe&&C&&(e.persist(),Object.defineProperty(e,"target",{writable:!0,value:{value:H,name:k}}),C(e))},onFocus:P},$,{id:be}),function(e){return null==e||"string"==typeof e&&!e.trim()}(ue)?i.n("span",{dangerouslySetInnerHTML:{__html:"&#8203;"}}):ue),i.n("input",(0,r.A)({value:Array.isArray(H)?H.join(","):H,name:k,ref:Y,"aria-hidden":!0,onChange:function(e){var t=de.map(function(e){return e.props.value}).indexOf(e.target.value);if(-1!==t){var n=de[t];X(n.props.value),R&&R(e,n)}},tabIndex:-1,className:p.nativeInput,autoFocus:u},W)),i.n(b,{className:(0,a.A)(p.icon,p["icon".concat((0,d.A)(D))],pe&&p.iconOpen,m&&p.disabled)}),i.n(V.A,(0,r.A)({id:"menu-".concat(k||""),anchorEl:Z,open:pe,onClose:function(e){ce(!1,e)}},w,{MenuListProps:(0,r.A)({"aria-labelledby":A,role:"listbox",disableListWrap:!0},w.MenuListProps),PaperProps:(0,r.A)({},w.PaperProps,{style:(0,r.A)({minWidth:ge},null!=w.PaperProps?w.PaperProps.style:null)})}),me))});var Y=n(1728);const G=(Z=i.n("path",{d:"M7 10l5 5 5-5z"}),(Q=function(e,t){return i.Ay.createElement(Y.A,(0,r.A)({ref:t},e),Z)}).muiName=Y.A.muiName,i.Ay.memo(i.Ay.forwardRef(Q)));var Z,Q;const ee=i.Rf(function(e,t){var n=e.classes,s=e.className,u=e.disabled,l=e.IconComponent,c=e.inputRef,f=e.variant,p=void 0===f?"standard":f,h=(0,o.A)(e,["classes","className","disabled","IconComponent","inputRef","variant"]);return i.n(i.FK,null,i.n("select",(0,r.A)({className:(0,a.A)(n.root,n.select,n[p],s,u&&n.disabled),disabled:u,ref:c||t},h)),e.multiple?null:i.n(l,{className:(0,a.A)(n.icon,n["icon".concat((0,d.A)(p))],u&&n.disabled)}))});var te=function(e){return{root:{},select:{"-moz-appearance":"none","-webkit-appearance":"none",userSelect:"none",borderRadius:0,minWidth:16,cursor:"pointer","&:focus":{backgroundColor:"light"===e.palette.type?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)",borderRadius:0},"&::-ms-expand":{display:"none"},"&$disabled":{cursor:"default"},"&[multiple]":{height:"auto"},"&:not([multiple]) option, &:not([multiple]) optgroup":{backgroundColor:e.palette.background.paper},"&&":{paddingRight:24}},filled:{"&&":{paddingRight:32}},outlined:{borderRadius:e.shape.borderRadius,"&&":{paddingRight:32}},selectMenu:{height:"auto",minHeight:"1.1876em",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},disabled:{},icon:{position:"absolute",right:0,top:"calc(50% - 12px)",pointerEvents:"none",color:e.palette.action.active,"&$disabled":{color:e.palette.action.disabled}},iconOpen:{transform:"rotate(180deg)"},iconFilled:{right:7},iconOutlined:{right:7},nativeInput:{bottom:0,left:0,position:"absolute",opacity:0,pointerEvents:"none",width:"100%"}}},ne=i.n(w,null),re=i.Rf(function(e,t){var n=e.children,a=e.classes,s=e.IconComponent,l=void 0===s?G:s,c=e.input,d=void 0===c?ne:c,f=e.inputProps,p=(e.variant,(0,o.A)(e,["children","classes","IconComponent","input","inputProps","variant"])),h=u({props:e,muiFormControl:T(),states:["variant"]});return i.Ob(d,(0,r.A)({inputComponent:ee,inputProps:(0,r.A)({children:n,classes:a,IconComponent:l,variant:h.variant,type:void 0},f,d?d.props.inputProps:{}),ref:t},p))});re.muiName="Select",(0,c.A)(te,{name:"MuiNativeSelect"})(re);var oe=te,ie=i.n(w,null),ae=i.n(k,null),se=i.Rf(function e(t,n){var a=t.autoWidth,s=void 0!==a&&a,l=t.children,c=t.classes,d=t.displayEmpty,f=void 0!==d&&d,p=t.IconComponent,h=void 0===p?G:p,v=t.id,m=t.input,y=t.inputProps,g=t.label,b=t.labelId,_=t.labelWidth,A=void 0===_?0:_,x=t.MenuProps,w=t.multiple,S=void 0!==w&&w,k=t.native,C=void 0!==k&&k,R=t.onClose,E=t.onOpen,P=t.open,O=t.renderValue,j=t.SelectDisplayProps,M=t.variant,$=void 0===M?"standard":M,F=(0,o.A)(t,["autoWidth","children","classes","displayEmpty","IconComponent","id","input","inputProps","label","labelId","labelWidth","MenuProps","multiple","native","onClose","onOpen","open","renderValue","SelectDisplayProps","variant"]),I=C?ee:X,L=u({props:t,muiFormControl:T(),states:["variant"]}).variant||$,D=m||{standard:ie,outlined:i.n(N,{label:g,labelWidth:A}),filled:ae}[L];return i.Ob(D,(0,r.A)({inputComponent:I,inputProps:(0,r.A)({children:l,IconComponent:h,variant:L,type:void 0,multiple:S},C?{id:v}:{autoWidth:s,displayEmpty:f,labelId:b,MenuProps:x,onClose:R,onOpen:E,open:P,renderValue:O,SelectDisplayProps:(0,r.A)({id:v},j)},y,{classes:y?(0,B.A)({baseClasses:c,newClasses:y.classes,Component:e}):c},m?m.props.inputProps:{}),ref:n},F))});se.muiName="Select";const ue=(0,c.A)(oe,{name:"MuiSelect"})(se);var le={standard:w,filled:k,outlined:N},ce=i.Rf(function(e,t){var n=e.autoComplete,s=e.autoFocus,u=void 0!==s&&s,l=e.children,c=e.classes,d=e.className,f=e.color,p=void 0===f?"primary":f,h=e.defaultValue,v=e.disabled,m=void 0!==v&&v,y=e.error,g=void 0!==y&&y,b=e.FormHelperTextProps,_=e.fullWidth,A=void 0!==_&&_,x=e.helperText,w=e.hiddenLabel,S=e.id,k=e.InputLabelProps,C=e.inputProps,R=e.InputProps,E=e.inputRef,P=e.label,O=e.multiline,N=void 0!==O&&O,T=e.name,j=e.onBlur,M=e.onChange,$=e.onFocus,I=e.placeholder,L=e.required,W=void 0!==L&&L,B=e.rows,U=e.rowsMax,H=e.maxRows,q=e.minRows,V=e.select,J=void 0!==V&&V,K=e.SelectProps,X=e.type,Y=e.value,G=e.variant,Z=void 0===G?"standard":G,Q=(0,o.A)(e,["autoComplete","autoFocus","children","classes","className","color","defaultValue","disabled","error","FormHelperTextProps","fullWidth","helperText","hiddenLabel","id","InputLabelProps","inputProps","InputProps","inputRef","label","multiline","name","onBlur","onChange","onFocus","placeholder","required","rows","rowsMax","maxRows","minRows","select","SelectProps","type","value","variant"]),ee={};if("outlined"===Z&&(k&&void 0!==k.shrink&&(ee.notched=k.shrink),P)){var te,ne=null!==(te=null==k?void 0:k.required)&&void 0!==te?te:W;ee.label=i.n(i.FK,null,P,ne&&"&nbsp;*")}J&&(K&&K.native||(ee.id=void 0),ee["aria-describedby"]=void 0);var re=x&&S?"".concat(S,"-helper-text"):void 0,oe=P&&S?"".concat(S,"-label"):void 0,ie=le[Z],ae=i.n(ie,(0,r.A)({"aria-describedby":re,autoComplete:n,autoFocus:u,defaultValue:h,fullWidth:A,multiline:N,name:T,rows:B,rowsMax:U,maxRows:H,minRows:q,type:X,value:Y,id:S,inputRef:E,onBlur:j,onChange:M,onFocus:$,placeholder:I,inputProps:C},ee,R));return i.n(D,(0,r.A)({className:(0,a.A)(c.root,d),disabled:m,error:g,fullWidth:A,hiddenLabel:w,ref:t,required:W,color:p,variant:Z},Q),P&&i.n(F,(0,r.A)({htmlFor:S,id:oe},k),P),J?i.n(ue,(0,r.A)({"aria-describedby":re,id:S,labelId:oe,value:Y,input:ae},K),l):ae,x&&i.n(z,(0,r.A)({id:re},b),x))});const de=(0,c.A)({root:{}},{name:"MuiTextField"})(ce)},7288(e,t,n){"use strict";n.d(t,{A:()=>d});var r=n(8621),o=n(4680),i=n(2719),a=n(8835),s=n(8950),u=n(7291),l={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p"},c=i.Rf(function(e,t){var n=e.align,s=void 0===n?"inherit":n,c=e.classes,d=e.className,f=e.color,p=void 0===f?"initial":f,h=e.component,v=e.display,m=void 0===v?"initial":v,y=e.gutterBottom,g=void 0!==y&&y,b=e.noWrap,_=void 0!==b&&b,A=e.paragraph,x=void 0!==A&&A,w=e.variant,S=void 0===w?"body1":w,k=e.variantMapping,C=void 0===k?l:k,R=(0,o.A)(e,["align","classes","className","color","component","display","gutterBottom","noWrap","paragraph","variant","variantMapping"]),E=h||(x?"p":C[S]||l[S])||"span";return i.n(E,(0,r.A)({className:(0,a.A)(c.root,d,"inherit"!==S&&c[S],"initial"!==p&&c["color".concat((0,u.A)(p))],_&&c.noWrap,g&&c.gutterBottom,x&&c.paragraph,"inherit"!==s&&c["align".concat((0,u.A)(s))],"initial"!==m&&c["display".concat((0,u.A)(m))]),ref:t},R))});const d=(0,s.A)(function(e){return{root:{margin:0},body2:e.typography.body2,body1:e.typography.body1,caption:e.typography.caption,button:e.typography.button,h1:e.typography.h1,h2:e.typography.h2,h3:e.typography.h3,h4:e.typography.h4,h5:e.typography.h5,h6:e.typography.h6,subtitle1:e.typography.subtitle1,subtitle2:e.typography.subtitle2,overline:e.typography.overline,srOnly:{position:"absolute",height:1,width:1,overflow:"hidden"},alignLeft:{textAlign:"left"},alignCenter:{textAlign:"center"},alignRight:{textAlign:"right"},alignJustify:{textAlign:"justify"},noWrap:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},gutterBottom:{marginBottom:"0.35em"},paragraph:{marginBottom:16},colorInherit:{color:"inherit"},colorPrimary:{color:e.palette.primary.main},colorSecondary:{color:e.palette.secondary.main},colorTextPrimary:{color:e.palette.text.primary},colorTextSecondary:{color:e.palette.text.secondary},colorError:{color:e.palette.error.main},displayInline:{display:"inline"},displayBlock:{display:"block"}}},{name:"MuiTypography"})(c)},6094(e,t,n){"use strict";n.d(t,{A:()=>a});var r=n(2719);if(362==n.j)var o=n(5827);if(362==n.j)var i=n(6465);const a=362==n.j?function(e){var t=e.children,n=e.disableAutoFocus,a=void 0!==n&&n,s=e.disableEnforceFocus,u=void 0!==s&&s,l=e.disableRestoreFocus,c=void 0!==l&&l,d=e.getDoc,f=e.isEnabled,p=e.open,h=r.li(),v=r.li(null),m=r.li(null),y=r.li(),g=r.li(null),b=r.hb(function(e){g.current=r.oK(e)},[]),_=(0,i.A)(t.ref,b),A=r.li();return r.vJ(function(){A.current=p},[p]),!A.current&&p&&"undefined"!=typeof window&&(y.current=d().activeElement),r.vJ(function(){if(p){var e=(0,o.A)(g.current);a||!g.current||g.current.contains(e.activeElement)||(g.current.hasAttribute("tabIndex")||g.current.setAttribute("tabIndex",-1),g.current.focus());var t=function(){null!==g.current&&(e.hasFocus()&&!u&&f()&&!h.current?g.current&&!g.current.contains(e.activeElement)&&g.current.focus():h.current=!1)},n=function(t){!u&&f()&&9===t.keyCode&&e.activeElement===g.current&&(h.current=!0,t.shiftKey?m.current.focus():v.current.focus())};e.addEventListener("focus",t,!0),e.addEventListener("keydown",n,!0);var r=setInterval(function(){t()},50);return function(){clearInterval(r),e.removeEventListener("focus",t,!0),e.removeEventListener("keydown",n,!0),c||(y.current&&y.current.focus&&y.current.focus(),y.current=null)}}},[a,u,c,f,p]),r.n(r.FK,null,r.n("div",{tabIndex:0,ref:v,"data-test":"sentinelStart"}),r.Ob(t,{ref:_}),r.n("div",{tabIndex:0,ref:m,"data-test":"sentinelEnd"}))}:null},2198(e,t,n){"use strict";n.d(t,{A:()=>r});const r=/^(362|437)$/.test(n.j)?{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"}:null},8667(e,t,n){"use strict";n.d(t,{A:()=>r});const r=/^(362|437)$/.test(n.j)?{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"}:null},6672(e,t,n){"use strict";n.d(t,{A:()=>r});const r=/^(362|437)$/.test(n.j)?{50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",A100:"#8c9eff",A200:"#536dfe",A400:"#3d5afe",A700:"#304ffe"}:null},9520(e,t,n){"use strict";n.d(t,{A:()=>r});const r=/^(362|437)$/.test(n.j)?{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00"}:null},6822(e,t,n){"use strict";n.d(t,{A:()=>r});const r=/^(362|437)$/.test(n.j)?{50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",A100:"#ff80ab",A200:"#ff4081",A400:"#f50057",A700:"#c51162"}:null},9115(e,t,n){"use strict";n.d(t,{A:()=>r});const r=/^(362|437)$/.test(n.j)?{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"}:null},1229(e,t,n){"use strict";if(n.d(t,{X4:()=>l,a:()=>d,e$:()=>c,eM:()=>s}),/^(362|437)$/.test(n.j))var r=n(5864);function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Math.min(Math.max(t,e),n)}function i(e){if(e.type)return e;if("#"===e.charAt(0))return i(function(e){e=e.substr(1);var t=new RegExp(".{1,".concat(e.length>=6?2:1,"}"),"g"),n=e.match(t);return n&&1===n[0].length&&(n=n.map(function(e){return e+e})),n?"rgb".concat(4===n.length?"a":"","(").concat(n.map(function(e,t){return t<3?parseInt(e,16):Math.round(parseInt(e,16)/255*1e3)/1e3}).join(", "),")"):""}(e));var t=e.indexOf("("),n=e.substring(0,t);if(-1===["rgb","rgba","hsl","hsla"].indexOf(n))throw new Error((0,r.A)(3,e));var o=e.substring(t+1,e.length-1).split(",");return{type:n,values:o=o.map(function(e){return parseFloat(e)})}}function a(e){var t=e.type,n=e.values;return-1!==t.indexOf("rgb")?n=n.map(function(e,t){return t<3?parseInt(e,10):e}):-1!==t.indexOf("hsl")&&(n[1]="".concat(n[1],"%"),n[2]="".concat(n[2],"%")),"".concat(t,"(").concat(n.join(", "),")")}function s(e,t){var n=u(e),r=u(t);return(Math.max(n,r)+.05)/(Math.min(n,r)+.05)}function u(e){var t="hsl"===(e=i(e)).type?i(function(e){var t=(e=i(e)).values,n=t[0],r=t[1]/100,o=t[2]/100,s=r*Math.min(o,1-o),u=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(e+n/30)%12;return o-s*Math.max(Math.min(t-3,9-t,1),-1)},l="rgb",c=[Math.round(255*u(0)),Math.round(255*u(8)),Math.round(255*u(4))];return"hsla"===e.type&&(l+="a",c.push(t[3])),a({type:l,values:c})}(e)).values:e.values;return t=t.map(function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)}),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function l(e,t){return e=i(e),t=o(t),"rgb"!==e.type&&"hsl"!==e.type||(e.type+="a"),e.values[3]=t,a(e)}function c(e,t){if(e=i(e),t=o(t),-1!==e.type.indexOf("hsl"))e.values[2]*=1-t;else if(-1!==e.type.indexOf("rgb"))for(var n=0;n<3;n+=1)e.values[n]*=1-t;return a(e)}function d(e,t){if(e=i(e),t=o(t),-1!==e.type.indexOf("hsl"))e.values[2]+=(100-e.values[2])*t;else if(-1!==e.type.indexOf("rgb"))for(var n=0;n<3;n+=1)e.values[n]+=(255-e.values[n])*t;return a(e)}},8522(e,t,n){"use strict";if(n.d(t,{A:()=>a}),/^(362|437)$/.test(n.j))var r=n(8621);if(/^(362|437)$/.test(n.j))var o=n(4680);var i=/^(362|437)$/.test(n.j)?["xs","sm","md","lg","xl"]:null;function a(e){var t=e.values,n=void 0===t?{xs:0,sm:600,md:960,lg:1280,xl:1920}:t,a=e.unit,s=void 0===a?"px":a,u=e.step,l=void 0===u?5:u,c=(0,o.A)(e,["values","unit","step"]);function d(e){var t="number"==typeof n[e]?n[e]:e;return"@media (min-width:".concat(t).concat(s,")")}function f(e,t){var r=i.indexOf(t);return r===i.length-1?d(e):"@media (min-width:".concat("number"==typeof n[e]?n[e]:e).concat(s,") and ")+"(max-width:".concat((-1!==r&&"number"==typeof n[i[r+1]]?n[i[r+1]]:t)-l/100).concat(s,")")}return(0,r.A)({keys:i,values:n,up:d,down:function(e){var t=i.indexOf(e)+1,r=n[i[t]];return t===i.length?d("xs"):"@media (max-width:".concat(("number"==typeof r&&t>0?r:e)-l/100).concat(s,")")},between:f,only:function(e){return f(e,e)},width:function(e){return n[e]}},c)}},5066(e,t,n){"use strict";if(n.d(t,{A:()=>i}),/^(362|437)$/.test(n.j))var r=n(6328);if(/^(362|437)$/.test(n.j))var o=n(8621);function i(e,t,n){var i;return(0,o.A)({gutters:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return console.warn(["Material-UI: theme.mixins.gutters() is deprecated.","You can use the source of the mixin directly:","\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n [theme.breakpoints.up('sm')]: {\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n },\n "].join("\n")),(0,o.A)({paddingLeft:t(2),paddingRight:t(2)},n,(0,r.A)({},e.up("sm"),(0,o.A)({paddingLeft:t(3),paddingRight:t(3)},n[e.up("sm")])))},toolbar:(i={minHeight:56},(0,r.A)(i,"".concat(e.up("xs")," and (orientation: landscape)"),{minHeight:48}),(0,r.A)(i,e.up("sm"),{minHeight:64}),i)},n)}},5167(e,t,n){"use strict";n.d(t,{Ay:()=>b});var r=n(8621),o=n(4680),i=n(5864),a=n(2399);const s={black:"#000",white:"#fff"},u={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#d5d5d5",A200:"#aaaaaa",A400:"#303030",A700:"#616161"};var l=n(6672),c=n(6822),d=n(9115),f=n(9520),p=n(2198),h=n(8667),v=n(1229),m={text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.54)",disabled:"rgba(0, 0, 0, 0.38)",hint:"rgba(0, 0, 0, 0.38)"},divider:"rgba(0, 0, 0, 0.12)",background:{paper:s.white,default:u[50]},action:{active:"rgba(0, 0, 0, 0.54)",hover:"rgba(0, 0, 0, 0.04)",hoverOpacity:.04,selected:"rgba(0, 0, 0, 0.08)",selectedOpacity:.08,disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(0, 0, 0, 0.12)",disabledOpacity:.38,focus:"rgba(0, 0, 0, 0.12)",focusOpacity:.12,activatedOpacity:.12}},y={text:{primary:s.white,secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",hint:"rgba(255, 255, 255, 0.5)",icon:"rgba(255, 255, 255, 0.5)"},divider:"rgba(255, 255, 255, 0.12)",background:{paper:u[800],default:"#303030"},action:{active:s.white,hover:"rgba(255, 255, 255, 0.08)",hoverOpacity:.08,selected:"rgba(255, 255, 255, 0.16)",selectedOpacity:.16,disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)",disabledOpacity:.38,focus:"rgba(255, 255, 255, 0.12)",focusOpacity:.12,activatedOpacity:.24}};function g(e,t,n,r){var o=r.light||r,i=r.dark||1.5*r;e[t]||(e.hasOwnProperty(n)?e[t]=e[n]:"light"===t?e.light=(0,v.a)(e.main,o):"dark"===t&&(e.dark=(0,v.e$)(e.main,i)))}function b(e){var t=e.primary,n=void 0===t?{light:l.A[300],main:l.A[500],dark:l.A[700]}:t,b=e.secondary,_=void 0===b?{light:c.A.A200,main:c.A.A400,dark:c.A.A700}:b,A=e.error,x=void 0===A?{light:d.A[300],main:d.A[500],dark:d.A[700]}:A,w=e.warning,S=void 0===w?{light:f.A[300],main:f.A[500],dark:f.A[700]}:w,k=e.info,C=void 0===k?{light:p.A[300],main:p.A[500],dark:p.A[700]}:k,R=e.success,E=void 0===R?{light:h.A[300],main:h.A[500],dark:h.A[700]}:R,P=e.type,O=void 0===P?"light":P,N=e.contrastThreshold,T=void 0===N?3:N,j=e.tonalOffset,M=void 0===j?.2:j,$=(0,o.A)(e,["primary","secondary","error","warning","info","success","type","contrastThreshold","tonalOffset"]);function F(e){return(0,v.eM)(e,y.text.primary)>=T?y.text.primary:m.text.primary}var I=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:300,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:700;if(!(e=(0,r.A)({},e)).main&&e[t]&&(e.main=e[t]),!e.main)throw new Error((0,i.A)(4,t));if("string"!=typeof e.main)throw new Error((0,i.A)(5,JSON.stringify(e.main)));return g(e,"light",n,M),g(e,"dark",o,M),e.contrastText||(e.contrastText=F(e.main)),e},L={dark:y,light:m};return(0,a.A)((0,r.A)({common:s,type:O,primary:I(n),secondary:I(_,"A400","A200","A700"),error:I(x),warning:I(S),info:I(C),success:I(E),grey:u,contrastThreshold:T,getContrastText:F,augmentColor:I,tonalOffset:M},L[O]),$)}},4119(e,t,n){"use strict";if(n.d(t,{A:()=>o}),/^(362|437)$/.test(n.j))var r=n(225);function o(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:8;if(e.mui)return e;var t=(0,r.L)({spacing:e}),n=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return 0===n.length?t(1):1===n.length?t(n[0]):n.map(function(e){if("string"==typeof e)return e;var n=t(e);return"number"==typeof n?"".concat(n,"px"):n}).join(" ")};return Object.defineProperty(n,"unit",{get:function(){return e}}),n.mui=!0,n}},5729(e,t,n){"use strict";if(n.d(t,{A:()=>c}),/^(362|437)$/.test(n.j))var r=n(8621);if(/^(362|437)$/.test(n.j))var o=n(4680);if(/^(362|437)$/.test(n.j))var i=n(2399);function a(e){return Math.round(1e5*e)/1e5}function s(e){return a(e)}var u={textTransform:"uppercase"},l='"Roboto", "Helvetica", "Arial", sans-serif';function c(e,t){var n="function"==typeof t?t(e):t,c=n.fontFamily,d=void 0===c?l:c,f=n.fontSize,p=void 0===f?14:f,h=n.fontWeightLight,v=void 0===h?300:h,m=n.fontWeightRegular,y=void 0===m?400:m,g=n.fontWeightMedium,b=void 0===g?500:g,_=n.fontWeightBold,A=void 0===_?700:_,x=n.htmlFontSize,w=void 0===x?16:x,S=n.allVariants,k=n.pxToRem,C=(0,o.A)(n,["fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem"]),R=p/14,E=k||function(e){return"".concat(e/w*R,"rem")},P=function(e,t,n,o,i){return(0,r.A)({fontFamily:d,fontWeight:e,fontSize:E(t),lineHeight:n},d===l?{letterSpacing:"".concat(a(o/t),"em")}:{},i,S)},O={h1:P(v,96,1.167,-1.5),h2:P(v,60,1.2,-.5),h3:P(y,48,1.167,0),h4:P(y,34,1.235,.25),h5:P(y,24,1.334,0),h6:P(b,20,1.6,.15),subtitle1:P(y,16,1.75,.15),subtitle2:P(b,14,1.57,.1),body1:P(y,16,1.5,.15),body2:P(y,14,1.43,.15),button:P(b,14,1.75,.4,u),caption:P(y,12,1.66,.4),overline:P(y,12,2.66,1,u)};return(0,i.A)((0,r.A)({htmlFontSize:w,pxToRem:E,round:s,fontFamily:d,fontSize:p,fontWeightLight:v,fontWeightRegular:y,fontWeightMedium:b,fontWeightBold:A},O),C,{clone:!1})}},7849(e,t,n){"use strict";n.d(t,{A:()=>h});var r=n(4680),o=n(2399),i=n(8522),a=n(5066),s=n(5167),u=n(5729),l=n(6271),c=n(5523),d=n(4119),f=n(7758),p=n(1410);const h=function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.breakpoints,n=void 0===t?{}:t,h=e.mixins,v=void 0===h?{}:h,m=e.palette,y=void 0===m?{}:m,g=e.spacing,b=e.typography,_=void 0===b?{}:b,A=(0,r.A)(e,["breakpoints","mixins","palette","spacing","typography"]),x=(0,s.Ay)(y),w=(0,i.A)(n),S=(0,d.A)(g),k=(0,o.A)({breakpoints:w,direction:"ltr",mixins:(0,a.A)(w,S,v),overrides:{},palette:x,props:{},shadows:l.A,typography:(0,u.A)(x,_),spacing:S,shape:c.A,transitions:f.Ay,zIndex:p.A},A),C=arguments.length,R=new Array(C>1?C-1:0),E=1;E<C;E++)R[E-1]=arguments[E];return R.reduce(function(e,t){return(0,o.A)(e,t)},k)}()},4096(e,t,n){"use strict";if(n.d(t,{A:()=>a}),/^(362|437)$/.test(n.j))var r=n(8621);if(/^(362|437)$/.test(n.j))var o=n(4682);if(/^(362|437)$/.test(n.j))var i=n(7849);const a=/^(362|437)$/.test(n.j)?function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return(0,o.A)(e,(0,r.A)({defaultTheme:i.A},t))}:null},6271(e,t,n){"use strict";function r(){return["".concat(arguments.length<=0?void 0:arguments[0],"px ").concat(arguments.length<=1?void 0:arguments[1],"px ").concat(arguments.length<=2?void 0:arguments[2],"px ").concat(arguments.length<=3?void 0:arguments[3],"px rgba(0,0,0,").concat(.2,")"),"".concat(arguments.length<=4?void 0:arguments[4],"px ").concat(arguments.length<=5?void 0:arguments[5],"px ").concat(arguments.length<=6?void 0:arguments[6],"px ").concat(arguments.length<=7?void 0:arguments[7],"px rgba(0,0,0,").concat(.14,")"),"".concat(arguments.length<=8?void 0:arguments[8],"px ").concat(arguments.length<=9?void 0:arguments[9],"px ").concat(arguments.length<=10?void 0:arguments[10],"px ").concat(arguments.length<=11?void 0:arguments[11],"px rgba(0,0,0,").concat(.12,")")].join(",")}n.d(t,{A:()=>i});var o=["none",r(0,2,1,-1,0,1,1,0,0,1,3,0),r(0,3,1,-2,0,2,2,0,0,1,5,0),r(0,3,3,-2,0,3,4,0,0,1,8,0),r(0,2,4,-1,0,4,5,0,0,1,10,0),r(0,3,5,-1,0,5,8,0,0,1,14,0),r(0,3,5,-1,0,6,10,0,0,1,18,0),r(0,4,5,-2,0,7,10,1,0,2,16,1),r(0,5,5,-3,0,8,10,1,0,3,14,2),r(0,5,6,-3,0,9,12,1,0,3,16,2),r(0,6,6,-3,0,10,14,1,0,4,18,3),r(0,6,7,-4,0,11,15,1,0,4,20,3),r(0,7,8,-4,0,12,17,2,0,5,22,4),r(0,7,8,-4,0,13,19,2,0,5,24,4),r(0,7,9,-4,0,14,21,2,0,5,26,4),r(0,8,9,-5,0,15,22,2,0,6,28,5),r(0,8,10,-5,0,16,24,2,0,6,30,5),r(0,8,11,-5,0,17,26,2,0,6,32,5),r(0,9,11,-5,0,18,28,2,0,7,34,6),r(0,9,12,-6,0,19,29,2,0,7,36,6),r(0,10,13,-6,0,20,31,3,0,8,38,7),r(0,10,13,-6,0,21,33,3,0,8,40,7),r(0,10,14,-6,0,22,35,3,0,8,42,7),r(0,11,14,-7,0,23,36,3,0,9,44,8),r(0,11,15,-7,0,24,38,3,0,9,46,8)];const i=/^(362|437)$/.test(n.j)?o:null},5523(e,t,n){"use strict";n.d(t,{A:()=>r});const r=/^(362|437)$/.test(n.j)?{borderRadius:4}:null},7758(e,t,n){"use strict";n.d(t,{Ay:()=>s});var r=n(4680),o={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},i={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function a(e){return"".concat(Math.round(e),"ms")}const s={easing:o,duration:i,create:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["all"],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.duration,s=void 0===n?i.standard:n,u=t.easing,l=void 0===u?o.easeInOut:u,c=t.delay,d=void 0===c?0:c;return(0,r.A)(t,["duration","easing","delay"]),(Array.isArray(e)?e:[e]).map(function(e){return"".concat(e," ").concat("string"==typeof s?s:a(s)," ").concat(l," ").concat("string"==typeof d?d:a(d))}).join(",")},getAutoHeightDuration:function(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}}},5128(e,t,n){"use strict";if(n.d(t,{A:()=>i}),362==n.j)var r=n(5458);if(n(2719),362==n.j)var o=n(7849);function i(){return(0,r.A)()||o.A}},8950(e,t,n){"use strict";if(n.d(t,{A:()=>a}),362==n.j)var r=n(8621);if(362==n.j)var o=n(4118);if(362==n.j)var i=n(7849);const a=362==n.j?function(e,t){return(0,o.A)(e,(0,r.A)({defaultTheme:i.A},t))}:null},1410(e,t,n){"use strict";n.d(t,{A:()=>r});const r=/^(362|437)$/.test(n.j)?{mobileStepper:1e3,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500}:null},7291(e,t,n){"use strict";if(n.d(t,{A:()=>o}),362==n.j)var r=n(5864);function o(e){if("string"!=typeof e)throw new Error((0,r.A)(7));return e.charAt(0).toUpperCase()+e.slice(1)}},4665(e,t,n){"use strict";function r(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce(function(e,t){return null==t?e:function(){for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];e.apply(this,r),t.apply(this,r)}},function(){})}n.d(t,{A:()=>r})},702(e,t,n){"use strict";function r(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:166;function r(){for(var r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];var a=this;clearTimeout(t),t=setTimeout(function(){e.apply(a,o)},n)}return r.clear=function(){clearTimeout(t)},r}n.d(t,{A:()=>r})},6658(e,t,n){"use strict";function r(){var e=document.createElement("div");e.style.width="99px",e.style.height="99px",e.style.position="absolute",e.style.top="-9999px",e.style.overflow="scroll",document.body.appendChild(e);var t=e.offsetWidth-e.clientWidth;return document.body.removeChild(e),t}n.d(t,{A:()=>r})},5827(e,t,n){"use strict";function r(e){return e&&e.ownerDocument||document}n.d(t,{A:()=>r})},9238(e,t,n){"use strict";if(n.d(t,{A:()=>o}),362==n.j)var r=n(5827);function o(e){return(0,r.A)(e).defaultView||window}},7568(e,t,n){"use strict";function r(e,t){"function"==typeof e?e(t):e&&(e.current=t)}n.d(t,{A:()=>r})},7516(e,t,n){"use strict";n.d(t,{A:()=>o});var r=n(2719);function o(e){var t=e.controlled,n=e.default,o=(e.name,e.state,r.li(void 0!==t).current),i=r.J0(n),a=i[0],s=i[1];return[o?t:a,r.hb(function(e){o||s(e)},[])]}},4399(e,t,n){"use strict";n.d(t,{A:()=>i});var r=n(2719),o="undefined"!=typeof window?r.Nf:r.vJ;function i(e){var t=r.li(e);return o(function(){t.current=e}),r.hb(function(){return t.current.apply(void 0,arguments)},[])}},6465(e,t,n){"use strict";n.d(t,{A:()=>i});var r=n(2719);if(362==n.j)var o=n(7568);function i(e,t){return r.Kr(function(){return null==e&&null==t?null:function(n){(0,o.A)(e,n),(0,o.A)(t,n)}},[e,t])}},3316(e,t,n){"use strict";n.d(t,{si:()=>y});var r=n(2719),o=n(573),i=["checked","disabled","error","focused","focusVisible","required","expanded","selected"],a=n(3301),s=n(179),u=n(9625),l=n(3285),c=n(9479),d=n(4906),f=n(9678),p=n(7483),h=(0,a.vt)({plugins:[(0,s.A)(),(0,u.A)(),(0,l.A)(),(0,c.A)(),(0,d.A)(),"undefined"==typeof window?null:(0,f.A)(),(0,p.A)()]}),v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.disableGlobal,n=void 0!==t&&t,r=e.productionPrefix,a=void 0===r?"jss":r,s=e.seed,u=void 0===s?"":s,l=""===u?"":"".concat(u,"-"),c=0,d=function(){return c+=1};return function(e,t){var r=t.options.name;if(r&&0===r.indexOf("Mui")&&!t.options.link&&!n){if(-1!==i.indexOf(e.key))return"Mui-".concat(e.key);var s="".concat(l).concat(r,"-").concat(e.key);return t.options.theme[o.A]&&""===u?"".concat(s,"-").concat(d()):s}return"".concat(l).concat(a).concat(d())}}(),m={disableGeneration:!1,generateClassName:v,jss:h,sheetsCache:null,sheetsManager:new Map,sheetsRegistry:null},y=r.Ay.createContext(m)},573(e,t,n){"use strict";n.d(t,{A:()=>r});const r="function"==typeof Symbol&&Symbol.for?Symbol.for("mui.nested"):"__THEME_NESTED__"},6270(e,t,n){"use strict";if(n.d(t,{A:()=>i}),/^(362|437)$/.test(n.j))var r=n(8621);if(/^(362|437)$/.test(n.j))var o=n(2399);function i(e){var t="function"==typeof e;return{create:function(n,i){var a;try{a=t?e(n):e}catch(e){throw e}if(!i||!n.overrides||!n.overrides[i])return a;var s=n.overrides[i],u=(0,r.A)({},a);return Object.keys(s).forEach(function(e){u[e]=(0,o.A)(u[e],s[e])}),u},options:{}}}},4327(e,t,n){"use strict";n.d(t,{A:()=>r});const r=/^(362|437)$/.test(n.j)?{}:null},8280(e,t,n){"use strict";function r(e){var t=e.theme,n=e.name,r=e.props;if(!t||!t.props||!t.props[n])return r;var o,i=t.props[n];for(o in i)void 0===r[o]&&(r[o]=i[o]);return r}n.d(t,{A:()=>r})},8062(e,t,n){"use strict";n.d(t,{G:()=>o});var r=/^(362|437)$/.test(n.j)?-1e9:null;function o(){return r+=1}},4682(e,t,n){"use strict";if(n.d(t,{A:()=>h}),/^(362|437)$/.test(n.j))var r=n(4680);if(/^(362|437)$/.test(n.j))var o=n(8621);var i=n(2719);if(/^(362|437)$/.test(n.j))var a=n(3301);if(/^(362|437)$/.test(n.j))var s=n(5642);if(/^(362|437)$/.test(n.j))var u=n(5581);if(/^(362|437)$/.test(n.j))var l=n(5458);if(/^(362|437)$/.test(n.j))var c=n(3316);if(/^(362|437)$/.test(n.j))var d=n(8062);if(/^(362|437)$/.test(n.j))var f=n(6270);if(/^(362|437)$/.test(n.j))var p=n(4327);function h(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.name,h=t.classNamePrefix,v=t.Component,m=t.defaultTheme,y=void 0===m?p.A:m,g=(0,r.A)(t,["name","classNamePrefix","Component","defaultTheme"]),b=(0,f.A)(e),_=n||h||"makeStyles";return b.options={index:(0,d.G)(),name:n,meta:_,classNamePrefix:_},function(){var e,t,r,d,f,p=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},h=(0,l.A)()||y,m=(0,o.A)({},i.Ay.useContext(c.si),g),_=i.Ay.useRef(),A=i.Ay.useRef();e=function(){var e={name:n,state:{},stylesCreator:b,stylesOptions:m,theme:h};return function(e,t){var n=e.state,r=e.theme,i=e.stylesOptions,l=e.stylesCreator,c=e.name;if(!i.disableGeneration){var d=u.A.get(i.sheetsManager,l,r);d||(d={refs:0,staticSheet:null,dynamicStyles:null},u.A.set(i.sheetsManager,l,r,d));var f=(0,o.A)({},l.options,i,{theme:r,flip:"boolean"==typeof i.flip?i.flip:"rtl"===r.direction});f.generateId=f.serverGenerateClassName||f.generateClassName;var p=i.sheetsRegistry;if(0===d.refs){var h;i.sheetsCache&&(h=u.A.get(i.sheetsCache,l,r));var v=l.create(r,c);h||((h=i.jss.createStyleSheet(v,(0,o.A)({link:!1},f))).attach(),i.sheetsCache&&u.A.set(i.sheetsCache,l,r,h)),p&&p.add(h),d.staticSheet=h,d.dynamicStyles=(0,a.ih)(v)}if(d.dynamicStyles){var m=i.jss.createStyleSheet(d.dynamicStyles,(0,o.A)({link:!0},f));m.update(t),m.attach(),n.dynamicSheet=m,n.classes=(0,s.A)({baseClasses:d.staticSheet.classes,newClasses:m.classes}),p&&p.add(m)}else n.classes=d.staticSheet.classes;d.refs+=1}}(e,p),A.current=!1,_.current=e,function(){!function(e){var t=e.state,n=e.theme,r=e.stylesOptions,o=e.stylesCreator;if(!r.disableGeneration){var i=u.A.get(r.sheetsManager,o,n);i.refs-=1;var a=r.sheetsRegistry;0===i.refs&&(u.A.delete(r.sheetsManager,o,n),r.jss.removeStyleSheet(i.staticSheet),a&&a.remove(i.staticSheet)),t.dynamicSheet&&(r.jss.removeStyleSheet(t.dynamicSheet),a&&a.remove(t.dynamicSheet))}}(e)}},t=[h,b],d=i.Ay.useRef([]),f=i.Ay.useMemo(function(){return{}},t),d.current!==f&&(d.current=f,r=e()),i.Ay.useEffect(function(){return function(){r&&r()}},[f]),i.Ay.useEffect(function(){A.current&&function(e,t){var n=e.state;n.dynamicSheet&&n.dynamicSheet.update(t)}(_.current,p),A.current=!0});var x=function(e,t,n){var r=e.state;if(e.stylesOptions.disableGeneration)return t||{};r.cacheClasses||(r.cacheClasses={value:null,lastProp:null,lastJSS:{}});var o=!1;return r.classes!==r.cacheClasses.lastJSS&&(r.cacheClasses.lastJSS=r.classes,o=!0),t!==r.cacheClasses.lastProp&&(r.cacheClasses.lastProp=t,o=!0),o&&(r.cacheClasses.value=(0,s.A)({baseClasses:r.cacheClasses.lastJSS,newClasses:t,Component:n})),r.cacheClasses.value}(_.current,p.classes,v);return x}}},5581(e,t,n){"use strict";n.d(t,{A:()=>o});var r={set:function(e,t,n,r){var o=e.get(t);o||(o=new Map,e.set(t,o)),o.set(n,r)},get:function(e,t,n){var r=e.get(t);return r?r.get(n):void 0},delete:function(e,t,n){e.get(t).delete(n)}};const o=/^(362|437)$/.test(n.j)?r:null},5642(e,t,n){"use strict";if(n.d(t,{A:()=>o}),/^(362|437)$/.test(n.j))var r=n(8621);function o(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.baseClasses,n=e.newClasses;if(e.Component,!n)return t;var o=(0,r.A)({},t);return Object.keys(n).forEach(function(e){n[e]&&(o[e]="".concat(t[e]," ").concat(n[e]))}),o}},3742(e,t,n){"use strict";n.d(t,{A:()=>o});var r=n(2719).Ay.createContext(null);const o=/^(362|437)$/.test(n.j)?r:null},5458(e,t,n){"use strict";n.d(t,{A:()=>i});var r=n(2719);if(/^(362|437)$/.test(n.j))var o=n(3742);function i(){return r.Ay.useContext(o.A)}},4118(e,t,n){"use strict";if(n.d(t,{A:()=>d}),362==n.j)var r=n(8621);if(362==n.j)var o=n(4680);var i=n(2719),a=n(1035),s=n.n(a);if(362==n.j)var u=n(4682);if(362==n.j)var l=n(8280);if(362==n.j)var c=n(5458);const d=362==n.j?function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(n){var a=t.defaultTheme,d=t.withTheme,f=void 0!==d&&d,p=t.name,h=(0,o.A)(t,["defaultTheme","withTheme","name"]),v=p,m=(0,u.A)(e,(0,r.A)({defaultTheme:a,Component:n,name:p||n.displayName,classNamePrefix:v},h)),y=i.Ay.forwardRef(function(e,t){e.classes;var s,u=e.innerRef,d=(0,o.A)(e,["classes","innerRef"]),h=m((0,r.A)({},n.defaultProps,e)),v=d;return("string"==typeof p||f)&&(s=(0,c.A)()||a,p&&(v=(0,l.A)({theme:s,name:p,props:d})),f&&!v.theme&&(v.theme=s)),i.Ay.createElement(n,(0,r.A)({ref:u||t,classes:h},v))});return s()(y,n),y}}:null},225(e,t,n){"use strict";n.d(t,{L:()=>m});var r=n(3156),o=n(3715),i={xs:0,sm:600,md:960,lg:1280,xl:1920},a={keys:["xs","sm","md","lg","xl"],up:function(e){return"@media (min-width:".concat(i[e],"px)")}},s=n(2399);const u=function(e,t){return t?(0,s.A)(e,t,{clone:!1}):e};var l,c,d={m:"margin",p:"padding"},f={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},p={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},h=(l=function(e){if(e.length>2){if(!p[e])return[e];e=p[e]}var t=e.split(""),n=(0,r.A)(t,2),o=n[0],i=n[1],a=d[o],s=f[i]||"";return Array.isArray(s)?s.map(function(e){return a+e}):[a+s]},c={},function(e){return void 0===c[e]&&(c[e]=l(e)),c[e]}),v=["m","mt","mr","mb","ml","mx","my","p","pt","pr","pb","pl","px","py","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY"];function m(e){var t=e.spacing||8;return"number"==typeof t?function(e){return t*e}:Array.isArray(t)?function(e){return t[e]}:"function"==typeof t?t:function(){}}function y(e){var t=m(e.theme);return Object.keys(e).map(function(n){if(-1===v.indexOf(n))return null;var r=function(e,t){return function(n){return e.reduce(function(e,r){return e[r]=function(e,t){if("string"==typeof t||null==t)return t;var n=e(Math.abs(t));return t>=0?n:"number"==typeof n?-n:"-".concat(n)}(t,n),e},{})}}(h(n),t),i=e[n];return function(e,t,n){if(Array.isArray(t)){var r=e.theme.breakpoints||a;return t.reduce(function(e,o,i){return e[r.up(r.keys[i])]=n(t[i]),e},{})}if("object"===(0,o.A)(t)){var i=e.theme.breakpoints||a;return Object.keys(t).reduce(function(e,r){return e[i.up(r)]=n(t[r]),e},{})}return n(t)}(e,i,r)}).reduce(u,{})}y.propTypes={},y.filterProps=v},2399(e,t,n){"use strict";if(n.d(t,{A:()=>a}),/^(362|437)$/.test(n.j))var r=n(8621);if(/^(362|437)$/.test(n.j))var o=n(3715);function i(e){return e&&"object"===(0,o.A)(e)&&e.constructor===Object}function a(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{clone:!0},o=n.clone?(0,r.A)({},e):e;return i(e)&&i(t)&&Object.keys(t).forEach(function(r){"__proto__"!==r&&(i(t[r])&&r in e?o[r]=a(e[r],t[r],n):o[r]=t[r])}),o}},5864(e,t,n){"use strict";function r(e){for(var t="https://mui.com/production-error/?code="+e,n=1;n<arguments.length;n+=1)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified Material-UI error #"+e+"; visit "+t+" for the full message."}n.d(t,{A:()=>r})},4920(e,t,n){"use strict";n.d(t,{vP:()=>g,HO:()=>j});var r=n(1855),o=n(4443),i=Symbol.for("preact-signals");function a(){if(f>1)f--;else{var e,t=!1;for(function(){var e=h;for(h=void 0;void 0!==e;)e.S.v===e.v&&(e.S.i=e.i),e=e.o}();void 0!==d;){var n=d;for(d=void 0,p++;void 0!==n;){var r=n.u;if(n.u=void 0,n.f&=-3,!(8&n.f)&&b(n))try{n.c()}catch(n){t||(e=n,t=!0)}n=r}}if(p=0,f--,t)throw e}}var s=void 0;function u(e){var t=s;s=void 0;try{return e()}finally{s=t}}var l,c,d=void 0,f=0,p=0,h=void 0,v=0;function m(e){if(void 0!==s){var t=e.n;if(void 0===t||t.t!==s)return t={i:0,S:e,p:s.s,n:void 0,t:s,e:void 0,x:void 0,r:t},void 0!==s.s&&(s.s.n=t),s.s=t,e.n=t,32&s.f&&e.S(t),t;if(-1===t.i)return t.i=0,void 0!==t.n&&(t.n.p=t.p,void 0!==t.p&&(t.p.n=t.n),t.p=s.s,t.n=void 0,s.s.n=t,s.s=t),t}}function y(e,t){this.v=e,this.i=0,this.n=void 0,this.t=void 0,this.l=0,this.W=null==t?void 0:t.watched,this.Z=null==t?void 0:t.unwatched,this.name=null==t?void 0:t.name}function g(e,t){return new y(e,t)}function b(e){for(var t=e.s;void 0!==t;t=t.n)if(t.S.i!==t.i||!t.S.h()||t.S.i!==t.i)return!0;return!1}function _(e){for(var t=e.s;void 0!==t;t=t.n){var n=t.S.n;if(void 0!==n&&(t.r=n),t.S.n=t,t.i=-1,void 0===t.n){e.s=t;break}}}function A(e){for(var t=e.s,n=void 0;void 0!==t;){var r=t.p;-1===t.i?(t.S.U(t),void 0!==r&&(r.n=t.n),void 0!==t.n&&(t.n.p=r)):n=t,t.S.n=t.r,void 0!==t.r&&(t.r=void 0),t=r}e.s=n}function x(e,t){y.call(this,void 0),this.x=e,this.s=void 0,this.g=v-1,this.f=4,this.W=null==t?void 0:t.watched,this.Z=null==t?void 0:t.unwatched,this.name=null==t?void 0:t.name}function w(e,t){return new x(e,t)}function S(e){var t=e.m;if(e.m=void 0,"function"==typeof t){f++;var n=s;s=void 0;try{t()}catch(t){throw e.f&=-2,e.f|=8,k(e),t}finally{s=n,a()}}}function k(e){for(var t=e.s;void 0!==t;t=t.n)t.S.U(t);e.x=void 0,e.s=void 0,S(e)}function C(e){if(s!==this)throw new Error("Out-of-order effect");A(this),s=e,this.f&=-2,8&this.f&&k(this),a()}function R(e,t){this.x=e,this.m=void 0,this.s=void 0,this.u=void 0,this.f=32,this.name=null==t?void 0:t.name}function E(e,t){var n=new R(e,t);try{n.c()}catch(e){throw n.d(),e}var r=n.d.bind(n);return r[Symbol.dispose]=r,r}function P(e,t){r.fF[e]=t.bind(null,r.fF[e]||function(){})}function O(e){if(c){var t=c;c=void 0,t()}c=e&&e.S()}function N(e){var t=this,n=e.data,i=function(e){return(0,o.Kr)(function(){return g(e)},[])}(n);i.value=n;var a=(0,o.Kr)(function(){for(var e=t.__v;e=e.__;)if(e.__c){e.__c.__$f|=4;break}return t.__$u.c=function(){var e,n=t.__$u.S(),o=a.value;n(),(0,r.zO)(o)||3!==(null==(e=t.base)?void 0:e.nodeType)?(t.__$f|=1,t.setState({})):t.base.data=o},w(function(){var e=i.value.value;return 0===e?0:!0===e?"":e||""})},[]);return a.value}function T(e,t,n,r){var o=t in e&&void 0===e.ownerSVGElement,i=g(n);return{o:function(e,t){i.value=e,r=t},d:E(function(){var n=i.value.value;r[t]!==n&&(r[t]=n,o?e[t]=n:n?e.setAttribute(t,n):e.removeAttribute(t))})}}function j(e){var t=(0,o.li)(e);return t.current=e,l.__$f|=4,(0,o.Kr)(function(){return w(function(){return t.current()})},[])}y.prototype.brand=i,y.prototype.h=function(){return!0},y.prototype.S=function(e){var t=this,n=this.t;n!==e&&void 0===e.e&&(e.x=n,this.t=e,void 0!==n?n.e=e:u(function(){var e;null==(e=t.W)||e.call(t)}))},y.prototype.U=function(e){var t=this;if(void 0!==this.t){var n=e.e,r=e.x;void 0!==n&&(n.x=r,e.e=void 0),void 0!==r&&(r.e=n,e.x=void 0),e===this.t&&(this.t=r,void 0===r&&u(function(){var e;null==(e=t.Z)||e.call(t)}))}},y.prototype.subscribe=function(e){var t=this;return E(function(){var n=t.value,r=s;s=void 0;try{e(n)}finally{s=r}},{name:"sub"})},y.prototype.valueOf=function(){return this.value},y.prototype.toString=function(){return this.value+""},y.prototype.toJSON=function(){return this.value},y.prototype.peek=function(){var e=s;s=void 0;try{return this.value}finally{s=e}},Object.defineProperty(y.prototype,"value",{get:function(){var e=m(this);return void 0!==e&&(e.i=this.i),this.v},set:function(e){if(e!==this.v){if(p>100)throw new Error("Cycle detected");!function(e){0!==f&&0===p&&0!==e.l&&(e.l=0,h={S:e,v:e.v,i:e.i,o:h})}(this),this.v=e,this.i++,v++,f++;try{for(var t=this.t;void 0!==t;t=t.x)t.t.N()}finally{a()}}}}),x.prototype=new y,x.prototype.h=function(){if(this.f&=-3,1&this.f)return!1;if(32==(36&this.f))return!0;if(this.f&=-5,this.g===v)return!0;if(this.g=v,this.f|=1,this.i>0&&!b(this))return this.f&=-2,!0;var e=s;try{_(this),s=this;var t=this.x();(16&this.f||this.v!==t||0===this.i)&&(this.v=t,this.f&=-17,this.i++)}catch(e){this.v=e,this.f|=16,this.i++}return s=e,A(this),this.f&=-2,!0},x.prototype.S=function(e){if(void 0===this.t){this.f|=36;for(var t=this.s;void 0!==t;t=t.n)t.S.S(t)}y.prototype.S.call(this,e)},x.prototype.U=function(e){if(void 0!==this.t&&(y.prototype.U.call(this,e),void 0===this.t)){this.f&=-33;for(var t=this.s;void 0!==t;t=t.n)t.S.U(t)}},x.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var e=this.t;void 0!==e;e=e.x)e.t.N()}},Object.defineProperty(x.prototype,"value",{get:function(){if(1&this.f)throw new Error("Cycle detected");var e=m(this);if(this.h(),void 0!==e&&(e.i=this.i),16&this.f)throw this.v;return this.v}}),R.prototype.c=function(){var e=this.S();try{if(8&this.f)return;if(void 0===this.x)return;var t=this.x();"function"==typeof t&&(this.m=t)}finally{e()}},R.prototype.S=function(){if(1&this.f)throw new Error("Cycle detected");this.f|=1,this.f&=-9,S(this),_(this),f++;var e=s;return s=this,C.bind(this,e)},R.prototype.N=function(){2&this.f||(this.f|=2,this.u=d,d=this)},R.prototype.d=function(){this.f|=8,1&this.f||k(this)},R.prototype.dispose=function(){this.d()},N.displayName="_st",Object.defineProperties(y.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:N},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}}),P("__b",function(e,t){if("string"==typeof t.type){var n,r=t.props;for(var o in r)if("children"!==o){var i=r[o];i instanceof y&&(n||(t.__np=n={}),n[o]=i,r[o]=i.peek())}}e(t)}),P("__r",function(e,t){e(t),O();var n,r=t.__c;r&&(r.__$f&=-2,void 0===(n=r.__$u)&&(r.__$u=n=function(){var e;return E(function(){e=this}),e.c=function(){r.__$f|=1,r.setState({})},e}())),l=r,O(n)}),P("__e",function(e,t,n,r){O(),l=void 0,e(t,n,r)}),P("diffed",function(e,t){var n;if(O(),l=void 0,"string"==typeof t.type&&(n=t.__e)){var r=t.__np,o=t.props;if(r){var i=n.U;if(i)for(var a in i){var s=i[a];void 0===s||a in r||(s.d(),i[a]=void 0)}else n.U=i={};for(var u in r){var c=i[u],d=r[u];void 0===c?(c=T(n,u,d,o),i[u]=c):c.o(d,o)}}}e(t)}),P("unmount",function(e,t){if("string"==typeof t.type){var n=t.__e;if(n){var r=n.U;if(r)for(var o in n.U=void 0,r){var i=r[o];i&&i.d()}}}else{var a=t.__c;if(a){var s=a.__$u;s&&(a.__$u=void 0,s.d())}}e(t)}),P("__h",function(e,t,n,r){(r<3||9===r)&&(t.__$f|=2),e(t,n,r)}),r.uA.prototype.shouldComponentUpdate=function(e,t){if(this.__R)return!0;var n=this.__$u,r=n&&void 0!==n.s;for(var o in t)return!0;if(this.__f||"boolean"==typeof this.u&&!0===this.u){if(!(r||2&this.__$f||4&this.__$f))return!0;if(1&this.__$f)return!0}else{if(!(r||4&this.__$f))return!0;if(3&this.__$f)return!0}for(var i in e)if("__source"!==i&&e[i]!==this.props[i])return!0;for(var a in this.props)if(!(a in e))return!0;return!1}},297(e,t,n){e.exports=n(2815)},7144(e,t,n){"use strict";var r=n(4828),o=n(7218),i=n(828),a=n(6962),s=n(5151),u=n(7372),l=n(4474),c=n(3219),d=n(9659),f=n(5672);e.exports=function(e){return new Promise(function(t,n){var p,h=e.data,v=e.headers,m=e.responseType;function y(){e.cancelToken&&e.cancelToken.unsubscribe(p),e.signal&&e.signal.removeEventListener("abort",p)}r.isFormData(h)&&delete v["Content-Type"];var g=new XMLHttpRequest;if(e.auth){var b=e.auth.username||"",_=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";v.Authorization="Basic "+btoa(b+":"+_)}var A=s(e.baseURL,e.url);function x(){if(g){var r="getAllResponseHeaders"in g?u(g.getAllResponseHeaders()):null,i={data:m&&"text"!==m&&"json"!==m?g.response:g.responseText,status:g.status,statusText:g.statusText,headers:r,config:e,request:g};o(function(e){t(e),y()},function(e){n(e),y()},i),g=null}}if(g.open(e.method.toUpperCase(),a(A,e.params,e.paramsSerializer),!0),g.timeout=e.timeout,"onloadend"in g?g.onloadend=x:g.onreadystatechange=function(){g&&4===g.readyState&&(0!==g.status||g.responseURL&&0===g.responseURL.indexOf("file:"))&&setTimeout(x)},g.onabort=function(){g&&(n(c("Request aborted",e,"ECONNABORTED",g)),g=null)},g.onerror=function(){n(c("Network Error",e,null,g)),g=null},g.ontimeout=function(){var t=e.timeout?"timeout of "+e.timeout+"ms exceeded":"timeout exceeded",r=e.transitional||d.transitional;e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(c(t,e,r.clarifyTimeoutError?"ETIMEDOUT":"ECONNABORTED",g)),g=null},r.isStandardBrowserEnv()){var w=(e.withCredentials||l(A))&&e.xsrfCookieName?i.read(e.xsrfCookieName):void 0;w&&(v[e.xsrfHeaderName]=w)}"setRequestHeader"in g&&r.forEach(v,function(e,t){void 0===h&&"content-type"===t.toLowerCase()?delete v[t]:g.setRequestHeader(t,e)}),r.isUndefined(e.withCredentials)||(g.withCredentials=!!e.withCredentials),m&&"json"!==m&&(g.responseType=e.responseType),"function"==typeof e.onDownloadProgress&&g.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&g.upload&&g.upload.addEventListener("progress",e.onUploadProgress),(e.cancelToken||e.signal)&&(p=function(e){g&&(n(!e||e&&e.type?new f("canceled"):e),g.abort(),g=null)},e.cancelToken&&e.cancelToken.subscribe(p),e.signal&&(e.signal.aborted?p():e.signal.addEventListener("abort",p))),h||(h=null),g.send(h)})}},2815(e,t,n){"use strict";var r=n(4828),o=n(2820),i=n(3107),a=n(2975),s=function e(t){var n=new i(t),s=o(i.prototype.request,n);return r.extend(s,i.prototype,n),r.extend(s,n),s.create=function(n){return e(a(t,n))},s}(n(9659));s.Axios=i,s.Cancel=n(5672),s.CancelToken=n(4919),s.isCancel=n(5768),s.VERSION=n(3145).version,s.all=function(e){return Promise.all(e)},s.spread=n(2860),s.isAxiosError=n(7403),e.exports=s,e.exports.default=s},5672(e){"use strict";function t(e){this.message=e}t.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},t.prototype.__CANCEL__=!0,e.exports=t},4919(e,t,n){"use strict";var r=n(5672);function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise(function(e){t=e});var n=this;this.promise.then(function(e){if(n._listeners){var t,r=n._listeners.length;for(t=0;t<r;t++)n._listeners[t](e);n._listeners=null}}),this.promise.then=function(e){var t,r=new Promise(function(e){n.subscribe(e),t=e}).then(e);return r.cancel=function(){n.unsubscribe(t)},r},e(function(e){n.reason||(n.reason=new r(e),t(n.reason))})}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.prototype.subscribe=function(e){this.reason?e(this.reason):this._listeners?this._listeners.push(e):this._listeners=[e]},o.prototype.unsubscribe=function(e){if(this._listeners){var t=this._listeners.indexOf(e);-1!==t&&this._listeners.splice(t,1)}},o.source=function(){var e;return{token:new o(function(t){e=t}),cancel:e}},e.exports=o},5768(e){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},3107(e,t,n){"use strict";var r=n(4828),o=n(6962),i=n(9727),a=n(2525),s=n(2975),u=n(3129),l=u.validators;function c(e){this.defaults=e,this.interceptors={request:new i,response:new i}}c.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=s(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=e.transitional;void 0!==t&&u.assertOptions(t,{silentJSONParsing:l.transitional(l.boolean),forcedJSONParsing:l.transitional(l.boolean),clarifyTimeoutError:l.transitional(l.boolean)},!1);var n=[],r=!0;this.interceptors.request.forEach(function(t){"function"==typeof t.runWhen&&!1===t.runWhen(e)||(r=r&&t.synchronous,n.unshift(t.fulfilled,t.rejected))});var o,i=[];if(this.interceptors.response.forEach(function(e){i.push(e.fulfilled,e.rejected)}),!r){var c=[a,void 0];for(Array.prototype.unshift.apply(c,n),c=c.concat(i),o=Promise.resolve(e);c.length;)o=o.then(c.shift(),c.shift());return o}for(var d=e;n.length;){var f=n.shift(),p=n.shift();try{d=f(d)}catch(e){p(e);break}}try{o=a(d)}catch(e){return Promise.reject(e)}for(;i.length;)o=o.then(i.shift(),i.shift());return o},c.prototype.getUri=function(e){return e=s(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],function(e){c.prototype[e]=function(t,n){return this.request(s(n||{},{method:e,url:t,data:(n||{}).data}))}}),r.forEach(["post","put","patch"],function(e){c.prototype[e]=function(t,n,r){return this.request(s(r||{},{method:e,url:t,data:n}))}}),e.exports=c},9727(e,t,n){"use strict";var r=n(4828);function o(){this.handlers=[]}o.prototype.use=function(e,t,n){return this.handlers.push({fulfilled:e,rejected:t,synchronous:!!n&&n.synchronous,runWhen:n?n.runWhen:null}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,function(t){null!==t&&e(t)})},e.exports=o},5151(e,t,n){"use strict";var r=n(9585),o=n(408);e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},3219(e,t,n){"use strict";var r=n(1401);e.exports=function(e,t,n,o,i){var a=new Error(e);return r(a,t,n,o,i)}},2525(e,t,n){"use strict";var r=n(4828),o=n(3201),i=n(5768),a=n(9659),s=n(5672);function u(e){if(e.cancelToken&&e.cancelToken.throwIfRequested(),e.signal&&e.signal.aborted)throw new s("canceled")}e.exports=function(e){return u(e),e.headers=e.headers||{},e.data=o.call(e,e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),r.forEach(["delete","get","head","post","put","patch","common"],function(t){delete e.headers[t]}),(e.adapter||a.adapter)(e).then(function(t){return u(e),t.data=o.call(e,t.data,t.headers,e.transformResponse),t},function(t){return i(t)||(u(e),t&&t.response&&(t.response.data=o.call(e,t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)})}},1401(e){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code,status:this.response&&this.response.status?this.response.status:null}},e}},2975(e,t,n){"use strict";var r=n(4828);e.exports=function(e,t){t=t||{};var n={};function o(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function i(n){return r.isUndefined(t[n])?r.isUndefined(e[n])?void 0:o(void 0,e[n]):o(e[n],t[n])}function a(e){if(!r.isUndefined(t[e]))return o(void 0,t[e])}function s(n){return r.isUndefined(t[n])?r.isUndefined(e[n])?void 0:o(void 0,e[n]):o(void 0,t[n])}function u(n){return n in t?o(e[n],t[n]):n in e?o(void 0,e[n]):void 0}var l={url:a,method:a,data:a,baseURL:s,transformRequest:s,transformResponse:s,paramsSerializer:s,timeout:s,timeoutMessage:s,withCredentials:s,adapter:s,responseType:s,xsrfCookieName:s,xsrfHeaderName:s,onUploadProgress:s,onDownloadProgress:s,decompress:s,maxContentLength:s,maxBodyLength:s,transport:s,httpAgent:s,httpsAgent:s,cancelToken:s,socketPath:s,responseEncoding:s,validateStatus:u};return r.forEach(Object.keys(e).concat(Object.keys(t)),function(e){var t=l[e]||i,o=t(e);r.isUndefined(o)&&t!==u||(n[e]=o)}),n}},7218(e,t,n){"use strict";var r=n(3219);e.exports=function(e,t,n){var o=n.config.validateStatus;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},3201(e,t,n){"use strict";var r=n(4828),o=n(9659);e.exports=function(e,t,n){var i=this||o;return r.forEach(n,function(n){e=n.call(i,e,t)}),e}},9659(e,t,n){"use strict";var r=n(4828),o=n(522),i=n(1401),a={"Content-Type":"application/x-www-form-urlencoded"};function s(e,t){!r.isUndefined(e)&&r.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var u,l={transitional:{silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},adapter:(("undefined"!=typeof XMLHttpRequest||"undefined"!=typeof process&&"[object process]"===Object.prototype.toString.call(process))&&(u=n(7144)),u),transformRequest:[function(e,t){return o(t,"Accept"),o(t,"Content-Type"),r.isFormData(e)||r.isArrayBuffer(e)||r.isBuffer(e)||r.isStream(e)||r.isFile(e)||r.isBlob(e)?e:r.isArrayBufferView(e)?e.buffer:r.isURLSearchParams(e)?(s(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):r.isObject(e)||t&&"application/json"===t["Content-Type"]?(s(t,"application/json"),function(e){if(r.isString(e))try{return(0,JSON.parse)(e),r.trim(e)}catch(e){if("SyntaxError"!==e.name)throw e}return(0,JSON.stringify)(e)}(e)):e}],transformResponse:[function(e){var t=this.transitional||l.transitional,n=t&&t.silentJSONParsing,o=t&&t.forcedJSONParsing,a=!n&&"json"===this.responseType;if(a||o&&r.isString(e)&&e.length)try{return JSON.parse(e)}catch(e){if(a){if("SyntaxError"===e.name)throw i(e,this,"E_JSON_PARSE");throw e}}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300},headers:{common:{Accept:"application/json, text/plain, */*"}}};r.forEach(["delete","get","head"],function(e){l.headers[e]={}}),r.forEach(["post","put","patch"],function(e){l.headers[e]=r.merge(a)}),e.exports=l},3145(e){e.exports={version:"0.24.0"}},2820(e){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},6962(e,t,n){"use strict";var r=n(4828);function o(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var a=[];r.forEach(t,function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),a.push(o(t)+"="+o(e))}))}),i=a.join("&")}if(i){var s=e.indexOf("#");-1!==s&&(e=e.slice(0,s)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},408(e){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},828(e,t,n){"use strict";var r=n(4828);e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,a){var s=[];s.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&s.push("expires="+new Date(n).toGMTString()),r.isString(o)&&s.push("path="+o),r.isString(i)&&s.push("domain="+i),!0===a&&s.push("secure"),document.cookie=s.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},9585(e){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},7403(e){"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}},4474(e,t,n){"use strict";var r=n(4828);e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},522(e,t,n){"use strict";var r=n(4828);e.exports=function(e,t){r.forEach(e,function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])})}},7372(e,t,n){"use strict";var r=n(4828),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,i,a={};return e?(r.forEach(e.split("\n"),function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(a[t]&&o.indexOf(t)>=0)return;a[t]="set-cookie"===t?(a[t]?a[t]:[]).concat([n]):a[t]?a[t]+", "+n:n}}),a):a}},2860(e){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},3129(e,t,n){"use strict";var r=n(3145).version,o={};["object","boolean","number","function","string","symbol"].forEach(function(e,t){o[e]=function(n){return typeof n===e||"a"+(t<1?"n ":" ")+e}});var i={};o.transitional=function(e,t,n){function o(e,t){return"[Axios v"+r+"] Transitional option '"+e+"'"+t+(n?". "+n:"")}return function(n,r,a){if(!1===e)throw new Error(o(r," has been removed"+(t?" in "+t:"")));return t&&!i[r]&&(i[r]=!0,console.warn(o(r," has been deprecated since v"+t+" and will be removed in the near future"))),!e||e(n,r,a)}},e.exports={assertOptions:function(e,t,n){if("object"!=typeof e)throw new TypeError("options must be an object");for(var r=Object.keys(e),o=r.length;o-- >0;){var i=r[o],a=t[i];if(a){var s=e[i],u=void 0===s||a(s,i,e);if(!0!==u)throw new TypeError("option "+i+" must be "+u)}else if(!0!==n)throw Error("Unknown option "+i)}},validators:o}},4828(e,t,n){"use strict";var r=n(2820),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function a(e){return void 0===e}function s(e){return null!==e&&"object"==typeof e}function u(e){if("[object Object]"!==o.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function l(e){return"[object Function]"===o.call(e)}function c(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var n=0,r=e.length;n<r;n++)t.call(null,e[n],n,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===o.call(e)},isBuffer:function(e){return null!==e&&!a(e)&&null!==e.constructor&&!a(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)},isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:s,isPlainObject:u,isUndefined:a,isDate:function(e){return"[object Date]"===o.call(e)},isFile:function(e){return"[object File]"===o.call(e)},isBlob:function(e){return"[object Blob]"===o.call(e)},isFunction:l,isStream:function(e){return s(e)&&l(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&"undefined"!=typeof window&&"undefined"!=typeof document},forEach:c,merge:function e(){var t={};function n(n,r){u(t[r])&&u(n)?t[r]=e(t[r],n):u(n)?t[r]=e({},n):i(n)?t[r]=n.slice():t[r]=n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},extend:function(e,t,n){return c(t,function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t}),e},trim:function(e){return e.trim?e.trim():e.replace(/^\s+|\s+$/g,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}}},8835(e,t,n){"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}n.d(t,{A:()=>o});const o=362==n.j?function(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}:null},1035(e,t,n){"use strict";var r=n(5959),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function u(e){return r.isMemo(e)?a:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=a;var l=Object.defineProperty,c=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,f=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(h){var o=p(n);o&&o!==h&&e(t,o,r)}var a=c(n);d&&(a=a.concat(d(n)));for(var s=u(t),v=u(n),m=0;m<a.length;++m){var y=a[m];if(!(i[y]||r&&r[y]||v&&v[y]||s&&s[y])){var g=f(n,y);try{l(t,y,g)}catch(e){}}}}return t}},1585(e,t,n){"use strict";n.d(t,{A:()=>s});var r=/[A-Z]/g,o=/^ms-/,i={};function a(e){return"-"+e.toLowerCase()}const s=/^(362|437)$/.test(n.j)?function(e){if(i.hasOwnProperty(e))return i[e];var t=e.replace(r,a);return i[e]=o.test(t)?"-"+t:t}:null},305(e,t,n){"use strict";n.d(t,{A:()=>i});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o="object"===("undefined"==typeof window?"undefined":r(window))&&"object"===("undefined"==typeof document?"undefined":r(document))&&9===document.nodeType;const i=/^(362|437)$/.test(n.j)?o:null},9479(e,t,n){"use strict";if(n.d(t,{A:()=>i}),/^(362|437)$/.test(n.j))var r=n(1585);function o(e){var t={};for(var n in e)t[0===n.indexOf("--")?n:(0,r.A)(n)]=e[n];return e.fallbacks&&(Array.isArray(e.fallbacks)?t.fallbacks=e.fallbacks.map(o):t.fallbacks=o(e.fallbacks)),t}const i=/^(362|437)$/.test(n.j)?function(){return{onProcessStyle:function(e){if(Array.isArray(e)){for(var t=0;t<e.length;t++)e[t]=o(e[t]);return e}return o(e)},onChangeValue:function(e,t,n){if(0===t.indexOf("--"))return e;var o=(0,r.A)(t);return t===o?e:(n.prop(o,e),null)}}}:null},4906(e,t,n){"use strict";n.d(t,{A:()=>c});var r=n(3301),o=r.rN&&CSS?CSS.px:"px",i=r.rN&&CSS?CSS.ms:"ms",a=r.rN&&CSS?CSS.percent:"%";function s(e){var t=/(-[a-z])/g,n=function(e){return e[1].toUpperCase()},r={};for(var o in e)r[o]=e[o],r[o.replace(t,n)]=e[o];return r}var u=s({"animation-delay":i,"animation-duration":i,"background-position":o,"background-position-x":o,"background-position-y":o,"background-size":o,border:o,"border-bottom":o,"border-bottom-left-radius":o,"border-bottom-right-radius":o,"border-bottom-width":o,"border-left":o,"border-left-width":o,"border-radius":o,"border-right":o,"border-right-width":o,"border-top":o,"border-top-left-radius":o,"border-top-right-radius":o,"border-top-width":o,"border-width":o,"border-block":o,"border-block-end":o,"border-block-end-width":o,"border-block-start":o,"border-block-start-width":o,"border-block-width":o,"border-inline":o,"border-inline-end":o,"border-inline-end-width":o,"border-inline-start":o,"border-inline-start-width":o,"border-inline-width":o,"border-start-start-radius":o,"border-start-end-radius":o,"border-end-start-radius":o,"border-end-end-radius":o,margin:o,"margin-bottom":o,"margin-left":o,"margin-right":o,"margin-top":o,"margin-block":o,"margin-block-end":o,"margin-block-start":o,"margin-inline":o,"margin-inline-end":o,"margin-inline-start":o,padding:o,"padding-bottom":o,"padding-left":o,"padding-right":o,"padding-top":o,"padding-block":o,"padding-block-end":o,"padding-block-start":o,"padding-inline":o,"padding-inline-end":o,"padding-inline-start":o,"mask-position-x":o,"mask-position-y":o,"mask-size":o,height:o,width:o,"min-height":o,"max-height":o,"min-width":o,"max-width":o,bottom:o,left:o,top:o,right:o,inset:o,"inset-block":o,"inset-block-end":o,"inset-block-start":o,"inset-inline":o,"inset-inline-end":o,"inset-inline-start":o,"box-shadow":o,"text-shadow":o,"column-gap":o,"column-rule":o,"column-rule-width":o,"column-width":o,"font-size":o,"font-size-delta":o,"letter-spacing":o,"text-decoration-thickness":o,"text-indent":o,"text-stroke":o,"text-stroke-width":o,"word-spacing":o,motion:o,"motion-offset":o,outline:o,"outline-offset":o,"outline-width":o,perspective:o,"perspective-origin-x":a,"perspective-origin-y":a,"transform-origin":a,"transform-origin-x":a,"transform-origin-y":a,"transform-origin-z":a,"transition-delay":i,"transition-duration":i,"vertical-align":o,"flex-basis":o,"shape-margin":o,size:o,gap:o,grid:o,"grid-gap":o,"row-gap":o,"grid-row-gap":o,"grid-column-gap":o,"grid-template-rows":o,"grid-template-columns":o,"grid-auto-rows":o,"grid-auto-columns":o,"box-shadow-x":o,"box-shadow-y":o,"box-shadow-blur":o,"box-shadow-spread":o,"font-line-height":o,"text-shadow-x":o,"text-shadow-y":o,"text-shadow-blur":o});function l(e,t,n){if(null==t)return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]=l(e,t[r],n);else if("object"==typeof t)if("fallbacks"===e)for(var i in t)t[i]=l(i,t[i],n);else for(var a in t)t[a]=l(e+"-"+a,t[a],n);else if("number"==typeof t&&!1===isNaN(t)){var s=n[e]||u[e];return!s||0===t&&s===o?t.toString():"function"==typeof s?s(t).toString():""+t+s}return t}const c=/^(362|437)$/.test(n.j)?function(e){void 0===e&&(e={});var t=s(e);return{onProcessStyle:function(e,n){if("style"!==n.type)return e;for(var r in e)e[r]=l(r,e[r],t);return e},onChangeValue:function(e,n){return l(n,e,t)}}}:null},9625(e,t,n){"use strict";if(n.d(t,{A:()=>c}),/^(362|437)$/.test(n.j))var r=n(8621);if(/^(362|437)$/.test(n.j))var o=n(3301);var i="@global",a=/^(362|437)$/.test(n.j)?function(){function e(e,t,n){for(var a in this.type="global",this.at=i,this.isProcessed=!1,this.key=e,this.options=n,this.rules=new o.VZ((0,r.A)({},n,{parent:this})),t)this.rules.add(a,t[a]);this.rules.process()}var t=e.prototype;return t.getRule=function(e){return this.rules.get(e)},t.addRule=function(e,t,n){var r=this.rules.add(e,t,n);return r&&this.options.jss.plugins.onProcessRule(r),r},t.replaceRule=function(e,t,n){var r=this.rules.replace(e,t,n);return r&&this.options.jss.plugins.onProcessRule(r),r},t.indexOf=function(e){return this.rules.indexOf(e)},t.toString=function(e){return this.rules.toString(e)},e}():null,s=/^(362|437)$/.test(n.j)?function(){function e(e,t,n){this.type="global",this.at=i,this.isProcessed=!1,this.key=e,this.options=n;var o=e.substr(8);this.rule=n.jss.createRule(o,t,(0,r.A)({},n,{parent:this}))}return e.prototype.toString=function(e){return this.rule?this.rule.toString(e):""},e}():null,u=/\s*,\s*/g;function l(e,t){for(var n=e.split(u),r="",o=0;o<n.length;o++)r+=t+" "+n[o].trim(),n[o+1]&&(r+=", ");return r}const c=/^(362|437)$/.test(n.j)?function(){return{onCreateRule:function(e,t,n){if(!e)return null;if(e===i)return new a(e,t,n);if("@"===e[0]&&"@global "===e.substr(0,8))return new s(e,t,n);var r=n.parent;return r&&("global"===r.type||r.options.parent&&"global"===r.options.parent.type)&&(n.scoped=!1),n.selector||!1!==n.scoped||(n.selector=e),null},onProcessRule:function(e,t){"style"===e.type&&t&&(function(e,t){var n=e.options,o=e.style,a=o?o[i]:null;if(a){for(var s in a)t.addRule(s,a[s],(0,r.A)({},n,{selector:l(s,e.selector)}));delete o[i]}}(e,t),function(e,t){var n=e.options,o=e.style;for(var a in o)if("@"===a[0]&&a.substr(0,7)===i){var s=l(a.substr(7),e.selector);t.addRule(s,o[a],(0,r.A)({},n,{selector:s})),delete o[a]}}(e,t))}}}:null},3285(e,t,n){"use strict";if(n.d(t,{A:()=>s}),/^(362|437)$/.test(n.j))var r=n(8621);var o=/\s*,\s*/g,i=/&/g,a=/\$([\w-]+)/g;const s=/^(362|437)$/.test(n.j)?function(){function e(e,t){return function(n,r){var o=e.getRule(r)||t&&t.getRule(r);return o?o.selector:r}}function t(e,t){for(var n=t.split(o),r=e.split(o),a="",s=0;s<n.length;s++)for(var u=n[s],l=0;l<r.length;l++){var c=r[l];a&&(a+=", "),a+=-1!==c.indexOf("&")?c.replace(i,u):u+" "+c}return a}function n(e,t,n){if(n)return(0,r.A)({},n,{index:n.index+1});var o=e.options.nestingLevel;o=void 0===o?1:o+1;var i=(0,r.A)({},e.options,{nestingLevel:o,index:t.indexOf(e)+1});return delete i.name,i}return{onProcessStyle:function(o,i,s){if("style"!==i.type)return o;var u,l,c=i,d=c.options.parent;for(var f in o){var p=-1!==f.indexOf("&"),h="@"===f[0];if(p||h){if(u=n(c,d,u),p){var v=t(f,c.selector);l||(l=e(d,s)),v=v.replace(a,l);var m=c.key+"-"+f;"replaceRule"in d?d.replaceRule(m,o[f],(0,r.A)({},u,{selector:v})):d.addRule(m,o[f],(0,r.A)({},u,{selector:v}))}else h&&d.addRule(f,{},u).addRule(c.key,o[f],{selector:c.selector});delete o[f]}}return o}}}:null},7483(e,t,n){"use strict";n.d(t,{A:()=>r});const r=/^(362|437)$/.test(n.j)?function(){var e=function(e,t){return e.length===t.length?e>t?1:-1:e.length-t.length};return{onProcessStyle:function(t,n){if("style"!==n.type)return t;for(var r={},o=Object.keys(t).sort(e),i=0;i<o.length;i++)r[o[i]]=t[o[i]];return r}}}:null},179(e,t,n){"use strict";if(n.d(t,{A:()=>s}),/^(362|437)$/.test(n.j))var r=n(3301);var o=Date.now(),i="fnValues"+o,a="fnStyle"+ ++o;const s=/^(362|437)$/.test(n.j)?function(){return{onCreateRule:function(e,t,n){if("function"!=typeof t)return null;var o=(0,r.D_)(e,{},n);return o[a]=t,o},onProcessStyle:function(e,t){if(i in t||a in t)return e;var n={};for(var r in e){var o=e[r];"function"==typeof o&&(delete e[r],n[r]=o)}return t[i]=n,e},onUpdate:function(e,t,n,r){var o=t,s=o[a];s&&(o.style=s(e)||{});var u=o[i];if(u)for(var l in u)o.prop(l,u[l](e),r)}}}:null},9678(e,t,n){"use strict";n.d(t,{A:()=>re});var r=n(305),o=n(9887),i="",a="",s="",u="",l=r.A&&"ontouchstart"in document.documentElement;if(r.A){var c={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},d=document.createElement("p").style;for(var f in c)if(f+"Transform"in d){i=f,a=c[f];break}"Webkit"===i&&"msHyphens"in d&&(i="ms",a=c.ms,u="edge"),"Webkit"===i&&"-apple-trailing-word"in d&&(s="apple")}var p=i,h=a,v=s,m=u,y=l,g={noPrefill:["appearance"],supportedProperty:function(e){return"appearance"===e&&("ms"===p?"-webkit-"+e:h+e)}},b={noPrefill:["color-adjust"],supportedProperty:function(e){return"color-adjust"===e&&("Webkit"===p?h+"print-"+e:e)}},_=/[-\s]+(.)?/g;function A(e,t){return t?t.toUpperCase():""}function x(e){return e.replace(_,A)}function w(e){return x("-"+e)}var S,k={noPrefill:["mask"],supportedProperty:function(e,t){if(!/^mask/.test(e))return!1;if("Webkit"===p){var n="mask-image";if(x(n)in t)return e;if(p+w(n)in t)return h+e}return e}},C={noPrefill:["text-orientation"],supportedProperty:function(e){return"text-orientation"===e&&("apple"!==v||y?e:h+e)}},R={noPrefill:["transform"],supportedProperty:function(e,t,n){return"transform"===e&&(n.transform?e:h+e)}},E={noPrefill:["transition"],supportedProperty:function(e,t,n){return"transition"===e&&(n.transition?e:h+e)}},P={noPrefill:["writing-mode"],supportedProperty:function(e){return"writing-mode"===e&&("Webkit"===p||"ms"===p&&"edge"!==m?h+e:e)}},O={noPrefill:["user-select"],supportedProperty:function(e){return"user-select"===e&&("Moz"===p||"ms"===p||"apple"===v?h+e:e)}},N={supportedProperty:function(e,t){return!!/^break-/.test(e)&&("Webkit"===p?"WebkitColumn"+w(e)in t&&h+"column-"+e:"Moz"===p&&"page"+w(e)in t&&"page-"+e)}},T={supportedProperty:function(e,t){if(!/^(border|margin|padding)-inline/.test(e))return!1;if("Moz"===p)return e;var n=e.replace("-inline","");return p+w(n)in t&&h+n}},j={supportedProperty:function(e,t){return x(e)in t&&e}},M={supportedProperty:function(e,t){var n=w(e);return"-"===e[0]||"-"===e[0]&&"-"===e[1]?e:p+n in t?h+e:"Webkit"!==p&&"Webkit"+n in t&&"-webkit-"+e}},$={supportedProperty:function(e){return"scroll-snap"===e.substring(0,11)&&("ms"===p?""+h+e:e)}},F={supportedProperty:function(e){return"overscroll-behavior"===e&&("ms"===p?h+"scroll-chaining":e)}},I={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},L={supportedProperty:function(e,t){var n=I[e];return!!n&&p+w(n)in t&&h+n}},D={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},W=Object.keys(D),z=function(e){return h+e},B={supportedProperty:function(e,t,n){var r=n.multiple;if(W.indexOf(e)>-1){var o=D[e];if(!Array.isArray(o))return p+w(o)in t&&h+o;if(!r)return!1;for(var i=0;i<o.length;i++)if(!(p+w(o[0])in t))return!1;return o.map(z)}return!1}},U=[g,b,k,C,R,E,P,O,N,T,j,M,$,F,L,B],H=U.filter(function(e){return e.supportedProperty}).map(function(e){return e.supportedProperty}),q=U.filter(function(e){return e.noPrefill}).reduce(function(e,t){return e.push.apply(e,(0,o.A)(t.noPrefill)),e},[]),V={};if(r.A){S=document.createElement("p");var J=window.getComputedStyle(document.documentElement,"");for(var K in J)isNaN(K)||(V[J[K]]=J[K]);q.forEach(function(e){return delete V[e]})}function X(e,t){if(void 0===t&&(t={}),!S)return e;if(null!=V[e])return V[e];"transition"!==e&&"transform"!==e||(t[e]=e in S.style);for(var n=0;n<H.length&&(V[e]=H[n](e,S.style,t),!V[e]);n++);try{S.style[e]=""}catch(e){return!1}return V[e]}var Y,G={},Z={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Q=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g;function ee(e,t,n){return"var"===t?"var":"all"===t?"all":"all"===n?", all":(t?X(t):", "+X(n))||t||n}function te(e,t){var n=t;if(!Y||"content"===e)return t;if("string"!=typeof n||!isNaN(parseInt(n,10)))return n;var r=e+n;if(null!=G[r])return G[r];try{Y.style[e]=n}catch(e){return G[r]=!1,!1}if(Z[e])n=n.replace(Q,ee);else if(""===Y.style[e]&&("-ms-flex"===(n=h+n)&&(Y.style[e]="-ms-flexbox"),Y.style[e]=n,""===Y.style[e]))return G[r]=!1,!1;return Y.style[e]="",G[r]=n,G[r]}r.A&&(Y=document.createElement("p"));var ne=n(3301);const re=function(){function e(t){for(var n in t){var r=t[n];if("fallbacks"===n&&Array.isArray(r))t[n]=r.map(e);else{var o=!1,i=X(n);i&&i!==n&&(o=!0);var a=!1,s=te(i,(0,ne.Sg)(r));s&&s!==r&&(a=!0),(o||a)&&(o&&delete t[n],t[i||n]=s||r)}}return t}return{onProcessRule:function(e){if("keyframes"===e.type){var t=e;t.at=function(e){return"-"===e[1]||"ms"===p?e:"@"+h+"keyframes"+e.substr(10)}(t.at)}},onProcessStyle:function(t,n){return"style"!==n.type?t:e(t)},onChangeValue:function(e,t){return te(t,(0,ne.Sg)(e))||e}}}},3301(e,t,n){"use strict";n.d(t,{D_:()=>d,Sg:()=>p,VZ:()=>K,ih:()=>me,rN:()=>ve,vt:()=>he});var r=n(8621),o=n(305),i=n(4536),a=n(6882),s=n(9688),u=n(9244),l={}.constructor;function c(e){if(null==e||"object"!=typeof e)return e;if(Array.isArray(e))return e.map(c);if(e.constructor!==l)return e;var t={};for(var n in e)t[n]=c(e[n]);return t}function d(e,t,n){void 0===e&&(e="unnamed");var r=n.jss,o=c(t);return r.plugins.onCreateRule(e,o,n)||(e[0],null)}var f=function(e,t){for(var n="",r=0;r<e.length&&"!important"!==e[r];r++)n&&(n+=t),n+=e[r];return n},p=function(e){if(!Array.isArray(e))return e;var t="";if(Array.isArray(e[0]))for(var n=0;n<e.length&&"!important"!==e[n];n++)t&&(t+=", "),t+=f(e[n]," ");else t=f(e,", ");return"!important"===e[e.length-1]&&(t+=" !important"),t};function h(e){return e&&!1===e.format?{linebreak:"",space:""}:{linebreak:"\n",space:" "}}function v(e,t){for(var n="",r=0;r<t;r++)n+=" ";return n+e}function m(e,t,n){void 0===n&&(n={});var r="";if(!t)return r;var o=n.indent,i=void 0===o?0:o,a=t.fallbacks;!1===n.format&&(i=-1/0);var s=h(n),u=s.linebreak,l=s.space;if(e&&i++,a)if(Array.isArray(a))for(var c=0;c<a.length;c++){var d=a[c];for(var f in d){var m=d[f];null!=m&&(r&&(r+=u),r+=v(f+":"+l+p(m)+";",i))}}else for(var y in a){var g=a[y];null!=g&&(r&&(r+=u),r+=v(y+":"+l+p(g)+";",i))}for(var b in t){var _=t[b];null!=_&&"fallbacks"!==b&&(r&&(r+=u),r+=v(b+":"+l+p(_)+";",i))}return(r||n.allowEmpty)&&e?(r&&(r=""+u+r+u),v(""+e+l+"{"+r,--i)+v("}",i)):r}var y=/([[\].#*$><+~=|^:(),"'`\s])/g,g="undefined"!=typeof CSS&&CSS.escape,b=function(e){return g?g(e):e.replace(y,"\\$1")},_=function(){function e(e,t,n){this.type="style",this.isProcessed=!1;var r=n.sheet,o=n.Renderer;this.key=e,this.options=n,this.style=t,r?this.renderer=r.renderer:o&&(this.renderer=new o)}return e.prototype.prop=function(e,t,n){if(void 0===t)return this.style[e];var r=!!n&&n.force;if(!r&&this.style[e]===t)return this;var o=t;n&&!1===n.process||(o=this.options.jss.plugins.onChangeValue(t,e,this));var i=null==o||!1===o,a=e in this.style;if(i&&!a&&!r)return this;var s=i&&a;if(s?delete this.style[e]:this.style[e]=o,this.renderable&&this.renderer)return s?this.renderer.removeProperty(this.renderable,e):this.renderer.setProperty(this.renderable,e,o),this;var u=this.options.sheet;return u&&u.attached,this},e}(),A=function(e){function t(t,n,r){var o;o=e.call(this,t,n,r)||this;var i=r.selector,a=r.scoped,u=r.sheet,l=r.generateId;return i?o.selectorText=i:!1!==a&&(o.id=l((0,s.A)((0,s.A)(o)),u),o.selectorText="."+b(o.id)),o}(0,a.A)(t,e);var n=t.prototype;return n.applyTo=function(e){var t=this.renderer;if(t){var n=this.toJSON();for(var r in n)t.setProperty(e,r,n[r])}return this},n.toJSON=function(){var e={};for(var t in this.style){var n=this.style[t];"object"!=typeof n?e[t]=n:Array.isArray(n)&&(e[t]=p(n))}return e},n.toString=function(e){var t=this.options.sheet,n=t&&t.options.link?(0,r.A)({},e,{allowEmpty:!0}):e;return m(this.selectorText,this.style,n)},(0,i.A)(t,[{key:"selector",set:function(e){if(e!==this.selectorText){this.selectorText=e;var t=this.renderer,n=this.renderable;n&&t&&(t.setSelector(n,e)||t.replaceRule(n,this))}},get:function(){return this.selectorText}}]),t}(_),x={onCreateRule:function(e,t,n){return"@"===e[0]||n.parent&&"keyframes"===n.parent.type?null:new A(e,t,n)}},w={indent:1,children:!0},S=/@([\w-]+)/,k=function(){function e(e,t,n){this.type="conditional",this.isProcessed=!1,this.key=e;var o=e.match(S);for(var i in this.at=o?o[1]:"unknown",this.query=n.name||"@"+this.at,this.options=n,this.rules=new K((0,r.A)({},n,{parent:this})),t)this.rules.add(i,t[i]);this.rules.process()}var t=e.prototype;return t.getRule=function(e){return this.rules.get(e)},t.indexOf=function(e){return this.rules.indexOf(e)},t.addRule=function(e,t,n){var r=this.rules.add(e,t,n);return r?(this.options.jss.plugins.onProcessRule(r),r):null},t.replaceRule=function(e,t,n){var r=this.rules.replace(e,t,n);return r&&this.options.jss.plugins.onProcessRule(r),r},t.toString=function(e){void 0===e&&(e=w);var t=h(e).linebreak;if(null==e.indent&&(e.indent=w.indent),null==e.children&&(e.children=w.children),!1===e.children)return this.query+" {}";var n=this.rules.toString(e);return n?this.query+" {"+t+n+t+"}":""},e}(),C=/@container|@media|@supports\s+/,R={onCreateRule:function(e,t,n){return C.test(e)?new k(e,t,n):null}},E={indent:1,children:!0},P=/@keyframes\s+([\w-]+)/,O=function(){function e(e,t,n){this.type="keyframes",this.at="@keyframes",this.isProcessed=!1;var o=e.match(P);o&&o[1]?this.name=o[1]:this.name="noname",this.key=this.type+"-"+this.name,this.options=n;var i=n.scoped,a=n.sheet,s=n.generateId;for(var u in this.id=!1===i?this.name:b(s(this,a)),this.rules=new K((0,r.A)({},n,{parent:this})),t)this.rules.add(u,t[u],(0,r.A)({},n,{parent:this}));this.rules.process()}return e.prototype.toString=function(e){void 0===e&&(e=E);var t=h(e).linebreak;if(null==e.indent&&(e.indent=E.indent),null==e.children&&(e.children=E.children),!1===e.children)return this.at+" "+this.id+" {}";var n=this.rules.toString(e);return n&&(n=""+t+n+t),this.at+" "+this.id+" {"+n+"}"},e}(),N=/@keyframes\s+/,T=/\$([\w-]+)/g,j=function(e,t){return"string"==typeof e?e.replace(T,function(e,n){return n in t?t[n]:e}):e},M=function(e,t,n){var r=e[t],o=j(r,n);o!==r&&(e[t]=o)},$={onCreateRule:function(e,t,n){return"string"==typeof e&&N.test(e)?new O(e,t,n):null},onProcessStyle:function(e,t,n){return"style"===t.type&&n?("animation-name"in e&&M(e,"animation-name",n.keyframes),"animation"in e&&M(e,"animation",n.keyframes),e):e},onChangeValue:function(e,t,n){var r=n.options.sheet;if(!r)return e;switch(t){case"animation":case"animation-name":return j(e,r.keyframes);default:return e}}},F=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.A)(t,e),t.prototype.toString=function(e){var t=this.options.sheet,n=t&&t.options.link?(0,r.A)({},e,{allowEmpty:!0}):e;return m(this.key,this.style,n)},t}(_),I={onCreateRule:function(e,t,n){return n.parent&&"keyframes"===n.parent.type?new F(e,t,n):null}},L=function(){function e(e,t,n){this.type="font-face",this.at="@font-face",this.isProcessed=!1,this.key=e,this.style=t,this.options=n}return e.prototype.toString=function(e){var t=h(e).linebreak;if(Array.isArray(this.style)){for(var n="",r=0;r<this.style.length;r++)n+=m(this.at,this.style[r]),this.style[r+1]&&(n+=t);return n}return m(this.at,this.style,e)},e}(),D=/@font-face/,W={onCreateRule:function(e,t,n){return D.test(e)?new L(e,t,n):null}},z=function(){function e(e,t,n){this.type="viewport",this.at="@viewport",this.isProcessed=!1,this.key=e,this.style=t,this.options=n}return e.prototype.toString=function(e){return m(this.key,this.style,e)},e}(),B={onCreateRule:function(e,t,n){return"@viewport"===e||"@-ms-viewport"===e?new z(e,t,n):null}},U=function(){function e(e,t,n){this.type="simple",this.isProcessed=!1,this.key=e,this.value=t,this.options=n}return e.prototype.toString=function(e){if(Array.isArray(this.value)){for(var t="",n=0;n<this.value.length;n++)t+=this.key+" "+this.value[n]+";",this.value[n+1]&&(t+="\n");return t}return this.key+" "+this.value+";"},e}(),H={"@charset":!0,"@import":!0,"@namespace":!0},q=[x,R,$,I,W,B,{onCreateRule:function(e,t,n){return e in H?new U(e,t,n):null}}],V={process:!0},J={force:!0,process:!0},K=function(){function e(e){this.map={},this.raw={},this.index=[],this.counter=0,this.options=e,this.classes=e.classes,this.keyframes=e.keyframes}var t=e.prototype;return t.add=function(e,t,n){var o=this.options,i=o.parent,a=o.sheet,s=o.jss,u=o.Renderer,l=o.generateId,c=o.scoped,f=(0,r.A)({classes:this.classes,parent:i,sheet:a,jss:s,Renderer:u,generateId:l,scoped:c,name:e,keyframes:this.keyframes,selector:void 0},n),p=e;e in this.raw&&(p=e+"-d"+this.counter++),this.raw[p]=t,p in this.classes&&(f.selector="."+b(this.classes[p]));var h=d(p,t,f);if(!h)return null;this.register(h);var v=void 0===f.index?this.index.length:f.index;return this.index.splice(v,0,h),h},t.replace=function(e,t,n){var o=this.get(e),i=this.index.indexOf(o);o&&this.remove(o);var a=n;return-1!==i&&(a=(0,r.A)({},n,{index:i})),this.add(e,t,a)},t.get=function(e){return this.map[e]},t.remove=function(e){this.unregister(e),delete this.raw[e.key],this.index.splice(this.index.indexOf(e),1)},t.indexOf=function(e){return this.index.indexOf(e)},t.process=function(){var e=this.options.jss.plugins;this.index.slice(0).forEach(e.onProcessRule,e)},t.register=function(e){this.map[e.key]=e,e instanceof A?(this.map[e.selector]=e,e.id&&(this.classes[e.key]=e.id)):e instanceof O&&this.keyframes&&(this.keyframes[e.name]=e.id)},t.unregister=function(e){delete this.map[e.key],e instanceof A?(delete this.map[e.selector],delete this.classes[e.key]):e instanceof O&&delete this.keyframes[e.name]},t.update=function(){var e,t,n;if("string"==typeof(arguments.length<=0?void 0:arguments[0])?(e=arguments.length<=0?void 0:arguments[0],t=arguments.length<=1?void 0:arguments[1],n=arguments.length<=2?void 0:arguments[2]):(t=arguments.length<=0?void 0:arguments[0],n=arguments.length<=1?void 0:arguments[1],e=null),e)this.updateOne(this.get(e),t,n);else for(var r=0;r<this.index.length;r++)this.updateOne(this.index[r],t,n)},t.updateOne=function(t,n,r){void 0===r&&(r=V);var o=this.options,i=o.jss.plugins,a=o.sheet;if(t.rules instanceof e)t.rules.update(n,r);else{var s=t.style;if(i.onUpdate(n,t,a,r),r.process&&s&&s!==t.style){for(var u in i.onProcessStyle(t.style,t,a),t.style){var l=t.style[u];l!==s[u]&&t.prop(u,l,J)}for(var c in s){var d=t.style[c],f=s[c];null==d&&d!==f&&t.prop(c,null,J)}}}},t.toString=function(e){for(var t="",n=this.options.sheet,r=!!n&&n.options.link,o=h(e).linebreak,i=0;i<this.index.length;i++){var a=this.index[i].toString(e);(a||r)&&(t&&(t+=o),t+=a)}return t},e}(),X=function(){function e(e,t){for(var n in this.attached=!1,this.deployed=!1,this.classes={},this.keyframes={},this.options=(0,r.A)({},t,{sheet:this,parent:this,classes:this.classes,keyframes:this.keyframes}),t.Renderer&&(this.renderer=new t.Renderer(this)),this.rules=new K(this.options),e)this.rules.add(n,e[n]);this.rules.process()}var t=e.prototype;return t.attach=function(){return this.attached||(this.renderer&&this.renderer.attach(),this.attached=!0,this.deployed||this.deploy()),this},t.detach=function(){return this.attached?(this.renderer&&this.renderer.detach(),this.attached=!1,this):this},t.addRule=function(e,t,n){var r=this.queue;this.attached&&!r&&(this.queue=[]);var o=this.rules.add(e,t,n);return o?(this.options.jss.plugins.onProcessRule(o),this.attached?this.deployed?(r?r.push(o):(this.insertRule(o),this.queue&&(this.queue.forEach(this.insertRule,this),this.queue=void 0)),o):o:(this.deployed=!1,o)):null},t.replaceRule=function(e,t,n){var r=this.rules.get(e);if(!r)return this.addRule(e,t,n);var o=this.rules.replace(e,t,n);return o&&this.options.jss.plugins.onProcessRule(o),this.attached?this.deployed?(this.renderer&&(o?r.renderable&&this.renderer.replaceRule(r.renderable,o):this.renderer.deleteRule(r)),o):o:(this.deployed=!1,o)},t.insertRule=function(e){this.renderer&&this.renderer.insertRule(e)},t.addRules=function(e,t){var n=[];for(var r in e){var o=this.addRule(r,e[r],t);o&&n.push(o)}return n},t.getRule=function(e){return this.rules.get(e)},t.deleteRule=function(e){var t="object"==typeof e?e:this.rules.get(e);return!(!t||this.attached&&!t.renderable)&&(this.rules.remove(t),!(this.attached&&t.renderable&&this.renderer)||this.renderer.deleteRule(t.renderable))},t.indexOf=function(e){return this.rules.indexOf(e)},t.deploy=function(){return this.renderer&&this.renderer.deploy(),this.deployed=!0,this},t.update=function(){var e;return(e=this.rules).update.apply(e,arguments),this},t.updateOne=function(e,t,n){return this.rules.updateOne(e,t,n),this},t.toString=function(e){return this.rules.toString(e)},e}(),Y=function(){function e(){this.plugins={internal:[],external:[]},this.registry={}}var t=e.prototype;return t.onCreateRule=function(e,t,n){for(var r=0;r<this.registry.onCreateRule.length;r++){var o=this.registry.onCreateRule[r](e,t,n);if(o)return o}return null},t.onProcessRule=function(e){if(!e.isProcessed){for(var t=e.options.sheet,n=0;n<this.registry.onProcessRule.length;n++)this.registry.onProcessRule[n](e,t);e.style&&this.onProcessStyle(e.style,e,t),e.isProcessed=!0}},t.onProcessStyle=function(e,t,n){for(var r=0;r<this.registry.onProcessStyle.length;r++)t.style=this.registry.onProcessStyle[r](t.style,t,n)},t.onProcessSheet=function(e){for(var t=0;t<this.registry.onProcessSheet.length;t++)this.registry.onProcessSheet[t](e)},t.onUpdate=function(e,t,n,r){for(var o=0;o<this.registry.onUpdate.length;o++)this.registry.onUpdate[o](e,t,n,r)},t.onChangeValue=function(e,t,n){for(var r=e,o=0;o<this.registry.onChangeValue.length;o++)r=this.registry.onChangeValue[o](r,t,n);return r},t.use=function(e,t){void 0===t&&(t={queue:"external"});var n=this.plugins[t.queue];-1===n.indexOf(e)&&(n.push(e),this.registry=[].concat(this.plugins.external,this.plugins.internal).reduce(function(e,t){for(var n in t)n in e&&e[n].push(t[n]);return e},{onCreateRule:[],onProcessRule:[],onProcessStyle:[],onProcessSheet:[],onChangeValue:[],onUpdate:[]}))},e}(),G=new(function(){function e(){this.registry=[]}var t=e.prototype;return t.add=function(e){var t=this.registry,n=e.options.index;if(-1===t.indexOf(e))if(0===t.length||n>=this.index)t.push(e);else for(var r=0;r<t.length;r++)if(t[r].options.index>n)return void t.splice(r,0,e)},t.reset=function(){this.registry=[]},t.remove=function(e){var t=this.registry.indexOf(e);this.registry.splice(t,1)},t.toString=function(e){for(var t=void 0===e?{}:e,n=t.attached,r=(0,u.A)(t,["attached"]),o=h(r).linebreak,i="",a=0;a<this.registry.length;a++){var s=this.registry[a];null!=n&&s.attached!==n||(i&&(i+=o),i+=s.toString(r))}return i},(0,i.A)(e,[{key:"index",get:function(){return 0===this.registry.length?0:this.registry[this.registry.length-1].options.index}}]),e}()),Z="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window&&window.Math===Math?window:"undefined"!=typeof self&&self.Math===Math?self:Function("return this")(),Q="2f1acc6c3a606b082e5eef5e54414ffb";null==Z[Q]&&(Z[Q]=0);var ee=Z[Q]++,te=function(e){void 0===e&&(e={});var t=0;return function(n,r){t+=1;var o="",i="";return r&&(r.options.classNamePrefix&&(i=r.options.classNamePrefix),null!=r.options.jss.id&&(o=String(r.options.jss.id))),e.minify?""+(i||"c")+ee+o+t:i+n.key+"-"+ee+(o?"-"+o:"")+"-"+t}},ne=function(e){var t;return function(){return t||(t=e()),t}},re=function(e,t){try{return e.attributeStyleMap?e.attributeStyleMap.get(t):e.style.getPropertyValue(t)}catch(e){return""}},oe=function(e,t,n){try{var r=n;if(Array.isArray(n)&&(r=p(n)),e.attributeStyleMap)e.attributeStyleMap.set(t,r);else{var o=r?r.indexOf("!important"):-1,i=o>-1?r.substr(0,o-1):r;e.style.setProperty(t,i,o>-1?"important":"")}}catch(e){return!1}return!0},ie=function(e,t){try{e.attributeStyleMap?e.attributeStyleMap.delete(t):e.style.removeProperty(t)}catch(e){}},ae=function(e,t){return e.selectorText=t,e.selectorText===t},se=ne(function(){return document.querySelector("head")});var ue=ne(function(){var e=document.querySelector('meta[property="csp-nonce"]');return e?e.getAttribute("content"):null}),le=function(e,t,n){try{"insertRule"in e?e.insertRule(t,n):"appendRule"in e&&e.appendRule(t)}catch(e){return!1}return e.cssRules[n]},ce=function(e,t){var n=e.cssRules.length;return void 0===t||t>n?n:t},de=function(){function e(e){this.getPropertyValue=re,this.setProperty=oe,this.removeProperty=ie,this.setSelector=ae,this.hasInsertedRules=!1,this.cssRules=[],e&&G.add(e),this.sheet=e;var t,n=this.sheet?this.sheet.options:{},r=n.media,o=n.meta,i=n.element;this.element=i||((t=document.createElement("style")).textContent="\n",t),this.element.setAttribute("data-jss",""),r&&this.element.setAttribute("media",r),o&&this.element.setAttribute("data-meta",o);var a=ue();a&&this.element.setAttribute("nonce",a)}var t=e.prototype;return t.attach=function(){if(!this.element.parentNode&&this.sheet){!function(e,t){var n=t.insertionPoint,r=function(e){var t=G.registry;if(t.length>0){var n=function(e,t){for(var n=0;n<e.length;n++){var r=e[n];if(r.attached&&r.options.index>t.index&&r.options.insertionPoint===t.insertionPoint)return r}return null}(t,e);if(n&&n.renderer)return{parent:n.renderer.element.parentNode,node:n.renderer.element};if(n=function(e,t){for(var n=e.length-1;n>=0;n--){var r=e[n];if(r.attached&&r.options.insertionPoint===t.insertionPoint)return r}return null}(t,e),n&&n.renderer)return{parent:n.renderer.element.parentNode,node:n.renderer.element.nextSibling}}var r=e.insertionPoint;if(r&&"string"==typeof r){var o=function(e){for(var t=se(),n=0;n<t.childNodes.length;n++){var r=t.childNodes[n];if(8===r.nodeType&&r.nodeValue.trim()===e)return r}return null}(r);if(o)return{parent:o.parentNode,node:o.nextSibling}}return!1}(t);if(!1!==r&&r.parent)r.parent.insertBefore(e,r.node);else if(n&&"number"==typeof n.nodeType){var o=n,i=o.parentNode;i&&i.insertBefore(e,o.nextSibling)}else se().appendChild(e)}(this.element,this.sheet.options);var e=Boolean(this.sheet&&this.sheet.deployed);this.hasInsertedRules&&e&&(this.hasInsertedRules=!1,this.deploy())}},t.detach=function(){if(this.sheet){var e=this.element.parentNode;e&&e.removeChild(this.element),this.sheet.options.link&&(this.cssRules=[],this.element.textContent="\n")}},t.deploy=function(){var e=this.sheet;e&&(e.options.link?this.insertRules(e.rules):this.element.textContent="\n"+e.toString()+"\n")},t.insertRules=function(e,t){for(var n=0;n<e.index.length;n++)this.insertRule(e.index[n],n,t)},t.insertRule=function(e,t,n){if(void 0===n&&(n=this.element.sheet),e.rules){var r=e,o=n;if("conditional"===e.type||"keyframes"===e.type){var i=ce(n,t);if(!1===(o=le(n,r.toString({children:!1}),i)))return!1;this.refCssRule(e,i,o)}return this.insertRules(r.rules,o),o}var a=e.toString();if(!a)return!1;var s=ce(n,t),u=le(n,a,s);return!1!==u&&(this.hasInsertedRules=!0,this.refCssRule(e,s,u),u)},t.refCssRule=function(e,t,n){e.renderable=n,e.options.parent instanceof X&&this.cssRules.splice(t,0,n)},t.deleteRule=function(e){var t=this.element.sheet,n=this.indexOf(e);return-1!==n&&(t.deleteRule(n),this.cssRules.splice(n,1),!0)},t.indexOf=function(e){return this.cssRules.indexOf(e)},t.replaceRule=function(e,t){var n=this.indexOf(e);return-1!==n&&(this.element.sheet.deleteRule(n),this.cssRules.splice(n,1),this.insertRule(t,n))},t.getRules=function(){return this.element.sheet.cssRules},e}(),fe=0,pe=function(){function e(e){this.id=fe++,this.version="10.10.0",this.plugins=new Y,this.options={id:{minify:!1},createGenerateId:te,Renderer:o.A?de:null,plugins:[]},this.generateId=te({minify:!1});for(var t=0;t<q.length;t++)this.plugins.use(q[t],{queue:"internal"});this.setup(e)}var t=e.prototype;return t.setup=function(e){return void 0===e&&(e={}),e.createGenerateId&&(this.options.createGenerateId=e.createGenerateId),e.id&&(this.options.id=(0,r.A)({},this.options.id,e.id)),(e.createGenerateId||e.id)&&(this.generateId=this.options.createGenerateId(this.options.id)),null!=e.insertionPoint&&(this.options.insertionPoint=e.insertionPoint),"Renderer"in e&&(this.options.Renderer=e.Renderer),e.plugins&&this.use.apply(this,e.plugins),this},t.createStyleSheet=function(e,t){void 0===t&&(t={});var n=t.index;"number"!=typeof n&&(n=0===G.index?0:G.index+1);var o=new X(e,(0,r.A)({},t,{jss:this,generateId:t.generateId||this.generateId,insertionPoint:this.options.insertionPoint,Renderer:this.options.Renderer,index:n}));return this.plugins.onProcessSheet(o),o},t.removeStyleSheet=function(e){return e.detach(),G.remove(e),this},t.createRule=function(e,t,n){if(void 0===t&&(t={}),void 0===n&&(n={}),"object"==typeof e)return this.createRule(void 0,e,t);var o=(0,r.A)({},n,{name:e,jss:this,Renderer:this.options.Renderer});o.generateId||(o.generateId=this.generateId),o.classes||(o.classes={}),o.keyframes||(o.keyframes={});var i=d(e,t,o);return i&&this.plugins.onProcessRule(i),i},t.use=function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return n.forEach(function(t){e.plugins.use(t)}),this},e}(),he=function(e){return new pe(e)},ve="object"==typeof CSS&&null!=CSS&&"number"in CSS;function me(e){var t=null;for(var n in e){var r=e[n],o=typeof r;if("function"===o)t||(t={}),t[n]=r;else if("object"===o&&null!==r&&!Array.isArray(r)){var i=me(r);i&&(t||(t={}),t[n]=i)}}return t}he()},2719(e,t,n){"use strict";n.d(t,{Ay:()=>X,FK:()=>r.FK,J0:()=>o.J0,Kr:()=>o.Kr,NT:()=>o.NT,Nf:()=>o.Nf,Ob:()=>V,Qv:()=>I,Rf:()=>y,Yn:()=>o.Yn,d5:()=>O,hb:()=>o.hb,li:()=>o.li,n:()=>r.n,oK:()=>J,ph:()=>h,q6:()=>r.q6,vJ:()=>o.vJ,yL:()=>b,zO:()=>q});var r=n(1855),o=n(4443);function i(e,t){for(var n in t)e[n]=t[n];return e}function a(e,t){for(var n in e)if("__source"!==n&&!(n in t))return!0;for(var r in t)if("__source"!==r&&e[r]!==t[r])return!0;return!1}function s(e,t){var n=t(),r=(0,o.J0)({t:{__:n,u:t}}),i=r[0].t,a=r[1];return(0,o.Nf)(function(){i.__=n,i.u=t,u(i)&&a({t:i})},[e,n,t]),(0,o.vJ)(function(){return u(i)&&a({t:i}),e(function(){u(i)&&a({t:i})})},[e]),n}function u(e){try{return!((t=e.__)===(n=e.u())&&(0!==t||1/t==1/n)||t!=t&&n!=n)}catch(e){return!0}var t,n}function l(e){e()}function c(e){return e}function d(){return[!1,l]}var f=o.Nf;function p(e,t){this.props=e,this.context=t}function h(e,t){function n(e){var n=this.props.ref;return n!=e.ref&&n&&("function"==typeof n?n(null):n.current=null),t?!t(this.props,e)||n!=e.ref:a(this.props,e)}function o(t){return this.shouldComponentUpdate=n,(0,r.n)(e,t)}return o.displayName="Memo("+(e.displayName||e.name)+")",o.__f=o.prototype.isReactComponent=!0,o.type=e,o}(p.prototype=new r.uA).isPureReactComponent=!0,p.prototype.shouldComponentUpdate=function(e,t){return a(this.props,e)||a(this.state,t)};var v=r.fF.__b;r.fF.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),v&&v(e)};var m="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function y(e){function t(t){var n=i({},t);return delete n.ref,e(n,t.ref||null)}return t.$$typeof=m,t.render=e,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(e.displayName||e.name)+")",t}var g=function(e,t){return null==e?null:(0,r.v2)((0,r.v2)(e).map(t))},b={map:g,forEach:g,count:function(e){return e?(0,r.v2)(e).length:0},only:function(e){var t=(0,r.v2)(e);if(1!==t.length)throw"Children.only";return t[0]},toArray:r.v2},_=r.fF.__e;r.fF.__e=function(e,t,n,r){if(e.then)for(var o,i=t;i=i.__;)if((o=i.__c)&&o.__c)return null==t.__e&&(t.__e=n.__e,t.__k=n.__k),o.__c(e,t);_(e,t,n,r)};var A=r.fF.unmount;function x(e,t,n){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach(function(e){"function"==typeof e.__c&&e.__c()}),e.__c.__H=null),null!=(e=i({},e)).__c&&(e.__c.__P===n&&(e.__c.__P=t),e.__c.__e=!0,e.__c=null),e.__k=e.__k&&e.__k.map(function(e){return x(e,t,n)})),e}function w(e,t,n){return e&&n&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(e){return w(e,t,n)}),e.__c&&e.__c.__P===t&&(e.__e&&n.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=n)),e}function S(){this.__u=0,this.o=null,this.__b=null}function k(e){var t=e.__&&e.__.__c;return t&&t.__a&&t.__a(e)}function C(){this.i=null,this.l=null}r.fF.unmount=function(e){var t=e.__c;t&&(t.__z=!0),t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),A&&A(e)},(S.prototype=new r.uA).__c=function(e,t){var n=t.__c,r=this;null==r.o&&(r.o=[]),r.o.push(n);var o=k(r.__v),i=!1,a=function(){i||r.__z||(i=!0,n.__R=null,o?o(u):u())};n.__R=a;var s=n.__P;n.__P=null;var u=function(){if(! --r.__u){if(r.state.__a){var e=r.state.__a;r.__v.__k[0]=w(e,e.__c.__P,e.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.o.pop();)t.__P=s,t.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),e.then(a,a)},S.prototype.componentWillUnmount=function(){this.o=[]},S.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var n=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=x(this.__b,n,o.__O=o.__P)}this.__b=null}var i=t.__a&&(0,r.n)(r.FK,null,e.fallback);return i&&(i.__u&=-33),[(0,r.n)(r.FK,null,t.__a?null:e.children),i]};var R=function(e,t,n){if(++n[1]===n[0]&&e.l.delete(t),e.props.revealOrder&&("t"!==e.props.revealOrder[0]||!e.l.size))for(n=e.i;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;e.i=n=n[2]}};function E(e){return this.getChildContext=function(){return e.context},e.children}function P(e){var t=this,n=e.h;if(t.componentWillUnmount=function(){(0,r.XX)(null,t.v),t.v=null,t.h=null},t.h&&t.h!==n&&t.componentWillUnmount(),!t.v){for(var o=t.__v;null!==o&&!o.__m&&null!==o.__;)o=o.__;t.h=n,t.v={nodeType:1,parentNode:n,childNodes:[],__k:{__m:o.__m},contains:function(){return!0},namespaceURI:n.namespaceURI,insertBefore:function(e,n){this.childNodes.push(e),t.h.insertBefore(e,n)},removeChild:function(e){this.childNodes.splice(this.childNodes.indexOf(e)>>>1,1),t.h.removeChild(e)}}}(0,r.XX)((0,r.n)(E,{context:t.context},e.__v),t.v)}function O(e,t){var n=(0,r.n)(P,{__v:e,h:t});return n.containerInfo=t,n}(C.prototype=new r.uA).__a=function(e){var t=this,n=k(t.__v),r=t.l.get(e);return r[0]++,function(o){var i=function(){t.props.revealOrder?(r.push(o),R(t,e,r)):o()};n?n(i):i()}},C.prototype.render=function(e){this.i=null,this.l=new Map;var t=(0,r.v2)(e.children);e.revealOrder&&"b"===e.revealOrder[0]&&t.reverse();for(var n=t.length;n--;)this.l.set(t[n],this.i=[1,0,this.i]);return e.children},C.prototype.componentDidUpdate=C.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(t,n){R(e,n,t)})};var N="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,T=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,j=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,M=/[A-Z0-9]/g,$="undefined"!=typeof document,F=function(e){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(e)};function I(e,t,n){return(0,r.Qv)(e,t),"function"==typeof n&&n(),e?e.__c:null}r.uA.prototype.isReactComponent=!0,["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(e){Object.defineProperty(r.uA.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var L=r.fF.event;r.fF.event=function(e){return L&&(e=L(e)),e.persist=function(){},e.isPropagationStopped=function(){return this.cancelBubble},e.isDefaultPrevented=function(){return this.defaultPrevented},e.nativeEvent=e};var D,W={configurable:!0,get:function(){return this.class}},z=r.fF.vnode;r.fF.vnode=function(e){"string"==typeof e.type&&function(e){var t=e.props,n=e.type,o={},i=-1==n.indexOf("-");for(var a in t){var s=t[a];if(!("value"===a&&"defaultValue"in t&&null==s||$&&"children"===a&&"noscript"===n||"class"===a||"className"===a)){var u=a.toLowerCase();"defaultValue"===a&&"value"in t&&null==t.value?a="value":"download"===a&&!0===s?s="":"translate"===u&&"no"===s?s=!1:"o"===u[0]&&"n"===u[1]?"ondoubleclick"===u?a="ondblclick":"onchange"!==u||"input"!==n&&"textarea"!==n||F(t.type)?"onfocus"===u?a="onfocusin":"onblur"===u?a="onfocusout":j.test(a)&&(a=u):u=a="oninput":i&&T.test(a)?a=a.replace(M,"-$&").toLowerCase():null===s&&(s=void 0),"oninput"===u&&o[a=u]&&(a="oninputCapture"),o[a]=s}}"select"==n&&(o.multiple&&Array.isArray(o.value)&&(o.value=(0,r.v2)(t.children).forEach(function(e){e.props.selected=-1!=o.value.indexOf(e.props.value)})),null!=o.defaultValue&&(o.value=(0,r.v2)(t.children).forEach(function(e){e.props.selected=o.multiple?-1!=o.defaultValue.indexOf(e.props.value):o.defaultValue==e.props.value}))),t.class&&!t.className?(o.class=t.class,Object.defineProperty(o,"className",W)):t.className&&(o.class=o.className=t.className),e.props=o}(e),e.$$typeof=N,z&&z(e)};var B=r.fF.__r;r.fF.__r=function(e){B&&B(e),D=e.__c};var U=r.fF.diffed;r.fF.diffed=function(e){U&&U(e);var t=e.props,n=e.__e;null!=n&&"textarea"===e.type&&"value"in t&&t.value!==n.value&&(n.value=null==t.value?"":t.value),D=null};var H={ReactCurrentDispatcher:{current:{readContext:function(e){return D.__n[e.__c].props.value},useCallback:o.hb,useContext:o.NT,useDebugValue:o.MN,useDeferredValue:c,useEffect:o.vJ,useId:o.Bi,useImperativeHandle:o.Yn,useInsertionEffect:f,useLayoutEffect:o.Nf,useMemo:o.Kr,useReducer:o.WO,useRef:o.li,useState:o.J0,useSyncExternalStore:s,useTransition:d}}};function q(e){return!!e&&e.$$typeof===N}function V(e){return q(e)?r.Ob.apply(null,arguments):e}function J(e){return e&&(e.base||1===e.nodeType&&e)||null}var K=q,X={useState:o.J0,useId:o.Bi,useReducer:o.WO,useEffect:o.vJ,useLayoutEffect:o.Nf,useInsertionEffect:f,useTransition:d,useDeferredValue:c,useSyncExternalStore:s,startTransition:l,useRef:o.li,useImperativeHandle:o.Yn,useMemo:o.Kr,useCallback:o.hb,useContext:o.NT,useDebugValue:o.MN,version:"18.3.1",Children:b,render:function(e,t,n){return null==t.__k&&(t.textContent=""),(0,r.XX)(e,t),"function"==typeof n&&n(),e?e.__c:null},hydrate:I,unmountComponentAtNode:function(e){return!!e.__k&&((0,r.XX)(null,e),!0)},createPortal:O,createElement:r.n,createContext:r.q6,createFactory:function(e){return r.n.bind(null,e)},cloneElement:V,createRef:r._3,Fragment:r.FK,isValidElement:q,isElement:K,isFragment:function(e){return q(e)&&e.type===r.FK},isMemo:function(e){return!!e&&"string"==typeof e.displayName&&0==e.displayName.indexOf("Memo(")},findDOMNode:J,Component:r.uA,PureComponent:p,memo:h,forwardRef:y,flushSync:function(e,t){var n=r.fF.debounceRendering;r.fF.debounceRendering=function(e){return e()};var o=e(t);return r.fF.debounceRendering=n,o},unstable_batchedUpdates:function(e,t){return e(t)},StrictMode:r.FK,Suspense:S,SuspenseList:C,lazy:function(e){var t,n,o,i=null;function a(a){if(t||(t=e()).then(function(e){e&&(i=e.default||e),o=!0},function(e){n=e,o=!0}),n)throw n;if(!o)throw t;return i?(0,r.n)(i,a):null}return a.displayName="Lazy",a.__f=!0,a},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:H}},1855(e,t,n){"use strict";n.d(t,{FK:()=>k,Ob:()=>Y,Qv:()=>X,XX:()=>K,_3:()=>S,fF:()=>o,h:()=>x,n:()=>x,q6:()=>G,uA:()=>C,v2:()=>$,zO:()=>a});var r,o,i,a,s,u,l,c,d,f,p,h,v,m={},y=[],g=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,b=Array.isArray;function _(e,t){for(var n in t)e[n]=t[n];return e}function A(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function x(e,t,n){var o,i,a,s={};for(a in t)"key"==a?o=t[a]:"ref"==a?i=t[a]:s[a]=t[a];if(arguments.length>2&&(s.children=arguments.length>3?r.call(arguments,2):n),"function"==typeof e&&null!=e.defaultProps)for(a in e.defaultProps)void 0===s[a]&&(s[a]=e.defaultProps[a]);return w(e,s,o,i,null)}function w(e,t,n,r,a){var s={type:e,props:t,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==a?++i:a,__i:-1,__u:0};return null==a&&null!=o.vnode&&o.vnode(s),s}function S(){return{current:null}}function k(e){return e.children}function C(e,t){this.props=e,this.context=t}function R(e,t){if(null==t)return e.__?R(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e)return n.__e;return"function"==typeof e.type?R(e):null}function E(e){if(e.__P&&e.__d){var t=e.__v,n=t.__e,r=[],i=[],a=_({},t);a.__v=t.__v+1,o.vnode&&o.vnode(a),W(e.__P,a,t,e.__n,e.__P.namespaceURI,32&t.__u?[n]:null,r,null==n?R(t):n,!!(32&t.__u),i),a.__v=t.__v,a.__.__k[a.__i]=a,B(r,a,i),t.__e=t.__=null,a.__e!=n&&P(a)}}function P(e){if(null!=(e=e.__)&&null!=e.__c)return e.__e=e.__c.base=null,e.__k.some(function(t){if(null!=t&&null!=t.__e)return e.__e=e.__c.base=t.__e}),P(e)}function O(e){(!e.__d&&(e.__d=!0)&&s.push(e)&&!N.__r++||u!=o.debounceRendering)&&((u=o.debounceRendering)||l)(N)}function N(){try{for(var e,t=1;s.length;)s.length>t&&s.sort(c),e=s.shift(),t=s.length,E(e)}finally{s.length=N.__r=0}}function T(e,t,n,r,o,i,a,s,u,l,c){var d,f,p,h,v,g,b,_=r&&r.__k||y,A=t.length;for(u=j(n,t,_,u,A),d=0;d<A;d++)null!=(p=n.__k[d])&&(f=-1!=p.__i&&_[p.__i]||m,p.__i=d,g=W(e,p,f,o,i,a,s,u,l,c),h=p.__e,p.ref&&f.ref!=p.ref&&(f.ref&&q(f.ref,null,p),c.push(p.ref,p.__c||h,p)),null==v&&null!=h&&(v=h),(b=!!(4&p.__u))||f.__k===p.__k?u=M(p,u,e,b):"function"==typeof p.type&&void 0!==g?u=g:h&&(u=h.nextSibling),p.__u&=-7);return n.__e=v,u}function j(e,t,n,r,o){var i,a,s,u,l,c=n.length,d=c,f=0;for(e.__k=new Array(o),i=0;i<o;i++)null!=(a=t[i])&&"boolean"!=typeof a&&"function"!=typeof a?("string"==typeof a||"number"==typeof a||"bigint"==typeof a||a.constructor==String?a=e.__k[i]=w(null,a,null,null,null):b(a)?a=e.__k[i]=w(k,{children:a},null,null,null):void 0===a.constructor&&a.__b>0?a=e.__k[i]=w(a.type,a.props,a.key,a.ref?a.ref:null,a.__v):e.__k[i]=a,u=i+f,a.__=e,a.__b=e.__b+1,s=null,-1!=(l=a.__i=F(a,n,u,d))&&(d--,(s=n[l])&&(s.__u|=2)),null==s||null==s.__v?(-1==l&&(o>c?f--:o<c&&f++),"function"!=typeof a.type&&(a.__u|=4)):l!=u&&(l==u-1?f--:l==u+1?f++:(l>u?f--:f++,a.__u|=4))):e.__k[i]=null;if(d)for(i=0;i<c;i++)null!=(s=n[i])&&!(2&s.__u)&&(s.__e==r&&(r=R(s)),V(s,s));return r}function M(e,t,n,r){var o,i;if("function"==typeof e.type){for(o=e.__k,i=0;o&&i<o.length;i++)o[i]&&(o[i].__=e,t=M(o[i],t,n,r));return t}e.__e!=t&&(r&&(t&&e.type&&!t.parentNode&&(t=R(e)),n.insertBefore(e.__e,t||null)),t=e.__e);do{t=t&&t.nextSibling}while(null!=t&&8==t.nodeType);return t}function $(e,t){return t=t||[],null==e||"boolean"==typeof e||(b(e)?e.some(function(e){$(e,t)}):t.push(e)),t}function F(e,t,n,r){var o,i,a,s=e.key,u=e.type,l=t[n],c=null!=l&&!(2&l.__u);if(null===l&&null==s||c&&s==l.key&&u==l.type)return n;if(r>(c?1:0))for(o=n-1,i=n+1;o>=0||i<t.length;)if(null!=(l=t[a=o>=0?o--:i++])&&!(2&l.__u)&&s==l.key&&u==l.type)return a;return-1}function I(e,t,n){"-"==t[0]?e.setProperty(t,null==n?"":n):e[t]=null==n?"":"number"!=typeof n||g.test(t)?n:n+"px"}function L(e,t,n,r,o){var i,a;e:if("style"==t)if("string"==typeof n)e.style.cssText=n;else{if("string"==typeof r&&(e.style.cssText=r=""),r)for(t in r)n&&t in n||I(e.style,t,"");if(n)for(t in n)r&&n[t]==r[t]||I(e.style,t,n[t])}else if("o"==t[0]&&"n"==t[1])i=t!=(t=t.replace(d,"$1")),a=t.toLowerCase(),t=a in e||"onFocusOut"==t||"onFocusIn"==t?a.slice(2):t.slice(2),e.l||(e.l={}),e.l[t+i]=n,n?r?n.u=r.u:(n.u=f,e.addEventListener(t,i?h:p,i)):e.removeEventListener(t,i?h:p,i);else{if("http://www.w3.org/2000/svg"==o)t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=t&&"height"!=t&&"href"!=t&&"list"!=t&&"form"!=t&&"tabIndex"!=t&&"download"!=t&&"rowSpan"!=t&&"colSpan"!=t&&"role"!=t&&"popover"!=t&&t in e)try{e[t]=null==n?"":n;break e}catch(e){}"function"==typeof n||(null==n||!1===n&&"-"!=t[4]?e.removeAttribute(t):e.setAttribute(t,"popover"==t&&1==n?"":n))}}function D(e){return function(t){if(this.l){var n=this.l[t.type+e];if(null==t.t)t.t=f++;else if(t.t<n.u)return;return n(o.event?o.event(t):t)}}}function W(e,t,n,r,i,a,s,u,l,c){var d,f,p,h,v,m,g,x,w,S,R,E,P,O,N,j=t.type;if(void 0!==t.constructor)return null;128&n.__u&&(l=!!(32&n.__u),a=[u=t.__e=n.__e]),(d=o.__b)&&d(t);e:if("function"==typeof j)try{if(x=t.props,w=j.prototype&&j.prototype.render,S=(d=j.contextType)&&r[d.__c],R=d?S?S.props.value:d.__:r,n.__c?g=(f=t.__c=n.__c).__=f.__E:(w?t.__c=f=new j(x,R):(t.__c=f=new C(x,R),f.constructor=j,f.render=J),S&&S.sub(f),f.state||(f.state={}),f.__n=r,p=f.__d=!0,f.__h=[],f._sb=[]),w&&null==f.__s&&(f.__s=f.state),w&&null!=j.getDerivedStateFromProps&&(f.__s==f.state&&(f.__s=_({},f.__s)),_(f.__s,j.getDerivedStateFromProps(x,f.__s))),h=f.props,v=f.state,f.__v=t,p)w&&null==j.getDerivedStateFromProps&&null!=f.componentWillMount&&f.componentWillMount(),w&&null!=f.componentDidMount&&f.__h.push(f.componentDidMount);else{if(w&&null==j.getDerivedStateFromProps&&x!==h&&null!=f.componentWillReceiveProps&&f.componentWillReceiveProps(x,R),t.__v==n.__v||!f.__e&&null!=f.shouldComponentUpdate&&!1===f.shouldComponentUpdate(x,f.__s,R)){t.__v!=n.__v&&(f.props=x,f.state=f.__s,f.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some(function(e){e&&(e.__=t)}),y.push.apply(f.__h,f._sb),f._sb=[],f.__h.length&&s.push(f);break e}null!=f.componentWillUpdate&&f.componentWillUpdate(x,f.__s,R),w&&null!=f.componentDidUpdate&&f.__h.push(function(){f.componentDidUpdate(h,v,m)})}if(f.context=R,f.props=x,f.__P=e,f.__e=!1,E=o.__r,P=0,w)f.state=f.__s,f.__d=!1,E&&E(t),d=f.render(f.props,f.state,f.context),y.push.apply(f.__h,f._sb),f._sb=[];else do{f.__d=!1,E&&E(t),d=f.render(f.props,f.state,f.context),f.state=f.__s}while(f.__d&&++P<25);f.state=f.__s,null!=f.getChildContext&&(r=_(_({},r),f.getChildContext())),w&&!p&&null!=f.getSnapshotBeforeUpdate&&(m=f.getSnapshotBeforeUpdate(h,v)),O=null!=d&&d.type===k&&null==d.key?U(d.props.children):d,u=T(e,b(O)?O:[O],t,n,r,i,a,s,u,l,c),f.base=t.__e,t.__u&=-161,f.__h.length&&s.push(f),g&&(f.__E=f.__=null)}catch(e){if(t.__v=null,l||null!=a)if(e.then){for(t.__u|=l?160:128;u&&8==u.nodeType&&u.nextSibling;)u=u.nextSibling;a[a.indexOf(u)]=null,t.__e=u}else{for(N=a.length;N--;)A(a[N]);z(t)}else t.__e=n.__e,t.__k=n.__k,e.then||z(t);o.__e(e,t,n)}else null==a&&t.__v==n.__v?(t.__k=n.__k,t.__e=n.__e):u=t.__e=H(n.__e,t,n,r,i,a,s,l,c);return(d=o.diffed)&&d(t),128&t.__u?void 0:u}function z(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(z))}function B(e,t,n){for(var r=0;r<n.length;r++)q(n[r],n[++r],n[++r]);o.__c&&o.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(e){o.__e(e,t.__v)}})}function U(e){return"object"!=typeof e||null==e||e.__b>0?e:b(e)?e.map(U):_({},e)}function H(e,t,n,i,a,s,u,l,c){var d,f,p,h,v,y,g,_=n.props||m,x=t.props,w=t.type;if("svg"==w?a="http://www.w3.org/2000/svg":"math"==w?a="http://www.w3.org/1998/Math/MathML":a||(a="http://www.w3.org/1999/xhtml"),null!=s)for(d=0;d<s.length;d++)if((v=s[d])&&"setAttribute"in v==!!w&&(w?v.localName==w:3==v.nodeType)){e=v,s[d]=null;break}if(null==e){if(null==w)return document.createTextNode(x);e=document.createElementNS(a,w,x.is&&x),l&&(o.__m&&o.__m(t,s),l=!1),s=null}if(null==w)_===x||l&&e.data==x||(e.data=x);else{if(s=s&&r.call(e.childNodes),!l&&null!=s)for(_={},d=0;d<e.attributes.length;d++)_[(v=e.attributes[d]).name]=v.value;for(d in _)v=_[d],"dangerouslySetInnerHTML"==d?p=v:"children"==d||d in x||"value"==d&&"defaultValue"in x||"checked"==d&&"defaultChecked"in x||L(e,d,null,v,a);for(d in x)v=x[d],"children"==d?h=v:"dangerouslySetInnerHTML"==d?f=v:"value"==d?y=v:"checked"==d?g=v:l&&"function"!=typeof v||_[d]===v||L(e,d,v,_[d],a);if(f)l||p&&(f.__html==p.__html||f.__html==e.innerHTML)||(e.innerHTML=f.__html),t.__k=[];else if(p&&(e.innerHTML=""),T("template"==t.type?e.content:e,b(h)?h:[h],t,n,i,"foreignObject"==w?"http://www.w3.org/1999/xhtml":a,s,u,s?s[0]:n.__k&&R(n,0),l,c),null!=s)for(d=s.length;d--;)A(s[d]);l||(d="value","progress"==w&&null==y?e.removeAttribute("value"):null!=y&&(y!==e[d]||"progress"==w&&!y||"option"==w&&y!=_[d])&&L(e,d,y,_[d],a),d="checked",null!=g&&g!=e[d]&&L(e,d,g,_[d],a))}return e}function q(e,t,n){try{if("function"==typeof e){var r="function"==typeof e.__u;r&&e.__u(),r&&null==t||(e.__u=e(t))}else e.current=t}catch(e){o.__e(e,n)}}function V(e,t,n){var r,i;if(o.unmount&&o.unmount(e),(r=e.ref)&&(r.current&&r.current!=e.__e||q(r,null,t)),null!=(r=e.__c)){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(e){o.__e(e,t)}r.base=r.__P=null}if(r=e.__k)for(i=0;i<r.length;i++)r[i]&&V(r[i],t,n||"function"!=typeof e.type);n||A(e.__e),e.__c=e.__=e.__e=void 0}function J(e,t,n){return this.constructor(e,n)}function K(e,t,n){var i,a,s,u;t==document&&(t=document.documentElement),o.__&&o.__(e,t),a=(i="function"==typeof n)?null:n&&n.__k||t.__k,s=[],u=[],W(t,e=(!i&&n||t).__k=x(k,null,[e]),a||m,m,t.namespaceURI,!i&&n?[n]:a?null:t.firstChild?r.call(t.childNodes):null,s,!i&&n?n:a?a.__e:t.firstChild,i,u),B(s,e,u)}function X(e,t){K(e,t,X)}function Y(e,t,n){var o,i,a,s,u=_({},e.props);for(a in e.type&&e.type.defaultProps&&(s=e.type.defaultProps),t)"key"==a?o=t[a]:"ref"==a?i=t[a]:u[a]=void 0===t[a]&&null!=s?s[a]:t[a];return arguments.length>2&&(u.children=arguments.length>3?r.call(arguments,2):n),w(e.type,u,o||e.key,i||e.ref,null)}function G(e){function t(e){var n,r;return this.getChildContext||(n=new Set,(r={})[t.__c]=this,this.getChildContext=function(){return r},this.componentWillUnmount=function(){n=null},this.shouldComponentUpdate=function(e){this.props.value!=e.value&&n.forEach(function(e){e.__e=!0,O(e)})},this.sub=function(e){n.add(e);var t=e.componentWillUnmount;e.componentWillUnmount=function(){n&&n.delete(e),t&&t.call(e)}}),e.children}return t.__c="__cC"+v++,t.__=e,t.Provider=t.__l=(t.Consumer=function(e,t){return e.children(t)}).contextType=t,t}r=y.slice,o={__e:function(e,t,n,r){for(var o,i,a;t=t.__;)if((o=t.__c)&&!o.__)try{if((i=o.constructor)&&null!=i.getDerivedStateFromError&&(o.setState(i.getDerivedStateFromError(e)),a=o.__d),null!=o.componentDidCatch&&(o.componentDidCatch(e,r||{}),a=o.__d),a)return o.__E=o}catch(t){e=t}throw e}},i=0,a=function(e){return null!=e&&void 0===e.constructor},C.prototype.setState=function(e,t){var n;n=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=_({},this.state),"function"==typeof e&&(e=e(_({},n),this.props)),e&&_(n,e),null!=e&&this.__v&&(t&&this._sb.push(t),O(this))},C.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),O(this))},C.prototype.render=k,s=[],l="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,c=function(e,t){return e.__v.__b-t.__v.__b},N.__r=0,d=/(PointerCapture)$|Capture$/i,f=0,p=D(!1),h=D(!0),v=0},4443(e,t,n){"use strict";n.d(t,{Bi:()=>E,J0:()=>g,Kr:()=>S,MN:()=>R,NT:()=>C,Nf:()=>A,WO:()=>b,Yn:()=>w,hb:()=>k,li:()=>x,vJ:()=>_});var r,o,i,a,s=n(1855),u=0,l=[],c=s.fF,d=c.__b,f=c.__r,p=c.diffed,h=c.__c,v=c.unmount,m=c.__;function y(e,t){c.__h&&c.__h(o,e,u||t),u=0;var n=o.__H||(o.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({}),n.__[e]}function g(e){return u=1,b($,e)}function b(e,t,n){var i=y(r++,2);if(i.t=e,!i.__c&&(i.__=[n?n(t):$(void 0,t),function(e){var t=i.__N?i.__N[0]:i.__[0],n=i.t(t,e);t!==n&&(i.__N=[n,i.__[1]],i.__c.setState({}))}],i.__c=o,!o.__f)){var a=function(e,t,n){if(!i.__c.__H)return!0;var r=i.__c.__H.__.filter(function(e){return e.__c});if(r.every(function(e){return!e.__N}))return!s||s.call(this,e,t,n);var o=i.__c.props!==e;return r.some(function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(o=!0)}}),s&&s.call(this,e,t,n)||o};o.__f=!0;var s=o.shouldComponentUpdate,u=o.componentWillUpdate;o.componentWillUpdate=function(e,t,n){if(this.__e){var r=s;s=void 0,a(e,t,n),s=r}u&&u.call(this,e,t,n)},o.shouldComponentUpdate=a}return i.__N||i.__}function _(e,t){var n=y(r++,3);!c.__s&&M(n.__H,t)&&(n.__=e,n.u=t,o.__H.__h.push(n))}function A(e,t){var n=y(r++,4);!c.__s&&M(n.__H,t)&&(n.__=e,n.u=t,o.__h.push(n))}function x(e){return u=5,S(function(){return{current:e}},[])}function w(e,t,n){u=6,A(function(){if("function"==typeof e){var n=e(t());return function(){e(null),n&&"function"==typeof n&&n()}}if(e)return e.current=t(),function(){return e.current=null}},null==n?n:n.concat(e))}function S(e,t){var n=y(r++,7);return M(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function k(e,t){return u=8,S(function(){return e},t)}function C(e){var t=o.context[e.__c],n=y(r++,9);return n.c=e,t?(null==n.__&&(n.__=!0,t.sub(o)),t.props.value):e.__}function R(e,t){c.useDebugValue&&c.useDebugValue(t?t(e):e)}function E(){var e=y(r++,11);if(!e.__){for(var t=o.__v;null!==t&&!t.__m&&null!==t.__;)t=t.__;var n=t.__m||(t.__m=[0,0]);e.__="P"+n[0]+"-"+n[1]++}return e.__}function P(){for(var e;e=l.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(T),t.__h.some(j),t.__h=[]}catch(n){t.__h=[],c.__e(n,e.__v)}}}c.__b=function(e){o=null,d&&d(e)},c.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),m&&m(e,t)},c.__r=function(e){f&&f(e),r=0;var t=(o=e.__c).__H;t&&(i===o?(t.__h=[],o.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.some(T),t.__h.some(j),t.__h=[],r=0)),i=o},c.diffed=function(e){p&&p(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1!==l.push(t)&&a===c.requestAnimationFrame||((a=c.requestAnimationFrame)||N)(P)),t.__H.__.some(function(e){e.u&&(e.__H=e.u),e.u=void 0})),i=o=null},c.__c=function(e,t){t.some(function(e){try{e.__h.some(T),e.__h=e.__h.filter(function(e){return!e.__||j(e)})}catch(n){t.some(function(e){e.__h&&(e.__h=[])}),t=[],c.__e(n,e.__v)}}),h&&h(e,t)},c.unmount=function(e){v&&v(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.some(function(e){try{T(e)}catch(e){t=e}}),n.__H=void 0,t&&c.__e(t,n.__v))};var O="function"==typeof requestAnimationFrame;function N(e){var t,n=function(){clearTimeout(r),O&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,35);O&&(t=requestAnimationFrame(n))}function T(e){var t=o,n=e.__c;"function"==typeof n&&(e.__c=void 0,n()),o=t}function j(e){var t=o;e.__c=e.__(),o=t}function M(e,t){return!e||e.length!==t.length||t.some(function(t,n){return t!==e[n]})}function $(e,t){return"function"==typeof t?t(e):t}},2685(e,t,n){"use strict";n.d(t,{FD:()=>i,FK:()=>r.FK,Y:()=>i});var r=n(1855),o=0;function i(e,t,n,i,a,s){t||(t={});var u,l,c=t;if("ref"in c)for(l in c={},t)"ref"==l?u=t[l]:c[l]=t[l];var d={type:e,props:c,key:n,ref:u,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--o,__i:-1,__u:0,__source:a,__self:s};if("function"==typeof e&&(u=e.defaultProps))for(l in u)void 0===c[l]&&(c[l]=u[l]);return r.fF.vnode&&r.fF.vnode(d),d}Array.isArray},5843(e,t){"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,i=n?Symbol.for("react.fragment"):60107,a=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,u=n?Symbol.for("react.provider"):60109,l=n?Symbol.for("react.context"):60110,c=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,f=n?Symbol.for("react.forward_ref"):60112,p=n?Symbol.for("react.suspense"):60113,h=n?Symbol.for("react.suspense_list"):60120,v=n?Symbol.for("react.memo"):60115,m=n?Symbol.for("react.lazy"):60116,y=n?Symbol.for("react.block"):60121,g=n?Symbol.for("react.fundamental"):60117,b=n?Symbol.for("react.responder"):60118,_=n?Symbol.for("react.scope"):60119;function A(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case c:case d:case i:case s:case a:case p:return e;default:switch(e=e&&e.$$typeof){case l:case f:case m:case v:case u:return e;default:return t}}case o:return t}}}function x(e){return A(e)===d}t.AsyncMode=c,t.ConcurrentMode=d,t.ContextConsumer=l,t.ContextProvider=u,t.Element=r,t.ForwardRef=f,t.Fragment=i,t.Lazy=m,t.Memo=v,t.Portal=o,t.Profiler=s,t.StrictMode=a,t.Suspense=p,t.isAsyncMode=function(e){return x(e)||A(e)===c},t.isConcurrentMode=x,t.isContextConsumer=function(e){return A(e)===l},t.isContextProvider=function(e){return A(e)===u},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return A(e)===f},t.isFragment=function(e){return A(e)===i},t.isLazy=function(e){return A(e)===m},t.isMemo=function(e){return A(e)===v},t.isPortal=function(e){return A(e)===o},t.isProfiler=function(e){return A(e)===s},t.isStrictMode=function(e){return A(e)===a},t.isSuspense=function(e){return A(e)===p},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===d||e===s||e===a||e===p||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===v||e.$$typeof===u||e.$$typeof===l||e.$$typeof===f||e.$$typeof===g||e.$$typeof===b||e.$$typeof===_||e.$$typeof===y)},t.typeOf=A},5959(e,t,n){"use strict";e.exports=n(5843)},6017(e,t){"use strict";if("function"==typeof Symbol&&Symbol.for){var n=Symbol.for;n("react.element"),n("react.portal"),n("react.fragment"),n("react.strict_mode"),n("react.profiler"),n("react.provider"),n("react.context"),n("react.forward_ref"),n("react.suspense"),n("react.suspense_list"),n("react.memo"),n("react.lazy"),n("react.block"),n("react.server.block"),n("react.fundamental"),n("react.debug_trace_mode"),n("react.legacy_hidden")}},8141(e,t,n){"use strict";n(6017)},774(e,t,n){"use strict";n.d(t,{A:()=>r});const r=n(2719).Ay.createContext(null)},5086(e,t){"use strict";var n=0;t.A=function(e,t){var r=(t=t||{}).prefix||"__jp",o=t.callback||"callback",i=t.callbackName,a=t.data||{},s=t.timeout?t.timeout:15e3,u=document.getElementsByTagName("script")[0]||document.head,l=void 0,c=void 0,d=i||r+n++;function f(){}function p(){l&&l.parentNode&&l.parentNode.removeChild(l),window[d]=f,c&&clearTimeout(c)}return new Promise(function(t,n){s&&(c=setTimeout(function(){p(),n(new Error("Timeout"))},s)),window[d]=function(e){p(),t(e)},i||(a[o]=d),e=function(e,t){return~e.indexOf("?")||(e+="?"),e+=function(e){var t="";for(var n in e)e.hasOwnProperty(n)&&(t+="&"+n+"="+encodeURIComponent(e[n]));return t}(t),e.replace("?&","?")}(e,a),(l=document.createElement("script")).src=e,l.onerror=function(){p(),n(new Error("Network Error"))},u.parentNode.insertBefore(l,u)})}},3518(e,t,n){"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,{A:()=>r})},3966(e,t,n){"use strict";function r(e){if(Array.isArray(e))return e}n.d(t,{A:()=>r})},1322(e,t,n){"use strict";if(n.d(t,{A:()=>o}),/^(362|437)$/.test(n.j))var r=n(3518);function o(e){if(Array.isArray(e))return(0,r.A)(e)}},9688(e,t,n){"use strict";function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}n.d(t,{A:()=>r})},1614(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}n.d(t,{A:()=>r})},4536(e,t,n){"use strict";if(n.d(t,{A:()=>i}),/^(362|437)$/.test(n.j))var r=n(9159);function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,(0,r.A)(o.key),o)}}function i(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}},6328(e,t,n){"use strict";if(n.d(t,{A:()=>o}),/^(362|437)$/.test(n.j))var r=n(9159);function o(e,t,n){return(t=(0,r.A)(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},8621(e,t,n){"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},6882(e,t,n){"use strict";if(n.d(t,{A:()=>o}),/^(362|437)$/.test(n.j))var r=n(1921);function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,(0,r.A)(e,t)}},8792(e,t,n){"use strict";function r(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}n.d(t,{A:()=>r})},2057(e,t,n){"use strict";function r(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],u=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return s}}n.d(t,{A:()=>r})},7159(e,t,n){"use strict";function r(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}n.d(t,{A:()=>r})},5946(e,t,n){"use strict";function r(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}n.d(t,{A:()=>r})},4680(e,t,n){"use strict";if(n.d(t,{A:()=>o}),/^(362|437)$/.test(n.j))var r=n(9244);function o(e,t){if(null==e)return{};var n,o,i=(0,r.A)(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)n=a[o],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}},9244(e,t,n){"use strict";function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},1921(e,t,n){"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}n.d(t,{A:()=>r})},3156(e,t,n){"use strict";if(n.d(t,{A:()=>s}),/^(362|437)$/.test(n.j))var r=n(3966);if(/^(362|437)$/.test(n.j))var o=n(2057);if(/^(362|437)$/.test(n.j))var i=n(5407);if(/^(362|437)$/.test(n.j))var a=n(7159);function s(e,t){return(0,r.A)(e)||(0,o.A)(e,t)||(0,i.A)(e,t)||(0,a.A)()}},9887(e,t,n){"use strict";if(n.d(t,{A:()=>s}),/^(362|437)$/.test(n.j))var r=n(1322);if(/^(362|437)$/.test(n.j))var o=n(8792);if(/^(362|437)$/.test(n.j))var i=n(5407);if(/^(362|437)$/.test(n.j))var a=n(5946);function s(e){return(0,r.A)(e)||(0,o.A)(e)||(0,i.A)(e)||(0,a.A)()}},1682(e,t,n){"use strict";if(n.d(t,{A:()=>o}),/^(362|437)$/.test(n.j))var r=n(3715);function o(e,t){if("object"!=(0,r.A)(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!=(0,r.A)(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}},9159(e,t,n){"use strict";if(n.d(t,{A:()=>i}),/^(362|437)$/.test(n.j))var r=n(3715);if(/^(362|437)$/.test(n.j))var o=n(1682);function i(e){var t=(0,o.A)(e,"string");return"symbol"==(0,r.A)(t)?t:t+""}},3715(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}n.d(t,{A:()=>r})},5407(e,t,n){"use strict";if(n.d(t,{A:()=>o}),/^(362|437)$/.test(n.j))var r=n(3518);function o(e,t){if(e){if("string"==typeof e)return(0,r.A)(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?(0,r.A)(e,t):void 0}}},8716(e,t,n){"use strict";n.d(t,{q:()=>i,r:()=>a});var r=n(1855),o=n(4443);const i=e=>{const[t,n]=(0,o.J0)((null==e?void 0:e.defaultInView)||!1),r=(0,o.li)(),i=(0,o.li)(),a=(0,o.li)();return window&&!r.current&&(r.current=new IntersectionObserver(e=>{i.current=e[0],n(e[0].isIntersecting)},Object.assign(Object.assign({},e),{root:a.current}))),(0,o.vJ)(()=>{i.current?(null==e?void 0:e.triggerOnce)&&a.current&&r.current.unobserve(a.current):r.current.observe(a.current)},[a,t,e]),[a,t,i.current]},a=({render:e,options:t,as:n="div"})=>{const[o,a,s]=i(t);return(0,r.h)(n,{ref:o},e({inView:a,entry:s}))}}}]);
//# sourceMappingURL=bundle-paywall-node-modules.js.map</script><script class="chargebee-script" type="text/javascript">(()=>{"use strict";var e,o={908(e,o,t){var n=t(1855),i=t(4443),c=t(2685);function a(e){let{isOpen:o,onClose:t,children:n,overlayClass:i="chargebee-checkout-overlay",boxClass:a="chargebee-checkout-box"}=e;return o?(0,c.Y)("div",{className:i,onClick:e=>e.target===e.currentTarget&&!1,children:(0,c.Y)("div",{className:a,children:n})}):null}const r=new URLSearchParams(window.location.search).get("cbEnvironment")?`?cbEnvironment=${new URLSearchParams(window.location.search).get("cbEnvironment")}`:"";async function s(e){try{const o=await fetch(`${window.location.origin}/kiosq-api/api/chargebee/session${r}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!o.ok)throw new Error(`Server responded with status: ${o.status}`);const t=await o.json();if(!t.hosted_page||!t.hosted_page.id)throw new Error("Backend response missing 'hosted_page'");return t.hosted_page}catch(e){throw console.error("&#10060; Error starting checkout:",e),e}}const l=function(e,o,t){let n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};console.log("[Kiosq Analytics] Tracking Chargebee event:",window.pushToDataLayer,e,o,t,n),window.pushToDataLayer&&o&&(window.pushToDataLayer({event:e,payment_provider:"chargebee",ecommerce:{currency:o.currency,value:o.price,items:[{item_id:t,item_name:o.name||"Subscription",item_category:"subscription",price:o.price,quantity:1}]},...n,timestamp:(new Date).toISOString()}),"begin_checkout"===e&&window.FUTR?.Marfeel?.trackBeginCheckout&&window.FUTR.Marfeel.trackBeginCheckout(t,o.price,o.currency,"chargebee"),"checkout_abandoned"===e&&window.FUTR?.Marfeel?.trackCheckoutAbandoned&&window.FUTR.Marfeel.trackCheckoutAbandoned(t,o.price,o.currency,"chargebee"))},h=(e,o,t)=>{window.pushToDataLayer&&window.pushToDataLayer({event:e,payment_provider:"chargebee",item_id:o,error_message:t,timestamp:(new Date).toISOString()})};function d(e){let{close:o,next:t,selectedItemId:n,planDetails:r,isConnected:d,onCheckoutSuccess:u,onError:g,onUserExists:m}=e;const[w,p]=(0,i.J0)(""),[b,k]=(0,i.J0)(""),[y,v]=(0,i.J0)(!1),[f,C]=(0,i.J0)(!1),[F,_]=(0,i.J0)(""),[T,Y]=(0,i.J0)(!1),N=(0,i.li)(!1),U=!!window.FUTR?.Kiosq?.User,x=window.FUTR?.Kiosq?.defaultSiteConfig?.enableWineRelationship??!1;return(0,i.vJ)(()=>{p(""),k(""),v(!1),C(!1)},[n]),(0,c.FD)(a,{isOpen:!!n,onClose:o,overlayClass:"chargebee-checkout-overlay",boxClass:"chargebee-checkout-box",children:[(0,c.Y)("button",{className:"chargebee-checkout-close-btn",onClick:o,children:(0,c.FD)("svg",{width:"12",height:"12",viewBox:"0 0 20 20",children:[(0,c.Y)("line",{x1:"0",y1:"0",x2:"20",y2:"20",stroke:"currentColor",strokeWidth:"3"}),(0,c.Y)("line",{x1:"0",y1:"20",x2:"20",y2:"0",stroke:"currentColor",strokeWidth:"3"})]})}),(0,c.FD)("div",{className:"chargebee-checkout-email-header",children:[(0,c.Y)("img",{className:"chargebee-checkout-email-icon",src:window.FUTR.Kiosq?.defaultSiteConfig?.logo_small,alt:"logo"}),(0,c.Y)("h5",{className:"chargebee-checkout-email-title",children:"First, please add your account details"})]}),(0,c.FD)("div",{className:"chargebee-checkout-email-content",children:[(0,c.FD)("div",{className:"chargebee-checkout-email-input-wrapper",children:[(0,c.Y)("input",{type:"email",placeholder:"Enter your email",value:w,onChange:e=>p(e.target.value),className:"chargebee-checkout-email-input"}),x&&(0,c.Y)("div",{className:"chargebee-checkout-select-wrapper",children:(0,c.FD)("select",{value:F,onChange:e=>_(e.target.value),className:"chargebee-checkout-select",children:[(0,c.Y)("option",{value:"",disabled:!0,children:"Select your Wine Relationship"}),(0,c.Y)("option",{value:"wine_lover",children:"Wine Lover"}),(0,c.Y)("option",{value:"wine_trade",children:"Wine Trade"})]})}),b&&(0,c.Y)("p",{className:"chargebee-checkout-email-message",children:b})]}),!U&&(0,c.FD)("div",{className:"chargebee-checkout-consents",children:[(0,c.FD)("label",{className:"chargebee-checkout-checkbox",children:[(0,c.Y)("input",{type:"checkbox",checked:y,onChange:()=>v(!y)}),(0,c.Y)("span",{children:window.FUTR?.Kiosq?.defaultSiteConfig?.connect_config?.[0]?.auth0LockConfig?.[0]?.sign_up_newsletter_text||(0,c.FD)(c.FK,{children:["Sign up to receive the ",window.FUTR?.Kiosq?.defaultSiteConfig?.name," newsletter."]})})]}),(0,c.FD)("label",{className:"chargebee-checkout-checkbox",children:[(0,c.Y)("input",{type:"checkbox",checked:f,onChange:()=>C(!f)}),(0,c.Y)("span",{children:window.FUTR?.Kiosq?.defaultSiteConfig?.connect_config?.[0]?.auth0LockConfig?.[0]?.contact_other_brand_text||(0,c.FD)(c.FK,{children:["Keep me up to date with special offers and news from",window.FUTR?.Kiosq.defaultSiteConfig?.name," and other brands within Future Plc by sending me the newsletter and other messages by email."]})})]})]}),(0,c.FD)("footer",{children:[(0,c.FD)("p",{className:"chargebee-checkout-privacy",children:["The subscription is subject to our ",(0,c.Y)("a",{target:"_blank",href:"https://www.magazinesdirect.com/eu/page/terms-and-conditions",children:"Subscription Terms & Conditions"})," and our ",(0,c.Y)("a",{target:"_blank",href:"https://futureplc.com/privacy-policy",children:"Data Privacy Notice"}),"."]}),(0,c.Y)("button",{onClick:async()=>{if(!w)return k("Please enter your email");if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(w))return k("Please enter a valid email");if(!n)return k("Item ID missing");Y(!0),k(""),N.current=!1,l("begin_checkout",r,n,{user_data:{email_provided:!0,newsletter_consent:y,contact_consent:f}});try{const e=window.FUTR?.Kiosq?.defaultSiteConfig?.cb_business_entity,t=await fetch("/kiosq-api/api/chargebee/customer/check",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:w,businessEntityId:e})}),i=await t.json();if(i.exists&&!d){const e=window.FUTR?.Kiosq?.defaultSiteConfig?.site||"",o=await fetch("/kiosq-api/api/otp/generate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:w,site:e})}),t=await o.json();return o.ok&&t.success?void m?.({email:w,newsletterConsent:y,contactConsent:f,wineRelationship:F,activeSubscription:i.active_subscription}):(k(t.message||"Failed to send verification code"),void Y(!1))}const c=Chargebee.getInstance();o(),c.openCheckout({hostedPage:async()=>{try{return await s({email:w,itemId:n,businessEntityId:window.FUTR.Kiosq?.defaultSiteConfig?.cb_business_entity})}catch(e){throw console.error("HostedPage fetch failed:",e),g("There was a temporary connection issue. Please try submitting again."),h("checkout_error",n,e.message),e}},step:e=>{const o={add_payment_method:"add_billing_info",review_screen:"add_payment_info"};console.log("[Chargebee] Checkout step:",e,"google event:",o[e]),void 0!==o[e]&&l(o[e],r,n)},success:e=>{N.current=!0,u(e,w,y,f,F)},close:()=>{console.log("Checkout closed by user"),N.current||l("checkout_abandoned",r,n)}})}catch(e){console.error("User check error:",e),k("Connection error. Please try again.")}finally{Y(!1)}},className:"chargebee-checkout-email-cta-button",disabled:T,children:T?"Checking...":"Next"})]})]})]})}function u(e){let{isOpen:o,email:t,onVerified:n,onCancel:r,onError:s}=e;const[l,h]=(0,i.J0)(""),[d,u]=(0,i.J0)(""),[g,m]=(0,i.J0)(!1),w=async()=>{if(!l||6!==l.length)return u("Please enter the 6-digit code");m(!0),u("");try{const e=await fetch("/kiosq-api/api/otp/verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:t,otp:l})}),o=await e.json();e.ok&&o.valid?n():u(o.message||"Invalid verification code")}catch(e){console.error("OTP verification error:",e),u("Connection error. Please try again."),s?.("Connection error during OTP verification")}finally{m(!1)}};return(0,i.vJ)(()=>{o||(h(""),u(""),m(!1))},[o]),(0,c.FD)(a,{isOpen:o,onClose:r,overlayClass:"chargebee-checkout-overlay",boxClass:"chargebee-checkout-box",children:[(0,c.Y)("button",{className:"chargebee-checkout-close-btn",onClick:r,children:(0,c.FD)("svg",{width:"12",height:"12",viewBox:"0 0 20 20",children:[(0,c.Y)("line",{x1:"0",y1:"0",x2:"20",y2:"20",stroke:"currentColor",strokeWidth:"3"}),(0,c.Y)("line",{x1:"0",y1:"20",x2:"20",y2:"0",stroke:"currentColor",strokeWidth:"3"})]})}),(0,c.FD)("div",{className:"chargebee-checkout-email-header",children:[(0,c.Y)("img",{className:"chargebee-checkout-email-icon",src:window.FUTR?.Kiosq?.defaultSiteConfig?.logo_small,alt:"logo"}),(0,c.Y)("h5",{className:"chargebee-checkout-email-title",children:"Verify your email"})]}),(0,c.FD)("div",{className:"chargebee-checkout-email-content",children:[(0,c.FD)("p",{className:"chargebee-checkout-email-subtitle",children:["Enter the 6-digit verification code sent to ",(0,c.Y)("strong",{children:t}),"."]}),(0,c.FD)("div",{className:"chargebee-checkout-email-input-wrapper",children:[(0,c.Y)("input",{type:"text",placeholder:"",value:l,onChange:e=>h(e.target.value.replace(/\D/g,"").slice(0,6)),onKeyDown:e=>{"Enter"!==e.key||g||w()},className:"chargebee-checkout-email-input chargebee-checkout-otp-input",maxLength:"6",autoFocus:!0,disabled:g}),d&&(0,c.Y)("p",{className:"chargebee-checkout-email-message "+(d.includes("sent")?"success":""),children:d})]}),(0,c.Y)("p",{className:"chargebee-checkout-email-subtitle",children:"The verification code will expire in 5 minutes"}),(0,c.Y)("p",{className:"chargebee-checkout-otp-resend",children:(0,c.Y)("a",{onClick:async()=>{m(!0),u("");try{const e=window.FUTR?.Kiosq?.defaultSiteConfig?.site||"",o=await fetch("/kiosq-api/api/otp/generate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:t,site:e})}),n=await o.json();o.ok&&n.success?u("A new code has been sent to your email"):u(n.message||"Failed to resend code")}catch(e){console.error("OTP resend error:",e),u("Connection error. Please try again.")}finally{m(!1)}},style:{fontWeight:700,lineHeight:"23px",fontSize:"14px"},children:"Resend Verification Code"})}),(0,c.Y)("footer",{children:(0,c.Y)("button",{onClick:w,className:"chargebee-checkout-email-cta-button",disabled:g||6!==l.length,children:g?"Submitting...":"Submit"})})]})]})}function g(e){let{isOpen:o,onClose:t,isAutologin:n,journey:i}=e;return(0,c.Y)(a,{isOpen:o,onClose:t,overlayClass:"chargebee-checkout-overlay",boxClass:"chargebee-checkout-box result",children:(0,c.FD)("div",{className:"chargebee-checkout-success-modal",children:[(0,c.Y)("button",{className:"chargebee-checkout-close-btn",onClick:t,children:(0,c.FD)("svg",{width:"12",height:"12",viewBox:"0 0 20 20",children:[(0,c.Y)("line",{x1:"0",y1:"0",x2:"20",y2:"20",stroke:"currentColor",strokeWidth:"3"}),(0,c.Y)("line",{x1:"0",y1:"20",x2:"20",y2:"0",stroke:"currentColor",strokeWidth:"3"})]})}),(0,c.FD)("div",{className:"chargebee-checkout-success-content",children:[(0,c.Y)("div",{className:"chargebee-checkout-success-icon",children:(0,c.Y)("div",{className:"chargebee-checkout-checkmark","aria-hidden":"true",children:(0,c.FD)("svg",{width:"1.2em",height:"1.2em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"Success",children:[(0,c.Y)("circle",{cx:"12",cy:"12",r:"12",fill:"#22c55e"}),(0,c.Y)("path",{d:"M17 8l-6 8-3-3",stroke:"#fff",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]})})}),(0,c.Y)("h3",{className:"chargebee-checkout-success-title",children:"Payment Successful!"}),(0,c.Y)("p",{className:"chargebee-checkout-success-message",children:"Your subscription is now active."}),(0,c.FD)("div",{className:"chargebee-checkout-feature-list",children:[n&&(0,c.Y)("div",{className:"chargebee-checkout-feature-item chargebee-checkout-feature-item-autologin",children:"You are automatically logged in."}),n&&(0,c.Y)("div",{className:"chargebee-checkout-feature-item chargebee-checkout-feature-item-autologin",children:"Check your email to set your password and verify your account."}),(0,c.Y)("div",{className:"chargebee-checkout-feature-item",children:"You can start reading immediately."})]}),(0,c.Y)("button",{className:"chargebee-checkout-success-button",onClick:()=>{const e=new URLSearchParams(window.location.search);"porc"===i?window.location.href=e.get("targetUrl")||"/":"my-account"===i?(sessionStorage.setItem("kiosq_chargebee_complete","true"),window.location.href="/my-account"):(sessionStorage.setItem("kiosq_chargebee_complete","true"),window.location.reload())},children:"my-account"===i?"CLOSE":"START READING"})]})]})})}function m(e){let{isOpen:o,onClose:t,email:n,subID:i,plan:r,nextBillingAt:s,wineRelationship:l}=e;return(0,c.FD)(a,{isOpen:o,onClose:t,overlayClass:"chargebee-checkout-overlay",boxClass:"chargebee-checkout-box",children:[(0,c.Y)("button",{className:"chargebee-checkout-close-btn",onClick:t,children:(0,c.FD)("svg",{width:"12",height:"12",viewBox:"0 0 20 20",children:[(0,c.Y)("line",{x1:"0",y1:"0",x2:"20",y2:"20",stroke:"currentColor",strokeWidth:"3"}),(0,c.Y)("line",{x1:"0",y1:"20",x2:"20",y2:"0",stroke:"currentColor",strokeWidth:"3"})]})}),(0,c.FD)("div",{className:"chargebee-checkout-login-modal-content",children:[(0,c.Y)("div",{className:"chargebee-checkout-login-success-icon",children:(0,c.Y)("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,c.Y)("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3",d:"M5 13l4 4L19 7"})})}),(0,c.Y)("h3",{className:"chargebee-checkout-login-title",children:"Payment Successful!"}),(0,c.Y)("p",{className:"chargebee-checkout-login-subtitle",children:"Your payment has been processed successfully."}),(0,c.FD)("div",{className:"chargebee-checkout-login-notice",children:[(0,c.Y)("svg",{className:"chargebee-checkout-login-info-icon",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,c.Y)("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),(0,c.FD)("div",{children:[(0,c.Y)("div",{className:"chargebee-checkout-login-notice-title",children:"Login Required"}),(0,c.Y)("div",{className:"chargebee-checkout-login-notice-text",children:"Our records show you already have an account with us. Please log in to start enjoying your subscription."})]})]}),(0,c.FD)("div",{className:"chargebee-checkout-login-payment-details",children:[(0,c.FD)("div",{className:"chargebee-checkout-login-detail-row",children:[(0,c.Y)("span",{className:"chargebee-checkout-login-detail-label",children:"Subscription ID:"}),(0,c.Y)("span",{className:"chargebee-checkout-login-detail-value",children:i})]}),(0,c.FD)("div",{className:"chargebee-checkout-login-detail-row",children:[(0,c.Y)("span",{className:"chargebee-checkout-login-detail-label",children:"Plan:"}),(0,c.Y)("span",{className:"chargebee-checkout-login-detail-value",children:r})]}),(0,c.FD)("div",{className:"chargebee-checkout-login-detail-row",children:[(0,c.Y)("span",{className:"chargebee-checkout-login-detail-label",children:"Next Billing at:"}),(0,c.Y)("span",{className:"chargebee-checkout-login-detail-value",children:s})]})]}),(0,c.Y)("button",{onClick:()=>{if(!n)return;const e={target:new URLSearchParams(window.location.search).get("targetUrl")||window.location.href,email:n};l&&(e.wine_relationship=l),window.FUTR.Connect.Auth.login(e),t()},className:"chargebee-checkout-login-cta-button",children:"Login Now"})]})]})}function w(e){let{isOpen:o,onClose:t,email:n,onContinueToCheckout:i}=e;const r=window.FUTR?.Kiosq?.defaultSiteConfig?.name||"";return(0,c.FD)(a,{isOpen:o,onClose:t,overlayClass:"chargebee-checkout-overlay",boxClass:"chargebee-checkout-box result",children:[(0,c.Y)("button",{className:"chargebee-checkout-close-btn",onClick:t,children:(0,c.FD)("svg",{width:"12",height:"12",viewBox:"0 0 20 20",children:[(0,c.Y)("line",{x1:"0",y1:"0",x2:"20",y2:"20",stroke:"currentColor",strokeWidth:"3"}),(0,c.Y)("line",{x1:"0",y1:"20",x2:"20",y2:"0",stroke:"currentColor",strokeWidth:"3"})]})}),(0,c.FD)("div",{className:"chargebee-checkout-email-header",children:[(0,c.Y)("img",{className:"chargebee-checkout-email-icon",src:window.FUTR?.Kiosq?.defaultSiteConfig?.logo_small,alt:"logo"}),(0,c.Y)("h5",{className:"chargebee-checkout-email-title",children:"Account Verified"})]}),(0,c.FD)("div",{className:"chargebee-checkout-email-content",children:[(0,c.Y)("p",{className:"chargebee-checkout-email-subtitle",children:"Thank you for verifying your email."}),(0,c.FD)("p",{className:"chargebee-checkout-email-subtitle",children:["You already have an active ",r," subscription."]}),(0,c.Y)("p",{className:"chargebee-checkout-email-subtitle",children:"Log in now to access your benefits and avoid a duplicate purchase."}),(0,c.Y)("footer",{children:(0,c.Y)("button",{onClick:()=>{const e={target:new URLSearchParams(window.location.search).get("targetUrl")||window.location.href,email:n};window.FUTR.Connect.Auth.login(e),t()},className:"chargebee-checkout-email-cta-button",children:"Log In to My Account"})}),(0,c.Y)("p",{className:"chargebee-checkout-active-sub-continue",children:(0,c.Y)("a",{onClick:i,children:"Continue to Checkout"})})]})]})}const p=e=>{const o=`; ${document.cookie}`.split(`; ${e}=`);if(2===o.length)return o.pop().split(";").shift()},b=async e=>{if(!window.crypto?.subtle)return console.warn("[Chargebee] crypto.subtle not available"),null;try{const o=(new TextEncoder).encode(e),t=await crypto.subtle.digest("SHA-256",o);return Array.from(new Uint8Array(t)).map(e=>e.toString(16).padStart(2,"0")).join("")}catch(e){return console.error("[Chargebee] Error hashing email:",e),null}},k=async()=>{if(console.log("[Chargebee] Attempting to trigger userEvent via FTE mechanism"),window.FUTR?.Connect?.Auth?.parseJwt&&window.FUTR?.Connect?.Auth?.getCookieByName){const e=window.FUTR.Connect.Auth.getCookieByName("kiosq_user");e&&(window.FUTR.Kiosq=window.FUTR.Kiosq||{},window.FUTR.Kiosq.User=window.FUTR.Connect.Auth.parseJwt(e),console.log("[Chargebee] Updated window.FUTR.Kiosq.User from cookie"),window.FUTR.Connect.isGranted=!1,window.FUTR.Kiosq.User?.user_grant_status)&&/^granted/.test(window.FUTR.Kiosq.User.user_grant_status)&&(window.FUTR.Connect.isGranted=!0)}if(window.dispatchEvent(new Event("KiosqCookieChange")),document.dispatchEvent(new Event("userDataChanged")),document.dispatchEvent(new Event("KiosqUserDataIsLoadingEnd")),console.log("[Chargebee] Dispatched compatibility events"),window.dispatchOrQueueAction){const e=await(async()=>{const e=void 0===window.UAParser?(console.warn("[Chargebee] UAParser not available, returning empty user agent data"),{browser:{},engine:{},os:{},device:{},cpu:{}}):new window.UAParser(window.navigator.userAgent).getResult(),o=p("kiosq_user");let t=null;o&&window.FUTR?.Connect?.Auth?.parseJwt&&(t=window.FUTR.Connect.Auth.parseJwt(o));let n=null;try{n=await(window?.bordeaux?.hybridId)}catch(e){console.error("[Chargebee] Error fetching hybridId:",e)}return{vanillaSession:p("FTR_Vanilla_Session_ID")||null,loggedIn:!!window?.FUTR?.Kiosq?.User,hybridId:n,kiosqId:window?.FUTR?.Kiosq?.User?.sub||null,userGrantStatus:t?.user_grant_status||null,blueConicId:window.FUTR?.Connect?.Auth?.BlueconicId||null,gaClientId:document.cookie.replace(/(?:(?:^|.*;\s*)_ga\s*\=\s*([^;]*).*$)|^.*$/,"$1")||null,gclid:sessionStorage.getItem("gclid")||null,sha256_email_address:window?.FUTR?.Kiosq?.User?.email?await b(window.FUTR.Kiosq.User.email):null,screenWidth:window?.utils?.screenSizes?.getScreenWidth()||null,browser:{type:e?.browser?.name||null,family:e?.engine?.name||null,version:e?.browser?.version||null,major_version:e?.browser?.major||null},os:{name:e?.os?.name||null,version:e?.os?.version||null},device:{model:e?.device?.model||null,vendor:e?.device?.vendor||null},cpu:{architecture:e?.cpu?.architecture||null}}})();window.dispatchOrQueueAction("freyr.sendEventToFreyr",{name:"userEvent",eventObject:{user:{...e}}}),console.log("[Chargebee] Sent userEvent via FTE mechanism with structure:",e)}else console.warn("[Chargebee] dispatchOrQueueAction not available, cannot send userEvent")};function y(e){let{isOpen:o,onClose:t,message:n}=e;return(0,c.FD)(a,{isOpen:o,onClose:t,overlayClass:"chargebee-checkout-overlay",boxClass:"chargebee-checkout-box",children:[(0,c.Y)("button",{className:"chargebee-checkout-close-btn",onClick:t,children:(0,c.FD)("svg",{width:"12",height:"12",viewBox:"0 0 20 20",children:[(0,c.Y)("line",{x1:"0",y1:"0",x2:"20",y2:"20",stroke:"currentColor",strokeWidth:"3"}),(0,c.Y)("line",{x1:"0",y1:"20",x2:"20",y2:"0",stroke:"currentColor",strokeWidth:"3"})]})}),(0,c.FD)("div",{className:"chargebee-checkout-error-modal-content",children:[(0,c.Y)("div",{className:"chargebee-checkout-error-icon",children:(0,c.Y)("div",{className:"chargebee-checkout-error-icon",children:(0,c.Y)("img",{src:"https://cdn.mos.cms.futurecdn.net/flexiimages/6fghm98bxj1763989021.png",alt:"Error"})})}),(0,c.Y)("h3",{className:"chargebee-checkout-error-title",children:"Something Went Wrong"}),(0,c.Y)("p",{className:"chargebee-checkout-error-message",children:n||"An unexpected error occurred."}),(0,c.Y)("button",{className:"chargebee-checkout-error-close-btn",onClick:t,children:"TRY AGAIN"})]})]})}function v(e){let{isOpen:o,onClose:t,title:n="Almost there...",message:i="Processing payment..."}=e;return(0,c.Y)(a,{isOpen:o,onClose:t,overlayClass:"chargebee-checkout-overlay",boxClass:"chargebee-checkout-box result",children:(0,c.FD)("div",{className:"chargebee-checkout-processing-modal-content",children:[(0,c.Y)("div",{className:"chargebee-checkout-processing-loader"}),(0,c.Y)("h2",{class:"chargebee-checkout-processing-title",children:n}),(0,c.FD)("p",{className:"chargebee-checkout-processing-message",children:[(0,c.FD)("svg",{class:"chargebee-checkout-processing-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[(0,c.Y)("rect",{x:"2",y:"5",width:"20",height:"14",rx:"2"}),(0,c.Y)("line",{x1:"2",y1:"10",x2:"22",y2:"10"}),(0,c.Y)("circle",{cx:"9",cy:"15",r:"1",children:(0,c.Y)("animate",{attributeName:"opacity",values:"0;1;0",dur:"1.2s",repeatCount:"indefinite"})}),(0,c.Y)("circle",{cx:"12",cy:"15",r:"1",children:(0,c.Y)("animate",{attributeName:"opacity",values:"0;1;0",dur:"1.2s",begin:"0.2s",repeatCount:"indefinite"})}),(0,c.Y)("circle",{cx:"15",cy:"15",r:"1",children:(0,c.Y)("animate",{attributeName:"opacity",values:"0;1;0",dur:"1.2s",begin:"0.4s",repeatCount:"indefinite"})})]}),i]})]})})}!function(){if(window.FUTR.Kiosq?.defaultSiteConfig?.chargebee_provider){const e=window.ffte.serverEnvironment,o="live"===(new URLSearchParams(window.location.search).get("cbEnvironment")||e)?"future-plc":"future-plc-test";window.pushToDataLayer=function(e){console.log("[Kiosq Analytics] Pushing event:",e);try{if(window.parent&&window.parent!==window&&window.parent.dataLayer)return window.parent.dataLayer.push(e),void console.log("[Kiosq Analytics] Pushed to parent.dataLayer")}catch(e){console.log("[Kiosq Analytics] Parent access blocked (cross-origin), using current window")}window.dataLayer=window.dataLayer||[],window.dataLayer.push(e),console.log("[Kiosq Analytics] Pushed to window.dataLayer")};const t=document.createElement("script");t.src="https://js.chargebee.com/v2/chargebee.js",t.setAttribute("data-cb-gtm-enabled","true"),t.setAttribute("data-cb-site",o),document.head.appendChild(t),t.onload=function(){console.log("[Kiosq] Chargebee script loaded, initializing..."),window.Chargebee.init({site:o,iframeOnly:!0}),console.log("[Kiosq] Chargebee initialized")}}}();const f=document.createElement("div");f.id="chargebee-root",document.body.appendChild(f);const C=window.FUTR.Kiosq?.defaultSiteConfig?.chargebee_provider?function(e){let{isConnected:o}=e;const[t,n]=(0,i.J0)(null),[a,p]=(0,i.J0)(null),[b,f]=(0,i.J0)(null),[C,F]=(0,i.J0)({email:"",subID:"",plan:"",nextBillingAt:""}),[_,T]=(0,i.J0)(!1),[Y,N]=(0,i.J0)(null),[U,x]=(0,i.J0)(null),[R,S]=(0,i.J0)(null),D=(0,i.li)(null),q=(0,i.li)(null),E=(0,i.li)(!1),O=(0,i.li)(window.FUTR?.Kiosq?.ChargebeeCheckout?.journey??"paywall"),[I,P]=(0,i.J0)(O.current);(0,i.vJ)(()=>{"true"===sessionStorage.getItem("kiosq_chargebee_complete")&&(console.log("[Chargebee] Detected post-checkout reload, triggering userEvent"),sessionStorage.removeItem("kiosq_chargebee_complete"),setTimeout(k,500),setTimeout(k,2e3))},[]);const K=async(e,t,i,c,s)=>{try{const t=document.getElementById("cb-container");t&&(t.style.display="none"),n("processing");const l=await async function(e,o,t,n,i){const c={hostedPageID:e??null,site:window.FUTR?.Kiosq?.defaultSiteConfig?.id??null,isConnected:o,newsletterConsent:t,contactConsent:n,wineRelationship:i},a=btoa(JSON.stringify(c)),s=`${window.location.origin}/kiosq-api/api/post-purchase-cb/${encodeURIComponent(a)}${r}`;try{const e=await fetch(s);if(!e.ok)throw new Error(`Network response was not ok: ${e.status}`);return await e.json()}catch(e){throw e}}(e,o,i,c,s);let h=l.subID||"";try{const o=await async function(e){try{const o=await fetch(`${window.location.origin}/kiosq-api/api/chargebee/hostedPage/${encodeURIComponent(e)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({hostedPageId:e})});if(!o.ok)throw new Error(`Server responded with status: ${o.status}`);const t=await o.json();return{invoice:t.invoice??[],transaction_id:t.transaction_id??""}}catch(e){throw console.error("&#10060; Error fetching invoice from hosted page:",e),e}}(e);o?.transaction_id&&(h=o.transaction_id)}catch(e){console.error("[Chargebee] Failed to fetch invoice:",e)}if(((e,o,t,n)=>{window.pushToDataLayer&&e&&(window.pushToDataLayer({event:"purchase",payment_provider:"chargebee",ecommerce:{transaction_id:t,currency:e.currency,value:e.price,items:[{item_id:o,item_name:e.name||"Subscription",item_category:"subscription",price:e.price,quantity:1}]},user_properties:{user_type:n?"existing":"new"},timestamp:(new Date).toISOString()}),window.FUTR?.Marfeel?.trackSubscription&&window.FUTR.Marfeel.trackSubscription(o,e.price,"chargebee",t,e.currency))})(Y,a,h,o),console.log("[Chargebee] Tracked purchase event",window.FUTR?.Kiosq?.User?.email),window.FUTR?.Kiosq?.User?.email){window.dispatchEvent(new CustomEvent("evt_a13x")),document.dispatchEvent(new Event("userDataChanged"));const e=document.getElementById("subscription-module");e&&e.classList.remove("active"),T(!1),n("success")}else if(l.requestLogin)console.log("[Chargebee] Requesting login false"),F({email:l.email,subID:l.subID,plan:l.subTitle,nextBillingAt:l.nextBillingAt,wineRelationship:U?.wineRelationship||""}),n("login");else{console.log("[Chargebee] Requesting login true"),T(!0),window.dispatchEvent(new CustomEvent("evt_a13x")),window.dispatchEvent(new Event("KiosqCookieChange")),function(e){let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;!function(e,o){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;const i={action:e,label:o,type:"kiosq"};t&&(i.source=t),n&&(i.method=n),console.log("%c KIOSQ ","background: #15C80A;color: #ffffff;","GA4-Tracking",{paywall:i}),window.freyr.cmd.push(()=>{window.freyr.pushAndUpdate("paywallEvent",{paywall:i})})}("user registration",e,o,arguments.length>2&&void 0!==arguments[2]?arguments[2]:null),window.FUTR?.Marfeel?.trackSignup&&window.FUTR.Marfeel.trackSignup(o||"paywall")}("autologin from checkout","chargebee","email-password");const e=document.getElementById("subscription-module");e&&e.classList.remove("active"),n("success")}}catch(e){console.error("Post-purchase error:",e),f("There was a temporary connection issue. Please try submitting again."),h("purchase_error",q.current,e.message)}},A=()=>{n(null)},L=e=>{let{email:o,newsletterConsent:t,contactConsent:i,wineRelationship:c}=e;const a=D.current,r=q.current;n(null),E.current=!1;try{Chargebee.getInstance().openCheckout({hostedPage:async()=>{try{return await s({email:o,itemId:r,businessEntityId:window.FUTR.Kiosq?.defaultSiteConfig?.cb_business_entity})}catch(e){throw console.error("HostedPage fetch failed:",e),f("There was a temporary connection issue. Please try submitting again."),h("checkout_error",r,e.message),e}},step:e=>{const o={add_payment_method:"add_billing_info",review_screen:"add_payment_info"};void 0!==o[e]&&l(o[e],a,r)},success:e=>{E.current=!0,K(e,o,t,i,c)},close:()=>{E.current||l("checkout_abandoned",a,r)}})}catch(e){console.error("Checkout error:",e),f("There was a temporary connection issue. Please try submitting again."),h("checkout_error",r,e.message)}};return(0,i.vJ)(()=>{window.FUTR=window.FUTR||{},window.FUTR.Kiosq=window.FUTR.Kiosq||{},window.FUTR.Kiosq.ChargebeeCheckout={...window.FUTR.Kiosq.ChargebeeCheckout||{},open:function(e){return async function(e){let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;var t;o&&(t=o,O.current=t,P(t));try{console.log("[Chargebee] Opening email modal for itemId:",e,"flowJourney:",o);const t=await async function(e){try{console.log("[Chargebee] Fetching plan details for:",e,`${window.location.origin}/api/chargebee/item-price/${encodeURIComponent(e)}`);const o=await fetch(`${window.location.origin}/kiosq-api/api/chargebee/item-price/${encodeURIComponent(e)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({itemPriceId:e})});if(!o.ok)throw new Error(`Failed to fetch plan: ${o.status}`);const t=await o.json();if(t.error)throw new Error(t.error);return console.log("[Chargebee] Plan details:",t),t}catch(e){throw console.error("Error fetching plan details:",e),e}}(e);N(t),D.current=t,l("add_to_cart",t,e),p(e),q.current=e,E.current=!1;const i=window.FUTR?.Kiosq?.User?.email;if(i){l("begin_checkout",t,e,{user_data:{email_provided:!0}});try{Chargebee.getInstance().openCheckout({hostedPage:()=>s({email:i,itemId:e,businessEntityId:window.FUTR.Kiosq?.defaultSiteConfig?.cb_business_entity}),step:o=>{const n={add_payment_method:"add_billing_info",review_screen:"add_payment_info"};console.log("[Chargebee] Checkout step:",o,"google event:",n[o]),void 0!==n[o]&&l(n[o],t,e)},success:e=>{E.current=!0,K(e)},close:()=>{console.log("Checkout closed by user"),E.current||l("checkout_abandoned",t,e)}})}catch(o){console.error("Checkout error:",o),f("There was a temporary connection issue. Please try submitting again."),h("checkout_error",e,o.message)}}else n("email")}catch(e){console.error("[Chargebee] Failed to load plan details:",e),f("Failed to load plan details. Please try again.")}}(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)}}},[]),(0,c.FD)("div",{children:["email"===t&&(0,c.Y)(d,{email:"",selectedItemId:a,planDetails:Y,close:A,next:()=>n("success"),onCheckoutSuccess:K,onError:e=>f(e),onUserExists:e=>{x(e),n("otp")},isConnected:o}),"otp"===t&&U&&(0,c.Y)(u,{isOpen:!0,email:U.email,onVerified:async()=>{if(U)return U.activeSubscription?(S(U),void n("active-sub")):void L(U)},onCancel:()=>{n("email"),x(null)},onError:e=>f(e)}),"active-sub"===t&&R&&(0,c.Y)(w,{isOpen:!0,email:R.email,onClose:A,onContinueToCheckout:()=>{if(!R)return;const e=R;S(null),L(e)}}),(0,c.Y)(v,{isOpen:"processing"===t,message:"Processing payment..."}),(0,c.Y)(g,{isOpen:"success"===t,onClose:A,isAutologin:_,journey:I}),(0,c.Y)(m,{isOpen:"login"===t,onClose:A,...C}),(0,c.Y)(y,{isOpen:!!b,onClose:()=>f(null),message:b})]})}:()=>null;(0,n.XX)((0,n.h)(C,{isConnected:window.FUTR?.Kiosq?.User?1:0}),f)}},t={};function n(e){var i=t[e];if(void 0!==i)return i.exports;var c=t[e]={exports:{}};return o[e](c,c.exports,n),c.exports}n.m=o,e=[],n.O=(o,t,i,c)=>{if(!t){var a=1/0;for(h=0;h<e.length;h++){for(var[t,i,c]=e[h],r=!0,s=0;s<t.length;s++)(!1&c||a>=c)&&Object.keys(n.O).every(e=>n.O[e](t[s]))?t.splice(s--,1):(r=!1,c<a&&(a=c));if(r){e.splice(h--,1);var l=i();void 0!==l&&(o=l)}}return o}c=c||0;for(var h=e.length;h>0&&e[h-1][2]>c;h--)e[h]=e[h-1];e[h]=[t,i,c]},n.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return n.d(o,{a:o}),o},n.d=(e,o)=>{for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.j=266,(()=>{var e={266:0};n.O.j=o=>0===e[o];var o=(o,t)=>{var i,c,[a,r,s]=t,l=0;if(a.some(o=>0!==e[o])){for(i in r)n.o(r,i)&&(n.m[i]=r[i]);if(s)var h=s(n)}for(o&&o(t);l<a.length;l++)c=a[l],n.o(e,c)&&e[c]&&e[c][0](),e[c]=0;return n.O(h)},t=globalThis.webpackChunkkiosq=globalThis.webpackChunkkiosq||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var i=n.O(void 0,[647],()=>n(908));i=n.O(i)})();
//# sourceMappingURL=chargebee-checkout.js.map</script><script class="kiosq-gates-api" type="text/javascript">
(function() {
'use strict';
// Ensure namespaces exist
window.FUTR = window.FUTR || {};
window.FUTR.Kiosq = window.FUTR.Kiosq || {};
// Get endpoint from config or use default
const getEndpoint = () => {
return window.FUTR?.Kiosq?.defaultSiteConfig?.kiosqEndpoint || 'https://kiosq.vanilla.tools';
};
// Get current site from config
const getSite = () => {
return window.FUTR?.Kiosq?.defaultSiteConfig?.site || '';
};
// Gates API implementation
const createGatesAPI = () => {
const _cache = {};
const _visible = {};
const dispatchEvent = (eventName, detail) => {
window.dispatchEvent(new CustomEvent(eventName, { detail }));
};
// Helper to execute scripts after innerHTML injection
// Scripts are wrapped in IIFE to avoid global scope conflicts (re-declaration errors)
const executeScripts = (container) => {
const scripts = container.querySelectorAll('script');
scripts.forEach(oldScript => {
const newScript = document.createElement('script');
Array.from(oldScript.attributes).forEach(attr => {
newScript.setAttribute(attr.name, attr.value);
});
if (oldScript.textContent) {
// Wrap in IIFE to create isolated scope and avoid variable re-declaration errors
newScript.textContent = '(function() {' + oldScript.textContent + '})();';
}
oldScript.parentNode.replaceChild(newScript, oldScript);
});
};
return {
// List available gates for the current site
list: async function() {
const site = getSite();
if (!site) {
console.warn('[Kiosq Gates] No site configured');
return [];
}
const response = await fetch(
getEndpoint() + '/api/external/gates?site=' + encodeURIComponent(site),
{ credentials: 'include' }
);
if (!response.ok) {
throw new Error('Failed to list gates');
}
const data = await response.json();
return data.gates || [];
},
// Load a specific gate by ID (GUID) with caching
load: async function(gateId) {
if (_cache[gateId]) {
return _cache[gateId];
}
const response = await fetch(
getEndpoint() + '/api/external/gate/' + encodeURIComponent(gateId),
{ credentials: 'include' }
);
if (!response.ok) {
if (response.status === 404) {
throw new Error('Gate not found: ' + gateId);
}
throw new Error('Failed to load gate');
}
const gateData = await response.json();
_cache[gateId] = gateData;
return gateData;
},
// Show a gate
show: async function(gateId, options = {}) {
const gateData = await this.load(gateId);
const container = document.querySelector(options.container || 'body');
if (!container) {
console.error('[Kiosq Gates] Container not found');
return false;
}
const domId = 'kiosq-gate-' + gateId.replace(/[^a-zA-Z0-9-_]/g, '-');
let gateEl = document.getElementById(domId);
if (gateEl) {
gateEl.style.display = 'block';
} else {
gateEl = document.createElement('div');
gateEl.id = domId;
gateEl.className = 'kiosq-gate';
gateEl.dataset.gateId = gateId;
gateEl.innerHTML = gateData.css + gateData.markup;
if (options.position === 'prepend') {
container.prepend(gateEl);
} else if (options.position === 'replace') {
container.replaceWith(gateEl);
} else {
container.appendChild(gateEl);
}
executeScripts(gateEl);
this._setupHandlers(gateEl, gateId, gateData, options);
}
_visible[gateId] = true;
document.body.classList.add('kiosq-gate-visible');
dispatchEvent('KiosqGateShown', { id: gateId, headline: gateData.headline });
return true;
},
// Hide a gate
hide: function(gateId) {
const domId = 'kiosq-gate-' + gateId.replace(/[^a-zA-Z0-9-_]/g, '-');
const gateEl = document.getElementById(domId);
if (gateEl) {
gateEl.style.display = 'none';
_visible[gateId] = false;
if (!Object.values(_visible).some(v => v)) {
document.body.classList.remove('kiosq-gate-visible');
}
dispatchEvent('KiosqGateHidden', { id: gateId });
return true;
}
return false;
},
// Remove a gate from DOM
remove: function(gateId) {
const domId = 'kiosq-gate-' + gateId.replace(/[^a-zA-Z0-9-_]/g, '-');
const gateEl = document.getElementById(domId);
if (gateEl) {
gateEl.remove();
delete _visible[gateId];
if (!Object.values(_visible).some(v => v)) {
document.body.classList.remove('kiosq-gate-visible');
}
dispatchEvent('KiosqGateRemoved', { id: gateId });
return true;
}
return false;
},
isVisible: function(gateId) {
return _visible[gateId] === true;
},
getVisible: function() {
return Object.keys(_visible).filter(k => _visible[k]);
},
hideAll: function() {
Object.keys(_visible).forEach(id => this.hide(id));
},
removeAll: function() {
Object.keys(_visible).forEach(id => this.remove(id));
Object.keys(_cache).forEach(id => {
const domId = 'kiosq-gate-' + id.replace(/[^a-zA-Z0-9-_]/g, '-');
const gateEl = document.getElementById(domId);
if (gateEl) gateEl.remove();
});
},
clearCache: function(gateId) {
if (gateId) {
delete _cache[gateId];
} else {
Object.keys(_cache).forEach(k => delete _cache[k]);
}
},
preload: async function(gateIds) {
const ids = Array.isArray(gateIds) ? gateIds : [gateIds];
const results = await Promise.allSettled(ids.map(id => this.load(id)));
return results.map((r, i) => ({
id: ids[i],
success: r.status === 'fulfilled',
data: r.status === 'fulfilled' ? r.value : null,
error: r.status === 'rejected' ? r.reason.message : null
}));
},
_setupHandlers: function(gateEl, gateId, gateData, options) {
const self = this;
const itemPriceId = gateData.config?.item_price_id || '';
// Checkout buttons
gateEl.querySelectorAll('.kiosq-checkout, [data-kiosq-checkout]').forEach(btn => {
btn.addEventListener('click', async (e) => {
e.preventDefault();
const priceId = btn.dataset.itemId || btn.dataset.kiosqCheckout || itemPriceId;
// Use unified ChargebeeCheckout API (works on both Vanilla FTE and External)
const checkout = window.FUTR?.Kiosq?.ChargebeeCheckout?.open;
if (checkout && priceId) {
try {
await checkout(priceId);
self.hide(gateId);
if (options.onCheckout) options.onCheckout();
} catch (err) {
console.error('[Kiosq Gates] Checkout error:', err);
if (options.onError) options.onError(err);
}
} else if (!priceId) {
console.error('[Kiosq Gates] No item price ID configured');
}
});
});
// Login buttons
gateEl.querySelectorAll('.kiosq-login, [data-kiosq-login]').forEach(btn => {
btn.addEventListener('click', (e) => {
e.preventDefault();
if (window.FUTR?.Connect?.Auth?.login) {
window.FUTR.Connect.Auth.login();
}
if (options.onLogin) options.onLogin();
});
});
// Close buttons
gateEl.querySelectorAll('.kiosq-close, [data-kiosq-close]').forEach(btn => {
btn.addEventListener('click', (e) => {
e.preventDefault();
self.hide(gateId);
if (options.onClose) options.onClose();
});
});
},
_cache: _cache,
_visible: _visible
};
};
// Create the Gates API instance
const gatesAPI = createGatesAPI();
// Expose on window.FUTR.Kiosq.Gates (unified API for Vanilla FTE and External)
window.FUTR.Kiosq.Gates = gatesAPI;
console.log('[Kiosq] Subscription Gates API available: window.FUTR.Kiosq.Gates');
// Dispatch event to notify that Gates API is ready
window.dispatchEvent(new CustomEvent('KiosqGatesReady', {
detail: { api: gatesAPI }
}));
})();
</script>
<div id="fixed-bottom-container" class="fixed bottom-0 left-0 right-0 z-[10000] pointer-events-none" data-component-name="Global:FixedBottomContainer">
<div class="flex items-center pointer-events-none *:pointer-events-auto">
</div>
</div>
<script>ffte = window.ffte || {}; ffte.logo = 'https://vanilla.futurecdn.net/creativebloq/media/img/creativebloq_logo.svg'; </script>

<script>
window.ftr_request_id = "";
</script> <script type="text/javascript" async="" src="//cdn.viafoura.net/entry/index.js"></script>
<div class="viafoura viafoura-twig-component" data-component-name="Viafoura:Notification:Tray">
<vf-tray></vf-tray>
</div>
<div x-data="" class="relative z-[10000] viafoura-twig-component" aria-labelledby="modal-title" role="dialog" x-show="$store.ViafouraAuthModal.open" x-trap.noreturn="$store.ViafouraAuthModal.open" aria-modal="true" x-cloak="">
<div x-show="$store.ViafouraAuthModal.open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true"></div>
<div class="fixed inset-0 z-10 w-screen overflow-y-auto">
<div class="flex min-h-full items-start justify-center p-4 text-center sm:items-center sm:p-0">
<div x-show="$store.ViafouraAuthModal.open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="relative transform overflow-hidden bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 w-full sm:max-w-sm sm:p-6" x-on:click.away="$store.ViafouraAuthModal.closeModal()" x-on:transitionend="$store.ViafouraAuthModal.modalFullyClosed()">
<div class="absolute right-0 top-0 pr-4 pt-4">
<button type="button" class="bg-white text-gray-400 hover:text-gray-500 border-0 focus:outline-none focus:ring-1 focus:ring-primary-300 focus:ring-offset-2" x-show="!$store.ViafouraAuthModal.showLoader" x-on:click="$store.ViafouraAuthModal.closeModal()">
<span class="sr-only">Close</span>
<svg class="size-6 text-gray-400 hover:text-gray-500" data-component-name="Icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div>
<div class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-primary-500">
<svg class="text-primary-200 size-6" data-component-name="Icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"></path>
</svg>
</div>
<div class="mt-3 text-center sm:mt-5">
<p x-show="!$store.ViafouraAuthModal.showLoader" class="text-base font-semibold text-gray-900" id="modal-title">
Please login or signup to comment
</p>
<p x-show="$store.ViafouraAuthModal.showLoader" class="text-base font-semibold text-gray-900">Please wait...</p>
</div>
</div>
<div class="mt-5 sm:mt-6 flex justify-center items-center flex-col">
<div x-show="!$store.ViafouraAuthModal.showLoader" class="w-full">
<button x-on:click="$store.ViafouraAuthModal.redirectToLogin($el)" type="button" class="block mb-3 w-full justify-center px-3 py-2 text-sm font-semibold text-white shadow-sm button-primary">
Login
</button>
<button x-on:click="$store.ViafouraAuthModal.redirectToSignup($el)" type="button" class="block w-full justify-center px-3 py-2 text-sm font-semibold text-white shadow-sm button-secondary">
Sign Up
</button>
</div>
<svg class="size-10 text-gray-200 animate-spin fill-primary-600" data-component-name="Icon" x-show="$store.ViafouraAuthModal.showLoader" viewbox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"></path>
<path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"></path>
</svg>
</div>
</div>
</div>
</div>
</div>

</body></html>
