.snack11,.snack11 *{box-sizing:border-box}.snack11{--dog:#ff9e1b;--coach:#cfdbd7;--coach-edit:#8692ad;--coach-text:#063d78;--popup-background:#24376c;--popup-color:#fff;--popup-badge-background:#e8a044;--popup-badge-color:#fff;--canvas-padding:calc(var(--scaling-unit)*2);--player-captains-armband-background:#fff;--player-captains-armband-color:#24376c;--player-shirt-number-background:#24376c;--player-shirt-number-color:#fff;--player-avatar-size:calc(var(--scaling-unit)*7);--popup-padding:calc(var(--scaling-unit)*2.75);--popup-border-radius:calc(var(--scaling-unit)*3);--popup-badge-height:calc(var(--scaling-unit)*2);--popup-badge-min-height:1.75rem;--popup-close-size:max(1.5rem,calc(var(--scaling-unit)*2.25));--popup-image-size:calc(var(--scaling-unit)*12);--share-spinner-color:#fff;--share-spinner-thickness:.2rem;--slider-arrow-size:max(2.25rem,calc(var(--scaling-unit)*3));--button-height:clamp(2.75rem,calc(var(--scaling-unit)*3),3.25rem);--button-padding:1rem;--football-pitch:var(--football-pitch-desktop);--scaling-unit:1rem;aspect-ratio:1.5;background-image:var(--football-pitch);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1rem;color:#fff;margin-inline:auto;overflow:hidden;position:relative;width:100%}@media (max-width:1152px){.snack11{--scaling-unit:0.9rem;aspect-ratio:1.2}}@media (max-width:992px){.snack11{--scaling-unit:0.8rem;aspect-ratio:1}}@media (max-width:767px){.snack11{--scaling-unit:0.7rem;aspect-ratio:.8}}@media (max-width:640px){.snack11{--football-pitch:var(--football-pitch-mobile);--scaling-unit:0.6rem;aspect-ratio:.5}}@media (max-width:480px){.snack11{--scaling-unit:0.5rem;aspect-ratio:.45}}.snack11:before{background:var(--football-pitch) center /cover no-repeat;content:"";inset:0;position:absolute;z-index:0}.snack11>*{position:relative;z-index:1}.snack11-screen{height:100%;inset:0;pointer-events:none;position:absolute}.snack11-bottom-nav,.snack11-cropper,.snack11-popup-layer,.snack11-screen>*{pointer-events:auto}.snack11-cropper[hidden],.snack11-player-popup-layer[hidden],.snack11-screen[hidden]{display:none!important}.snack11-team-base{background:var(--football-pitch) center /cover no-repeat;height:100%;inset:0;position:absolute;transition:filter .18s ease,transform .18s ease,opacity .18s ease;z-index:1}.snack11-team-base:before{aspect-ratio:1;background-color:transparent;background-position:100% 0;background-repeat:no-repeat;background-size:contain;content:"";pointer-events:none;position:absolute;right:0;top:0;width:max(25%,10rem)}[data-screen=coach] .snack11-team-base:before,[data-screen=team] .snack11-team-base:before,[data-screen=welcome] .snack11-team-base:before{background-image:var(--corner-teaser-formation)}[data-screen=captainIntro] .snack11-team-base:before,[data-screen=captain] .snack11-team-base:before{background-image:var(--corner-teaser-captain)}[data-screen=captain].snack11--captain-selected .snack11-team-base:before{background-image:var(--corner-teaser-good-choice)}.snack11-team-base:after{background:hsla(0,0%,100%,.34);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease}.snack11--has-popup .snack11-team-base,.snack11--popup-open .snack11-team-base{filter:blur(10px);transform:scale(1.035)}.snack11--has-popup .snack11-team-base:after,.snack11--popup-open .snack11-team-base:after{opacity:1}.snack11--interactive-team .snack11-team-base{pointer-events:auto}.snack11:not(.snack11--interactive-team) .snack11-team-base{pointer-events:none}.snack11-popup-layer{display:grid;inset:0;padding:clamp(1rem,5vw,3.5rem);place-items:center;position:absolute;z-index:5}.snack11-popup{background:var(--popup-background);border-radius:var(--popup-border-radius);color:var(--popup-color);padding:var(--popup-padding);position:relative;text-align:center;width:clamp(50%,48rem,90%)}.snack11-popup:not(.snack11-popup--imageless){padding-top:calc(var(--popup-image-size)*.5);transform:translateY(calc(var(--popup-image-size)*.25))}@media (max-width:639px){.snack11-popup{padding:var(--popup-padding)}.snack11-popup:not(.snack11-popup--imageless){padding-top:calc(var(--popup-image-size)*.5)}}.snack-11-popup__topbar{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;padding-top:var(--popup-padding);width:100%}@media (min-width:640px){.snack-11-popup__topbar{flex-direction:row}.snack11-popup:not(.snack11-popup--imageless) .snack-11-popup__topbar{left:0;position:absolute;right:0;top:0}}.snack11-badge{align-items:center;background:var(--popup-badge-background);border-radius:999px;color:var(--popup-badge-color);display:inline-flex;font-size:90%;font-weight:700;height:max(var(--popup-badge-height),var(--popup-badge-min-height));justify-content:center;line-height:max(var(--popup-badge-height),var(--popup-badge-min-height));padding:0 1rem;white-space:nowrap;width:max-content}.snack11-popup__close,.snack11-popup__top-text-button{appearance:none;background:transparent;border:0;cursor:pointer;font:inherit}.snack11-popup__top-text-button{font-weight:600;height:max(var(--popup-badge-height),var(--popup-badge-min-height));line-height:max(var(--popup-badge-height),var(--popup-badge-min-height));padding:0;text-decoration:underline;text-underline-offset:.2em}@media (min-width:640px){.snack11-badge,.snack11-popup__top-text-button{position:absolute;top:calc(var(--popup-border-radius) - max(var(--popup-badge-height), var(--popup-badge-min-height))*.5)}.snack11-badge{left:calc(var(--popup-border-radius) - max(var(--popup-badge-height), var(--popup-badge-min-height))*.5)}.snack11-popup__top-text-button{right:var(--popup-border-radius)}}.snack11-popup__close{border-radius:100%;height:var(--popup-close-size);position:absolute;right:calc(var(--popup-border-radius) - var(--popup-close-size)*.5);top:calc(var(--popup-border-radius) - var(--popup-close-size)*.5);width:var(--popup-close-size)}.snack11-popup__close svg{height:100%;width:100%}.snack11-popup__image{align-items:center;aspect-ratio:1;border:0;border-radius:100%;cursor:default;display:flex;justify-content:center;left:50%;outline:calc(var(--scaling-unit)*.5) solid #fff;outline-offset:calc(var(--scaling-unit)*.35);overflow:hidden;position:absolute;top:0;transform:translate(-50%,-50%);width:var(--popup-image-size)}button.snack11-popup__image{background:#fff;cursor:pointer}.snack11-popup__image img{border-radius:inherit;display:block;height:100%;object-fit:cover;width:100%}.snack11-popup__image img:not([src=""])+.snack11-popup__image-upload,.snack11-popup__image img[src=""]{display:none}.snack11-popup__image-upload{align-items:center;color:var(--popup-background);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}@media (max-width:639px){.snack11-popup__image-upload{font-size:80%}}.snack11-popup__image-upload svg{width:calc(var(--scaling-unit)*3.5)}.snack11-popup__content{display:grid;gap:calc(var(--scaling-unit)*2);justify-items:center}.snack11-popup__content:not(:first-child){padding-top:var(--popup-padding)}.snack11-popup__content-wrapper{align-items:center;display:flex;flex-direction:column;gap:calc(var(--scaling-unit)*1);width:100%}.snack11-popup__title{display:grid;font-size:calc(var(--scaling-unit)*2);gap:.5rem;line-height:1.2;margin:0 0 .25em}.snack11-popup__title>span:nth-child(2){font-size:max(1rem,60%)}.snack11-popup__text{line-height:1.5;margin:0;white-space:pre-line}.snack11-popup__form{width:min(24rem,100%)}.snack11-popup__form .snack11-input{background:#fff;border:0;border-radius:9999px;color:var(--popup-background);line-height:var(--button-height);margin:0;outline:none;text-align:center;width:100%}.snack11-button,.snack11-popup__form .snack11-input{font:inherit;height:var(--button-height);padding:0 var(--button-padding)}.snack11-button{align-items:center;appearance:none;border:3px solid;border-radius:9999px;color:currentColor;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;line-height:1;min-width:calc(var(--scaling-unit)*7);opacity:.85;transition:opacity .2s ease}.snack11-button:hover{opacity:1}.snack11-button:disabled{cursor:not-allowed;opacity:.5}.snack11-button--secondary{opacity:.7}.snack11-button--secondary:focus-visible,.snack11-button--secondary:hover{opacity:1}@media (max-width:639px){[data-action=team].snack11-button.snack11-button--secondary{aspect-ratio:1;min-width:auto;padding:0;text-indent:-9999999px}[data-action=team].snack11-button.snack11-button--secondary svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:1.75em;width:1.75em}}@media (min-width:640px){[data-action=team].snack11-button.snack11-button--secondary svg{display:none}}.snack11-button--full{width:100%}.snack11-button>span{align-items:center;display:flex;gap:.5em;justify-content:center}.snack11-button>span svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--dog);height:1.75em;width:1.75em}.snack11-bottom-nav{align-items:center;bottom:var(--canvas-padding);display:none;gap:.65rem;position:absolute;right:var(--canvas-padding);z-index:3}.snack11[data-screen=captain] [data-base-nav=captain],.snack11[data-screen=share] [data-base-nav=share],.snack11[data-screen=team] [data-base-nav=team]{display:flex}.snack11-formation{inset:0;position:absolute}.snack11-player{align-items:center;background:transparent;border:0;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:calc(var(--scaling-unit)*1);justify-items:center;outline:0;position:absolute;text-align:center;transform:translate(-50%,calc(var(--player-avatar-size)*-.5 - 1.5rem));width:calc(var(--scaling-unit)*8)}.snack11:not(.snack11--interactive-team) .snack11-player{cursor:default}.snack11-avatar{align-items:center;aspect-ratio:1;border-radius:100%;display:flex;justify-content:center;overflow:hidden;width:var(--player-avatar-size)}.snack11-avatar img{height:100%;object-fit:cover;width:100%}[data-screen=captain] .snack11-avatar{outline:2px dashed #fff;outline-offset:calc(var(--scaling-unit)*.25)}.snack11-player--selected .snack11-avatar,[data-screen=captain] .snack11-avatar:hover{outline:calc(var(--scaling-unit)*.4) solid #3081fe}.snack11-player__shirt-number,.snack11-player__shirt-number:after{align-items:center;aspect-ratio:1;border-radius:100%;display:flex;font-size:.85rem;font-weight:700;justify-content:center;line-height:1;position:absolute;width:calc(var(--player-avatar-size)*.325)}.snack11-player--selected .snack11-player__shirt-number:after,[data-screen=captain] .snack11-avatar:hover .snack11-player__shirt-number:after{background:var(--player-captains-armband-background);color:var(--player-captains-armband-color);content:"C";transform:translateY(-105%) translateX(45%)}@media (min-width:768px){.snack11-player__shirt-number:after{font-size:130%}}.snack11-player__shirt-number{letter-spacing:-1px;right:calc(var(--player-avatar-size)*.025);top:calc(var(--player-avatar-size)*.7)}.snack11-player__captain,.snack11-player__shirt-number{background:var(--player-shirt-number-background);color:var(--player-shirt-number-color)}.snack11-player__captain{align-items:center;aspect-ratio:1;border-radius:100%;display:flex;font-size:.8em;font-weight:700;justify-content:center;position:absolute;right:calc(var(--player-avatar-size)*.1);top:calc(var(--player-avatar-size)*.75);width:calc(var(--player-avatar-size)*.3)}.snack11-player__name{font-size:clamp(.75em,var(--scaling-unit),1em);font-weight:700;line-height:1.1;width:calc(100% + 2rem)}.snack11-coach-mini{align-items:center;background:var(--coach);border-radius:9999px;bottom:var(--canvas-padding);display:flex;gap:calc(var(--scaling-unit)*.75);height:var(--button-height);left:var(--canvas-padding);padding:calc(var(--scaling-unit)*.3);padding-right:var(--button-padding);position:absolute;z-index:2}@media (min-width:640px){.snack11-coach-mini{padding-right:calc(var(--scaling-unit)*.3)}}.snack11-coach-mini img{aspect-ratio:1;border-radius:100%;height:100%;object-fit:cover}.snack11-coach-mini__text{align-items:center;color:var(--coach-text);display:flex;gap:calc(var(--scaling-unit)*.4);justify-content:center}.snack11-coach-mini__label{font-weight:900}@media (max-width:767px){.snack11-coach-mini__label{display:none}}.snack11-coach-mini__name{text-decoration:underline;text-underline-offset:.3em}.snack11-coach-mini__edit{align-items:center;appearance:none;aspect-ratio:1;border:2px solid;border-radius:100%;color:var(--coach-edit);cursor:pointer;display:none;height:100%;justify-content:center;margin-left:1rem;padding:calc(var(--scaling-unit)*.4);transition:all .1s ease}@media (min-width:640px){.snack11-coach-mini__edit{display:flex}}.snack11-coach-mini__edit:focus-visible,.snack11-coach-mini__edit:hover{color:var(--coach-text)}.snack11-coach-mini__edit svg{height:100%;width:100%}[data-action=edit-coach]{cursor:pointer}.snack11-player-popup-layer{z-index:6}.snack11-arrow{align-items:center;background:transparent;border:0;color:#fff;cursor:pointer;display:flex;height:var(--slider-arrow-size);justify-content:center;padding:.25rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--slider-arrow-size)}.snack11-arrow--left{left:calc(var(--slider-arrow-size)*-1)}.snack11-arrow--right{right:calc(var(--slider-arrow-size)*-1)}.snack11-arrow svg{height:100%;width:100%}.snack11-share{align-items:center;display:grid;gap:var(--popup-padding);grid-template-columns:1fr 1fr;text-align:left;width:100%}@media (max-width:767px){.snack11-share{grid-template-columns:1fr;max-width:21rem;text-align:center}}.snack11-share .snack11-popup__content-wrapper{align-items:start}.snack11-share-loading:not([hidden]){align-items:center;display:flex;flex-direction:column;font-size:.8em;font-weight:700;gap:1rem;justify-content:center}.snack11-share-spinner{animation:spin .8s linear infinite;border:var(--share-spinner-thickness) solid var(--share-spinner-color);border-radius:50%;border-top:var(--share-spinner-thickness) solid transparent;height:1.5rem;width:1.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.snack11-share-result-image{border-radius:1rem}@media (max-width:767px){.snack11-share-result-image{margin:0 auto -7rem;max-width:12rem;transform:translateY(-7rem)}[data-screen=share] .snack11-popup{transform:translateY(calc(3.5rem - var(--popup-padding)))}}.snack11-share-links{display:grid;gap:.25rem;margin-top:calc(var(--scaling-unit)*1);max-width:14rem;width:100%}@media (max-width:767px){.snack11-share-links{margin:0 auto}}@media (min-width:640px){.snack11-share-links{gap:.6rem}}.snack11-cropper{background:rgba(0,0,0,.78);color:#fff;display:grid;inset:0;padding:1rem;place-items:center;position:absolute;z-index:10}.snack11-cropper__panel{background:var(--popup-background);border-radius:24px;color:var(--popup-color);padding:1.5rem;text-align:center;width:min(520px,100%)}.snack11-cropper__panel h2{margin:0 0 .25rem}.snack11-cropper__panel p{margin:0 0 1rem}.snack11-cropper__stage{aspect-ratio:1;background:#eee;border-radius:1rem;cursor:grab;margin:0 auto 1rem;overflow:hidden;position:relative;touch-action:none;width:min(72vw,340px)}.snack11-cropper__image{height:100%;left:50%;object-fit:cover;pointer-events:none;position:absolute;top:50%;transform-origin:center;user-select:none;width:100%}.snack11-cropper__circle{border:4px solid #fff;border-radius:50%;inset:14%;pointer-events:none;position:absolute}.snack11-cropper__zoom{display:grid;font-weight:700;gap:.4rem;margin-bottom:1rem}.snack11-cropper__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}