:root{--media-color-text: #333333;--media-color-heading: #000000;--media-color-muted: #777777;--media-color-line: #D9D9D9;--media-color-bg: #ffffff;--media-color-video-overlay: #00000066;--media-sidebar-width: 29.6rem;--media-layout-gap: 2.4rem;--media-grid-gap: 1.6rem;--media-icon-size: 2.4rem;--media-icon-size-mobile: 2rem;--media-drawer-width: min(38rem, 86vw)}.media-gallery-section,.media-gallery-section *{box-sizing:border-box}.media-gallery-section{width:100%;padding:7rem 0;color:var(--media-color-text);background:var(--media-color-bg)}.media-gallery{width:100%}.media-icon{display:block;width:var(--media-icon-size);height:var(--media-icon-size);color:currentColor}.media-gallery__filter-button.btn-mobile,.media-gallery__mobile-head{display:none}.media-gallery-section:not(.is-ready){position:relative;min-height:48rem;overflow:hidden}.media-gallery-section:not(.is-ready) .media-gallery{opacity:0;visibility:hidden;pointer-events:none}.media-gallery-section:not(.is-ready):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:block;width:auto;height:auto;margin:0;background:#fff}.media-gallery-section:not(.is-ready):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:21;display:block;width:auto;height:auto;margin:0;pointer-events:none;background-image:linear-gradient(90deg,#f3f3f3,#e9e9e9,#f3f3f3),linear-gradient(90deg,#f3f3f3,#e9e9e9,#f3f3f3),linear-gradient(90deg,#f3f3f3,#e9e9e9,#f3f3f3),linear-gradient(90deg,#f3f3f3,#e9e9e9,#f3f3f3),linear-gradient(90deg,#f3f3f3,#e9e9e9,#f3f3f3),linear-gradient(90deg,#f3f3f3,#e9e9e9,#f3f3f3),linear-gradient(90deg,#f3f3f3,#e9e9e9,#f3f3f3),linear-gradient(90deg,#f3f3f3,#e9e9e9,#f3f3f3),linear-gradient(90deg,#f3f3f3,#e9e9e9,#f3f3f3);background-size:29.6rem 4.8rem,22rem 2rem,18rem 2rem,20rem 2rem,24rem 3.4rem,44rem 3.2rem,100% .1rem,calc((100% - 29.6rem - 2.4rem - 3.2rem) / 3) 15.8rem,calc((100% - 29.6rem - 2.4rem - 3.2rem) / 3) 15.8rem;background-position:0 0,4.8rem 7.2rem,4.8rem 11.6rem,4.8rem 16rem,32rem 0,32rem 7.2rem,32rem 11.8rem,32rem 16.8rem,calc(29.6rem + 2.4rem + ((100% - 29.6rem - 2.4rem - 3.2rem) / 3) + 1.6rem) 16.8rem;background-repeat:no-repeat;animation:mediaGallerySkeletonPulse 1.1s ease-in-out infinite}@keyframes mediaGallerySkeletonPulse{0%,to{opacity:.72}50%{opacity:1}}.media-gallery__layout{display:grid;grid-template-columns:var(--media-sidebar-width) minmax(0,1fr);gap:var(--media-layout-gap);width:100%}.media-gallery__sidebar,.media-gallery__main{min-width:0}.media-gallery__desktop-title-wrap{margin:0 0 2.6rem}.media-gallery__title{margin:0;color:var(--media-color-text);font-size:2.8rem;line-height:1.2;font-weight:500;letter-spacing:.03em}.media-sidebar{width:100%}.media-sidebar__group+.media-sidebar__group{margin-top:2.4rem}.media-sidebar__group-button{display:flex;align-items:center;width:100%;min-height:4.8rem;padding:1.1rem 1.6rem;border:0;border-radius:.4rem;background:transparent;color:var(--media-color-muted);font:inherit;font-size:1.6rem;line-height:1.3;font-weight:400;letter-spacing:.03em;text-align:left;cursor:pointer;transition:background-color .25s ease,color .25s ease}.media-sidebar__group-button.is-active,.media-sidebar__group.is-open>.media-sidebar__group-button{background:var(--media-color-text);color:#fff}.media-sidebar__group-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--media-icon-size);height:var(--media-icon-size);margin-right:1.2rem;color:currentColor}.media-sidebar__group-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-sidebar__chevron{position:relative;flex:0 0 auto;width:1rem;height:1rem;margin-left:auto}.media-sidebar__chevron:before{content:"";position:absolute;top:50%;left:50%;width:.7rem;height:.7rem;border-top:.1rem solid currentColor;border-right:.1rem solid currentColor;transform:translate(-50%,-35%) rotate(-45deg);transition:transform .25s ease}.media-sidebar__group:not(.is-open) .media-sidebar__chevron:before{transform:translate(-50%,-65%) rotate(135deg)}.media-sidebar__submenu{position:relative;max-height:0;overflow:hidden;opacity:0;transition:max-height .32s ease,opacity .22s ease}.media-sidebar__group.is-open .media-sidebar__submenu{max-height:80rem;opacity:1;margin-top:.8rem}.media-sidebar__submenu:before{content:"";position:absolute;top:.8rem;bottom:0;left:2rem;width:.1rem;background:var(--media-color-line)}.media-sidebar__submenu-item{position:relative;display:block;width:100%;margin-bottom:.2rem;padding:1.2rem 1.2rem 1.2rem 4.4rem;border:0;background:transparent;color:var(--media-color-muted);font:inherit;font-size:1.6rem;line-height:1.3;font-weight:400;letter-spacing:.05em;text-align:left;cursor:pointer;transition:color .2s ease}.media-sidebar__submenu-item:hover,.media-sidebar__submenu-item.is-active{color:var(--media-color-heading)}.media-tabs-wrapper{position:relative}.media-tabs{display:flex;align-items:center;gap:2rem;margin-bottom:2.4rem;border-bottom:.1rem solid var(--media-color-line)}.media-tabs__button{position:relative;display:inline-flex;align-items:center;gap:.8rem;min-height:3.2rem;padding:0 0 1.3rem;border:0;background:transparent;color:var(--media-color-muted);font:inherit;font-size:1.6rem;line-height:1.25;font-weight:400;letter-spacing:.05em;cursor:pointer;transition:color .2s ease}.media-tabs__button .media-icon{width:2rem;height:2rem}.media-tabs__button:after{content:"";position:absolute;right:0;bottom:-.1rem;left:0;height:.1rem;background:var(--media-color-heading);transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}.media-tabs__button:hover,.media-tabs__button.is-active{color:var(--media-color-heading)}.media-tabs__button.is-active:after{transform:scaleX(1)}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--media-grid-gap);min-height:.1rem;transition:opacity .22s ease,transform .22s ease}.media-grid.is-changing{opacity:.3;transform:translateY(.4rem)}.media-card{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#f5f5f5;color:#fff;text-decoration:none;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.media-card[hidden]{display:none!important}.media-card img,.media-card__placeholder,.media-card__placeholder svg{display:block;width:100%;height:100%}.media-card img{object-fit:cover;transition:transform .35s ease}.media-card:hover img{transform:scale(1.035)}.media-card__placeholder{background:#f2f2f2}.media-card__video-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--media-color-video-overlay);pointer-events:none}.media-card__play{position:absolute;top:50%;left:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;color:#fff;transform:translate(-50%,-50%);pointer-events:none}.media-card__play .media-icon{width:4.8rem;height:4.8rem}.media-gallery__sentinel{width:100%;height:.1rem}.media-gallery__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:32rem;padding:4.8rem 2.4rem;border:.1rem solid var(--media-color-line);color:var(--media-color-muted);text-align:center}.media-gallery__empty[hidden]{display:none!important}.media-gallery__empty-icon{display:flex;align-items:center;justify-content:center;width:9.6rem;height:9.6rem;margin-bottom:2rem;color:#d0d0d0}.media-gallery__empty-icon svg{width:100%;height:100%}.media-gallery__empty-title{margin:0 0 .8rem;color:var(--media-color-text);font-size:2rem;line-height:1.3;font-weight:500;letter-spacing:.04em}.media-gallery__empty-text{max-width:36rem;margin:0;color:var(--media-color-muted);font-size:1.5rem;line-height:1.6;font-weight:400;letter-spacing:.03em}.media-gallery__filter-button{position:absolute;right:0;bottom:.8rem;z-index:0;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;background:transparent;color:var(--media-color-text);cursor:pointer}.media-gallery__filter-button .media-icon{width:var(--media-icon-size-mobile);height:var(--media-icon-size-mobile)}.media-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background:#0000007a;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.media-drawer-overlay.is-open{opacity:1;visibility:visible}.media-drawer-overlay[hidden]{display:block!important}.media-drawer{position:fixed;top:0;right:0;z-index:801;width:var(--media-drawer-width);max-width:100vw;height:100vh;height:100dvh;padding:3.2rem 2.4rem;overflow:auto;background:#fff;color:var(--media-color-text);box-shadow:-1.2rem 0 3.2rem #0000001f;transform:translate(100%);transition:transform .35s ease}.media-drawer.is-open{transform:translate(0)}.media-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;color:var(--media-color-heading);font-size:1.6rem;line-height:1.2;font-weight:500;letter-spacing:.04em}.media-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;background:transparent;color:var(--media-color-heading);font:inherit;font-size:2.8rem;line-height:1;cursor:pointer}.media-sidebar--drawer .media-sidebar__group-button{min-height:4.2rem;padding:1.2rem;font-size:1.6rem}.media-sidebar--drawer .media-sidebar__submenu-item{padding:1rem 1rem 1rem 4.4rem;font-size:1.6rem}.media-sidebar--drawer .media-sidebar__group-icon,.media-sidebar--drawer .media-icon{width:var(--media-icon-size-mobile);height:var(--media-icon-size-mobile)}body.media-gallery-drawer-open{overflow:hidden}.fancybox__container{--fancybox-bg: rgba(17, 18, 20, .92);font-family:Gotham,Helvetica Neue,Arial,sans-serif}.fancybox__caption{font-size:1.4rem;letter-spacing:.04em}.media-gallery-section--no-motion *,.media-gallery-section--no-motion *:before,.media-gallery-section--no-motion *:after{transition:none!important;animation:none!important}.media-gallery__loader{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;color:#777;font-size:14px;letter-spacing:.02em}.media-gallery__loader[hidden]{display:none}.media-gallery__loader-spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.14);border-top-color:currentColor;border-radius:999px;animation:mediaGallerySpin .75s linear infinite}@keyframes mediaGallerySpin{to{transform:rotate(360deg)}}.media-card--loading-in{opacity:0;transform:translateY(14px)}.media-card--loading-in.media-card--loaded{opacity:1;transform:translateY(0);transition:opacity .42s ease,transform .42s ease;transition-delay:var(--media-card-delay, 0ms)}.media-gallery-section--no-motion .media-card--loading-in,.media-gallery-section--no-motion .media-card--loading-in.media-card--loaded{opacity:1;transform:none;transition:none}.media-gallery-section--no-motion .media-gallery__loader-spinner{animation:none}@media screen and (max-width:1199px){.media-gallery__layout{grid-template-columns:26rem minmax(0,1fr)}}@media screen and (max-width:989px){.media-gallery-section{padding:4rem 0}.media-gallery-section:not(.is-ready){min-height:42rem}.media-gallery-section:not(.is-ready):after{background-size:70% 2.8rem,3.6rem 3.6rem,100% .1rem,calc((100% - .8rem)/2) 10.8rem,calc((100% - .8rem)/2) 10.8rem,calc((100% - .8rem)/2) 10.8rem,calc((100% - .8rem)/2) 10.8rem;background-position:0 .4rem,100% 0,0 6rem,0 10.8rem,calc((100% - .8rem)/2 + .8rem) 10.8rem,0 22.4rem,calc((100% - .8rem)/2 + .8rem) 22.4rem}.media-gallery__layout{display:block}.media-gallery__sidebar,.media-gallery__desktop-title-wrap{display:none}.media-gallery__filter-button.btn-mobile{display:block}.media-gallery__mobile-head{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-bottom:1.8rem}.media-gallery__title{font-size:2.4rem;letter-spacing:.03em}.media-tabs{gap:1.6rem;margin-bottom:1.6rem;overflow-x:auto;scrollbar-width:none}.media-tabs::-webkit-scrollbar{display:none}.media-tabs__button{flex:0 0 auto;gap:.6rem;min-height:2.8rem;padding-bottom:1rem;font-size:1.4rem}.media-tabs__button .media-icon{width:var(--media-icon-size-mobile);height:var(--media-icon-size-mobile)}.media-grid{grid-template-columns:1fr;gap:1.6rem}.media-card__play,.media-card__play .media-icon{width:2.8rem;height:2.8rem}}@media screen and (max-width:749px){.media-gallery__empty{min-height:24rem;padding:3.2rem 1.6rem}.media-gallery__empty-icon{width:7.2rem;height:7.2rem;margin-bottom:1.6rem}.media-gallery__empty-title{font-size:1.7rem}.media-gallery__empty-text{font-size:1.3rem}}@media screen and (max-width:479px){.media-gallery-section{padding:2rem 0}.media-drawer{padding:2.8rem 1.8rem}}@media screen and (max-width:344px){.media-gallery__filter-button{position:relative}.media-tabs{margin-bottom:.6rem}}@media(prefers-reduced-motion:reduce){.media-gallery-section *,.media-gallery-section *:before,.media-gallery-section *:after{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/component-media-gallery.css.map */