.custom-slippers{display:grid;grid-gap:2rem;gap:2rem}.custom-slippers__controls,.custom-slippers__models,.custom-slippers__preview{border:1px solid #e4e4e7;border-radius:18px;background:#fff}.custom-slippers__controls,.custom-slippers__models{padding:1.25rem}.custom-slippers__step-heading{display:flex;gap:.8rem;align-items:flex-start}.custom-slippers__step-heading>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:999px;background:#171719;color:#fff;font-weight:800;font-size:.8rem}.custom-slippers__step-heading strong{display:block;font-size:1rem}.custom-slippers__step-heading p{margin:.25rem 0 0;color:#777a81;font-size:.82rem}.custom-slippers__step-heading--spaced{margin-top:1.25rem}.custom-slippers__model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem;margin-top:1rem}.custom-slippers__model{border:1px solid #e5e5e7;border-radius:14px;background:#fff;padding:.55rem;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.custom-slippers__model--active,.custom-slippers__model:hover{border-color:#171719;box-shadow:0 0 0 1px #171719}.custom-slippers__model img,.custom-slippers__placeholder{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:#f4f4f5;margin-bottom:.65rem}.custom-slippers__placeholder,.custom-slippers__preview-placeholder{display:grid;place-items:center;color:#9a9aa1;font-size:.72rem;letter-spacing:.09em}.custom-slippers__workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);grid-gap:1rem;gap:1rem}.custom-slippers__preview{overflow:hidden}.custom-slippers__canvas{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#f5f5f6;isolation:isolate}.custom-slippers__base,.custom-slippers__preview-placeholder{display:block;width:100%;height:100%;object-fit:cover}.custom-slippers__overlay{position:absolute;z-index:2;height:auto;object-fit:contain;pointer-events:none;transform-origin:center}.custom-slippers__overlay--cover{object-fit:fill;transform-origin:center}.custom-slippers__preview-copy{padding:1.25rem}.custom-slippers__eyebrow{margin:0 0 .35rem;color:#888b91;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.custom-slippers__preview h2{margin:0;font-size:1.55rem}.custom-slippers__preview h2+p{margin:.55rem 0 0;color:#6f7278;line-height:1.55}.custom-slippers__summary{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.custom-slippers__summary span{padding:.4rem .65rem;border-radius:999px;background:#f3f3f4;font-size:.75rem}.custom-slippers__controls{display:grid;align-content:start;grid-gap:.85rem;gap:.85rem}.custom-slippers__controls label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.78rem;font-weight:750}.custom-slippers__controls select{min-height:44px;border:1px solid #d9d9dd;border-radius:10px;background:#fff;padding:0 .75rem;font:inherit}.custom-slippers__accessories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.custom-slippers__accessory{display:flex;gap:.6rem;align-items:center;border:1px solid #dddde1;border-radius:11px;background:#fff;padding:.55rem;text-align:left;cursor:pointer}.custom-slippers__accessory--active,.custom-slippers__accessory:hover{border-color:#171719;box-shadow:0 0 0 1px #171719}.custom-slippers__accessory-image{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:8px;background-color:#f4f4f5;background-image:linear-gradient(45deg,#e7e7e9 25%,transparent 0),linear-gradient(-45deg,#e7e7e9 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e7e7e9 0),linear-gradient(-45deg,transparent 75%,#e7e7e9 0);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.custom-slippers__accessory-image img{max-width:42px;max-height:42px;object-fit:contain}.custom-slippers__accessory>span:last-child{display:grid;grid-gap:.15rem;gap:.15rem;min-width:0}.custom-slippers__accessory strong{font-size:.78rem}.custom-slippers__accessory small{font-size:.66rem;color:#777a81;line-height:1.3}.custom-slippers__unavailable{margin:0;padding:.7rem;border-radius:9px;background:#f7f7f8;color:#777a81;font-size:.78rem}.custom-slippers__total{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-top:.5rem;padding-top:1rem;border-top:1px solid #ededee}.custom-slippers__total span{display:block;color:#777a81;font-size:.75rem}.custom-slippers__total strong{display:block;margin-top:.2rem;font-size:1.5rem}.custom-slippers__total small{color:#777a81}.custom-slippers__add{min-height:48px;border:0;border-radius:11px;background:#151618;color:#fff;font-weight:850;cursor:pointer}.custom-slippers__add:disabled{opacity:.45;cursor:not-allowed}.custom-slippers__message{margin:0;font-size:.8rem}.custom-slippers__message a{text-decoration:underline;font-weight:800}.custom-slippers-empty{padding:3rem 1.5rem;text-align:center;border:1px dashed #d5d5d9;border-radius:18px}.custom-slippers-empty h2{margin:0}.custom-slippers-empty p{margin:.5rem 0 0;color:#777a81}.custom-slippers__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.custom-slippers__workspace{grid-template-columns:1fr}.custom-slippers__model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.custom-slippers__accessories{grid-template-columns:1fr}}