.fashion-image,.item-thumb{background:var(--placeholder);color:var(--line-strong);place-items:center;display:grid;position:relative;overflow:hidden}.fashion-image[data-state=loading],.item-thumb[data-state=loading]{background:var(--placeholder-shimmer);background-size:300% 100%;animation:1.4s linear infinite shimmer}.fashion-image>.spinner{margin:auto;position:absolute;inset:0}.fashion-image{aspect-ratio:2/3;border-radius:7px}.item-thumb{aspect-ratio:1;border-radius:6px}.fashion-image img,.item-thumb img{object-fit:cover;width:100%;height:100%}.item-thumb img{object-fit:contain}.modal-backdrop{z-index:var(--z-scrim);background:var(--scrim);animation:.18s modal-fade;position:fixed;inset:0}dialog.modal{--modal-gutter-x:16px;--modal-gutter-y:20px;--modal-max-width:calc(100% - 2 * var(--modal-gutter-x) - var(--safe-left) - var(--safe-right));--modal-max-height:calc(var(--layer-height) - 2 * var(--modal-gutter-y) - var(--safe-top) - var(--safe-bottom));top:calc(50% + (var(--safe-top) - var(--safe-bottom) - var(--keyboard-inset)) / 2);bottom:auto;right:auto;left:calc(50% + (var(--safe-left) - var(--safe-right)) / 2);z-index:var(--z-modal);width:480px;max-width:var(--modal-max-width);height:max-content;max-height:var(--modal-max-height);border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-popover);border-radius:14px;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);margin:0;padding:0;animation:.2s modal-in;display:grid;position:fixed;overflow:visible;transform:translate(-50%,-50%)}dialog.modal>.modal-header{grid-row:1}dialog.modal>.modal-description{grid-row:2}dialog.modal>.modal-content{grid-row:3}dialog.modal>.modal-footer{grid-row:4}dialog.modal:focus{outline:none}dialog.modal.modal-wide{width:960px}.modal-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 12px 20px;display:flex}.modal-header h2{font-size:16px;font-weight:650}.modal-description{padding:0 20px;font-size:12px}.modal-content{overscroll-behavior:contain;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;min-height:0;padding:4px 20px 20px;font-size:13px;overflow:auto}.modal-footer{padding:12px 20px calc(12px + var(--safe-bottom));border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;display:flex}dialog.modal.drawer{width:420px;max-width:100%;max-height:none;height:var(--viewport-height);border-width:0 0 0 1px;border-radius:0;animation:.22s drawer-in;inset:0 0 0 auto;transform:none}@media (width<=700px){dialog.modal.drawer{inset:auto 0 var(--keyboard-inset) 0;width:100%;height:max-content;max-height:calc(var(--layer-height) - var(--safe-top) - 24px);border-width:1px 0 0;border-radius:16px 16px 0 0;animation:.22s sheet-up}}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}}@keyframes drawer-in{0%{opacity:.6;transform:translate(24px)}}@keyframes sheet-up{0%{opacity:.6;transform:translateY(24px)}}