.component-complete-the-look .complete-the-look-products-container{display:flex;flex-wrap:nowrap;gap:1.25rem;justify-content:start;max-width:1440px;margin:0 auto}.component-complete-the-look .complete-the-look-products-container .complete-the-look-product{flex:1;width:272px;max-width:272px;min-width:272px}.component-complete-the-look .component-complete-the-look-wrapper{width:100%}.component-complete-the-look .img-container{position:relative;width:100%}@media (min-width: 1025px){.component-complete-the-look .img-container{aspect-ratio:25 / 32;overflow:hidden}}.component-complete-the-look .img-container .badges{position:absolute;bottom:12px;left:12px}.component-complete-the-look .img-container .badge{color:#000;font-family:Rules;font-size:12px;font-style:normal;font-weight:400;line-height:12px;border-radius:4px;background:#0000001a;padding:4px 8px}.component-complete-the-look .component-title{color:#2c272d;font-family:Rules;font-size:32px;font-style:normal;font-weight:500;line-height:100%;text-transform:capitalize;text-align:left;margin-bottom:1.25rem}.component-complete-the-look .component-description{overflow:hidden;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.component-complete-the-look .component-description-content:last-of-type{color:#4b4b4b;font-family:Rules;font-size:16px;font-style:normal;font-weight:400;line-height:140%;text-transform:capitalize}.component-complete-the-look .component-description-content{color:#000;font-family:Helvetica Neue;font-size:16px;font-style:normal;font-weight:500;line-height:100%}.component-complete-the-look .component-description-content:not(:last-of-type):after{content:"|";margin:0 12px;color:#dadadb;font-size:22px;vertical-align:top;font-weight:400}.component-complete-the-look{margin-top:5rem!important;margin-bottom:5rem!important}@media (max-width: 1024px){.component-complete-the-look{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.component-complete-the-look .complete-the-look-products-container{display:flex;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;max-width:100%;overflow-x:auto;overflow-y:hidden;margin:0 auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}}@media (max-width: 1024px){.component-complete-the-look .complete-the-look-products-container::-webkit-scrollbar{display:none}.component-complete-the-look .complete-the-look-products-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.component-complete-the-look .complete-the-look-products-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.component-complete-the-look .complete-the-look-products-container::-webkit-scrollbar-thumb:hover{background:#555}}.component-complete-the-look .global-color-swatches-container{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;gap:1rem}.component-complete-the-look .global-color-text{color:#666;font-size:14px;font-family:Helvetica Neue,Arial,sans-serif}.component-complete-the-look .global-color-swatches{display:flex;gap:.5rem;flex-wrap:wrap}.component-complete-the-look .complete-the-look-container{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;border-radius:8px}@media (min-width: 1025px){.component-complete-the-look{padding:0 80px 0 40px!important}.component-complete-the-look .complete-the-look-container{flex:1;width:auto;max-width:none;margin-left:0;margin-right:0;display:flex;flex-direction:column}}.component-complete-the-look .colors{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start;opacity:0;transition:all .3s ease-in;margin-top:0;padding:0 .5rem}.component-complete-the-look .color-input:checked+.color-label:before{display:none!important}.component-complete-the-look .js-colors .js-color.selected .color-label .color-label-border{width:auto;height:auto;border:none}.component-complete-the-look .js-colors .js-color.selected .color-label{border:1px solid black;padding:1px;box-sizing:border-box}.component-complete-the-look .color-label{display:flex;position:relative;width:22px;height:22px;background-clip:content-box;border-radius:20px;-webkit-border-radius:20px;cursor:pointer;background-color:var(--swatch-color);background-image:var(--swatch-image);background-size:cover;color:#fff}@media screen and (min-width: 768px){.component-complete-the-look .colors{flex-wrap:wrap}.component-complete-the-look .color-count-mobile{display:none}}@media (max-width: 1024px){.component-complete-the-look .complete-the-look-container{flex:0 0 auto;margin-left:0;margin-right:0}.component-complete-the-look .featured-product-img{width:100%;height:340px!important;object-fit:cover;object-position:center;border-radius:8px}@media (max-width: 768px){.component-complete-the-look .complete-the-look-products-container .complete-the-look-product{width:294px;max-width:294px;min-width:294px}.component-complete-the-look .complete-the-look-container{width:294px;min-width:294px;max-width:294px}}@media (min-width: 769px) and (max-width: 1024px){.component-complete-the-look .complete-the-look-products-container .complete-the-look-product,.component-complete-the-look .complete-the-look-container{width:300px;max-width:300px;min-width:300px}}}.component-complete-the-look .featured-product-img{width:100%;object-fit:cover;object-position:center;border-radius:8px}@media (min-width: 1025px){.component-complete-the-look .featured-product-img{width:100%;height:100%;object-fit:cover}}.component-complete-the-look .info-container{padding-top:1rem;display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0}@media (min-width: 1025px){.component-complete-the-look .info-container{flex:1;display:flex;flex-direction:column}}.component-complete-the-look .size-dropdown{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;color:#000;font-family:Rules;font-size:14px;font-style:normal;font-weight:400;line-height:100%}.component-complete-the-look .size-dropdown[disabled]{color:#777}.component-complete-the-look .size-dropdown-container{border:1px solid #E5E5E5;border-radius:4px}.component-complete-the-look .size-selected{position:relative}.component-complete-the-look .js-size-band .size-selected .size-dropdown{padding-left:57px}.component-complete-the-look .js-size-cup .size-selected .size-dropdown{padding-left:50px}.component-complete-the-look .js-size-band .size-selected:before{content:"Band: ";position:absolute;top:50%;left:16px;transform:translateY(-50%);color:#000;font-family:Rules;font-size:14px;font-style:normal;font-weight:400;line-height:100%;z-index:10;pointer-events:none}.component-complete-the-look .js-size-cup .size-selected:before{content:"Cup: ";position:absolute;top:50%;left:16px;transform:translateY(-50%);color:#000;font-family:Rules;font-size:14px;font-style:normal;font-weight:400;line-height:100%;z-index:10;pointer-events:none}.component-complete-the-look .title-price-contianer{display:flex;gap:6px;flex-direction:column;align-items:flex-start;padding:0 .5rem;width:100%;min-width:0}.component-complete-the-look .eyebrow{color:#2c272d;font-family:Rules;font-size:14px;font-style:normal;font-weight:400;line-height:100%;text-transform:capitalize}.component-complete-the-look .title .js-link{color:#000;font-family:Rules;font-size:14px;font-style:normal;font-weight:500;line-height:100%;text-transform:capitalize;margin-bottom:0;width:100%}.component-complete-the-look .price{color:#000;font-family:Rules;font-size:14px;font-style:normal;font-weight:400;line-height:100%}.component-complete-the-look .compare{margin-left:.25rem;text-decoration:line-through;color:#888;font-weight:400}.component-complete-the-look .price-container{display:flex;align-items:start;margin:0;align-self:flex-start}.component-complete-the-look .color{text-transform:capitalize}.component-complete-the-look .color-container{margin:.75rem 0}.component-complete-the-look .color-text{color:#666;font-size:12px;text-transform:capitalize}.component-complete-the-look .color-swatches{display:flex;gap:.5rem;margin-top:.5rem}.component-complete-the-look .color-swatch{width:20px;height:20px;border-radius:50%;border:1px solid #ddd;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.component-complete-the-look .color-swatch:hover{transform:scale(1.1)}.component-complete-the-look .color-swatch.selected{border:2px solid #2C272D;transform:scale(1.1)}.component-complete-the-look .sizes-container{margin:0}.component-complete-the-look .add-to-bag-btn{display:flex;padding:16px;height:46px;justify-content:center;align-items:center;align-self:stretch;border-radius:100px;background:#000;margin-top:0;color:#fff;font-family:Rules;font-size:14px;font-style:normal;font-weight:500;line-height:100%;text-transform:none}.component-complete-the-look .add-to-bag-btn[disabled]{color:#b0b0b0;font-family:Rules;font-size:14px;font-style:normal;font-weight:500;line-height:100%;background:#eaeaea;text-transform:none}.component-complete-the-look .add-to-bag-btn:disabled:hover{background-color:#eaeaea!important;color:#b0b0b0}.component-complete-the-look .skeleton-box{display:inline-block;height:100%;width:100%;position:relative;overflow:hidden;background-color:#f0f0f0}.component-complete-the-look .skeleton-box:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);content:""}@media (max-width: 768px){.component-complete-the-look .component-title{color:#000;text-align:left;font-family:Rules;font-size:28px;font-style:normal;font-weight:500;line-height:100%;text-transform:capitalize;margin-bottom:1rem}.component-complete-the-look .component-description-content{color:#000;text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:100%}.component-complete-the-look .component-description-content:last-of-type{color:#4b4b4b;text-align:center;font-family:Rules;font-size:14px;font-style:normal;font-weight:400;line-height:140%;text-transform:capitalize}}@media (max-width: 1024px){.component-complete-the-look .component-description{flex-wrap:wrap}.component-complete-the-look .component-description-content{text-align:center;margin-bottom:8px}.component-complete-the-look .component-description-content:after{display:none}.component-complete-the-look .component-description-content:nth-child(1){width:100%}.component-complete-the-look .component-description-content:nth-child(2){width:auto}.component-complete-the-look .component-description-content:nth-child(2):after{content:"|";margin:0 12px;color:#dadadb;font-size:14px;vertical-align:top;font-weight:400;display:inline}.component-complete-the-look .component-description-content:nth-child(3){width:auto}.component-complete-the-look .component-description-content:nth-child(4){width:100%}@media (min-width: 768px){.component-complete-the-look.product-container{padding:0}}@media (min-width: 1024px) and (max-width: 1439px){.complete-the-look-products-container .complete-the-look-product:first-child{margin-left:40px}.complete-the-look-products-container .complete-the-look-product:last-child{margin-right:80px}}@media (min-width: 769px) and (max-width: 1024px){.component-complete-the-look .component-title,.complete-the-look-products-container .complete-the-look-product:first-child{margin-left:32px}.complete-the-look-products-container .complete-the-look-product:last-child{margin-right:40px}}@media (max-width: 768px){.component-complete-the-look .component-title,.complete-the-look-products-container .complete-the-look-product:first-child{margin-left:16px}.complete-the-look-products-container .complete-the-look-product:last-child{margin-right:16px}}}
/*# sourceMappingURL=/cdn/shop/t/10931/assets/component-complete-the-look.css.map */