:root{--tpt-banner-scroll-transition: .8s;--tpt-banner-scroll-ease: cubic-bezier(.65, 0, .35, 1)}tpt-banner-scroll{--tpt-banner-scroll-total: 1;position:relative;display:block;width:100%;height:calc(100vh * var(--tpt-banner-scroll-total));height:calc(100svh * var(--tpt-banner-scroll-total))}.tpt-banner-scroll__sticky{position:sticky;top:0;width:100%;height:100vh;height:100svh;overflow:hidden}.tpt-banner-scroll__slider{position:relative;width:100%;height:100%}tpt-banner-scroll-item{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 35%;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity var(--tpt-banner-scroll-transition) var(--tpt-banner-scroll-ease),transform var(--tpt-banner-scroll-transition) var(--tpt-banner-scroll-ease),visibility var(--tpt-banner-scroll-transition);pointer-events:none}tpt-banner-scroll-item.is-active{z-index:1;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.tpt-banner-scroll__media{position:relative;min-width:0;height:100%;overflow:hidden;display:block!important;background:rgba(var(--color-foreground),.1)}.tpt-banner-scroll__media img,.tpt-banner-scroll__media svg{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.2s var(--tpt-banner-scroll-ease)}tpt-banner-scroll-item.is-active .tpt-banner-scroll__media img,tpt-banner-scroll-item.is-active .tpt-banner-scroll__media svg{transform:scale(1)}.tpt-banner-scroll__content{display:flex;align-items:center;justify-content:center;min-width:0;padding:2rem 1.5rem;overflow-y:auto}.tpt-banner-scroll__content-inner{width:100%;max-width:560px;opacity:0;transform:translateY(28px);transition:opacity .65s ease .18s,transform .65s var(--tpt-banner-scroll-ease) .18s}tpt-banner-scroll-item.is-active .tpt-banner-scroll__content-inner{opacity:1;transform:translateY(0)}.tpt-banner-scroll__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 30px;background:#111;color:#fff;text-decoration:none;font-size:13px;font-weight:600;transition:background .25s ease,transform .25s ease}.tpt-banner-scroll__button:hover{background:#444;transform:translateY(-2px)}.tpt-banner-scroll__navigation{position:absolute;right:36px;bottom:36px;z-index:10;display:flex;gap:8px}.tpt-banner-scroll__nav{width:32px;height:3px;padding:0;border:0;background:#11111140;cursor:pointer;transition:width .3s ease,background .3s ease}.tpt-banner-scroll__nav.is-active{width:48px;background:#111}.tpt-banner-scroll__counter{display:none;position:absolute;left:36px;bottom:32px;z-index:10;color:#111;font-size:12px;letter-spacing:.12em}.tpt-banner-scroll__progress{display:none;position:absolute;top:0;right:0;z-index:10;width:4px;height:100%;background:#1111111a}.tpt-banner-scroll__progress-bar{width:100%;height:0;background:#111;transition:height var(--tpt-banner-scroll-transition) var(--tpt-banner-scroll-ease)}.tpt-banner-scroll__hint{display:none;position:absolute;left:50%;bottom:28px;z-index:10;transform:translate(-50%);color:#777;font-size:10px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.tpt-banner-scroll__content-inner{display:flex;flex-direction:column;gap:1rem}.tpt-banner-scroll__content-inner>*{margin:0}.tpt-banner-scroll__buttons{display:flex;gap:1rem}.tpt-banner-scroll__description+.tpt-banner-scroll__buttons{margin-top:1rem}body:has(.tpt-banner-scroll:last-child) .tpt-footer-group{margin-top:0}body:has(.tpt-banner-scroll:last-child) .tpt-theme-section_container .tpt-section_content-full--width-document{padding-left:var(--desktop-padding-content-full-width)!important}body:has(.tpt-banner-scroll:last-child) .tpt-theme-section_container .tpt-section_content-full--width-document .tpt-banner-scroll__media{margin-left:calc(-1 * var(--desktop-padding-content-full-width))!important}body:has(.tpt-banner-scroll:last-child) .tpt-section_content-full--width-document .tpt-banner-scroll__sticky{overflow:visible}@media(min-width:1200px){.tpt-banner-scroll__content{padding:30px}}@media(min-width:1440px){.tpt-banner-scroll__content{padding:30px var(--desktop-padding-content-full-width)}}@media(max-width:1024px){tpt-banner-scroll-item{grid-template-columns:1fr 50%}}@media(max-width:767px){body:has(.tpt-banner-scroll:last-child) .tpt-theme-section_container .tpt-section_content-full--width-document{padding-left:0!important;padding-right:0!important}body:has(.tpt-banner-scroll:last-child) .tpt-theme-section_container .tpt-section_content-full--width-document .tpt-banner-scroll__media{margin-left:0!important;margin-right:0!important}tpt-banner-scroll-item{grid-template-columns:1fr;grid-template-rows:56% 44%}.tpt-banner-scroll__content{align-items:start;padding:24px 15px 50px}.tpt-banner-scroll__subtitle{margin-bottom:12px}.tpt-banner-scroll__description{margin-bottom:20px}.tpt-banner-scroll__navigation{right:24px;bottom:24px}.tpt-banner-scroll__counter{left:24px;bottom:20px}.tpt-banner-scroll__hint{display:none}.tpt-banner-scroll__progress{width:3px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tpt-banner-scroll.css.map */