.shop-by-look{margin-bottom:2rem}.shop-by-look__heading{margin-bottom:1.5rem}.shop-by-look__items{display:grid;flex-wrap:wrap;gap:var(--grid-gap, 2rem);justify-content:flex-start;grid-template-columns:repeat(5,1fr)}.shop-by-look__items .shop-by-look__item .shop-by-look__media{height:120px;width:120px;border:1px solid #4E8278!important}.shop-by-look__items .shop-by-look__item .shop-by-look__media img{padding:3px;border-radius:50%}.shop-by-look__item{position:relative;width:var(--item-width, 25%);min-width:120px}.shop-by-look__media{position:relative;width:100%;aspect-ratio:var(--aspect-ratio, 1/1);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.shop-by-look__media:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.shop-by-look__thumbnail{width:100%;height:100%;object-fit:cover;display:block}.shop-by-look__play-button{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0003;border:none;cursor:pointer;transition:background-color .3s ease;z-index:10}.shop-by-look__play-button:hover{background:#0000004d}.shop-by-look__play-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:10px;border-radius:50%;opacity:0;background:#ffffffe6;transition:background-color .3s ease,transform .3s ease}.shop-by-look__play-button:hover .shop-by-look__play-icon{background:#fff;transform:scale(1.1)}video-popup{display:none}video-popup[open]{display:block}.video-popup__inner{position:relative;width:100%;max-width:var(--modal-max-width, 120rem);height:100%;max-height:90vh;display:flex;flex-direction:column;background:#000;color:#fff}.video-popup__close{position:absolute;top:-15px;right:-15px;z-index:100;background:#000;border:none;color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.video-popup__close:hover{background:#fff;color:#000}.video-popup__container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.video-popup__video-wrapper{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column}.video-popup__video{width:100%;height:auto;max-height:calc(90vh - 120px);background:#000;outline:none}.video-popup__controls{position:absolute;top:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;opacity:0;transition:opacity .3s ease}.video-popup__video-wrapper:hover .video-popup__controls,.video-popup__controls:hover{opacity:1}.video-popup__progress-container{display:flex;align-items:center;gap:1rem;width:100%}.video-popup__progress-bar{flex:1;height:4px;background:#fff9;border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.video-popup__progress-fill{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:2px;transition:width .1s linear;width:0%;display:block!important}.video-popup__time{display:none;align-items:center;gap:.25rem;font-size:.875rem;color:#fff;white-space:nowrap;min-width:80px}.video-popup__separator{opacity:.7}.video-popup__control-buttons{display:flex;align-items:center;gap:1rem}.video-popup__control-btn{background:#ffffff1a;border:none;color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,transform .2s ease;padding:0}.video-popup__control-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.video-popup__control-btn:disabled{opacity:.5;cursor:not-allowed}.video-popup__control-btn svg{width:1.5rem;height:1.5rem}.video-popup__play-icon,.video-popup__pause-icon,.video-popup__mute-icon,.video-popup__unmute-icon{display:flex;align-items:center;justify-content:center}.video-popup__play-icon.hidden,.video-popup__pause-icon.hidden,.video-popup__mute-icon.hidden,.video-popup__unmute-icon.hidden{display:none}.product__block--shop_by_look .video-popup .video-popup__inner{max-width:350px;overflow:visible}.product__block--shop_by_look .video-popup .video-popup__container{padding:0rem}.product__block--shop_by_look .video-popup .video-popup__controls .video-popup__control-buttons{display:none}.product__block--shop_by_look .video-popup[open] .fixed-overlay{opacity:1;visibility:visible}.product__block--shop_by_look .video-popup[open] .video-popup__inner{opacity:1}@media (max-width: 767px){.shop-by-look__item{width:calc(50% - .5rem);min-width:90px}.video-popup__container,.video-popup__controls{padding:1rem}.video-popup__control-btn{width:2.5rem;height:2.5rem}.video-popup__control-btn svg{width:1.25rem;height:1.25rem}.shop-by-look__items{gap:var(--grid-gap, 2rem);padding-left:2px;overflow-y:hidden!important;overflow-x:auto!important;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-padding-inline:var(--page-padding);scrollbar-width:none}.shop-by-look__items .shop-by-look__item .shop-by-look__media{height:90px;width:90px}.shop-by-look__play-icon{width:3rem;height:3rem;padding:9px}.video-popup__video{max-height:calc(90vh - 50px)}.product__block--shop_by_look .video-popup[open] .video-popup__controls{opacity:1}}@media (min-widthL: 1200px) and (max-width: 1530px){.shop-by-look__item{min-width:94px}.shop-by-look__items .shop-by-look__item .shop-by-look__media{height:94px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-shop-by-look.css.map */