.media-grid{background-color:var(--color-black);position:relative}.media-grid__background{height:auto;left:0;overflow:hidden;position:absolute;top:0;width:100vw}.media-grid__background-image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.media-grid__layout{display:grid;grid-template-columns:minmax(0,1fr)}@media only screen and (width >= 1024px){.media-grid__layout{gap:3.125rem;grid-template-columns:minmax(0,.4fr) minmax(0,1fr)}}@media only screen and (width >= 1280px){.media-grid__layout{gap:3.125rem;grid-template-columns:minmax(0,.26fr) minmax(0,1fr)}}.media-grid__icon{margin-bottom:1.25rem}.media-grid__icon img{height:100%;max-height:60px;max-width:60px;-o-object-fit:contain;object-fit:contain;width:100%}.media-grid__sidebar{margin-bottom:.938rem;max-height:none;position:static}@media only screen and (width >= 1024px){.media-grid__sidebar{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:95vh;position:sticky;top:2rem}.media-grid__sidebar-content{max-height:inherit;overflow-y:scroll;scrollbar-color:hsla(0,0%,100%,.3) rgba(0,0,0,0);scrollbar-width:thin}}@media only screen and (width >= 1024px){.media-grid__sidebar-content::-webkit-scrollbar{width:4px}.media-grid__sidebar-content::-webkit-scrollbar-track{background:#0000}.media-grid__sidebar-content::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:2px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.media-grid__sidebar-content::-webkit-scrollbar-thumb:hover{background-color:#fff9}}.media-grid__scroll-indicator{bottom:0;display:none;left:0;pointer-events:none;position:absolute;right:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:10}@media only screen and (width >= 1024px){.media-grid__scroll-indicator{display:block}}.media-grid__scroll-gradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(18,18,18,0)),to(#121212));background:linear-gradient(180deg,#12121200,#121212);bottom:0;display:block!important;height:80px;left:0;pointer-events:none;position:absolute;right:0;width:95%}.media-grid__scroll-carrot{bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-animation:bounce 5s infinite;animation:bounce 5s infinite;justify-content:center;opacity:.8;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.media-grid__scroll-carrot svg{height:40px;width:40px}.media-grid__scroll-indicator[style*="opacity: 0"] .media-grid__scroll-carrot{-webkit-animation-play-state:paused;animation-play-state:paused}.media-grid__header{margin-bottom:1.25rem;position:relative}@media only screen and (width >= 1024px){.media-grid__header{margin-bottom:1.875rem}}.media-grid__header h2{font-size:2.75rem;line-height:42px;margin-bottom:.5rem;margin-top:0}.media-grid__header h2,.media-grid__header p{color:#fff;font-family:Inter Tight,sans-serif;font-weight:600}.media-grid__header p{font-size:.813rem;font-style:normal;line-height:1.125rem;margin:0;padding-bottom:1.25rem}@media only screen and (width >= 1024px){.media-grid__header p{padding-bottom:1.875rem}}.media-grid__cta{background-color:#776844;border:1px solid #bfa86c;border-radius:1.875rem;color:#fff;cursor:pointer;display:inline-block;padding:.75rem 1.25rem .8125rem;text-decoration:none;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:100%}.media-grid__cta:focus,.media-grid__cta:hover{background-color:#bfa86c;color:#000}.media-grid__cta:focus{-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.5);box-shadow:0 0 0 2px #ffffff80;outline:none}.media-grid__cta:focus:not(:focus-visible){background-color:#776844;-webkit-box-shadow:none;box-shadow:none;color:#fff}.media-grid__cta:focus-visible{background-color:#bfa86c;-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.5);box-shadow:0 0 0 2px #ffffff80;color:#000;outline:none}.media-grid__cta span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;font-family:Inter Tight,sans-serif;font-size:1rem;font-weight:500;gap:.3125rem;justify-content:center;line-height:normal}.media-grid__cta span svg{stroke:currentColor}.media-grid__grid-wrapper{position:relative}.media-grid__list{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:.625rem;-moz-column-gap:.625rem;column-gap:.625rem;padding:0}.media-grid__item{background:#1a1a1a;border:1px solid #333;border-radius:6px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.3);box-shadow:0 20px 40px #0000004d;cursor:pointer;display:inline-block;margin-bottom:.625rem;overflow:hidden;padding:0;position:relative;-webkit-transition:border-color .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:border-color .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;width:100%;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}@media only screen and (width >= 1024px){.media-grid__item{margin-bottom:.938rem}}.media-grid__item:hover{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.3);box-shadow:0 20px 40px #0000004d;-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}.media-grid__item:hover .media-grid__picture{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}@media only screen and (width >= 1024px){.media-grid__item:hover .media-grid__plus-icon{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.media-grid__item:focus{border-color:#bfa86c;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 2px hsla(43,39%,59%,.5);box-shadow:0 20px 40px #0000004d,0 0 0 2px #bfa86e80;outline:none;-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}.media-grid__item:focus .media-grid__picture{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}@media only screen and (width >= 1024px){.media-grid__item:focus .media-grid__plus-icon{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.media-grid__item:focus:not(:focus-visible){border-color:#333;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.3);box-shadow:0 20px 40px #0000004d;-webkit-transform:none;-ms-transform:none;transform:none}.media-grid__item:focus:not(:focus-visible) .media-grid__picture{-webkit-transform:none;-ms-transform:none;transform:none}@media only screen and (width >= 1024px){.media-grid__item:focus:not(:focus-visible) .media-grid__plus-icon{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}}.media-grid__item:focus-visible{border-color:#bfa86c;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 2px hsla(43,39%,59%,.5);box-shadow:0 20px 40px #0000004d,0 0 0 2px #bfa86e80;outline:none;-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}.media-grid__item:focus-visible .media-grid__picture{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}@media only screen and (width >= 1024px){.media-grid__item:focus-visible .media-grid__plus-icon{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.media-grid__item.animated{opacity:1!important;-webkit-transform:translateY(0) scale(1)!important;-ms-transform:translateY(0) scale(1)!important;transform:translateY(0) scale(1)!important}.media-grid__image-wrapper,.media-grid__item-inner{position:relative;width:100%}.media-grid__image-wrapper{background-color:#1a1a1a;border-radius:6px;overflow:hidden}.media-grid__image{display:block;height:auto;opacity:0;width:100%;z-index:2}.media-grid__overlay{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.3)),to(rgba(0,0,0,.8)));background:linear-gradient(180deg,#0000,#0000004d 50%,#000c);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;opacity:1;position:absolute;right:0;top:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:.625rem}.media-grid__overlay-content{color:#fff;z-index:2}.media-grid__plus-icon{bottom:7px;opacity:1;position:absolute;right:10px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .3s ease,-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);transition:opacity .3s ease,-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .3s ease;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .3s ease,-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);z-index:3}@media only screen and (width >= 1024px){.media-grid__plus-icon{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}}.media-grid__plus-icon svg{color:#fff;-webkit-filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));height:18px;width:18px}.media-grid__tags{color:#fff;font-family:Inter Tight,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:normal}.media-grid__special-tag{left:5%;position:absolute;top:5%;z-index:3}.media-grid__special-tag img{height:1.5rem;width:1.5rem}.media-grid__story{font-size:.875rem;font-weight:500;line-height:1.4}.media-grid__credit{background:#ffffff05;border-top:1px solid hsla(0,0%,100%,.1);color:#999;font-size:.75rem;padding:1rem 1.5rem}.media-grid__loading-indicator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-span:all;-moz-column-span:all;column-span:all;opacity:0;padding:2rem 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.media-grid__loading-indicator.visible{opacity:1}.media-grid__loading-indicator .spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.media-grid__loading-indicator .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round}.media-grid__no-matches-wrapper{-webkit-column-span:all;-moz-column-span:all;column-span:all;display:block;margin:2rem 0;text-align:center;width:100%}.media-grid__no-matches{color:#fff;padding-bottom:4rem;text-align:center}.media-grid__no-matches h3{color:#fff;font-family:Inter Tight,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.media-grid__no-matches p{color:#fffc;font-family:Inter Tight,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0 0 1.5rem}.media-grid__clear-all-btn{background-color:#0000;border:1px solid #fff;border-radius:1.875rem;color:#fff;cursor:pointer;display:inline-block;font-family:Inter Tight,sans-serif;font-size:.875rem;font-weight:600;line-height:normal;padding:.75rem 1.5rem;text-decoration:none;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.media-grid__clear-all-btn:focus,.media-grid__clear-all-btn:hover{background-color:#fff;color:#000;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.media-grid__clear-all-btn:focus{-webkit-box-shadow:0 0 0 2px hsla(43,39%,59%,.5);box-shadow:0 0 0 2px #bfa86e80;outline:none}.media-grid__clear-all-btn:focus:not(:focus-visible){background-color:#0000;-webkit-box-shadow:none;box-shadow:none;color:#fff;-webkit-transform:none;-ms-transform:none;transform:none}.media-grid__clear-all-btn:focus-visible{background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(43,39%,59%,.5);box-shadow:0 0 0 2px #bfa86e80;color:#000;outline:none;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.media-grid__clear-all-btn:active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.media-grid__load-more-button{display:block;padding:2rem 1rem;text-align:center;width:100%}@media only screen and (width >= 1024px){.media-grid__load-more-button{display:none}}.media-grid__load-more-btn{background-color:#0000;border:1px solid #fff;border-radius:1.875rem;color:#fff;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:Inter Tight,sans-serif;font-size:.875rem;font-weight:600;line-height:normal;padding:.75rem 1.5rem;text-decoration:none;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;gap:.5rem;justify-content:center;min-width:120px;position:relative}.media-grid__load-more-btn:focus,.media-grid__load-more-btn:hover:not(:disabled){background-color:#fff;color:#000;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.media-grid__load-more-btn:focus{-webkit-box-shadow:0 0 0 2px hsla(43,39%,59%,.5);box-shadow:0 0 0 2px #bfa86e80;outline:none}.media-grid__load-more-btn:focus:not(:focus-visible){background-color:#0000;-webkit-box-shadow:none;box-shadow:none;color:#fff;-webkit-transform:none;-ms-transform:none;transform:none}.media-grid__load-more-btn:focus-visible{background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(43,39%,59%,.5);box-shadow:0 0 0 2px #bfa86e80;color:#000;outline:none;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.media-grid__load-more-btn:active:not(:disabled){-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.media-grid__load-more-btn:disabled{cursor:not-allowed;opacity:.7}.media-grid__load-more-btn.loading{pointer-events:none}.media-grid__load-more-btn .load-more-text{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.media-grid__load-more-btn .load-more-spinner{height:18px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:18px}.media-grid__load-more-btn .load-more-spinner .spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;height:100%;width:100%}.media-grid__load-more-btn .load-more-spinner .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round}.media-grid__skeleton{-webkit-animation:skeleton-shimmer 1.5s infinite;animation:skeleton-shimmer 1.5s infinite;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#333),color-stop(50%,#404040),color-stop(75%,#333));background:linear-gradient(90deg,#333 25%,#404040,#333 75%);background-size:200% 100%;border-radius:6px;bottom:0;display:block;left:0;opacity:1;overflow:hidden;position:absolute;right:0;top:0;z-index:3}.media-grid__skeleton-shimmer{-webkit-animation:skeleton-spin 1s linear infinite;animation:skeleton-spin 1s linear infinite;border:2px solid #666;border-radius:50%;border-top-color:#999;height:24px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:24px}.media-grid__picture{display:block;height:auto;position:relative;-webkit-transition:-webkit-transform .6s cubic-bezier(.25,.46,.45,.94);transition:-webkit-transform .6s cubic-bezier(.25,.46,.45,.94);transition:transform .6s cubic-bezier(.25,.46,.45,.94);transition:transform .6s cubic-bezier(.25,.46,.45,.94),-webkit-transform .6s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:2}@-webkit-keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@-webkit-keyframes skeleton-spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes skeleton-spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes bounce{0%,10%,20%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}5%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translate(-50%) translateY(-10px)}15%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translate(-50%) translateY(-5px)}}@keyframes bounce{0%,10%,20%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}5%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translate(-50%) translateY(-10px)}15%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translate(-50%) translateY(-5px)}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/bundle.media-grid.css.map */