.eg-shade-gallery{--eg-sg-gap: 6px;--eg-sg-radius: 0px;--eg-sg-atc-bg: #000000;--eg-sg-atc-fg: #ffffff}.eg-shade-gallery__header{margin-bottom:24px}.eg-shade-gallery__eyebrow{margin:0 0 8px;font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.eg-shade-gallery__title{margin:0 0 8px}.eg-shade-gallery__subtitle{margin:0;max-width:60ch;opacity:.85}.eg-shade-gallery__layout{display:grid;grid-template-columns:1fr;gap:16px}@media screen and (min-width:990px){.eg-shade-gallery__layout{grid-template-columns:1fr minmax(320px,var(--eg-sg-detail-width, 400px));gap:24px;align-items:start}.eg-shade-gallery__layout--fit{align-items:stretch}}.eg-shade-gallery__main{display:flex;flex-direction:column;gap:var(--eg-sg-gap);min-width:0}.eg-shade-gallery__grid{display:grid;grid-template-columns:repeat(var(--eg-sg-cols-mobile, 3),1fr);gap:var(--eg-sg-gap);align-content:start;margin:0;padding:0}@media screen and (min-width:990px){.eg-shade-gallery__grid{grid-template-columns:repeat(var(--eg-sg-cols-desktop, 4),1fr)}}.eg-shade-gallery__thumb{position:relative;display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:2px solid transparent;border-radius:var(--eg-sg-radius);overflow:hidden;background:#0000000d;cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .15s ease,transform .15s ease}.eg-shade-gallery__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.eg-shade-gallery__thumb.is-selected{border-color:currentColor}@media(hover:hover){.eg-shade-gallery__thumb:hover{transform:scale(1.02)}}.eg-shade-gallery__thumb:focus-visible{outline:2px solid currentColor;outline-offset:2px}.eg-shade-gallery__thumb-label{position:absolute;left:4px;right:4px;bottom:4px;padding:2px 4px;border-radius:2px;background:#ffffffeb;color:#000;font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;text-align:center;opacity:0;transition:opacity .15s ease;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eg-shade-gallery__thumb.is-selected .eg-shade-gallery__thumb-label{opacity:1}.eg-shade-gallery__thumb[aria-disabled=true] .eg-shade-gallery__thumb-img{opacity:.4}.eg-shade-gallery__detail{display:flex;flex-direction:column;background:#00000008;border-radius:var(--eg-sg-radius);overflow:hidden}@media screen and (min-width:990px){.eg-shade-gallery__detail{position:sticky;top:90px}}.eg-shade-gallery__detail-media{position:relative;aspect-ratio:1 / 1;background:#0000000d}.eg-shade-gallery__detail-img{width:100%;height:100%;object-fit:cover;display:block}.eg-shade-gallery__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#ffffffe6;color:#000;box-shadow:0 1px 4px #00000026;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.eg-shade-gallery__nav:active{transform:translateY(-50%) scale(.94)}.eg-shade-gallery__nav--prev{left:12px}.eg-shade-gallery__nav--next{right:12px}.eg-shade-gallery__detail-body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.eg-shade-gallery__detail-name{margin:0}.eg-shade-gallery__detail-desc{margin:0;line-height:1.6;opacity:.9}.eg-shade-gallery__detail-desc p{margin:0 0 .5em}.eg-shade-gallery__detail-desc p:last-child{margin-bottom:0}.eg-shade-gallery__cta-row{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px}.eg-shade-gallery__form{margin:0}.eg-shade-gallery__atc{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:0 20px;border:1px solid var(--eg-sg-atc-bg, #000000);border-radius:var(--eg-sg-radius, 0px);background:var(--eg-sg-atc-bg, #000000);color:var(--eg-sg-atc-fg, #ffffff);font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:opacity .15s ease}@media(hover:hover){.eg-shade-gallery__atc:hover{opacity:.88}}.eg-shade-gallery__atc:disabled{opacity:.5;cursor:not-allowed}.eg-shade-gallery__atc-divider{width:1px;height:18px;background:currentColor;opacity:.4}.eg-shade-gallery__atc.is-loading .eg-shade-gallery__atc-label,.eg-shade-gallery__atc.is-loading .eg-shade-gallery__atc-divider,.eg-shade-gallery__atc.is-loading .eg-shade-gallery__atc-price{visibility:hidden}.eg-shade-gallery__atc-spinner{display:none;position:absolute;width:22px;height:22px}.eg-shade-gallery__atc.is-loading .eg-shade-gallery__atc-spinner{display:block;animation:eg-sg-spin .7s linear infinite}@keyframes eg-sg-spin{to{transform:rotate(360deg)}}.eg-shade-gallery__quiz{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 20px;border:1px solid currentColor;border-radius:var(--eg-sg-radius, 0px);background:transparent;color:inherit;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background .15s ease,color .15s ease}@media(hover:hover){.eg-shade-gallery__quiz:hover{background:var(--eg-sg-atc-bg);color:var(--eg-sg-atc-fg)}}.eg-shade-gallery__filler{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:20px 24px;border-radius:var(--eg-sg-radius);text-align:center}.eg-shade-gallery__filler-row{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:8px 10px}@media screen and (min-width:990px){.eg-shade-gallery__layout--fit .eg-shade-gallery__filler{flex:1 1 auto}}.eg-shade-gallery__filler-eyebrow{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--eg-sg-filler-fg, inherit)}.eg-shade-gallery__filler-icon{display:inline-flex;align-items:center;color:var(--eg-sg-accent, #a8824a)}.eg-shade-gallery__filler-icon img{width:24px;height:auto;display:block}.eg-shade-gallery__filler-heading{margin:0;font-size:1.6rem;font-weight:500;color:var(--eg-sg-filler-fg, inherit)}.eg-shade-gallery__filler-text{margin:0;font-size:1.6rem;font-weight:600;color:var(--eg-sg-accent, #a8824a)}.eg-shade-gallery__filler-link{display:inline-block;padding-bottom:2px;border-bottom:2px solid currentColor;color:var(--eg-sg-accent, #a8824a);text-decoration:none;font-size:1.4rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:opacity .15s ease}@media(hover:hover){.eg-shade-gallery__filler-link:hover{opacity:.7}}@media screen and (max-width:989px){.eg-shade-gallery__filler--no-mobile{display:none}.eg-shade-gallery__filler{min-height:0;padding:12px 16px;gap:4px}.eg-shade-gallery__filler-row{gap:6px 8px}.eg-shade-gallery__filler-eyebrow{font-size:1.05rem}.eg-shade-gallery__filler-heading,.eg-shade-gallery__filler-text{font-size:1.35rem}.eg-shade-gallery__filler-link{font-size:1.25rem}.eg-shade-gallery__filler-icon svg,.eg-shade-gallery__filler-icon img{width:18px;height:18px}}.eg-shade-gallery__detail-close,.eg-shade-gallery__detail-strip,.eg-shade-gallery__backdrop{display:none}@media screen and (max-width:989px){.eg-shade-gallery__detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100%;height:100dvh;max-height:100dvh;border-radius:0;background:var(--eg-sg-sheet-bg, #fff);transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.eg-shade-gallery__detail.is-open{transform:translateY(0)}.eg-shade-gallery__detail-close{display:flex;position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#ffffffe6;color:#000;box-shadow:0 1px 4px #00000026;cursor:pointer}.eg-shade-gallery__detail-strip{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:12px 16px 4px;scrollbar-width:none;-ms-overflow-style:none}.eg-shade-gallery__detail-strip::-webkit-scrollbar{display:none}.eg-shade-gallery__strip-thumb{flex:0 0 60px;width:60px;aspect-ratio:1 / 1;padding:0;border:2px solid transparent;border-radius:var(--eg-sg-radius);overflow:hidden;background:#0000000d;cursor:pointer;scroll-snap-align:start}.eg-shade-gallery__strip-thumb.is-selected{border-color:currentColor}.eg-shade-gallery__strip-thumb img{width:100%;height:100%;object-fit:cover;display:block}.eg-shade-gallery__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#00000080;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1)}.eg-shade-gallery__backdrop.is-open{opacity:1;pointer-events:auto}.eg-shade-gallery__detail-body{flex:0 0 auto;padding-bottom:28px}.eg-shade-gallery__cta-row{margin-top:16px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-eg-shade-gallery.css.map */