@font-face{font-family:NotoSansKR;font-style:normal;font-weight:400;src:url(/static/media/NotoSansKR-Regular.9bc92a36ed81392f698b.ttf) format("ttf")}@font-face{font-family:NotoSansKR;font-style:normal;font-weight:700;src:url(/static/media/NotoSansKR-Bold.f064e139058bfd9df2fb.ttf) format("ttf")}body,html{background-color:#fff;font-family:NotoSansKR,sans-serif;height:100%;margin:0;padding:0;width:100%}h1{font-size:clamp(32px,4vw,48px);font-size:var(--font-xlarge);font-weight:700}h2{font-size:clamp(24px,3vw,36px);font-size:var(--font-large)}h3{font-size:clamp(12px,1.5vw,18px);font-size:var(--font-medium)}p{font-size:clamp(10px,1vw,16px);font-size:var(--font-small)}.signup-frame{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;height:90%;justify-content:center;left:50%;max-width:600px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2}.signup-frame .signup-container{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:clamp(30px,2vw,60px);width:100%}.signup-frame .signup-container form{display:flex;flex-direction:column;gap:20px}.signup-frame .signup-container form .back-number,.signup-frame .signup-container form .name,.signup-frame .signup-container form .position,.signup-frame .signup-container form .role{display:flex;flex-direction:column;gap:10px}.signup-frame .signup-container form .back-number label,.signup-frame .signup-container form .name label,.signup-frame .signup-container form .position label,.signup-frame .signup-container form .role label{color:#333;font-size:12px;font-weight:700}.signup-frame .signup-container form .back-number input,.signup-frame .signup-container form .back-number select,.signup-frame .signup-container form .name input,.signup-frame .signup-container form .name select,.signup-frame .signup-container form .position input,.signup-frame .signup-container form .position select,.signup-frame .signup-container form .role input,.signup-frame .signup-container form .role select{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;transition:border-color .3s}.signup-frame .signup-container form .back-number input:focus,.signup-frame .signup-container form .back-number select:focus,.signup-frame .signup-container form .name input:focus,.signup-frame .signup-container form .name select:focus,.signup-frame .signup-container form .position input:focus,.signup-frame .signup-container form .position select:focus,.signup-frame .signup-container form .role input:focus,.signup-frame .signup-container form .role select:focus{border-color:#007bff;outline:none}.signup-frame .signup-container form .name input{background-color:#e9ecef;color:#495057;cursor:not-allowed}.signup-frame .signup-container form .role{display:flex;flex-direction:column}.signup-frame .signup-container form .role div{display:flex;gap:15px}.signup-frame .signup-container form .role input[type=radio]{margin-right:5px}.signup-frame .signup-container form .error{color:red;font-size:14px;margin-top:-5px}.signup-frame .signup-container form .profile{display:flex;flex-direction:column;margin-top:10px}.signup-frame .signup-container form .profile label{color:#333;font-size:12px;font-weight:700}.signup-frame .signup-container form .profile .profile-preview-container{align-items:center;display:flex;justify-content:center;margin-top:10px}.signup-frame .signup-container form .profile .card-gold{align-items:center;background:linear-gradient(135deg,#fff8e1 5%,#e6b800 25%,#d4af37 50%,#c99500 75%,#fff8e1 95%);border-radius:5px;box-shadow:0 8px 15px #0000004d;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);cursor:pointer;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:300px;justify-content:flex-start;position:relative;text-align:center;transition:transform .3s ease-in-out;width:200px}.signup-frame .signup-container form .profile .card-gold:hover{transform:translateY(-5px)}.signup-frame .signup-container form .profile .card-gold .profile-section{align-items:flex-end;background-position:top;background-size:cover;border:none;border-radius:0;display:flex;height:150px;justify-content:center;margin:0;position:relative;width:200px}.signup-frame .signup-container form .profile .card-gold .profile-section .vertical-info{align-items:center;background:#00000080;color:#fff;display:flex;flex-direction:column;font-size:1em;font-weight:700;height:100%;justify-content:flex-start;left:0;position:absolute;text-align:center;top:0;width:40px}.signup-frame .signup-container form .profile .card-gold .profile-section .vertical-info .score{font-size:1.2em;margin-top:5px}.signup-frame .signup-container form .profile .card-gold .profile-section .vertical-info .position{font-size:.8em;margin-bottom:5px;margin-top:5px;text-align:center;white-space:nowrap;width:30px}.signup-frame .signup-container form .profile .card-gold .profile-section .vertical-info .role{align-self:center;border-radius:5px;color:#fff;font-size:.8em;font-weight:700;margin-bottom:10px;margin-top:auto;padding:3px 5px;text-align:center;width:-webkit-fit-content;width:fit-content}.signup-frame .signup-container form .profile .card-gold .profile-section .vertical-info .role.coach{background:red}.signup-frame .signup-container form .profile .card-gold .profile-section .vertical-info .role.player{background:blue}.signup-frame .signup-container form .profile .card-gold .name-section{align-items:center;display:flex;font-size:1em;font-weight:700;justify-content:center;padding:10px;width:100%}.signup-frame .signup-container form .profile .card-gold .name-section .name{color:#000;flex-grow:1;font-size:16px;padding-left:10px;text-align:left}.signup-frame .signup-container form .profile .card-gold .name-section .back-number{background:#6c757d;border-radius:5px;color:#fff;font-size:.8em;margin-right:10px;padding:3px 8px;text-align:center}.signup-frame .signup-container form .profile .image-upload-box{align-items:center;border:2px dashed #ccc;cursor:pointer;display:flex;height:150px;justify-content:center;position:relative;width:200px}.signup-frame .signup-container form .profile .image-upload-box img{border-radius:5px;height:100%;object-fit:cover;width:100%}.signup-frame .signup-container form .profile .image-upload-box span{color:#ccc;font-size:50px}.signup-frame .signup-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background .3s}.signup-frame .signup-container button:disabled{background-color:#ccc;cursor:not-allowed}.signup-frame .signup-container button:hover:not(:disabled){background-color:#0056b3}.alert-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.custom-alert{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;padding:20px;text-align:center;transition:all .3s ease-in-out;width:320px}.custom-alert .alert-icon{height:40px;width:40px}.custom-alert .alert-message{font-size:16px}.custom-alert .alert-buttons{display:flex;gap:30px;justify-content:center}.custom-alert .alert-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 15px}.custom-alert .alert-buttons .confirm-btn{background:#1570ef;background:var(--background-win-color);color:#fff}.custom-alert .alert-buttons .close-btn{background:gray;color:#fff}
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.overlay-cropper{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.overlay-cropper .modal-cropper{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:16px}.overlay-cropper .cropper-instruction{text-align:center}.overlay-cropper .button-group{display:flex;justify-content:space-between;margin-top:10px}.overlay-cropper .button-group button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px;transition:background .3s}.overlay-cropper .button-group button:first-child{background:#f5f5f5;color:#333}.overlay-cropper .button-group button:last-child{background:#007bff;color:#fff}.overlay-cropper .button-group button:hover{opacity:.8}.loading{align-items:center;display:flex;height:50px;justify-content:center;margin-top:20px}.loading .spinner{animation:rotate 2s linear infinite;height:50px;width:50px}.loading .spinner .path{stroke:#0d5bbf;stroke:var(--primary-color);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.login-frame{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:80%;justify-content:center;left:50%;max-width:768px;position:relative;top:50%;transform:translate(-50%,-50%);width:400px;z-index:2}@media(max-width:450px){.login-frame{width:90%}}.login-frame .login-header{align-items:center;display:flex;flex-direction:column;gap:5px;height:40%;justify-content:center;text-align:center;width:100%}.login-frame .login-header .team-logo{height:auto;margin:0 20px;width:25%;z-index:3}.login-frame .login-header .service-logo{height:auto;margin:0 20px;width:50%;z-index:3}.login-frame .login-header h2{font-size:clamp(6px,4vw,18px)}.login-frame .login-middle{align-items:center;display:flex;flex-direction:column;height:30%;justify-content:center;margin:0 20px;text-align:center;width:100%}.login-frame .login-middle .naver-login-button{cursor:pointer;margin-bottom:40px;transition:transform .2s ease,opacity .2s ease;width:40%}.login-frame .login-middle .naver-login-button:hover{opacity:.8;transform:scale(1.1)}.login-frame .login-middle .naver-login-button:active{transform:scale(.95)}.login-frame .login-middle hr{width:50%}.login-frame .login-bottom{align-items:center;display:flex;flex-direction:column;height:5%;margin:0 20px;text-align:center;width:50%}.login-frame .login-bottom .demo-link{cursor:pointer;font-size:clamp(8px,4vw,12px)}.login-frame .login-bottom .demo-link:hover{color:#0d5bbf;text-decoration:underline}.login-frame .login-bottom .logo-sns{bottom:10%;height:auto;left:50%;position:absolute;transform:translateX(-50%);width:8%;z-index:3}.card-container{display:flex;flex-direction:column;gap:20px}.card-container .no-data{color:gray;font-size:18px;margin-top:20px}.card-container .card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:row;justify-content:space-between;position:relative;transition:transform .3s ease,box-shadow .3s ease}.card-container .card h3{font-size:1.2rem;font-weight:700;margin:0}.card-container .card p{font-size:.8rem;margin:0}.card-container .card:hover{box-shadow:0 4px 8px #0003;cursor:pointer;transform:translateY(-5px)}.card-container .card:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.card-container .card.editable{cursor:pointer}.card-container .card.editable:hover{background-color:#f9f9f9}.card-container .card.editable .card-checkbox{display:block}.card-container .card.editable .card-content{margin-right:40px}.card-container .card .card-checkbox{cursor:pointer;display:none;height:15px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px}.card-container .card .card-content{align-items:center;display:flex;flex:1 1;gap:15px;justify-content:flex-start;transition:margin-right .3s ease}.card-container .card .card-content>div{word-wrap:break-word;flex-shrink:0;overflow:hidden;white-space:normal;word-break:break-word}.card-container .card .card-content .flag-info{align-items:center;border-radius:5px;display:flex;flex-direction:column;font-size:.9rem;padding:10px;width:50px}.card-container .card .card-content .flag-info p:first-child{font-size:.5rem;margin-bottom:5px}.card-container .card .card-content .flag-info p:last-child{font-size:.7rem;font-weight:700;text-transform:uppercase}.card-container .card .card-content .flag-info[data-result=승리]{background-color:#1570ef;background-color:var(--background-win-color);color:#fff}.card-container .card .card-content .flag-info[data-result=패배]{background-color:#e34647;background-color:var(--background-lose-color);color:#fff}.card-container .card .card-content .flag-info[data-result=무승부]{background-color:#f0f0f0;color:#666}.card-container .card .card-content .team-info{display:flex;flex-direction:row;text-align:center;width:20%}.card-container .card .card-content .team-info p{font-size:.7rem;margin:10px}.card-container .card .card-content .score-info{display:flex;gap:2px;text-align:center;width:10%}.card-container .card .card-content .score-info p{font-size:.7rem;font-weight:400}.card-container .card .card-content .score-info[data-result=승리] p:first-child{color:#1570ef;color:var(--background-win-color);font-weight:700}.card-container .card .card-content .score-info[data-result=패배] p:last-child{color:#e34647;color:var(--background-lose-color);font-weight:700}.card-container .card .card-content .location-info{display:flex;gap:.7rem;width:25%}.card-container .card .card-content .location-info img{width:.7rem}.card-container .card .card-content .location-info p{font-size:.7rem}.load-more{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.load-more:hover{background-color:#0056b3}.floating-bar{background-color:#f9f9f9;border-radius:50px;bottom:7%;box-shadow:0 4px 6px #0000001a;display:flex;gap:0;height:50px;left:50%;min-width:400px;overflow:hidden;padding:0;position:fixed;transform:translateX(-50%);transition:box-shadow .3s ease,transform .3s ease;width:auto;z-index:1000}.floating-bar:hover{box-shadow:0 6px 10px #00000026;transform:translateX(-50%) scale(1.02)}@media screen and (max-width:768px){.floating-bar{height:45px;min-width:300px}}@media screen and (max-width:480px){.floating-bar{height:40px;min-width:200px}}.action-button{align-items:center;background:#f9f9f9;border:none;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:700;height:100%;justify-content:center;padding:0 10px;transition:background-color .3s ease,color .3s ease,transform .3s ease}.action-button.confirm{background-color:#007bff;color:#fff}.action-button.confirm:hover{background-color:#0056b3;transform:scale(1.1)}.action-button.cancel{background-color:#ff4d4f;color:#fff}.action-button.cancel:hover{background-color:#d9363e;transform:scale(1.1)}.action-button:not(:last-child){border-right:1px solid #f0f0f0}.action-button:hover{box-shadow:0 4px 8px #0000001a}@media screen and (max-width:768px){.action-button{font-size:.9rem;padding:0 8px}}@media screen and (max-width:480px){.action-button{font-size:.8rem;padding:0 6px}}.navigation-bar{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;max-width:768px;padding:0 20px;position:fixed;top:0;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:1000}.navigation-bar .page-navigator{display:flex;list-style:none;margin:0;padding:0;position:relative}.navigation-bar .page-navigator .active-indicator{background-color:#0d5bbf;background-color:var(--primary-color);border-radius:3px;bottom:150%;height:4px;left:0;position:absolute;transition:all .3s ease;width:0}.navigation-bar .page-navigator .nav-item{color:#000;cursor:pointer;font-size:16px;font-weight:300;padding:0 40px;position:relative;transition:color .3s ease}.navigation-bar .page-navigator .nav-item.active,.navigation-bar .page-navigator .nav-item:hover{font-weight:600}.navigation-bar .profile-section{align-items:center;cursor:pointer;display:flex;gap:10px;min-width:120px}.navigation-bar .profile-section .profile-photo{background-color:#c4c4c4;border-radius:50%;height:40px;overflow:hidden;width:40px}.navigation-bar .profile-section .profile-photo img{height:100%;object-fit:cover;width:100%}.navigation-bar .profile-section .profile-info{color:#000;display:flex;flex-direction:column;font-size:14px}.navigation-bar .profile-section .profile-info .name{font-weight:700}.navigation-bar .profile-section .profile-info .position{color:#555;font-size:12px}@media(max-width:768px){.navigation-bar{height:50px;padding:0 10px}.navigation-bar .page-navigator .nav-item{font-size:12px;padding:0 30px}.navigation-bar .profile-section{gap:8px;min-width:80px}.navigation-bar .profile-section .profile-photo{height:30px;width:30px}.navigation-bar .profile-section .profile-info{font-size:10px}.navigation-bar .profile-section .profile-info .position{font-size:9px}}@media(max-width:480px){.navigation-bar{height:45px;padding:0 5px}.navigation-bar .page-navigator .active-indicator{height:3px}.navigation-bar .page-navigator .nav-item{font-size:11px;padding:0 20px}.navigation-bar .profile-section{gap:0;justify-content:flex-end;min-width:auto;padding-right:15px}.navigation-bar .profile-section .profile-photo{height:28px;width:28px}.navigation-bar .profile-section .profile-info{display:none}}.team-stat,.user-stat{align-items:center;background:#fff;display:flex;flex-direction:column;gap:10px;justify-content:center}.team-stat .header,.user-stat .header{align-items:flex-start;display:flex;flex-direction:column;text-align:left;width:100%}.team-stat .header h2,.user-stat .header h2{margin:20px}.team-stat .stats-table,.user-stat .stats-table{border-collapse:collapse;border-radius:10px;font-size:.8em;margin-bottom:40px;overflow:hidden;text-align:center;width:100%}.team-stat .stats-table tr td,.user-stat .stats-table tr td{border-bottom:1px solid #ddd;padding:5px}.team-stat .stats-table tr td img,.user-stat .stats-table tr td img{height:20px;width:20px}.team-stat .stats-table tr.gold-rank,.user-stat .stats-table tr.gold-rank{background-color:gold;font-weight:700}.team-stat .stats-table tr.silver-rank,.user-stat .stats-table tr.silver-rank{background-color:silver;font-weight:700}.team-stat .stats-table tr.bronze-rank,.user-stat .stats-table tr.bronze-rank{background-color:#cd7f32;font-weight:700}.team-stat .stats-table thead,.user-stat .stats-table thead{background-color:#1570ef;background-color:var(--background-win-color);color:#fff}.team-stat .stats-table thead th,.user-stat .stats-table thead th{cursor:pointer;padding:5px;text-align:center}.team-stat .stats-table thead th.sortable:after,.user-stat .stats-table thead th.sortable:after{content:"▲";font-size:12px;margin-left:5px;opacity:.5}@media screen and (max-width:450px){.team-stat .stats-table thead th.sortable:after,.user-stat .stats-table thead th.sortable:after{font-size:10px}}.team-stat .stats-table thead th.sortable.desc:after,.user-stat .stats-table thead th.sortable.desc:after{content:"▼"}.team-stat .stats-table thead th.sortable.asc:after,.user-stat .stats-table thead th.sortable.asc:after{content:"▲"}.team-stat .stats-table tbody tr:hover,.user-stat .stats-table tbody tr:hover{background-color:#f1f1f1}.team-stat .stats-table tbody .total-row,.user-stat .stats-table tbody .total-row{background-color:#f8f8f8;font-weight:700;text-align:center}.team-stat .stats-table tbody .total-row td,.user-stat .stats-table tbody .total-row td{border-top:2px solid #ddd;padding:10px}.team-stat .no-data,.user-stat .no-data{color:gray;font-size:18px;margin-top:20px}.user-container{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);justify-content:center}@media(max-width:800px){.user-container{grid-template-columns:repeat(2,1fr);justify-content:center;place-items:center}}@media(max-width:460px){.user-container{grid-template-columns:repeat(1,1fr);justify-content:center;place-items:center}}.user-container .card{align-items:center;border-radius:5px;box-shadow:0 8px 15px #0000004d;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);cursor:pointer;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:300px;justify-content:flex-start;position:relative;text-align:center;transition:transform .3s ease-in-out;width:200px}.user-container .card:hover{transform:translateY(-5px)}.user-container .card.gold{background:linear-gradient(135deg,#fff8e1 5%,#e6b800 25%,#d4af37 50%,#c99500 75%,#fff8e1 95%)}.user-container .card.gold .name-section{background:#d4af37;color:#fff}.user-container .card.silver{background:linear-gradient(135deg,#f2f2f2 5%,#d9d9d9 25%,#b3b3b3 50%,#a6a6a6 75%,#f2f2f2 95%)}.user-container .card.silver .name-section{background:#b3b3b3;color:#fff}.user-container .card.bronze{background:linear-gradient(135deg,#f2e6d9 5%,#e0a96d 25%,#c57b57 50%,#9f5630 75%,#f2e6d9 95%)}.user-container .card.bronze .name-section{background:#c57b57;color:#fff}.user-container .card .profile-section{align-items:flex-end;background-position:top;background-size:cover;display:flex;height:150px;justify-content:center;position:relative;width:200px}.user-container .card .profile-section .vertical-info{align-items:center;background:#00000080;color:#fff;display:flex;flex-direction:column;font-size:1em;font-weight:700;height:100%;justify-content:flex-start;left:0;position:absolute;text-align:center;top:0;width:40px}.user-container .card .profile-section .vertical-info .score{font-size:1.2em;margin-top:5px}.user-container .card .profile-section .vertical-info .position{font-size:.8em;margin-bottom:5px;margin-top:5px;text-align:center;white-space:nowrap;width:30px}.user-container .card .profile-section .vertical-info .role{align-self:center;border-radius:5px;color:#fff;font-size:.8em;font-weight:700;margin-bottom:10px;margin-top:auto;padding:3px 5px;text-align:center;width:-webkit-fit-content;width:fit-content}.user-container .card .profile-section .vertical-info .role.coach{background:red}.user-container .card .profile-section .vertical-info .role.player{background:blue}.user-container .card .name-section{align-items:center;display:flex;font-size:1em;font-weight:700;justify-content:center;padding:10px;width:100%}.user-container .card .name-section .name{color:#000;flex-grow:1;padding-left:10px;text-align:left}.user-container .card .name-section .back-number{background:#6c757d;border-radius:5px;color:#fff;font-size:.8em;margin-right:10px;padding:3px 8px;text-align:center}.user-container .card .stat-section{display:flex;justify-content:center;padding:5px 10px;width:100%}.user-container .card .stat-section .stat-table{background:#0000;border-collapse:collapse;color:#000;font-size:.9em;text-align:center;width:100%}.user-container .card .stat-section .stat-table thead{font-weight:700}.user-container .card .stat-section .stat-table td,.user-container .card .stat-section .stat-table th{padding:3px}.user-container .card .stat-section .stat-table thead tr{border-bottom:1px solid #000}.gray-background .content{margin-bottom:100px;margin-top:0!important}.top-floating-area{align-items:center;background-color:#ffffffe6;background-color:#fff;box-shadow:0 2px 5px #0000001a;display:flex;height:50px;left:50%;max-width:768px;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:1000}.top-floating-area img{cursor:pointer;height:24px;padding:12px;width:24px}.profile-container{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px}.profile-container .user-image{align-items:center;background-position:50%;background-size:cover;border-radius:0;cursor:pointer;display:flex;height:150px;justify-content:center;margin-top:20px;overflow:hidden;position:relative;width:200px}.profile-container .user-image .edit-icon{align-items:center;background-color:#fff;border:.5px solid gray;border-radius:50%;bottom:0;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;width:40px;z-index:900}.profile-container .user-image .edit-icon img{height:60%;width:60%}.profile-container .user-name{color:#333;font-size:20px;font-weight:700;margin-bottom:20px;margin-top:20px}.profile-container .form-container{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;width:60%}.profile-container .form-container .info-box{align-items:center;background:#f1f1f1;border-radius:8px;color:#333;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:12px 16px;width:100%}.profile-container .form-container .info-box .label{color:#555;font-weight:700}.profile-container .form-container .info-box .value{color:#222}.profile-container .form-container .info-box .react-select-container{width:80px}.profile-container .form-container .info-box .react-select-container .custom-select__control{background-color:#fff;border-radius:4px;box-shadow:none;font-size:16px;min-height:0;min-height:auto}.profile-container .form-container .info-box .react-select-container .custom-select__placeholder,.profile-container .form-container .info-box .react-select-container .custom-select__single-value{align-items:center;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;text-align:center;width:100%}.profile-container .form-container .info-box .input-field{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #ccc;font-size:16px;padding:0;text-align:center;transition:border-color .2s ease-in-out;width:80px}.profile-container .form-container .info-box .input-field:focus{border-color:#007bff;outline:none}.profile-container .form-container .info-box .input-field:disabled{background:#e0e0e0;color:#888;cursor:not-allowed}.profile-container .form-container .info-box .input-field.num{width:80px}.profile-container .form-container .error-text{color:red;font-size:14px;margin-top:3px}.logout-button{background-color:#ff4d4f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:20px;margin-top:20px;max-width:400px;padding:12px;transition:background-color .2s;width:90%}.logout-button:hover{background-color:#c82333}.profile{background:#fff;flex-direction:column;gap:10px;margin-bottom:20px}.profile,.profile .profile-section{align-items:center;display:flex;justify-content:center}.profile .profile-section{background-position:50%;background-size:cover;border:5px solid gray;border-radius:50%;height:150px;margin-top:20px;overflow:hidden;width:150px}.profile .profile-section.gold{border:5px solid #d4af37;box-shadow:0 0 10px 3px #d4af37b3}.profile .profile-section.silver{border:5px solid #b3b3b3;box-shadow:0 0 10px 3px #b3b3b3b3}.profile .profile-section.bronze{border:5px solid #c57b57;box-shadow:0 0 10px 3px #c57b57b3}.profile .name-section{align-items:center;display:flex;flex-direction:row;justify-content:center;text-align:center}.profile .name-section .rank-icon{height:24px;margin-right:10px;width:24px}.profile .name-section .name{font-size:24px;font-weight:700;margin-right:10px}.profile .name-section .back-number{background-color:gray;border-radius:4px;color:#fff;font-size:18px;font-weight:700;padding:5px 10px}.profile .name-section p{margin:5px 0 0}.profile .info-section{display:flex;flex-direction:column}.profile .info-section .info{align-content:center;color:gray;font-weight:700;margin-bottom:15px;text-align:center;width:100%}.profile .info-section .stat{margin-bottom:20px;width:100%}.profile .info-section .stat table{border-collapse:collapse;text-align:center;width:100%}.profile .info-section .stat td,.profile .info-section .stat th{padding:8px 12px}.profile .info-section .stat thead th{border-bottom:1px solid gray;color:gray;font-weight:700}.profile .info-section .stat tbody td{border-bottom:none}.participation{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center}.participation .header{align-items:flex-start;display:flex;flex-direction:column;text-align:left;width:100%}.participation .header h2{margin:20px}.participation .calendar-header{align-items:center;display:flex;justify-content:center;margin-bottom:5px}.participation .calendar-header .nav-button{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:5px;transition:.2s ease-in-out}.participation .calendar-header .nav-button:hover{transform:scale(1.1)}.participation .calendar{grid-gap:3px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:grid;gap:3px;grid-auto-flow:row;grid-template-columns:repeat(7,minmax(30px,1fr));margin-bottom:20px;max-width:400px;place-items:center;text-align:center;width:100%}.participation .calendar .calendar-weekday{color:#333;font-size:1em;font-weight:700;max-width:40px;padding:5px 0;width:100%}.participation .calendar .empty-cell{opacity:0}.participation .calendar .calendar-day{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #0000;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#333;display:flex;font-size:.9rem;font-weight:700;justify-content:center;max-width:40px;position:relative;transition:background .3s ease;width:100%}.participation .calendar .calendar-day.participated{border:2px solid #1570ef;border:2px solid var(--background-win-color)}.participation .calendar .calendar-day.join-date{background:green;color:#fff}.participation .calendar .calendar-day.not-participated{position:relative}.participation .calendar .calendar-day img{aspect-ratio:1;filter:invert(15%) sepia(91%) saturate(7451%) hue-rotate(358deg) brightness(99%) contrast(119%);left:50%;max-width:40px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.participation .calendar-info{align-items:center;display:flex;flex-direction:column;font-size:1em;justify-content:center;margin-bottom:20px}.participation .calendar-info span{margin:0 3px}@media screen and (max-width:450px){.participation .calendar-info span{font-size:.8em}}.participation .calendar-info strong{color:#333;font-weight:700}.stats{align-items:center;background:#fff;justify-content:center;margin-top:20px}.stats,.stats .header{display:flex;flex-direction:column}.stats .header{align-items:flex-start;text-align:left;width:100%}.stats .header h2{margin:20px}.stats .table-switch-buttons{align-items:flex-start;display:flex;flex-direction:row;gap:10px;margin-bottom:15px;margin-left:40px;margin-top:5px;text-align:left;width:100%}.stats .table-switch-buttons button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;color:#000;cursor:pointer;font-size:1em;padding:5px 10px;transition:all .3s ease}.stats .table-switch-buttons button.active{background-color:#1570ef;background-color:var(--background-win-color);border-color:#007bff;color:#fff}.stats .table-switch-buttons button:hover{background-color:#666}@media screen and (max-width:400px){.stats .table-switch-buttons button{font-size:.8em}}.stats .stats-table{border:1px solid #ddd;border-collapse:collapse;margin-bottom:100px;padding:15px;width:100%}.stats .stats-table tr{transition:background-color .3s ease}.stats .stats-table tr td{border:1px solid #ddd;padding:10px;text-align:center}.stats .stats-table tr td img{height:20px;width:20px}.stats .stats-table tr th{background-color:#1570ef;background-color:var(--background-win-color);border:1px solid #ddd;color:#fff;padding:10px;text-align:center}.stats .stats-table tr.gold-rank{background-color:gold;font-weight:700}.stats .stats-table tr.silver-rank{background-color:silver;font-weight:700}.stats .stats-table tr.bronze-rank{background-color:#cd7f32;font-weight:700}.stats .no-data{color:#777;font-size:1.2em;margin-top:10px;text-align:center}:root{--font-small:clamp(10px,1vw,16px);--font-medium:clamp(12px,1.5vw,18px);--font-large:clamp(24px,3vw,36px);--font-xlarge:clamp(32px,4vw,48px);--primary-color:#0d5bbf;--secondary-color:#d9d9d9;--text-color:#333;--background-content-color:#f5f5f5;--background-margin-color:#fff;--background-win-color:#1570ef;--background-lose-color:#e34647}.img-background{background-image:url(/static/media/soccer.447e8740fd22cc3f6789.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden;position:relative;width:100vw}.img-background:before{background-color:#efe8e880;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.gray-background{align-items:center;background-color:#f5f5f5;background-color:var(--background-content-color);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow:auto;padding-top:40px;width:100vw}@media screen and (min-width:768px){.gray-background{background-color:#fff;background-color:var(--background-margin-color)}}.gray-background .content{background-color:#f5f5f5;background-color:var(--background-content-color);border-radius:8px;box-sizing:border-box;max-width:768px;min-height:100vh;padding:20px;position:relative;width:100%}@media screen and (min-width:768px){.gray-background .content{background-color:#f5f5f5;background-color:var(--background-content-color);padding:30px;width:768px}}.match-results{background-color:#fff;border-radius:2%;margin-bottom:20px;padding:10px}.match-results .header-card{align-items:center;display:flex;justify-content:space-between;padding:10px}.match-results .header-card h2{margin:0}.match-results .header-card p{font-size:1em;font-weight:700;margin:10px}.match-results .header-card p[data-result=승리]{color:#1570ef;color:var(--background-win-color)}.match-results .header-card p[data-result=패배]{color:#e34647;color:var(--background-lose-color)}.match-results .header-card p[data-result=무승부]{color:#666}.match-results .card-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:20px}.match-results .card-container .card{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;font-size:1em;font-weight:700;padding:15px;text-align:left}.match-results .card-container .card span{color:#888;font-size:.5em;margin-bottom:15px}.match-results .card-container .card p{font-size:1em;font-weight:700;margin:0}.match-results .card-container .card:hover{box-shadow:0 4px 8px #0003}.match-results .card-container.edit{grid-template-columns:1fr}@media screen and (min-width:768px){.match-results .card-container.edit{gap:10px;grid-template-columns:repeat(2,1fr)}}.match-results .card-container.edit .card{min-width:0}.match-results .card-container.edit .card:hover{box-shadow:0 4px 8px #0003}.match-results .card-container.edit .card span{color:#888;font-size:.5em;margin-bottom:15px}.match-results .card-container.edit .card .text-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f8f8f8;border:none;border-bottom:2px solid #ccc;border-radius:4px;font-size:16px;font-weight:400;outline:none;padding:8px;text-align:center;transition:all .3s ease;width:100%}.match-results .card-container.edit .card .text-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.match-results .card-container.edit .card .text-input.error{background-color:#ffe6e6;border:2px solid red}.match-results .card-container.edit .card .score-input-container{align-items:center;display:flex;gap:8px}.match-results .card-container.edit .card .score-input-container .score-input{-webkit-appearance:none;appearance:none;background-color:#f8f8f8;border:none;border-bottom:2px solid #ccc;border-radius:4px;flex:1 1;font-size:16px;font-weight:400;min-width:0;outline:none;padding:8px;text-align:center;transition:all .3s ease;width:100%}.match-results .card-container.edit .card .score-input-container .score-input:focus{border-color:#007bff;box-shadow:0 4px 6px #007bff33}.match-results .card-container.edit .card .score-input-container .score-input.error{background-color:#ffe6e6;border:2px solid red}.match-results .card-container.edit .card .score-input-container .colon{color:#333}.match-results .card-container.edit .card .time-input-container{align-items:center;display:flex;gap:8px}.match-results .card-container.edit .card .time-input-container .time-input{background-color:#f8f8f8;border:none;border-bottom:2px solid #ccc;border-radius:4px;flex:1 1;font-size:16px;font-weight:400;min-width:0;outline:none;padding:8px;transition:all .3s ease;width:100%}.match-results .card-container.edit .card .time-input-container .time-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.match-results .card-container.edit .card .time-input-container .time-input.error{background-color:#ffe6e6;border:2px solid red}.match-results .card-container.edit .card .time-input-container .tilde{color:#666}.match-results .card-container.edit .card .react-select-container{width:100%}.match-results .card-container.edit .card .react-select-container .custom-select__control{align-items:center;-webkit-appearance:none;appearance:none;background-color:#f8f8f8;border:none;border-bottom:2px solid #ccc;border-radius:4px;box-shadow:none;box-sizing:border-box;display:flex;font-size:16px;font-weight:400;height:36px;justify-content:center;min-height:0;min-height:auto;padding:8px;transition:all .3s ease;width:100%}.match-results .card-container.edit .card .react-select-container .custom-select__control--is-focused{border-color:#007bff;box-shadow:0 0 5px #007bff80}.match-results .card-container.edit .card .react-select-container .custom-select__value-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;padding:0}.match-results .card-container.edit .card .react-select-container .custom-select__single-value{color:#333;font-size:16px}.match-results .card-container.edit .card .react-select-container .custom-select__placeholder{color:#aaa;font-size:16px;text-align:center}.match-results .card-container.edit .card .react-select-container .custom-select__clear-indicator,.match-results .card-container.edit .card .react-select-container .custom-select__dropdown-indicator,.match-results .card-container.edit .card .react-select-container .custom-select__indicator-separator{display:none}.match-results .card-container.edit .card .react-select-container .custom-select__menu{align-items:center;display:flex;font-size:.7em;justify-content:center}.match-results .card-container.edit .card .react-select-container .custom-select__option{align-items:center;display:flex;font-size:16px;font-weight:400;justify-content:center;padding:8px;text-align:center}.match-results .card-container.edit .card .react-select-container .custom-select__option--is-focused{background-color:#eee}.match-results .card-container.edit .card .react-select-container .custom-select__option--is-selected{background-color:#007bff;color:#fff}.match-results .card-container.edit .card .react-select-container.error .custom-select__control{background-color:#ffe6e6;border:2px solid red}.match-details{background-color:#fff;border-radius:2%;padding:10px}.match-details .header-card{align-items:flex-start;display:flex;flex-direction:column;padding:10px}.match-details .header-card h2{margin:0 0 20px}.match-details .header-card .tabs{display:flex;gap:10px}.match-details .header-card .tabs .tab-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;color:#000;cursor:pointer;font-size:.7em;padding:5px 10px;transition:all .3s ease}.match-details .header-card .tabs .tab-button.active{background-color:#1570ef;background-color:var(--background-win-color);border-color:#007bff;color:#fff}.match-details .header-card .tabs .tab-button:hover{background-color:#666}.match-details .quarter-group{margin-bottom:20px}.match-details .quarter-group p{text-align:center}.match-details .quarter-group .quarter-header{align-items:center;background-color:#f0f0f0;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 5%}.match-details .quarter-group .quarter-header h4{color:#333;font-size:18px;font-weight:700}.match-details .quarter-group .quarter-header .delete-button{background-color:#e34647;background-color:var(--background-lose-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .3s ease,transform .2s ease}.match-details .quarter-group .quarter-header .delete-button:hover{background-color:#c0392b}.match-details .quarter-group .quarter-header .delete-button:active{background-color:#a93226;transform:scale(.95)}.match-details .quarter-group .quarter-header .delete-button:focus{box-shadow:0 0 4px #e74c3c80;outline:none}.match-details .quarter-group .goal-list{list-style:none;margin:0;padding:0}.match-details .quarter-group .goal-list .goal-item{align-items:center;background-color:#fff;border-radius:5px;display:flex;margin-bottom:10px;padding:10px}.match-details .quarter-group .goal-list .goal-item.goal-left{justify-content:flex-start}.match-details .quarter-group .goal-list .goal-item.goal-right{justify-content:flex-end}.match-details .quarter-group .goal-list .goal-item .goal-score-container{align-items:center;background-color:#fff;border:1px solid #333;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;margin-right:10px;padding:5px 10px}.match-details .quarter-group .goal-list .goal-item .goal-score-container .goal-icon{height:20px;margin-right:10px;width:20px}.match-details .quarter-group .goal-list .goal-item .goal-score-container .goal-score{color:#333;font-size:.9em;font-weight:700}.match-details .quarter-group .goal-list .goal-item .goal-description{display:flex;gap:5px}.match-details .quarter-group .goal-list .goal-item .goal-description p{font-size:.9em;font-weight:700;margin:0}.match-details .quarter-group .goal-list .goal-item .goal-description .goal-player{color:#000;font-weight:700}.match-details .quarter-group .goal-list .goal-item .goal-description .goal-player[data-result=득점]{color:#1570ef;color:var(--background-win-color)}.match-details .quarter-group .goal-list .goal-item .goal-description .goal-player[data-result=실점],.match-details .quarter-group .goal-list .goal-item .goal-description .goal-player[data-result=자살골]{color:#e34647;color:var(--background-lose-color)}.match-details .quarter-group .goal-list .goal-item .goal-description .assist-player{color:#555;font-weight:400}.match-details .quarter-group .goal-list .add-goal-button{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;justify-content:center;margin:20px auto 0;padding:10px 20px;transition:background-color .3s ease;width:30%}.match-details .quarter-group .goal-list .add-goal-button img{height:16px;width:16px}.match-details .quarter-group .goal-list .add-goal-button:hover{background-color:#2980b9}.match-details .quarter-group .goal-list.edit{border:1px solid #e0e0e0;border-radius:5px;margin-top:10px;padding:10px}.match-details .quarter-group .goal-list.edit .goal-item{align-items:center;border:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.match-details .quarter-group .goal-list.edit .goal-item .react-select-container{align-items:center;display:flex;flex:1 1;height:30px;justify-content:center;width:100%}.match-details .quarter-group .goal-list.edit .goal-item .react-select-container .custom-select__control{background-color:#fff;border-radius:4px;box-shadow:none;box-sizing:border-box;font-size:14px;min-height:0;min-height:auto;width:100%}.match-details .quarter-group .goal-list.edit .goal-item .react-select-container .custom-select__control--is-focused{border-color:#007bff;box-shadow:0 0 5px #007bff80}.match-details .quarter-group .goal-list.edit .goal-item .react-select-container .custom-select__control--is-disabled{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed}.match-details .quarter-group .goal-list.edit .goal-item .react-select-container .custom-select__placeholder,.match-details .quarter-group .goal-list.edit .goal-item .react-select-container .custom-select__single-value{align-items:center;display:flex;font-size:14px;height:100%;justify-content:center;text-align:center;width:100%}.match-details .quarter-group .goal-list.edit .goal-item .react-select-container .custom-select__menu{font-size:12px;z-index:99999}.match-details .quarter-group .goal-list.edit .goal-item .react-select-container .custom-select__option{font-size:12px;padding:6px;text-align:center}.match-details .quarter-group .goal-list.edit .goal-item .react-select-container .custom-select__option--is-focused{background-color:#eee}.match-details .quarter-group .goal-list.edit .goal-item .react-select-container .custom-select__option--is-selected{background-color:#007bff;color:#fff}.match-details .quarter-group .goal-list.edit .goal-item input,.match-details .quarter-group .goal-list.edit .goal-item select{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:14px;padding:5px;text-align:center;width:100%}.match-details .quarter-group .goal-list.edit .goal-item input.error,.match-details .quarter-group .goal-list.edit .goal-item select.error{background-color:#ffe6e6;border:2px solid red}.match-details .quarter-group .goal-list.edit .goal-item input[disabled],.match-details .quarter-group .goal-list.edit .goal-item select[disabled]{background-color:#f0f0f0;border:1px solid #ddd;color:#aaa;cursor:not-allowed}.match-details .quarter-group .goal-list.edit .goal-item .delete-goal-button{align-items:center;background-color:#e74c3c;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:5px}.match-details .quarter-group .goal-list.edit .goal-item .delete-goal-button img{display:block;filter:invert(1);height:16px;width:16px}.match-details .quarter-group .goal-list.edit .goal-item .delete-goal-button:hover{background-color:#c0392b}@media screen and (max-width:768px){.match-details .quarter-group .goal-list.edit .goal-item{flex-direction:row;flex-wrap:nowrap;gap:5px}.match-details .quarter-group .goal-list.edit .goal-item input,.match-details .quarter-group .goal-list.edit .goal-item select{max-width:none;width:100%}.match-details .quarter-group .goal-list.edit .goal-item .delete-goal-button{padding:3px}.match-details .quarter-group .goal-list.edit .goal-item .delete-goal-button img{height:14px;width:14px}.match-details .quarter-group .goal-list.edit .goal-item img{display:none}.match-details .quarter-group .goal-list.edit .goal-item input::placeholder{text-align:center}}.match-details .lineup-group .quarter-buttons{display:flex;gap:10px;margin-bottom:20px;padding:0 10px}.match-details .lineup-group .quarter-buttons .quarter-btn{border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:.7em;font-weight:700;padding:5px 10px}.match-details .lineup-group .quarter-buttons .quarter-btn.active{background-color:#007bff;color:#fff}.match-details .lineup-group .quarter-tactics{display:flex;font-size:16px;font-weight:700;justify-content:center}.match-details .lineup-group .quarter-tactics .react-select-container{width:90px}.match-details .lineup-group .quarter-tactics .react-select-container .custom-select__control{border:1px solid #ccc;border-radius:4px;font-size:16px;font-weight:700;height:auto;min-height:auto;padding:5px;text-align:center;width:auto}.match-details .lineup-group .quarter-tactics .react-select-container .custom-select__single-value{font-weight:700;text-align:center}.match-details .lineup-group .quarter-tactics .react-select-container .custom-select__option{font-size:16px;text-align:center}.match-details .lineup-group .soccer-field{aspect-ratio:735/1168;background-image:url(/static/media/soccer-field.1382fc27be4d222700e2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:10px;margin:0 auto 20px;max-width:800px;overflow:visible;position:relative;width:100%}.match-details .lineup-group .soccer-field .player-marker{align-items:center;display:flex;flex-direction:column;max-width:70px;min-width:40px;position:absolute;text-align:center;transform:translate(-50%,-50%);width:20%;z-index:1}@media screen and (max-width:768px){.match-details .lineup-group .soccer-field .player-marker{min-width:30px;width:13%}}.match-details .lineup-group .soccer-field .player-marker .position-label{color:#000;font-size:1em;font-weight:700;margin-bottom:5px;z-index:10}@media screen and (max-width:768px){.match-details .lineup-group .soccer-field .player-marker .position-label{font-size:.7em}}.match-details .lineup-group .soccer-field .player-marker .player-circle{aspect-ratio:1/1;background-color:#ccc;background-position:50%;background-size:cover;border:.3vw solid #fff;border-radius:50%;overflow:hidden;width:100%;z-index:10}.match-details .lineup-group .soccer-field .player-marker .player-name{color:#000;font-size:1em;font-weight:700;margin-top:5px}@media screen and (max-width:768px){.match-details .lineup-group .soccer-field .player-marker .player-name{font-size:.7em}}.match-details .lineup-group .soccer-field .player-marker .selected-user-input{color:#000;font-size:1em;font-weight:700;margin-top:5px;outline:none;padding:0;text-align:center;transition:all .3s ease;width:100%;z-index:20}@media screen and (max-width:768px){.match-details .lineup-group .soccer-field .player-marker .selected-user-input{font-size:.7em}}.match-details .lineup-group .soccer-field .player-marker .selected-user-input.error{background-color:#ffe6e6;border:2px solid red}.match-details .lineup-group .soccer-field .player-marker .selected-user-input:focus{border-color:#007bff}.match-details .lineup-group .soccer-field .dropdown-menu{background:#fff;border:1px solid #ccc;border-radius:4px;display:flex;flex-direction:column;list-style:none;margin:0;max-height:150px;max-width:80px;min-width:50px;overflow-y:auto;padding:0;position:absolute;transform:translate(-50%,-50%);width:28%;z-index:99}@media screen and (max-width:768px){.match-details .lineup-group .soccer-field .dropdown-menu{min-width:30px;width:20%}}.match-details .lineup-group .soccer-field .dropdown-menu .dropdown-item{cursor:pointer;font-size:.8em;margin:0;padding:10px 5px;text-align:center}.match-details .lineup-group .soccer-field .dropdown-menu .dropdown-item:hover{background:#f0f0f0}@media screen and (max-width:768px){.match-details .lineup-group .soccer-field .dropdown-menu .dropdown-item{font-size:.5em}}.match-details .lineup-group .lineup-container{display:flex;flex-direction:column;gap:20px}.match-details .lineup-group .lineup-container .lineup-section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;padding:15px}.match-details .lineup-group .lineup-container .lineup-section .section-title{font-size:1.2rem;font-weight:700;margin-bottom:10px}.match-details .lineup-group .lineup-container .lineup-section .lineup-table{border-collapse:collapse;margin-top:10px;position:relative;width:100%}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td,.match-details .lineup-group .lineup-container .lineup-section .lineup-table th{border:1px solid #ddd;font-size:.9rem;padding:8px;position:relative;text-align:center}.match-details .lineup-group .lineup-container .lineup-section .lineup-table th{background-color:#f2f2f2;color:#333;font-weight:700}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td{color:#666;position:relative}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td .selected-user-input{color:#000;cursor:pointer;font-size:1em;font-weight:700;outline:none;padding:2px;text-align:center;transition:all .3s ease;width:90%;z-index:90}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td .selected-user-input:focus{border-color:#007bff}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td .selected-user-input.error{background-color:#ffe6e6;border:2px solid red}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td .dropdown-menu{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:50%;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;transform:translateX(-50%);width:80%;z-index:9999}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td .dropdown-menu .dropdown-item{cursor:pointer;font-size:1em;padding:10px 5px;text-align:center}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td .dropdown-menu .dropdown-item:hover{background:#f0f0f0}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td:nth-child(4){text-align:center;width:10%}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td .delete-substitute-button{align-items:center;background-color:#e74c3c;border:none;border-radius:4px;cursor:pointer;display:block;justify-content:center;margin:auto;padding:5px}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td .delete-substitute-button img{display:block;filter:invert(1);height:16px;width:16px}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td .delete-substitute-button:hover{background-color:#c0392b}@media screen and (max-width:768px){.match-details .lineup-group .lineup-container .lineup-section .lineup-table td .delete-substitute-button{padding:3px}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td .delete-substitute-button img{height:14px;width:14px}}.match-details .lineup-group .lineup-container .lineup-section .lineup-table .starter{color:#007bff;font-weight:700}.match-details .lineup-group .lineup-container .lineup-section .lineup-table .substitute{color:#ff5722;font-weight:700}.match-details .lineup-group .lineup-container .lineup-section .lineup-table select{-webkit-appearance:none;appearance:none;border:1px solid #ddd;border-radius:4px;font-size:1.2em;font-weight:700;height:calc(100% - 16px);padding:5px;pointer-events:auto;text-align:center;width:100%}.match-details .lineup-group .lineup-container .lineup-section .lineup-table select:focus{background-color:#f9f9f9;border-color:#007bff;outline:none}.match-details .lineup-group .lineup-container .lineup-section .lineup-table select.error{background-color:#ffe6e6;border:2px solid red}@media screen and (max-width:768px){.match-details .lineup-group .lineup-container .lineup-section .lineup-table select{font-size:1em}.match-details .lineup-group .lineup-container .lineup-section .lineup-table td,.match-details .lineup-group .lineup-container .lineup-section .lineup-table th{font-size:.8rem;padding:6px}}@media screen and (max-width:480px){.match-details .lineup-group .lineup-container .lineup-section .lineup-table td,.match-details .lineup-group .lineup-container .lineup-section .lineup-table th{font-size:.7rem;padding:7px}}.match-details .lineup-group .lineup-container .lineup-section .add-substitute-button{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;justify-content:center;margin:20px auto 200px;padding:10px 20px;transition:background-color .3s ease;width:30%}.match-details .lineup-group .lineup-container .lineup-section .add-substitute-button img{height:16px;width:16px}.match-details .lineup-group .lineup-container .lineup-section .add-substitute-button:hover{background-color:#2980b9}.add-quarter-button{align-items:center;background-color:#f0f0f0;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;margin:20px auto 200px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease;width:100%}.add-quarter-button:hover{background-color:#2980b9}.add-quarter-button:active{background-color:#1e6e99;transform:scale(.95)}.add-quarter-button:focus{box-shadow:0 0 4px #3498db80;outline:none}.add-quarter-button img{height:20px;width:20px}.result-error-message{border-radius:4px;font-size:.5em;font-weight:700;margin-top:20px;padding:10px;text-align:center}
/*# sourceMappingURL=main.0e23a89f.css.map*/