.view-picker{align-self:stretch;text-align:center;margin:0 auto 18px;padding:13px 16px 16px;width:min(100%,520px);border:1px solid #ffffff55;border-radius:16px;background:#ffffff1c;box-shadow:0 10px 24px #0002}
.view-picker>strong{display:block;font-size:1.03rem}.view-picker>span{display:block;font-size:.82rem;color:#e3e9e2;margin:2px 0 12px}
.view-picker .side-tabs{align-self:auto;display:flex;width:100%;border-radius:12px;background:#10151488;gap:5px;padding:5px}
.view-picker .side-tabs button{flex:1;min-width:0;border-radius:9px;padding:12px 9px;border:1px solid #ffffff35;color:#fff}
.view-picker .side-tabs button.active{background:var(--lime);color:var(--accent-text,#101514);border-color:var(--lime)}
.view-picker .side-tabs button:not(.active):hover{background:#ffffff2c}
.view-picker .side-tabs button:focus-visible,.checkout-guidance button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.checkout-guidance{margin:18px 0 12px;padding:15px 17px;border:2px solid var(--lime);border-radius:12px;background:color-mix(in srgb,var(--lime) 15%,white);color:var(--ink)}
.checkout-guidance[hidden],.checkout-guidance button[hidden],.view-picker[hidden]{display:none!important}
.checkout-guidance strong,.checkout-guidance span{display:block}.checkout-guidance span{font-size:.87rem;line-height:1.4;margin-top:4px}
.checkout-guidance button{border:0;background:transparent;padding:8px 0 0;font:inherit;font-weight:800;text-decoration:underline;color:var(--ink);cursor:pointer}
.controls{overflow:visible}
#customer-order-form{margin:0}
.square:hover,.square:focus-visible{background:color-mix(in srgb,var(--lime) 48%,transparent)!important;outline:2px solid #fff!important;z-index:2!important}.square.chosen:hover{background:color-mix(in srgb,var(--lime) 78%,transparent)!important;z-index:3!important}

@media(max-width:900px){.how article .structured-body{grid-column:2;width:100%;max-width:none}.how article .structured-body p{grid-column:auto;max-width:none}}
@media(max-width:520px){.how article{display:block!important;width:100%}.how article>span{margin-bottom:14px}.how article .structured-body{width:100%;max-width:none}.how article h3{margin:0 0 8px}.how article p{max-width:none}}
/* Keep the customer form in the page scroll flow for native browser autofill popups. */
html{scroll-behavior:auto}
.builder{overflow:visible}
.shirt-panel{border-radius:28px 0 0 28px}
.controls{position:static;z-index:auto;border-radius:0 28px 28px 0}
@media(max-width:900px){.shirt-panel{border-radius:28px 28px 0 0}.controls{border-radius:0 0 28px 28px}}
@media(max-width:520px){.shirt-panel{border-radius:20px 20px 0 0}.controls{border-radius:0}}
@media(max-width:520px){.view-picker{margin-bottom:8px;padding:12px}.view-picker .side-tabs button{padding:13px 5px}}