.section-complete-the-look>*{padding-block-start:var(--padding-block-start, 0);padding-block-end:var(--padding-block-end, 0)}.complete-the-look{display:block}.complete-the-look__inner{max-width:var(--ctl-max-width, 100%);margin-inline:auto;padding:var(--ctl-padding, 0);border-radius:var(--ctl-radius, 0);background:var(--ctl-background, transparent)}.complete-the-look__head{margin-block-end:2.4rem}.complete-the-look__title{font-family:var(--font-heading-family);font-size:var(--ctl-title-size, 2.4rem);font-weight:var(--ctl-title-weight, var(--font-heading-weight));color:var(--ctl-text-color, rgb(var(--color-heading-text)))}.complete-the-look__grid{display:grid;gap:var(--ctl-gap, 3.2rem);align-items:var(--ctl-align, start);grid-template-columns:1fr}@media screen and (min-width:990px){.complete-the-look__grid{grid-template-columns:minmax(0,1fr) var(--ctl-summary-width, 32rem)}.complete-the-look--summary-start .complete-the-look__grid{grid-template-columns:var(--ctl-summary-width, 32rem) minmax(0,1fr)}.complete-the-look--summary-start .complete-the-look__products{order:2}.complete-the-look--summary-start .complete-the-look__summary{order:1}}.complete-the-look__products-area{display:grid;gap:var(--ctl-gap, 3.2rem);grid-template-columns:1fr}@media screen and (min-width:990px){.complete-the-look__products-area--has-aside{grid-template-columns:var(--ctl-products-ratio, 70%) minmax(0,1fr)}}.complete-the-look__cards{display:grid;gap:var(--ctl-card-gap, 1.6rem);grid-template-columns:repeat(var(--ctl-columns-mobile, 2),minmax(var(--ctl-card-min-width, 0),1fr))}@media screen and (min-width:750px){.complete-the-look__cards{grid-template-columns:repeat(var(--ctl-columns, 3),minmax(var(--ctl-card-min-width, 0),var(--ctl-card-max-width, 1fr)))}}.complete-the-look--horizontal-mobile .complete-the-look__cards{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:var(--ctl-card-width, 22rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.complete-the-look--horizontal-mobile .complete-the-look-card{scroll-snap-align:start}.complete-the-look-card{display:flex;flex-direction:column;gap:.8rem;border-radius:var(--ctl-card-radius, 0);min-width:0;transition:opacity var(--duration-default)}.complete-the-look-card.is-unavailable{opacity:.55}.complete-the-look-card__media-wrap{position:relative;border-radius:var(--ctl-image-radius, 0);overflow:hidden;background:rgb(var(--color-background))}.complete-the-look-card__media{display:block;padding-block-end:calc(var(--ctl-image-ratio, 125) * 1%)}.complete-the-look-card__toggle{position:absolute;inset-block-start:.8rem;inset-inline-end:.8rem;display:inline-flex;cursor:pointer;z-index:3}.complete-the-look-card__toggle-ui{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:.4rem;border:.6rem solid rgba(var(--color-foreground),.45);background:var(--ctl-badge-background, #fff);transition:background var(--duration-short),border-color var(--duration-short)}.complete-the-look-card__toggle-ui svg{width:1.8rem;height:1.8rem;opacity:0;color:rgb(var(--color-background));transition:opacity var(--duration-short);overflow:visible}.complete-the-look-card__toggle-ui svg path{stroke:currentColor;stroke-width:3}.complete-the-look-card.is-included .complete-the-look-card__toggle-ui{background:var(--ctl-badge-color, rgb(var(--color-foreground)));border-color:var(--ctl-badge-color, rgb(var(--color-foreground)))}.complete-the-look-card.is-included .complete-the-look-card__toggle-ui svg{opacity:1}.complete-the-look-card.is-included{box-shadow:0 0 0 .2rem var(--ctl-badge-color, rgb(var(--color-foreground)));border-radius:var(--ctl-card-radius, 0)}.complete-the-look-card__toggle input:disabled+.complete-the-look-card__toggle-ui{cursor:not-allowed;opacity:.5}.complete-the-look-card__info{display:flex;flex-direction:column;gap:var(--ctl-price-spacing, .4rem)}.complete-the-look-card__title-link{text-decoration:none}.complete-the-look-card__title{font-size:var(--ctl-card-title-size, var(--font-size-static-sm, 1.4rem));font-weight:var(--ctl-card-title-weight, var(--font-body-weight));color:var(--ctl-text-color, rgb(var(--color-heading-text)))}.complete-the-look-card__title-arrow{display:inline-block;width:1em;height:1em;margin-inline-start:.3rem;vertical-align:-.1em;flex:none;transition:transform var(--duration-short)}@media screen and (min-width:750px)and (hover:hover){.complete-the-look-card__title-link:hover .complete-the-look-card__title{text-decoration:underline;text-underline-offset:.2em}.complete-the-look-card__title-link:hover .complete-the-look-card__title-arrow{transform:translate(.15em,-.15em)}}.complete-the-look-card .complete-the-look-card__price .price__container{font-size:var(--ctl-price-size, 1.4rem);font-weight:var(--ctl-price-weight, var(--font-body-weight));color:var(--ctl-price-color, rgb(var(--color-text)))}.complete-the-look-card .complete-the-look-card__price .price__installments,.complete-the-look-card .complete-the-look-card__price .price__installments span{color:var(--ctl-installment-color, rgb(var(--color-foreground)))}@media screen and (min-width:750px){.complete-the-look-card__info{padding-inline-start:.4rem}.complete-the-look-card__info .complete-the-look-card__title-link,.complete-the-look-card__info .complete-the-look-card__title,.complete-the-look-card__info .complete-the-look-card__price{margin-block:0;padding-block:0}.complete-the-look-card__info .complete-the-look-card__price .price__installments{margin-block-start:0}}.complete-the-look-card__variants{padding-block-start:.6rem}.complete-the-look-card__variants--overlay{position:absolute;inset-inline:0;inset-block-end:0;z-index:2;padding:.6rem .4rem;background:transparent}.complete-the-look-card__variants--overlay .product-options__value-list ul{justify-content:center;gap:.4rem}.complete-the-look-card__variants--overlay .product-options__label{min-width:2.6rem;padding-inline:.4rem;font-size:1.1rem}.complete-the-look-card__variants fieldset{border:0;padding:0;margin:0}.complete-the-look-card__variants fieldset+fieldset{margin-block-start:.6rem}.complete-the-look-card__variants .product-selector,.complete-the-look-card__variants .product-options,.complete-the-look-card__variants .product-options__value-list,.complete-the-look-card__variants .product-options__value-list ul{background:transparent;background-color:transparent;border:0}.complete-the-look-card__variants .product-selector{margin-block:0}.complete-the-look-card__variants .product-options__value-list ul{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0;list-style:none}.complete-the-look-card__variants .product-options__item{min-width:0;min-height:0;padding:0;background:var(--ctl-picker-background, #fff);border:.1rem solid rgba(var(--color-foreground),.35);border-radius:var(--ctl-image-radius, 0)}.complete-the-look-card__variants .product-options__label{justify-content:center;padding:.35rem .7rem;font-size:1.1rem;line-height:1;white-space:nowrap;cursor:pointer}.complete-the-look-card__variants .product-options__item.is-active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.complete-the-look-card__variants .product-options__item.is-active .product-options__label{color:rgb(var(--color-background))}.complete-the-look-card__variants .product-options__item.is-disabled{opacity:.5}.complete-the-look-card__variants .product-options__item.is-disabled .product-options__label{cursor:not-allowed;text-decoration:none}.complete-the-look-card__variants .product-options__item.is-disabled .product-options__label:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(to right bottom,#fff0,#fff0 48%,rgb(var(--color-foreground)) 50% 50%,#fff0 50%,#fff0)}.complete-the-look-card__hint{font-size:1.1rem;color:rgb(var(--color-alert, var(--color-text)));margin-block-start:.2rem}@media screen and (max-width:749px){.complete-the-look--mobile-list .complete-the-look__cards{grid-template-columns:1fr}.complete-the-look--mobile-list .complete-the-look-card{display:grid;grid-template-columns:var(--ctl-mobile-media-width, 9rem) minmax(0,1fr) auto;grid-template-areas:"media info toggle" "media sizes toggle";align-items:start;column-gap:1rem;row-gap:.3rem;padding:.7rem;border:.1rem solid rgba(var(--color-border),var(--alpha-border, 1));border-radius:var(--ctl-card-radius, 0)}.complete-the-look--mobile-list .complete-the-look-card__media-wrap{display:contents}.complete-the-look--mobile-list .complete-the-look-card__media{grid-area:media;align-self:start;border-radius:var(--ctl-image-radius, 0);overflow:hidden}.complete-the-look--mobile-list .complete-the-look-card__info{grid-area:info;align-self:start;gap:.2rem}.complete-the-look--mobile-list .complete-the-look-card__title-link,.complete-the-look--mobile-list .complete-the-look-card__title{margin:0;padding:0}.complete-the-look--mobile-list .complete-the-look-card__variants{grid-area:sizes;align-self:start;position:static;padding:0;background:transparent}.complete-the-look--mobile-list .complete-the-look-card__variants .product-options__value-list ul{justify-content:flex-start}.complete-the-look--mobile-list .complete-the-look-card__toggle{grid-area:toggle;position:static;align-self:start;justify-self:end}.complete-the-look--mobile-list .complete-the-look-card__toggle-ui{width:2.4rem;height:2.4rem;border-radius:.4rem;border:.12rem solid rgba(var(--color-foreground),.45);background:transparent}.complete-the-look--mobile-list .complete-the-look-card.is-included .complete-the-look-card__toggle-ui{background:var(--ctl-badge-color, rgb(var(--color-foreground)));border-color:var(--ctl-badge-color, rgb(var(--color-foreground)))}.complete-the-look--mobile-list .complete-the-look-card.is-included .complete-the-look-card__toggle-ui svg{color:rgb(var(--color-background))}.complete-the-look--mobile-list .complete-the-look-card.is-included{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}}.complete-the-look__summary{display:flex;flex-direction:column;gap:1.6rem;text-align:var(--ctl-summary-align, start);padding:var(--ctl-summary-padding, 2rem);border:.1rem solid rgba(var(--color-border),var(--alpha-border, 1));border-radius:var(--ctl-card-radius, 0);background:var(--ctl-summary-background, rgb(var(--color-background)))}@media screen and (min-width:990px){.complete-the-look__summary--sticky{position:sticky;inset-block-start:calc(var(--header-height, 0px) + 2rem)}}.complete-the-look__thumbnails{display:flex;flex-wrap:wrap;gap:var(--ctl-thumb-gap, .8rem)}.complete-the-look__thumb{width:var(--ctl-thumb-size, 5.5rem);height:calc(var(--ctl-thumb-size, 5.5rem) * var(--ctl-image-ratio, 125) / 100);flex:0 0 auto;border-radius:var(--ctl-image-radius, 0);overflow:hidden;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-border),var(--alpha-border, 1))}.complete-the-look__thumb img{width:100%;height:100%;object-fit:cover}.complete-the-look__total-label{font-size:1.3rem;opacity:.75}.complete-the-look__total{font-size:var(--ctl-total-size, 2.8rem);font-weight:var(--ctl-total-weight, var(--font-heading-weight));color:var(--ctl-total-color, rgb(var(--color-heading-text)));line-height:1.1}.complete-the-look__installments{font-size:var(--ctl-installment-size, 1.3rem);font-weight:var(--ctl-installment-weight, var(--font-body-weight));color:var(--ctl-installment-color, rgb(var(--color-text)))}.complete-the-look__buy{border-radius:var(--ctl-button-radius, var(--buttons-radius, 0));--ctl-button-bg: var(--ctl-button-color)}.complete-the-look__buy[disabled]{opacity:.5;cursor:not-allowed}.complete-the-look__feedback{font-size:1.2rem;margin:0}.complete-the-look__feedback.is-error{color:rgb(var(--color-alert, var(--color-text)))}.complete-the-look__aside{display:flex;flex-direction:column;gap:1.2rem}.complete-the-look__aside .accordion__button,.complete-the-look__collapsible-button{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding-block:1.6rem;font-family:var(--font-heading-family);color:rgb(var(--color-heading-text));cursor:pointer;border-block-end:.1rem solid rgba(var(--color-border),var(--alpha-border, 1))}.complete-the-look__collapsible-content{display:none;padding-block:1.2rem}.complete-the-look__collapsible-content.is-open{display:block}.complete-the-look__empty{text-align:center;padding:4rem 2rem;color:rgb(var(--color-text))}.section-complete-the-look:not(:has(complete-the-look-item)):not(:has([data-url])):not(:has(.complete-the-look__empty)):not(:has(.complete-the-look__aside)){display:none}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-complete-the-look.css.map */