.um-save-compare[hidden],.um-compare-tray[hidden],.um-compare-dialog [hidden]{display:none!important}
.um-save-compare{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 11px;margin:8px 0 0;border:1px solid var(--um-line,#d8c6b5);background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer;border-radius:2px}
.um-save-compare svg{flex:none}.um-save-compare[aria-pressed=true]{background:var(--um-ink,#2d100e);border-color:var(--um-ink,#2d100e);color:var(--um-paper,#f8f1e7)}
.um-merch-card>.um-save-compare{margin-left:12px}.um-pdp-heading>.um-save-compare{margin:4px 0 12px}
.um-save-compare:focus-visible,.um-compare-dialog :focus-visible,.um-compare-tray :focus-visible{outline:2px solid #43634e;outline-offset:3px}
.um-has-compare{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
.um-compare-tray{position:fixed;inset:auto 0 0;z-index:80;padding:10px max(16px,env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--um-line,#d8c6b5);background:#f8f1ef;box-shadow:0 -4px 24px #2d100e10;color:#2d100e}
.um-compare-tray-inner{max-width:1104px;margin:auto;display:flex;gap:12px;align-items:center;justify-content:space-between}
.um-compare-tray strong{display:block;font-size:13px;font-weight:500;white-space:nowrap}.um-compare-tray small{display:block;font-size:11px;margin-top:4px}
.um-compare-miniatures{display:flex;gap:6px;margin-right:auto}.um-compare-miniatures button{width:48px;height:48px;padding:0;position:relative;cursor:pointer;border:1px solid #d8c6b5;background:#eee3d7;border-radius:2px;color:#2d100e}
.um-compare-miniatures img{width:100%;height:100%;object-fit:contain;display:block}.um-compare-miniatures span{position:absolute;right:-4px;top:-7px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#2d100e;color:#fff;font-size:15px}
.um-compare-tray button,.um-compare-dialog button{font-family:inherit;font-size:13px;cursor:pointer;min-height:44px}
.um-compare-primary{border:1px solid #2d100e;background:#2d100e;color:#f8f1e7;padding:12px 18px;border-radius:2px;white-space:nowrap}
.um-compare-open{overflow:hidden}
.um-compare-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100dvh;overflow:auto;background:#f8f1e7;color:#2d100e;overscroll-behavior:contain;z-index:100}
.um-compare-dialog::backdrop{background:#f8f1e7}
.um-compare-shell{display:flex;flex-direction:column;gap:12px;height:100%;min-height:520px;padding:16px max(16px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));max-width:1800px;margin:auto}
.um-compare-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none}.um-compare-eyebrow{margin:0 0 3px;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.um-compare-header h2{font-family:Georgia,serif;font-size:28px;line-height:1.1;font-weight:400;margin:0}.um-compare-header button{align-self:start;padding:8px 10px;border:1px solid #d8c6b5;background:transparent;color:inherit}
.um-compare-message{margin:0;font-size:12px;line-height:1.4;flex:none}.um-compare-message.is-replacing{padding:10px;background:#e9dfce}
.um-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:10px;flex:1;min-height:0}
.um-compare-grid[data-count="0"],.um-compare-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}
.um-compare-grid[data-count="3"],.um-compare-grid[data-count="4"]{grid-template-rows:repeat(2,minmax(0,1fr))}
.um-compare-grid[data-count="3"] .um-compare-tile:first-child{grid-column:1/-1}
.um-compare-tile{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #dfd2c2;border-radius:2px;overflow:hidden;background:#f1e9dd}
.um-compare-photo{display:block;flex:1;min-height:0;background:#eee3d7;overflow:hidden}
.um-compare-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.um-compare-details{display:grid;grid-template-columns:1fr auto;gap:3px 4px;padding:7px 8px;background:#f8f1e7;align-items:center;flex:none}
.um-compare-meta{grid-column:1/-1;margin:0;font-size:10px;line-height:1.3}
.um-compare-title{grid-column:1/-1;min-width:0;color:inherit;font-size:12px;line-height:1.25;min-height:30px;display:flex;align-items:center;text-decoration:none;overflow-wrap:anywhere}
.um-compare-title:hover{text-decoration:underline}
.um-compare-dialog .um-compare-remove{grid-column:1/-1;justify-self:start;margin:0;padding:0 2px;font-size:11px;color:inherit;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;min-height:44px}
.um-compare-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;flex:none}.um-compare-footer p{margin:0;font-size:10px}.um-compare-footer>div{display:flex;align-items:center;gap:12px;margin-left:auto}
.um-compare-footer [data-compare-clear]{border:0;color:inherit;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:5px}
.um-compare-empty{display:grid;place-items:center;border:1px dashed #d8c6b5;padding:24px;text-align:center;font-family:Georgia,serif;font-size:24px}
.um-compare-secondary{border:1px solid #b8a493;background:transparent;color:inherit;padding:10px 14px;border-radius:2px;white-space:nowrap}
.um-compare-picker{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 2px 12px}
.um-compare-filters{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 12px}
.um-compare-filters [role=group]{display:flex;gap:6px}.um-compare-filters button{border:1px solid #d8c6b5;padding:8px 15px;background:transparent;color:inherit;border-radius:2px}
.um-compare-filters button[aria-pressed=true],.um-compare-option button[aria-pressed=true]{background:#2d100e;color:#f8f1e7;border-color:#2d100e}
.um-compare-filters label{display:flex;align-items:center;gap:8px;font-size:12px}.um-compare-filters select{min-height:44px;max-width:100%;padding:8px;background:#f8f1e7;border:1px solid #d8c6b5;border-radius:2px;color:inherit;font:inherit;font-size:16px}
.um-compare-picker-count{font-size:12px;margin:0 0 12px}
.um-compare-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
.um-compare-option{min-width:0;display:flex;flex-direction:column}.um-compare-option img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#eee3d7;border-radius:2px}
.um-compare-option h3{margin:9px 0 4px;font:inherit;font-size:14px;line-height:1.3;overflow-wrap:anywhere}.um-compare-option p{margin:0 0 8px;font-size:11px;line-height:1.4}
.um-compare-option button{margin-top:auto;border:1px solid #b8a493;padding:8px;background:transparent;color:inherit;border-radius:2px}
.um-compare-dialog.is-choosing .um-compare-footer{border-top:1px solid #d8c6b5;padding-top:12px}.um-compare-dialog.is-choosing [data-compare-picker-actions]{width:auto;margin-left:auto}
@media(min-width:750px){.um-compare-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.um-compare-option h3{font-size:17px}.um-compare-option p{font-size:12px}}
@media(min-width:1100px){.um-compare-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:479px){.um-compare-footer [data-compare-collage-actions]{flex-wrap:wrap;gap:8px}.um-compare-footer [data-compare-browse]{flex:1}.um-compare-filters label{width:100%;justify-content:space-between}.um-compare-filters select{flex:1}.um-compare-filters [role=group]{width:100%}.um-compare-filters button{flex:1}}
@media(max-width:479px){.um-compare-miniatures{display:none}.um-compare-shell{gap:10px}.um-compare-footer p{width:100%}.um-compare-footer>div{width:100%;justify-content:space-between}}
@media(max-width:749px){.um-compare-grid[data-count="1"],.um-compare-grid[data-count="2"]{align-content:center;grid-template-rows:auto}.um-compare-grid[data-count="1"] .um-compare-photo,.um-compare-grid[data-count="2"] .um-compare-photo{aspect-ratio:1;flex:none}}
@media(min-width:750px){.um-compare-shell{padding:24px 32px;gap:16px;min-height:540px}.um-compare-header h2{font-size:36px}.um-compare-message{font-size:14px}.um-compare-grid{gap:18px}.um-compare-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.um-compare-grid[data-count="3"] .um-compare-tile:first-child{grid-column:auto}.um-compare-details{padding:10px 14px;gap:4px 12px}.um-compare-title{grid-column:1;font-size:17px;min-height:44px}.um-compare-meta{font-size:12px}.um-compare-dialog .um-compare-remove{grid-column:2;grid-row:2;justify-self:end;min-height:44px;font-size:12px}.um-compare-footer p{font-size:12px}}

/* A comparison cell contains one shirt, even when its source is a paired photo. */
.um-compare-image{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.um-compare-image img{display:block;width:100%;height:100%;object-fit:contain}
.um-compare-image[data-crop] img{width:200%;max-width:none;object-fit:contain;object-position:center}
.um-compare-image[data-crop=right] img{transform:translateX(-50%)}
.um-compare-option>.um-compare-image{aspect-ratio:1;height:auto;background:#eee3d7}
.um-compare-option>.um-compare-image[data-crop] img{position:absolute;inset:0;height:100%;object-fit:contain}
.um-compare-picker>[data-compare-all]{margin-bottom:12px}
.um-save-compare{text-align:left;white-space:normal}