the-looks .product-grid .product-block__detail{margin-bottom:0}.complete-the-look{margin:20px 0;overflow:hidden}the-looks h4{--heading-font-weight: 400}.size-varint-template,.complete-the-look.complete-the-look-hide{display:none}.complete-the-look.complete-the-look--loading{display:block}.complete-the-look__grid{margin-bottom:0;gap:15px}.complete-the-look--loading .complete-the-look__grid{pointer-events:none}.complete-the-look--loading .complete-the-look__grid .slider__item{align-self:start}.complete-the-look--loading .quickadd-icon-btn{pointer-events:none}.complete-the-look--loading .ctl-skeleton-card{position:relative;display:flex;flex-direction:column;width:100%;min-width:0}.complete-the-look--loading .ctl-skeleton-card__image{width:100%;aspect-ratio:3 / 4;border-radius:0}.complete-the-look--loading .ctl-skeleton-card__quickadd{opacity:1}.complete-the-look--loading .ctl-skeleton-card__content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:10px}.complete-the-look--loading .ctl-skeleton-card__title{width:78%;min-height:16px}.complete-the-look--loading .ctl-skeleton-card__price{width:42%;min-height:12px}.complete-the-look .slider-component{position:relative}.complete-the-look .grid__item{scroll-snap-align:start}.complete-the-look .has-ltr-icon[disabled] svg{opacity:.5}.complete-the-look .quickadd-container{background:transparent}.complete-the-look .product-grid--per-row-mob-2{--product-columns-desktop: 2.04}.size-selector{z-index:99;position:fixed;margin:24px 0;border:1px solid rgb(var(--body-text-color) / .15);background:#fff;max-width:230px;display:inline-block;width:230px;box-shadow:0 2px 4px #2c2e311f,0 2px 10px #2c2e311f!important;transition:transform .3s ease-in-out}sizes-selector-drawer+.js-drawer-overlay{opacity:0!important;z-index:80}.size-selector.sizes-selector-hide{display:none}.size-selector .header{position:sticky;display:flex;width:228px;top:0;z-index:10;padding:14px 16px;font-size:14px;font-weight:600;letter-spacing:.5px;background:var(--input-background-color);border-bottom:1px solid rgb(var(--body-text-color) / .15);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center}.size-selector ul{max-height:200px;overflow-y:auto;overflow-x:hidden;list-style:none;padding:0 10px;margin:0;background:#fff}.size-selector:not(.open) ul{display:none}.size-selector li{padding:12px 16px;font-size:14px;font-weight:400;color:#1a1a1a;border-bottom:1px solid rgb(var(--text-color) / var(--divider-opacity));cursor:pointer;transition:background .15s ease;text-align:left}.size-selector li:hover{background:#f8f8f8}.size-selector li.sold-out{opacity:.4;cursor:not-allowed;background:var(--input-border-color)}.size-selector ul::-webkit-scrollbar{width:6px}.size-selector ul::-webkit-scrollbar-track{background:#f8f8f8}.size-selector ul::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}.size-selector ul::-webkit-scrollbar-thumb:hover{background:#b0b0b0}the-looks .slider--edge-peek{width:calc(100% + 30px);padding-right:unset}.alert-product{position:fixed;top:50%;z-index:100;left:50%;overflow:visible;height:auto;transform:translate(-50%,-50%);max-width:60%;max-height:80%;width:auto}.alert-prodcut .quickadd-container{background:transparent}.quickadd-icon-btn{display:flex;width:40px;height:40px;background:#fff;justify-content:center;align-items:center;position:absolute;right:5px;bottom:5px;opacity:.8}the-looks .product-block__title,featured-ig .product-block__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}@media screen and (min-width:768px){.complete-the-look__grid{gap:15px;padding-bottom:1rem}.product-grid--per-row-2{--product-columns-desktop: 2.2}featured-ig .product-grid--per-row-2{--product-columns-desktop: 2}.complete-the-look__grid .grid__item{flex:0 0 72%;max-width:72%}}@media screen and (min-width:990px){.complete-the-look .product-grid--per-row-mob-2{--product-columns-desktop: 1.97}.complete-the-look__grid.grid--2-col-desktop .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (max-width:768px){.complete-the-look__grid{gap:8px}the-looks .slider-nav{display:none}the-looks .slider.is-grabbable{width:auto}the-looks .slider--edge-peek{width:calc(100% + var(--container-pad-x) * 2);padding-left:var(--container-pad-x);padding-right:var(--container-pad-x)}}@media screen and (min-width:750px)and (max-width:989px){.complete-the-look__grid{gap:1.4rem}.complete-the-look__grid .grid__item{flex:0 0 calc(50% - 1rem)}}@media screen and (max-width:749px){.complete-the-look{margin-right:-16px}sizes-selector-drawer+.js-drawer-overlay{opacity:1!important;z-index:8888;transition:unset}.size-selector{z-index:9888}.size-selector .header{padding:14px;font-size:16px}.size-selector li{padding:15px 10px;font-size:14px}.size-selector li:last-child{margin-bottom:20px}.sizes-selector-drawer.size-selector.sizes-selector-hide{transform:translateY(100%)}.sizes-selector-drawer.size-selector{transform:translateY(0);position:fixed;max-height:50%;top:unset!important;bottom:0!important;width:100%;left:0!important;max-width:100%;flex-direction:column;margin:0;padding:0}.sizes-selector-drawer.size-selector .header{width:100%}.sizes-selector-drawer.size-selector ul{max-height:max-content;padding:0 15px}.complete-the-look .slider-buttons{display:none}.quickadd-icon-btn{width:28px;height:28px;overflow:hidden}.quickadd-icon-btn img{transform:scale(1.2)}}.complete-the-look .slider-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.complete-the-look .slider-button{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:all .2s ease}.complete-the-look .slider-button:hover:not([disabled]){border-color:rgba(var(--color-foreground),.3);transform:scale(1.05)}.complete-the-look .slider-button[disabled]{opacity:.3;cursor:not-allowed}.complete-the-look .slider-button--prev svg{transform:rotate(90deg)}.complete-the-look .slider-button--next svg{transform:rotate(-90deg)}.complete-the-look .slider-counter{min-width:4.4rem;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/46/assets/complete-the-look.css.map */