.cs-brand-step variant-selects,.cs-brand-step .product-form__quantity,.cs-brand-step product-form,.cs-color-step .product-form__quantity,.cs-color-step product-form,.cs-placement-step .product-form__quantity,.cs-placement-step product-form,.cs-sizing-step .product-form__quantity,.cs-sizing-step product-form{display:none!important}.cs-has-sizing .product-form__quantity{display:none!important}.custom-selectors{position:relative;overflow-x:clip;margin-bottom:2rem;transition:height .38s cubic-bezier(.4,0,.2,1)}.custom-selectors__step{position:absolute;top:0;left:0;width:100%;padding:0 4px 6px;transition:transform .38s cubic-bezier(.4,0,.2,1);will-change:transform}.custom-selectors__step-header{margin-bottom:2rem}.custom-selectors__step-title{font-size:2rem;font-weight:600;margin:0 0 .4rem;color:rgb(var(--color-foreground))}.custom-selectors__step-subtitle{font-size:1.3rem;color:rgba(var(--color-foreground),.6);margin:0}.custom-selectors__brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2.4rem}@media screen and (max-width:480px){.custom-selectors__brand-grid{grid-template-columns:1fr}}.brand-card{display:flex;flex-direction:column;gap:.8rem;text-align:left;background:rgb(var(--color-background));border:1.5px solid rgba(var(--color-foreground),.14);border-radius:1.2rem;padding:1.6rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;width:100%;font-family:inherit;color:rgb(var(--color-foreground))}.brand-card:hover{border-color:rgba(var(--color-foreground),.3)}.brand-card--selected{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.brand-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.brand-card__title{font-size:1.5rem;font-weight:600;line-height:1.3;transition:color .15s ease}.brand-card--selected .brand-card__title{color:#2563eb}.brand-card__badge{flex-shrink:0;background:#eff6ff;color:#2563eb;font-size:1.1rem;font-weight:500;padding:.25rem .8rem;border-radius:999px;white-space:nowrap;line-height:1.6}.brand-card__description{font-size:1.3rem;color:rgba(var(--color-foreground),.6);line-height:1.5;margin:0}.brand-card__properties{display:flex;flex-wrap:wrap;gap:.5rem}.brand-card__property{font-size:1.1rem;background:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.7);border-radius:.5rem;padding:.3rem .8rem;white-space:nowrap}.custom-selectors__color-slot{margin-bottom:2rem}.custom-selectors__actions{display:flex;justify-content:flex-end;margin-top:2rem}.custom-selectors__actions--split{justify-content:space-between;align-items:center}.custom-selectors__continue{display:inline-flex;align-items:center;gap:.7rem;background:#2563eb;color:#fff;border:none;border-radius:.8rem;padding:1.2rem 2.4rem;font-size:1.5rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,opacity .15s ease;line-height:1}.custom-selectors__continue:hover:not(:disabled){background:#1d4ed8}.custom-selectors__continue:disabled{opacity:.38;cursor:not-allowed}.custom-selectors__continue svg,.custom-selectors__back svg{flex-shrink:0}.custom-selectors__back{display:inline-flex;align-items:center;gap:.7rem;background:transparent;color:rgb(var(--color-foreground));border:1.5px solid rgba(var(--color-foreground),.22);border-radius:.8rem;padding:1.1rem 1.8rem;font-size:1.5rem;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .15s ease;line-height:1}.custom-selectors__back:hover{border-color:rgba(var(--color-foreground),.5)}.custom-selectors__empty{font-size:1.3rem;color:rgba(var(--color-foreground),.5);padding:2rem;background:rgba(var(--color-foreground),.04);border-radius:.8rem;margin-bottom:1.6rem}.placement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.2rem;margin-bottom:2.4rem}.placement-card{display:flex;flex-direction:column;gap:1.2rem;background:rgb(var(--color-background));border:1.5px solid rgba(var(--color-foreground),.14);border-radius:1.2rem;padding:1.6rem;transition:border-color .15s ease,box-shadow .15s ease}.placement-card--done{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.placement-card--done .placement-card__icon{color:#2563eb}.placement-card__header{display:flex;align-items:flex-start;gap:1rem}.placement-card__icon{flex-shrink:0;color:rgba(var(--color-foreground),.4);margin-top:.1rem;transition:color .15s ease}.placement-card__title{font-size:1.5rem;font-weight:600;margin:0 0 .3rem;line-height:1.3;color:rgb(var(--color-foreground))}.placement-card__size{font-size:1.2rem;color:rgba(var(--color-foreground),.5);margin:0}.artwork-tips{background:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.09);border-radius:.9rem;padding:1.4rem 1.8rem;margin-bottom:2rem}.artwork-tips__title{font-size:1.35rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 .8rem}.artwork-tips__list{margin:0;padding-left:1.6rem;display:flex;flex-direction:column;gap:.4rem}.artwork-tips__list li{font-size:1.25rem;color:rgba(var(--color-foreground),.65);line-height:1.5}.upload-zone{flex:1}.upload-zone__droparea{border:2px dashed #93c5fd;border-radius:.9rem;background:#2563eb0a;min-height:16rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease,background .15s ease;padding:2rem 1.6rem}.upload-zone__droparea:hover,.upload-zone__droparea:focus-visible{border-color:#2563eb;background:#2563eb14;outline:none}.upload-zone__droparea--dragover{border-color:#2563eb;background:#2563eb12}.upload-zone__state{display:none;flex-direction:column;align-items:center;gap:.6rem;text-align:center;width:100%}.upload-zone__state:not([hidden]){display:flex}.upload-zone__icon{color:#2563eb;flex-shrink:0;margin-bottom:.4rem}.upload-zone__label{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground));margin:0;line-height:1.3}.upload-zone__browse-btn{display:inline-block;margin-top:.6rem;padding:.7rem 1.8rem;background:#2563eb;color:#fff;font-size:1.3rem;font-weight:600;border-radius:10rem;pointer-events:none}.upload-zone__drop-hint{font-size:1.2rem;color:rgba(var(--color-foreground),.45);margin:.2rem 0 0}.upload-zone__formats{font-size:1.1rem;color:rgba(var(--color-foreground),.4);font-weight:500;margin:.4rem 0 0}.upload-zone__spinner{width:2.4rem;height:2.4rem;border:2.5px solid rgba(37,99,235,.2);border-top-color:#2563eb;border-radius:50%;animation:cs-spin .7s linear infinite}@keyframes cs-spin{to{transform:rotate(360deg)}}.upload-zone__preview{width:100%;max-height:7rem;object-fit:contain;border-radius:.5rem}.upload-zone__file-icon{color:rgba(var(--color-foreground),.4)}.upload-zone__filename{font-size:1.1rem;color:rgba(var(--color-foreground),.55);margin:0;word-break:break-all;max-width:100%;line-height:1.3}.upload-zone__done-label{display:inline-flex;align-items:center;gap:.4rem;font-size:1.2rem;font-weight:600;color:#16a34a;margin:0}.upload-zone__change-btn{font-size:1.1rem;color:#2563eb;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:2px}.upload-zone__change-btn:hover{color:#1d4ed8}.upload-zone__state--error .upload-zone__icon,.upload-zone__state--error svg{color:#dc2626}.upload-zone__error-msg{font-size:1.2rem;color:#dc2626;margin:0;line-height:1.4}.upload-zone__retry-btn{font-size:1.1rem;color:#2563eb;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:2px}.upload-zone__droparea--dragover .upload-zone__state--idle .upload-zone__label{color:#2563eb}.placement-card__preview{width:100%;max-height:120px;object-fit:contain;border-radius:.6rem;border:1px solid rgba(var(--color-foreground),.1);background:rgba(var(--color-foreground),.03)}.order-summary{border:1.5px solid rgba(var(--color-foreground),.12);border-radius:1.2rem;overflow:hidden;margin-bottom:2.4rem}.order-summary__row{display:flex;align-items:flex-start;gap:1.4rem;padding:1.6rem;border-bottom:1px solid rgba(var(--color-foreground),.08)}.order-summary__row:last-child{border-bottom:none}.order-summary__icon-wrap{flex-shrink:0;width:3.8rem;height:3.8rem;background:rgba(var(--color-foreground),.06);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.45);margin-top:.1rem}.order-summary__content{flex:1;min-width:0}.order-summary__label{font-size:1.15rem;color:rgba(var(--color-foreground),.5);margin:0 0 .3rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.order-summary__value{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground));margin:0;line-height:1.4}.order-summary__thumbs{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.order-summary__thumb{width:5.6rem;height:5.6rem;object-fit:cover;border-radius:.7rem;border:1px solid rgba(var(--color-foreground),.1);background:rgba(var(--color-foreground),.04)}[data-step=summary] .custom-selectors__actions{justify-content:flex-start}.sizing-table{border:1.5px solid rgba(var(--color-foreground),.12);border-radius:1.2rem;overflow:hidden;margin-bottom:1.6rem}.sizing-table__header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:1rem 1.6rem;background:rgba(var(--color-foreground),.05);border-bottom:1px solid rgba(var(--color-foreground),.1);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--color-foreground),.5)}.sizing-table__header span:nth-child(2){text-align:center}.sizing-table__header span:last-child{text-align:right}.sizing-table__row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:0;padding:1rem 1.6rem;border-bottom:1px solid rgba(var(--color-foreground),.06);transition:background .1s ease}.sizing-table__row:last-child{border-bottom:none}.sizing-table__row:hover{background:rgba(var(--color-foreground),.02)}.sizing-table__size-label{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground))}.sizing-stepper{justify-self:center}.sizing-table__subtotal{font-size:1.35rem;color:rgba(var(--color-foreground),.55);text-align:right}.sizing-table__total-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:0;padding:1.2rem 1.6rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.45rem;font-weight:700}.sizing-table__total-row span:nth-child(2){text-align:center;font-size:1.45rem}.sizing-table__total-row span:last-child{text-align:right;font-size:1.3rem;font-weight:500;opacity:.75}.sizing-stepper{display:inline-flex;align-items:center;gap:0;border:1.5px solid rgba(var(--color-foreground),.16);border-radius:.7rem;overflow:hidden;width:fit-content}.sizing-stepper__btn{width:3.2rem;height:3.2rem;background:rgba(var(--color-foreground),.05);border:none;cursor:pointer;font-size:1.6rem;font-weight:500;color:rgb(var(--color-foreground));font-family:inherit;display:flex;align-items:center;justify-content:center;transition:background .12s ease;line-height:1}.sizing-stepper__btn:hover{background:rgba(var(--color-foreground),.12)}.sizing-stepper__btn:active{background:rgba(var(--color-foreground),.18)}.sizing-stepper__input{width:4rem;height:3.2rem;border:none;border-left:1px solid rgba(var(--color-foreground),.1);border-right:1px solid rgba(var(--color-foreground),.1);text-align:center;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));background:rgb(var(--color-background));font-family:inherit;-moz-appearance:textfield}.sizing-stepper__input::-webkit-inner-spin-button,.sizing-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sizing-stepper__input:focus{outline:none;background:#2563eb0a}.sizing-message{display:flex;align-items:flex-start;gap:.8rem;border-radius:.8rem;padding:1.1rem 1.4rem;font-size:1.3rem;font-weight:500;line-height:1.45;margin-bottom:1.6rem}.sizing-message[hidden]{display:none}.sizing-message svg{flex-shrink:0;margin-top:.1rem}.sizing-message--warning{background:#fefce8;border:1px solid #fde047;color:#854d0e}.sizing-message--warning svg{color:#ca8a04}.sizing-message--success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.sizing-message--success svg{color:#16a34a}.volume-pricing{margin-bottom:2rem}.volume-pricing__title{font-size:1.3rem;font-weight:600;color:rgba(var(--color-foreground),.6);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.04em}.volume-pricing__tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}@media screen and (max-width:480px){.volume-pricing__tiers{grid-template-columns:repeat(2,1fr)}}.volume-pricing__tier{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.2rem .8rem;border:1.5px solid rgba(var(--color-foreground),.12);border-radius:.9rem;background:rgba(var(--color-foreground),.02);text-align:center;transition:border-color .12s ease}.volume-pricing__tier--active{border-color:#2563eb;background:#2563eb0a}.volume-pricing__price{font-size:1.9rem;font-weight:700;color:rgb(var(--color-foreground));line-height:1}.volume-pricing__range{font-size:1.1rem;color:rgba(var(--color-foreground),.5);line-height:1.3}.order-summary__total-pcs{font-size:1.2rem;color:rgba(var(--color-foreground),.5);margin:.25rem 0 0}.upload-zone__editor-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;background:#2563eb;color:#fff;border:none;border-radius:.8rem;padding:1rem 1.6rem;font-size:1.35rem;font-weight:600;font-family:inherit;cursor:pointer;margin-top:.6rem;transition:background .15s ease,transform .1s ease;white-space:nowrap}.upload-zone__editor-btn:hover{background:#1d4ed8}.upload-zone__editor-btn:active{transform:scale(.98)}.cs-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0000008c;display:flex;align-items:stretch;justify-content:center}.cs-editor-modal{display:flex;flex-direction:column;width:100%;max-width:800px;max-height:100dvh;overflow:hidden;background:#f5f5f5}.cs-editor-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.8rem;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.cs-editor-modal__title{font-size:1.6rem;font-weight:600;margin:0;color:#111}.cs-editor-icon-btn{width:3.8rem;height:3.8rem;border:1.5px solid rgba(0,0,0,.12);background:#fff;border-radius:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;flex-shrink:0;font-family:inherit;transition:background .12s ease,border-color .12s ease}.cs-editor-icon-btn:hover{background:#0000000d;border-color:#00000038}.cs-editor-icon-btn--muted{background:#0000000a}.cs-editor-canvas-wrap{flex:1;overflow:hidden;background:#d8d8d8;position:relative;min-height:200px}.cs-editor-canvas-wrap>.cs-editor-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.4rem;color:#666;margin:0}.cs-editor-loading--error{color:#dc2626}.cs-editor-controls{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.2rem 1.8rem;background:#fff;border-top:1px solid rgba(0,0,0,.1);flex-shrink:0;overflow-x:auto}.cs-editor-tools{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.cs-editor-arrow-grid{display:grid;grid-template-columns:repeat(3,3.8rem);grid-template-rows:repeat(3,3.8rem);gap:.2rem}.cs-editor-arrow-grid span{display:block}.cs-editor-save-btn{display:inline-flex;align-items:center;gap:.6rem;background:#2563eb;color:#fff;border:none;border-radius:.9rem;padding:1.15rem 2.2rem;font-size:1.5rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s ease}.cs-editor-save-btn:hover{background:#1d4ed8}@media(max-width:600px){.cs-editor-controls{flex-direction:column;align-items:stretch;padding:1rem 1.2rem;gap:.8rem}.cs-editor-save-btn{width:100%;justify-content:center}}.cs-editor-hint{text-align:center;font-size:1.15rem;color:#0006;padding:.8rem 1.6rem 1rem;background:#fff;margin:0;flex-shrink:0;line-height:1.4;border-top:1px solid rgba(0,0,0,.06)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-custom-selectors.css.map */