.checkoutPage{display:flex;gap:4rem;background-color:var(--white);min-height:100vh;padding-top:0}.checkoutForm{display:flex;flex-direction:column;gap:4rem;width:35rem;padding-bottom:4rem;flex:1 1}.checkoutForm .shippingFields,.checkoutForm>div{display:flex;flex-direction:column;gap:1.5rem}.checkoutForm .accountSection,.checkoutForm .paymentSection,.checkoutForm .shippingFields{padding-top:4rem}.checkoutForm .centered{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.checkoutForm .colorWrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.checkoutForm .colorWrapper>div{display:flex;flex-direction:row;justify-content:center;gap:1rem}.checkoutForm .colorWrapper .colorSelector{width:2rem;height:2rem;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.checkoutForm .colorWrapper .colorSelector:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.6)}.checkoutForm .colorWrapper .colorSelector:focus{outline:2px solid var(--gray-light);outline-offset:2px}.checkoutForm .colorWrapper .colorSelector.selected{outline:1px solid var(--gray-dark);outline-offset:4px}.checkoutForm .colorWrapper .colorSelector:active{transform:scale(.95)}.productInfo{padding-top:8rem;display:flex;flex-direction:column;align-items:center;gap:3rem;z-index:2;color:var(--darkGray);text-align:right}.productInfo h1{font-size:5rem}.specifications{display:flex;gap:2.5rem}.specifications .highlights{display:flex;flex-direction:column;align-items:center;gap:.25rem}@media(orientation:portrait){.specifications .highlights{padding:1rem 0}}.specifications .highlights span{display:flex;align-items:baseline;gap:.5rem}.specifications .highlights h3,.specifications .highlights small{font-size:1.5rem;line-height:1;font-weight:300}.specifications .highlights h3,.specifications .highlights p,.specifications .highlights small{font-family:var(--font-inter),sans-serif}.specifications .highlights p{font-size:.75rem;font-weight:300;line-height:1.5}.canvasWrapper{flex:1.4 1;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;align-self:flex-start;height:100vh;overflow:visible!important}.canvasWrapper>div{touch-action:auto!important}.canvasWrapper>div,.canvasWrapper>div>div{overflow:visible!important;display:flex;justify-content:center}.canvasWrapper>div>div{position:absolute;width:100vw!important;align-items:center}