.abc-look[hidden]{display:none!important}.abc-look{max-width:1200px;margin:0 auto;padding:56px 20px 16px;color:#000;font-family:var(--font-body--family)}.abc-look *{border-radius:0;box-shadow:none}.abc-look__frame{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #000;background:#fff}.abc-look__media{position:relative;overflow:hidden;background:#f4f4f4;border-right:1px solid #000;min-height:480px;height:min(78vh,720px)}.abc-look__photo{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transform:scale(1.02);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.2,.7,.3,1);pointer-events:none}.abc-look__photo.is-active{opacity:1;transform:none;pointer-events:auto}.abc-look__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}.abc-look__side{display:flex;flex-direction:column;min-width:0}.abc-look__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:28px 28px 20px;border-bottom:1px solid #000}.abc-look__kicker{margin:0;font-size:11px;line-height:14px;letter-spacing:.14em;color:#00000080;text-transform:uppercase}.abc-look__title{margin:6px 0 0;font-size:28px;line-height:1;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;color:#000}.abc-look__nav{display:flex;align-items:center;gap:4px;font-size:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.abc-look__pager{min-width:56px;text-align:center}.abc-look__arrow{appearance:none;-webkit-appearance:none;position:relative;width:32px;height:32px;padding:0;margin:0;border:1px solid #D9D9D9;background:#fff;cursor:pointer;color:#000;transition:border-color .15s ease}@media(hover:hover){.abc-look__arrow:hover{border-color:#000}}.abc-look__arrow:before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translate(-30%,-50%) rotate(45deg)}.abc-look__arrow--next:before{transform:translate(-70%,-50%) rotate(-135deg)}.abc-look__lists{position:relative;flex:1 1 auto}.abc-look__items{display:none;counter-reset:look}.abc-look__items.is-active{display:block}.abc-look__items.is-active .abc-look__item{animation:abc-look-row .45s cubic-bezier(.4,0,.2,1) both}@keyframes abc-look-row{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.abc-look__item{display:grid;grid-template-columns:24px 64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 28px;border-bottom:1px solid #D9D9D9;transition:background-color .3s ease}.abc-look__item:before{counter-increment:look;content:counter(look,decimal-leading-zero);font-size:11px;font-weight:700;color:#00000080}.abc-look__thumb{display:block;width:64px;height:78px;background:#f4f4f4;overflow:hidden}.abc-look__thumb img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.abc-look__name{display:block;margin-bottom:8px;font-size:13px;line-height:17px;font-weight:600;text-transform:uppercase;color:#000;text-decoration:none}@media(hover:hover){.abc-look__name:hover{text-decoration:underline;text-underline-offset:3px}}.abc-look__price{font-size:14px;line-height:18px;text-align:right;white-space:nowrap}.abc-look__price s{display:block;font-size:12px;color:#00000080}.abc-look__soldout{margin:0;font-size:12px;line-height:16px;color:#00000080;text-transform:uppercase}.abc-look__sizes{display:flex;flex-wrap:wrap;gap:4px}.abc-look__size{appearance:none;-webkit-appearance:none;min-width:32px;height:28px;padding:0 6px;margin:0;border:1px solid #D9D9D9;background:#fff;color:#000;font:inherit;font-size:11px;line-height:1;text-transform:uppercase;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}@media(hover:hover){.abc-look__size:not(:disabled):not(.is-on):hover{border-color:#000}}.abc-look__size.is-on{border-color:#000;box-shadow:inset 0 0 0 1px #000}.abc-look__size:disabled{color:#c4c4c4;text-decoration:line-through;cursor:default}.abc-look__size:focus-visible{outline:1px solid #000;outline-offset:1px}.abc-look__item.is-hint{animation:abc-look-hint 1.2s ease}@keyframes abc-look-hint{0%,to{background:#fff}25%{background:#f2f2f2}}.abc-look__foot{margin-top:auto;padding:20px 28px 28px}.abc-look__add{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;width:100%;height:46px;margin:0;padding:0 20px;border:0;background:#000;color:#fff;font:inherit;font-size:13px;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}@media(hover:hover){.abc-look__add:hover{opacity:.85}}.abc-look__add{position:relative;overflow:hidden}.abc-look__add.is-busy{cursor:progress}.abc-look__add:focus-visible{outline:1px solid #000;outline-offset:2px}.abc-look__error{margin:10px 0 0;font-size:12px;line-height:16px;text-align:center;text-transform:uppercase;color:#000}.abc-look__error:empty{display:none}@media(max-width:749px){.abc-look{padding:40px 16px 8px}.abc-look__frame{grid-template-columns:1fr}.abc-look__media{border-right:0;border-bottom:1px solid #000;height:auto;min-height:0;aspect-ratio:4/5}.abc-look__head{padding:18px 16px 14px}.abc-look__title{font-size:22px}.abc-look__item{grid-template-columns:18px 52px minmax(0,1fr);gap:10px;padding:14px 16px}.abc-look__thumb{width:52px;height:64px}.abc-look__price{grid-column:3;text-align:left;font-size:13px;color:#0009}.abc-look__price s{display:inline;margin-left:6px}.abc-look__foot{padding:16px}}@media(prefers-reduced-motion:reduce){.abc-look__photo{transition:none}.abc-look__items.is-active .abc-look__item{animation:none}}@media(min-width:750px){.abc-look__media{height:auto;min-height:560px;max-height:78vh}}.abc-look__photo--catalog{background:#fff}.abc-look__photo--catalog img{object-fit:contain;object-position:center}.abc-look__add-sum,.abc-look__add-sum [data-abc-look-total]{margin-left:.5em}.abc-look__head{display:block}.abc-look__title{margin:0}.abc-look__kicker{margin:8px 0 0}.abc-look__nav{position:absolute;right:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:0;background:#fff;border:1px solid #000}.abc-look__nav[hidden]{display:none}.abc-look__nav .abc-look__arrow{border:0;width:36px;height:36px}.abc-look__nav .abc-look__pager{min-width:64px;padding:0 4px;border-left:1px solid #D9D9D9;border-right:1px solid #D9D9D9;line-height:36px}.abc-look__thumb{appearance:none;-webkit-appearance:none;padding:0;border:0;cursor:zoom-in}.abc-look__pick{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-width:150px;height:32px;padding:0 10px;margin:0;border:1px solid #D9D9D9;background:#fff;color:#00000080;font:inherit;font-size:12px;line-height:1;text-transform:uppercase;cursor:pointer;transition:border-color .15s ease,color .15s ease}@media(hover:hover){.abc-look__pick:hover{border-color:#000;color:#000}}.abc-look__pick.is-on{border-color:#000;color:#000;font-weight:600}.abc-look__pick-caret{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}.abc-look__pick:focus-visible{outline:1px solid #000;outline-offset:1px}@media(max-width:749px){.abc-look__nav{right:12px;bottom:12px}.abc-look__pick{min-width:140px}}.abc-look.abc-look--docked{max-width:none;margin:0;padding:20px 0 0}.abc-look--docked .abc-look__frame{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.abc-look--docked .abc-look__media{min-height:480px}.abc-look--docked .abc-look__head{padding:24px 20px 18px}.abc-look--docked .abc-look__item{grid-template-columns:20px 56px minmax(0,1fr) auto;gap:12px;padding:14px 20px}.abc-look--docked .abc-look__thumb{width:56px;height:68px}.abc-look--docked .abc-look__foot{padding:18px 20px 20px}.product-information__media:has(.abc-look--docked) media-gallery{position:static!important;top:auto!important}.abc-look--docked{container-type:inline-size}@container (max-width:639px){.abc-look--docked .abc-look__frame{grid-template-columns:minmax(0,1fr)}.abc-look--docked .abc-look__media{border-right:0;border-bottom:1px solid #000;min-height:0;height:auto;max-height:none;aspect-ratio:1/1}}@media(max-width:989px){.abc-look:not(.abc-look--docked){padding-top:0}}@container (min-width:560px) and (max-width:639px){.abc-look--docked .abc-look__frame{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.abc-look--docked .abc-look__media{border-right:1px solid #000;border-bottom:0;aspect-ratio:auto;min-height:440px}.abc-look--docked .abc-look__head{padding:20px 16px 14px}.abc-look--docked .abc-look__title{font-size:24px}.abc-look--docked .abc-look__item{grid-template-columns:18px 48px minmax(0,1fr);gap:10px;padding:12px 16px}.abc-look--docked .abc-look__thumb{width:48px;height:60px}.abc-look--docked .abc-look__price{grid-column:3;text-align:left;font-size:13px}.abc-look--docked .abc-look__price s{display:inline;margin-left:6px}.abc-look--docked .abc-look__foot{padding:16px}}.abc-look__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.abc-look__name-t{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;transition:transform .35s cubic-bezier(.4,0,.2,1)}.abc-look__name.is-run .abc-look__name-t{max-width:none;overflow:visible;transform:translate(var(--abc-name-shift,0));transition:transform var(--abc-name-dur,1.2s) linear .15s}@media(hover:hover){.abc-look__name:hover{text-decoration:none}.abc-look__name:hover .abc-look__name-t{text-decoration:underline;text-underline-offset:3px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/abc-shop-the-look.css.map */