.patch-customizer{--patch-gap: 16px;max-width:var(--page-width, 1200px);margin:34px auto;padding:0 24px}.patch-customizer--product-form{width:100%;max-width:none;margin:28px 0 0;padding:0}.patch-customizer--product-form .patch-customizer__heading{font-size:clamp(20px,1.8vw,26px)}.patch-customizer--product-form .patch-customizer__track{grid-auto-columns:minmax(150px,180px)}.patch-customizer__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.patch-customizer__heading{margin:0;font-size:clamp(22px,2.2vw,32px);line-height:1.15}.patch-customizer__arrows{display:flex;gap:8px}.patch-customizer__arrow,.patch-customizer__close{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(var(--text-color, 31, 31, 31),.18);border-radius:50%;background:rgb(var(--background, 255, 255, 255));color:rgb(var(--text-color, 31, 31, 31));cursor:pointer}.patch-customizer__arrow span{font-size:30px;line-height:1;transform:translateY(-1px)}.patch-customizer__arrow:disabled{opacity:.28;cursor:default}.patch-customizer__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,205px);gap:var(--patch-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;padding:2px 2px 14px}.patch-customizer__track::-webkit-scrollbar{display:none}.patch-customizer__card{position:relative;min-width:0;padding:0 0 14px;border:1px solid rgba(var(--text-color, 31, 31, 31),.12);border-radius:12px;overflow:hidden;background:rgb(var(--background, 255, 255, 255));color:rgb(var(--text-color, 31, 31, 31));text-align:left;cursor:pointer;scroll-snap-align:start;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.patch-customizer__card:hover,.patch-customizer__card:focus-visible,.patch-customizer__card.is-selected{border-color:currentColor;box-shadow:0 10px 28px #00000017;transform:translateY(-2px)}.patch-customizer__card:disabled{opacity:.55;cursor:not-allowed}.patch-customizer__thumb{display:block;aspect-ratio:1;margin-bottom:12px;overflow:hidden;background:#f4f5f7}.patch-customizer__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.patch-customizer__card:hover .patch-customizer__thumb img{transform:scale(1.035)}.patch-customizer__card-title,.patch-customizer__price,.patch-customizer__sold-out{display:block;padding-inline:13px}.patch-customizer__card-title{min-height:2.7em;font-size:14px;font-weight:600;line-height:1.35}.patch-customizer__price{margin-top:7px;font-size:14px}.patch-customizer__sold-out{margin-top:4px;font-size:12px;opacity:.65}.patch-customizer__empty{padding:18px;border:1px dashed currentColor;text-align:center}.patch-customizer__modal[hidden]{display:none}.patch-customizer__modal{position:fixed;z-index:100000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px}.patch-customizer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#121212ad;cursor:pointer}.patch-customizer__dialog{position:relative;width:min(760px,100%);max-height:calc(100vh - 56px);overflow:auto;border-radius:16px;background:rgb(var(--background, 255, 255, 255));color:rgb(var(--text-color, 31, 31, 31));box-shadow:0 24px 80px #00000047}.patch-customizer__dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 16px}.patch-customizer__eyebrow{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.58}.patch-customizer__dialog-title{margin:0;font-size:22px;line-height:1.2}.patch-customizer__close{flex:0 0 auto;font-size:27px;line-height:1}.patch-customizer__stage{position:relative;width:min(calc(100% - 44px),calc(52vh - 18px));aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:12px;background:#f3f4f6}.patch-customizer__clothing-image{display:block;width:100%;height:100%;object-fit:contain}.patch-customizer__patch-image{position:absolute;z-index:1;top:var(--patch-overlay-y, 44%);left:var(--patch-overlay-x, 50%);width:var(--patch-overlay-width, 32%);max-height:34%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 5px rgba(0,0,0,.14));pointer-events:none}.patch-customizer__modal-picker{padding:18px 22px 0}.patch-customizer__modal-picker-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.patch-customizer__modal-picker-header p{margin:0;font-size:13px;font-weight:700}.patch-customizer__modal-arrows{display:flex;gap:6px}.patch-customizer__modal-arrow{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(var(--text-color, 31, 31, 31),.18);border-radius:50%;background:rgb(var(--background, 255, 255, 255));color:rgb(var(--text-color, 31, 31, 31));cursor:pointer}.patch-customizer__modal-arrow span{font-size:23px;line-height:1}.patch-customizer__modal-arrow:disabled{opacity:.28;cursor:default}.patch-customizer__modal-track{display:grid;grid-auto-flow:column;grid-auto-columns:112px;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;padding:2px 2px 10px}.patch-customizer__modal-track::-webkit-scrollbar{display:none}.patch-customizer__modal-card{min-width:0;padding:0 0 8px;overflow:hidden;border:1px solid rgba(var(--text-color, 31, 31, 31),.12);border-radius:9px;background:rgb(var(--background, 255, 255, 255));color:rgb(var(--text-color, 31, 31, 31));text-align:left;cursor:pointer;scroll-snap-align:start}.patch-customizer__modal-card:hover,.patch-customizer__modal-card:focus-visible,.patch-customizer__modal-card.is-selected{border-color:currentColor;box-shadow:0 5px 14px #0000001a}.patch-customizer__modal-card:disabled{opacity:.5;cursor:not-allowed}.patch-customizer__modal-thumb{display:block;aspect-ratio:1;margin-bottom:7px;overflow:hidden;background:#f4f5f7}.patch-customizer__modal-thumb img{width:100%;height:100%;object-fit:cover}.patch-customizer__modal-card-title,.patch-customizer__modal-price{display:block;padding-inline:8px}.patch-customizer__modal-card-title{min-height:2.5em;overflow:hidden;font-size:11px;font-weight:600;line-height:1.25}.patch-customizer__modal-price{margin-top:4px;font-size:10px}.patch-customizer__product-form{display:block;padding:4px 22px 18px}.patch-customizer__add-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 50px;border:1px solid rgb(var(--text-color, 31, 31, 31));border-radius:8px;background:rgb(var(--text-color, 31, 31, 31));color:rgb(var(--background, 255, 255, 255));font:inherit;font-size:14px;font-weight:700;cursor:pointer}.patch-customizer__add-button:hover:not(:disabled){opacity:.88}.patch-customizer__add-button:disabled{opacity:.45;cursor:not-allowed}.patch-customizer__add-button.loading>span:first-child{opacity:0}.patch-customizer__spinner{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:patch-customizer-spin .65s linear infinite}.patch-customizer__spinner.hidden{display:none}.patch-customizer__form-error{margin-bottom:8px;color:#b42318;font-size:12px}@keyframes patch-customizer-spin{to{transform:rotate(360deg)}}body.patch-customizer-is-open{overflow:hidden}@media screen and (max-width:749px){.patch-customizer{margin-block:26px;padding-inline:16px}.patch-customizer__track{grid-auto-columns:minmax(145px,43vw);gap:12px;margin-right:-16px;padding-right:16px}.patch-customizer__arrows{display:none}.patch-customizer__modal{align-items:end;padding:0}.patch-customizer__dialog{width:100%;max-height:92vh;border-radius:16px 16px 0 0}.patch-customizer__dialog-header{padding:16px}.patch-customizer__stage{width:min(100%,calc(46vh - 14px));margin-inline:auto;border-radius:0}.patch-customizer__patch-image{top:var(--patch-overlay-y-mobile, var(--patch-overlay-y, 44%));left:var(--patch-overlay-x-mobile, var(--patch-overlay-x, 50%));width:var(--patch-overlay-width-mobile, var(--patch-overlay-width, 32%))}.patch-customizer__modal-picker{padding:14px 16px 0}.patch-customizer__product-form{padding:4px 16px 14px}.patch-customizer__modal-track{grid-auto-columns:96px;margin-right:-16px;padding-right:16px}.patch-customizer__modal-arrows{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/patch-customizer.css.map */