@keyframes skeleton{from{background:#c2c2c2}to{background:#f3f3f3}}.lookbook-wrapper{display:flex;justify-content:center;padding:8rem 1.2rem;flex-direction:column;gap:4rem;--fading-el-w: 44px}.lookbook-wrapper .font__title.medium{font-weight:500}.lookbook-wrapper .lookbook-selector-list,.lookbook-wrapper .lookbook-tab{padding:0}.lookbook-wrapper .lookbook-selector-list{flex-grow:1;display:flex;gap:2rem;overflow-x:scroll;scrollbar-width:none;align-items:center;padding-right:var(--fading-el-w)}.lookbook-wrapper .lookbook-selector-list .lookbook-tab[role=tab]{margin-left:0;padding:.1rem 0;font-weight:500}.lookbook-wrapper .lookbook-selector-list-wrapper{display:flex;padding-top:2rem}.lookbook-wrapper .lookbook-arrows{display:flex;justify-content:space-between;gap:.8rem;position:relative}.lookbook-wrapper .lookbook-arrows button{width:2.4rem;height:2.4rem}.lookbook-wrapper .lookbook-arrows button[aria-disabled=true]{opacity:.4}.lookbook-wrapper .lookbook-arrows::before{content:"";display:block;width:var(--fading-el-w);height:100%;left:1px;transform:translateX(-100%);position:absolute;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgb(255, 255, 255) 100%);pointer-events:none}.lookbook-wrapper .lookbook-tab{flex-grow:0}.lookbook-wrapper .lookbook-display-image .video-wrapper,.lookbook-wrapper .lookbook-display-image img{aspect-ratio:3/4;width:100%}.lookbook-wrapper .lookbook-display-image video,.lookbook-wrapper .lookbook-display-image img{object-fit:cover}.lookbook-wrapper .lookbook-display-image .th-video .th-media-bg-color{background-color:#fff}.lookbook-wrapper .lookbook-display-info{margin-top:6rem}.lookbook-wrapper .lookbook-display-info-top,.lookbook-wrapper .lookbook-display-desc{margin-bottom:4rem}.lookbook-wrapper .lookbook-display-name span,.lookbook-wrapper .lookbook-display-colour span{display:block}.lookbook-wrapper .lookbook-display-name{text-transform:uppercase}.lookbook-wrapper .lookbook-display-name .font__title{margin-bottom:2rem}.lookbook-wrapper .lookbook-display-colour{display:none}.lookbook-wrapper .lookbook-display-cta{text-transform:uppercase}@media only screen and (max-width: 1279px){.lookbook-wrapper .lookbook-display-cta .button{min-height:3.6rem}}@media only screen and (min-width: 1280px){.lookbook-wrapper{flex-direction:row;gap:1.2rem;padding:14rem 12.6rem;--lookbook-half-gap: calc(1.2rem / 2)}.lookbook-wrapper .lookbook-selector{flex-basis:calc(14% - var(--lookbook-half-gap))}.lookbook-wrapper .lookbook-display{flex-basis:calc(86% - var(--lookbook-half-gap))}.lookbook-wrapper .lookbook-selector-title span:last-child{display:none}.lookbook-wrapper .lookbook-selector-list-wrapper{height:calc(100% - 1.8rem);padding-top:7.6rem}.lookbook-wrapper .lookbook-selector-list-wrapper.align-thumbs-top .lookbook-selector-list{justify-content:flex-start;gap:5.2rem}.lookbook-wrapper .lookbook-selector-list{flex-direction:column;align-items:flex-start;justify-content:space-between;width:auto;padding-right:0}.lookbook-wrapper .lookbook-selector-list .lookbook-tab[role=tab]{margin-left:0;padding:0}.lookbook-wrapper .lookbook-display-wrapper{display:flex;gap:6.4rem}.lookbook-wrapper .lookbook-display-image,.lookbook-wrapper .lookbook-display-info{flex-basis:50%}.lookbook-wrapper .lookbook-display-info{margin-top:0}.lookbook-wrapper .lookbook-display-info-top{display:flex;justify-content:space-between;column-gap:4rem;margin-bottom:8rem}.lookbook-wrapper .lookbook-display-info-top .font__title{margin-bottom:7.6rem}.lookbook-wrapper .lookbook-selector-id{display:none}.lookbook-wrapper .lookbook-display-colour{display:block;min-width:14.4px}.lookbook-wrapper .lookbook-display-cta .button{width:auto;min-width:22.4rem}}@media only screen and (min-width: 1920px){.lookbook-wrapper{padding:20rem 17.6rem}.lookbook-wrapper .lookbook-selector{flex-basis:calc(9.7% - var(--lookbook-half-gap))}.lookbook-wrapper .lookbook-display{flex-basis:calc(90.3% - var(--lookbook-half-gap))}.lookbook-wrapper .lookbook-display-wrapper{gap:9.1rem}.lookbook-wrapper .lookbook-display-image{flex-basis:47%}.lookbook-wrapper .lookbook-display-info{flex-basis:53%}.lookbook-wrapper .lookbook-display-name,.lookbook-wrapper .lookbook-display-desc{max-width:38.3rem}.lookbook-wrapper .lookbook-display-cta .button{min-width:38.3rem}}

/*# sourceMappingURL=../component-lookbook.css.map*/