SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html>2<html>3 <head>4 <title>5 Australian Cricketers' Association6 </title>7 <meta charset="utf-8" data-n-head="ssr">8 <meta content="width=device-width,initial-scale=1" data-n-head="ssr" name="viewport">9 <meta content="The ACA is the collective and representative voice of past and present male and female elite domestic and international cricketers in Australia." data-hid="description" data-n-head="ssr" name="description">10 <meta content="Australian Cricketers' Association" data-hid="og:title" data-n-head="ssr" property="og:title">11 <meta content="" data-hid="og:url" data-n-head="ssr" property="og:url">12 <meta content="website" data-hid="og:type" data-n-head="ssr" property="og:type">13 <meta content="" data-hid="og:image" data-n-head="ssr" property="og:image">14 <meta content data-hid="fb:app_id" data-n-head="ssr" property="fb:app_id">15 <meta content="The ACA is the collective and representative voice of past and present male and female elite domestic and international cricketers in Australia." data-hid="og:description" data-n-head="ssr" property="og:description">16 <style data-vue-ssr-id="38dfa7e4:0 3191d5ad:0 98b7835e:0 460ed8dc:0 7907c6bc:0 f2c7d102:0 7dc3cef0:0">17 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}b,strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}img{border-style:none}button,input,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}[hidden],template{display:none}blockquote,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ul{margin:0;padding:0}ul{list-style:none}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}input::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder{color:#a0aec0}input::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,select{padding:0;line-height:inherit;color:inherit}code,pre{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:480px){.container{max-width:480px}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1170px){.container{max-width:1170px}}.bg-navy{background-color:#131941!important;background-color:rgba(19,25,65,var(--bg-opacity))!important}.bg-darkGrey,.bg-navy{--bg-opacity:1!important}.bg-darkGrey{background-color:#434348!important;background-color:rgba(67,67,72,var(--bg-opacity))!important}.bg-mediumGrey{--bg-opacity:1!important;background-color:#494a50!important;background-color:rgba(73,74,80,var(--bg-opacity))!important}.bg-lightestGrey{--bg-opacity:1!important;background-color:#edeef2!important;background-color:rgba(237,238,242,var(--bg-opacity))!important}.bg-white{--bg-opacity:1!important;background-color:#fff!important;background-color:rgba(255,255,255,var(--bg-opacity))!important}.bg-white-65{background-color:hsla(0,0%,100%,.65)!important}.bg-transparent{background-color:hsla(0,0%,100%,0)!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}.bg-cover{background-size:cover!important}.border-lightGrey{--border-opacity:1!important;border-color:#80818a!important;border-color:rgba(128,129,138,var(--border-opacity))!important}.border-lightestGrey{--border-opacity:1!important;border-color:#edeef2!important;border-color:rgba(237,238,242,var(--border-opacity))!important}.border-white{--border-opacity:1!important;border-color:#fff!important;border-color:rgba(255,255,255,var(--border-opacity))!important}.border-transparent{border-color:hsla(0,0%,100%,0)!important}.hover\:border-white:hover{--border-opacity:1!important;border-color:#fff!important;border-color:rgba(255,255,255,var(--border-opacity))!important}.rounded-none{border-radius:0!important}.rounded{border-radius:.375rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-full{border-radius:9999px!important}.border-solid{border-style:solid!important}.border-dotted{border-style:dotted!important}.border{border-width:1px!important}.border-t{border-top-width:1px!important}.border-b{border-bottom-width:1px!important}.cursor-pointer{cursor:pointer!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.table{display:table!important}.grid{display:grid!important}.hidden{display:none!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-no-wrap{flex-wrap:nowrap!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.self-end{align-self:flex-end!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.flex-1{flex:1 1 0%!important}.float-right{float:right!important}.font-light{font-weight:300!important}.font-normal{font-weight:500!important}.font-medium{font-weight:600!important}.font-bold{font-weight:700!important}.h-1{height:.25rem!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-10{height:2.5rem!important}.h-12{height:3rem!important}.h-16{height:4rem!important}.h-20{height:5rem!important}.h-32{height:8rem!important}.h-40{height:10rem!important}.h-64{height:16rem!important}.h-auto{height:auto!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.text-3xs{font-size:.6rem!important}.text-2xs{font-size:.8rem!important}.text-xs{font-size:.85rem!important}.text-sm{font-size:.9rem!important}.text-base{font-size:1rem!important}.text-md{font-size:1.13rem!important}.text-lg{font-size:1.18rem!important}.text-xl{font-size:1.75rem!important}.text-2xl{font-size:2rem!important}.text-4xl{font-size:3.5rem!important}.leading-none{line-height:1!important}.leading-tight{line-height:1.2!important}.leading-normal{line-height:1.4!important}.leading-relaxed{line-height:1.5!important}.m-2{margin:.5rem!important}.m-4{margin:1rem!important}.m-8{margin:2rem!important}.m-auto{margin:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.my-3{margin-top:.75rem!important;margin-bottom:.75rem!important}.mx-3{margin-left:.75rem!important;margin-right:.75rem!important}.my-6{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-8{margin-top:2rem!important;margin-bottom:2rem!important}.my-10{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-c-mobile{margin-top:2rem!important;margin-bottom:2rem!important}.-mx-4{margin-left:-1rem!important;margin-right:-1rem!important}.-mx-12{margin-left:-3rem!important;margin-right:-3rem!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.mt-3{margin-top:.75rem!important}.mr-3{margin-right:.75rem!important}.mb-3{margin-bottom:.75rem!important}.mt-4{margin-top:1rem!important}.mr-4{margin-right:1rem!important}.mb-4{margin-bottom:1rem!important}.mt-5{margin-top:1.25rem!important}.mr-5{margin-right:1.25rem!important}.mb-5{margin-bottom:1.25rem!important}.ml-5{margin-left:1.25rem!important}.mt-6{margin-top:1.5rem!important}.mr-6{margin-right:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-8{margin-top:2rem!important}.mr-8{margin-right:2rem!important}.mb-8{margin-bottom:2rem!important}.mb-10{margin-bottom:2.5rem!important}.mt-12{margin-top:3rem!important}.mb-12{margin-bottom:3rem!important}.mb-16{margin-bottom:4rem!important}.mr-24{margin-right:6rem!important}.mt-32{margin-top:8rem!important}.mb-64{margin-bottom:16rem!important}.-mt-1{margin-top:-.25rem!important}.-mt-2{margin-top:-.5rem!important}.-ml-5{margin-left:-1.25rem!important}.-mr-24{margin-right:-6rem!important}.-mt-px{margin-top:-1px!important}.-ml-px{margin-left:-1px!important}.max-w-none{max-width:none!important}.max-w-sm{max-width:24rem!important}.max-w-md{max-width:28rem!important}.max-w-xl{max-width:36rem!important}.max-w-2xl{max-width:42rem!important}.max-w-full{max-width:100%!important}.max-w-screen-md{max-width:768px!important}.max-w-screen-lg{max-width:1024px!important}.min-w-0{min-width:0!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.hover\:opacity-50:hover{opacity:.5!important}.hover\:opacity-75:hover{opacity:.75!important}.focus\:outline-none:focus{outline:0!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-scroll{overflow:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-8{padding:2rem!important}.p-10{padding:2.5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.px-8{padding-left:2rem!important;padding-right:2rem!important}.py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.py-12{padding-top:3rem!important;padding-bottom:3rem!important}.px-12{padding-left:3rem!important;padding-right:3rem!important}.py-20{padding-top:5rem!important;padding-bottom:5rem!important}.py-24{padding-top:6rem!important;padding-bottom:6rem!important}.py-c-mobile{padding-top:2rem!important;padding-bottom:2rem!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pr-1{padding-right:.25rem!important}.pt-4{padding-top:1rem!important}.pb-4{padding-bottom:1rem!important}.pl-4{padding-left:1rem!important}.pt-5{padding-top:1.25rem!important}.pb-5{padding-bottom:1.25rem!important}.pl-5{padding-left:1.25rem!important}.pt-6{padding-top:1.5rem!important}.pb-6{padding-bottom:1.5rem!important}.pt-8{padding-top:2rem!important}.pr-8{padding-right:2rem!important}.pb-8{padding-bottom:2rem!important}.pl-8{padding-left:2rem!important}.pt-10{padding-top:2.5rem!important}.pr-10{padding-right:2.5rem!important}.pl-10{padding-left:2.5rem!important}.pb-12{padding-bottom:3rem!important}.pt-16{padding-top:4rem!important}.pr-16{padding-right:4rem!important}.pb-16{padding-bottom:4rem!important}.pt-20{padding-top:5rem!important}.pr-20{padding-right:5rem!important}.pt-24{padding-top:6rem!important}.pb-c-mobile{padding-bottom:2rem!important}.pt-c-desktop{padding-top:4rem!important}.placeholder-mediumGrey::-moz-placeholder{--placeholder-opacity:1!important;color:#494a50!important;color:rgba(73,74,80,var(--placeholder-opacity))!important}.placeholder-mediumGrey:-ms-input-placeholder{--placeholder-opacity:1!important;color:#494a50!important;color:rgba(73,74,80,var(--placeholder-opacity))!important}.placeholder-mediumGrey::placeholder{--placeholder-opacity:1!important;color:#494a50!important;color:rgba(73,74,80,var(--placeholder-opacity))!important}.pointer-events-none{pointer-events:none!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.inset-0{top:0!important;bottom:0!important}.inset-0,.inset-x-0{right:0!important;left:0!important}.top-0{top:0!important}.right-0{right:0!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}.shadow-inner{box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06)!important}.fill-current{fill:currentColor!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-navy{--text-opacity:1!important;color:#131941!important;color:rgba(19,25,65,var(--text-opacity))!important}.text-lightNavy{color:#31377a!important;color:rgba(49,55,122,var(--text-opacity))!important}.text-lightNavy,.text-red{--text-opacity:1!important}.text-red{color:#cd171e!important;color:rgba(205,23,30,var(--text-opacity))!important}.text-darkGrey{--text-opacity:1!important;color:#434348!important;color:rgba(67,67,72,var(--text-opacity))!important}.text-lightGrey{--text-opacity:1!important;color:#80818a!important;color:rgba(128,129,138,var(--text-opacity))!important}.text-white{--text-opacity:1!important;color:#fff!important;color:rgba(255,255,255,var(--text-opacity))!important}.text-white-65{color:hsla(0,0%,100%,.65)!important}.hover\:text-white:hover{--text-opacity:1!important;color:#fff!important;color:rgba(255,255,255,var(--text-opacity))!important}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.capitalize{text-transform:capitalize!important}.normal-case{text-transform:none!important}.underline{text-decoration:underline!important}.hover\:no-underline:hover{text-decoration:none!important}.antialiased{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.tracking-tight{letter-spacing:.02em!important}.tracking-loose{letter-spacing:.05em!important}.visible{visibility:visible!important}.w-2{width:.5rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-10{width:2.5rem!important}.w-12{width:3rem!important}.w-16{width:4rem!important}.w-24{width:6rem!important}.w-32{width:8rem!important}.w-40{width:10rem!important}.w-64{width:16rem!important}.w-auto{width:auto!important}.w-1\/2{width:50%!important}.w-1\/4{width:25%!important}.w-1\/6{width:16.666667%!important}.w-6\/12{width:50%!important}.w-8\/12{width:66.666667%!important}.w-11\/12{width:91.666667%!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-50{z-index:50!important}.transform{--transform-translate-x:0!important;--transform-translate-y:0!important;--transform-rotate:0!important;--transform-skew-x:0!important;--transform-skew-y:0!important;--transform-scale-x:1!important;--transform-scale-y:1!important;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))!important}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform!important}.transition-opacity{transition-property:opacity!important}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-150{transition-duration:.15s!important}.duration-200{transition-duration:.2s!important}.duration-300{transition-duration:.3s!important}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.tc-h1{font-size:2.5rem;margin-top:.5rem;font-weight:700;line-height:1.25}.tc-h2{font-size:1.75rem;line-height:1.25}.tc-h2,.tc-h3{margin-bottom:1.5rem;font-weight:600}.tc-h3{font-size:1.45rem;line-height:1.4}.tc-h4{font-size:1.13rem;text-transform:uppercase}.tc-h4,.tc-h5{margin-bottom:1.5rem;font-weight:600;line-height:1.2}.tc-h5{font-size:1rem}.tc-h6{font-size:1rem;margin-bottom:1rem;line-height:1.2}.tc-bigger,.tc-h6{letter-spacing:.02em;font-weight:500}.tc-bigger{font-size:1.18rem;margin-bottom:1.5rem;line-height:1.6}.tc-small{font-weight:500;font-size:.9rem;margin-bottom:.5rem;display:block;line-height:1.4}.tc-p{font-size:1rem;margin-bottom:1.25rem;font-weight:500;line-height:1.5}.tc-blockquote:before{content:"";font-family:neue-haas-grotesk-display,sans-serif;font-size:2rem}.tc-blockquote svg{width:2.5rem;margin-left:auto;margin-right:auto;margin-bottom:1.5rem}.tc-blockquote svg path{--text-opacity:1;color:#131941;color:rgba(19,25,65,var(--text-opacity));fill:currentColor}.tc-blockquote-p{font-size:1.18rem;margin-bottom:1.5rem;font-weight:600;line-height:1.4;text-align:center}.tc-blockquote-small{font-size:.9rem;line-height:1.25;display:block;text-align:center;text-transform:uppercase}.tc-a,.tc-a:visited{--text-opacity:1;color:#131941;color:rgba(19,25,65,var(--text-opacity));font-weight:500;text-decoration:underline}.tc-a:active,.tc-a:hover{text-decoration:none}.tc-a:focus{outline:0}.tc-ul{list-style-type:circle;padding-left:2.5rem;margin-top:2rem;margin-bottom:2rem}.tc-ul .tc-li{padding:.5rem}.tc-li:last-child,.tc-ul:last-child{margin-bottom:0}@media (min-width:768px){.tc-h1{font-size:3.5rem}.tc-h2{font-size:2.5rem}.tc-h3{font-size:1.75rem}.tc-bigger{font-size:1.18rem}.tc-small{font-size:.9rem}.tc-blockquote-p{font-size:1.75rem;margin-bottom:1.5rem;font-weight:600;line-height:1.4;text-align:center}}.tc-wysiwyg h1,.tc-wysiwyg h2,.tc-wysiwyg h3,.tc-wysiwyg h4,.tc-wysiwyg h5,.tc-wysiwyg h6{--text-opacity:1;color:#131941;color:rgba(19,25,65,var(--text-opacity))}.tc-wysiwyg h2,.tc-wysiwyg h3,.tc-wysiwyg h4,.tc-wysiwyg h5{margin-bottom:1.5rem}.tc-wysiwyg h1{font-size:2.5rem;margin-top:.5rem;font-weight:700;line-height:1.25}.tc-wysiwyg h2{font-size:1.75rem;font-weight:600;line-height:1.25}.tc-wysiwyg h3{font-size:1.45rem;font-weight:600;line-height:1.4}.tc-wysiwyg h4{font-size:1.13rem;text-transform:uppercase}.tc-wysiwyg h4,.tc-wysiwyg h5{font-weight:600;line-height:1.2}.tc-wysiwyg h5{font-size:1rem}.tc-wysiwyg h6{margin-bottom:1rem;letter-spacing:.02em;line-height:1.2}.tc-wysiwyg h6,.tc-wysiwyg p{font-size:1rem;font-weight:500}.tc-wysiwyg p{margin-bottom:1.25rem;line-height:1.5;--text-opacity:1;color:#434348;color:rgba(67,67,72,var(--text-opacity))}.tc-wysiwyg p.bigger{font-size:1.18rem;margin-bottom:1.5rem;letter-spacing:.02em;line-height:1.6}.tc-wysiwyg p.bigger,.tc-wysiwyg small{font-weight:500;--text-opacity:1;color:#80818a;color:rgba(128,129,138,var(--text-opacity))}.tc-wysiwyg small{font-size:.9rem;margin-bottom:.5rem;display:block;line-height:1.4}.tc-wysiwyg blockquote svg{width:2.5rem;margin-left:auto;margin-right:auto;margin-bottom:1.5rem}.tc-wysiwyg blockquote svg path{fill:currentColor}.tc-wysiwyg blockquote p,.tc-wysiwyg blockquote svg path{--text-opacity:1;color:#131941;color:rgba(19,25,65,var(--text-opacity))}.tc-wysiwyg blockquote p{font-size:1.75rem;margin-bottom:1.5rem;font-weight:600;line-height:1.4;text-align:center}.tc-wysiwyg blockquote small{font-size:.9rem;line-height:1.25;display:block;--text-opacity:1;color:#80818a;color:rgba(128,129,138,var(--text-opacity));text-align:center;text-transform:uppercase}.tc-wysiwyg ul{list-style-type:circle;padding-left:2.5rem;margin-top:2rem;margin-bottom:2rem}.tc-wysiwyg ul li{padding:.5rem}.tc-wysiwyg li:last-child,.tc-wysiwyg ul:last-child{margin-bottom:0}.tc-wysiwyg a,.tc-wysiwyg a:visited{--text-opacity:1;color:#131941;color:rgba(19,25,65,var(--text-opacity));font-weight:500;text-decoration:underline}.tc-wysiwyg a:active,.tc-wysiwyg a:hover{text-decoration:none}.tc-wysiwyg a:focus{outline:0}.tc-wysiwyg :last-child{margin-bottom:0}@media (min-width:768px){.tc-wysiwyg h1{font-size:3.5rem}.tc-wysiwyg h2{font-size:2.5rem}.tc-wysiwyg h3{font-size:1.75rem}}.tc-btn,.tc-btn:visited{font-size:1rem;font-weight:600;border-radius:9999px;padding:.5rem 2rem;letter-spacing:.04em;transition:background-color .5s ease}.tc-btn:focus{outline:0}.tc-btn-icon svg{width:.75rem;display:inline;margin-left:.75rem}.tc-btn-icon svg path{fill:currentColor}.tc-btn-primary,.tc-btn-primary:visited{--bg-opacity:1;background-color:#cd171e;background-color:rgba(205,23,30,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.tc-btn-primary:active,.tc-btn-primary:focus,.tc-btn-primary:hover{--bg-opacity:1;background-color:#811517;background-color:rgba(129,21,23,var(--bg-opacity))}.tc-btn-secondary{--bg-opacity:1;background-color:#131941;background-color:rgba(19,25,65,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.tc-btn-secondary:active,.tc-btn-secondary:focus,.tc-btn-secondary:hover{--bg-opacity:1;background-color:#31377a;background-color:rgba(49,55,122,var(--bg-opacity))}.tc-btn-tertiary{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));--text-opacity:1;color:#31377a;color:rgba(49,55,122,var(--text-opacity))}.tc-btn-tertiary path{--text-opacity:1;color:#cd171e;color:rgba(205,23,30,var(--text-opacity))}.tc-btn-tertiary:active,.tc-btn-tertiary:focus,.tc-btn-tertiary:hover{--bg-opacity:1;background-color:#131941;background-color:rgba(19,25,65,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.tc-btn-arrow-link,.tc-btn-arrow-link:visited{font-size:1rem;font-weight:600;--text-opacity:1;color:#131941;color:rgba(19,25,65,var(--text-opacity))}.tc-btn-arrow-link svg,.tc-btn-arrow-link:visited svg{margin-left:.25rem;margin-top:-.25rem}.tc-btn-arrow-link path,.tc-btn-arrow-link:visited path{--text-opacity:1;color:#cd171e;color:rgba(205,23,30,var(--text-opacity))}.tc-btn-arrow-link:active,.tc-btn-arrow-link:focus,.tc-btn-arrow-link:hover{--text-opacity:1;color:#31377a;color:rgba(49,55,122,var(--text-opacity));outline:0}.tc-btn-sm{font-size:.85rem}.tc-btn-sm svg{width:.75rem;margin-top:0}.tc-tag{font-size:.6rem;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));--bg-opacity:1;background-color:#cd171e;background-color:rgba(205,23,30,var(--bg-opacity));border-radius:9999px;text-transform:uppercase;padding-left:.75rem;padding-right:.75rem;padding-top:2px;padding-bottom:2px;transition:background-color .5s ease}.tc-tag:active,.tc-tag:focus,.tc-tag:hover{--bg-opacity:1;background-color:#811517;background-color:rgba(129,21,23,var(--bg-opacity));outline:0}@media (min-width:768px){.tc-btn{font-size:.9rem}}.ratio{position:relative;display:block}.ratio:before{display:block;content:"";width:100%;padding-top:56.25%}.ratio--news:before,.ratio--video:before{padding-top:100%}.ratio--featured:before{padding-top:56.25%}@media (min-width:768px){.ratio--news:before{padding-top:58.2%}.ratio--video:before{padding-top:62.72%}}.ratio>.ratio__content,.ratio>img{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%}:root{--bg-featured:url()}.default-first-image .tc-module:first-child img.error{background-repeat:no-repeat;background-position:50%;background-image:var(--bg-featured);background-size:cover}.bg-placeholder{background-size:cover;background-position:50%}body,html{font-size:14px}body{font-family:neue-haas-grotesk-display,sans-serif;letter-spacing:.04em;--text-opacity:1;color:#434348;color:rgba(67,67,72,var(--text-opacity))}b,strong{font-weight:600}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}hr{--border-opacity:1;border-color:#edeef2;border-color:rgba(237,238,242,var(--border-opacity))}:focus{outline:0;outline-offset:0}.bg-dark-red-gradient{background:#cd171e;background-image:linear-gradient(90deg,#cd171e,#6c064a)}.bg-light-red-gradient{background:#dd1018;background-image:linear-gradient(90deg,#dd1018,#af0f2c)}.text-gradient{color:#cd171e;background:-webkit-linear-gradient(-45deg,#dd1018 2.71%,#af0f2c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width:768px){body,html{font-size:16px}}.tc-module:first-child:not(.bg-coloured){padding-top:0}.tc-module:first-child.bg-coloured{margin-top:0}.py-c{padding-top:2rem;padding-bottom:2rem}@media (min-width:768px){.py-c{padding-top:4rem;padding-bottom:4rem}}.my-c{margin-top:2rem;margin-bottom:2rem}@media (min-width:768px){.my-c{margin-top:4rem;margin-bottom:4rem}}.bg-coloured+.bg-coloured{margin-top:-2rem!important}@media (min-width:768px){.bg-coloured+.bg-coloured{margin-top:-4rem!important}}@media (min-width:640px){.sm\:inline-block{display:inline-block!important}.sm\:text-sm{font-size:.9rem!important}.sm\:text-md{font-size:1.13rem!important}.sm\:my-5{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.sm\:mr-0{margin-right:0!important}.sm\:p-0{padding:0!important}.sm\:px-0{padding-left:0!important;padding-right:0!important}.sm\:py-8{padding-top:2rem!important;padding-bottom:2rem!important}.sm\:inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}.sm\:w-3\/5{width:60%!important}}@media (min-width:768px){.md\:border-none{border-style:none!important}.md\:block{display:block!important}.md\:inline-block{display:inline-block!important}.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:flex-row{flex-direction:row!important}.md\:flex-no-wrap{flex-wrap:nowrap!important}.md\:items-center{align-items:center!important}.md\:justify-end{justify-content:flex-end!important}.md\:flex-1{flex:1 1 0%!important}.md\:flex-none{flex:none!important}.md\:order-1{order:1!important}.md\:order-2{order:2!important}.md\:h-4{height:1rem!important}.md\:h-5{height:1.25rem!important}.md\:h-16{height:4rem!important}.md\:h-28{height:7rem!important}.md\:h-32{height:8rem!important}.md\:h-full{height:100%!important}.md\:text-2xs{font-size:.8rem!important}.md\:text-sm{font-size:.9rem!important}.md\:text-base{font-size:1rem!important}.md\:text-3xl{font-size:2.5rem!important}.md\:m-0{margin:0!important}.md\:m-4{margin:1rem!important}.md\:m-6{margin:1.5rem!important}.md\:m-10{margin:2.5rem!important}.md\:mx-0{margin-left:0!important;margin-right:0!important}.md\:my-5{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.md\:my-c-desktop{margin-top:4rem!important;margin-bottom:4rem!important}.md\:-mx-3{margin-left:-.75rem!important;margin-right:-.75rem!important}.md\:mt-0{margin-top:0!important}.md\:mb-0{margin-bottom:0!important}.md\:mr-2{margin-right:.5rem!important}.md\:mb-3{margin-bottom:.75rem!important}.md\:mb-5{margin-bottom:1.25rem!important}.md\:mt-8{margin-top:2rem!important}.md\:mt-10{margin-top:2.5rem!important}.md\:mr-10{margin-right:2.5rem!important}.md\:ml-10{margin-left:2.5rem!important}.md\:mb-12{margin-bottom:3rem!important}.md\:mb-16{margin-bottom:4rem!important}.md\:mb-24{margin-bottom:6rem!important}.md\:ml-2\/12{margin-left:16.66667%!important}.md\:-mr-20{margin-right:-5rem!important}.md\:max-w-xs{max-width:20rem!important}.md\:max-w-md{max-width:28rem!important}.md\:max-w-3xl{max-width:48rem!important}.md\:max-w-5xl{max-width:64rem!important}.md\:max-w-6xl{max-width:72rem!important}.md\:max-w-4\/12{max-width:33.33333%!important}.md\:max-w-8\/12{max-width:66.66667%!important}.md\:opacity-25{opacity:.25!important}.md\:overflow-visible{overflow:visible!important}.md\:overflow-y-auto{overflow-y:auto!important}.md\:p-0{padding:0!important}.md\:py-0{padding-top:0!important;padding-bottom:0!important}.md\:px-0{padding-left:0!important;padding-right:0!important}.md\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}.md\:px-3{padding-left:.75rem!important;padding-right:.75rem!important}.md\:px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.md\:py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.md\:py-8{padding-top:2rem!important;padding-bottom:2rem!important}.md\:px-8{padding-left:2rem!important;padding-right:2rem!important}.md\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}.md\:py-16{padding-top:4rem!important;padding-bottom:4rem!important}.md\:px-16{padding-left:4rem!important;padding-right:4rem!important}.md\:py-c-desktop{padding-top:4rem!important;padding-bottom:4rem!important}.md\:pt-0{padding-top:0!important}.md\:pl-0{padding-left:0!important}.md\:pb-2{padding-bottom:.5rem!important}.md\:pr-4{padding-right:1rem!important}.md\:pt-8{padding-top:2rem!important}.md\:pr-8{padding-right:2rem!important}.md\:pb-8{padding-bottom:2rem!important}.md\:pl-8{padding-left:2rem!important}.md\:pl-10{padding-left:2.5rem!important}.md\:pb-16{padding-bottom:4rem!important}.md\:pt-20{padding-top:5rem!important}.md\:pb-20{padding-bottom:5rem!important}.md\:pt-32{padding-top:8rem!important}.md\:pl-40{padding-left:10rem!important}.md\:text-left{text-align:left!important}.md\:text-right{text-align:right!important}.md\:text-white{--text-opacity:1!important;color:#fff!important;color:rgba(255,255,255,var(--text-opacity))!important}.md\:w-4{width:1rem!important}.md\:w-32{width:8rem!important}.md\:w-72{width:18rem!important}.md\:w-1\/2{width:50%!important}.md\:w-2\/3{width:66.666667%!important}.md\:w-4\/12{width:33.333333%!important}.md\:w-5\/12{width:41.666667%!important}.md\:w-6\/12{width:50%!important}.md\:w-7\/12{width:58.333333%!important}.md\:w-8\/12{width:66.666667%!important}.md\:w-full{width:100%!important}}@media (min-width:1024px){.lg\:rounded-none{border-radius:0!important}.lg\:rounded-tl-lg{border-top-left-radius:.5rem!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}.lg\:flex-no-wrap{flex-wrap:nowrap!important}.lg\:float-right{float:right!important}.lg\:text-sm{font-size:.9rem!important}.lg\:text-base{font-size:1rem!important}.lg\:text-2lg{font-size:1.45rem!important}.lg\:text-3xl{font-size:2.5rem!important}.lg\:mx-5{margin-left:1.25rem!important;margin-right:1.25rem!important}.lg\:mx-12{margin-left:3rem!important;margin-right:3rem!important}.lg\:mr-0{margin-right:0!important}.lg\:mb-0{margin-bottom:0!important}.lg\:mr-5{margin-right:1.25rem!important}.lg\:ml-5{margin-left:1.25rem!important}.lg\:ml-10{margin-left:2.5rem!important}.lg\:mb-32{margin-bottom:8rem!important}.lg\:max-w-lg{max-width:32rem!important}.lg\:p-8{padding:2rem!important}.lg\:px-4{padding-left:1rem!important;padding-right:1rem!important}.lg\:px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.lg\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.lg\:py-32{padding-top:8rem!important;padding-bottom:8rem!important}.lg\:pr-0{padding-right:0!important}.lg\:pb-0{padding-bottom:0!important}.lg\:pl-0{padding-left:0!important}.lg\:pt-32{padding-top:8rem!important}.lg\:static{position:static!important}.lg\:w-1\/2{width:50%!important}.lg\:w-1\/3{width:33.333333%!important}.lg\:w-1\/4,.lg\:w-3\/12{width:25%!important}.lg\:w-4\/12{width:33.333333%!important}.lg\:w-5\/12{width:41.666667%!important}.lg\:w-7\/12{width:58.333333%!important}.lg\:w-8\/12{width:66.666667%!important}.lg\:w-10\/12{width:83.333333%!important}.lg\:w-11\/12{width:91.666667%!important}}@media (min-width:1170px){.xl\:py-48{padding-top:12rem!important;padding-bottom:12rem!important}}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#fff;z-index:999999}.box-sizing{box-sizing:content-box}@media screen and (min-width:768px){.slide-in-blurred-top-enter-active{-webkit-animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both}}@-webkit-keyframes swing-in-top-fwd{0%{transform:rotateX(-100deg);transform-origin:top;opacity:0}to{transform:rotateX(0);transform-origin:top;opacity:1}}@keyframes swing-in-top-fwd{0%{transform:rotateX(-100deg);transform-origin:top;opacity:0}to{transform:rotateX(0);transform-origin:top;opacity:1}}.z-100{z-index:100}.tc-btn-tertiary[data-v-2e64ccdc]{font-size:.9rem}.tc-btn-tertiary .hamburger[data-v-2e64ccdc]{padding:0 0 0 1rem}.tc-btn-tertiary .hamburger[data-v-2e64ccdc] :active,.tc-btn-tertiary .hamburger[data-v-2e64ccdc] :focus,.tc-btn-tertiary .hamburger[data-v-2e64ccdc] :hover{background-color:hsla(0,0%,100%,0);opacity:.75}.tc-btn-secondary .close[data-v-2e64ccdc]{padding-right:0;margin-top:.5rem}.tc-btn-secondary path[data-v-2e64ccdc]{fill:currentColor;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.text-white svg.logo[data-v-2e64ccdc]{display:none}@media (min-width:768px){.tc-btn-primary[data-v-2e64ccdc]{font-size:.85rem}}:root{--container-width:100%}@media (min-width:640px){:root{--container-width:640px}}@media (min-width:768px){:root{--container-width:768px}}@media (min-width:1024px){:root{--container-width:1024px}}@media (min-width:1170px){:root{--container-width:1280px}}.outer{margin:auto;position:relative}.inner{position:absolute;right:0;width:calc(100% + 25vw);background-size:cover;background-position:50%;background-repeat:no-repeat}.image-container{position:relative;margin-right:2rem}@media (min-width:640px){.image-container{@appy w-full mr-0;max-width:calc(100% + (100vw - 100%)/ 2);max-width:calc(var(--container-width) + (100vw - var(--container-width))/ 2)}}.image-container:before{display:block;width:100%;content:"";padding-top:45.21%}.image-container>img{position:absolute;right:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.z-100{z-index:100}18 </style>19 <style type="text/css">20 .error-page{min-height:80vh}21 </style>22 <style type="text/css">23 .tc-btn-tertiary path[data-v-0e3f7c04]{fill:currentColor;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.slide-in-blurred-right[data-v-0e3f7c04]{-webkit-animation:slide-in-blurred-right-data-v-0e3f7c04 .6s cubic-bezier(.23,1,.32,1) both;animation:slide-in-blurred-right-data-v-0e3f7c04 .6s cubic-bezier(.23,1,.32,1) both}@-webkit-keyframes slide-in-blurred-right-data-v-0e3f7c04{0%{transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform-origin:0 50%;filter:blur(40px);opacity:0}to{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slide-in-blurred-right-data-v-0e3f7c04{0%{transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform-origin:0 50%;filter:blur(40px);opacity:0}to{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}24 </style>25 <style type="text/css">26 .circle{transform:rotate(-392deg)}27 </style>28 <style type="text/css">29 .subnav{transition:border .2s ease}.back path{fill:currentColor}.back path,.parent{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.parent{padding-left:0;padding-right:0;margin-bottom:2rem}30 </style>31 <style type="text/css">32 .tc-li-carret{transition:transform .2s}.menu-item-parent.item-active{opacity:1}.social path{fill:currentColor;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}33 </style>34 <style type="text/css">35 .bg-placeholder{background-size:cover}36 </style>37 <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">38 <style type="text/css">39 .hero_overlay{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(112.47deg,rgba(0,0,0,.26) 5.08%,transparent 103.28%)}.hero,.hero_wrapper{position:relative}.hero_wrapper{height:480px}@media (min-width:768px){.hero_wrapper{min-height:560px;height:calc(100vh - 9.5em);overflow:hidden}}.hero_image{content:"";position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;z-index:-1;-webkit-animation:revealBackground 0s forwards;animation:revealBackground 0s forwards;-webkit-animation-delay:1.75s;animation-delay:1.75s}.hero_heading{font-size:23px;opacity:0;-webkit-animation:revealUp .5s forwards;animation:revealUp .5s forwards;-webkit-animation-delay:2.5s;animation-delay:2.5s}@media (min-width:768px){.hero_heading{font-size:28px}}@media (min-width:1024px){.hero_heading{font-size:32px}}@media (min-width:1170px){.hero_heading{font-size:44px}}.hero_button{opacity:0;-webkit-animation:revealUp .5s forwards;animation:revealUp .5s forwards;-webkit-animation-delay:2.6s;animation-delay:2.6s;border-radius:0;padding-top:.75rem;padding-bottom:.75rem}@media (min-width:768px){.hero_button{border-radius:9999px;padding-top:.5rem;padding-bottom:.5rem}}.hero_scroll{position:absolute;left:4rem;bottom:25px;display:none;align-items:center;transform:rotate(90deg) translate(-50px,50px)}@media (min-width:768px){.hero_scroll{display:flex;left:2rem}}.hero_scroll div{height:1px;width:50px;background:#fff;margin-right:10px}.hero_scroll span{font-size:11px;text-transform:uppercase;color:#fff;font-weight:500;line-height:0}.hero_featured-pages{position:absolute;right:0;bottom:0;z-index:4;display:none}@media (min-width:768px){.hero_featured-pages{display:block}}.hero_featured-pages--mobile{position:relative;display:block}@media (min-width:768px){.hero_featured-pages--mobile{display:none}}.hero_featured-pages--mobile .hero_featured-pages__inner{flex-wrap:wrap}.hero_featured-pages__inner{display:flex}.hero_featured-pages__overlay{position:absolute;left:0;top:0;width:0;height:100%;-webkit-animation:slideFeaturesOverlay 1s forwards;animation:slideFeaturesOverlay 1s forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s;background-color:#fff}.hero_featured-pages__item{padding:1em;display:flex;opacity:0;-webkit-animation:reveal .5s forwards;animation:reveal .5s forwards;-webkit-animation-delay:2.2s;animation-delay:2.2s;max-width:100%}@media (min-width:768px){.hero_featured-pages__item{max-width:320px}}@media (min-width:1024px){.hero_featured-pages__item{max-width:365px}}.hero_featured-pages__item:first-child{border-right:none;-webkit-animation:reveal .5s forwards;animation:reveal .5s forwards;-webkit-animation-delay:2s;animation-delay:2s}@media (min-width:768px){.hero_featured-pages__item:first-child{border-right:1px solid #000}}.hero_featured-pages__heading{line-height:115%}.overlay{left:0;top:0;width:0;height:100%;background-color:#cd171e;position:absolute;z-index:3;-webkit-animation:slideMainOverlay 1.75s forwards;animation:slideMainOverlay 1.75s forwards;-webkit-animation-delay:1s;animation-delay:1s}.hero_graphic{width:130px;height:130px;position:absolute;right:-50px;top:415px;opacity:0}@media (min-width:768px){.hero_graphic{width:290px;height:290px;right:unset;top:unset;bottom:-7em;left:-3.5em}}.hero_graphic.active{-webkit-animation:slideInRight 1s cubic-bezier(.18,.89,.32,1.25) forwards;animation:slideInRight 1s cubic-bezier(.18,.89,.32,1.25) forwards}@media (min-width:768px){.hero_graphic.active{-webkit-animation:slideInLeft 1s cubic-bezier(.18,.89,.32,1.25) forwards;animation:slideInLeft 1s cubic-bezier(.18,.89,.32,1.25) forwards}}.hero_graphic svg{transform:rotate(0)}@media (min-width:768px){.hero_graphic svg{transform:rotate(-90deg)}}@media screen and (min-width:992px) and (max-width:1400px){.hero_graphic svg{width:16rem;height:16rem}}@media screen and (min-width:768px) and (max-width:991px){.hero_graphic svg{width:10rem;height:10rem}}@-webkit-keyframes revealBackground{0%{opacity:0}to{opacity:1}}@keyframes revealBackground{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideFeaturesOverlay{0%{width:0}to{width:100%}}@keyframes slideFeaturesOverlay{0%{width:0}to{width:100%}}@-webkit-keyframes slideMainOverlay{0%{width:0;left:0}50%{width:100%}50%{left:0}to{left:100vw}}@keyframes slideMainOverlay{0%{width:0;left:0}50%{width:100%}50%{left:0}to{left:100vw}}@-webkit-keyframes reveal{0%{display:none;transform:translateY(100px);opacity:0}1%{display:block;opacity:0}to{transform:translateY(0);opacity:1;display:block}}@keyframes reveal{0%{display:none;transform:translateY(100px);opacity:0}1%{display:block;opacity:0}to{transform:translateY(0);opacity:1;display:block}}@-webkit-keyframes revealUp{0%{display:none;transform:translateX(50px);opacity:0}1%{display:block;opacity:0}to{transform:translateX(0);opacity:1;display:block}}@keyframes revealUp{0%{display:none;transform:translateX(50px);opacity:0}1%{display:block;opacity:0}to{transform:translateX(0);opacity:1;display:block}}@-webkit-keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}40 </style>41 <style type="text/css">42 .circle-primary[data-v-5e92b372]{position:absolute;max-width:496.02px;width:50%;left:50%;top:0;transform:translate(-50%,-33%) rotate(280deg)}43 </style>44 <style type="text/css">45 .circle-primary[data-v-fd01127a]{position:absolute;max-width:496.02px;width:50%;right:0;top:0;transform:translate(50%,-33%) rotate(230deg)}.circle-secondary[data-v-fd01127a]{position:absolute;max-width:150px;width:50%;left:0;bottom:0;transform:translate(-50%,50%) rotate(0deg)}46 </style>47 <style type="text/css">48 .has-divider{position:relative;padding-top:1rem!important;margin-bottom:1rem!important}.has-divider:before{content:"";opacity:.15;display:block;width:100%;top:0;height:1px;position:absolute;border-top-width:1px;--border-opacity:1;border-color:#edeef2;border-color:rgba(237,238,242,var(--border-opacity))}.has-divider:first-child:before{display:none}@media (min-width:768px){.has-divider{margin-bottom:2rem;padding-top:0!important}.has-divider:before{display:none}}49 </style>50 <style type="text/css">51 .visibility-switch{position:absolute;top:12px;right:0}52 </style>53 <style type="text/css">54 .login-page{height:calc(100vh - 4rem)}@media (min-width:768px){.login-page{height:calc(100vh - 8rem)}}55 </style>56 </head>57 <body>58 <noscript data-hid="gtm-noscript" data-n-head="ssr" data-pbody="true">59 </noscript>60 <div id="__nuxt">61 <!-- -->62 <div id="__layout">63 <div>64 <style>65 /*66 * The Typekit service used to deliver this font or fonts for use on websites67 * is provided by Adobe and is subject to these Terms of Use68 * http://www.adobe.com/products/eulas/tou_typekit. For font license69 * information, see the list below.70 *71 * neue-haas-grotesk-display:72 * - http://typekit.com/eulas/00000000000000003b9b204873 * - http://typekit.com/eulas/00000000000000003b9b204974 * - http://typekit.com/eulas/00000000000000003b9b204a75 * - http://typekit.com/eulas/00000000000000003b9b204c76 *77 * © 2009-2023 Adobe Systems Incorporated. All Rights Reserved.78 */79/*{"last_published":"2020-02-13 04:03:55 UTC"}*/80 81 82@font-face {83font-family:"neue-haas-grotesk-display";84src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");85font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;86}87 88@font-face {89font-family:"neue-haas-grotesk-display";90src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");91font-display:auto;font-style:italic;font-weight:500;font-stretch:normal;92}93 94@font-face {95font-family:"neue-haas-grotesk-display";96src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");97font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;98}99 100@font-face {101font-family:"neue-haas-grotesk-display";102src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");103font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;104}105 106.tk-neue-haas-grotesk-display { font-family: "neue-haas-grotesk-display",sans-serif; }107 108 109.default-first-image {--bg-featured: url(https://cms.auscricket.com.au/assets/images/GettyImages-[PHONE REDACTED].jpg?v=[PHONE REDACTED])}110 </style>111 <div class="h-20 md:h-28 bg-white hide-ie">112 <div class="top-bar flex py-4 md:py-6 px-6 md:px-8 justify-between items-center absolute inset-x-0 top-0 z-100" data-v-2e64ccdc>113 <a class="nuxt-link-active" data-v-2e64ccdc>114 <img alt class="logo w-auto h-12 mb-1 md:h-16" data-v-2e64ccdc src="rick.jpg">115 </a>116 <div class="top-bar--nav flex justify-between" data-v-2e64ccdc>117 <a class="hidden lg:block" data-v-2e64ccdc>118 <span class="menu-item hover:opacity-50 mr-0 px-3 py-2 lg:px-5 text-xs lg:text-sm text-navy font-medium hidden md:inline-block" data-v-2e64ccdc>119 Members120 </span>121 </a>122 <a class="hidden lg:block nuxt-link-active" data-v-2e64ccdc>123 <span class="menu-item hover:opacity-50 mr-0 px-3 py-2 lg:px-5 text-xs lg:text-sm text-navy font-medium hidden md:inline-block" data-v-2e64ccdc>124 News125 </span>126 </a>127 <a class="hidden lg:block nuxt-link-active" data-v-2e64ccdc>128 <span class="menu-item hover:opacity-50 mr-0 px-3 py-2 lg:px-5 text-xs lg:text-sm text-navy font-medium hidden md:inline-block" data-v-2e64ccdc>129 Grassroots Cricket Fund130 </span>131 </a>132 <a class="" data-v-2e64ccdc>133 <button class="tc-btn tc-btn-primary hidden mx-3 lg:mx-12 sm:inline-block" data-v-2e64ccdc>134 Login135 </button>136 </a>137 <div class="flex-1" data-v-2e64ccdc>138 139 </div>140 <button class="tc-btn tc-btn-tertiary hamburger" data-v-2e64ccdc>141 </button>142 <button class="tc-btn tc-btn-secondary" data-v-2e64ccdc style="display:none">143 </button>144 </div>145 </div>146 <!-- -->147 <div class="block">148 <div class="absolute">149 </div>150 </div>151 </div>152 <div class="default-first-image">153 <div class="container mx-auto flex justify-between items-center flex-wrap md:flex-no-wrap mb-10 md:mb-24 pt-16 md:pt-32">154 <div class="max-w-none md:max-w-3xl">155 <div class="px-5 sm:px-0">156 <h1 class="tc-h1 text-navy mb-4">157 More player access: Broadcasters158 </h1>159 <small class="font-normal text-sm mb-2 block leading-normal text-lightGrey">160 1 August, 2018161 </small>162 </div>163 </div>164 </div>165 <div>166 <div class="tc-module py-c-mobile md:py-c-desktop bg-undefined text-undefined">167 <div class="">168 <div class="image-container mr-8 sm:mr-0">169 <img alt class="absolute right-0 top-0 w-full h-full object-cover bg-lightestGrey error" src="rick.jpg">170 </div>171 </div>172 </div>173 <div class="tc-module py-c-mobile md:py-c-desktop bg-undefined text-undefined">174 <div class="container container-lg-max px-5">175 <div class="flex w-full justify-center">176 <div class="w-full md:max-w-8/12">177 <div>178 <div class="tc-wysiwyg">179 <h3>180 Cricket’s new television broadcasters have unveiled their vision for the summer of cricket at the recent ACA Delegates Conference in July.181 </h3>182 <p>183 Fox Cricket’s Brad McNamara and Channel 7’s Dave Barham spoke to the players and delegates, drawing out their desire to place the players at the forefront of their coverage.184 </p>185 <p>186 “When you talk about true innovation in sports coverages, it generally comes from player access,” said McNamara, who also played First-Class cricket for NSW throughout the late 1980s and early 1990s.187 </p>188 <p>189 “We can talk about all the gadgets and player technology you like but the true innovation, and you only have to look at the NBA and NFL in America, comes from player access.”190 </p>191 <p>192 Cricket Australia announced in April that it had agreed to a record deal with Seven West Media and Fox Sports worth $1.182b over six years.193 </p>194 <p>195 “I think it’s a game changer,” said Cricket Australia’s Anthony Everard who also presented at the conference.196 </p>197 <p>198 “Channel 9 and more recently Channel Ten have done such a great job, but the energy and enthusiasm that Channel 7 and Fox are bringing, and we’ve seen in recent times the announcement of their commentary teams, cricket is going to look very, very different on TV this summer.”199 </p>200 <p>201 General Manager Cricket Operations Brendan Drew said ‘the players must be commended for the way they have engaged with the television broadcasters to help grow the game.”202 </p>203 <p>204 “And they are excited to work with the two new broadcasters.205 </p>206 <p>207 “The next step is for CA and the new broadcasters to work with the ACA, to ensure that the players are well supported in producing the best product for fans."208 </p>209 <p>210 The season commences on September 29 with the Australian Women's team hosting the first of three T20s against New Zealand at North Sydney Oval.211 </p>212 <p>213 The Australian Men's team begins its summer of cricket on November 4 at Perth Stadium, with a four-game limited over series against South Africa.214 </p>215 </div>216 <div class="mt-4">217 <span>218 <a target="_blank">219 <button class="tc-btn-download tc-btn-icon tc-btn-arrow-link">220 Click here for a recap of the ACA Delegates Conference.221 </button>222 </a>223 </span>224 </div>225 </div>226 </div>227 </div>228 </div>229 </div>230 </div>231 <!-- -->232 </div>233 <!-- -->234 <div class="vue-portal-target">235 </div>236 <div class="bg-mediumGrey opacity-75 h-full z-100 fixed bottom-0 inset-x-0 px-4 pb-6 sm:inset-0 sm:p-0 items-center justify-center" style="display:none">237 <div class="fixed inset-0 transition-opacity">238 <div class="absolute inset-0 bg-gray-500 opacity-75">239 </div>240 </div>241 <lottie-player autoplay background="transparent" loop speed="1" src="" style="width: 300px; height: 300px;">242 </lottie-player>243 </div>244 <div class="container pt-6">245 <div class="flex flex-wrap overflow-hidden pb-6">246 <div class="w-full md:w-6/12">247 <img alt class="w-40 md:w-32 pb-8 mx-auto md:mx-0" src="rick.jpg">248 <div>249 <div class="text-xs md:text-2xs text-lightGrey pb-4 md:pb-2 text-center md:text-left">250 © Australian Cricket Players Limited251 </div>252 <div class="text-xs md:text-2xs text-lightGrey pb-4 md:pb-2 text-center md:text-left">253 Photos courtesy of Getty Images254 </div>255 </div>256 </div>257 <div class="w-full md:w-6/12">258 <div>259 <div class="text-xs md:text-2xs text-lightGrey text-center md:text-right">260 The Australian Cricketers’ Association acknowledges the Traditional Owners261 of Country throughout Australia. We pay our respect to Aboriginal and262 Torres Strait Islander cultures; and to Elders both past and present.263 </div>264 <div class="text-center md:text-right">265 <a class="text-xs md:text-2xs text-lightGrey underline hover:no-underline active:no-underline">266 Privacy267 </a>268 <a class="text-xs md:text-2xs text-lightGrey underline hover:no-underline active:no-underline">269 Terms & Conditions270 </a>271 </div>272 <div class="mt-8 mb-5 text-center md:text-right">273 <ul class="mb-0">274 <li class="inline-block ml-5 mr-0">275 <a class="hover:opacity-50 active:opacity-50 text-base md:text-sm text-navy" target="_blank">276 </a>277 </li>278 <li class="inline-block ml-5 mr-0">279 <a class="hover:opacity-50 active:opacity-50 text-base md:text-sm text-navy" target="_blank">280 </a>281 </li>282 <li class="inline-block ml-5 mr-0">283 <a class="hover:opacity-50 active:opacity-50 text-base md:text-sm text-navy" target="_blank">284 </a>285 </li>286 <li class="inline-block ml-5 mr-0">287 <a class="hover:opacity-50 active:opacity-50 text-base md:text-sm text-navy" target="_blank">288 </a>289 </li>290 </ul>291 </div>292 <div class="text-center md:text-right">293 <a class="text-xs md:text-2xs text-lightGrey underline hover:no-underline active:no-underline" target="_blank">294 Website by Thirst Creative295 </a>296 </div>297 </div>298 </div>299 </div>300 </div>301 </div>302 </div>303 </div>304 </body>305</html>306