.ios-main-media,.img-wrap{position:relative}.img-wrap img{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;object-fit:cover}.ios-dots{position:absolute;transition:opacity .3s ease-in-out;opacity:1}.ios-main-media:not(:has(.active-dot)) .ios-dots,.ios-dots:not(.active-dot):hover{opacity:1}.ios-dots:not(.active-dot){opacity:.3}.iso-meta{display:flex;justify-content:space-between;gap:4px;text-transform:uppercase;line-height:160%}.ios-dot-inr{display:block}.ios-mb-btm{cursor:pointer}.ios-close svg{transform:rotate(45deg);transition:transform .3s ease-in-out}.ios-list.active-mb-meta .ios-close svg{transform:rotate(0)}.ios-dots:not(.active-dot) .blur-effect{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@media (min-width:992px){.interactive-outfit-shopper{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;padding:24px;align-items:end}.ios-prod-list{grid-column:span 6;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.ios-title,.ios-list{grid-column:span 3}.ios-main-media{grid-column:8/span 5}.ios-list{height:100%!important}.ios-list-media{display:flex;overflow-x:auto;scroll-behavior:smooth;white-space:nowrap;scroll-snap-type:x mandatory}.ios-list-media::-webkit-scrollbar{display:none}.ios-list-media-inr{flex:0 0 100%;max-width:100%;scroll-snap-align:start}.ios-list-media-inr:not(:has(a)){padding-bottom:119%}.ios-list-media-inr:has(a) a{padding-bottom:119%;display:block}.ios-main-media-inr{padding-bottom:148%}.ios-list-meta{display:grid;gap:4px;padding-top:4px}.ios-list-meta li{transition:opacity .3s ease-in-out;opacity:.3;height:auto!important;cursor:pointer}.ios-list-meta li.active-meta{opacity:1}.iso-meta{font-size:10px;line-height:120%;letter-spacing:.1px}}@media (max-width:991px){.interactive-outfit-shopper{position:relative;padding-top:64px;overflow:hidden;display:flex;flex-direction:column}.ios-title{text-align:center;padding:50px 12px 64px}.ios-prod-list{order:3}.ios-list{background:var(--background-color);z-index:1;width:100%;height:40px;transition:height .3s ease-in-out}.ios-main-media{order:2}.ios-main-media-inr{padding-bottom:calc(100svh - 55px);transition:padding .3s ease-in-out}.ios-mb-btm{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.ios-see-clothes{font-size:14px;line-height:18.2px;letter-spacing:.14px}.ios-list-meta{font-size:12px;line-height:130%;letter-spacing:.12px;padding:0 12px 12px;display:grid;gap:8px}.ios-list-meta li{border-top:1px solid #CCCCCC;opacity:.6;transition:opacity .3s ease-in-out,height .3s ease-in-out;height:32px;overflow:hidden}.ios-list-meta-inr{padding:8px 0;display:grid;gap:8px}.ios-list-meta li.active-meta{opacity:1;height:100%}.iso-media{display:flex;align-items:flex-end;justify-content:space-between;gap:4px}.iso-media-inr{width:70px}.iso-media-inr .img-wrap{padding-bottom:126%}.iso-explore a{padding:0 2px;border-bottom:1px solid #000}.interactive-outfit-shopper .ios-prod-list{position:absolute;width:100%;bottom:0;left:0;z-index:11}}
/*# sourceMappingURL=/cdn/shop/t/333/assets/interactive-outfit-shopper.css.map */