@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";input,textarea{padding:.5em 1em;border-radius:8px;border:1px solid var(--accent-color);background-color:var(--background-color);color:var(--accent-color);font-size:1em;font-weight:500;font-family:inherit;transition:all .25s}textarea{resize:none}.no-br{white-space:nowrap}.login-page-container{background-image:url(/assets/logo-blue-BdVwTar7.webp);background-size:80%;background-repeat:no-repeat;background-position:center;width:100%;min-height:100%;display:flex;justify-content:center;align-items:center}.login-page-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);opacity:.8;transition:opacity .3s}.login-page-container.loading:before{opacity:0}.login-page-content{z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;background-color:transparent;color:#fff;opacity:1;transition:opacity .3s}.login-page-container.loading .login-page-content{opacity:0}.login-page-content form{display:flex;flex-direction:column;gap:1em;width:300px}.login-error{font-weight:600;background-color:#1a0000;padding:.5em 1em;border-radius:8px;border:2px solid hsl(0,100%,20%);opacity:0;transition:opacity .3s;pointer-events:none}.login-error.visible{opacity:1}.profile-page-container{width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;padding:6rem 1rem;background-color:transparent}.profile-page-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;background-color:#00182ddd;color:#fff;opacity:1;transition:opacity .3s;width:1000px;border-radius:8px;border:1px solid var(--accent-color);padding:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.profile-page-container.loading .profile-page-content{opacity:0}.profile-page-content form{display:flex;flex-direction:column;gap:1em;width:300px}.creations{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}hr{width:100%;height:1px;background-color:var(--accent-color);border:none}.create-new-plus-icon{margin-right:.4rem}h1{color:var(--accent-color);margin:1rem 0}.sign-out-button{position:absolute;top:1rem;left:1rem}.edit-profile-buttons{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;align-items:flex-end}.profile-name-input{width:50%;text-align:center;font-size:2rem;color:var(--accent-color);font-weight:700;margin:1rem 0}.profile-name-input:disabled{background:none;border:none;border:1px solid transparent}.avatar-container{width:8rem;height:8rem;margin-top:-4rem;position:relative}.avatar-container input{display:none}.editing .avatar-container{cursor:pointer}.profile-page-content .avatar{width:100%;height:100%;border-radius:50%;border:2px solid var(--accent-color);background-color:var(--background-color);object-fit:cover}.creation{display:flex;flex-direction:column;background-color:var(--background-color);flex:0 1 300px;border-radius:8px;border:1px solid var(--accent-color);transform:scale(1);transition:all .25s;color:var(--accent-color);text-decoration:none}.creation.alt{background-color:var(--accent-color);color:var(--background-color)}.creation h4{padding:1rem}.creation:hover{transform:scale(1.05)}.creation img{width:100%;border-radius:8px 8px 0 0;border-bottom:1px solid var(--accent-color);aspect-ratio:16/9;object-fit:cover}.creation button{padding:.5rem}.creation .buttons-container{position:absolute;display:flex;justify-content:flex-end;gap:.5rem;padding:.5rem;top:0;right:0}html,body{-webkit-user-select:none;user-select:none}#board{width:auto;height:100%;padding:0;margin:0}.canvas-container{flex:0;display:flex;justify-content:center;align-items:center;padding:0;margin:0;position:relative;height:100%}.canvas-page{position:relative;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;background-size:auto 100%;background-repeat:no-repeat;background-position:center;opacity:1;transition:opacity .3s}.canvas-page.loading{opacity:0}.stadium-overlay{position:absolute;width:100%;height:100%;background-size:auto 100%;background-repeat:no-repeat;background-position:center;pointer-events:none}#context-menu{position:absolute;top:1000%;left:1000%;z-index:1000;background-color:transparent;color:#000;border-radius:8px;box-shadow:var(--shadow);padding:.4rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.context-menu-options{display:flex;flex-direction:column;gap:.5rem;max-width:250px}#context-menu ul{list-style:none;padding:0;margin:0}#context-menu li{padding:.4rem 1rem}#context-menu button{width:100%}#context-menu textarea{width:100%;padding:.4rem;margin:0}.context-slider-container{display:flex;align-items:center;gap:.5rem}.context-slider-container span{font-weight:600;white-space:nowrap}.context-slider-container{display:flex;align-items:center;gap:1rem;color:var(--accent-color);flex:1}.slider-label{white-space:nowrap;font-size:1rem;font-weight:600;margin:0 .5rem}.context-slider-container .rc-slider-handle,.context-slider-container .rc-slider-handle:hover{background-color:#000;border-color:var(--accent-color)}.context-slider-container .rc-slider-handle-dragging{box-shadow:none!important;border-color:var(--accent-color)!important}.context-slider-container .rc-slider-rail{background-color:#000}.context-slider-container .rc-slider-track{background-color:var(--accent-color)}.context-slider-container .rc-slider-dot,.context-slider-container .rc-slider-dot-active{background-color:var(--accent-color);border-color:var(--accent-color)}.color-picker-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;width:100%;flex-grow:1}.color-picker-container button.color-picker-button{width:auto!important;padding:.6rem;flex-grow:1;flex-shrink:0;border:.2rem solid black;color:#000;font-weight:700}.color-picker-hr{width:100%;margin-top:-.5rem;margin-bottom:-.5rem;text-align:center;font-weight:700;color:var(--accent-color)}.color-picker-hr.title{padding:.6rem}.color-picker-container button.color-picker-button.dark{color:#fff}.color-picker-container button.color-picker-button.active{border-color:#fff}.chip-sample{display:flex;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;pointer-events:none;position:relative;transform:translateY(-4%)}.chip-sample img{width:100%;height:100%}.chip-sample.small{width:.8rem;height:.8rem}.chip-sample.chip-rolling{border-radius:200px;overflow:hidden}.chip-sample.chip-rolling img{width:285%;height:285%}.overlay-menu-container{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;justify-content:space-between;align-items:center}.overlay-menu-border{position:absolute;height:100%;width:100%;border:1px solid var(--accent-color);z-index:-1}.menu-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;gap:1rem;padding:2rem 0}.right-menu-container{align-items:flex-end}.menu-container button{padding:.4rem .6rem;border:1px solid var(--accent-color)}.menu-container button svg{height:1.5rem;width:1.5rem;margin-bottom:-.2rem}.overlay-menu-container .disabled{transition:opacity .5s;opacity:0;pointer-events:none}.left-menu-container button{border-radius:0 8px 8px 0;padding-left:1rem;border-left:none}.left-menu-container button:hover{padding-left:1.4rem}.right-menu-container button{border-radius:8px 0 0 8px;padding-right:1rem;border-right:none}.right-menu-container button:hover{padding-right:1.4rem}.chip-button-container{display:flex;justify-content:center;align-items:center}.frame-scroller-container{gap:0rem;width:4rem;overflow:hidden}.frame-scroller-inner{padding:1rem 0;max-height:300px;display:flex;flex-direction:column;align-items:flex-end;overflow-y:scroll;overflow-x:hidden;padding-right:20px;margin-right:-50px}.right-menu-container .frame-scroller-inner button{font-family:monospace;padding:.4rem 1rem;margin-top:-1px;display:block;padding-right:30px}.right-menu-container .frame-scroller-inner button:hover{padding-right:32px}.frame-scroller-inner button:first-child{margin-top:0}button.chip-settings{padding:.2rem;border-radius:8px;margin-left:.5rem;background-color:transparent;border:none;box-shadow:none}button.chip-settings:hover{padding:.2rem;border-radius:8px}.modal-menu-container{position:fixed;width:100%;height:100%;background-color:#00000080;top:0;left:0;display:flex;justify-content:center;align-items:center;overflow-y:auto}button.team-select{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}button.team-select .chip-sample{height:3rem;width:3rem;margin-bottom:-.2rem;pointer-events:none}.modal-menu{max-width:900px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:transparent}.modal-menu-polygon,.modal-menu-arrow,.modal-menu-text,.modal-menu-settings,.modal-menu-export{border-radius:8px;box-shadow:var(--shadow);padding:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-menu-content{padding-top:1rem;display:flex;flex-direction:column;gap:1rem;width:100%}.modal-menu .buttons-container{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.export-video{max-height:40vh;max-width:40vw}.board-thumbnail-preview{width:300px;height:200px;object-fit:cover}.pitch-selection-container{display:flex;flex-direction:row;gap:1rem}.pitch-selection-column{flex:1;text-align:center;background-color:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:50dvh;display:flex;flex-direction:column;border-radius:.5rem}.pitch-selection-column img{width:100%;height:auto;margin-bottom:.5rem}.pitch-selection-heading{padding:.5rem;font-weight:700;text-align:center}.pitch-selection-heading.icon-heading{font-size:1.5rem;line-height:1rem}.pitch-selection-column .scroller{padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;overflow-x:hidden;flex:1}.pitch-selection-column .padder{padding:1rem;padding-bottom:0}.pitch-selection-column .grid-container{display:grid;grid-template-columns:1fr 4rem 4rem 4rem;gap:1rem}.pitch-selection-column.narrow{max-width:300px}.pitch-selection-column .checkbox{transform:scale(1.2)}.slider-label{white-space:nowrap;font-size:1rem;font-weight:600;margin:0 .5rem;color:var(--accent-color)}.modal-menu .rc-slider-handle,.modal-menu .rc-slider-handle:hover{background-color:#000;border-color:var(--accent-color)}.modal-menu .rc-slider-dot,.modal-menu .rc-slider-dot-active{background-color:var(--accent-color);border-color:var(--accent-color)}.modal-menu .rc-slider-handle-dragging{box-shadow:0 0 0 5px var(--accent-color)!important;border-color:var(--accent-color)!important}.modal-menu .rc-slider-rail{background-color:#000}.modal-menu .rc-slider-track{background-color:var(--accent-color)}.modal-menu .element-container{display:flex;flex-direction:row;gap:1rem;width:100%;justify-content:space-between}.modal-menu .element-container.center{justify-content:center}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track,.rc-slider-tracks{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;user-select:none;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-right:5px solid rgba(0,0,0,0);border-bottom:0;border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}body{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fffa;margin:0;background-image:url(/assets/logo-blue-BdVwTar7.webp);background-size:80%;background-repeat:no-repeat;background-position:center;background-attachment:fixed}:root{height:100%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;--background-color: #00182d;background-color:var(--background-color);--accent-color: #FBB530;--shadow: 0 2px 4px rgba(0, 0, 0, .2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}button{border-radius:8px;border:1px solid var(--accent-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--background-color);color:var(--accent-color);cursor:pointer;box-shadow:var(--shadow);transition:all .25s}button.outlined{background-color:transparent;color:var(--accent-color)}button.locked{position:relative}button.locked .lock-icon{font-size:.9em;display:flex;align-items:center;justify-content:center;position:absolute;top:-.4em;right:-.4em;background-color:var(--accent-color);border-radius:5em;padding:.2rem;border:1px solid var(--accent-color);color:var(--background-color)}button:hover:not(.locked){transform:scale(1.08)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.editor-container{position:relative;top:0;width:100%;height:100%}.editor-section{display:flex;justify-content:flex-start;gap:.5em;flex-wrap:wrap;border-bottom:1px solid #fff;padding:2rem 1rem}button.active{color:#1a1a1a;background-color:#fff}button.deactivated{pointer-events:none}.spacer{flex-grow:1}