.template-index #MainContent li[data-visual-discovery-item]{flex:0 0 var(--otf-home-compact-width, 320px);width:var(--otf-home-compact-width, 320px);max-width:var(--otf-home-compact-width, 320px);min-width:0;padding:0;container-type:inline-size}.template-index #MainContent .otf-visual-discovery{box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) 48px;width:100%;height:calc((100cqw - 2px) * 16 / 9 + 50px);min-width:0;min-height:0;border:1px solid transparent;border-radius:12px;overflow:hidden;background:#fff;color:#171717}.template-index #MainContent .otf-visual-discovery a{color:inherit;text-decoration:none;box-sizing:border-box;min-width:0;min-height:44px}.template-index #MainContent .otf-visual-discovery a:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.template-index #MainContent .otf-visual-discovery__lead{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden}.template-index #MainContent .otf-visual-discovery__lead>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}.template-index #MainContent .otf-visual-discovery__lead-cue{position:absolute;inset-inline-start:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:4px 8px;border-radius:3px;background:#111111e6;color:#fff;font-size:12px;line-height:20px;font-weight:600;white-space:nowrap}.template-index #MainContent .otf-visual-discovery__destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:0;min-height:0;padding:4px 4px 0}.template-index #MainContent .otf-visual-discovery__destination{display:grid;grid-template-rows:minmax(0,1fr) minmax(26px,max-content);min-width:0;min-height:0;overflow:hidden;background:#f6f6f6}.template-index #MainContent .otf-visual-discovery__destination-media{display:block;min-width:0;min-height:0;overflow:hidden}.template-index #MainContent .otf-visual-discovery__destination-media>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}.template-index #MainContent .otf-visual-discovery__label{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;box-sizing:border-box;min-height:26px;padding:4px;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden}.template-index #MainContent .otf-visual-discovery__label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-index #MainContent .otf-visual-discovery__label>svg{flex:none}.template-index #MainContent .otf-visual-discovery__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:0 10px;background:#fff}.template-index #MainContent .otf-visual-discovery__brand{display:inline-flex;align-items:center;justify-content:center;width:auto;height:32px;max-width:48%;padding:3px 4px;box-sizing:border-box}.template-index #MainContent .otf-visual-discovery__brand--dark{background:#111}.template-index #MainContent .otf-visual-discovery__brand>img{display:block;width:auto;height:auto;max-width:76px;max-height:24px;object-fit:contain}.template-index #MainContent .otf-visual-discovery__cue{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:max(20px,1.2em);font-weight:600;white-space:nowrap}@container (min-width: 220px){.template-index #MainContent .otf-visual-discovery__label{font-size:12px}}@media(forced-colors:active){.template-index #MainContent .otf-visual-discovery{border-color:CanvasText}.template-index #MainContent .otf-visual-discovery__lead-cue{color:LinkText;background:Canvas;border:1px solid ButtonText}.template-index #MainContent .otf-visual-discovery__destination{background:Canvas}.template-index #MainContent .otf-visual-discovery a:focus-visible{outline-color:Highlight}}.template-index #MainContent .otf-pro-standard:has([data-visual-discovery-item]) .otf-pro-standard__rotation{margin-top:0}.template-index #MainContent .otf-visual-discovery__destinations:has(>:only-child){grid-template-columns:minmax(0,1fr)}.template-index #MainContent .otf-visual-discovery--single{height:auto;grid-template-rows:auto 48px}.template-index #MainContent .otf-visual-discovery__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.template-index #MainContent .otf-visual-discovery__fallback img{display:block;width:auto;height:auto;max-width:64%;max-height:40px;object-fit:contain}.template-index #MainContent .otf-visual-discovery__fallback--dark img{padding:4px;background:#111}.template-index #MainContent[data-compact-products] [data-new-era-headwear] [data-headwear-track]>li[data-visual-discovery-item]{flex:0 0 var(--otf-home-compact-width, 320px);width:var(--otf-home-compact-width, 320px);max-width:var(--otf-home-compact-width, 320px);min-width:0}.template-index #MainContent .otf-visual-discovery__cue{min-width:0;overflow:hidden}.template-index #MainContent .otf-visual-discovery__cue-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:max(20px,1.2em)}.template-index #MainContent .otf-visual-discovery__cue>svg{flex:none}@container (max-width: 219px){.template-index #MainContent [data-headwear-campaign] .otf-visual-discovery__label{gap:2px;padding:4px 2px;font-size:11px;letter-spacing:-.01em}.template-index #MainContent [data-headwear-campaign] .otf-visual-discovery__label>svg{width:10px;height:10px}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/otf-visual-discovery-card.css.map */