body{display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative;margin:0;height:100vh;background:repeating-linear-gradient(to bottom,#61a100,#61a100 50px,#558d00 50px 100px);-webkit-user-select:none;user-select:none;overflow:hidden}*{font-family:Secular One,sans-serif}.cycle-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.cycle-buttons-container{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.cycle-header{margin:0;font-size:3rem}.cycle-option{font-size:1.5rem;background:#fff;padding:10px 30px;min-width:90px;display:flex;justify-content:center;align-items:center;margin-inline:20px;border:1px solid gray;box-shadow:3px 3px #00000080}.cycle-arrow{font-size:2rem;cursor:pointer;background:none;border:none}@media (min-width: 250.1px) and (max-height: 935px){.cycle-container{position:fixed;z-index:100;top:0}}.soccer-field{width:min(90vw,38vh,400px);aspect-ratio:400 / 700;border:1px solid black;box-shadow:3px 3px #00000080;display:grid;grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(15,1fr);place-items:center;position:relative;padding:5px;box-sizing:border-box}.soccer-field-background{position:absolute;z-index:-1;width:100%;height:100%;object-fit:cover}.soccer-field .player{width:100%;aspect-ratio:1 / 1;border-radius:50%;background:#000}.done-button{margin-top:10px;margin-bottom:10px;font-size:1.5rem;padding:5px 40px;font-family:Secular One,sans-serif;cursor:pointer;background:#fff;border:1px solid gray;transition:box-shadow .15s}.done-button:hover{box-shadow:3px 3px #00000080}.done-button:active{background:#e6e6e6}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background-color:#fff;width:clamp(250px,70%,500px);height:clamp(450px,60vh,600px);border:2px solid black;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:6px 10px 10px #00000080;scale:1;transform-origin:center center;animation:pop .2s ease-out}.popup-header{background:#61a100;box-shadow:inset 0 -4px 15px 6px #00000067;height:75px;flex-shrink:0;border-bottom:2px solid black;position:relative;overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;box-sizing:border-box;padding-inline:20px}.popup-logo{position:absolute;right:25px;top:5px;width:70px;transform:rotate(20deg);opacity:.6;z-index:0}.popup-close-button{aspect-ratio:1 / 1;width:40px;border-radius:50%;border:1px solid black;font-size:18px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:2px 4px 5px #00000067}.popup-close-button:active{box-shadow:none;margin-left:2px;margin-top:4px}.popup-title{font-size:24px;color:#fff;z-index:1;text-shadow:2px 2px rgb(0,0,0)}.popup-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr));grid-auto-rows:min-content;gap:20px;box-sizing:border-box;padding:20px;overflow-y:auto;overflow-x:hidden;flex:1}.popup-content>*{width:100%;cursor:pointer;transition:box-shadow .15s;object-fit:contain;object-position:center}.popup-content>*:hover{box-shadow:2px 4px 5px #00000067}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.9)}60%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}.head{width:clamp(2.5rem,.5282rem + 9.8592vw,4.6875rem);transition:opacity .15s ease}.head:hover{cursor:pointer;opacity:.8}.head:active{opacity:.8}.player{max-width:100%;display:flex;justify-content:center;align-items:center;position:relative}.player-choice{height:150px;object-fit:contain;object-position:center}.playing-teams-buttons-container{display:flex;gap:clamp(3.5rem,-.5563rem + 20.2817vw,8rem);position:absolute;top:clamp(.3125rem,-.3636rem + 3.3803vw,1.0625rem)}.playing-teams-button{width:clamp(2.5rem,.4155rem + 10.4225vw,4.8125rem);aspect-ratio:1 / 1;border-radius:30px;border:none;background:transparent;cursor:pointer;display:flex;justify-content:center;align-items:center}.team-logo{width:85%;height:85%;object-fit:contain}.team-logo-option{height:150px}#change-background-buttons-container{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:5px}#change-background-button,#estimated-layout-container{padding:10px 35px;font-size:1.2rem;cursor:pointer;color:#fff;background-color:#326536;border:1px solid black;border-radius:5px;box-shadow:2px 4px 5px #00000067;transition:background-color 75ms}#estimated-layout-container{padding-inline:15px;display:flex;justify-content:center;align-items:center;color:#326536;background-color:#fff}#change-background-button:active{background-color:#29532d}#estimated-layout-container:active{background-color:#ebebeb}#estimated-layout-input{width:20px;aspect-ratio:1 / 1;border:1px solid red;margin-right:10px;cursor:pointer}.background-option{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}.background-option>img{width:100%;object-fit:cover;object-position:center}.background-option>span{position:absolute;background:#fff;padding:5px 10px;bottom:5px;box-shadow:2px 4px 5px #00000067;transition:bottom .15s ease;text-align:center}.background-option:hover>span{bottom:15px}#change-coach-button{display:flex;align-items:center;gap:5px;padding:10px 15px;font-size:1.2rem;cursor:pointer;color:#fff;background-color:#a2990e;border:1px solid black;border-radius:5px;box-shadow:2px 4px 5px #00000067;transition:background-color 75ms}#change-coach-button:active{background-color:#8c840c}.coach-option{height:250px}.screenshot-button{width:100px;height:100px;border-radius:50%;background:#fff;border:1px solid black;font-size:2rem;cursor:pointer;transition:background-color 75ms;box-shadow:2px 4px 5px #00000067;flex-shrink:0}.screenshot-button:active{background:#e6e6e6}.final-photo{position:fixed;left:200%;aspect-ratio:1 / 1;width:1080px;box-shadow:none;background-image:url(/juventus-image-maker/images/backgrounds/official/championsleague.webp);background-position:center;background-repeat:no-repeat;background-size:cover;display:grid;place-items:center;position:relative}.final-photo .head{width:145px}.final-photo .playing-teams-buttons-container{top:40px;gap:290px}.final-photo .team-logo{width:115px;height:115px}.final-photo .coach-image{width:120px}#buttons-row{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;margin-top:20px;padding-inline:10px;text-wrap:nowrap}#non-screenshot-buttons-container{display:flex;gap:10px;flex-wrap:wrap}.image-content{width:min(90vw,600px);aspect-ratio:1 / 1;box-shadow:10px 10px #0006;background-image:url(/juventus-image-maker/images/backgrounds/official/championsleague.webp);background-position:center;background-repeat:no-repeat;background-size:cover;display:grid;place-items:center;position:relative}.players-grid{display:grid;position:absolute;bottom:5%;width:90%;height:72%;column-gap:2vw;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(50,1fr);box-sizing:border-box}.coach-image{position:absolute;top:1%;left:1%;width:clamp(1.875rem,.1849rem + 8.4507vw,3.75rem)}#root{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:20px}