.complete-the-look{display:block;margin:1.4rem 0 1.2rem;padding:1.4rem 1.4rem 1.6rem;border:.1rem solid rgba(18,18,18,.08);border-radius:1.2rem;background:#faf8f6;box-shadow:0 4px 14px #0000000a}.complete-the-look__header{margin-bottom:1.2rem}.complete-the-look__title{margin:0}.complete-the-look__subtitle{margin:.4rem 0 0;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.72)}.complete-the-look__offer{margin-top:.6rem;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.complete-the-look__offer-badge{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:999px;background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground));font-size:1.1rem;line-height:1.1;font-weight:600;letter-spacing:.01em}.complete-the-look__offer-note{font-size:1.1rem;line-height:1.3;color:rgba(var(--color-foreground),.72)}.complete-the-look--offer-applied .complete-the-look__offer-badge{background:rgba(var(--color-foreground),.12)}.complete-the-look__media-grid{display:grid;grid-template-columns:repeat(var(--complete-the-look-columns, 2),minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.complete-the-look__media-link{display:block;aspect-ratio:3 / 4;overflow:hidden;background:rgba(var(--color-foreground),.04);position:relative}.complete-the-look__media-trigger{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:inherit}.complete-the-look__media-trigger .loading__spinner{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:4}.complete-the-look__media-image,.complete-the-look__media-image img{display:block;width:100%;height:100%;object-fit:cover}.complete-the-look__media-image--placeholder{width:100%;height:100%;background:rgba(var(--color-foreground),.05)}.complete-the-look__media-link--unchecked .complete-the-look__media-image,.complete-the-look__media-link--unchecked .complete-the-look__media-image img,.complete-the-look__media-link--unchecked .complete-the-look__media-image--placeholder{opacity:.6;filter:grayscale(20%);transition:opacity .18s ease,filter .18s ease}.complete-the-look__items{display:grid;gap:0;margin-top:.15rem}.complete-the-look__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem .8rem;align-items:start;padding:.7rem 0;border-top:.1rem solid rgba(var(--color-foreground),.1)}.complete-the-look__item:first-child{border-top:0;padding-top:0}.complete-the-look__item--disabled{opacity:.6}.complete-the-look__item--unchecked .complete-the-look__product-title,.complete-the-look__item--unchecked .complete-the-look__price{opacity:.7}.complete-the-look__item--unchecked .complete-the-look__checkbox,.complete-the-look__item--unchecked .complete-the-look__checkbox input,.complete-the-look__item--unchecked .complete-the-look__variant,.complete-the-look__item--unchecked .complete-the-look__change,.complete-the-look__item--unchecked .complete-the-look__product-title,.complete-the-look__item--unchecked .complete-the-look__price{transition:opacity .18s ease}.complete-the-look__item--unchecked .complete-the-look__checkbox,.complete-the-look__item--unchecked .complete-the-look__checkbox input{opacity:1}.complete-the-look__checkbox{grid-column:1;grid-row:1;display:inline-flex;align-items:center;gap:0;color:rgb(var(--color-foreground));font-size:1.2rem;line-height:1.2;width:1.5rem;min-width:1.5rem;justify-content:center}.complete-the-look__checkbox input{width:1.5rem;height:1.5rem;margin:0;accent-color:rgb(var(--color-foreground))}.complete-the-look__meta{grid-column:2;grid-row:1 / span 2;min-width:0;display:grid;gap:.3rem;width:100%}.complete-the-look__product-title{display:block;color:rgb(var(--color-foreground));text-decoration:none;font-size:1.35rem;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.complete-the-look__details{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem .6rem;align-items:center}.complete-the-look__price{display:inline-flex;align-items:baseline;gap:.45rem;font-size:1.3rem;line-height:1.3;color:rgba(var(--color-foreground),.72);min-width:0}.complete-the-look__price-original{min-width:0}.complete-the-look__price-discount{min-width:0;color:rgb(var(--color-foreground));font-weight:600}.complete-the-look__price--discounted .complete-the-look__price-original{text-decoration:line-through;opacity:.68}.complete-the-look__variant{min-width:0;width:clamp(12rem,28vw,13.8rem);max-width:13.8rem;justify-self:end}.complete-the-look__variant .select{width:100%;max-width:13.8rem;flex:0 0 auto}.complete-the-look__variant .select__select{width:100%;min-width:0;max-width:13.8rem;height:3.2rem;min-height:0;padding:0 2.2rem 0 .8rem;margin:0;font-size:1.2rem;line-height:3rem}.complete-the-look__variant-label{display:none}.complete-the-look__change{justify-self:start;padding:0;border:0;background:transparent;color:rgba(var(--color-foreground),.72);font-size:1.1rem;line-height:1.3;text-decoration:underline;text-underline-offset:.2rem;cursor:pointer}.complete-the-look__change:hover{color:rgb(var(--color-foreground))}.complete-the-look__check-more{position:absolute;right:.5rem;bottom:.5rem;z-index:3;padding:.32rem .55rem;border:0;border-radius:999px;background:#0000009e;color:#fff;font-size:1rem;line-height:1.2;cursor:pointer}.complete-the-look__check-more:hover{background:#000000c2}.complete-the-look__actions{margin-top:1.1rem;display:grid;gap:.7rem}.complete-the-look__feedback{margin:0;font-size:1.2rem;line-height:1.4;color:rgb(var(--color-foreground))}.complete-the-look__submit.is-loading{cursor:progress}.complete-the-look__candidates{margin-top:.95rem;padding:.85rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1rem;background:rgba(var(--color-foreground),.03)}.complete-the-look__candidates-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.complete-the-look__candidates-title{margin:0;font-size:1.25rem;line-height:1.2;color:rgb(var(--color-foreground));min-width:0}.complete-the-look__candidates-close{padding:0;border:0;background:transparent;color:rgba(var(--color-foreground),.72);font-size:1.05rem;line-height:1.2;text-decoration:underline;text-underline-offset:.2rem;cursor:pointer}.complete-the-look__candidates-status{margin:0 0 .55rem;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.72)}.complete-the-look__candidates-list{display:grid;gap:0}.complete-the-look__candidate{position:relative;display:block;width:100%;padding:.45rem 4.8rem .45rem 0;border:0;border-bottom:.1rem solid rgba(var(--color-foreground),.08);border-radius:0;background:transparent;color:rgb(var(--color-foreground));text-align:left;cursor:default}.complete-the-look__candidate>modal-opener{display:block;width:100%}.complete-the-look__candidate-preview{display:grid;grid-template-columns:4.8rem minmax(0,1fr);gap:.5rem;align-items:center;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.complete-the-look__candidate-image{display:block;width:4.8rem;aspect-ratio:1 / 1;overflow:hidden;border-radius:.45rem;background:rgba(var(--color-foreground),.04);flex:0 0 4.8rem}.complete-the-look__candidate-image img{display:block;width:100%;height:100%;object-fit:cover}.complete-the-look__candidate-content{display:grid;gap:.2rem;min-width:0;align-content:start}.complete-the-look__candidate-title{min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.complete-the-look__candidate-title{font-size:1.08rem;line-height:1.28}.complete-the-look__candidate-price{font-size:1rem;line-height:1.3;color:rgba(var(--color-foreground),.72);margin-left:-.15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.complete-the-look__candidate-replace{position:absolute;right:0;bottom:.4rem;width:auto;margin:0;min-height:2.8rem;padding:.35rem .85rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:999rem;background:transparent;color:rgb(var(--color-foreground));font-size:.88rem;line-height:1.2;cursor:pointer}.complete-the-look__candidates-show-more{width:100%;margin-top:.15rem;padding:.7rem .9rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.15rem;line-height:1.2;cursor:pointer}.complete-the-look__candidates-show-more:hover{border-color:rgba(var(--color-foreground),.22)}.complete-the-look__candidates-show-more[hidden]{display:none!important}@media screen and (max-width:749px){.complete-the-look{margin:1.2rem 0 1rem;padding:1.4rem 1.4rem 1.6rem}.complete-the-look__media-grid{gap:.6rem;margin-bottom:.95rem}.complete-the-look__item{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:.2rem .45rem;align-items:start;padding:.65rem 0}.complete-the-look__checkbox{grid-column:1;grid-row:1;align-self:start}.complete-the-look__meta{display:contents}.complete-the-look__product-title{grid-column:2;grid-row:1;line-height:1.3}.complete-the-look__details{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem .35rem;width:100%}.complete-the-look__variant{width:clamp(11.2rem,38vw,13rem);max-width:13rem}.complete-the-look__variant .select{max-width:13rem}.complete-the-look__variant .select__select{height:3.2rem;min-height:0;padding:0 2rem 0 .7rem;font-size:1.1rem;line-height:3rem}.complete-the-look__variant-label{display:none}.complete-the-look__change{font-size:1rem}.complete-the-look__price{justify-self:start;min-width:0;padding-left:0;margin-right:.1rem}.complete-the-look__candidates{padding:.65rem;margin-top:.85rem}.complete-the-look__candidate{padding:.4rem 4.2rem .4rem 0}.complete-the-look__candidate-preview{grid-template-columns:4.4rem minmax(0,1fr);gap:.45rem}.complete-the-look__candidate-image{width:4.4rem;aspect-ratio:1 / 1;flex-basis:4.4rem}.complete-the-look__candidate-title{font-size:1rem}.complete-the-look__candidate-price{font-size:.95rem}.complete-the-look__candidate-replace{bottom:.3rem;min-height:2.6rem;font-size:.84rem;padding:.28rem .7rem}.complete-the-look__check-more{right:.4rem;bottom:.4rem;font-size:.95rem;padding:.28rem .48rem}.complete-the-look__candidates-show-more{font-size:1.05rem}}@media screen and (min-width:750px){.complete-the-look{padding:1.8rem 1.8rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/complete-the-look.css.map */