html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}hr{box-sizing:initial;height:0}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}button,input,select{margin:0}button{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}progress{vertical-align:initial}select{text-transform:none}textarea{margin:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}Link{text-decoration:none}:-webkit-any-link{text-decoration:none}:any-link{text-decoration:none}@media only screen and (max-width:600px){html{font-size:12px}}@media only screen and (min-width:600px){html{font-size:16px}}.App{display:flex;flex-direction:column;text-align:center;background-color:#0f1519;min-height:100vh;height:100%}@font-face{font-family:"Anton";src:url(/static/media/Anton-Regular.f62d9de3.ttf) format("truetype")}@font-face{font-family:"Antonio";src:url(/static/media/Antonio-VariableFont_wght.e337b19e.ttf) format("truetype")}@font-face{font-family:"Montserrat-BlackItalic";src:url(/static/media/Montserrat-BlackItalic.8adefc8f.ttf) format("truetype")}.main-wrapper{color:#fff}.header-wrapper-sticky{position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-wrapper-sticky .header-wrapper{background-color:#0f1519;border-bottom:1px solid #252c32;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center}.logo-wrapper:hover{cursor:pointer}.Header-logo{padding:0 1rem;height:2.5rem;width:auto}.header-item{height:5rem;display:flex;align-items:center;justify-content:center;padding:0 .5rem;margin:0 .5rem;color:#fff;font-weight:700}.header-item:hover{box-shadow:inset 0 -2px 0 #ff5722}.match-wrapper{background-color:#0f1519;height:100%}.match-list-navigator-wrapper{display:flex;justify-content:space-between;color:#fff;font-size:2.5rem}.match-list-navigator-item{margin:.5rem 1.5rem;text-decoration:none;color:#fff}.match-list-navigator-item:hover{color:#ff5722;cursor:pointer}.match-list-navigator-item-disabled{margin:.5rem 1.5rem;text-decoration:none;color:#fff;pointer-events:none}.match-list-wrapper{display:grid;grid-template-columns:repeat(2,1fr);width:100%;color:#fff;background-color:#0f1519}@media only screen and (max-width:600px){.match-list-wrapper{grid-template-columns:1fr}}.match-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:1px solid #252c32}.match-item:hover{color:#ff5722;cursor:pointer}.match-date-day{width:100%;display:flex;justify-content:space-between}.match-league-game-name{justify-content:center;padding:.5rem}.match-time{display:flex;justify-content:center}.match-team-with-score{width:100%;display:grid;grid-template-columns:4fr 1fr 4fr;padding:1rem 0;font-size:1.5rem;font-weight:700}.match-score-wrapper{display:flex;width:100%;justify-content:center;align-items:center}.match-live-wrapper{height:calc(100vh - 5rem);color:#fff;display:flex;flex-direction:column}.match-live-content{display:grid;height:100%;grid-template-columns:1fr 2.5fr 1fr}.match-live-home{border-right:1px solid #252c32}.match-live-away,.match-live-home{display:flex;flex-direction:column}.match-live-away{border-left:1px solid #252c32}.cell-back-number{width:2rem}.cell-player-name{text-align:left}td{padding:.5rem}.match-live-control-wrapper{display:flex;flex-direction:column}.match-live-score-log{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #252c32}.control-log-wrapper{height:10rem;font-size:2rem;border-right:1px solid #252c32}.control-log-wrapper,.control-score-borrd{display:flex;justify-content:center;align-items:center;color:#fff}.control-score-borrd{font-size:4rem}.match-live-control{display:grid;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;margin:.5rem;grid-template-columns:repeat(6,1fr)}.control-item-default{height:7rem;color:#fff;border-radius:.5rem;display:flex;flex-direction:column;font-size:1.5rem;align-items:center;justify-content:center}.control-item{background-color:#135e96}.control-item-success{background-color:#007017}.control-item-fail{background-color:#b32d2e}.create-match-wrapper{display:flex;flex-direction:column;align-items:center}.create-match-button{color:#fff;border-radius:.5rem;border:1px solid #fff;font-size:1.2rem;width:6rem;height:3rem;display:flex;justify-content:center;align-items:center;margin:1rem}.create-match-button:hover{color:#ff5722;border-color:#ff5722;cursor:pointer}.match-detail-wrapper{color:#fff;width:100%;align-items:center}.match-detail-wrapper,.match-league-game-name{display:flex;flex-direction:column}.match-league-game-name span{padding:.5rem}.match-deadline-wrapper,.match-detail-score-wrapper,.match-location-wrapper,.match-name-wrapper{display:flex;align-items:center}.match-detail-score-wrapper{padding:1rem;border-bottom:1px solid #252c32;flex-direction:column;width:95%}.match-detail-delete-wrapper,.match-detail-forfeit-wrapper{display:flex;flex-direction:column;justify-content:center;width:30rem}.match-stat-navigation-wrapper{display:flex;justify-content:space-around;width:30rem}.match-stat-navigator{text-decoration:none;color:#fff;padding:.5rem;margin:.5rem;font-weight:600;border-bottom:1px solid #fff}.match-stat-navigator:hover{color:#ff5722}.match-detail-email-notification-wrapper{display:flex;flex-direction:column;justify-content:center;width:30rem}.winner-indicator{display:flex;flex-direction:column;align-items:center;margin-top:4px;color:gold}.winner-indicator span{font-size:12px;font-weight:700}.match-detail-sync-winner-wrapper{display:flex;flex-direction:column;justify-content:center;width:30rem;margin-top:1rem}.youtube-wrapper{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.youtube-wrapper iframe{left:0;top:0;height:100%;width:100%;position:absolute}.match-detail-away-shooting-chart,.match-detail-home-shooting-chart{display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:2rem;row-gap:2rem;width:100%;color:#fff;background-color:#0f1519}@media only screen and (max-width:600px){.match-detail-away-shooting-chart,.match-detail-home-shooting-chart{grid-template-columns:1fr}}.match-detail-shooting-chart,.match-detail-shooting-chart-file-wrapper{display:flex;flex-direction:column;align-items:center}.match-detail-shooting-chart-file-wrapper{justify-content:center;width:100%}.match-detail-shooting-chart-file-wrapper canvas{display:none;width:100%}.match-detail-shooting-chart-file-wrapper .match-detail-shooting-chart-file{width:100%}.shooting-chart-images{display:flex;flex-direction:row;justify-content:space-between}.shooting-chart-images .canvas-wrapper,.shooting-chart-images .uploaded-image-wrapper{font-family:"Schoolbell",cursive;font-size:1.5rem;width:47%;display:flex;flex-direction:column;align-items:center}.match-detail-content-wrapper{width:100%}.match-detail-content-wrapper h3{font-size:2rem}.match-detail-video-form,.match-detail-video-wrapper{display:flex;align-items:center}.match-detail-video-wrapper{flex-direction:column;padding:1rem;border-bottom:1px solid #252c32}.match-detail-youtube{width:60%}.match-detail-mvp-wrapper{display:flex;flex-direction:column;align-items:center;padding:1rem;border-bottom:1px solid #252c32}.match-detail-mvp-input-wrapper{display:flex;width:60%;flex-direction:column}.match-detail-mvp-image-wrapper{display:flex;width:10%;flex-direction:column}.device-button-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem;margin-bottom:2rem}.device-button-wrapper span{font-family:"Schoolbell",cursive;font-size:1.2rem}.match-detail-stat-cotainer{color:#fff;width:100%;display:flex;flex-direction:column;align-items:center}.match-detail-stat-table{max-width:1800x;width:95%}.match-detail-players-list{margin:3rem 0;display:flex;justify-content:center;grid-gap:4rem;gap:4rem}.match-detail-away-team,.match-detail-home-team{font-size:2rem;margin-bottom:1rem}.generator-title{font-size:3rem;font-weight:700}.starting-five{width:1080px;height:1080px;background-size:cover}.starting-five-wrapper{font-family:"Anton";display:flex;flex-direction:column;align-items:center;grid-gap:1rem;gap:1rem;margin:5rem 0}.starting-five-wrapper .starting-match-name-wrapper{width:98.8%;height:16.5%}.starting-five-wrapper .starting-match-name-wrapper .starting-match-name{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-end;font-size:125px;line-height:1}.starting-team-names{padding-top:24%;height:13.5%;display:grid;grid-template-columns:1fr 1fr;grid-gap:5%;gap:5%;font-size:60px}.starting-team-names .starting-away-team-name,.starting-team-names .starting-home-team-name{display:flex;justify-content:center;align-items:center}.starting-five-players{display:grid;grid-template-columns:1fr 1fr;height:46%}.away-starting-five,.home-starting-five{display:grid;grid-template-rows:repeat(5,1fr);font-size:40px;width:85%;margin:0 7.5%;align-items:center}.away-starting-five .starting-five-player,.home-starting-five .starting-five-player{display:flex;justify-content:space-between;align-items:center}.away-starting-five .PG,.home-starting-five .PG{grid-row:1/2}.away-starting-five .SG,.home-starting-five .SG{grid-row:2/3}.away-starting-five .SF,.home-starting-five .SF{grid-row:3/4}.away-starting-five .PF,.home-starting-five .PF{grid-row:4/5}.away-starting-five .C,.home-starting-five .C{grid-row:5/6}.starting-five-player-position{width:20%;font-size:60px}.starting-five-player-name-wrapper{width:100%}.starting-five-player-name-wrapper .starting-five-player-name,.thumbnail-wrapper{display:flex;justify-content:center}.thumbnail-wrapper{flex-direction:column;align-items:center;margin:5rem 0;grid-gap:1rem;gap:1rem;font-family:"Antonio"}.thumbnail{width:1280px;height:720px}.thumbnail-match-name-wrapper{padding-top:8%;font-family:"Montserrat-BlackItalic";display:flex;justify-content:flex-end;padding-right:6.5%;line-height:1;text-shadow:7px 7px hsla(0,0%,42%,.5)}.thumbnail-match-name{font-size:160px}.thumbnail-match-name-playoff{display:flex;flex-direction:column;font-size:85px;text-shadow:4px 4px hsla(0,0%,42%,.5)}.thumbnail-teams{position:relative;display:flex;align-items:center;justify-content:center;grid-gap:25%;gap:25%}.thumbnail-teams img{width:250px;height:auto;max-height:250px}.thumbnail-teams *{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.thumbnail-home-team-logo{left:26%;top:150px}.thumbnail-home-team-name{left:26%;top:330px}.thumbnail-away-team-logo{left:75%;top:150px}.thumbnail-away-team-name{left:75%;top:330px}.thumbnail-team-name{width:50%;font-style:italic;font-size:58px;text-shadow:2px 5px 7px rgba(0,0,0,.5)}.drag-and-drop-box{display:flex;width:50%;height:8rem;padding:1rem;align-items:center;justify-content:center;border-radius:2px;border:.5rem dashed #827b7b;background-color:#fafafa;color:#bdbdbd}.drag-and-drop-box p{color:#252c32;font-family:"Schoolbell",cursive;font-size:2.2rem}.drag-and-drop-box:hover{border-style:solid;border-color:#827b7b}.file-item{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;grid-template-areas:"image1 image1 image1 image1" "text text text text"}.image-container{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;border:1px solid #ccc;padding:10px}.image-wrapper{position:relative}.image-wrapper img{max-width:100%;max-height:100%;display:block}.delete-button{position:absolute;top:0;right:0;padding:5px 10px;background-color:grey;color:#fff;border:none;border-radius:5px;font-size:12px;transition:background-color .3s ease;z-index:1}.delete-button:hover{background-color:red}.upload-button{width:100%;height:5rem;border-radius:5px;margin-bottom:15rem;font-size:2rem;transition:background-color .3s ease;z-index:1}.upload-button:hover{background-color:green}.login-wrapper{height:100vh;width:100%;flex-direction:column;background-color:#0f1519}.login-button,.login-wrapper{display:flex;justify-content:center;align-items:center}.login-button{color:#fff;border-radius:.5rem;border:.5px solid #fff;font-size:1.2rem;width:6rem;height:3rem;margin:1rem}.login-button:hover{color:#ff5722;border-color:#ff5722;cursor:pointer}.team-wrapper{background-color:#0f1519;height:100%}.team-detail-wrapper{color:#fff;width:100%;display:flex;flex-direction:column;align-items:center}.team-detail-control-box{border-bottom:1px solid #252c32;display:flex}.team-detail-control-box,.team-name{padding:1rem;flex-direction:column;align-items:center;width:95%}.team-detail-upload-wrapper{display:flex;flex-direction:column;justify-content:center;width:30rem}.team-stat-navigation-wrapper{display:flex;justify-content:space-around;width:30rem}.team-stat-navigator{text-decoration:none;color:#fff;padding:.5rem;margin:.5rem;font-weight:600;border-bottom:1px solid #fff}.team-stat-navigator:hover{color:#ff5722}.team-logo{width:30%;align-items:center;justify-content:center}.team-logo,.team-season-enroll{display:flex}.team-detail-captains-container{width:100%;border-bottom:1px solid #252c32}.team-detail-captains{display:flex;justify-content:center;align-items:center;flex-direction:row}.team-detail-captains .team-captains-add,.team-detail-captains .team-captains-list{width:100%}.team-captains-list{margin:0 .5rem;display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.team-captain-item,.team-captains-list-title{display:grid;grid-template-columns:1fr 1fr 1fr}.team-captains-add{border-left:1px solid #252c32}.team-coach-item,.team-coaches-list-title{display:grid;grid-template-columns:1fr 1fr}.team-detail-coaches-container{width:100%;margin-bottom:1rem}.team-page-wrapper{display:flex;justify-content:space-between;color:#fff;background-color:#fff;font-size:2.5rem}.team-list-navigator-item{margin:.5rem 1.5rem;text-decoration:none;color:#fff}.team-list-navigator-item:hover{color:#ff5722;cursor:pointer}.team-list-navigator-item-disabled{margin:.5rem 1.5rem;text-decoration:none;color:#fff;pointer-events:none}.team-list-wrapper{display:grid;grid-template-columns:repeat(4,1fr);width:100%;color:#fff;background-color:#0f1519}@media only screen and (max-width:600px){.team-list-wrapper{grid-template-columns:1fr}}.team-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:1px solid #252c32}.team-item:hover{color:#ff5722;cursor:pointer}.team-name{display:flex;justify-content:center;padding:.5rem;color:#e0f0ff}.player-wrapper{display:flex;flex-direction:column;align-items:center}.input-wrapper{display:grid;width:90%;grid-template-columns:repeat(2,1fr);grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;border-bottom:1px solid #252c32;color:#fff}.MuiFormControl-root{margin:1rem .5rem!important}.create-player-button{color:#fff;border-radius:.5rem;border:1px solid #fff;font-size:1.2rem;width:12rem;height:3rem;display:flex;justify-content:center;align-items:center;margin:1rem}.create-player-button:hover{color:#ff5722;border-color:#ff5722;cursor:pointer}.player-detail-cotainer,.season-player-update-container{margin-top:1rem;color:#fff;width:90%;display:flex;flex-direction:column;align-items:center}.player-detail-tables{max-width:1800x;width:95%}.player-create-cotainer{margin-top:2rem;border-top:3px solid #252c32}.player-create-button,.player-create-cotainer{width:90%;display:flex;flex-direction:column;align-items:center}.player-create-button{margin:2rem}.player-profile-photo{display:flex;flex-direction:column;align-items:left}.player-profile-photo-file{width:10%;margin-right:1rem}.season-player-change-player{display:flex;flex-direction:column;justify-content:center;width:30rem}.player-search-container{color:#fff;border-top:3px solid #252c32;width:90%}.player-search-wrapper{margin:0 auto;width:75%}.player-search-result-wrapper{display:flex;flex-direction:column;grid-gap:1.2rem;gap:1.2rem}.player-search-result{display:flex;justify-content:flex-start}.player-search-result .player-search-content{display:flex;flex-direction:column;align-items:flex-start;grid-gap:.3rem;gap:.3rem}.player-search-result .searched-players{flex:1 1;align-items:center}.player-search-result .player-search-teams span{font-weight:500;margin-right:.5rem}.post-item-container{margin:.3rem 0;color:#e0e0e0;border:1px solid #252c32;border-radius:4px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.post-item-container:hover{color:#ff5722;cursor:pointer}.post-item{padding:20px;display:flex;align-items:center}.post-league-datetime{flex-direction:column;justify-content:center;flex:1 1;border-right:1px solid #252c32}.post-thumbnail{width:150px;height:100px}.post-thumbnail-title-wrapper{flex:4 1}.post-title{text-align:left;border-right:1px solid #252c32;flex:4 1}.post-author{display:flex;justify-content:center;flex:1 1}.post-list-page-container{display:flex;flex-direction:column;width:80%;margin:0 auto}.post-search-bar-wrapper{display:flex;justify-content:space-between;align-items:center}.pagination-container{display:flex;flex-direction:row;justify-content:center}.pagination-container .active{background:#003d80;color:#fff;border-radius:4px;padding:9px 12px;cursor:default;border:2px solid #003d80}.pagination-container button{padding:3px 12px;border:1px solid #ddd}.pagination-container button:hover{cursor:pointer;background:#3a3a3a;color:#fff;border-radius:4px;border:2px solid #3a3a3a}.quill-editor-wrapper{background-color:#fff;border:1px solid hsla(0,0%,87.8%,.8784313725)}.ql-editor{min-height:20rem}.post-editor-container{display:flex;flex-direction:column;width:80%;margin:0 auto}.post-thumbnail-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:20px 0;color:#fff}.post-thumbnail-container .post-thumbnail-input{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:15px}.post-thumbnail-container .post-thumbnail{display:flex;align-items:center}.post-thumbnail-container .post-thumbnail>img{width:150px;height:100px}.post-title-status-wrapper{display:grid;grid-template-columns:1fr 4fr 1fr}.uploaded-image-file-wrapper{display:flex;flex-direction:column;margin:.5rem}.uploaded-images-container{display:flex;flex-direction:row;justify-content:flex-start;margin:1rem .5rem;border:1px solid #858585;border-radius:4px}.uploaded-images-container div:empty{width:70%;padding:50px}.uploaded-image-files-container{display:flex;flex-direction:row;flex-flow:wrap}.uploaded-images-text{padding:5vw;color:#858585;border-right:1px solid #858585;display:flex;align-items:center;justify-content:center}@media screen and (max-width:480px){.uploaded-images-container{flex-direction:column}.uploaded-images-text{border-right:none;border-bottom:1px solid #858585}.uploaded-image-files-container{display:flex;flex-direction:column}.uploaded-image-file-wrapper{flex-direction:row;justify-content:space-between}}.post-detail-page-container a:link,.post-detail-page-container a:visited{color:#90caf9}.post-detail-container{display:flex;flex-direction:column;width:80%;margin:1rem auto 0;box-shadow:0 0 2px 1px #3d4b55}.post-detail-header{text-align:start}.post-detail-header .post-detail-title{background:linear-gradient(#25323b,#080b0d);color:#fff;font-size:17px;font-weight:700;padding:15px 30px}.post-detail-wrapper{background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.post-detail-wrapper .post-detail{padding:15px 30px;color:#bbb}.post-detail-wrapper .post-detail-author{font-weight:700;font-size:14px;color:#3a3a3a}.post-detail-wrapper div{display:flex}.post-detail-content-wrapper{background-color:#fff;border-top:2px solid #e5e5e5}.post-detail-content-wrapper .post-detail-content{width:80%;margin:1rem auto 0;text-align:start}.post-detail-content-wrapper .post-detail-content *{max-width:100%}.post-detail-button-wrapper{margin:1rem 0}.post-detail-button-wrapper button{margin:0 .5rem}.post-detail-button-wrapper>.post-detail-edit-button{padding:0;min-width:64px;min-height:36px}.post-detail-button-wrapper>.post-detail-edit-button>a{width:100%;height:100%}.connection-table-container{color:#fff;width:100%;display:flex;flex-direction:column;align-items:center}.connection-table{max-width:1800x;width:80%}.connection-table tbody th{border-bottom:1px solid #252c32}.connection-table th{height:50px}.button-wrapper{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:.625rem;gap:.625rem}.user-search-wrapper{color:#fff}.user-search-result-table-wrapper{display:flex;justify-content:center}.user-search-result-table-wrapper table{border-spacing:.3rem}.user-search-result-table-wrapper .search-table-header{padding-bottom:10px;font-size:1.15rem}.league-create-wrapper{display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #252c32}.league-create-wrapper .input-wrapper{border:none}.season-create-wrapper{display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #252c32}.season-create-wrapper .input-wrapper{border:none}.season-roster-register-form{display:flex;flex-direction:column;align-items:center}.season-roster-register-form .input-wrapper{border:none}.league-search-wrapper,.season-roster-upload{display:flex;flex-direction:column}.league-search-wrapper{align-items:center;border-bottom:1px solid #252c32}.league-search-wrapper .input-wrapper{border-bottom:none}.league-search-wrapper table{width:90%}.league-search-wrapper table .MuiInputBase-root{width:100%}.team-create-wrapper{margin:1rem;text-align:center;color:#fff;min-height:calc(100vh - 64px);background-color:#0f1519}.team-create-wrapper h2{margin-bottom:2rem;font-size:1.5rem}.team-create-wrapper .input-wrapper{display:flex;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem}.banner-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.banner-preview-overlay .banner-preview-content{position:relative;max-width:90vw;max-height:90vh}.banner-preview-overlay .banner-preview-content img{max-width:100%;max-height:90vh;object-fit:contain}.banner-preview-overlay .banner-preview-content .close-button{position:absolute;top:-40px;right:-40px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:10px}.banner-preview-overlay .banner-preview-content .close-button:hover{color:#ddd}.banners-container{padding:30px}.banners-container .banner-header{display:flex;justify-content:space-between;align-items:center}.banners-container .banner-header h1{color:#fff;margin:0}.banners-container .banner-header .upload-section .upload-button{background:#4caf50;color:#fff;padding:12px 24px;margin-bottom:10rem;border:2px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;display:flex;align-items:center;grid-gap:8px;gap:8px;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.banners-container .banner-header .upload-section .upload-button svg{width:20px;height:20px}.banners-container .banner-header .upload-section .upload-button:hover{background:#45a049;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.banners-container .banner-header .upload-section .upload-button:active{-webkit-transform:translateY(1px);transform:translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,.2)}.banners-container .banners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.banners-container .banner-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:hsla(0,0%,100%,.1)}.banners-container .banner-card img{width:100%;height:200px;object-fit:cover}.banners-container .banner-card .banner-controls{padding:15px;background:rgba(0,0,0,.7)}.banners-container .banner-card .banner-controls .banner-info{display:flex;justify-content:space-between;margin-bottom:10px}.banners-container .banner-card .banner-controls .banner-info span{color:#fff;font-weight:500}.banners-container .banner-card .banner-controls .banner-info .status-live{color:#4caf50;font-weight:600}.banners-container .banner-card .banner-controls .banner-info .status-hidden{color:#888;font-weight:400}.banners-container .banner-card .banner-controls .banner-actions{display:flex;grid-gap:10px;gap:10px}.banners-container .banner-card .banner-controls .banner-actions input{width:60px;padding:5px;background:hsla(0,0%,100%,.9);border:1px solid #ddd;border-radius:4px;color:#000}.banners-container .banner-card .banner-controls .banner-actions button{padding:5px 15px;cursor:pointer;background:#4a90e2;color:#fff;border:none;border-radius:4px}.banners-container .banner-card .banner-controls .banner-actions button:hover{background:#357abd}.banners-container .banner-card .banner-controls .banner-actions button.banner-delete-btn{background:#dc3545}.banners-container .banner-card .banner-controls .banner-actions button.banner-delete-btn:hover{background:#c82333}.banners-container .error-message{color:#ff6b6b;background:hsla(0,100%,71%,.1);padding:10px;border-radius:4px;margin-bottom:20px}
/*# sourceMappingURL=main.8267ec90.chunk.css.map */