/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/templates/board.scss ***!
  \*************************************************************************************************************************************************************************************************************/
@font-face{font-display:auto;font-family:Swiss721;font-style:normal;font-weight:500;src:url(https://pablohuertas.com/wp-content/themes/huertas24/static/fonts/Swiss721/Swiss721-MediumBT.woff2) format("woff2"),url(https://pablohuertas.com/wp-content/themes/huertas24/static/fonts/Swiss721/Swiss721-MediumBT.woff) format("woff"),url(https://pablohuertas.com/wp-content/themes/huertas24/static/fonts/Swiss721/Swiss721-MediumBT.ttf) format("truetype")}.splash{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#162194;background:linear-gradient(210deg,#162194,#0c1359);display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;opacity:1;position:fixed;top:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;width:100%;z-index:999}.hide-splash .splash{opacity:0;pointer-events:none}body{background:#000;height:100vh;overflow:hidden}.footer,.header{display:none}.controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(14,22,106,.5);color:#fff;font-size:11px;padding-top:23px;position:fixed;right:100%;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease, -webkit-transform .6s ease;z-index:99}.controls>:nth-child(odd){background:rgba(18,27,134,.5)}.controls .burger{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:22px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:100%;padding:6px 5px;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease;width:25px}.controls .burger,.controls .burger h1{background:#162194!important}.controls .burger,.controls .burger h1{position:absolute}.controls .burger h1{padding:5px 10px;right:100%;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);white-space:nowrap;width:100px}.controls .burger .line{background:#fff;height:1px;width:100%}.show-controls .controls .burger{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.controls .button{cursor:pointer;display:block;padding:5px 10px;text-transform:uppercase;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;width:125px}.controls .button:hover{opacity:.5}.controls ul li{cursor:pointer;margin-bottom:1px;padding:2px 10px;position:relative;-webkit-transition:opacity .2s ease,color .2s ease;transition:opacity .2s ease,color .2s ease}.controls ul.views li:after{border:.5px solid #fff;border-radius:5px;content:"";height:5px;position:absolute;right:5px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);width:5px}.controls ul.views li.active:after{background:#fff}.controls ul.views li:last-child{margin:0}.controls ul.views li:hover{opacity:.3}.show-controls .controls{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.start-container{display:none}.start-container .phase{padding-bottom:5px}.start-container .phase li{display:grid;grid-template-columns:repeat(5,1fr);width:100%}.start-container .phase li span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:.5px solid #fff;border-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2px 0}.start-container .phase li span:first-child{border-left:.5px solid #fff}.start-container .phase li span:hover{background:hsla(0,0%,100%,.2)}.start-container .phase li span.active{background:hsla(0,0%,100%,.6);color:#0e166a}.views-container{display:none}.views-container.active{display:block}.phases .button--phases{margin-bottom:5px}.phases-container{display:none;padding:0 10px 10px}.phases-container .phase{height:68px;margin-top:5px;position:relative;width:105px}.phases-container .phase ul{display:grid;grid-template-columns:repeat(6,1fr);height:100%;width:100%}.phases-container .phase ul li{display:grid;grid-template-rows:repeat(5,1fr);margin:0;padding:0;pointer-events:none}.phases-container .phase ul li span{display:block}.phases-container .phase ul.phase-subbuttons{opacity:0}.phases-container .phase ul.phase-subbuttons span{pointer-events:all}.phases-container .phase ul.phase-subbuttons span:hover{background:hsla(0,0%,100%,.2)}.phases-container .phase ul.phase-subbuttons span.active{background:hsla(0,0%,100%,.6)}.show-subzones .phases-container .phase ul.phase-subbuttons{opacity:1}.phases-container .phase ul.phase-buttons{display:grid;grid-template-columns:repeat(3,1fr);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.phases-container .phase ul.phase-buttons li{display:block}.phases-container .phase ul.phase-buttons span{cursor:pointer;display:block;height:100%;pointer-events:all}.show-subzones .phases-container .phase ul.phase-buttons span{pointer-events:none}.phases-container .phase ul.phase-buttons span:hover{background:hsla(0,0%,100%,.2)}.phases-container .phase ul.phase-buttons span.active{background:hsla(0,0%,100%,.6)}.show-subzones .phases-container .phase ul.phase-buttons{opacity:0;pointer-events:none}.phases-container .phase ul.phase-zones{border:.5px solid #fff;left:0;pointer-events:none;position:absolute;top:0}.phases-container .phase ul.phase-zones li:first-child span:nth-child(2){border-right:.5px solid #fff;border-top:.5px solid #fff}.phases-container .phase ul.phase-zones li:first-child span:nth-child(3){border-right:.5px solid #fff}.phases-container .phase ul.phase-zones li:first-child span:nth-child(4){border-bottom:.5px solid #fff;border-right:.5px solid #fff}.phases-container .phase ul.phase-zones li:nth-child(2) span,.phases-container .phase ul.phase-zones li:nth-child(4) span{border-right:.5px dotted hsla(0,0%,100%,.3)}.phases-container .phase ul.phase-zones li:nth-child(3){border-right:.5px solid #fff}.phases-container .phase ul.phase-zones li:nth-child(6) span:nth-child(2){border-left:.5px solid #fff;border-top:.5px solid #fff}.phases-container .phase ul.phase-zones li:nth-child(6) span:nth-child(3){border-left:.5px solid #fff}.phases-container .phase ul.phase-zones li:nth-child(6) span:nth-child(4){border-bottom:.5px solid #fff;border-left:.5px solid #fff}.show-subzones .phases-container .phase ul.phase-zones li span{border-bottom:.5px dotted hsla(0,0%,100%,.3);border-right:.5px dotted hsla(0,0%,100%,.3)}.phases-container .phase .circle{border:.5px solid #fff;border-radius:18px;height:18px;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:18px}.phases-container .phase--start li .zone{opacity:0}.switch{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:5px}.switch .tube{background:0;border:.5px solid #fff;border-radius:12px;height:12px;position:relative;-webkit-transition:background .2s ease;transition:background .2s ease;width:35px}.switch .tube-ball{background:#fff;border-radius:8px;display:block;height:8px;left:2px;position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:left .2s ease;transition:left .2s ease;width:8px}.switch.active .tube{background:hsla(0,0%,100%,.6)}.switch.active .tube-ball{left:calc(100% - 10px)}.clear{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 10px 10px}.clear-container{display:none}.clear li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:.5px solid #fff;border-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.clear li:first-child{display:none}.clear li:nth-child(2){border-left:.5px solid #fff}.main{background:#162194;background:linear-gradient(210deg,rgba(22,33,148,.5),rgba(12,19,89,.5))}.main,.players-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.players-wrapper{left:0;pointer-events:none;position:absolute;top:0;z-index:30}.players{height:100%;min-width:142.05882vh;position:relative;width:142.05882vh;z-index:7}.selectors-wrapper{bottom:0;height:8vh;left:0;position:fixed;width:100%}.selectors-wrapper .button{background:#0e166a;bottom:100%;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;text-transform:uppercase;z-index:6}.selectors-wrapper .button--selector-home,.selectors-wrapper .button--selector-home .button{left:0}.selectors-wrapper .button--selector-away{background:#121b86;right:0}.selector{background:#0e166a;bottom:0;height:8vh;position:absolute;width:50%;z-index:5}.selector__container{height:8vh;overflow:hidden}.selector .swiper-slide{pointer-events:all}.selector .swiper-slide.active{pointer-events:none!important}.selector .select{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1;position:relative;width:100%}.selector .select .image{height:4.5vh;width:4.5vh}.selector .select .image img{height:100%;width:100%}.selector .select .image.circle{border-radius:4.5vh;overflow:hidden}.selector.home{left:0}.selector.away{background:#121b86;right:0}.team{background:#0e166a;height:8vh;overflow:hidden;position:absolute;top:100%;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease;width:50%;z-index:6}.team.active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.team.home{left:0}.team.away{background:#121b86;right:0}.team .player{opacity:1;pointer-events:all;position:relative;-webkit-transition:background .2s ease,opacity .2s ease;transition:background .2s ease,opacity .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.player{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:move;cursor:grab;cursor:-webkit-grab;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1.5vh;font-weight:700;height:6.31373vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:9.92157vh;opacity:0;pointer-events:none;-webkit-transition:padding 1s ease,opacity .2s ease;transition:padding 1s ease,opacity .2s ease;white-space:nowrap;width:9.92157vh}.player:active{cursor:grabbing;cursor:-webkit-grabbing}.player .shorts{bottom:0;height:20%;left:0;position:absolute;width:100%}.player-team--2 .piece{background:#1520a6;color:#ff0;position:relative}.player-team--2 .piece .number{display:block;position:relative;z-index:1}.player-team--2 .piece .stripes{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.player-team--2 .piece .stripes:before{left:30%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.player-team--2 .piece .stripes:after,.player-team--2 .piece .stripes:before{background:#ab2a3e;content:"";display:block;height:100%;position:absolute;top:0;width:.45098vh}.player-team--2 .piece .stripes:after{right:30%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}.player-team--2.gk .piece{background:#adff2f;color:#000}.player-team--2.gk .piece .stripes{display:none}.player-team--1 .piece{background:#fff;color:#000}.player-team--1.gk .piece{background:cyan;color:#000}.player-team--3 .piece{background:#fff;color:#000}.player-team--3.gk .piece{background:cyan}.player-team--4 .piece{background:#a1c4e6;color:#001838}.player-team--4.gk .piece{background:#f0f;color:#001838}.player-team--5 .piece{background:#db1d24;color:#fff}.player-team--5.gk .piece{background:#000;color:#fff}.player-team--6 .piece{background:#fff;color:blue;overflow:hidden;position:relative}.player-team--6 .piece .number{display:block;position:relative;z-index:1}.player-team--6 .piece .stripes{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.player-team--6 .piece .stripes:before{left:30%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.player-team--6 .piece .stripes:after,.player-team--6 .piece .stripes:before{background:red;content:"";display:block;height:100%;position:absolute;top:0;width:.45098vh}.player-team--6 .piece .stripes:after{right:30%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}.player-team--6.gk .piece{background:#000;color:#fff}.player-team--6.gk .piece .stripes{display:none}.player-team--7 .piece{background:#e31b23;color:#fff}.player-team--7.gk .piece{background:#009982;color:#fff}.player-team--8 .piece{background:#e30613;color:#fff}.player-team--8.gk .piece{background:#ff0;color:#e30613}.player-team--9 .piece{background:#b73442;color:#ff0}.player-team--9.gk .piece{background:#00b2d8;color:#ff0}.player-team--10 .piece{background:#ed0037;color:#fff}.player-team--10.gk .piece{background:#3ec971;color:#000}.player-team--11 .piece{background:#1520a6;color:#fff;overflow:hidden;position:relative}.player-team--11 .piece .number{position:relative;z-index:1}.player-team--11 .piece .stripe{background:#ab2a3e;display:block;height:100%;left:50%;position:absolute;top:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:.63137vh}.player-team--11.gk .piece{background:#3ec971;color:#000}.player-team--12 .piece{background:#151515;color:#bdf3ff;position:relative}.player-team--12 .piece .number{display:block;position:relative;z-index:1}.player-team--12 .piece .stripes{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.player-team--12 .piece .stripes:before{left:30%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.player-team--12 .piece .stripes:after,.player-team--12 .piece .stripes:before{background:#033fa8;content:"";display:block;height:100%;position:absolute;top:0;width:.45098vh}.player-team--12 .piece .stripes:after{right:30%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}.player-team--12.gk .piece{background:#f1cb43;color:#000}.player-team--12.gk .piece .stripes{display:none}.player-team--13 .piece{background:#151515;color:#fff;position:relative}.player-team--13 .piece .number{display:block;position:relative;z-index:1}.player-team--13 .piece .stripes{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.player-team--13 .piece .stripes:before{left:30%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.player-team--13 .piece .stripes:after,.player-team--13 .piece .stripes:before{background:#b00101;content:"";display:block;height:100%;position:absolute;top:0;width:.45098vh}.player-team--13 .piece .stripes:after{right:30%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}.player-team--13.gk .piece{background:#a0ffde;color:#000}.player-team--13.gk .piece .stripes{display:none}.player-team--14 .piece{background:#034694;color:#fff}.player-team--14.gk .piece{background:#262626}.player-team--15 .piece{background:#fff;color:#000}.player-team--15.gk .piece{background:#3ec971}.player-team--16 .piece{background:#fff;color:#000;position:relative}.player-team--16 .piece .number{display:block;position:relative;z-index:1}.player-team--16 .piece .stripes{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.player-team--16 .piece .stripes:before{left:30%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.player-team--16 .piece .stripes:after,.player-team--16 .piece .stripes:before{background:#75aadb;content:"";display:block;height:100%;position:absolute;top:0;width:.45098vh}.player-team--16 .piece .stripes:after{right:30%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}.player-team--16.gk .piece{background:#000;color:#fff}.player-team--16.gk .piece .stripes{display:none}.player-team--17 .piece{background:#fedd00;color:#009739}.player-team--17.gk .piece{background:#262626;color:#a9fe00}.player-team--18 .piece{background:#c8102e;color:#ffcd00}.player-team--18.gk .piece{background:#2aff9f;color:#fff}.player-team--19 .piece{background:#fff;color:#012169;position:relative}.player-team--19 .piece .number{display:block;position:relative;z-index:1}.player-team--19 .piece .squares-1{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.player-team--19 .piece .squares-1:before{background:red;content:"";display:block;height:.39062vw;left:0;position:absolute;top:0;width:.90196vh}@media (max-width:1024px){.player-team--19 .piece .squares-1:before{height:.97656vw}}@media (max-width:767px) and (orientation:portrait){.player-team--19 .piece .squares-1:before{height:2.66667vw}}@media (max-width:767px) and (orientation:landscape){.player-team--19 .piece .squares-1:before{height:1.33333vw}}.player-team--19 .piece .squares-1:after{background:red;content:"";display:block;height:.39062vw;position:absolute;right:0;top:0;width:.90196vh}@media (max-width:1024px){.player-team--19 .piece .squares-1:after{height:.97656vw}}@media (max-width:767px) and (orientation:portrait){.player-team--19 .piece .squares-1:after{height:2.66667vw}}@media (max-width:767px) and (orientation:landscape){.player-team--19 .piece .squares-1:after{height:1.33333vw}}.player-team--19 .piece .squares-2{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.player-team--19 .piece .squares-2:before{background:red;bottom:0;content:"";display:block;height:.39062vw;left:0;position:absolute;width:.90196vh}@media (max-width:1024px){.player-team--19 .piece .squares-2:before{height:.97656vw}}@media (max-width:767px) and (orientation:portrait){.player-team--19 .piece .squares-2:before{height:2.66667vw}}@media (max-width:767px) and (orientation:landscape){.player-team--19 .piece .squares-2:before{height:1.33333vw}}.player-team--19 .piece .squares-2:after{background:red;bottom:0;content:"";display:block;height:.39062vw;position:absolute;right:0;width:.90196vh}@media (max-width:1024px){.player-team--19 .piece .squares-2:after{height:.97656vw}}@media (max-width:767px) and (orientation:portrait){.player-team--19 .piece .squares-2:after{height:2.66667vw}}@media (max-width:767px) and (orientation:landscape){.player-team--19 .piece .squares-2:after{height:1.33333vw}}.player-team--19.gk .piece{background:#009739;color:#000}.player-team--19.gk .piece .squares-1,.player-team--19.gk .piece .squares-2{display:none}.player-team--20 .piece{background:#000091;color:#fff}.player-team--20.gk .piece{background:#f2d600;color:#000}.player-team--21 .piece{background:#fff;color:#012169}.player-team--21.gk .piece{background:#7c3a9b;color:#fff}.player-team--22 .piece{background:#ba0c2f;color:#fff}.player-team--22.gk .piece{background:#00b2d8;color:#fff}.player-team--23 .piece{background:#f36c21;color:#011c4b}.player-team--23.gk .piece{background:#009739;color:#fff}.player-team--24 .piece{background:#da291c;color:#fff}.player-team--24.gk .piece{background:#009739;color:#000}.player.duplicate{opacity:1;padding-left:0;padding-right:0;position:fixed;z-index:30}.player.duplicate .piece{pointer-events:all;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease}.show--zoom .player.duplicate .piece{-webkit-transform:scale(2);transform:scale(2)}.player.duplicate .name{opacity:0;pointer-events:all;-webkit-transition:opacity 1s ease,bottom 1s ease;transition:opacity 1s ease,bottom 1s ease}.show--names .player.duplicate .name{opacity:1}.show--zoom .player.duplicate .name{bottom:-.78125vw}@media (max-width:1024px){.show--zoom .player.duplicate .name{bottom:-1.95312vw}}@media (max-width:767px) and (orientation:portrait){.show--zoom .player.duplicate .name{bottom:-5.33333vw}}@media (max-width:767px) and (orientation:landscape){.show--zoom .player.duplicate .name{bottom:-2.66667vw}}.player .piece{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2.70588vh;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.70588vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:2.70588vh;overflow:hidden;width:2.70588vh}.player .name{bottom:0;padding:.18039vh .54118vh;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.player .name,.player .swap{color:hsla(0,0%,100%,.5);left:50%;position:absolute;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.player .swap{bottom:.45098vh;cursor:pointer;font-size:1.2vw;font-weight:700;opacity:0;padding:0 2.70588vh;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.player .swap:hover{opacity:1}.swapping--in .player .swap--in{display:none!important}.swapping .player .swap--out{display:none}.swapping--in .player .swap--out{display:block!important}.player .swap--change{display:none}.swapping .player .swap--change{display:block}.swapping--in .player .swap--change{display:none!important}.player.selected{opacity:.5}.substitution .player{cursor:pointer}.board-wrapper{height:92vh;min-width:142.05882vh;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease;width:142.05882vh}.board{background:#67a94f;border:3px solid #fff;font-size:11px;height:100%;position:relative;-webkit-transition:border 1s ease,background 1s ease;transition:border 1s ease,background 1s ease;width:100%}.show--dark .board{background:0;border:3px solid grey}.board .letters{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:.45098vh;-webkit-transition:color 1s ease,opacity 1s ease;transition:color 1s ease,opacity 1s ease;width:100%}.board .letters p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:16.67%}.show--labels .board .letters{opacity:1}.show--dark .board .letters{color:silver}.board .numbers{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:.90196vh;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:color 1s ease,opacity 1s ease;transition:color 1s ease,opacity 1s ease}.board .numbers p{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:20%}.show--labels .board .numbers{opacity:1}.show--dark .board .numbers{color:silver}.board .columns{display:-webkit-box;display:-ms-flexbox;display:flex;height:0;left:0;position:absolute;top:0;-webkit-transition:height 1s ease,opacity 1s ease;transition:height 1s ease,opacity 1s ease;width:100%;will-change:height}.board .columns .column{display:block;width:100%}.board .columns .column.light{background:hsla(0,0%,100%,.05)}.show--columns .board .columns{height:100%}.show--dark .board .columns{opacity:.3}.board .rows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;left:0;position:absolute;top:0;-webkit-transition:width 1s ease,opacity 1s ease;transition:width 1s ease,opacity 1s ease;width:0;will-change:width}.board .rows .row{height:100%}.board .rows .row.light{background:hsla(0,0%,100%,.05)}.show--rows .board .rows{width:100%}.show--dark .board .rows{opacity:.2}.board .dividers{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:0;position:absolute;top:0;width:100%;z-index:1}.board .dividers .divider{background:hsla(0,0%,100%,.3)}.show--dark .board .dividers .divider{background:hsla(0,0%,75%,.15)}.board .dividers .divider:first-child,.board .dividers .divider:last-child{opacity:0!important}.board .dividers--hor{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.board .dividers--hor .divider{height:1px;-webkit-transition:width 1s ease,background 1s ease;transition:width 1s ease,background 1s ease;width:0;will-change:width}.show--zones .board .dividers--hor .divider{width:100%}.board .dividers--ver .divider{height:0;-webkit-transition:height 1s ease,background 1s ease;transition:height 1s ease,background 1s ease;width:1px;will-change:height}.show--zones .board .dividers--ver .divider{height:100%}.board .goal{background:#fff;height:9.92157vh;position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:background 1s ease;transition:background 1s ease;width:.72157vh;z-index:15}.board .goal.left{left:-.54118vh}.board .goal.right{right:-.54118vh}.show--dark .board .goal{background:grey}.board .lines{height:100%;overflow:hidden;position:relative;width:100%;z-index:1}.board .lines:before{background:#fff;content:"";height:100%;left:50%;position:absolute;top:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:background 1s ease;transition:background 1s ease;width:3px}.show--dark .board .lines:before{background:grey}.board .lines .point{background:#fff;border-radius:.81176vh;height:.81176vh;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:background 1s ease;transition:background 1s ease;width:.81176vh}.show--dark .board .lines .point{background:grey}.board .lines .circle{overflow:hidden;position:absolute;top:50%}.board .lines .circle:before{border:3px solid #fff;border-radius:24.71373vh;content:"";height:24.71373vh;position:absolute;-webkit-transition:border 1s ease;transition:border 1s ease;width:24.71373vh}.show--dark .board .lines .circle:before{border:3px solid grey}.board .lines .circle .point{left:50%}.board .lines .circle.left{height:24.71373vh;left:23.45098vh;-webkit-transform:translate3d(0,-50%,0) rotate(180deg);transform:translate3d(0,-50%,0) rotate(180deg);width:4vh}.board .lines .circle.center{height:24.71373vh;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:24.71373vh}.board .lines .circle.right{height:24.71373vh;right:23.45098vh;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);width:4vh}.board .lines .circle.small,.board .lines .circle.small:before{height:1.80392vh;width:1.80392vh}.board .lines .circle.small.top{top:0}.board .lines .circle.small.top.corner-left{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.board .lines .circle.small.top.corner-right{-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.board .lines .circle.small.bottom{bottom:0;top:auto}.board .lines .circle.small.bottom.corner-left{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.board .lines .circle.small.bottom.corner-right{-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}.board .lines .circle.small.corner-left{left:0}.board .lines .circle.small.corner-right{right:0}.board .lines .area{border:3px solid #fff;position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:border 1s ease;transition:border 1s ease}.board .lines .area.big{height:60.12024%;width:16.75042%;z-index:1}.board .lines .area.small{height:24.80392vh;width:7.75686vh;z-index:2}.board .lines .area.left{border-left:0!important}.board .lines .area.left{left:0}.board .lines .area.left .point{left:15.69412vh}.board .lines .area.right{border-right:0!important}.board .lines .area.right{right:0}.board .lines .area.right .point{right:15.06275vh}.show--dark .board .lines .area{border:3px solid grey}.ball{background:url(https://res.cloudinary.com/adidas-app/image/upload/c_limit,h_2532,q_auto:good,w_2532/v1/page-assets/40/bzx6ulrcpk3ixd4i5usy.png);background-position:50%;background-size:100% 100%;cursor:move;cursor:grab;cursor:-webkit-grab;display:block;height:2.2549vh;left:70vh;pointer-events:all;position:absolute;top:45vh;width:2.2549vh;z-index:5}.ball:active{cursor:grabbing;cursor:-webkit-grabbing}.ball.roll{-webkit-animation:roll 1s linear;animation:roll 1s linear}@-webkit-keyframes roll{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes roll{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.swiper-container{height:100%}.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;pointer-events:none;-webkit-transition:background .2s ease,opacity .2s ease;transition:background .2s ease,opacity .2s ease;width:9.92157vh}.swiper-slide.active{background:rgba(0,0,0,.2)}.swiper-slide.active .name,.swiper-slide.active .piece{opacity:.3}.swiper-slide.active:hover{background:rgba(0,0,0,.2)}.swiper-slide:hover{background:hsla(0,0%,100%,.3)}