#customOrder{--band-top: 46%;--flavor-top: 59.4%;--flavor-right: 33%;--flavor-top-milk: 60.5%;--flavor-right-milk: 35%;display:block;width:100%;max-width:80%;margin:5rem auto 6rem;padding:4rem;background:var(--alibaster)}#customOrder .textContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin-bottom:3.2rem}#customOrder .textContainer h1{margin-block-end:0px;margin-block-start:0px}.step-nav{display:flex;justify-content:center;gap:1.6rem;margin-bottom:3.2rem}.step-pip{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;min-width:3.2rem;border-radius:50%;border:1px solid var(--pebble);background:transparent;color:var(--pewter);font-family:Roslindale Narrow,serif;font-size:var(--small-body);font-weight:400;transition:background .25s,color .25s,border-color .25s;-webkit-user-select:none;user-select:none}.step-pip.active{background:var(--nantucket-blue);border-color:var(--nantucket-blue);color:var(--white)}.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:4.8rem;align-items:start}.form-preview{position:sticky;top:9rem}.preview-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:4px;overflow:hidden;background:#c8c4be}.preview-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.preview-placeholder{width:100%;height:100%;background:#c8c4be}.preview-overlay{position:absolute;top:0;right:3%;bottom:0;left:0;opacity:0;width:100%;height:100%;transition:opacity .35s ease}.preview-overlay.is-active{opacity:1}#artworkPreviewImg{object-fit:cover;background:transparent;overflow:hidden;aspect-ratio:10 / 24;width:100%;max-width:35%;height:auto;display:block;margin:auto}.preview-band{position:absolute;top:var(--band-top);left:0;right:3%;transform:translateY(-44%);min-height:5rem;padding:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px;flex-wrap:wrap}.preview-band-logo{max-height:4.8rem;max-width:30%;width:auto;object-fit:contain;display:none;flex-shrink:0}.preview-band-logo.is-visible{display:block}.preview-band-text{text-align:center;width:100%;max-width:33%}.band-line-1{font-family:Roslindale Narrow,serif;font-size:clamp(14px,1vw,30px);font-weight:400;color:var(--pewter);line-height:1.2}.band-line-2{font-family:proxima-nova,sans-serif;font-weight:400;font-size:clamp(5px,1vw,12px);color:var(--pewter);line-height:1.2;margin-top:.5em;text-transform:uppercase;letter-spacing:.12em}@media only screen and (max-width:1728px){.band-line-1{font-size:clamp(12px,.5vw,18px)}.band-line-2{font-size:clamp(5px,.5vw,10px)}}.preview-flavor{position:absolute;top:var(--flavor-top);right:var(--flavor-right);font-family:proxima-nova,sans-serif;font-weight:400;font-size:clamp(5px,.4vw,10px);color:var(--pewter);letter-spacing:.1em;line-height:1;text-transform:uppercase;opacity:0;transition:opacity .2s ease;pointer-events:none;max-width:13%}@media only screen and (max-width:1728px){.preview-flavor{font-size:clamp(5px,.35vw,10px)}}@media only screen and (max-width:1221px){#customOrder{margin:2rem auto 6rem}}@media only screen and (max-width:600px){.preview-flavor{font-size:clamp(4px,.35vw,10px)}}.preview-flavor.is-visible{opacity:1}.preview-flavor[data-flavor="Milk Chocolate"]{top:var(--flavor-top-milk);right:var(--flavor-right-milk)}.form-fields{display:flex;flex-direction:column}.form-header{display:flex;justify-content:space-between;align-items:baseline;position:sticky;top:8rem;z-index:10;background:var(--alibaster);padding:1.6rem 0;margin-bottom:0;box-shadow:0 4px 8px -4px #484a4c1a}.product-title{font-family:Roslindale Narrow,serif;font-size:var(--subheading);font-weight:300;color:var(--pewter);margin:0}.product-price{font-family:Roslindale Narrow,serif;font-style:italic;font-size:var(--small-heading);font-weight:300;color:var(--pebble)}.form-step{padding:2rem 0}.step-row{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.4rem;flex-wrap:wrap}.step-num{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;min-width:2.8rem;border-radius:50%;background:var(--nantucket-blue);color:var(--white);font-family:Roslindale Narrow,serif;font-size:var(--small-body);font-weight:400;flex-shrink:0}.step-title{font-size:var(--body);color:var(--pewter);letter-spacing:.08em;font-family:proxima-nova,sans-serif;font-weight:400;line-height:1;letter-spacing:.1rem}.step-value{font-family:Roslindale Narrow,serif;font-size:var(--body);color:var(--pebble);font-style:italic;line-height:1}.step-subtext{font-size:var(--body);color:var(--pebble);line-height:1;font-family:Roslindale Narrow,serif;font-style:italic}.step-divider{border:none;border-top:1px solid rgba(72,74,76,.15);margin:0}.select-wrapper{position:relative;display:inline-block;width:100%;max-width:32rem}.select-wrapper:after{content:"";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--pewter);pointer-events:none}.select-wrapper--qty{max-width:10rem}.custom-select{appearance:none;-webkit-appearance:none;width:100%;padding:.9rem 3rem .9rem 1.2rem;border-top:0px;border-left:0px;border-right:0px;border-bottom:0;border-radius:2px;background:var(--alibaster);color:var(--pewter);font-family:Roslindale Narrow,serif;font-size:var(--body);font-weight:300;cursor:pointer;transition:border-color .2s}.custom-select:focus{outline:none;border-color:var(--nantucket-blue)}.swatch-group{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:.4rem}.swatch-label{position:relative;cursor:pointer}.swatch-label input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.swatch{display:block;width:3rem;height:3rem;border-radius:50%;border:2px solid transparent;outline:2.5px solid transparent;outline-offset:2px;background-color:var(--pebble);transition:outline-color .2s,transform .15s}.swatch-label:hover .swatch{transform:scale(1.08)}.swatch-label input[type=radio]:checked+.swatch{outline-color:var(--nantucket-blue)}.swatch--custom{position:relative}.swatch--custom:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--pewter);font-size:1.6rem;line-height:1;font-weight:300}#artworkUploadField,#logoUploadField{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}#artworkUploadField[hidden],#logoUploadField[hidden]{display:none}.upload-btn{display:inline-flex;align-items:center;gap:.7rem;padding:.5rem 1.5rem;border:1px solid var(--pebble);border-radius:10rem;background:#867d744d;color:var(--pewter);font-size:var(--body);text-transform:uppercase;letter-spacing:.1rem;cursor:pointer;width:fit-content;transition:border-color .2s,color .2s;-webkit-user-select:none;user-select:none;font-family:proxima-nova,sans-serif;font-weight:400;margin:1rem 0 0}.upload-btn:hover{border-color:var(--nantucket-blue);color:var(--nantucket-blue)}#artworkUploadField input[type=file],#logoUploadField input[type=file]{display:none}.upload-note{font-size:var(--small-body);color:var(--pebble);margin:0}.upload-filename{font-family:Roslindale Narrow,serif;font-size:var(--small-body);color:var(--nantucket-blue);font-style:italic;margin:0;min-height:1.2em}.upload-file-row{display:flex;align-items:center;gap:.6rem;min-height:1.2em}.upload-clear-btn{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;min-width:1.6rem;padding:0;border:1px solid var(--pebble);border-radius:50%;background:transparent;color:var(--pebble);font-size:1.1rem;line-height:1;cursor:pointer;transition:border-color .2s,color .2s;flex-shrink:0}.upload-clear-btn:hover{border-color:var(--pewter);color:var(--pewter)}.upload-clear-btn[hidden]{display:none}.band-options{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:.4rem}.band-label{position:relative;cursor:pointer}.band-label input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.band-pill{display:block;padding:.5rem 1.5rem;border:1px solid var(--pebble);border-radius:10rem;font-family:proxima-nova,sans-serif;font-weight:400;font-size:var(--body);color:var(--pewter);letter-spacing:.1rem;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}.band-label:hover .band-pill{border-color:var(--nantucket-blue);color:var(--nantucket-blue)}.band-label input[type=radio]:checked+.band-pill{background:var(--nantucket-blue);border-color:var(--nantucket-blue);color:var(--white)}#bandTextFields{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}#bandTextFields[hidden]{display:none}.text-input{width:100%;max-width:32rem;padding:.9rem 1.2rem;border:1px solid var(--pebble);border-radius:2px;background:var(--alibaster);color:var(--pewter);font-family:Roslindale Narrow,serif;font-size:var(--body);font-weight:300;transition:border-color .2s}.text-input:focus{outline:none;border-color:var(--nantucket-blue)}.text-input::placeholder{color:var(--pebble);font-style:italic}.form-actions{margin-top:2.8rem;display:flex;flex-direction:column;gap:1rem}.btn-cta{display:block;width:100%;padding:1rem 1.5rem;background:var(--nantucket-blue);color:var(--white);border:1px solid var(--nantucket-blue);border-radius:2px;font-size:var(--body);border-radius:10rem;letter-spacing:.1rem;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;line-height:1;transition:background .2s,color .2s;font-family:proxima-nova,sans-serif;font-weight:400}.btn-cta:hover{background:transparent;color:var(--nantucket-blue)}.or-divider{display:flex;align-items:center;gap:1rem;font-size:var(--small-body);color:var(--pebble);letter-spacing:.04em}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:#484a4c33}.form-disclaimer{font-size:var(--small-body);color:var(--pebble);text-align:left;margin:.8rem 0 0;font-style:italic}@media screen and (max-width:900px){#customOrder{max-width:95%;padding:2.4rem;margin-top:2rem}.form-layout{grid-template-columns:1fr;gap:2.4rem}.form-preview{display:block;position:static;width:100%;max-width:36rem;margin:0 auto}.preview-wrapper{width:100%;aspect-ratio:1 / 1}}@media screen and (max-width:480px){#customOrder{max-width:100%;margin-top:4rem;padding:1.6rem}.form-preview{max-width:100%}.band-options{gap:.6rem}.band-pill{font-size:1.1rem;padding:.6rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/custom-order-module.css.map */