CINXE.COM
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.4b57204e1f7048c091f0.css" data-identity="gatsby-global-css">/* ! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{--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-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/0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--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: }::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-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/0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--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: }.container{margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;width:100%}@media (min-width:640px){.container{max-width:640px;padding-left:2rem;padding-right:2rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px;padding-left:8rem;padding-right:8rem}}@media (min-width:1280px){.container{max-width:1280px;padding-left:16rem;padding-right:16rem}}@media (min-width:1536px){.container{max-width:1536px;padding-left:21rem;padding-right:21rem}}.visible{visibility:visible}.\!visible{visibility:visible!important}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{bottom:0;top:0}.inset-0,.inset-x-0{left:0;right:0}.bottom-20{bottom:5rem}.left-0{left:0}.top-0{top:0}.right-0{right:0}.right-3{right:.75rem}.top-3{top:.75rem}.top-28{top:7rem}.right-4{right:1rem}.bottom-0{bottom:0}.-bottom-3{bottom:-.75rem}.left-3{left:.75rem}.right-5{right:1.25rem}.top-8{top:2rem}.top-24{top:6rem}.left-1\/2{left:50%}.-right-1{right:-.25rem}.top-4{top:1rem}.bottom-1\/2{bottom:50%}.top-1\/2{top:50%}.z-10{z-index:10}.z-20{z-index:20}.-z-10{z-index:-10}.z-30{z-index:30}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-12{margin-bottom:3rem;margin-top:3rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-8{margin-bottom:2rem;margin-top:2rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-0\.5{margin-bottom:.125rem;margin-top:.125rem}.my-0{margin-bottom:0;margin-top:0}.\!my-0{margin-bottom:0!important;margin-top:0!important}.mt-24{margin-top:6rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-4{margin-top:1rem}.mr-2{margin-right:.5rem}.\!mb-8{margin-bottom:2rem!important}.mt-28{margin-top:7rem}.ml-6{margin-left:1.5rem}.-ml-4{margin-left:-1rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mt-6{margin-top:1.5rem}.mr-4{margin-right:1rem}.ml-16{margin-left:4rem}.mt-14{margin-top:3.5rem}.mt-12{margin-top:3rem}.mb-0{margin-bottom:0}.-mt-7{margin-top:-1.75rem}.-mt-1\.5{margin-top:-.375rem}.-mt-1{margin-top:-.25rem}.mb-2\.5{margin-bottom:.625rem}.mb-2{margin-bottom:.5rem}.mt-8{margin-top:2rem}.mr-3{margin-right:.75rem}.ml-14{margin-left:3.5rem}.mr-6{margin-right:1.5rem}.mb-16{margin-bottom:4rem}.-ml-2{margin-left:-.5rem}.ml-2{margin-left:.5rem}.mt-7{margin-top:1.75rem}.mb-7{margin-bottom:1.75rem}.mb-1{margin-bottom:.25rem}.-ml-5{margin-left:-1.25rem}.mt-11{margin-top:2.75rem}.mb-11{margin-bottom:2.75rem}.mt-10{margin-top:2.5rem}.mb-14{margin-bottom:3.5rem}.mb-24{margin-bottom:6rem}.mt-5{margin-top:1.25rem}.mb-20{margin-bottom:5rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.mr-5{margin-right:1.25rem}.mt-16{margin-top:4rem}.mb-48{margin-bottom:12rem}.mt-20{margin-top:5rem}.ml-8{margin-left:2rem}.mt-2{margin-top:.5rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mt-0\.5{margin-top:.125rem}.mt-0{margin-top:0}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.-mt-4{margin-top:-1rem}.mr-0{margin-right:0}.mr-0\.5{margin-right:.125rem}.mb-32{margin-bottom:8rem}.mb-40{margin-bottom:10rem}.mb-10{margin-bottom:2.5rem}.mr-10{margin-right:2.5rem}.mt-2\.5{margin-top:.625rem}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0{height:0}.h-1{height:.25rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-30{height:7.5rem}.h-32{height:8rem}.h-36{height:9rem}.h-38{height:9.5rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-52{height:13rem}.h-56{height:14rem}.h-60{height:15rem}.h-64{height:16rem}.h-72{height:18rem}.h-80{height:20rem}.h-96{height:24rem}.h-auto{height:auto}.h-px{height:1px}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-2\.5{height:.625rem}.h-3\.5{height:.875rem}.h-1\/2{height:50%}.h-1\/3{height:33.333333%}.h-2\/3{height:66.666667%}.h-1\/4{height:25%}.h-2\/4{height:50%}.h-3\/4{height:75%}.h-1\/5{height:20%}.h-2\/5{height:40%}.h-3\/5{height:60%}.h-4\/5{height:80%}.h-1\/6{height:16.666667%}.h-2\/6{height:33.333333%}.h-3\/6{height:50%}.h-4\/6{height:66.666667%}.h-5\/6{height:83.333333%}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:-moz-min-content;height:min-content}.h-max{height:-moz-max-content;height:max-content}.h-fit{height:-moz-fit-content;height:fit-content}.h-0\.75{height:.2rem}.h-4\.5{height:1.125rem}.h-\[48px\]{height:48px}.h-\[82vw\]{height:82vw}.max-h-full{max-height:100%}.max-h-48{max-height:12rem}.min-h-screen{min-height:100vh}.min-h-0\.87screen{min-height:87vh}.min-h-0{min-height:0}.min-h-\[87vh\]{min-height:87vh}.min-h-\[66vw\]{min-height:66vw}.w-0{width:0}.w-1{width:.25rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-36{width:9rem}.w-38{width:9.5rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-52{width:13rem}.w-56{width:14rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-80{width:20rem}.w-96{width:24rem}.w-auto{width:auto}.w-px{width:1px}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-2\.5{width:.625rem}.w-3\.5{width:.875rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.w-1\/6{width:16.666667%}.w-2\/6{width:33.333333%}.w-3\/6{width:50%}.w-4\/6{width:66.666667%}.w-5\/6{width:83.333333%}.w-1\/12{width:8.333333%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-8\/12{width:66.666667%}.w-9\/12{width:75%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:-moz-min-content;width:min-content}.w-max{width:-moz-max-content;width:max-content}.w-fit{width:-moz-fit-content;width:fit-content}.w-\[9\.4rem\]{width:9.4rem}.w-\[27\.5rem\]{width:27.5rem}.min-w-1\/2{min-width:50%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-\[530px\]{max-width:530px}.max-w-none{max-width:none}.max-w-\[14\.5rem\]{max-width:14.5rem}.max-w-screen-lg{max-width:1024px}.max-w-2xl{max-width:42rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.translate-x-5{--tw-translate-x:1.25rem}.-translate-y-full,.translate-x-5{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))}.-translate-y-full{--tw-translate-y:-100%}.-translate-x-2\/4{--tw-translate-x:-50%}.-translate-x-2\/4,.translate-x-1{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))}.translate-x-1{--tw-translate-x:0.25rem}.rotate-180{--tw-rotate:180deg}.rotate-45,.rotate-180{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))}.rotate-45{--tw-rotate:45deg}.rotate-0{--tw-rotate:0deg}.-rotate-45,.rotate-0{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))}.-rotate-45{--tw-rotate:-45deg}.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))}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.resize{resize:both}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-cols-max{grid-auto-columns:max-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-end{align-content:flex-end}.content-between{align-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.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}.justify-evenly{justify-content:space-evenly}.gap-x-0\.5{-moz-column-gap:.125rem;column-gap:.125rem}.gap-x-0{-moz-column-gap:0;column-gap:0}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-12{row-gap:3rem}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.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-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.rounded{border-radius:.25rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t-2{border-top-width:2px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-l-8{border-left-width:8px}.border-solid{border-style:solid}.border-none{border-style:none}.border-almostBlackBlue{--tw-border-opacity:1;border-color:rgb(1 20 28/var(--tw-border-opacity))}.border-deepDarkBlue{--tw-border-opacity:1;border-color:rgb(44 49 56/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-appGreen{--tw-border-opacity:1;border-color:rgb(0 255 137/var(--tw-border-opacity))}.border-navyBlueGray{--tw-border-opacity:1;border-color:rgb(237 242 246/var(--tw-border-opacity))}.border-grayBlue{--tw-border-opacity:1;border-color:rgb(84 115 133/var(--tw-border-opacity))}.border-paleBlue{--tw-border-opacity:1;border-color:rgb(220 230 237/var(--tw-border-opacity))}.border-brightYellow{--tw-border-opacity:1;border-color:rgb(251 253 137/var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-darkGray{--tw-bg-opacity:1;background-color:rgb(65 94 116/var(--tw-bg-opacity))}.bg-veryLightGray{--tw-bg-opacity:1;background-color:rgb(210 222 230/var(--tw-bg-opacity))}.bg-footballrulesAppBackgroundPlaceholder{--tw-bg-opacity:1;background-color:rgb(36 45 55/var(--tw-bg-opacity))}.bg-appLightGreen{--tw-bg-opacity:1;background-color:rgb(127 249 192/var(--tw-bg-opacity))}.bg-almostBlackBlue{--tw-bg-opacity:1;background-color:rgb(1 20 28/var(--tw-bg-opacity))}.bg-grayBlue{--tw-bg-opacity:1;background-color:rgb(84 115 133/var(--tw-bg-opacity))}.bg-paleBlue{--tw-bg-opacity:1;background-color:rgb(220 230 237/var(--tw-bg-opacity))}.bg-brightYellow{--tw-bg-opacity:1;background-color:rgb(251 253 137/var(--tw-bg-opacity))}.bg-deepDarkBlue{--tw-bg-opacity:1;background-color:rgb(44 49 56/var(--tw-bg-opacity))}.bg-navyBlueGray{--tw-bg-opacity:1;background-color:rgb(237 242 246/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-whiteSemiTransparent{background-color:#ffffffde}.bg-appGreyMedium{--tw-bg-opacity:1;background-color:rgb(84 115 133/var(--tw-bg-opacity))}.bg-appGreen{--tw-bg-opacity:1;background-color:rgb(0 255 137/var(--tw-bg-opacity))}.bg-appElementBackground{--tw-bg-opacity:1;background-color:rgb(237 242 246/var(--tw-bg-opacity))}.bg-dirtyRed{--tw-bg-opacity:1;background-color:rgb(216 103 103/var(--tw-bg-opacity))}.bg-lime-500{--tw-bg-opacity:1;background-color:rgb(132 204 22/var(--tw-bg-opacity))}.bg-appSubCategory{--tw-bg-opacity:1;background-color:rgb(84 115 133/var(--tw-bg-opacity))}.bg-footballrulesapp-mobile{background-image:url(/images/footballrulesapp/background-mobile.webp),url(/images/footballrulesapp/background-mobile.png)}.bg-main-page-mobile{background-image:url(/images/TheIFAB_LawsLight_V2b_Home-Pic-Mobile.jpg)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-top{background-position:top}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-8{padding:2rem}.p-7{padding:1.75rem}.p-5{padding:1.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-8{padding-left:2rem;padding-right:2rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-0{padding-bottom:0;padding-top:0}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.px-12{padding-left:3rem;padding-right:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.pt-8{padding-top:2rem}.pb-4{padding-bottom:1rem}.pt-12{padding-top:3rem}.pb-8{padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pt-4{padding-top:1rem}.pb-5{padding-bottom:1.25rem}.pb-2{padding-bottom:.5rem}.pr-0{padding-right:0}.pr-3{padding-right:.75rem}.pr-2\.5{padding-right:.625rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pl-3{padding-left:.75rem}.pt-0{padding-top:0}.pb-10{padding-bottom:2.5rem}.pt-20{padding-top:5rem}.pl-4{padding-left:1rem}.pb-0{padding-bottom:0}.pt-10{padding-top:2.5rem}.pb-3{padding-bottom:.75rem}.pl-5{padding-left:1.25rem}.pb-24{padding-bottom:6rem}.pr-1\.5{padding-right:.375rem}.pr-1{padding-right:.25rem}.pb-2\.5{padding-bottom:.625rem}.pb-1{padding-bottom:.25rem}.pl-12{padding-left:3rem}.pr-6{padding-right:1.5rem}.pb-12{padding-bottom:3rem}.pr-7{padding-right:1.75rem}.pt-5{padding-top:1.25rem}.pr-20{padding-right:5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-roag{font-family:Roag,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-xl{font-size:1.25rem}.text-lg,.text-xl{line-height:1.75rem}.text-lg{font-size:1.125rem}.text-5xl{font-size:3rem;line-height:1}.text-\[3\.3rem\]{font-size:3.3rem}.text-4\.5xl{font-size:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-7xl{font-size:4.5rem;line-height:1}.font-bold{font-weight:700}.font-black{font-weight:900}.font-light{font-weight:300}.font-extralight{font-weight:200}.font-medium{font-weight:500}.font-thin{font-weight:100}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.not-italic{font-style:normal}.leading-\[\.88\]{line-height:.88}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-12{line-height:3rem}.leading-snug{line-height:1.375}.leading-5{line-height:1.25rem}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-normal{letter-spacing:0}.text-brightYellow{--tw-text-opacity:1;color:rgb(251 253 137/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-deepDarkBlue{--tw-text-opacity:1;color:rgb(44 49 56/var(--tw-text-opacity))}.text-appGreen{--tw-text-opacity:1;color:rgb(0 255 137/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-almostBlackBlue{--tw-text-opacity:1;color:rgb(1 20 28/var(--tw-text-opacity))}.text-oceanGray{--tw-text-opacity:1;color:rgb(41 52 62/var(--tw-text-opacity))}.text-navyBlueGray{--tw-text-opacity:1;color:rgb(237 242 246/var(--tw-text-opacity))}.text-grayBlue{--tw-text-opacity:1;color:rgb(84 115 133/var(--tw-text-opacity))}.text-red{--tw-text-opacity:1;color:rgb(255 100 104/var(--tw-text-opacity))}.text-appElementBackground{--tw-text-opacity:1;color:rgb(237 242 246/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.opacity-0{opacity:0}.opacity-100{opacity:1}.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)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.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)}.transition{transition-duration:.15s;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(.4,0,.2,1)}.transition-colors{transition-duration:.15s;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(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.duration-300{transition-duration:.3s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.content{content:""}.p-inherit{padding:inherit}@font-face{font-display:swap;font-family:Roag;font-style:normal;font-weight:400;src:url(/fonts/Roag-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roag;font-style:normal;font-weight:700;src:url(/fonts/Roag-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roag;font-style:italic;font-weight:700;src:url(/fonts/Roag-BoldItalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roag;font-style:italic;font-weight:400;src:url(/fonts/Roag-Italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roag;font-style:normal;font-weight:300;src:url(/fonts/Roag-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roag;font-style:italic;font-weight:300;src:url(/fonts/Roag-LightItalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roag;font-style:normal;font-weight:500;src:url(/fonts/Roag-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roag;font-style:normal;font-weight:200;src:url(/fonts/Roag-UltraLight.woff2) format("woff2")}@font-face{font-display:block;font-family:Roag;font-style:italic;font-weight:900;src:url(/fonts/Roag-BlackItalic.woff2) format("woff2")}::-webkit-scrollbar{width:.2rem}::-webkit-scrollbar,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#90a4b0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#90a4b0}.contrasted-scrollbar::-webkit-scrollbar{background:transparent;width:.35rem}.contrasted-scrollbar::-webkit-scrollbar-track{background:transparent}.contrasted-scrollbar::-webkit-scrollbar-thumb{background:#90a4b0;border-radius:0}.contrasted-scrollbar::-webkit-scrollbar-thumb:hover{background:#90a4b0}.hide-scrollbar::-webkit-scrollbar{display:none}html{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}body.using-mouse :focus{outline:none}body .video-react{font-family:Roag,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body .video-react .video-react-big-play-button{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(1 20 28/var(--tw-bg-opacity));border-color:rgb(251 253 137/var(--tw-border-opacity));border-radius:9999px;height:4rem;left:50%;top:50%;transform:translate(-50%,-50%);width:4rem}body .video-react:hover .video-react-big-play-button{--tw-bg-opacity:1;background-color:rgb(44 49 56/var(--tw-bg-opacity))}body .video-react .video-react-big-play-button:before{--tw-text-opacity:1;color:rgb(251 253 137/var(--tw-text-opacity));font-size:42px;line-height:60px}.google-maps iframe{background-color:#1a1c21}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-left-7:before{content:var(--tw-content);left:-1.75rem}.before\:-top-1\.5:before{content:var(--tw-content);top:-.375rem}.before\:-top-1:before{content:var(--tw-content);top:-.25rem}.before\:block:before{content:var(--tw-content);display:block}.before\:scale-\[\.6\]:before{--tw-scale-x:.6;--tw-scale-y:.6}.before\:scale-\[\.6\]:before,.before\:transform:before{content:var(--tw-content);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))}.after\:flex-none:after{content:var(--tw-content);flex:none}.after\:rotate-180:after{--tw-rotate:180deg}.after\:rotate-180:after,.after\:transform:after{content:var(--tw-content);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))}.after\:self-center:after{align-self:center;content:var(--tw-content)}.after\:transition:after{content:var(--tw-content);transition-duration:.15s;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(.4,0,.2,1)}.after\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.hover\:bg-navyBlueGray:hover{--tw-bg-opacity:1;background-color:rgb(237 242 246/var(--tw-bg-opacity))}.hover\:bg-brightYellow:hover{--tw-bg-opacity:1;background-color:rgb(251 253 137/var(--tw-bg-opacity))}.hover\:text-deepDarkBlue:hover{--tw-text-opacity:1;color:rgb(44 49 56/var(--tw-text-opacity))}.group:hover .group-hover\:fill-white{fill:#fff}.group:hover .group-hover\:fill-almostBlackBlue{fill:#01141c}@media (min-width:640px){.sm\:bottom-24{bottom:6rem}.sm\:top-42{top:10.5rem}.sm\:mt-0{margin-top:0}.sm\:mt-3{margin-top:.75rem}.sm\:mt-1{margin-top:.25rem}.sm\:mb-14{margin-bottom:3.5rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-8{height:2rem}.sm\:w-8{width:2rem}.sm\:w-2\/3{width:66.666667%}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:p-7{padding:1.75rem}.sm\:py-16{padding-bottom:4rem;padding-top:4rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:pt-14{padding-top:3.5rem}.sm\:pl-7{padding-left:1.75rem}.sm\:pt-0{padding-top:0}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-2\.5xl{font-size:1.75rem}.sm\:font-thin{font-weight:100}.sm\:leading-tight{line-height:1.25}}@media (min-width:768px){.md\:container{margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;width:100%}@media (min-width:640px){.md\:container{max-width:640px;padding-left:2rem;padding-right:2rem}}@media (min-width:768px){.md\:container{max-width:768px}}@media (min-width:1024px){.md\:container{max-width:1024px;padding-left:8rem;padding-right:8rem}}@media (min-width:1280px){.md\:container{max-width:1280px;padding-left:16rem;padding-right:16rem}}@media (min-width:1536px){.md\:container{max-width:1536px;padding-left:21rem;padding-right:21rem}}.md\:absolute{position:absolute}.md\:sticky{position:sticky}.md\:top-24{top:6rem}.md\:left-1\/2{left:50%}.md\:bottom-36{bottom:9rem}.md\:top-54{top:13.5rem}.md\:-bottom-4{bottom:-1rem}.md\:my-12{margin-bottom:3rem}.md\:mt-12,.md\:my-12{margin-top:3rem}.md\:mr-0\.5{margin-right:.125rem}.md\:mt-4{margin-top:1rem}.md\:mr-0{margin-right:0}.md\:mr-\[-7\.35rem\]{margin-right:-7.35rem}.md\:-mt-2{margin-top:-.5rem}.md\:mt-6{margin-top:1.5rem}.md\:-ml-6{margin-left:-1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:mb-24{margin-bottom:6rem}.md\:mr-16{margin-right:4rem}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-9{height:2.25rem}.md\:h-auto{height:auto}.md\:min-h-0\.7screen{min-height:70vh}.md\:min-h-0{min-height:0}.md\:min-h-\[70vh\]{min-height:70vh}.md\:min-h-\[6rem\]{min-height:6rem}.md\:w-1\/3{width:33.333333%}.md\:w-1\/2{width:50%}.md\:w-9{width:2.25rem}.md\:w-1\/5{width:20%}.md\:w-4\/5{width:80%}.md\:w-full{width:100%}.md\:max-w-\[250px\]{max-width:250px}.md\:max-w-none{max-width:none}.md\:-translate-x-2\/4{--tw-translate-x:-50%}.md\:-translate-x-2\/4,.md\: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))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:overflow-y-visible{overflow-y:visible}.md\:rounded-none{border-radius:0}.md\:border-none{border-style:none}.md\:border-grayBlue{--tw-border-opacity:1;border-color:rgb(84 115 133/var(--tw-border-opacity))}.md\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.md\:bg-transparent{background-color:transparent}.md\:bg-main-page{background-image:url(/images/TheIFAB_LawsLight_V2_Home-Pic-Desktop.jpg)}.md\:bg-none{background-image:none}.md\:p-4{padding:1rem}.md\:p-9{padding:2.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.md\:py-1{padding-bottom:.25rem;padding-top:.25rem}.md\:pt-0{padding-top:0}.md\:pb-10{padding-bottom:2.5rem}.md\:pt-24{padding-top:6rem}.md\:pb-0{padding-bottom:0}.md\:pt-20{padding-top:5rem}.md\:pb-20{padding-bottom:5rem}.md\:pl-2{padding-left:.5rem}.md\:pl-20{padding-left:5rem}.md\:pl-9{padding-left:2.25rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-\[9rem\]{font-size:9rem}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.before\:md\:-left-6:before{content:var(--tw-content);left:-1.5rem}.before\:md\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:md\:h-16:before{content:var(--tw-content);height:4rem}.before\:md\:-translate-y-1\/2:before{--tw-translate-y:-50%}.before\:md\:-translate-y-1\/2:before,.before\:md\:scale-\[1\]:before{content:var(--tw-content);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))}.before\:md\:scale-\[1\]:before{--tw-scale-x:1;--tw-scale-y:1}}@media (min-width:1024px){.lg\:fixed{position:fixed}.lg\:top-42{top:10.5rem}.lg\:right-10{right:2.5rem}.lg\:right-auto{right:auto}.lg\:left-0{left:0}.lg\:my-16{margin-bottom:4rem;margin-top:4rem}.lg\:mr-4{margin-right:1rem}.lg\:mt-8{margin-top:2rem}.lg\:mb-8{margin-bottom:2rem}.lg\:-ml-6{margin-left:-1.5rem}.lg\:mb-9{margin-bottom:2.25rem}.lg\:mt-12{margin-top:3rem}.lg\:ml-4{margin-left:1rem}.lg\:mb-14{margin-bottom:3.5rem}.lg\:mt-14{margin-top:3.5rem}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-8{height:2rem}.lg\:h-24{height:6rem}.lg\:h-auto{height:auto}.lg\:h-full{height:100%}.lg\:min-h-\[80vh\]{min-height:80vh}.lg\:w-10{width:2.5rem}.lg\:w-1\/2{width:50%}.lg\:w-8{width:2rem}.lg\:w-12{width:3rem}.lg\:w-38{width:9.5rem}.lg\:w-72{width:18rem}.lg\:w-5{width:1.25rem}.lg\:w-auto{width:auto}.lg\:min-w-0{min-width:0}.lg\:max-w-\[1920px\]{max-width:1920px}.lg\:flex-grow-0{flex-grow:0}.lg\:rotate-0{--tw-rotate:0deg;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))}.lg\:cursor-default{cursor:default}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:justify-start{justify-content:flex-start}.lg\:border-0{border-width:0}.lg\:border-b{border-bottom-width:1px}.lg\:bg-darkBlueGray{--tw-bg-opacity:1;background-color:rgb(79 103 119/var(--tw-bg-opacity))}.lg\:bg-whiteSemiTransparent{background-color:#ffffffde}.lg\:bg-appElementBackground{--tw-bg-opacity:1;background-color:rgb(237 242 246/var(--tw-bg-opacity))}.lg\:bg-appSubCategory{--tw-bg-opacity:1;background-color:rgb(84 115 133/var(--tw-bg-opacity))}.lg\:bg-footballrulesapp{background-image:url(/images/footballrulesapp/background.webp),url(/images/footballrulesapp/background.jpg)}.lg\:p-7{padding:1.75rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:py-24{padding-bottom:6rem;padding-top:6rem}.lg\:px-\[250px\]{padding-left:250px;padding-right:250px}.lg\:py-44{padding-bottom:11rem;padding-top:11rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:py-0{padding-bottom:0;padding-top:0}.lg\:py-28{padding-bottom:7rem;padding-top:7rem}.lg\:py-3{padding-bottom:.75rem;padding-top:.75rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:pl-4{padding-left:1rem}.lg\:pl-0{padding-left:0}.lg\:pt-16{padding-top:4rem}.lg\:pb-14{padding-bottom:3.5rem}.lg\:pt-10{padding-top:2.5rem}.lg\:pr-0{padding-right:0}.lg\:pl-7{padding-left:1.75rem}.lg\:pt-0{padding-top:0}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:font-light{font-weight:300}.lg\:font-bold{font-weight:700}.lg\:text-grayBlue{--tw-text-opacity:1;color:rgb(84 115 133/var(--tw-text-opacity))}}@media (min-width:1280px){.xl\:my-24{margin-bottom:6rem;margin-top:6rem}.xl\:-mt-3{margin-top:-.75rem}.xl\:mt-1{margin-top:.25rem}.xl\:mb-20{margin-bottom:5rem}.xl\:inline{display:inline}.xl\:hidden{display:none}.xl\:min-h-\[calc\(100vh-6\.625rem\)\]{min-height:calc(100vh - 6.625rem)}.xl\:gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.xl\:pl-2{padding-left:.5rem}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:text-base{font-size:1rem;line-height:1.5rem}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1536px){.\32xl\:block{display:block}.\32xl\:flex{display:flex}.\32xl\:w-1\/2{width:50%}.\32xl\:max-w-\[852px\]{max-width:852px}.\32xl\:items-center{align-items:center}.\32xl\:justify-start{justify-content:flex-start}.\32xl\:pr-48{padding-right:12rem}.\32xl\:pl-28{padding-left:7rem}.\32xl\:pl-0{padding-left:0}.\32xl\:text-left{text-align:left}.\32xl\:text-3xl{font-size:1.875rem;line-height:2.25rem}}</style><meta name="generator" content="Gatsby 3.14.6"/><script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({"platform":"gatsby"}); (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.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl+'';f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', 'GTM-5SPL2B5');</script><style data-styled="" data-styled-version="5.3.0">.gxiBDA{-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;-webkit-transform:translate(20%,0) rotate(225deg);-ms-transform:translate(20%,0) rotate(225deg);transform:translate(20%,0) rotate(225deg);}/*!sc*/ data-styled.g1[id="ArrowIcon__Arrow-sc-1olxnoz-0"]{content:"gxiBDA,"}/*!sc*/ input{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}/*!sc*/ data-styled.g3[id="sc-global-jNQZaq1"]{content:"sc-global-jNQZaq1,"}/*!sc*/ .bQvTfM{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#edf2f6;height:47px;}/*!sc*/ data-styled.g6[id="styles__SearcContainer-sc-1edvq8l-2"]{content:"bQvTfM,"}/*!sc*/ .grEGnD{background-color:#edf2f6;cursor:pointer;width:100px;}/*!sc*/ @media (min-width:13.7rem){.grEGnD{width:178px;}}/*!sc*/ @media (min-width:1024px){.grEGnD img{margin-left:30px;}}/*!sc*/ data-styled.g7[id="side-menu__SearchImage-sc-10dz53j-0"]{content:"grEGnD,"}/*!sc*/ .hfSpdB{height:47px;width:290px;background-size:25px 25px;background-repeat:no-repeat;padding-right:20px;padding-left:10px;background-color:#edf2f6;font-weight:bold;outline:none;cursor:pointer;}/*!sc*/ .hfSpdB::-webkit-input-placeholder{padding-left:5px;font-weight:bold;color:#000;}/*!sc*/ .hfSpdB::-moz-placeholder{padding-left:5px;font-weight:bold;color:#000;}/*!sc*/ .hfSpdB:-ms-input-placeholder{padding-left:5px;font-weight:bold;color:#000;}/*!sc*/ .hfSpdB::placeholder{padding-left:5px;font-weight:bold;color:#000;}/*!sc*/ .hfSpdB:focus::-webkit-input-placeholder{visibility:hidden;}/*!sc*/ .hfSpdB:focus::-moz-placeholder{visibility:hidden;}/*!sc*/ .hfSpdB:focus:-ms-input-placeholder{visibility:hidden;}/*!sc*/ .hfSpdB:focus::placeholder{visibility:hidden;}/*!sc*/ .hfSpdB:focus::-webkit-input-placeholder{visibility:hidden;}/*!sc*/ @media (min-width:13.7rem){.hfSpdB{width:178px;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}}/*!sc*/ @media (min-width:1024px){.hfSpdB{width:520px;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}}/*!sc*/ data-styled.g8[id="side-menu__Search-sc-10dz53j-1"]{content:"hfSpdB,"}/*!sc*/ .kZnkQZ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:15px;}/*!sc*/ .kZnkQZ label{margin-top:3px;font-weight:bold;}/*!sc*/ .kZnkQZ div{padding-top:1.5px;}/*!sc*/ .kZnkQZ button{padding-top:2.5px;}/*!sc*/ @media (min-width:13.7rem){.kZnkQZ{height:40px;padding-top:1px;}}/*!sc*/ @media (min-width:1024px){.kZnkQZ{height:50px;padding-top:2px;}}/*!sc*/ data-styled.g10[id="side-menu__CategoryFilter-sc-10dz53j-3"]{content:"kZnkQZ,"}/*!sc*/ .btkyVp{height:47px;background-color:#90a4b0;}/*!sc*/ @media (min-width:13.7rem){.btkyVp{height:47px;padding-top:8px;}}/*!sc*/ data-styled.g11[id="side-menu__CategoryContainer-sc-10dz53j-4"]{content:"btkyVp,"}/*!sc*/ .jDmuQF{width:13.7rem;overflow:hidden;position:fixed;height:50%;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}/*!sc*/ @media (min-width:1024px){.jDmuQF{width:18rem;height:100%;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}}/*!sc*/ data-styled.g12[id="side-menu__MenuNav-sc-10dz53j-5"]{content:"jDmuQF,"}/*!sc*/ .fVxaZj{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}/*!sc*/ data-styled.g13[id="Message__StyledMessageContainer-nq12n-0"]{content:"fVxaZj,"}/*!sc*/ .clslqZ ul,.clslqZ ol{list-style-position:outside;padding-left:1rem;}/*!sc*/ .clslqZ ul ul,.clslqZ ol ul,.clslqZ ul ol,.clslqZ ol ol{margin-top:0px;margin-bottom:0px;}/*!sc*/ .clslqZ ul li::before{--tw-bg-opacity:1;background-color:rgba(44,49,56,var(--tw-bg-opacity));font-weight:700;display:inline-block;width:0.375rem;height:0.375rem;border-radius:9999px;position:absolute;left:-0.8875rem;top:0.7125rem;content:'';}/*!sc*/ .clslqZ ul li li::before{content:'';--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:-45deg;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(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));-ms-transform:translateX(var(--tw-translate-x)) translateY(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));transform:translateX(var(--tw-translate-x)) translateY(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));background-color:transparent;display:inline-block;font-weight:400;border-style:solid;height:0px;width:0px;border-radius:0px;left:-0.96rem;top:0.66rem;padding:.14rem;border-color:#01141C;border-width:0 0.12rem 0.12rem 0;}/*!sc*/ .clslqZ ul li li li::before{content:'';--tw-bg-opacity:1;background-color:rgba(1,20,28,var(--tw-bg-opacity));height:0.375rem;width:0.375rem;border-radius:0px;border-style:none;--tw-rotate:0deg;padding:0px;left:-0.8875rem;top:0.75rem;}/*!sc*/ .clslqZ ol{list-style-type:decimal;}/*!sc*/ .clslqZ li{font-size:1.125rem;line-height:1.75rem;position:relative;}/*!sc*/ .clslqZ li p{display:block;margin:0;padding:0;}/*!sc*/ .clslqZ ul + p,.clslqZ ol + p{margin-top:1.25rem;}/*!sc*/ .clslqZ p + ul,.clslqZ p + ol{margin-top:-1rem;}/*!sc*/ data-styled.g23[id="List__StyledListWrapper-sc-161jxhq-0"]{content:"clslqZ,"}/*!sc*/ .iFlAld{font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgba(44,49,56,var(--tw-text-opacity));-webkit-letter-spacing:0.025em;-moz-letter-spacing:0.025em;-ms-letter-spacing:0.025em;letter-spacing:0.025em;}/*!sc*/ .iFlAld code:not(em){-webkit-text-decoration:underline;text-decoration:underline;font-family:Roag,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";-webkit-text-decoration-color:#dde531;text-decoration-color:#dde531;-webkit-text-decoration-thickness:2px;text-decoration-thickness:2px;}/*!sc*/ .iFlAld em:not(code){font-style:italic;}/*!sc*/ .iFlAld u{-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-thickness:2px;text-decoration-thickness:2px;}/*!sc*/ .iFlAld blockquote{--tw-text-opacity:1;color:rgba(84,115,133,var(--tw-text-opacity));padding-left:1rem;border-left-width:4px;--tw-border-opacity:1;border-color:rgba(220,230,237,var(--tw-border-opacity));}/*!sc*/ .iFlAld blockquote p{--tw-text-opacity:1;color:rgba(84,115,133,var(--tw-text-opacity));}/*!sc*/ .iFlAld blockquote ul li::before{--tw-bg-opacity:1;background-color:rgba(84,115,133,var(--tw-bg-opacity));}/*!sc*/ .iFlAld blockquote ul li ul li::before{--tw-border-opacity:1;border-color:rgba(84,115,133,var(--tw-border-opacity));background-color:transparent;}/*!sc*/ .iFlAld a{-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform,filter,backdrop-filter;-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transition-duration:300ms;transition-duration:300ms;--tw-text-opacity:1;color:rgba(1,20,28,var(--tw-text-opacity));-webkit-text-decoration:underline 2px #00FF89;text-decoration:underline 2px #00FF89;text-underline-offset:4px;}/*!sc*/ .iFlAld a:hover{--tw-bg-opacity:1;background-color:rgba(127,249,192,var(--tw-bg-opacity));}/*!sc*/ .iFlAld img{margin-top:3rem;margin-bottom:3rem;width:100%;}/*!sc*/ .iFlAld p{font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgba(44,49,56,var(--tw-text-opacity));-webkit-letter-spacing:0.025em;-moz-letter-spacing:0.025em;-ms-letter-spacing:0.025em;letter-spacing:0.025em;margin-bottom:1.25rem;}/*!sc*/ .iFlAld p:last-child img{margin-bottom:0px;}/*!sc*/ .iFlAld h1{.PageTitle__StyledPageTitle-mgneho-0;}/*!sc*/ .iFlAld h2{text-align:left;--tw-text-opacity:1;color:rgba(44,49,56,var(--tw-text-opacity));-webkit-letter-spacing:0.05em;-moz-letter-spacing:0.05em;-ms-letter-spacing:0.05em;letter-spacing:0.05em;display:block;width:100%;font-size:1.125rem;line-height:1.75rem;font-weight:700;border-top-width:2px;border-bottom-width:2px;--tw-border-opacity:1;border-color:rgba(44,49,56,var(--tw-border-opacity));padding-top:0.5rem;padding-bottom:0.5rem;margin-bottom:1.75rem;}/*!sc*/ @media (min-width:1024px){.iFlAld h2{font-size:2.25rem;line-height:2.5rem;font-weight:300;text-align:center;}}/*!sc*/ @media (min-width:1024px){.iFlAld h2{padding-top:0.75rem;padding-bottom:0.75rem;}}/*!sc*/ .iFlAld h3{margin-top:1.75rem;margin-bottom:0.75rem;font-weight:700;text-align:left;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgba(44,49,56,var(--tw-text-opacity));}/*!sc*/ .iFlAld h3:first-child{margin-top:0px;}/*!sc*/ .iFlAld h4{font-weight:700;font-size:1.125rem;line-height:1.75rem;-webkit-letter-spacing:0em;-moz-letter-spacing:0em;-ms-letter-spacing:0em;letter-spacing:0em;}/*!sc*/ .iFlAld h5{font-size:0.875rem;line-height:1.25rem;font-weight:700;}/*!sc*/ .iFlAld h6{font-size:0.75rem;line-height:1rem;font-weight:700;}/*!sc*/ .iFlAld td,.iFlAld th{border-width:1px;padding:0.5rem;}/*!sc*/ data-styled.g24[id="CmsHtmlContentFormats__BaseCmsHtmlContent-sc-14fwepe-0"]{content:"iFlAld,"}/*!sc*/ .jsiMZh code em,.jsiMZh em code{-webkit-text-decoration:underline;text-decoration:underline;font-style:normal;-webkit-text-decoration-thickness:2px;text-decoration-thickness:2px;-webkit-text-decoration-color:#EDF2F6;text-decoration-color:#EDF2F6;}/*!sc*/ data-styled.g26[id="CmsHtmlContentFormats__CmsHtmlContentGrayUnderline-sc-14fwepe-2"]{content:"jsiMZh,"}/*!sc*/ .ikxkZj{background-image:url('https://www.datocms-assets.com/43623/1667562702-theifab_lawslight_pictures_referee-m.jpg?auto=format');}/*!sc*/ @media (min-width:768px){.ikxkZj{background-image:none;}}/*!sc*/ data-styled.g42[id="page-title__MainHeaderWrapper-ezmezo-0"]{content:"ikxkZj,"}/*!sc*/ .LOSKJ{font-size:2rem;font-size:clamp(2rem,10vw,3.5rem);-webkit-transform:translateY(-1.72vw);-ms-transform:translateY(-1.72vw);transform:translateY(-1.72vw);display:inline;font-family:Roag,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));text-align:left;font-weight:900;font-style:italic;text-transform:uppercase;line-height:1;margin:auto;}/*!sc*/ @media (min-width:640px){.LOSKJ{font-size:3.5rem;}}/*!sc*/ @media (min-width:768px){.LOSKJ{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);font-size:4.5rem;line-height:1;display:inline-block;--tw-text-opacity:1;color:rgba(1,20,28,var(--tw-text-opacity));margin-top:4rem;margin-bottom:2rem;}}/*!sc*/ @media (min-width:1280px){.LOSKJ{font-size:5rem;font-size:clamp(4.5rem,6vw,6.25rem);}}/*!sc*/ data-styled.g43[id="page-title__MainHeaderH1-ezmezo-1"]{content:"LOSKJ,"}/*!sc*/ .jzInqY{max-height:28rem;background-image:url('https://www.datocms-assets.com/43623/1667562716-theifab_lawslight_pictures_referee-d.jpg?auto=format');}/*!sc*/ data-styled.g44[id="DesktopFooterImage__DesktopFooterImageBg-sc-1ylty32-0"]{content:"jzInqY,"}/*!sc*/ .isIpoH{max-width:1480px;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:auto;}/*!sc*/ .isIpoH span{font-size:17.5rem;font-size:clamp(1rem,19vw,17.5rem);line-height:.8;max-height:14rem;height:15.15vw;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#00FF89;-webkit-text-fill-color:transparent;--tw-text-opacity:1;color:rgba(0,255,137,var(--tw-text-opacity));font-weight:900;font-style:italic;display:inline-block;text-transform:uppercase;white-space:nowrap;}/*!sc*/ .isIpoH span.line1{-webkit-transform:translateY(-5vw);-ms-transform:translateY(-5vw);transform:translateY(-5vw);-webkit-transform:translateY(max(-5vw,-4.6rem));-ms-transform:translateY(max(-5vw,-4.6rem));transform:translateY(max(-5vw,-4.6rem));-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;}/*!sc*/ .isIpoH span.line1.singleLine{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}/*!sc*/ .isIpoH span.line2{-webkit-transform:translateY(1.5vw);-ms-transform:translateY(1.5vw);transform:translateY(1.5vw);-webkit-transform:translateY(min(1.5vw,1.5rem));-ms-transform:translateY(min(1.5vw,1.5rem));transform:translateY(min(1.5vw,1.5rem));-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;-webkit-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end;}/*!sc*/ data-styled.g45[id="DesktopFooterImage__TextWrapper-sc-1ylty32-1"]{content:"isIpoH,"}/*!sc*/ .fkvTER{display:inline;padding-left:0.5rem;padding-right:0.5rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:url("/images/footballrulesapp/underline-start.svg"),url("/images/footballrulesapp/underline-end.svg"),url("/images/footballrulesapp/underline-middle.svg");background-repeat:no-repeat;background-position:bottom .2em left,bottom .2em right,bottom .2em left .4em;background-size:.7em .7em,.7em .7em,calc(100% - 1em) .7em;}/*!sc*/ data-styled.g54[id="GreenHeader__GreenHeaderStyled-sc-1y0xt2x-0"]{content:"fkvTER,"}/*!sc*/ .kzARsi{margin-bottom:0px;}/*!sc*/ data-styled.g60[id="cms-page__StyledSection-wfgvi3-0"]{content:"kzARsi,"}/*!sc*/ </style><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){if(void 0===e.target.dataset.mainImage)return;if(void 0===e.target.dataset.gatsbyImageSsr)return;const t=e.target;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script><title data-react-helmet="true">Referee | IFAB</title><link data-react-helmet="true" rel="canonical" href="https://www.footballrules.com/participants/referee/"/><link data-react-helmet="true" as="font" href="/fonts/Roag-Regular.woff2" rel="preload" crossorigin="anonymous"/><link data-react-helmet="true" as="font" href="/fonts/Roag-Bold.woff2" rel="preload" crossorigin="anonymous"/><link data-react-helmet="true" as="font" href="/fonts/Roag-BlackItalic.woff2" rel="preload" crossorigin="anonymous"/><link data-react-helmet="true" as="font" href="/fonts/Roag-UltraLight.woff2" rel="preload" crossorigin="anonymous"/><meta data-react-helmet="true" name="description" content="Referee"/><meta data-react-helmet="true" charSet="utf-8"/><script data-react-helmet="true" type="text/javascript" src="https://cdn.cookielaw.org/consent/498b52ae-66b9-4c14-b809-0e727589d9d1/OtAutoBlock.js"></script><script data-react-helmet="true" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-document-language="true" type="text/javascript" char-set="UTF-8" data-domain-script="498b52ae-66b9-4c14-b809-0e727589d9d1"></script><script data-react-helmet="true" defer="" data-domain="theifab.com" src="https://plausible.io/js/plausible.js"></script><link rel="sitemap" type="application/xml" href="/sitemap-index.xml"/><link rel="icon" href="/favicon-32x32.png?v=d7de3eea0d9e88735a87294415341b03" type="image/png"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=d7de3eea0d9e88735a87294415341b03"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=d7de3eea0d9e88735a87294415341b03"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=d7de3eea0d9e88735a87294415341b03"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=d7de3eea0d9e88735a87294415341b03"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=d7de3eea0d9e88735a87294415341b03"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=d7de3eea0d9e88735a87294415341b03"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=d7de3eea0d9e88735a87294415341b03"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=d7de3eea0d9e88735a87294415341b03"/><link as="script" rel="preload" href="/webpack-runtime-98cfeafd64aaacea0b69.js"/><link as="script" rel="preload" href="/framework-17430f7ebb270953a965.js"/><link as="script" rel="preload" href="/app-bd16041e6f1a64ae8884.js"/><link as="script" rel="preload" href="/commons-18f937ce313b9d6bc6a4.js"/><link as="script" rel="preload" href="/component---src-templates-cms-page-tsx-6ec631808f2c183173f9.js"/><link as="fetch" rel="preload" href="/page-data/participants/referee/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5SPL2B5" height="0" width="0" style="display: none; visibility: hidden" aria-hidden="true"></iframe></noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="font-roag overflow-hidden tracking-wide"><div id="header-placeholder"></div><div id="header-container" class="relative left-0 right-0 top-0 z-20"><header id="header" class="shadow-lg bg-white"><div class="relative mx-auto flex justify-between items-stretch"><div class="self-stretch flex items-center transition duration-300 linear h-full lg:border-b border-transparent hidden lg:flex"><button class="flex items-center justify-center w-14 sm:hidden pr-1.5 py-3.5 " type="button"><div class="flex justify-center flex-wrap box-border"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNS4xMDYiIGhlaWdodD0iMjkuMDg1IiB2aWV3Qm94PSIwIDAgMzUuMTA2IDI5LjA4NSI+CiAgPGcgaWQ9Ikdyb3VwXzEiIGRhdGEtbmFtZT0iR3JvdXAgMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxMC4xMDcgLTE5Mi43MjgpIj4KICAgIDxsaW5lIGlkPSJMaW5lXzIiIGRhdGEtbmFtZT0iTGluZSAyIiB4MT0iMzUuMTA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTAuMTA3IDE5NC40MjkpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxODE4MjAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIzLjQwMiIvPgogICAgPGxpbmUgaWQ9IkxpbmVfMyIgZGF0YS1uYW1lPSJMaW5lIDMiIHgxPSIzNS4xMDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxMC4xMDcgMjA3LjI3MSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE4MTgyMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjMuNDAyIi8+CiAgICA8bGluZSBpZD0iTGluZV80IiBkYXRhLW5hbWU9IkxpbmUgNCIgeDE9IjM1LjEwNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEwLjEwNyAyMjAuMTEzKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTgxODIwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMy40MDIiLz4KICA8L2c+Cjwvc3ZnPgo=" alt="Toggle Side Menu" class="h-7"/></div></button><button class="hidden items-center justify-center w-14 sm:flex " type="button"><div class="flex justify-center flex-wrap box-border"><img src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2OS44NSA2OS44NSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiMwMzE0MWI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjMuNHB4O308L3N0eWxlPjwvZGVmcz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSI1Mi40OCIgeTE9IjIyLjA4IiB4Mj0iMTcuMzciIHkyPSIyMi4wOCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjUyLjQ4IiB5MT0iMzQuOTIiIHgyPSIxNy4zNyIgeTI9IjM0LjkyIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNTIuNDgiIHkxPSI0Ny43NyIgeDI9IjE3LjM3IiB5Mj0iNDcuNzciLz48L3N2Zz4=" alt="Toggle Side Menu" class="h-14"/></div></button></div><div class="px-4 py-3"><a hrefLang="en" href="/"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTUuNjggNDAuNDQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMmMzMTM4O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTWVudXMiPjxnIGlkPSJsb2dvX2Z1bGwiPjxnIGlkPSJMb2dvIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01NS4wOCw3LjkxYTI0LjM4LDI0LjM4LDAsMCwwLDEtMy41M2MwLTIuMzgtMi4yMS0yLjQ0LTQuNTktMi44TDUyLC4yNkg2Mi43MnM5LjQ5LDI2LjMxLDEyLjcxLDM1LjA1YzEuMDcsMi45MywzLjg3LDUuMTMsNS44MSw1LjEzSDc1LjQ2Yy00LjQ2LDAtNS44LTMuOTQtNi4yOC01LjI2QzY4LjU0LDMzLjM5LDY2LjYsMjgsNjYuNiwyOEg1MS4zOEw0Ni45LDQwLjQ0SDQzLjJaTTUyLjM5LDI1LjIySDY1LjU4TDU4Ljc4LDcuNzlaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNODAuNTQsOC4zOGMwLTUuOTEtLjExLTUuOTEtNS42Ny02LjhMNzQuMzguMjZIOTIuNmM2Ljg3LDAsMTQuMTUsMS42MiwxNC4xNSw5LjY3LDAsNS44NS00LjI0LDguMTItNy4xNiw5LjA4di4xMmM0LjIzLjgzLDkuMTksMyw5LjE5LDEwLjYyLDAsMTAuNjktMTIuMTIsMTAuNjktMTcsMTAuNjlIODcuMTFjLTYuNiwwLTYuNTctNC4xMi02LjU3LTUuMjVabTYuNTcsOS40M2g0YzUuMTMsMCw5LjA3LTEuNjcsOS4wNy03LjU4LDAtNS4zNy0zLTcuMTYtOC40Ny03LjE2LTMuNTksMC00LjYuMTgtNC42LDMuMVptMCwxNy4zN2MwLDIuNDUsMi40NSwyLjQ1LDUuNzMsMi40NSw2LjU3LDAsOS4zNy0yLjkyLDkuMzctOSwwLTUuOTEtNC40MS04LTkuNjctOEg4Ny4xMVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNywuMjZsLS40OSwxLjMyYzUuNDkuODksNS42Ny44OSw1LjY3LDYuOHYyNi44YzAsMS4xNCwwLDUuMjIsNi4zMyw1LjI2aDUuMzFsLjU1LTEuNWgtLjU5Yy00LjE0LDAtNS0uOTEtNS01LjU1VjIwLjg2SDQxbDEtMi44MUgyOC43NlY2LjE3YzAtMi44Ni43Ny0zLjEsMy43Ni0zLjFoNC42NWMzLjg4LDAsNi40NSwxLjI1LDYuNDUsNmgxLjY3TDQ4LjUxLjI2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTS40Ny45MywwLDIuMjljNS43OS43OCw2LC44NCw2LDUuODV2MzIuM2guMTZjNi40MSwwLDYuNDEtNC4xMiw2LjQxLTUuMjZWMS41OEwxMy4xMiwwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTExMi4yNiw2LjQ5YTIuNiwyLjYsMCwwLDAsMS0uMiwyLjUsMi41LDAsMCwwLC44Mi0uNTgsMi41OCwyLjU4LDAsMCwwLC41NS0uODcsMi44OSwyLjg5LDAsMCwwLC4yMS0xLjExLDIuODcsMi44NywwLDAsMC0uMjEtMS4xLDIuNTgsMi41OCwwLDAsMC0uNTUtLjg3LDIuNSwyLjUsMCwwLDAtLjgyLS41OCwyLjYsMi42LDAsMCwwLTEtLjIsMi42NCwyLjY0LDAsMCwwLTEsLjIsMi42MSwyLjYxLDAsMCwwLS44Mi41OCwyLjc1LDIuNzUsMCwwLDAtLjU1Ljg3LDMuMTUsMy4xNSwwLDAsMCwwLDIuMjEsMi43NSwyLjc1LDAsMCwwLC41NS44NywyLjYxLDIuNjEsMCwwLDAsLjgyLjU4LDIuNjQsMi42NCwwLDAsMCwxLC4ybTAsLjY3YTMuMzQsMy4zNCwwLDAsMS0xLjMzLS4yOCwzLjUsMy41LDAsMCwxLTEuODItMS44MSwzLjM0LDMuMzQsMCwwLDEtLjI3LTEuMzQsMy4zMywzLjMzLDAsMCwxLC4yNy0xLjMzQTMuNSwzLjUsMCwwLDEsMTEwLjkzLjU5YTMuMzMsMy4zMywwLDAsMSwxLjMzLS4yNywzLjI5LDMuMjksMCwwLDEsMS4zMy4yNywzLjQyLDMuNDIsMCwwLDEsMS4wOS43MywzLjQ5LDMuNDksMCwwLDEsLjczLDEuMDgsMy4zMywzLjMzLDAsMCwxLC4yNywxLjMzLDMuMzQsMy4zNCwwLDAsMS0uMjcsMS4zNCwzLjQ5LDMuNDksMCwwLDEtLjczLDEuMDgsMy40MiwzLjQyLDAsMCwxLTEuMDkuNzMsMy4zLDMuMywwLDAsMS0xLjMzLjI4Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEyLjY2LDIuOTJhLjY0LjY0LDAsMCwxLS42Ni42NGgtLjM2VjIuMzNIMTEyYS41OC41OCwwLDAsMSwuNjYuNTltMS4xOCwyLjc1YTkuNTIsOS41MiwwLDAsMC0xLjE4LTEuNzloMGExLjEyLDEuMTIsMCwwLDAsLjczLTFjMC0uNjEtLjM5LTEuMTItMS40MS0xLjEyaC0xLjA3djRoLjczVjQuMTFIMTEyYy4xNSwwLC40My41NCwxLDEuNTZaIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==" alt="IFAB" class="h-8"/></a></div><div class="w-14"><div class="self-stretch flex items-center transition duration-300 linear h-full lg:border-b border-transparent lg:hidden"><button class="flex items-center justify-center w-14 sm:hidden pr-1.5 py-3.5 " type="button"><div class="flex justify-center flex-wrap box-border"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNS4xMDYiIGhlaWdodD0iMjkuMDg1IiB2aWV3Qm94PSIwIDAgMzUuMTA2IDI5LjA4NSI+CiAgPGcgaWQ9Ikdyb3VwXzEiIGRhdGEtbmFtZT0iR3JvdXAgMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxMC4xMDcgLTE5Mi43MjgpIj4KICAgIDxsaW5lIGlkPSJMaW5lXzIiIGRhdGEtbmFtZT0iTGluZSAyIiB4MT0iMzUuMTA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTAuMTA3IDE5NC40MjkpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxODE4MjAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIzLjQwMiIvPgogICAgPGxpbmUgaWQ9IkxpbmVfMyIgZGF0YS1uYW1lPSJMaW5lIDMiIHgxPSIzNS4xMDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxMC4xMDcgMjA3LjI3MSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE4MTgyMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjMuNDAyIi8+CiAgICA8bGluZSBpZD0iTGluZV80IiBkYXRhLW5hbWU9IkxpbmUgNCIgeDE9IjM1LjEwNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEwLjEwNyAyMjAuMTEzKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTgxODIwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMy40MDIiLz4KICA8L2c+Cjwvc3ZnPgo=" alt="Toggle Side Menu" class="h-7"/></div></button><button class="hidden items-center justify-center w-14 sm:flex " type="button"><div class="flex justify-center flex-wrap box-border"><img src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2OS44NSA2OS44NSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiMwMzE0MWI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjMuNHB4O308L3N0eWxlPjwvZGVmcz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSI1Mi40OCIgeTE9IjIyLjA4IiB4Mj0iMTcuMzciIHkyPSIyMi4wOCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjUyLjQ4IiB5MT0iMzQuOTIiIHgyPSIxNy4zNyIgeTI9IjM0LjkyIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNTIuNDgiIHkxPSI0Ny43NyIgeDI9IjE3LjM3IiB5Mj0iNDcuNzciLz48L3N2Zz4=" alt="Toggle Side Menu" class="h-14"/></div></button></div></div></div></header></div><div class="relative"><div class="overflow-hidden" style="opacity:0;display:none"><div class="Message__StyledMessageContainer-nq12n-0 fVxaZj container fixed top-24 w-full left-1/2 z-30"><div class="flex justify-between p-3 rounded bg-deepDarkBlue text-brightYellow w-full"><div class="flex items-center"><svg title="Warning" class="w-8 h-8 text-brightYellow stroke-current" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg><div class="ml-4">You are about to change to another season.</div></div><div class="flex items-center"><button type="button"><svg class="text-brightYellow fill-current stroke-current w-4 h-4" width="30.978" height="30.978" viewBox="0 0 30.978 30.978"><g id="Group_76" data-name="Group 76" transform="translate(-13892.716 -4312.46)"><line id="Line_143" data-name="Line 143" x1="29.947" y2="29.947" transform="translate(13893.231 4312.975)" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1.457"></line><line id="Line_144" data-name="Line 144" x2="29.947" y2="29.947" transform="translate(13893.231 4312.975)" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1.457"></line></g></svg></button></div></div></div></div><nav id="side-menu" style="bottom:245px;top:57px;opacity:0;display:none;transform:translateX(100%) translateZ(0)" class="side-menu__MenuNav-sc-10dz53j-5 jDmuQF absolute flex-col items-between content-between lg:fixed right-0 bg-almostBlackBlue lg:right-auto lg:left-0 shadow-2xl z-20 border-grayBlue border-b h-auto"><div class="flex lg:block h-full flex-col overflow-x-hidden overflow-y-auto"><div class="styles__SearcContainer-sc-1edvq8l-2 bQvTfM"><input type="text" placeholder="SEARCH" required="" class="side-menu__Search-sc-10dz53j-1 hfSpdB"/><div class="side-menu__SearchImage-sc-10dz53j-0 grEGnD"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOC43MzgiIGhlaWdodD0iMzguNzM4IiB2aWV3Qm94PSIwIDAgMzguNzM4IDM4LjczOCI+CiAgPGcgaWQ9Ikdyb3VwXzIiIGRhdGEtbmFtZT0iR3JvdXAgMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM0OC4wNTcgLTE4Ny4xMzUpIj4KICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMSIgZGF0YS1uYW1lPSJFbGxpcHNlIDEiIGN4PSIxMy44MTgiIGN5PSIxMy44MTgiIHI9IjEzLjgxOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ5Ljc1OCAxODguODM1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTgxODIwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMy40MDIiLz4KICAgIDxsaW5lIGlkPSJMaW5lXzUiIGRhdGEtbmFtZT0iTGluZSA1IiB4MT0iMTAuNDA4IiB5MT0iMTAuNDA4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzMuOTgzIDIxMy4wNikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE4MTgyMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjMuNDAyIi8+CiAgPC9nPgo8L3N2Zz4K" style="width:30px;margin-top:8px;margin-right:20px"/></div></div><div class="side-menu__CategoryContainer-sc-10dz53j-4 btkyVp"><div class="side-menu__CategoryFilter-sc-10dz53j-3 kZnkQZ"><label>CATEGORIES</label> <div id="categories-switch-container"><div class="flex items-center justify-start py-2 undefined"><div class="leading-none"><button type="button" class="relative inline-flex items-center h-5 rounded-full w-9 bg-almostBlackBlue mx-4"><span style="margin-bottom:2.5px" class="translate-x-1 inline-block w-3 h-3 transform bg-appGreen rounded-full transition ease-in-out duration-200"></span>l</button></div><button type="button" class="text-black-300 cursor-pointer uppercase text-xl lg:text-base leading-none"><p style="font-size:15px;font-weight:bold">A-Z</p></button></div></div></div></div><div class="flex flex-col h-full lg:h-auto justify-between"><div><div><div class="overflow-hidden " style="height:0px;display:none"><button style="height:3rem;margin-left:-5px;width:230px" type="button" class="text-almostBlackBlue bg-white flex items-center w-full py-4 px-5 border-t border- lg:hidden"><div class="ArrowIcon__Arrow-sc-1olxnoz-0 gxiBDA w-3 h-3 border-t-2 border-r-2 border-almostBlackBlue " rotate="225deg"></div><span class="ml-1 text-almostBlackBlue uppercase font-bold text-base">Go back</span></button></div></div><ul class="pb-24" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><div class="lg:hidden"></div></div><li id="introduction"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" style="color:;height:47px;margin-top:1px" class=" text-white cursor-pointer uppercase font-bold py-3.5 lg:py-4 px-4 text-left flex lg:flex justify-between items-center w-full text-sm lg:text-base border-grayBlue gap-1px leading-1 border-b ">introduction <div style="margin-left:-5px"></div></button></div><div class="overflow-hidden " style="height:0px;display:none"><ul style="margin-top:-1px;padding:0;margin:0;list-style:none"><li id="simplified-football-rules" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/introduction/simplified-football-rules/">football rules</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li></ul></div></li><li id="components-equipment"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" style="color:;height:47px;margin-top:1px" class=" text-white cursor-pointer uppercase font-bold py-3.5 lg:py-4 px-4 text-left flex lg:flex justify-between items-center w-full text-sm lg:text-base border-grayBlue gap-1px leading-1 border-b ">Components & equipment<div style="margin-left:-5px"></div></button></div><div class="overflow-hidden " style="height:0px;display:none"><ul style="margin-top:-1px;padding:0;margin:0;list-style:none"><li id="pitch" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen ">Pitch</button></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">Pitch</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">PENALTY AREA</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">GOAL AREA</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">CORNER AREA AND CORNER FLAGS</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">Technical area</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">REFEREE REVIEW AREA</button></div></li></ul></div></li><li id="Goals" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/components-equipment/goals/">Goals</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="Ball" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/components-equipment/ball/">Ball</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li></ul></div></li><li id="participants"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" style="color:;height:47px;margin-top:1px" class=" text-white cursor-pointer uppercase font-bold py-3.5 lg:py-4 px-4 text-left flex lg:flex justify-between items-center w-full text-sm lg:text-base border-grayBlue gap-1px leading-1 border-b ">participants<div style="margin-left:-5px"></div></button></div><div class="overflow-hidden " style="height:0px;display:none"><ul style="margin-top:-1px;padding:0;margin:0;list-style:none"><li id="id-players" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen ">players</button></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">players & SUBSTITUTES</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">goalkeepers</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">captains</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">Players' Kit</button></div></li></ul></div></li><li id="coaches" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/participants/coaches-other-team-officials/">Coaches & other team officials</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="referee" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a aria-current="page" tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen lg:font-bold text-appGreen active-page" hrefLang="en" href="/participants/referee/">Referee</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="other-officials" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/participants/other-officials/">Other match officials</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li></ul></div></li><li id="game-events"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" style="color:;height:47px;margin-top:1px" class=" text-white cursor-pointer uppercase font-bold py-3.5 lg:py-4 px-4 text-left flex lg:flex justify-between items-center w-full text-sm lg:text-base border-grayBlue gap-1px leading-1 border-b ">Game events<div style="margin-left:-5px"></div></button></div><div class="overflow-hidden " style="height:0px;display:none"><ul style="margin-top:-1px;padding:0;margin:0;list-style:none"><li id="playing-times" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/playing-times/">Playing time</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="kick-off" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/kick-off/">Kick-off</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="Ball-in-&-out-of-play" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/ball-in-out-of-play/">Ball in & out of play</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="Corner-kick" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/corner-kick/">Corner kick</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="dropped-ball" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/dropped-ball/">dropped ball</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="goal-kick" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/goal-kick/">goal kick</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="throw-in" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/throw-in/">throw-in</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="Scoring-a-goal" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/scoring-a-goal/">Scoring a goal</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="penalty-shoot-out" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/penalty-shoot-out/">penalties (penalty shoot-out)</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="winning-team" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/winning-team/">winning team</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="injuries" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/injuries/">Injuries</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="substitutes" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/substitutes/">SUBSTITUTIONS</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="drinks-cooling-breaks" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/drinks-cooling-breaks/">drinks & cooling breaks</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="playing distance" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/game-events/playing-distance/">playing distance</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li></ul></div></li><li id="offences-sanctions"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" style="color:;height:47px;margin-top:1px" class=" text-white cursor-pointer uppercase font-bold py-3.5 lg:py-4 px-4 text-left flex lg:flex justify-between items-center w-full text-sm lg:text-base border-grayBlue gap-1px leading-1 border-b ">offences & sanctions<div style="margin-left:-5px"></div></button></div><div class="overflow-hidden " style="height:0px;display:none"><ul style="margin-top:-1px;padding:0;margin:0;list-style:none"><li id="fouls" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/offences-sanctions/fouls/">fouls</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="handball" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/offences-sanctions/handball/">handball</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="offside" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/offences-sanctions/offside/">offside</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="other-offences" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen ">other offences</button></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">arguing</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">feinting</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">Insults and abuse</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">obstruction</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">simulation</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">other offences</button></div></li></ul></div></li><li id="advantage" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/offences-sanctions/advantage/">advantage</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="free-kicks" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/offences-sanctions/free-kicks/">free kicks</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="penalty-kick" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/offences-sanctions/penalty-kick/">penalty kick</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="cards" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen ">cards</button></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">Yellow Cards</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">red cards</button></div></li></ul></div></li><li id="id-interference" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen ">INTERFERENCE ON THE PITCH </button></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">Outside agents</button></div></li><li><div class="block"><button type="button" class="appearance-none bg-appElementBackground text-deepDarkBlue cursor-pointer text-sm uppercase py-1.5 px-4 text-left flex items-start w-full lg:text-grayBlue lg:bg-appElementBackground lg:border-0 flex-shrink-0 h-47px ">SUBSTITUTES OR TEAM OFFICIALS</button></div></li></ul></div></li><li id="temporary-dismissals" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/offences-sanctions/temporary-dismissals/">temporary dismissals (sin bins)</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li></ul></div></li><li id="technology"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" style="color:;height:47px;margin-top:1px" class=" text-white cursor-pointer uppercase font-bold py-3.5 lg:py-4 px-4 text-left flex lg:flex justify-between items-center w-full text-sm lg:text-base border-grayBlue gap-1px leading-1 border-b ">technology<div style="margin-left:-5px"></div></button></div><div class="overflow-hidden " style="height:0px;display:none"><ul style="margin-top:-1px;padding:0;margin:0;list-style:none"><li id="var" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/technology/var/">VIDEO ASSISTANT REFEREE (VAR) SYSTEM</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="goal-line-technology" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/technology/goal-line-technology/">goal line technology (glt)</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li></ul></div></li><li id="about"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" style="color:;height:47px;margin-top:1px" class=" text-white cursor-pointer uppercase font-bold py-3.5 lg:py-4 px-4 text-left flex lg:flex justify-between items-center w-full text-sm lg:text-base border-grayBlue gap-1px leading-1 border-b ">about <div style="margin-left:-5px"></div></button></div><div class="overflow-hidden " style="height:0px;display:none"><ul style="margin-top:-1px;padding:0;margin:0;list-style:none"><li id="laws-of-the-game" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/about/laws-of-the-game/">laws of the game</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="additional-competition-rules" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/about/additional-competition-rules/">competition rules</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li></ul></div></li><li id="pdf-downloads"><div class="overflow-hidden " style="display:block;height:auto"><button type="button" style="color:;height:47px;margin-top:1px" class=" text-white cursor-pointer uppercase font-bold py-3.5 lg:py-4 px-4 text-left flex lg:flex justify-between items-center w-full text-sm lg:text-base border-grayBlue gap-1px leading-1 border-b ">pdf downloads<div style="margin-left:-5px"></div></button></div><div class="overflow-hidden " style="height:0px;display:none"><ul style="margin-top:-1px;padding:0;margin:0;list-style:none"><li id="pdf-by-category" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/participants/referee/#">pdf by category</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li><li id="pdf-a-z" style="margin-top:-1px"><div class="overflow-hidden " style="display:block;height:auto"><a tabindex="0" class=" text-sm uppercase py-2.5 px-4 text-left border-t border-appGreen flex justify-between items-center w-full lg:flex bg-appSubCategory lg:bg-appSubCategory h-47px leading-1 cursor-pointer text-appGreen " hrefLang="en" href="/participants/referee/#">pdf A-Z</a></div><div class="overflow-hidden " style="height:0px;display:none"><ul class="bg-appElementBackground lg:bg-appElementBackground py-2.5 "></ul></div></li></ul></div></li></ul></div><div class="b-0 l-0 r-0 absolute h-1 bg-navyBlueGray"></div><div class="lg:hidden text-appGreen uppercase text-sm"><div class="py-3.5 px-4 border-t border-appGreen"><a hrefLang="en" href="/footballrulesapp/">Download mobile app</a></div><div class="py-3.5 px-4 border-t border-appGreen"><a href="https://www.theifab.com/">THEIFAB.COM</a></div></div></div></div></nav><main class="main"><div class="min-h-screen text-deepDarkBlue mb-12 "><section class="cms-page__StyledSection-wfgvi3-0 kzARsi mb-24" id=""><div class="md:container mb-12"><div class="page-title__MainHeaderWrapper-ezmezo-0 ikxkZj flex bg-almostBlackBlue bg-center bg-cover text-center min-h-[66vw] h-[82vw] px-4 sm:px-8 md:min-h-0 md:bg-transparent md:h-auto"><h1 class="page-title__MainHeaderH1-ezmezo-1 LOSKJ"><span class="hidden md:block" style="margin-left:nullem">Referee</span><span class="block w-max md:hidden" style="margin-left:nullem">Referee</span></h1></div></div><div class="bg-white mb-6"><div class="container"><h2 class="-ml-2"><span class="GreenHeader__GreenHeaderStyled-sc-1y0xt2x-0 fkvTER text-2xl sm:text-2.5xl tracking-wide leading-none text-almostBlackBlue font-roag font-black italic mt-10 md:my-12 pb-1 relative z-10">What is a referee in football/soccer?</span></h2></div></div><div class="bg-white"><div class="container "><div class="List__StyledListWrapper-sc-161jxhq-0 clslqZ"><div class="CmsHtmlContentFormats__BaseCmsHtmlContent-sc-14fwepe-0 CmsHtmlContentFormats__CmsHtmlContentGrayUnderline-sc-14fwepe-2 iFlAld jsiMZh"><div></div></div></div></div></div><div class="bg-white mb-6"><div class="container"><h2 class="-ml-2"><span class="GreenHeader__GreenHeaderStyled-sc-1y0xt2x-0 fkvTER text-2xl sm:text-2.5xl tracking-wide leading-none text-almostBlackBlue font-roag font-black italic mt-10 md:my-12 pb-1 relative z-10">What is the role of the referee in football/soccer?</span></h2></div></div><div class="bg-white"><div class="container "><div class="List__StyledListWrapper-sc-161jxhq-0 clslqZ"><div class="CmsHtmlContentFormats__BaseCmsHtmlContent-sc-14fwepe-0 CmsHtmlContentFormats__CmsHtmlContentGrayUnderline-sc-14fwepe-2 iFlAld jsiMZh"><div></div></div></div></div></div><div class="bg-white"><div class="md:container"><picture><source srcSet="https://www.datocms-assets.com/43623/1730821409-theifab_web_drawings_laws-en-light-version-2024_web-1.jpg?auto=format" media="(min-width: 768px)"/><img src="https://www.datocms-assets.com/43623/1730821420-theifab_web_drawings_laws-en-light-version-2024_web-2.jpg?auto=format" class=""/></picture></div></div><div class="bg-white mb-6"><div class="container"><h2 class="-ml-2"><span class="GreenHeader__GreenHeaderStyled-sc-1y0xt2x-0 fkvTER text-2xl sm:text-2.5xl tracking-wide leading-none text-almostBlackBlue font-roag font-black italic mt-10 md:my-12 pb-1 relative z-10">When is the whistle used in football/soccer?</span></h2></div></div><div class="bg-white"><div class="container "><div class="List__StyledListWrapper-sc-161jxhq-0 clslqZ"><div class="CmsHtmlContentFormats__BaseCmsHtmlContent-sc-14fwepe-0 CmsHtmlContentFormats__CmsHtmlContentGrayUnderline-sc-14fwepe-2 iFlAld jsiMZh"><div></div></div></div></div></div><div class="hidden bg-white my-12 py-12 overflow-hidden md:block lg:my-16 xl:my-24"><div class="DesktopFooterImage__DesktopFooterImageBg-sc-1ylty32-0 jzInqY bg-almostBlackBlue bg-cover bg-center text-center"><div class="DesktopFooterImage__TextWrapper-sc-1ylty32-1 isIpoH"><span class="line1 ">refe</span><span class="line2">ree</span></div></div></div></section></div><div class="font-black italic uppercase leading-tight px-6 py-12 sm:py-16 bg-appLightGreen flex items-center justify-center lg:hidden"><a href="https://www.theifab.com/laws/latest/the-field-of-play/?side-menu-category=laws-of-the-game&side-menu-sub-category=laws-1-17&side-menu-open=true&side-menu-open=true" target="_blank" class="flex items-center group"><span class="mr-4"><svg xmlns="http://www.w3.org/2000/svg" width="52" height="40" viewBox="0 0 86.402 65.68"><g id="Group_1474" data-name="Group 1474" transform="translate(-5750.87 -7415.554)"><path class="group-hover:fill-white transition duration-300" id="Path_3327" data-name="Path 3327" d="M5750.87,7481.234h52.282a16.166,16.166,0,0,0,12.6-6.045l21.515-26.795-22.052-27.464a14.38,14.38,0,0,0-11.211-5.376h-35.635a7.176,7.176,0,0,0-7.069,5.941Z" fill="#01141c"></path></g><path class="group-hover:fill-almostBlackBlue transition duration-300" id="Path_3328" data-name="Path 3328" d="M5779.254,7458.411h11.67L5789,7469.264h-11.669Zm4.727-29.99h12.777l-6.185,26.781h-9.86Z" transform="translate(-5750.87 -7415.554)" fill="#fff"></path></svg></span><span class="max-w-[14.5rem] md:max-w-none">See the complete laws of the game at theIFAB.com</span></a></div></main><div id="sticky-footer" class="fixed bottom-0 inset-x-0 z-20"><div class="justify-between items-center py-3 bg-almostBlackBlue border-appGreen border-b text-appGreen no-underline uppercase hidden lg:flex"><a href="https://www.theifab.com/" class="ml-5 cursor-pointer">THEIFAB.COM</a><a class="ml-5 cursor-pointer" hrefLang="en" href="/footballrulesapp/">Download mobile app</a><a href="https://www.theifab.com/laws/latest/the-field-of-play/?side-menu-category=laws-of-the-game&side-menu-sub-category=laws-1-17&side-menu-open=true&side-menu-open=true" class="ml-5 cursor-pointer">Access complete laws of the game </a><div class="mr-5"><div class="text-navyBlueGray text-center flex justify-center items-center"><a class="text-center flex justify-center items-center" href="https://www.instagram.com/theifab/" target="_blank" rel="noreferrer"><p class="uppercase text-appGreen pr-2.5">Join us!</p><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8ZyBpZD0iSWNvbl9JbnN0YWdyYW0iIGRhdGEtbmFtZT0iSWNvbi9JbnN0YWdyYW0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODc5LjE5NiAtMTMwNS42MDkpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzUwOTciIGRhdGEtbmFtZT0iUGF0aCA1MDk3IiBkPSJNMTg4OS43MzIsMTMxMi4yNTlhMy45ODgsMy45ODgsMCwxLDAsMy45NzEsNEEzLjk5NCwzLjk5NCwwLDAsMCwxODg5LjczMiwxMzEyLjI1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjYyNiAtMC42MzgpIiBmaWxsPSIjMDBmNDgxIi8+CiAgICA8cGF0aCBpZD0iUGF0aF81MDk4IiBkYXRhLW5hbWU9IlBhdGggNTA5OCIgZD0iTTE4OTUuOTc3LDEzMDUuNjA5aC0xMy41NjJhMy4yMTksMy4yMTksMCwwLDAtMy4yMTksMy4yMnYxMy41NjFhMy4yMTksMy4yMTksMCwwLDAsMy4yMTksMy4yMTloMTMuNTYyYTMuMjE5LDMuMjE5LDAsMCwwLDMuMjE5LTMuMjE5di0xMy41NjFBMy4yMTksMy4yMTksMCwwLDAsMTg5NS45NzcsMTMwNS42MDlabS02LjksMTUuNjI0YTUuNjI0LDUuNjI0LDAsMSwxLDUuNjMyLTUuNTg1QTUuNjMyLDUuNjMyLDAsMCwxLDE4ODkuMDc2LDEzMjEuMjMzWm02LjExMy0xMC4zMTJhMS40LDEuNCwwLDEsMSwxLjM5My0xLjRBMS40MTEsMS40MTEsMCwwLDEsMTg5NS4xODgsMTMxMC45MjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iIzAwZjQ4MSIvPgogIDwvZz4KPC9zdmc+Cg=="/></a></div></div></div></div><div class="hidden lg:block"></div></div><footer class="bg-almostBlackBlue text-white relative z-5" id="footer"><div class="pb-10 pt-20 lg:py-28 text-white flex flex-col"><div class="container flex justify-center items-center"><img src="/static/logo-with-federations-b7a0c924eaf54f80f988c9d798f8c6ea.svg" alt="IFAB logo with federations" class="w-28 lg:w-38" width="152" height="87"/><div class="border-l-2 borer-white ml-4 pl-4 lg:ml-4 lg:pl-4 flex items-center justify-center h-17 lg:h-24"><p class="text-white uppercase text-sm lg:text-base"><strong>The international<br/>football association<br/>board聽</strong>/ guardians of<br/>the laws of the game</p></div></div><div class="flex justify-center lg:hidden mt-14"><div><a class="text-center flex justify-center items-center" href="https://www.instagram.com/theifab/" target="_blank" rel="noreferrer"><p class="text-sm text-appGreen uppercase pr-4">Join us!</p><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8ZyBpZD0iSWNvbl9JbnN0YWdyYW0iIGRhdGEtbmFtZT0iSWNvbi9JbnN0YWdyYW0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODc5LjE5NiAtMTMwNS42MDkpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzUwOTciIGRhdGEtbmFtZT0iUGF0aCA1MDk3IiBkPSJNMTg4OS43MzIsMTMxMi4yNTlhMy45ODgsMy45ODgsMCwxLDAsMy45NzEsNEEzLjk5NCwzLjk5NCwwLDAsMCwxODg5LjczMiwxMzEyLjI1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjYyNiAtMC42MzgpIiBmaWxsPSIjMDBmNDgxIi8+CiAgICA8cGF0aCBpZD0iUGF0aF81MDk4IiBkYXRhLW5hbWU9IlBhdGggNTA5OCIgZD0iTTE4OTUuOTc3LDEzMDUuNjA5aC0xMy41NjJhMy4yMTksMy4yMTksMCwwLDAtMy4yMTksMy4yMnYxMy41NjFhMy4yMTksMy4yMTksMCwwLDAsMy4yMTksMy4yMTloMTMuNTYyYTMuMjE5LDMuMjE5LDAsMCwwLDMuMjE5LTMuMjE5di0xMy41NjFBMy4yMTksMy4yMTksMCwwLDAsMTg5NS45NzcsMTMwNS42MDlabS02LjksMTUuNjI0YTUuNjI0LDUuNjI0LDAsMSwxLDUuNjMyLTUuNTg1QTUuNjMyLDUuNjMyLDAsMCwxLDE4ODkuMDc2LDEzMjEuMjMzWm02LjExMy0xMC4zMTJhMS40LDEuNCwwLDEsMSwxLjM5My0xLjRBMS40MTEsMS40MTEsMCwwLDEsMTg5NS4xODgsMTMxMC45MjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iIzAwZjQ4MSIvPgogIDwvZz4KPC9zdmc+Cg==" alt="Instagram icon"/></a></div></div></div><div class="py-4 px-4 mx-auto text-center text-navyBlueGray text-sm"><span class="inline-block">The IFAB <!-- -->2024<!-- -->庐<span class="hidden xl:inline"> All Rights Reserved</span><span class="mx-2">|</span></span><span class="inline-block"><a href="https://www.theifab.com/terms-of-service">Terms of service</a><span class="mx-2">|</span></span><span class="inline-block"><a href="https://www.theifab.com/privacy-policy">Privacy policy</a><span class="mx-2">|</span></span><span class="inline-block"><a href="https://www.theifab.com/cookies/">Cookie policy</a><span class="mx-2">|</span></span><span class="inline-block"><button id="ot-sdk-btn" class="ot-sdk-show-settings">Preference Center</button><span class="mx-2">|</span></span><span class="inline-block"><a href="https://www.theifab.com/contact">Contact</a></span></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/participants/referee/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-87da4b2875b0ade0afcf.js"],"app":["/app-bd16041e6f1a64ae8884.js"],"component---src-pages-404-tsx":["/component---src-pages-404-tsx-1948db91f254a27e5adc.js"],"component---src-pages-contact-tsx":["/component---src-pages-contact-tsx-c7a8d07679e842ac8db3.js"],"component---src-pages-cookies-tsx":["/component---src-pages-cookies-tsx-79951bf4c41910d9c235.js"],"component---src-pages-documents-tsx":["/component---src-pages-documents-tsx-d0d5865547d35ccc2a70.js"],"component---src-pages-footballrulesapp-tsx":["/component---src-pages-footballrulesapp-tsx-745d1df042d5e3b54b0c.js"],"component---src-pages-guidelines-competition-rules-tsx":["/component---src-pages-guidelines-competition-rules-tsx-05a6ebbdad58d0254ffb.js"],"component---src-pages-guidelines-end-of-the-game-tsx":["/component---src-pages-guidelines-end-of-the-game-tsx-ab3fe6085abacd0eb922.js"],"component---src-pages-guidelines-how-the-game-is-played-tsx":["/component---src-pages-guidelines-how-the-game-is-played-tsx-544aa5f229cf0358e72d.js"],"component---src-pages-guidelines-winning-team-tsx":["/component---src-pages-guidelines-winning-team-tsx-900272c2c28046759646.js"],"component---src-pages-index-tsx":["/component---src-pages-index-tsx-1f9721e5422b05c939c3.js"],"component---src-pages-laws-of-the-game-documents-tsx":["/component---src-pages-laws-of-the-game-documents-tsx-b8915fcd5f9254dccd81.js"],"component---src-pages-privacy-policy-tsx":["/component---src-pages-privacy-policy-tsx-56ad70d69fe368124fbc.js"],"component---src-pages-terms-of-service-tsx":["/component---src-pages-terms-of-service-tsx-48a41e990f9f84400f33.js"],"component---src-templates-cms-page-tsx":["/component---src-templates-cms-page-tsx-6ec631808f2c183173f9.js"]};/*]]>*/</script><script src="/polyfill-87da4b2875b0ade0afcf.js" nomodule=""></script><script src="/component---src-templates-cms-page-tsx-6ec631808f2c183173f9.js" async=""></script><script src="/commons-18f937ce313b9d6bc6a4.js" async=""></script><script src="/app-bd16041e6f1a64ae8884.js" async=""></script><script src="/framework-17430f7ebb270953a965.js" async=""></script><script src="/webpack-runtime-98cfeafd64aaacea0b69.js" async=""></script></body></html>