*{margin:0;padding:0}html,body{overflow:hidden}body{-webkit-user-select:none;user-select:none;height:100dvh;font-family:Arial,sans-serif;text-align:center;margin:0;padding:0}.noSelect{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noSelect:focus{outline:none!important}*:not(input):not(textarea).noSelect{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*:not(input):not(textarea).noSelect:focus{outline:none!important}html{-webkit-tap-highlight-color:transparent}*:not(input):not(textarea){-webkit-tap-highlight-color:transparent}#preloader{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100%;background-color:#f0f0f0;z-index:6000}@keyframes inflateAnimation{0%{transform:scale(.8)}50%{transform:scale(1.05)}to{transform:scale(.8)}}.introHeadline{animation:inflateAnimation 1s ease-in-out infinite;transform-origin:center;font-size:2em}@keyframes inflationContainerAnimation{0%{transform:scale(.25)}to{transform:scale(3)}}#inflation-container{animation:inflationContainerAnimation 10s ease-in-out;transform-origin:center}.harlemLogo{position:absolute;top:0;left:0;margin:1em 0 0 1.3em;width:150px}#introLogo{position:absolute;opacity:0}.scene-container{display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;margin-bottom:2.5em;width:100%;height:90vh;background-color:#f6f6f6;overflow:visible;z-index:2500}.webgl{width:100%;height:100%;overflow:hidden}#menuButton{float:right}#fullscreenBtn{position:absolute;top:1em;right:1.4em;padding:.2em 0;z-index:5}#sizeContainer{position:absolute;top:0;left:2em;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:250px;margin:2em 2em 0 5vw}.zindex{z-index:8}#menuCollapseContainer{position:absolute;top:2.3em;left:4vw}#menuCollapse{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease-in-out}#menuCollapse.rotated{transform:rotate(180deg)}#productSize{width:90px;height:28px;padding-left:12px;border:1px solid #31bcff;border-radius:4px;cursor:pointer;float:right}.snapshot-container{position:absolute;top:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:nowrap;width:100px;margin:1em 5vw 0 2em;z-index:2}button{padding:10px;font-size:16px;color:#31bcff;background-color:transparent;cursor:pointer;display:inline-block;z-index:2;transition:transform .3s ease-in-out;border-radius:4px;border-color:transparent}.slider-button{font-size:3em;color:#31bcff;background-color:transparent;cursor:pointer;transition:transform .3s ease-in-out;border:none;z-index:2}.slider-button:hover{color:#207299}i.fa-solid.fa-chevron-down{position:relative;top:-.2em;left:0;font-size:1em;color:#000;padding:4px;z-index:8;cursor:pointer}i.fa-solid.fa-chevron-left,.fa-solid.fa-chevron-right{font-size:.6em;padding:4px;margin-bottom:0;z-index:4}i.fa-solid.fa-share-nodes,.fa-solid.fa-list-check{color:#181818;font-size:1.2em;z-index:5}i.fa-shopping-cart{cursor:pointer}.top-menu-container{position:absolute;bottom:15vh;width:100vw;transition:bottom .3s ease-in-out}#mainInterface{position:absolute;bottom:0;width:100vw;height:15vh;overflow:hidden;transition:bottom .3s ease-in-out;opacity:0}.slider-container{position:fixed;bottom:0;width:100%;height:15vh;background-color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;overflow:hidden}.slider{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;transition:transform .3s ease-in-out;height:100%;overflow:hidden}.slide{position:relative;top:0;width:100vw;height:100%;background-color:#fff;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.slideContent{position:absolute;width:350px}.headlineContainer{position:absolute;top:20%;left:50%;width:100%;height:2em;transform:translate(-50%,-50%)}.slideHeadlines{position:absolute;top:0;font-size:1.2em;font-weight:400;color:#000;height:40px;width:100vw;padding-top:0;background-color:transparent;z-index:1}@keyframes dotAnimation{0%{width:100%;height:100%}to{width:15px;height:15px}}#customization-container.wrap{flex-wrap:nowrap}.swatch-row{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;z-index:1}.swatchContainer{position:absolute;bottom:-2em;left:50%;transform:translate(-50%,-50%);padding-top:0;width:450px;height:90px;z-index:2}#logoCanvas{display:none;position:relative;left:0;width:100%;height:100%;margin-bottom:-18em}#canvasContainer{position:relative;top:38%;left:30%;transform:translate(-50%,-50%);width:325px;height:60px;z-index:2}#resetButton{position:absolute;top:50%;left:375%;transform:translate(-50%,-50%);width:95px;height:30px;padding:6px 10px;margin-left:0;border:1px solid #31bcff;display:flex;justify-content:center;align-items:center}.inputContainer{display:inline-block;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);right:0;height:30px;margin-left:-2em;z-index:8}.custom-file-input-label{position:relative;display:inline-block;left:0;margin-left:-6em;width:7em;background-color:#31bcff;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:.9em;font-weight:400;text-align:center;white-space:nowrap;color:#fff;transition:.3s ease}.custom-file-input-label:hover{background-color:#fff;border:1px solid #31bcff;color:#31bcff}#imageInput{display:none}#optionMenu{position:absolute;top:4.5em;left:26%;display:flex;align-items:baseline;justify-content:flex-start;flex-direction:column;gap:20px;width:50%;padding-top:1.5em;z-index:10}#menuHeadingContainer{position:absolute;top:-2.8em;left:3em;display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px;margin-top:3.25em;width:30%;height:50%}.menuHeading{padding:.2em;font-weight:400}#modalTextureSwatchContainer{position:absolute;text-align:center;top:0;left:20.75%;width:150px;padding-top:3.15em;z-index:auto}.color-swatch-container{position:relative;top:0;right:0;height:15px}.color-swatch-container span{display:inline-block}.color-swatch{width:15px;height:15px;border:1px solid lightgrey;border-radius:50%;display:inline-block;margin-right:10px;z-index:5}#sizeDisplay{position:absolute;left:0;width:90px;margin-left:1.9em;margin-top:.4em}#optionModal{opacity:0;transform:scale(.4);transform-origin:center;pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out}h5{position:absolute;top:-1.4em;left:50%;transform:translate(-50%);font-weight:400;white-space:nowrap;padding-bottom:16px}#optionModal.show{opacity:1;transform:scale(1);pointer-events:auto}.modal{position:fixed;display:flex;align-items:flex-start;justify-content:center;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#ffffffb3;overflow-y:scroll;z-index:20}.modal-content{display:flex;align-items:flex-start;justify-content:center;flex-direction:row;background-color:#fefefe;margin:2.5em auto;padding:20px;border:1px solid lightgrey;height:700px;max-height:900px;width:90vw;border-radius:4px;position:relative;overflow-y:scroll}#closeModal{position:absolute;top:0;right:7.5px;padding:5px;font-size:2em;cursor:pointer;z-index:100;border:none}#overview{z-index:20}#modalTextureSwatchContainer{left:25%}#optionMenu{left:31%}#imageContainer{position:absolute;display:flex;flex-wrap:wrap;width:100%;gap:10px;justify-content:center;align-self:center;padding:1em}img.latest-snapshot{width:calc(50% - 10px);max-width:310px;margin-bottom:10px}#imageModal{width:50vw;height:50vh}.dummyDropdown{display:inline-block;font-size:.85em;border:1px solid #31bcff;border-radius:4px;width:80px;padding:4px 0 4px 4px;margin-top:.4em;margin-bottom:.4em}#addToCartButton{position:absolute;bottom:5%;left:84.25%;transform:translate(-50%,-50%);width:225px;height:50px;padding:12px 18px;border:1px solid #31bcff;border-radius:5em;margin-left:8px;color:#fff;background-color:#31bcff;z-index:20}#addToCartButton:hover{border:2px solid #31bcff;color:#31bcff;background-color:#fff}#priceContainer{position:absolute;bottom:6%;left:60.25%;transform:translate(-50%,-50%);margin:1em}@media only screen and (max-width: 992px){#mainInterface{position:absolute;bottom:0;width:100vw;height:15vh;overflow:hidden;transition:bottom .3s ease-in-out;opacity:0}.slideHeadlines{position:absolute;top:0;font-size:1.2em;font-weight:400;color:#000;height:40px;width:100vw;padding-top:0;background-color:transparent;z-index:1}.headlineContainer{position:absolute;top:13%;left:50%;transform:translate(-50%)}.swatchContainer{top:75%}.swatch-row{margin-top:0;margin-left:auto;margin-right:auto}.inputContainer{top:5%}#resetButton{top:50%;right:-20%}}@media only screen and (max-width: 767px){.scene-container{display:flex;justify-content:center;align-items:center;width:100%;max-height:92vh}.top-menu-container{bottom:43.5vh;width:100vw;transition:bottom .3s ease-in-out}#mainInterface{height:43vh}.headlineContainer{bottom:29.5vh}.slideHeadlines{top:.4em;padding-top:1.6em}.navigation-container{bottom:31vh;width:90%}.slide{position:relative;top:0;width:100vw;height:100%;background-color:#fff;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.slider-button,.next-button{padding:0;margin:0;height:40px}#menuCollapseContainer{position:absolute;top:1.7em;left:45%;z-index:8}#sizeContainer{position:absolute;bottom:0;left:0;margin:2.4em 2em 0 5vw}.snapshot-container{z-index:3}#saturation-slider{margin-top:1em;z-index:5}.texture-swatch{width:30px;height:30px;margin:3px}#optionMenu{top:3.3em;left:54%;gap:9.95px;width:30%;height:30%;padding-top:1.4em}div.modal-content{height:200vh;overflow-y:scroll}#menuHeadingContainer{top:-4em;left:1.1em;margin-top:1.4em;width:47.5%;height:40%;gap:0}.menuHeading{padding:.2em;font-weight:400}#modalTextureSwatchContainer{top:-.2em;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:30%;left:45.5%;width:150px;padding-top:0;margin-top:3em}.color-swatch-container{top:-1.15px;height:15.15px}#sizeDisplay{margin-left:.3em;margin-top:0}#imageContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:50%;width:100%;gap:10px}img.latest-snapshot{display:flex;justify-content:center;align-items:center;width:calc(50% - 10px);max-width:calc(50% - 10px);height:40%;flex:0 0 calc(45% - 10px);object-fit:cover}#addToCartButton{top:41.5%;left:71.5%;width:150px}#priceContainer{top:41.5%;left:28%}.modalTextContainer{top:31.5%;left:7.5%;width:200px;min-height:60px;height:auto;margin-top:1em}#textCopy{position:absolute;top:0;width:75%;height:60%;padding:12px;border:1px solid #31bcff;border-radius:4px}h5{position:absolute;top:-1.8em;left:45%;transform:translate(-50%);font-weight:400;white-space:nowrap;padding-bottom:16px}.swatchContainer{display:flex;align-items:center;justify-content:center;top:77.5%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.color-picker-container{position:absolute;top:50%;left:41%;transform:translate(-50%,-50%);height:4em;width:100%;margin-top:0;z-index:1}.swatch-row{display:flex;align-items:center;justify-content:center}#logoCanvas{display:none;position:aboslute;left:0;width:0;height:0}#canvasContainer{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.inputContainer{position:absolute;top:1.7em;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:flex-start;width:100%;height:30px;z-index:4}.custom-file-input-label{position:relative;left:0;transform:translate(-50%);float:left;margin-left:-6em}#resetButton{position:absolute;top:50%;left:375%;transform:translate(-50%,-50%);float:right;width:95px;margin-left:0;border:1px solid #31bcff;display:flex;justify-content:center;align-items:center}}.popup-container{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:22}.popup{margin-top:-6em;background:white;padding:20px;border-radius:10px;text-align:center;max-width:300px;z-index:22}.button-container{margin-top:20px}.skipButton,.nextButton,.prevButton{margin:5px;padding:10px 20px;cursor:pointer;border:none;background-color:#31bcff;color:#fff;border-radius:5px;z-index:10}.cart-drawer{position:fixed;display:flex;flex-direction:column;justify-content:space-between;right:-570px;top:2.5%;height:90%;width:500px;background-color:#fff;border-radius:6px;box-shadow:-2px 0 10px #0003;transition:right .3s ease;z-index:19;padding:30px}.cart-drawer-container{position:fixed;top:0;right:-500px;width:500px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0003;transition:right .3s ease;z-index:19}#cartContainer{padding-top:50px}.cart-drawer-button{position:absolute;top:50%;left:-40px;width:40px;height:40px;background-color:#31bcff;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:4px 0 0 4px;color:#fff;z-index:20}.cart-drawer-button i{font-size:20px;pointer-events:none}.cart-drawer.open{right:3vw}.cart-button{width:50%;height:50px;margin:10px;padding:10px;border-radius:5em;cursor:pointer;font-size:14px;font-weight:500;color:#fff;transition:.3s ease}#viewCartButton{background-color:#31bcff}#viewCartButton:hover{border:1px solid #31bcff;background-color:#fff;color:#31bcff}#proceedToCheckoutBtn{background-color:#000}#proceedToCheckoutBtn:hover{border:1px solid black;background-color:#fff;color:#000}.cartBtnContainer{padding-bottom:2em;margin-top:auto;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%}.cart-summary{position:fixed;top:0;right:0;width:300px;height:100vh;background-color:#fff;box-shadow:-2px 0 5px #0000001a;padding:20px;transform:translate(105%);transition:transform .3s ease-in-out}.cart-summary.open{transform:translate(0)}.cart-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}.details{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px;font-size:14px}.titlePriceSize{display:flex;flex-direction:column;width:50%;align-items:flex-start;flex-grow:0;flex-shrink:0}.thumbnail{width:90px;height:90px;margin-right:10px}.title{font-family:Futura,sans-serif;font-weight:700;font-size:1.4em;padding-bottom:8px}.price,.size{font-family:Futura,sans-serif;padding-bottom:8px;color:#817f7f;font-size:1.1em}.input-group{display:flex;flex-direction:column;align-items:center}.quantity-input{width:30px;height:22.5px;padding:6px;border-radius:7px;border:1px solid lightgrey;text-align:center}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input{-moz-appearance:textfield}.remove-button{padding:4px;font-size:.75em;line-height:1.7;font-weight:400;color:#646464;text-decoration-line:underline}#bottomContainer{display:flex;flex-direction:column;justify-content:flex-end;height:27.5%}.total-price{display:flex;justify-content:space-between;align-items:center;font-family:Futura,sans-serif;font-weight:700;font-size:1.4em;padding:8px;width:100%}.order-note-link{display:flex;justify-content:flex-start;padding:8px;cursor:pointer;color:#646464;margin-bottom:10px;font-size:.75em;line-height:1.7;font-weight:400;text-decoration-line:underline}.order-note-textarea{width:100%;height:175px;padding:10px;margin-bottom:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;z-index:auto}.order-note-container{position:absolute;bottom:-50%;left:0;width:100%;background-color:#fff;transition:bottom .3s ease;padding:10px;box-shadow:0 -2px 10px #0003}.cart-title{position:absolute;top:30px;left:40px;font-weight:700;font-size:1.2rem;display:flex;align-items:center}.item-count{font-size:.95rem;color:#fff;background-color:#000;border-radius:50%;padding:4px 8px;margin-left:.65em}@media screen and (max-width: 768px){.cart-drawer,.cart-drawer-container{max-width:85vw;right:-120%}#cartDrawer{width:90vw;padding:20px}.cart-drawer-button{position:fixed;top:40%;left:calc(100vw - 40px)}.cart-drawer-button i{font-size:20px}.cart-item,.details{font-size:16px}.thumbnail{width:100px;height:100px}.title{font-size:1em;text-align:left}.price,.size{font-size:1.1em}.quantity-input,.remove-button{padding:8px}.cart-button{font-size:16px}.total-price{font-size:1.4em}.order-note-textarea{height:200px}.cart-title{top:20px;left:20px;font-size:1rem}.item-count{font-size:1rem}}
