.shop-the-look{overflow:visible}.shop-the-look__inner{max-width:var(--max-width, 1400px);margin:0 auto;padding-left:var(--space-outer, 3.3vw);padding-right:var(--space-outer, 3.3vw)}.shop-the-look__heading{margin:0 0 20px;text-align:left;font-size:20px}.shop-the-look__viewport{position:relative}.shop-the-look__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.shop-the-look-card,.shop-the-look__track>div{min-width:0;width:100%;max-width:none}.shop-the-look__track>div .shop-the-look-card{width:100%;height:100%}@media(max-width:959px){.shop-the-look__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.shop-the-look__track::-webkit-scrollbar{display:none}.shop-the-look-card,.shop-the-look__track>div{flex:0 0 78%;max-width:280px;scroll-snap-align:start}}@media(min-width:720px)and (max-width:959px){.shop-the-look-card,.shop-the-look__track>div{flex-basis:calc((100% - 16px) / 2.15);max-width:none}}.shop-the-look-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:10px 10px 12px;min-width:0}.shop-the-look-card__media{position:relative;flex:1 1 auto;margin-bottom:12px}.shop-the-look-card__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px}.shop-the-look-card__collage{display:grid;height:100%;gap:10px}.shop-the-look-card__collage--1{grid-template-columns:1fr}.shop-the-look-card__collage--2{grid-template-columns:1fr 1fr}.shop-the-look-card__collage--2 .shop-the-look-card__item{aspect-ratio:3 / 4}.shop-the-look-card__collage--3{grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr}.shop-the-look-card__collage--3 .shop-the-look-card__item:first-child{grid-row:1 / 3}.shop-the-look-card__collage--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.shop-the-look-card__media--photo .shop-the-look-card__collage{position:absolute;top:0;right:0;bottom:0;left:0;background:none;gap:0}.shop-the-look-card__media--photo .shop-the-look-card__item{background:transparent}.shop-the-look-card__item{position:relative;min-height:0;overflow:hidden;background:#fff;border-radius:4px;aspect-ratio:3 / 4}.shop-the-look-card__item img,.shop-the-look-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.shop-the-look-card__plus{position:absolute;top:6px;left:6px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#fff;color:#8a8a8a;box-shadow:0 1px 3px #00000029;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer}.shop-the-look-card__plus:focus-visible{outline:2px solid #000;outline-offset:2px}.shop-the-look-card__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:10px 16px;border:0;border-radius:999px;background:#000;color:#fff;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.shop-the-look-card__cta:focus-visible{outline:2px solid #000;outline-offset:2px}.shop-the-look__nav{display:none}.shop-the-look__nav .icon,.shop-the-look__nav svg{width:14px;height:14px;display:block}.shop-the-look__nav--prev{left:0}.shop-the-look__nav--prev .icon{transform:rotate(90deg)}.shop-the-look__nav--next{right:0}.shop-the-look__nav--next .icon{transform:rotate(-90deg)}.shop-the-look__nav:focus-visible{outline:2px solid #000;outline-offset:2px}.shop-the-look-dialog{padding:0;border:0;color:var(--color-text, #000);background:var(--color-background, #fff);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);border-radius:16px;box-shadow:0 16px 48px #0000002e}.shop-the-look-dialog::backdrop{background:#00000080}@media(max-width:719px){.shop-the-look-dialog{width:100%;max-width:100%;margin:auto 0 0;max-height:92vh;border-radius:20px 20px 0 0}}.shop-the-look-dialog__panel{display:flex;flex-direction:column;max-height:inherit;min-height:0;padding:20px 20px 16px}@media(min-width:720px){.shop-the-look-dialog__panel{padding:24px 24px 20px}}.shop-the-look-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;flex-shrink:0}.shop-the-look-dialog__title{margin:0;font-size:15px;letter-spacing:.1em;text-transform:uppercase}.shop-the-look-dialog__close{width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.shop-the-look-dialog__close:hover,.shop-the-look-dialog__close:focus-visible{background:#f4f4f4}.shop-the-look-dialog__close:focus-visible{outline:2px solid #000;outline-offset:2px}.shop-the-look-dialog__close .icon,.shop-the-look-dialog__close svg{width:16px;height:16px}.shop-the-look-dialog__list{list-style:none;margin:0;padding:0;overflow-y:auto;min-height:0}.shop-the-look-dialog__row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid var(--color-border, #e6e6e6)}.shop-the-look-dialog__row:last-child{border-bottom:0}.shop-the-look-dialog__image{position:relative;display:block;width:88px;aspect-ratio:3 / 4;overflow:hidden;background:#fff;border-radius:6px}.shop-the-look-dialog__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.shop-the-look-dialog__body{display:flex;flex-direction:column;gap:12px;min-width:0}.shop-the-look-dialog__name{display:block;color:inherit;text-decoration:none;font-size:13px;line-height:1.35;letter-spacing:.02em}.shop-the-look-dialog__name:hover{text-decoration:underline}.shop-the-look-dialog__price{margin:6px 0 0;font-size:13px;color:var(--color-text-meta, #555)}.shop-the-look-dialog__price s{margin-right:8px;opacity:.55}.shop-the-look-dialog__actions{display:flex;align-items:flex-end;gap:10px}.shop-the-look-dialog__label{display:flex;flex-direction:column;gap:6px;margin:0;flex:0 0 auto}.shop-the-look-dialog__option-name{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-meta, #555)}.shop-the-look-dialog__select-wrap{width:104px}.shop-the-look-dialog__select-wrap .input,.shop-the-look-dialog__select{width:100%;height:40px;min-height:40px;margin:0;appearance:none;-webkit-appearance:none;background:#fff;font-size:13px;line-height:1;padding:0 28px 0 12px}.shop-the-look-dialog__add{flex:1 1 auto;min-width:0;min-height:40px;margin:0;border-radius:999px}.shop-the-look-dialog__footer{flex-shrink:0;padding-top:16px}.shop-the-look-dialog__add-all{width:100%;min-height:48px;margin:0;border-radius:999px}.shop-the-look-dialog__add:disabled,.shop-the-look-dialog__add-all:disabled{opacity:.45;cursor:not-allowed}@media(max-width:419px){.shop-the-look-dialog__row{grid-template-columns:72px minmax(0,1fr);gap:12px}.shop-the-look-dialog__image{width:72px}.shop-the-look-dialog__actions{flex-wrap:wrap}.shop-the-look-dialog__label,.shop-the-look-dialog__select-wrap,.shop-the-look-dialog__add{width:100%;flex:1 1 100%}.shop-the-look-dialog__select-wrap{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/157/assets/shop-the-look.css.map */