body{margin:0;padding:0}img{max-width:100%}.design__container{display:grid;position:relative}#three{width:100%;height:100%}.canvas-container{width:1px;height:1px;overflow:hidden;position:relative}.design__basketball-container{display:flex;position:relative;justify-content:center;align-items:center;height:100%;width:100%;overflow:hidden}@media all and (max-width: 600px){.design__basketball-container{aspect-ratio:1 / 1}}.design__loading-container{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation:spin 1s linear infinite}.design__loading-container svg{width:48px;height:48px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.design__image-container{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding-bottom:1.2%}.design__seams{width:100%;display:flex;justify-content:center;align-items:center;object-fit:cover;z-index:2;grid-column:1;grid-row:1}.design__seams--hidden{visibility:hidden}.design__overlay-image{max-width:100%;mix-blend-mode:multiply;width:48%;height:48%;aspect-ratio:1/1;z-index:2;position:relative;clip-path:circle(50% at 50% 50%);object-fit:cover;opacity:.9;display:flex;justify-content:center;align-items:center}.design__overlay-image-logo{mix-blend-mode:unset;object-fit:contain;width:57%;height:23%;z-index:3;clip-path:unset;transform:translateY(-80%);opacity:0}.design__panel-container{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding-bottom:1.2%}.design__panel-circle-clip{max-width:100%;mix-blend-mode:multiply;width:48%;height:48%;aspect-ratio:1/1;z-index:2;position:relative;clip-path:circle(50% at 50% 50%);object-fit:cover;opacity:.9;display:flex;justify-content:center;align-items:center;position:absolute;transform:translate3d(2px,1px,0) scale(1.005)}.design__panel-circle-clip--overlay-mode{mix-blend-mode:unset}.design__panel{width:100%;height:100%;position:absolute;opacity:.9}.design__basketball{object-fit:contain;max-width:100%;height:100%}.design__mobile-head-container{display:none}@media all and (max-width: 600px){.design__mobile-head-container{display:flex;flex-flow:column nowrap}}@media all and (max-width: 600px){.design__desktop-only-content{display:none}}.design__ui-container h1{margin-bottom:20px}@media all and (max-width: 600px){.design__ui-container h1{display:none}}.design__mobile-head-container h1{display:none}@media all and (max-width: 600px){.design__mobile-head-container h1{margin-bottom:20px;display:block}}.design__ui-container h2,.design__mobile-head-container h2{font-size:.9375rem;font-weight:700;margin-bottom:12px}.design__mobile-head-container .design__upload-container{margin-bottom:20px}#overlay-upload-item2{display:none}.design__fieldset{all:unset;font-size:.9375rem;font-weight:700;margin-bottom:24px}.design__fieldset legend{margin-bottom:12px}.design__fieldset label{font-weight:400}.design__fieldset input{-webkit-appearance:auto;appearance:auto;display:none}.design__fieldset label,.design__fieldset input{cursor:pointer}.design__input{visibility:hidden;height:0;padding:0!important}@media all and (max-width: 600px){.design__input{height:16px}}.design__upload-label{font-size:.625rem;font-weight:700;text-align:center;text-transform:uppercase;display:flex;align-items:center;justify-content:center;padding:0 8px;margin-top:12px;height:1rem}.design__overlay-upload-item{gap:12px;width:100%}.design__button{all:unset;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;width:81px;height:81px;background:#f5f5f5;cursor:pointer}.design__button img{width:30px}.design__swatch-container{display:flex;gap:8px}.design__swatch{all:unset;cursor:pointer;font-size:0;width:15px;height:15px;border-radius:50%;border:1px solid #eaeaea}.design__swatch--00{background:#e1c362}.design__swatch--01{background:#5a5a89}.design__swatch--02{background:#3a4995}.design__swatch--03{background:#f7f36f}.design__swatch--04{background:#57933a}.design__swatch--05{background:#68ac8b}.design__swatch--06{background:#e7bbca}.design__swatch--07{background:#cf3731}.design__swatch--08{background:#dd714b}.design__swatch--09{background:#000}.design__swatch--active{border:1px solid #33ccee}.design__panel-selectors-container{margin-top:32px}.design__panel-selectors-container label{font-size:.75rem}.design__ui-container{display:flex;flex-flow:column nowrap}@media all and (max-width: 600px){.design__ui-container{margin-top:0}}.design__upload-artwork{margin-bottom:32px}@media all and (max-width: 600px){.design__upload-artwork{order:2;margin-top:32px;margin-bottom:0}}.design__caret{width:20px;height:20px;grid-row:1;grid-column:2;transform:translate(-18px,-5px);cursor:pointer;transition:transform .3s ease-in-out}.design__caret--expanded{transform:translate(-18px,-5px) rotate(180deg)}.design__ui-container .picker_sl,.design__ui-container .picker_alpha,.design__ui-container .picker_sample,.design__ui-container .picker_done{display:none}.design__ui-container .picker_sl{display:block!important;height:0px;width:200px;transition:height .3s ease-in-out;box-shadow:none;pointer-events:none}.design__ui-container .picker_sl .picker_selector{display:none}.design__ui-container .picker_sl--expanded{display:block;height:200px;box-shadow:0 0 0 1px silver}.design__ui-container .picker_sl--expanded .picker_selector{display:block;pointer-events:all}.design__ui-container .picker_wrapper{display:grid;grid-template-columns:1fr 20px 65px;background:none;box-shadow:none;padding:0;width:100%;max-width:320px}.design__ui-container .picker_hue{grid-column:1;grid-row:1;box-sizing:border-box;border-radius:20px;height:12px;padding:6px;width:92%}.design__ui-container .picker_selector{padding:8px;border-radius:50%}.design__ui-container .picker_editor{grid-column:3;grid-row:1;width:100%;margin:0}.design__ui-container .picker_editor input{font-size:.75rem;padding:.125rem .25rem}.design__order-copy{margin-top:2.125rem}.design__order-copy p{font-size:.75rem;margin-bottom:.75rem}.design__ui-container form{display:flex;flex-direction:column;margin-top:1.5rem;gap:1rem}.design__ui-container form>div{display:flex;flex-flow:column nowrap}.design__ui-container label,.design__mobile-head-container label{font-size:.75rem;margin-bottom:8px}.design__ui-container input,.design__ui-container textarea{font-size:.75rem;padding:.5rem;border:0px;background:#f3f3f3}.design__ui-container textarea{height:59px}.design__ui-container .submit input{margin:12px auto 0;width:100%;max-width:100px;cursor:pointer}@media all and (max-width: 600px){.design__form-container{order:3}}#logo-canvas{width:1400px;height:1200px;border:1px solid red;visibility:hidden;position:absolute}#full-mesh-canvas{border:1px solid blue;visibility:hidden;position:absolute}
/*# sourceMappingURL=/cdn/shop/t/12/assets/design.css.map */