@charset "UTF-8";@font-face{font-family:CruyffFont;src:url(/assets/Cruyff-Sans-Condensed-CYZ_Vepk.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:OnestFont;src:url(/assets/OnestRegular1602-hint-CZ8l2LhF.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffMedium;src:url(../../public/fonts/CruyffSansMedium_tff/CruyffSans-Medium.tff) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffCondensedMedium;src:url(../../public/fonts/CruyffSansCondensed-Medium.ttf/CruyffSansCondensed-Medium) format("truetype");font-weight:400;font-style:normal}body,html{background-color:#151515;color:#fff}@font-face{font-family:CruyffFont;src:url(../../public/fonts/CruyffSansCondensed_tff/Cruyff-Sans-Condensed.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:OnestFont;src:url(../../public/fonts/onest_ttf/OnestRegular1602-hint.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffMedium;src:url(../../public/fonts/CruyffSansMedium_tff/CruyffSans-Medium.tff) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffCondensedMedium;src:url(../../public/fonts/CruyffSansCondensed-Medium.ttf/CruyffSansCondensed-Medium) format("truetype");font-weight:400;font-style:normal}#main-container{z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.75rem;background-color:#151515;margin:1.5rem}@media (min-width: 64rem){#main-container{flex-direction:row;height:100vh;padding:0rem 1.5rem;align-items:flex-start;gap:2rem}}#main-container .ImgComponentCss{position:sticky;top:0;left:0;z-index:15;background-color:#151515}.card-creator-txt{color:"#151515";text-align:left;width:100%;font-size:x-large;font-weight:700;margin-bottom:1rem}.hiddenImg{display:none;width:100%;height:100%}.hiddenImg img{width:720px;height:720px}@media (max-width: 1024px) and (min-width: 768px){#main-container{flex-direction:row;height:100vh;padding:0rem 1.5rem;align-items:flex-start;gap:1rem}}@font-face{font-family:CruyffFont;src:url(../../public/fonts/CruyffSansCondensed_tff/Cruyff-Sans-Condensed.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:OnestFont;src:url(../../public/fonts/onest_ttf/OnestRegular1602-hint.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffMedium;src:url(../../public/fonts/CruyffSansMedium_tff/CruyffSans-Medium.tff) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffCondensedMedium;src:url(../../public/fonts/CruyffSansCondensed-Medium.ttf/CruyffSansCondensed-Medium) format("truetype");font-weight:400;font-style:normal}.field-container-common,.feature-box,.feature-box-inner,.main-btn,.button-div-wrapper .wrapped-btn,.button-div .btn-35,.button-div .btn-65,.button-div .btn-100{background-color:#212124;color:#fff;height:3.5rem;border-radius:10px;padding:.5rem 1rem}.feature-box,.feature-box-inner{flex:1;position:relative;box-sizing:border-box;flex:1 1 30%;min-width:200px}.feature-box input,.feature-box-inner input{all:unset;box-sizing:border-box}.feature-card-input-div{display:flex;flex-direction:column;flex:1;gap:1rem;box-sizing:border-box;width:100%;max-width:21rem;z-index:14}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{visibility:hidden;pointer-events:none;-webkit-appearance:none}.heading-p{color:#fff6;background-color:#212124;background-color:transparent}.field-grp{display:flex;gap:1rem;box-sizing:border-box;width:100%;overflow:hidden;flex-wrap:wrap}.field-grp .feature-box,.field-grp .feature-box-inner{flex:1 1 200px;min-width:0;box-sizing:border-box}.field-grp input{width:100%;box-sizing:border-box}.field-grp img{background-color:transparent}.custom-feature-grp-btn{align-items:center;justify-content:center;border:none;cursor:pointer;transition:border-color .3s ease;border:2px solid transparent}.custom-feature-grp-btn :hover{background-color:#3d3d3f}.custom-feature-grp-btn :active{border-color:#ffffff26}.feature-box-img{aspect-ratio:1/1;object-fit:contain;border-radius:.4rem;max-height:8rem;height:3.5rem}.feature-box-inner{padding:0}.feature-box-inner p{background-color:inherit}.flagbtn{padding:0!important;display:flex!important;justify-content:space-around!important;align-items:center!important}.flagbtn img{margin:0!important}.btn-txt-n-img{padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;gap:.2rem}.btn-txt-n-img .lazyload-wrapper{height:100%}.btn-txt-n-img .lazyload-wrapper p{font-weight:600}.btn-txt-n-img .lazyload-wrapper img{height:100%;background-color:inherit}.grid-template{display:grid;grid-template-columns:1fr 1fr 1fr}.btn-txt-container{background-color:inherit;display:flex;flex-direction:column;align-items:flex-start}.btn-txt-container p{text-align:start}.swatch{width:100%;box-shadow:0 0 0 1px #0000001a;display:inline-block;cursor:pointer}.swatch-color{height:14px;border-radius:10px;width:100%}.download-btn-div{display:flex}@media (max-width: 768px){.download-btn-div{bottom:0;left:0;z-index:15;background-color:transparent}}.download-btn-div .download-btn{width:100%}.download-btn-div .download-buttons-container{width:100%;display:flex;flex-direction:row;gap:1rem}.download-btn-div .download-buttons-container .download-btn{width:auto;flex:1;background-color:#3fb28f;color:#fff!important;border:none!important;border-radius:12px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.download-btn-div .download-buttons-container .download-btn:disabled{opacity:.6;cursor:not-allowed}.download-btn-div .download-buttons-container .download-btn.download-btn-gif:disabled:not(:hover){background-color:#5a5a5a!important;color:#9a9a9a!important}@media (max-width: 768px){.download-btn-div .download-buttons-container{gap:.75rem}.download-btn-div .download-buttons-container .download-btn{padding:.625rem .75rem;font-size:.875rem}}.download-btn{display:inline-flex;position:relative;overflow:hidden;align-items:center;justify-content:center;background-color:#3fb28f;color:#fff;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;height:3.5rem;border-radius:12px;border:none;font-weight:500;font-size:large}.download-btn:hover{opacity:.9}.responsive-grid-div{display:flex;flex-direction:column;gap:1rem}@media (max-width: 570px){.responsive-grid-div{flex-direction:row;gap:15px}}.hide-on-mobile{display:block}@media (max-width: 720px){.hide-on-mobile{display:none!important}}.hr-with-text{display:none;width:100%;text-align:center;line-height:.1em;color:#212124;font-weight:700;font-size:14px}.hr-with-text:before,.hr-with-text:after{content:"";display:inline-block;width:40%;border-bottom:1px solid #212124;vertical-align:middle}@media (max-width: 720px){.line-with-text{display:block}}@media (max-width: 720px){.swatch-color{border-radius:5px;height:32px}}.line-with-text{margin-top:1rem;display:flex;align-items:center;text-align:center;margin-bottom:1rem}.line-with-text:before,.line-with-text:after{content:"";flex:1;border-bottom:1px solid #212124}.line-with-text:before{margin-right:10px}.line-with-text:after{margin-left:10px}.line-with-text span{font-size:14px;color:#212124}@font-face{font-family:CruyffFont;src:url(../../public/fonts/CruyffSansCondensed_tff/Cruyff-Sans-Condensed.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:OnestFont;src:url(../../public/fonts/onest_ttf/OnestRegular1602-hint.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffMedium;src:url(../../public/fonts/CruyffSansMedium_tff/CruyffSans-Medium.tff) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffCondensedMedium;src:url(../../public/fonts/CruyffSansCondensed-Medium.ttf/CruyffSansCondensed-Medium) format("truetype");font-weight:400;font-style:normal}.onest-font,.card-type-selection .card-type-option .Card-type-select:after,*{font-family:OnestFont,sans-serif}.cruyff-font,.card-type-selection .card-type-option .Card-type-select,.card-type-selection .card-type-option .Card-type-select .card-player-img-container .ovr-position-container .ovr-text-in-card,.card-type-selection .card-type-option .Card-type-select .card-player-img-container .ovr-position-container .position-text-in-card,.card-type-selection .card-type-option .Card-type-select .card-player-img-container .player-name-in-card,.card-type-selection .card-type-option .Card-type-select .card-player-img-container .trainingLevel-in-card-sm{font-family:CruyffFont,sans-serif}.common-card-txt-css,.card-type-selection .card-type-option .Card-type-select .card-player-img-container .ovr-position-container,.card-type-selection .card-type-option .Card-type-select .card-player-img-container .player-name-in-card,.card-type-selection .card-type-option .Card-type-select .card-player-img-container .trainingLevel-in-card-sm{z-index:10;position:absolute;background-color:transparent;font-weight:bolder;text-transform:uppercase;white-space:pre}.card-type-selection{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem;flex-direction:row;gap:1rem}.card-type-selection.logo-count-2{gap:1.5rem}.card-type-selection.logo-count-3{gap:1rem}.card-type-selection .card-type-option{width:8rem;position:relative;flex-shrink:0}.card-type-selection .card-type-option .Card-type-select{height:11rem;padding:.2rem .2rem .4rem;border:1px solid #3d3d3f;border-radius:1rem;cursor:pointer;text-align:center;transition:background-color .2s;box-sizing:border-box;background-color:#151515;position:relative}.card-type-selection .card-type-option .Card-type-select:hover{opacity:.8}.card-type-selection .card-type-option .Card-type-select:after{content:"PNG";display:block;text-align:center;color:#fff;font-size:.575rem;font-weight:400;position:absolute;bottom:.5rem;left:0;right:0}.card-type-selection .card-type-option .Card-type-select .card-player-img-container{box-sizing:border-box;position:relative;font-weight:100}.card-type-selection .card-type-option .Card-type-select .card-player-img-container .card-comp{z-index:7;border-radius:inherit;width:120px;height:120px;margin-top:15px}.card-type-selection .card-type-option .Card-type-select .card-player-img-container .player-comp-img{z-index:8;width:100%;height:100%;position:absolute;object-fit:contain;pointer-events:none;margin:0 auto 0 20px}.card-type-selection .card-type-option .Card-type-select .card-player-img-container .ovr-position-container{top:19%;left:21.5%;display:flex;flex-direction:column;align-items:center;gap:.22rem}.card-type-selection .card-type-option .Card-type-select .card-player-img-container .ovr-position-container .ovr-text-in-card{font-size:1rem;margin:0;padding:0;height:13.5px}.card-type-selection .card-type-option .Card-type-select .card-player-img-container .ovr-position-container .position-text-in-card{font-size:.7rem;margin-left:-.15rem}.card-type-selection .card-type-option .Card-type-select .card-player-img-container .player-name-in-card{text-align:center;bottom:24.48%;width:100%;font-size:.625rem}.card-type-selection .card-type-option .Card-type-select .card-player-img-container .flag-main-container-sm-scr{display:flex;justify-content:center;align-items:center;position:absolute;bottom:18%;width:100%;background-color:transparent}.card-type-selection .card-type-option .Card-type-select .card-player-img-container .flag-main-container-sm-scr.logo-count-2{gap:15%}.card-type-selection .card-type-option .Card-type-select .card-player-img-container .flag-main-container-sm-scr.logo-count-3{gap:10.45%}.card-type-selection .card-type-option .Card-type-select .card-player-img-container .flag-common-css-sm-scr{z-index:9;height:.75rem;scale:95%;width:.75rem;background-color:inherit}.card-type-selection .card-type-option .Card-type-select .card-player-img-container .rank-img-sm{z-index:9;position:absolute;height:14.3%;bottom:4.465%;right:41.68%}.card-type-selection .card-type-option .Card-type-select .card-player-img-container .trainingLevel-in-card-sm{bottom:7.9%;width:100%;font-size:.5rem;text-align:center;font-weight:550;color:#fff}.card-type-selection .card-type-option:nth-child(2) .Card-type-select:after{content:"Animated GIF"}.card-type-option{transition:border-color .2s}.card-type-option.selected .Card-type-select{border-color:#3fb28f}.card-type-option.selected .Card-type-select:after{color:#3fb28f}.card-type-option:not(.selected) .Card-type-select:after{color:#a4a2a2}.download-buttons-container{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center;width:100%;margin-top:1rem}.download-buttons-container .download-btn{flex:1;min-width:0;padding:.75rem 1rem;font-size:1rem;font-weight:500;border-radius:8px;transition:all .2s ease;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.download-buttons-container .download-btn:disabled{opacity:.6;cursor:not-allowed}.download-buttons-container .download-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}.download-buttons-container .download-btn:not(:disabled):active{transform:translateY(0)}.download-buttons-container .download-btn-png,.download-buttons-container .download-btn-gif{background-color:#3fb28f!important;color:#fff!important}.download-buttons-container .download-btn-gif:disabled:not(:hover){background-color:#5a5a5a!important;color:#9a9a9a!important;opacity:.6;cursor:not-allowed}@media (max-width: 400px){.download-buttons-container{flex-direction:row;gap:.5rem}.download-buttons-container .download-btn{flex:1;min-width:0;padding:.5rem .75rem;font-size:.875rem}}@font-face{font-family:CruyffFont;src:url(../../public/fonts/CruyffSansCondensed_tff/Cruyff-Sans-Condensed.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:OnestFont;src:url(../../public/fonts/onest_ttf/OnestRegular1602-hint.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffMedium;src:url(../../public/fonts/CruyffSansMedium_tff/CruyffSans-Medium.tff) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffCondensedMedium;src:url(../../public/fonts/CruyffSansCondensed-Medium.ttf/CruyffSansCondensed-Medium) format("truetype");font-weight:400;font-style:normal}.download-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.download-modal-overlay.active{display:flex}.download-modal-content{background-color:#151515;color:#fff;padding:1.3rem;border-radius:1rem;max-width:320px;min-width:320px;width:90%;position:relative;text-align:center;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.download-modal-content h2{margin-top:0;background-color:inherit;margin-bottom:.5rem;align-self:flex-start}.download-modal-content p{background-color:inherit}.download-modal-content .download-close-btn{position:absolute;top:1.5rem;right:1.8rem;background-color:transparent;color:#fff;border:none;cursor:pointer}.download-modal-content .download-close-btn img{height:20px}@font-face{font-family:CruyffFont;src:url(../../public/fonts/CruyffSansCondensed_tff/Cruyff-Sans-Condensed.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:OnestFont;src:url(../../public/fonts/onest_ttf/OnestRegular1602-hint.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffMedium;src:url(../../public/fonts/CruyffSansMedium_tff/CruyffSans-Medium.tff) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffCondensedMedium;src:url(../../public/fonts/CruyffSansCondensed-Medium.ttf/CruyffSansCondensed-Medium) format("truetype");font-weight:400;font-style:normal}.cruyff-font,#ovr-position-container #ovr-text-in-card,#ovr-position-container #position-text-in-card,#player-name-in-card,#trainingLevel-in-card{font-family:CruyffFont,sans-serif}.field-container-common,.feature-box,.main-btn,#search-n-clear #search-btn,#search-n-clear #clear-btn,.button-div-wrapper .wrapped-btn,.button-div .btn-35,.button-div .btn-65,.button-div .btn-100{background-color:#212124;color:#fff;height:3.5rem;border-radius:10px;padding:.5rem 1rem}.main-btn,#search-n-clear #search-btn,#search-n-clear #clear-btn,.button-div-wrapper .wrapped-btn,.button-div .btn-35,.button-div .btn-65,.button-div .btn-100{border:none;cursor:pointer;transition:border-color .3s ease;border:2px solid transparent}.main-btn:hover,#search-n-clear #search-btn:hover,#search-n-clear #clear-btn:hover,.button-div-wrapper .wrapped-btn:hover,.button-div .btn-35:hover,.button-div .btn-65:hover,.button-div .btn-100:hover{background-color:#3d3d3f}.main-btn:active,#search-n-clear #search-btn:active,#search-n-clear #clear-btn:active,.button-div-wrapper .wrapped-btn:active,.button-div .btn-35:active,.button-div .btn-65:active,.button-div .btn-100:active{border-color:#ffffff26}.common-card-txt-css,#ovr-position-container,#player-name-in-card,#trainingLevel-in-card{z-index:10;position:absolute;background-color:transparent;font-weight:bolder;text-transform:uppercase;white-space:pre}#main-img-div-scss{width:32rem;height:32rem;gap:1rem;flex-direction:column;display:flex;justify-content:center;align-items:center;overflow:hidden}#search-n-clear{display:flex;justify-content:space-between;gap:.5rem;color:#fff;margin-top:1rem;height:3rem}#search-n-clear:hover{color:#3a3a3c}#search-n-clear #search-btn{flex:3}#search-n-clear #clear-btn{flex:1;display:flex;fill:currentColor;stroke:currentColor}#search-n-clear #clear-btn svg{color:currentColor;height:1rem;width:1rem;stroke:currentColor}#search-n-clear #search-btn,#search-n-clear #clear-btn{display:flex;align-items:center;justify-content:center;height:2.3rem}#main-img-div{position:relative;border-radius:12px;background-color:#212124;width:100%;height:auto;max-width:1000px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-direction:column;padding:16px;margin:0 auto;aspect-ratio:1/1}@media (min-width: 571px) and (max-width: 768px){#main-img-div{max-width:26rem}}@media (min-width: 769px){#main-img-div{max-width:420px}}#card-player-img-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}#card-comp{z-index:7;border-radius:inherit;width:100%;height:100%;height:auto;object-fit:contain}#player-comp-img{position:absolute;left:2px;top:1px;width:98%;height:auto;object-fit:contain;z-index:8;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50% 0%}#player-comp-img:active{cursor:grabbing}#ovr-position-container{top:5%;left:22%;display:flex;flex-direction:column;align-items:center;font-weight:100}#ovr-position-container #ovr-text-in-card{font-size:clamp(2.5rem,4vw,3rem);margin:0;padding:0;height:35px}#ovr-position-container #position-text-in-card{font-size:clamp(1.2rem,3vw,2rem)}#player-name-in-card{text-align:center;bottom:25%;left:50%;transform:translate(-50%);font-size:clamp(1.3rem,4vw,2rem);font-weight:100}.flag-main-container{display:flex;justify-content:center;align-items:center;position:absolute;bottom:16%;width:100%;background-color:transparent}.flag-main-container.two-flags{gap:80px}.flag-main-container.three-flags{gap:52px}.flag-common-css{z-index:9;height:clamp(1.3rem,3vw,2.2rem);background-color:inherit}#trainingLevel-in-card{bottom:4.5%;width:100%;font-size:clamp(2.5rem,2vw,8rem);text-align:center;font-weight:900;color:#fff}.rank-img{position:absolute;height:16%;z-index:9;bottom:2%;left:41.9%}@media (max-width: 1200px){#trainingLevel-in-card{bottom:4.8%;width:100%;font-size:clamp(1rem,18px,1.5rem);text-align:center;font-weight:900;color:#fff;left:.2%}.rank-img{position:absolute;height:17%;z-index:9;bottom:1%;left:41.6%}#card-comp{width:256px;height:256px}.flag-main-container{margin-bottom:2px;margin-left:1%}.flag-main-container.two-flags{gap:42px}.flag-main-container.three-flags{gap:29px}#player-comp-img{width:100%;top:1px;left:0;margin:0 auto}#ovr-position-container{top:9.5%;left:22%}#ovr-position-container #ovr-text-in-card{font-size:36px}#ovr-position-container #position-text-in-card{font-size:24px}#player-name-in-card{font-size:22px;bottom:25%}.flag-common-css{width:24px;height:24px}}@media (max-width: 768px){#trainingLevel-in-card{bottom:11.8%;width:100%;font-size:clamp(1rem,18px,1.5rem);text-align:center;font-weight:900;color:#fff;left:.1%}.rank-img{position:absolute;height:13.8%;z-index:9;bottom:9%;left:43.1%}#main-img-div{width:21rem;max-width:100%;display:flex;justify-content:center}.flag-main-container{gap:9%;margin-bottom:19px;margin-left:1px}#player-comp-img{width:84%;top:1px;right:60px;margin:0 auto}#ovr-position-container{top:16%;left:26%}#ovr-position-container #ovr-text-in-card{font-size:36px}#ovr-position-container #position-text-in-card{font-size:24px}#player-name-in-card{font-size:22px;bottom:29%}.flag-common-css{width:24px;height:24px}}@media (min-width: 1201px){#trainingLevel-in-card{font-size:clamp(2.1rem,50px,2rem);bottom:5.3%}#card-comp{width:480px;height:480px}#main-img-div{width:33rem;max-width:98%;display:flex;justify-content:center}#player-name-in-card{font-size:41.25px;bottom:25.4%}#player-comp-img{width:99%;top:100px}.flag-common-css{width:45px;height:45px}.flag-main-container{gap:53px;margin-bottom:8px;margin-left:0}.flag-main-container.two-flags{gap:75px}#ovr-position-container{top:9.8%;left:22%}#ovr-position-container #position-text-in-card{font-size:45px}#ovr-position-container #ovr-text-in-card{font-size:67.5px;height:72px}}@media (max-width: 380px){#trainingLevel-in-card{bottom:23.1%;width:100%;font-size:clamp(.8rem,10px,1.5rem);text-align:center;font-weight:900;color:#fff}.rank-img{position:absolute;height:9.8%;z-index:9;bottom:21%;left:137.5px}#main-img-div{width:21rem;max-width:100%;display:flex;justify-content:center}.flag-main-container.two-flags{gap:30px}.flag-main-container.three-flags{gap:7%}#card-comp{width:180px;height:180px}.flag-main-container{gap:17%;margin-bottom:44px;margin-left:1px}#player-comp-img{width:59%}#ovr-position-container{top:26.2%;left:33%}#ovr-position-container #ovr-text-in-card{font-size:24px;height:25px}#ovr-position-container #position-text-in-card{font-size:16px}#player-name-in-card{font-size:15px;bottom:35%}.flag-common-css{width:16px;height:16px}}@media (max-width: 369px){#trainingLevel-in-card{bottom:21.5%;width:100%;font-size:clamp(.8rem,10px,1.5rem);text-align:center;font-weight:900;color:#fff}.rank-img{position:absolute;height:10.19%;z-index:9;bottom:19.5%;left:45%}#main-img-div{width:20rem;max-width:100%;display:flex;justify-content:center}.flag-main-container{gap:7%;margin-bottom:39px;margin-left:1px}#player-comp-img{width:62.9%}#ovr-position-container{top:25%;left:32%}#ovr-position-container #ovr-text-in-card{font-size:24px;height:25px}#ovr-position-container #position-text-in-card{font-size:16px}#player-name-in-card{font-size:15px;bottom:34.3%}.flag-common-css{width:16px;height:16px}}.loader{width:35px;height:35px;border:4px solid;border-color:#3fb28f transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:CruyffFont;src:url(../../public/fonts/CruyffSansCondensed_tff/Cruyff-Sans-Condensed.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:OnestFont;src:url(../../public/fonts/onest_ttf/OnestRegular1602-hint.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffMedium;src:url(../../public/fonts/CruyffSansMedium_tff/CruyffSans-Medium.tff) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffCondensedMedium;src:url(../../public/fonts/CruyffSansCondensed-Medium.ttf/CruyffSansCondensed-Medium) format("truetype");font-weight:400;font-style:normal}.cruyff-font,.multiple-cards-div-2 .wrapped-cardObj-sm .ovr-position-container-sm .ovr-text-in-card-sm,.multiple-cards-div-2 .wrapped-cardObj-sm .ovr-position-container-sm .position-text-in-card-sm,.multiple-cards-div-2 .wrapped-cardObj-sm .player-name-in-card-sm,.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-ovr-position-container-sm .search-ovr-text-in-card-sm,.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-ovr-position-container-sm .search-position-text-in-card-sm,.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-player-name-in-card-sm{font-family:CruyffFont,sans-serif}.field-container-common,.feature-box,.modal-feature-box,.main-btn,.button-div-wrapper .wrapped-btn,.button-div .btn-35,.button-div .btn-65,.button-div .btn-100{background-color:#212124;color:#fff;height:3.5rem;border-radius:10px;padding:.5rem 1rem}.common-card-txt-css,.multiple-cards-div-2 .wrapped-cardObj-sm .ovr-position-container-sm,.multiple-cards-div-2 .wrapped-cardObj-sm .player-name-in-card-sm,.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-ovr-position-container-sm,.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-player-name-in-card-sm{z-index:10;position:absolute;background-color:transparent;font-weight:bolder;text-transform:uppercase;white-space:pre}.feature-box,.modal-feature-box{flex:1;position:relative;box-sizing:border-box;flex:1 1 30%;min-width:200px}.feature-box input,.modal-feature-box input{all:unset;box-sizing:border-box}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay.active{display:flex}.modal-content{background-color:#151515;color:#fff;padding:1.3rem;border-radius:1rem;max-width:500px;min-width:320px;width:90%;position:relative;text-align:center;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}@media (max-height: 750px){.modal-content{width:70%;margin:1rem}}@media screen and (width: 540px) and (height: 720px){.modal-content{width:50%}}.modal-content h2{margin-top:0;background-color:inherit;margin-bottom:.5rem;align-self:flex-start}.modal-content p{background-color:inherit}.modal-content .close-btn,.modal-content .back-btn{position:absolute;top:1.5rem;right:1.8rem;background-color:transparent;color:#fff;border:none;cursor:pointer}.modal-content .close-btn img,.modal-content .back-btn img{height:20px}.modal-content .back-btn{left:2rem;width:20px}.sketch-picker-div{display:flex;justify-content:center;background-color:inherit}.sketch-picker-div .Chome-picker{background-color:inherit;border-radius:15px}.flexbox-fix{display:none}.multiple-cards-div{display:grid;grid-template-columns:1fr 1fr;gap:1rem;box-sizing:border-box;width:100%;overflow:hidden;flex-wrap:wrap;height:50vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}@media (min-width: 768px){.multiple-cards-div{grid-template-columns:1fr 1fr 1fr}}.multiple-cards-div ::-webkit-scrollbar{display:none}.multiple-cards-div .wrapped-card{min-width:0;cursor:pointer;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.multiple-cards-div .wrapped-card img{padding:10px;height:9rem;box-sizing:border-box;object-fit:cover;background-color:#212124;border-radius:15px}@media (max-width: 570px){.multiple-cards-div .wrapped-card img{height:8rem}}.upload-btn{display:flex;align-items:center;justify-content:space-between;width:100%}.upload-btn img{height:16px}.multiple-cards-div-2{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;width:100%;overflow:hidden;height:50vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.multiple-cards-div-2 .wrapped-cardObj-card{display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.multiple-cards-div-2 .wrapped-cardObj-card p{margin-left:1rem}.multiple-cards-div-2 .wrapped-cardObj-card .wrapped-cardObj-card-p{word-wrap:break-word;overflow:auto}.multiple-cards-div-2 .wrapped-cardObj-card .wrapped-cardObj-card-img{height:3rem}.multiple-cards-div-2 .wrapped-cardObj-sm{height:8rem;box-sizing:border-box;position:relative}.multiple-cards-div-2 .wrapped-cardObj-sm .wrapped-cardObj-sm-card-img{width:180px;height:180px;z-index:7;object-fit:contain;min-width:8rem}.multiple-cards-div-2 .wrapped-cardObj-sm .wrapped-cardObj-sm-player-img{z-index:8;width:100%;height:100%;position:absolute;object-fit:contain;pointer-events:none;margin:0 auto;top:0;left:0}.multiple-cards-div-2 .wrapped-cardObj-sm .ovr-position-container-sm{top:10%;left:22.5%;position:absolute;display:flex;flex-direction:column;align-items:center}.multiple-cards-div-2 .wrapped-cardObj-sm .ovr-position-container-sm .ovr-text-in-card-sm{margin:0;padding:0;height:12px;font-size:small}.multiple-cards-div-2 .wrapped-cardObj-sm .ovr-position-container-sm .position-text-in-card-sm{font-size:x-small}.multiple-cards-div-2 .wrapped-cardObj-sm .player-name-in-card-sm{text-align:center;width:100%;bottom:30%;font-size:x-small}.multiple-cards-div-2 .wrapped-cardObj-sm .flag-main-container-sm{display:flex;justify-content:center;align-items:center;gap:.5rem;position:absolute;bottom:12%;width:100%;background-color:transparent;margin:5px 0}.multiple-cards-div-2 .wrapped-cardObj-sm .flag-common-css-sm{z-index:9;height:1rem;background-color:inherit}.modal-feature-box{text-align:left;justify-content:flex-start}.modal-feature-box button{border:none;cursor:pointer;color:inherit;background-color:transparent;text-align:start}.color-picker-save-button{background-color:#3fb28f;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;width:47%;align-self:center;cursor:pointer;transition:background-color .3s ease}.color-picker-save-button:hover{opacity:.9}.search-multiple-cards-div-2{display:grid;grid-template-columns:1fr 1fr;row-gap:.7rem;column-gap:0;box-sizing:border-box;width:100%;overflow:hidden;height:50vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;justify-items:center;align-content:start}.search-multiple-cards-div-2 .search-wrapped-cardObj-card{display:flex;justify-content:center;align-items:flex-start;cursor:pointer}.search-multiple-cards-div-2 .search-wrapped-cardObj-card p{margin-left:1rem}.search-multiple-cards-div-2 .search-wrapped-cardObj-card .search-wrapped-cardObj-card-p{word-wrap:break-word;overflow:auto}.search-multiple-cards-div-2 .search-wrapped-cardObj-card .search-wrapped-cardObj-card-img{height:3rem}.search-multiple-cards-div-2 .search-wrapped-cardObj-sm{background-color:#212124;border-radius:15px;height:11.25rem;box-sizing:border-box;position:relative}.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-wrapped-cardObj-sm-card-img{height:100%;z-index:7;object-fit:contain;min-width:8rem;position:relative;display:block}.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-wrapped-cardObj-sm-player-img{z-index:8;width:100%;height:100%;position:absolute;object-fit:contain;pointer-events:none;margin:0 auto;top:0;left:0}.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-ovr-position-container-sm{top:9.5%;left:20.5%;position:absolute;display:flex;flex-direction:column;align-items:center}.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-ovr-position-container-sm .search-ovr-text-in-card-sm{margin:0;padding:0;height:24px;font-size:23px}.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-ovr-position-container-sm .search-position-text-in-card-sm{font-size:15px;margin-left:-1px}.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-player-name-in-card-sm{right:0%;width:100%;bottom:25.5%;font-size:15px;position:absolute}.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-flag-main-container-sm{display:flex;justify-content:center;align-items:center;gap:10%;position:absolute;bottom:13.5%;width:100%;background-color:transparent;margin:5px 0}.search-multiple-cards-div-2 .search-wrapped-cardObj-sm .search-flag-common-css-sm{z-index:9;height:18px;width:18px;background-color:inherit}@media (max-width: 600px){.search-multiple-cards-div-2{grid-template-columns:1fr}}.player-images-modal-wrapper{display:grid;grid-template-columns:repeat(2,180px);justify-content:center;gap:1rem;width:100%;height:55vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.player-images-modal-wrapper::-webkit-scrollbar{display:none}.player-image-item{width:180px;height:180px}.player-image-box{width:180px;height:180px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:15px;background:#212124;overflow:hidden}.player-image-img{width:180px;height:180px;object-fit:contain;border-radius:10px}@media (max-width: 600px){.player-images-modal-wrapper{grid-template-columns:repeat(1,180px);justify-content:center}}@font-face{font-family:CruyffFont;src:url(../../public/fonts/CruyffSansCondensed_tff/Cruyff-Sans-Condensed.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:OnestFont;src:url(../../public/fonts/onest_ttf/OnestRegular1602-hint.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffMedium;src:url(../../public/fonts/CruyffSansMedium_tff/CruyffSans-Medium.tff) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CruyffCondensedMedium;src:url(../../public/fonts/CruyffSansCondensed-Medium.ttf/CruyffSansCondensed-Medium) format("truetype");font-weight:400;font-style:normal}.onest-font,*{font-family:OnestFont,sans-serif}.cruyff-font{font-family:CruyffFont,sans-serif}.cruyff-font-medium{font-family:CruyffMedium,sans-serif}.cruyff-condensed-font-medium{font-family:CruyffCondensedMedium,sans-serif}*{margin:0;padding:0}li{list-style:none}a{text-decoration:none}.field-container-common,.feature-box,.main-btn,.button-div-wrapper .wrapped-btn,.button-div .btn-35,.button-div .btn-65,.button-div .btn-100{background-color:#212124;color:#fff;height:3.5rem;border-radius:10px;padding:.5rem 1rem}.main-btn,.button-div-wrapper .wrapped-btn,.button-div .btn-35,.button-div .btn-65,.button-div .btn-100{border:none;cursor:pointer;transition:border-color .3s ease;border:2px solid transparent}.main-btn:hover,.button-div-wrapper .wrapped-btn:hover,.button-div .btn-35:hover,.button-div .btn-65:hover,.button-div .btn-100:hover{background-color:#3d3d3f}.main-btn:active,.button-div-wrapper .wrapped-btn:active,.button-div .btn-35:active,.button-div .btn-65:active,.button-div .btn-100:active{border-color:#ffffff26}.common-img-css{position:absolute;background-color:transparent;pointer-events:none;object-fit:contain}.common-card-txt-css{z-index:10;position:absolute;background-color:transparent;font-weight:bolder;text-transform:uppercase;white-space:pre}.button-div{box-sizing:border-box;display:flex;gap:.75rem;flex:1}.button-div .btn-100{width:100%}@media (max-width: 64rem){.button-div .btn-100{flex:1}}.button-div .btn-100 .flagu{max-width:100%;max-height:20px;object-fit:contain;display:block;margin:0 auto}.button-div .btn-65{width:65%}@media (max-width: 64rem){.button-div .btn-65{flex:1}}.button-div .btn-35{height:auto;width:65%;font-weight:600;padding:0;font-size:small;font-weight:500;color:#fff}@media (max-width: 64rem){.button-div .btn-35{flex:1}}.zoom-btn{height:auto;display:flex;justify-content:space-around;align-items:center}.zoom-btn button{bottom:unset;background:none;border:none;color:inherit;padding:0;font:inherit;box-shadow:none;font-size:large;cursor:pointer}@media (max-width: 64rem){.zoom-btn button{font-size:x-large}}.button-div-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;box-sizing:border-box;width:100%;overflow:hidden;flex-wrap:wrap}.button-div-wrapper .wrapped-btn{flex:1 1 200px;min-width:0;box-sizing:content-box}.feature-box{flex:1;position:relative;box-sizing:border-box;flex:1 1 30%;min-width:200px}.feature-box input{all:unset;box-sizing:border-box}.notice-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.notice-modal-overlay.active{display:flex}.notice-modal-content{background-color:#151515;color:#fff;padding:1.3rem;border-radius:1rem;max-width:320px;min-width:320px;width:90%;position:relative;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.notice-modal-content .notice-close-btn{position:absolute;top:1.5rem;right:1.8rem;background-color:transparent;color:#fff;border:none;cursor:pointer}.notice-modal-content .notice-title{font-size:1.2rem;color:"#fff";text-align:left}.notice-modal-content .notice-message{font-size:1rem;color:"#ccc";opacity:90%;text-align:left}.notice-modal-content .notice-button{display:inline-flex;position:relative;overflow:hidden;align-items:center;justify-content:center;background-color:#3fb28f;color:#fff;font-weight:500;padding:.2rem;border-radius:.375rem;cursor:pointer;height:2.5rem;border-radius:10px;border:none;font-size:large}.notice-modal-content .notice-button:hover{opacity:.9}.notice-modal-content img{height:20px}