.mt-hero-thumbs{position:relative;width:100%;overflow:hidden;color:var(--mt-hero-thumbs-text, #fff)}.mt-hero-thumbs__viewport{position:relative;width:100%;min-height:var(--mt-hero-thumbs-height, 640px)}.mt-hero-thumbs__slide{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;transition:opacity .55s ease,visibility .55s ease;pointer-events:none}.mt-hero-thumbs__slide.is-active{visibility:visible;opacity:1;pointer-events:auto;z-index:1}.mt-hero-thumbs__media{position:absolute;top:0;right:0;bottom:0;left:0}.mt-hero-thumbs__media img,.mt-hero-thumbs__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.mt-hero-thumbs__image--mobile{display:none}.mt-hero-thumbs__media-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#3a3632}.mt-hero-thumbs__media-placeholder svg{width:100%;height:100%;opacity:.35}.mt-hero-thumbs__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--mt-hero-thumbs-overlay-top, 0) * .01)),#0000 35%,rgba(0,0,0,calc(var(--mt-hero-thumbs-overlay-bottom, 45) * .01)));pointer-events:none}.mt-hero-thumbs__label{position:absolute;z-index:2;top:var(--mt-hero-thumbs-pad-y, 40px);left:var(--mt-hero-thumbs-pad-x, 48px);margin:0;color:var(--mt-hero-thumbs-label-color, #fff);text-transform:uppercase;font-family:Manrope;font-weight:600;font-size:14px;line-height:23px;letter-spacing:normal}.mt-hero-thumbs__content{position:absolute;z-index:2;right:var(--mt-hero-thumbs-content-right, 280px);bottom:var(--mt-hero-thumbs-pad-y, 40px);left:var(--mt-hero-thumbs-pad-x, 48px);max-width:var(--mt-hero-thumbs-content-max, 560px)}.mt-hero-thumbs__title{margin:0 0 16px;color:var(--mt-hero-thumbs-title-color, #fff);font-family:Manrope;font-size:var(--mt-hero-thumbs-title-size, 44px);font-weight:600;font-size:35px;line-height:50px;letter-spacing:normal}.mt-hero-thumbs__title.mt-glow-title{text-shadow:var(--mt-glow-title-shadow, none)}.mt-hero-thumbs__desc{margin:0 0 24px;color:var(--mt-hero-thumbs-desc-color, #fff);font-size:var(--mt-hero-thumbs-desc-size, 15px);font-family:Manrope;font-weight:400;line-height:24px;letter-spacing:normal}.mt-hero-thumbs__desc>*{margin:0;color:inherit;font:inherit}.mt-hero-thumbs__desc>*+*{margin-top:.75em}.mt-hero-thumbs__btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 30px;border:none;border-radius:var(--mt-hero-thumbs-btn-radius, 3px);color:var(--mt-hero-thumbs-btn-color, #fff)!important;font-family:Manrope;font-weight:500;font-size:var(--mt-hero-thumbs-btn-size, 16px);line-height:20px;letter-spacing:normal;text-decoration:none;text-align:center}.mt-hero-thumbs__btn.mt-glow-btn:hover,.mt-hero-thumbs__btn.mt-glow-btn:focus-visible{color:var(--mt-hero-thumbs-btn-color, #fff)}.mt-hero-thumbs__btn.mt-glow-btn:hover{color:var(--mt-hero-thumbs-btn-color, #fff)!important}.mt-hero-thumbs__thumbs{position:absolute;z-index:3;right:var(--mt-hero-thumbs-pad-x, 48px);bottom:var(--mt-hero-thumbs-pad-y, 40px);display:flex;flex-wrap:nowrap;gap:var(--mt-hero-thumbs-thumb-gap, 12px);max-width:calc(100% - var(--mt-hero-thumbs-pad-x, 48px) * 2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mt-hero-thumbs__thumbs::-webkit-scrollbar{display:none}.mt-hero-thumbs__thumb{flex:0 0 auto;width:var(--mt-hero-thumbs-thumb-width, 120px);height:var(--mt-hero-thumbs-thumb-height, 72px);padding:0;border:2px solid transparent;border-radius:var(--mt-hero-thumbs-thumb-radius, 4px);background:transparent;cursor:pointer;overflow:hidden;opacity:.75;transition:opacity .2s ease,border-color .2s ease,transform .2s ease;margin:0}.mt-hero-thumbs__thumb:hover{opacity:1}.mt-hero-thumbs__thumb:focus,.mt-hero-thumbs__thumb:focus-visible{outline:none!important;outline-offset:0!important;box-shadow:none}.mt-hero-thumbs__thumb:focus img,.mt-hero-thumbs__thumb:focus-visible img{outline:none!important}.mt-hero-thumbs__thumb.is-active{border-color:transparent;background:linear-gradient(transparent,transparent) padding-box,linear-gradient(90deg,#c09449,#e0be6d) border-box;opacity:1}.mt-hero-thumbs__thumb img,.mt-hero-thumbs__thumb-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.mt-hero-thumbs__thumb-image--mobile{display:none}.mt-hero-thumbs__thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#ffffff26}.mt-hero-thumbs__thumb-placeholder svg{width:100%;height:100%;opacity:.5}@media screen and (max-width:989px){.mt-hero-thumbs__viewport{min-height:var(--mt-hero-thumbs-height-tablet, 520px)}.mt-hero-thumbs__content{right:var(--mt-hero-thumbs-pad-x, 32px);max-width:min(520px,100%)}.mt-hero-thumbs__title{font-size:var(--mt-hero-thumbs-title-size-tablet, 34px)}}@media screen and (max-width:749px){.mt-hero-thumbs__viewport{min-height:var(--mt-hero-thumbs-height-mobile, 480px)}.mt-hero-thumbs__label{top:var(--mt-hero-thumbs-pad-y-mobile, 24px);left:var(--mt-hero-thumbs-pad-x-mobile, 20px);font-size:14px}.mt-hero-thumbs__content{right:var(--mt-hero-thumbs-pad-x-mobile, 20px);bottom:calc(var(--mt-hero-thumbs-pad-y-mobile, 24px) + var(--mt-hero-thumbs-thumb-height, 72px) + 16px);left:var(--mt-hero-thumbs-pad-x-mobile, 20px);max-width:none;text-align:center}.mt-hero-thumbs__title{margin-bottom:12px;font-size:var(--mt-hero-thumbs-title-size-mobile, 28px);line-height:34px}.mt-hero-thumbs__desc{margin-bottom:16px;font-size:14px;line-height:21px}.mt-hero-thumbs__btn{padding:8px 30px;font-size:13px}.mt-hero-thumbs__thumbs{right:var(--mt-hero-thumbs-pad-x-mobile, 20px);bottom:var(--mt-hero-thumbs-pad-y-mobile, 24px);left:var(--mt-hero-thumbs-pad-x-mobile, 20px);max-width:none;justify-content:center}.mt-hero-thumbs__thumb{width:var(--mt-hero-thumbs-thumb-width-mobile, 96px);height:var(--mt-hero-thumbs-thumb-height-mobile, 58px)}.mt-hero-thumbs__media--has-mobile .mt-hero-thumbs__image--desktop{display:none}.mt-hero-thumbs__media--has-mobile .mt-hero-thumbs__image--mobile{display:block}.mt-hero-thumbs__thumb--has-mobile .mt-hero-thumbs__thumb-image--desktop{display:none}.mt-hero-thumbs__thumb--has-mobile .mt-hero-thumbs__thumb-image--mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/mt-hero-thumbs.css.map */
