:root{--ecg-ease: cubic-bezier(.22, .61, .36, 1);--ecg-ink: 28 28 28}elsenya-card-gallery{display:block;position:relative;overflow:hidden}.ecg__viewport{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.ecg__viewport::-webkit-scrollbar{display:none}.ecg__viewport.is-dragging{scroll-snap-type:none;cursor:grabbing}.ecg__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.ecg__slide img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:auto}@media(hover:hover){.ecg__viewport{cursor:grab}}.ecg__arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:2.125rem;height:2.125rem;padding:0;border:0;border-radius:50%;background:#ffffffeb;color:rgb(var(--ecg-ink));box-shadow:0 1px 8px #0000001a;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.9);transition:opacity .25s var(--ecg-ease),transform .25s var(--ecg-ease),background-color .2s ease;cursor:pointer}.ecg__arrow--prev{inset-inline-start:.5rem}.ecg__arrow--next{inset-inline-end:.5rem}.ecg__arrow svg{width:.75rem;height:.75rem}.ecg__arrow:hover{background:#fff}.ecg__arrow[aria-disabled=true]{opacity:0!important;pointer-events:none!important}@media(hover:hover){product-card:hover .ecg__arrow:not([aria-disabled=true]),product-card:focus-within .ecg__arrow:not([aria-disabled=true]){opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}}.ecg__arrow:focus-visible{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1);outline:2px solid rgb(var(--ecg-ink));outline-offset:2px}@media(hover:none){.ecg__arrow{display:none}}.ecg__progress{position:absolute;inset-inline:0;inset-block-end:0;z-index:2;height:2px;background:#ffffff8c;opacity:0;pointer-events:none;transition:opacity .3s ease}.ecg__progress-thumb{display:block;width:25%;height:100%;background:rgb(var(--ecg-ink) / .9);transition:transform .14s linear;will-change:transform}product-card:hover .ecg__progress,product-card:focus-within .ecg__progress{opacity:1}@media(hover:none){.ecg__progress{opacity:1}}.ecq__trigger{position:absolute;inset-inline:.625rem;inset-block-end:.875rem;z-index:3;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;padding:.5rem .75rem;border:0;border-radius:0;background:#fffffff0;color:rgb(var(--ecg-ink));font:inherit;font-size:.6875rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .25s ease,transform .3s var(--ecg-ease),background-color .2s ease,color .2s ease}.ecq__trigger svg{width:.75rem;height:.75rem;flex:none}@media(hover:hover){.ecq__trigger{opacity:0;transform:translateY(8px)}product-card:hover .ecq__trigger,product-card:focus-within .ecq__trigger{opacity:1;transform:none}.ecq__trigger:hover{background:rgb(var(--ecg-ink));color:#fff}}@media(hover:none){.ecq__trigger{inset-inline:.5rem;inset-block-end:.625rem;min-height:2.25rem;font-size:.625rem}}.ecq__trigger:focus-visible{outline:2px solid rgb(var(--ecg-ink));outline-offset:2px;opacity:1;transform:none}.ecq.is-open .ecq__trigger{opacity:0!important;pointer-events:none}.ecq__trigger.is-added{background:rgb(var(--ecg-ink));color:#fff}.ecq__panel{position:absolute;inset-inline:0;inset-block-end:0;z-index:4;box-sizing:border-box;max-height:100%;overflow-y:auto;padding:1.25rem .875rem .875rem;background:#fffffff7;color:rgb(var(--ecg-ink));text-align:start;transform:translateY(102%);opacity:0;visibility:hidden;box-shadow:0 -12px 32px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .38s var(--ecg-ease),opacity .28s ease,visibility 0s linear .38s}.ecq.is-open .ecq__panel{transform:none;opacity:1;visibility:visible;transition-delay:0s}.ecq__close{position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem;display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.ecq__close svg{width:.75rem;height:.75rem}.ecq__form{display:grid;gap:.75rem}.ecq__group{min-width:0;margin:0;padding:0;border:0}.ecq__legend{padding:0;margin-block-end:.4rem;font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--ecg-ink) / .6)}.ecq__selected{margin-inline-start:.5rem;color:rgb(var(--ecg-ink))}.ecq__chips{display:flex;flex-wrap:wrap;gap:.375rem}.ecq__chip{min-width:2.25rem;height:2rem;padding:0 .625rem;border:1px solid rgb(var(--ecg-ink) / .22);border-radius:0;background:transparent;color:inherit;font:inherit;font-size:.75rem;line-height:1;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.ecq__chip:hover{border-color:rgb(var(--ecg-ink))}.ecq__chip[aria-pressed=true]{border-color:rgb(var(--ecg-ink));background:rgb(var(--ecg-ink));color:#fff}.ecq__chip.is-unavailable{border-style:dashed;color:rgb(var(--ecg-ink) / .35);text-decoration:line-through;cursor:not-allowed}.ecq__chip:focus-visible,.ecq__close:focus-visible,.ecq__submit:focus-visible{outline:2px solid rgb(var(--ecg-ink));outline-offset:2px}.ecq__summary{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.75rem}.ecq__compare{margin-inline-start:.5rem;color:rgb(var(--ecg-ink) / .5);text-decoration:line-through}.ecq__stock{font-size:.6875rem;color:rgb(var(--ecg-ink) / .6)}.ecq__submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:2.5rem;padding:.5rem .75rem;border:0;border-radius:0;background:rgb(var(--ecg-ink));color:#fff;font:inherit;font-size:.6875rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background-color .25s ease,color .25s ease}.ecq__submit[aria-disabled=true]{background:rgb(var(--ecg-ink) / .1);color:rgb(var(--ecg-ink) / .55);cursor:default}.ecq__submit[aria-busy=true]{opacity:.7}.ecq__submit svg{width:.75rem;height:.75rem}.ecq__error{margin:0;font-size:.75rem;color:#b3261e}.ecq__error[hidden]{display:none}.ecq__group[data-is-color=true] .ecq__chip,.ecq__selected{text-transform:capitalize}.elsenya-look .product-card__info fieldset{display:none}@media(max-width:699px){.ecq__panel{padding:1.5rem .625rem .625rem}.ecq__form{gap:.5rem}.ecq__legend{margin-block-end:.25rem;font-size:.5625rem}.ecq__chips{gap:.25rem}.ecq__chip{min-width:1.875rem;height:1.75rem;padding:0 .4rem;font-size:.6875rem}.ecq__summary{font-size:.6875rem}.ecq__submit{min-height:2.25rem;letter-spacing:.1em}}elsenya-scroll-progress{display:block;position:relative;height:2px;margin-block-start:1.5rem;overflow:hidden;background:rgb(var(--text-color, 28 28 28) / .14)}elsenya-scroll-progress[hidden]{display:none}.esp__thumb{position:absolute;inset-block:0;inset-inline-start:0;width:30%;background:rgb(var(--text-color, 28 28 28));transition:transform .15s linear,width .3s var(--ecg-ease);will-change:transform}.elsenya-look{margin-block-start:2.25rem;padding-block-start:1.75rem;border-block-start:1px solid rgb(var(--text-color, 28 28 28) / .12)}.elsenya-look__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-block-end:1.25rem}.elsenya-look__eyebrow{margin:0 0 .35rem;font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;opacity:.6}.elsenya-look__title{margin:0}.elsenya-look__controls{display:flex;gap:.5rem}.elsenya-look__controls button{display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid rgb(var(--text-color, 28 28 28) / .25);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}.elsenya-look__controls button:hover:not([disabled]){border-color:rgb(var(--text-color, 28 28 28))}.elsenya-look__controls button[disabled]{opacity:.3;cursor:default}.elsenya-look__controls svg{width:.75rem;height:.75rem}.elsenya-look__carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(9.5rem,12.5rem);gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.elsenya-look__carousel::-webkit-scrollbar{display:none}.elsenya-look__carousel>product-card{scroll-snap-align:start}@media(prefers-reduced-motion:reduce){.ecg__arrow,.ecg__progress,.ecg__progress-thumb,.ecq__trigger,.ecq__panel,.ecq__chip,.ecq__submit,.esp__thumb,.elsenya-look__controls button{transition:none!important}.ecg__viewport,.elsenya-look__carousel{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/elsenya-cards.css.map */