.foa-section--sample,.foa-section--sample *{box-sizing:border-box}.foa-sample{--foa-sample-line: #dce2eb;--foa-sample-muted: #536179;padding:clamp(38px,6vw,86px) 0 clamp(60px,8vw,110px);color:var(--foa-sample-foreground, #07101f);background:var(--foa-sample-background, #f5f7fb)}.foa-sample__container{width:min(calc(100% - 64px),1500px);margin-inline:auto}.foa-sample__header{display:flex;gap:30px;align-items:flex-end;justify-content:space-between;margin-bottom:clamp(34px,5vw,58px)}.foa-sample__eyebrow,.foa-sample__summary-eyebrow{margin:0 0 12px;color:var(--foa-accent, #064bf1);font-size:.72rem;font-weight:750;line-height:1.2;letter-spacing:.22em;text-transform:uppercase}.foa-sample__title{margin:0;font-size:clamp(2.6rem,6vw,5.6rem);font-weight:750;line-height:.96;letter-spacing:-.06em}.foa-sample__header-note{display:flex;gap:10px;align-items:center;color:#34435b;font-size:.82rem;font-weight:650;white-space:nowrap}.foa-sample__header-note .foa-icon{width:34px;height:34px;color:var(--foa-accent, #064bf1)}.foa-sample__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:clamp(24px,3.5vw,54px);align-items:start}.foa-sample__builder{display:grid;min-width:0;gap:20px}.foa-sample__panel,.foa-sample__summary-card{margin:0;border:1px solid var(--foa-sample-line);border-radius:16px;background:#fff;box-shadow:0 12px 32px #1c2b470d}.foa-sample__panel{min-width:0;padding:clamp(22px,3vw,34px)}.foa-sample__legend{display:flex;gap:13px;align-items:center;margin-bottom:26px;padding:0;color:inherit;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:720;line-height:1.2;letter-spacing:-.025em}.foa-sample__step-number{color:var(--foa-accent, #064bf1);font-size:.68rem;letter-spacing:.12em}.foa-sample__method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.foa-sample__paper-option{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--foa-sample-line);border-radius:9px;cursor:pointer}.foa-sample__paper-option>input{position:absolute;opacity:0}.foa-sample__paper-check{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border:1px solid #abb6c6;border-radius:4px;color:transparent;font-size:.72rem;font-weight:800}.foa-sample__paper-option:has(input:checked){border-color:var(--foa-accent, #064bf1);background:#064bf108}.foa-sample__paper-option input:checked+.foa-sample__paper-check{border-color:var(--foa-accent, #064bf1);color:#fff;background:var(--foa-accent, #064bf1)}.foa-sample__paper-option input:focus-visible+.foa-sample__paper-check{outline:3px solid rgb(6 75 241 / 20%);outline-offset:3px}.foa-sample__paper-option strong,.foa-sample__paper-option small{display:block}.foa-sample__paper-option strong{font-size:.85rem}.foa-sample__paper-option small{margin-top:4px;color:var(--foa-sample-muted);font-size:.7rem;line-height:1.45}.foa-sample__generate,.foa-sample__approve-marker{display:inline-flex;min-height:56px;align-items:center;justify-content:center;border:1px solid var(--foa-accent, #064bf1);border-radius:7px;color:#fff;background:var(--foa-accent, #064bf1);font:inherit;font-size:.9rem;font-weight:720;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.foa-sample__generate{width:100%;gap:14px}.foa-sample__generate .foa-icon{width:21px;height:21px}.foa-sample__generate:disabled,.foa-sample__approve-marker:disabled{border-color:#aeb8c7;color:#6c788b;background:#e7ebf1;cursor:not-allowed}@media(hover:hover){.foa-sample__generate:not(:disabled):hover,.foa-sample__approve-marker:not(:disabled):hover{background:#003ed1;box-shadow:0 10px 24px #064bf133;transform:translateY(-1px)}}.foa-sample__workspace{overflow:hidden;border:1px solid var(--foa-sample-line);border-radius:16px;background:#fff;box-shadow:0 12px 32px #1c2b470d}.foa-sample__workspace-header{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--foa-sample-line)}.foa-sample__workspace-eyebrow{margin:0 0 7px;color:var(--foa-accent, #064bf1);font-size:.65rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.foa-sample__workspace-header h2{margin:0;font-size:clamp(1.25rem,2vw,1.7rem);letter-spacing:-.035em}.foa-sample__workspace-status{display:inline-flex;min-height:32px;align-items:center;padding:7px 11px;border-radius:999px;color:#4b5970;background:#f0f3f7;font-size:.66rem;font-weight:650;text-align:center}.foa-sample__workspace-empty{display:grid;min-height:270px;place-items:center;align-content:center;padding:34px;color:#657288;text-align:center}.foa-sample__workspace-empty-icon{width:64px;height:64px;margin-bottom:16px;color:#9ba7b8}.foa-sample__workspace-empty p{max-width:390px;margin:0;font-size:.82rem;line-height:1.55}.foa-sample__processing{display:grid;min-height:390px;place-items:center;align-content:center;padding:40px;text-align:center}.foa-sample__processing[hidden],.foa-sample__marker-result[hidden]{display:none}.foa-sample__processing-orbit{position:relative;width:82px;height:82px;margin-bottom:24px;border:1px solid rgb(6 75 241 / 18%);border-radius:50%;animation:foa-sample-orbit 2.2s linear infinite}.foa-sample__processing-orbit:before,.foa-sample__processing-orbit:after,.foa-sample__processing-orbit span{position:absolute;border-radius:50%;background:var(--foa-accent, #064bf1);content:""}.foa-sample__processing-orbit:before{top:-5px;left:36px;width:10px;height:10px}.foa-sample__processing-orbit:after{top:35px;left:35px;width:12px;height:12px;box-shadow:0 0 0 10px #064bf114}.foa-sample__processing-orbit span:nth-child(1){top:12px;right:5px;width:7px;height:7px}.foa-sample__processing-orbit span:nth-child(2){bottom:7px;left:13px;width:6px;height:6px}.foa-sample__processing h3{margin:0;font-size:1.2rem}.foa-sample__processing-bar{width:min(100%,440px);height:5px;margin-top:22px;overflow:hidden;border-radius:999px;background:#e7ebf1}.foa-sample__processing-bar span{display:block;width:0;height:100%;border-radius:inherit;background:var(--foa-accent, #064bf1);transition:width .5s ease}.foa-sample__processing-steps{display:flex;flex-wrap:wrap;gap:7px 18px;justify-content:center;margin:20px 0 0;padding:0;color:#929cad;font-size:.64rem;list-style:none}.foa-sample__processing-steps li:before{margin-right:5px;content:"\25cb"}.foa-sample__processing-steps li.is-active{color:var(--foa-accent, #064bf1);font-weight:700}.foa-sample__processing-steps li.is-complete{color:#079638}.foa-sample__processing-steps li.is-complete:before{content:"\2713"}.foa-sample__marker-result{padding:20px}.foa-sample__marker-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:14px}.foa-sample__marker-metrics{display:flex;flex-wrap:wrap;gap:18px}.foa-sample__marker-metrics span{display:grid;gap:3px}.foa-sample__marker-metrics small{color:#798599;font-size:.58rem;letter-spacing:.05em;text-transform:uppercase}.foa-sample__marker-metrics strong{font-size:.82rem}.foa-sample__marker-actions{display:flex;gap:7px}.foa-sample__marker-actions button{min-height:34px;padding:7px 10px;border:1px solid #c8d0dc;border-radius:6px;color:#26334a;background:#fff;font:inherit;font-size:.65rem;font-weight:650;cursor:pointer}.foa-sample__fabric-canvas{position:relative;height:clamp(260px,34vw,400px);overflow:hidden;border:8px solid #10192a;border-radius:6px;background:linear-gradient(#ffffff05,#ffffff05),repeating-linear-gradient(0deg,transparent 0 3px,rgb(255 255 255 / 1.5%) 3px 4px),#172238;touch-action:none;-webkit-user-select:none;user-select:none}.foa-sample__fabric-label{position:absolute;z-index:10;top:8px;left:10px;padding:5px 8px;border-radius:4px;color:#ffffffbf;background:#0000003d;font-size:.58rem;letter-spacing:.05em;pointer-events:none;text-transform:uppercase}.foa-sample__pattern-piece{position:absolute;z-index:2;top:var(--y);left:var(--x);border:1px dashed rgb(228 237 255 / 78%);border-radius:4px;background:#526788;box-shadow:inset 0 0 0 2px #ffffff0d;cursor:grab;touch-action:none}.foa-sample__pattern-piece:after{position:absolute;top:50%;right:12%;left:12%;border-top:1px dashed rgb(255 255 255 / 35%);content:""}.foa-sample__pattern-piece.is-dragging{z-index:5;cursor:grabbing;filter:brightness(1.15);box-shadow:0 10px 22px #0000004d}.foa-sample__pattern-piece--body{width:23%;height:64%;clip-path:polygon(13% 0,38% 7%,62% 7%,87% 0,100% 19%,84% 28%,82% 100%,18% 100%,16% 28%,0 19%)}.foa-sample__pattern-piece--back{width:22%;height:67%;clip-path:polygon(12% 0,40% 4%,60% 4%,88% 0,100% 18%,84% 28%,82% 100%,18% 100%,16% 28%,0 18%)}.foa-sample__pattern-piece--sleeve,.foa-sample__pattern-piece--sleeve-small{width:17%;height:43%;clip-path:polygon(18% 0,82% 0,100% 24%,78% 100%,22% 100%,0 24%)}.foa-sample__pattern-piece--sleeve-small{width:15%;height:39%}.foa-sample__pattern-piece--collar{width:17%;height:17%;border-radius:50% 50% 18% 18%}.foa-sample__pattern-piece--pocket{width:12%;height:20%;clip-path:polygon(0 0,100% 0,88% 83%,50% 100%,12% 83%)}.foa-sample__marker-error{margin-top:14px;padding:14px 16px;border:1px solid #e3a9a9;border-radius:7px;color:#8f2020;background:#fff4f4;font-size:.75rem;line-height:1.5}.foa-sample__marker-help{margin:12px 0 0;color:#6f7c90;font-size:.65rem;line-height:1.45}.foa-sample__approve-marker{width:100%;margin-top:16px}@keyframes foa-sample-orbit{to{transform:rotate(360deg)}}.foa-sample__method-card{position:relative;display:flex;min-height:190px;flex-direction:column;padding:22px;border:1px solid var(--foa-sample-line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .17s ease,background-color .17s ease,box-shadow .17s ease,transform .17s ease}.foa-sample__method-card input{position:absolute;width:1px;height:1px;opacity:0}.foa-sample__method-card:has(input:checked){border-color:var(--foa-accent, #064bf1);background:#064bf108;box-shadow:0 0 0 2px #064bf114}.foa-sample__method-card:has(input:focus-visible){outline:3px solid rgb(6 75 241 / 24%);outline-offset:3px}.foa-sample__method-icon{width:42px;height:42px;margin-bottom:22px;color:var(--foa-accent, #064bf1)}.foa-sample__method-title{font-size:1.03rem;font-weight:720;line-height:1.2}.foa-sample__method-copy{margin-top:8px;color:var(--foa-sample-muted);font-size:.78rem;line-height:1.45}.foa-sample__method-check{position:absolute;top:14px;right:14px;display:none;width:22px;height:22px;place-items:center;border-radius:50%;color:#fff;background:var(--foa-accent, #064bf1);font-size:.72rem;font-weight:800}.foa-sample__method-card:has(input:checked) .foa-sample__method-check{display:grid}.foa-sample__method-inputs{margin-top:20px}.foa-sample__field{min-width:0}.foa-sample__field[hidden]{display:none}.foa-sample__label{display:flex;gap:10px;align-items:center;margin-bottom:9px;color:#172238;font-size:.8rem;font-weight:680;line-height:1.25}.foa-sample__required,.foa-sample__optional{color:#7a8698;font-size:.62rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.foa-sample__required{color:var(--foa-accent, #064bf1)}.foa-sample__dropzone{display:grid;min-height:140px;place-items:center;align-content:center;padding:24px;border:1px dashed #aeb9c9;border-radius:10px;background:#f9fbfe;cursor:pointer;text-align:center;transition:border-color .17s ease,background-color .17s ease}.foa-sample__dropzone:hover,.foa-sample__dropzone.is-dragging{border-color:var(--foa-accent, #064bf1);background:#064bf108}.foa-sample__dropzone-icon{width:36px;height:36px;margin-bottom:8px;color:var(--foa-accent, #064bf1)}.foa-sample__dropzone-title{font-size:.9rem;font-weight:700}.foa-sample__dropzone-note{margin-top:5px;color:#6b788c;font-size:.72rem}.foa-sample__file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.foa-sample__fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.foa-sample__field--wide{grid-column:1 / -1}.foa-sample__subpanel,.foa-sample__shipping-notice{border:1px solid #cbd7ea;border-radius:10px;background:#f8faff}.foa-sample__subpanel{padding:20px}.foa-sample__subpanel-title,.foa-sample__shipping-notice h3{margin:0;color:#172238;font-size:.98rem;font-weight:720;line-height:1.25}.foa-sample__subpanel-copy,.foa-sample__shipping-notice p{margin:7px 0 0;color:#5c6980;font-size:.76rem;line-height:1.55}.foa-sample__dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.foa-sample__marker-check{margin:16px 0 0;padding:11px 13px;border-left:3px solid var(--foa-accent, #064bf1);color:#40506a;background:#064bf10d;font-size:.72rem;line-height:1.45}.foa-sample__shipping-notice{display:grid;grid-template-columns:50px minmax(0,1fr);gap:18px;padding:20px;border-color:#064bf140;background:#064bf108}.foa-sample__shipping-icon{width:46px;height:46px;color:var(--foa-accent, #064bf1)}.foa-sample__shipping-fields{max-width:260px;margin-top:17px}.foa-sample__acknowledgment{display:flex;gap:10px;align-items:flex-start;margin-top:17px;color:#34435b;font-size:.74rem;line-height:1.45;cursor:pointer}.foa-sample__acknowledgment input{width:17px;height:17px;flex:0 0 auto;margin-top:1px;accent-color:var(--foa-accent, #064bf1)}.foa-sample__input,.foa-sample__select,.foa-sample__textarea{width:100%;border:1px solid #cbd3df;border-radius:8px;color:#101827;background:#fff;font:inherit;font-size:.9rem}.foa-sample__input,.foa-sample__select{height:50px;padding:0 14px}.foa-sample__textarea{min-height:92px;padding:13px 14px;resize:vertical}.foa-sample__input:focus,.foa-sample__select:focus,.foa-sample__textarea:focus{border-color:var(--foa-accent, #064bf1);outline:3px solid rgb(6 75 241 / 10%)}.foa-sample__turnaround-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.foa-sample__choice{position:relative;cursor:pointer}.foa-sample__choice input{position:absolute;opacity:0}.foa-sample__choice span{display:flex;min-height:76px;flex-direction:column;justify-content:center;padding:14px 18px;border:1px solid var(--foa-sample-line);border-radius:9px;transition:border-color .17s ease,background-color .17s ease,box-shadow .17s ease}.foa-sample__choice input:checked+span{border-color:var(--foa-accent, #064bf1);background:#064bf108;box-shadow:0 0 0 2px #064bf114}.foa-sample__choice input:focus-visible+span{outline:3px solid rgb(6 75 241 / 20%);outline-offset:3px}.foa-sample__choice strong{font-size:.98rem}.foa-sample__choice small{margin-top:3px;color:var(--foa-sample-muted);font-size:.7rem}.foa-sample__quantity-row{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:24px;padding-top:22px;border-top:1px solid var(--foa-sample-line)}.foa-sample__field-help{margin:0;color:#6b788c;font-size:.72rem}.foa-sample__quantity{display:grid;grid-template-columns:42px 64px 42px;overflow:hidden;border:1px solid #cbd3df;border-radius:8px;background:#fff}.foa-sample__quantity button,.foa-sample__quantity input{height:46px;border:0;color:#101827;background:#fff;font:inherit;text-align:center}.foa-sample__quantity button{cursor:pointer;font-size:1.2rem}.foa-sample__quantity button:hover{color:var(--foa-accent, #064bf1);background:#f3f6fb}.foa-sample__quantity input{border-inline:1px solid #e0e5ec;font-weight:700;-webkit-appearance:textfield;appearance:textfield}.foa-sample__quantity input::-webkit-inner-spin-button,.foa-sample__quantity input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.foa-sample__summary{position:sticky;top:calc(var(--header-height, 80px) + 20px)}.foa-sample__summary-card{padding:clamp(24px,3vw,34px)}.foa-sample__summary-title{margin:0;font-size:clamp(1.55rem,2.5vw,2.15rem);font-weight:720;line-height:1.08;letter-spacing:-.04em}.foa-sample__summary-list{margin:26px 0 0;padding:0;border-block:1px solid var(--foa-sample-line)}.foa-sample__summary-list>div{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding:12px 0}.foa-sample__summary-list dt,.foa-sample__summary-list dd{margin:0;font-size:.78rem;line-height:1.35}.foa-sample__summary-list dt{color:#6b788c}.foa-sample__summary-list dd{max-width:58%;font-weight:650;text-align:right}.foa-sample__price{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;padding:24px 0}.foa-sample__price span{color:#526078;font-size:.78rem}.foa-sample__price strong{font-size:1.12rem}.foa-sample__submit{width:100%;min-height:54px;padding:14px 20px;border:1px solid var(--foa-accent, #064bf1);border-radius:7px;color:#fff;background:var(--foa-accent, #064bf1);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.foa-sample__submit:disabled{border-color:#cbd2dd;color:#788498;background:#edf0f5;cursor:not-allowed}.foa-sample__disabled-note{margin:10px 0 0;color:#6b788c;font-size:.68rem;line-height:1.45;text-align:center}.foa-sample__assurances{display:grid;gap:9px;margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--foa-sample-line);color:#526078;font-size:.72rem;list-style:none}.foa-sample__assurances li:before{margin-right:8px;color:#079638;content:"\2713";font-weight:800}@media screen and (max-width:1050px){.foa-sample__layout{grid-template-columns:1fr}.foa-sample__summary{position:static}}@media screen and (max-width:749px){.foa-sample__container{width:min(calc(100% - 28px),620px)}.foa-sample__header{align-items:flex-start;flex-direction:column}.foa-sample__method-grid,.foa-sample__turnaround-grid{grid-template-columns:1fr}.foa-sample__workspace-header,.foa-sample__marker-toolbar{align-items:flex-start;flex-direction:column}.foa-sample__marker-actions{width:100%}.foa-sample__marker-actions button{flex:1}.foa-sample__method-card{min-height:0;padding-left:78px}.foa-sample__method-icon{position:absolute;top:22px;left:22px;width:36px;height:36px;margin:0}.foa-sample__fields-grid{grid-template-columns:1fr}.foa-sample__field--wide{grid-column:auto}}@media screen and (max-width:480px){.foa-sample__quantity-row{align-items:flex-start;flex-direction:column}.foa-sample__dimensions,.foa-sample__shipping-notice{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.foa-section--sample *,.foa-section--sample *:before,.foa-section--sample *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/foa-sample.css.map */