.loading-indicator{min-height:48px;text-align:center}
.hpi__table{border-collapse:collapse;width:100%}.hpi__table th{background:#1de4c9;color:#20376f;font-family:Avant Garde,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75em;font-weight:400;padding:1em .85em;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.hpi--secondary .hpi__table th{background:#e9492c}.hpi__table td{border-top:1px solid #d8d8d8;color:#20376f;font-size:1em;padding:.625em}.hpi__table .team-icon{margin-right:.5em;max-height:1.25em;vertical-align:sub;width:auto}.hpi-table__th--rank{width:55px}.hpi-table__th--team{width:300px}.hpi-table__th--position{width:180px}.hpi-table__th--hpi{width:70px}.hpi-table__th--matchdays{width:80px}@media (max-width:640px){.hpi-table__td--position,.hpi-table__td--team span,.hpi-table__th--position{display:none}.hpi-table__th--hpi,.hpi-table__th--matchdays,.hpi-table__th--team{width:35px}}
.field-player{display:flex;flex-direction:column;height:25%;position:absolute;width:20%}.field-player--goalkeeper{left:40%;top:5%}.field-player--pivot{left:40%;top:37.5%}.field-player--right_wing{right:3.75%;top:22.5%}.field-player--left_wing{left:3.75%;top:22.5%}.field-player--centre_back{left:40%;top:70%}.field-player--right_back{right:10%;top:60%}.field-player--left_back{left:10%;top:60%}.field-player__image{flex:1;height:60%;position:relative;width:100%}.field-player__image img{height:100%;left:0;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom center;object-position:bottom center;position:absolute;top:0;width:100%}.field-player__name{background-color:#1de4c9;color:#20376f;flex-shrink:0;font-family:Avant Garde,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.125em;padding:.3em 1.4em;position:relative;text-align:center;text-transform:uppercase}.field-player__icon{height:calc(100% + 10px);left:-10px;position:absolute;top:-5px;width:auto}.field-player__hpi{color:#fff;flex-shrink:0;font-family:Avant Garde,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1em;margin:.15em 0 0;text-align:center}@media (max-width:640px){.field-player{width:30%}.field-player--goalkeeper{left:35%;top:5%}.field-player--pivot{left:35%;top:35%}.field-player--right_wing{right:3%;top:22.5%}.field-player--left_wing{left:3%;top:22.5%}.field-player--centre_back{left:37.5%;top:70%}.field-player--right_back{right:5%;top:54%}.field-player--left_back{left:5%;top:54%}.field-player__name{font-size:.6125em;padding:.25em .875em .25em 1.5em}.field-player__hpi{font-size:.875em}.field-player__icon{height:calc(100% + 4px);top:-4px}}
.hpi__tom{background-color:#20376f;background-image:url(/images/bg-dots--cyan.svg?a11704f31e37b2b92dfcecdd8cc52433);background-position:100% 0;background-repeat:no-repeat;background-size:contain}.hpi--secondary .hpi__tom{background-image:url(/images/bg-dots--orange.svg?f3140cb1ee04690f623015a4233709fb)}.hpi__field{background-image:url(/images/field.svg?f5c2a8f9071e2bf28ab574b1f09aa335);background-position:top;background-size:cover;padding-top:70%;position:relative}
.top-player{background-color:#20376f;background-image:url(/images/bg-dots--cyan.svg?a11704f31e37b2b92dfcecdd8cc52433);background-position:100% 0;background-repeat:no-repeat;background-size:contain;padding:1em 0 0}.hpi--secondary .top-player{background-image:url(/images/bg-dots--orange.svg?f3140cb1ee04690f623015a4233709fb)}.top-player__image{padding-top:75%;position:relative;width:100%}.top-player__image img{height:100%;left:0;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom center;object-position:bottom center;position:absolute;top:0;width:100%}.top-player__footer{background-color:#1de4c9;color:#20376f;font-family:Avant Garde,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.5em .75em;text-align:center;text-transform:uppercase}.top-player__name{font-size:1.25em;margin:0 0 .5em}.top-player__icon{margin-right:.625em;max-height:1.25em;vertical-align:sub;width:auto}.top-player__hpi{color:#fff;flex-shrink:0;font-family:Avant Garde,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1em;padding:.3em 0;text-align:center}
.hpi__top-players{display:grid;gap:30px;grid-template-columns:1fr}@media (min-width:641px){.hpi__top-players{grid-template-columns:1fr 1fr 1fr}}

@font-face{font-family:Avant Garde;font-style:normal;font-weight:400;src:url(/fonts/AvantGardeHBL-Bold.woff2) format("woff2"),url(/fonts/AvantGardeHBL-Bold.woff) format("woff")}[v-cloak]{display:none}.hpi{-webkit-font-smoothing:antialiased;background:#fff;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;min-height:200px}.hpi *,.hpi :after,.hpi :before{box-sizing:inherit}.hpi abbr[title]{text-decoration:none}.hpi--loading,.hpi-modal{align-items:center;display:flex;justify-content:center}.hpi-modal{background-color:rgba(0,0,0,.5);height:100%;left:0;padding:20px;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999999}.hpi-modal--small-width .hpi-modal__container{max-width:400px}.hpi-modal--with-header .hpi-modal__container{padding-top:2.5rem}.hpi-modal--with-header.hpi-modal--with-search .hpi-modal__container{padding-top:5rem}.hpi-modal--with-padding .hpi-modal__body{padding:25px}.hpi-modal--with-padding .modal-footer{padding:0 25px 25px}.hpi-modal__body .hpi__select{width:100%}.hpi-modal__container{background-color:#fff;margin:0 auto;max-height:80%;max-width:700px;overflow:auto;padding:0;position:relative;transition:all .3s ease;width:100%;will-change:transform}.hpi-modal__header{align-items:center;background-color:#20376f;border-bottom:1px solid #20376f;display:flex;height:2.5rem;justify-content:space-between;left:0;padding:.2rem .875rem;position:absolute;top:0;width:100%}.hpi-modal__title{color:#fff;font-size:1.125em;margin:0;text-align:center}.hpi-modal__subtitle,.hpi-modal__title{font-family:Avant Garde,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;padding:0;text-transform:uppercase}.hpi-modal__subtitle{color:#20376f;font-size:1em;margin:1.25em 0 .25em;text-align:left}.hpi-modal__subtitle:first-child{margin-top:0}.hpi-modal__list{display:block;height:400px;list-style:none;margin:0;max-height:100%;overflow:scroll;padding:0}.hpi-modal__list li{border-bottom:1px solid #d8d8d8;cursor:pointer;padding:.5em .875rem}.hpi-modal__list li:hover{background-color:#f8f8f8}.hpi-modal__search{align-items:center;border-bottom:1px solid #d8d8d8;display:flex;height:2.5rem;justify-content:space-between;left:0;padding:0;position:absolute;top:2.5rem;width:100%}.hpi-modal__search input{background:transparent;border:0;padding:4px 15px;width:100%}.hpi-modal__search input:focus{outline:none}.hpi-modal__close{background:none;border:0;border-radius:0;cursor:pointer;height:25px;margin:0;padding:0;transition:opacity .2s ease-in-out;width:25px}.hpi-modal__close svg{height:100%;vertical-align:bottom;width:100%}.hpi-modal__close:hover{opacity:.5}.hpi-modal__footer{background-color:#f8f8f8;border-top:1px solid #d8d8d8;padding:.5rem .875rem;text-align:center}.hpi-modal-enter-active,.hpi-modal-leave-active{position:fixed;transition:opacity .3s;z-index:999999}.hpi-modal-enter-from,.hpi-modal-leave-to{opacity:0}.hpi-modal-enter-from .hpi-modal__container,.hpi-modal-leave-to .hpi-modal__container{transform:scale(.9)}.hpi__pagination{display:flex;justify-content:center;margin-top:1.5em}.hpi__pagination button{background:transparent;border:1px solid transparent;border-radius:0;color:#20376f;cursor:pointer;font-family:Avant Garde,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1em;font-style:normal;font-weight:400;margin:0 .5em;padding:5px 8px;text-transform:uppercase;transition:border-color .25s ease-in-out,opacity .25s ease-in-out}.hpi__pagination button:hover{border-color:#20376f}.hpi__pagination button:disabled{opacity:.5}.hpi__pagination button:disabled:hover{border-color:transparent;cursor:default}.hpi__filter{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1.5em}.hpi__select{-webkit-appearance:none;background-color:#20376f;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='50' width='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.5 13.5 20.5 21 20.5-21' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:1em 1em;border:1px solid #20376f;border-radius:0;color:#fff;cursor:pointer;font-family:Avant Garde,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75em;font-weight:400;height:2em;line-height:1;margin:0 .85em 0 0;padding:.25em 3em .25em .85em;position:relative;text-transform:uppercase;width:auto}.hpi__select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='50' width='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.5 13.5 20.5 21 20.5-21' fill='none' stroke='%231de4c9' stroke-linecap='square' stroke-width='4'/%3E%3C/svg%3E");color:#1de4c9}.hpi--secondary .hpi__select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='50' width='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.5 13.5 20.5 21 20.5-21' fill='none' stroke='%23e9492c' stroke-linecap='square' stroke-width='4'/%3E%3C/svg%3E");color:#e9492c}.hpi__button{background-color:#20376f;border:1px solid #20376f;border-radius:0;color:#fff;cursor:pointer;font-family:Avant Garde,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75em;font-weight:400;height:2em;line-height:1;margin:0 .85em 0 0;padding:.25em .85em;position:relative;text-transform:uppercase;transition:background-color .25s ease-in-out,color .25s ease-in-out;width:auto}.hpi__button:hover{color:#1de4c9}.hpi--secondary .hpi__button:hover{color:#e9492c}.hpi__button:disabled{opacity:.3}.hpi__button:disabled:hover{color:#20376f}.hpi__button--select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='50' width='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.5 13.5 20.5 21 20.5-21' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:1em 1em;padding-right:3em}.hpi__button--select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='50' width='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.5 13.5 20.5 21 20.5-21' fill='none' stroke='%231de4c9' stroke-linecap='square' stroke-width='4'/%3E%3C/svg%3E")}.hpi__button--secondary{background:#fff;color:#20376f}.hpi__title{font-size:2.5em;margin:0 0 .5em}.hpi__subtitle,.hpi__title{color:#20376f;font-family:Avant Garde,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;text-align:center;text-transform:uppercase}.hpi__subtitle{font-size:1.75em;line-height:1;margin:-.4em 0 .9em}.hpi__subtitle span{background:#1de4c9;display:inline-block;padding:.2em}.hpi--secondary .hpi__subtitle span{background:#e9492c}.hpi__subtitle--clickable span{cursor:pointer}.hpi__live{align-items:center;color:#20376f;display:flex;font-family:Avant Garde,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1em;font-weight:400;justify-content:center;letter-spacing:.25em;margin:0 0 2em;text-transform:uppercase}.hpi__live span{-webkit-animation:hpi__pulse 2s infinite;animation:hpi__pulse 2s infinite;background:#20376f;border-radius:50%;box-shadow:0 0 0 0 #20376f;display:inline-block;height:1.125em;margin-right:.5em;transform:scale(1);width:1.125em}@media (min-width:641px){.inline--mobile{display:none}.inline--desktop{display:inline}}@media (max-width:640px){.hpi__title{font-size:2em}.hpi__subtitle{font-size:1.25em}.inline--mobile{display:inline}.inline--desktop{display:none}.hpi__filter{flex-direction:column}.hpi__filter .hpi__button,.hpi__filter .hpi__select{margin-bottom:.75em;text-align:left;width:100%}.hpi__filter .hpi__button:last-child,.hpi__filter .hpi__select:last-child{margin-bottom:0}}@-webkit-keyframes hpi__pulse{0%{box-shadow:0 0 0 0 rgba(32,55,111,.7);transform:scale(.85)}70%{box-shadow:0 0 0 .5em rgba(32,55,111,0);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(32,55,111,0);transform:scale(.85)}}@keyframes hpi__pulse{0%{box-shadow:0 0 0 0 rgba(32,55,111,.7);transform:scale(.85)}70%{box-shadow:0 0 0 .5em rgba(32,55,111,0);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(32,55,111,0);transform:scale(.85)}}