.template-index #MainContent .otf-collection-banner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(68px,.72fr) minmax(0,1fr);align-items:center;width:100%;max-width:720px;height:clamp(128px,34vw,190px);margin:0 0 12px;padding:0;overflow:hidden;border:0;border-radius:12px;color:#171717;background:#f2f2f2;text-decoration:none}.template-index #MainContent .otf-collection-banner__photo{display:block;width:100%;height:100%;min-width:0;overflow:hidden}.template-index #MainContent .otf-collection-banner__photo img{display:block;width:100%;height:100%;object-fit:contain}.template-index #MainContent .otf-collection-banner__identity{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0 2px 10px}.template-index #MainContent .otf-collection-banner__new-era{display:flex;justify-content:center;align-items:center;width:48px;height:40px;padding:5px;background:#171717;border-radius:3px;box-sizing:border-box}.template-index #MainContent .otf-collection-banner__new-era img{display:block;width:100%;height:100%;object-fit:contain}.template-index #MainContent .otf-collection-banner__wordmark{display:block;width:100%;max-width:126px;height:auto;max-height:45px;object-fit:contain}.template-index #MainContent .otf-collection-banner__qualifier{font-size:12px;line-height:1.2;white-space:nowrap}.template-index #MainContent .otf-collection-banner__name{font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap}.template-index #MainContent .otf-collection-banner__cue{position:absolute;bottom:8px;left:8px;display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:4px 9px;color:#fff;background:#171717;border-radius:3px;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}.template-index #MainContent .otf-collection-banner:focus-visible{outline:2px solid currentColor;outline-offset:3px}.template-index #MainContent slider-component[data-otf-banner-shelf]{position:relative}.template-index #MainContent slider-component[data-otf-banner-shelf]>.otf-visual-shelf-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:block;height:auto;min-height:0;margin:0;padding:0;pointer-events:none;z-index:2}.template-index #MainContent slider-component[data-otf-banner-shelf]>.otf-visual-shelf-controls>.slider-button{position:absolute;top:35%;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:11px;border:1px solid rgba(0,0,0,.12);border-radius:50%;background:#ffffffeb;color:#171717;pointer-events:auto;text-decoration:none}.template-index #MainContent slider-component[data-otf-banner-shelf]>.otf-visual-shelf-controls>.slider-button--prev{left:0}.template-index #MainContent slider-component[data-otf-banner-shelf]>.otf-visual-shelf-controls>.slider-button--next{right:0}.template-index #MainContent slider-component[data-otf-banner-shelf]>.otf-visual-shelf-controls>.slider-button svg{display:block;width:20px;height:20px;transform:none}.template-index #MainContent slider-component[data-otf-banner-shelf]>.otf-visual-shelf-controls>.slider-button:disabled{opacity:.4;cursor:default}.template-index #MainContent slider-component[data-otf-banner-shelf]>.otf-visual-shelf-controls>.slider-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:749px){.template-index #MainContent slider-component[data-otf-banner-shelf]>.otf-visual-shelf-controls[data-browse-mobile=false]{display:none}}@media(min-width:750px){.template-index #MainContent slider-component[data-otf-banner-shelf]>.otf-visual-shelf-controls[data-browse-desktop=false]{display:none}}.template-index #MainContent .otf-dresswear-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,360px);margin:12px auto 16px;padding:0}.template-index #MainContent .otf-dresswear-destinations__tile{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-width:0;min-height:44px;padding:6px 4px 4px;overflow:hidden;border:1px solid var(--otf-control-edge, rgba(23,23,23,.14));border-radius:22px;color:var(--otf-control-ink, #171717);background:var(--otf-control-fill, #fff);box-shadow:inset 0 1px #ffffff61,0 2px 6px #0000000f;text-decoration:none}.template-index #MainContent .otf-dresswear-destinations__photo{display:block;width:100%;height:56px;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at center,rgba(255,255,255,.12),transparent 72%)}.template-index #MainContent .otf-dresswear-destinations__photo img{display:block;width:100%;height:100%;object-fit:contain}.template-index #MainContent .otf-dresswear-destinations__label{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;min-width:0;min-height:24px;padding:2px 0;box-sizing:border-box;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}.template-index #MainContent .otf-dresswear-destinations__label>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.template-index #MainContent .otf-dresswear-destinations__label svg{flex:0 0 auto;width:10px;height:10px}.template-index #MainContent .otf-dresswear-destinations__tile:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(forced-colors:active){.template-index #MainContent .otf-collection-banner__cue{border:1px solid LinkText}.template-index #MainContent .otf-collection-banner:focus-visible,.template-index #MainContent .otf-dresswear-destinations__tile:focus-visible,.template-index #MainContent slider-component[data-otf-banner-shelf]>.otf-visual-shelf-controls>.slider-button:focus-visible{outline-color:Highlight}}.template-index #MainContent .otf-dresswear-destinations__label>span{font-size:inherit;line-height:inherit}@supports ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))){.template-index #MainContent .otf-dresswear-destinations__tile{background:linear-gradient(145deg,#ffffff38,#fff0 60%),color-mix(in srgb,var(--otf-control-glass, rgba(255,255,255,.94)) 76%,transparent);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.template-index #MainContent .otf-dresswear-destinations__tile{background:var(--otf-control-fill, #fff);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(forced-colors:active){.template-index #MainContent .otf-dresswear-destinations__tile{background:Canvas;color:LinkText;border-color:LinkText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:374px){.template-index #MainContent .otf-dresswear-destinations{gap:6px}.template-index #MainContent .otf-dresswear-destinations__label{font-size:11px;gap:2px}.template-index #MainContent .otf-dresswear-destinations__tile{padding-inline:3px}}@media(min-width:750px){.template-index #MainContent .otf-dresswear-destinations{width:min(100%,384px);gap:10px;margin-block:16px 20px}}@media(min-width:990px){.template-index #MainContent .otf-dresswear-destinations{width:min(100%,408px);gap:12px;margin-block:20px}.template-index #MainContent .otf-dresswear-destinations__photo{height:60px}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/otf-compact-collection-banners.css.map */