.title-with-image{--title-with-image-additional-z-index: 3;--title-with-image-content-z-index: 4}.title-with-image .title-with-image__heading{overflow:hidden}.title-with-image .title-with-image__heading-inner{display:block}.title-with-image.need-animate .title-with-image__wrapper{clip-path:inset(0 0 0 100%)}.title-with-image.need-animate .title-with-image__heading-inner{transform:translateY(110%)}.title-with-image.animated .title-with-image__wrapper{animation:title-with-image-reveal var(--animate-time) var(--easing-ease) both}.title-with-image.animated .title-with-image__heading-inner{animation:title-with-image-heading-up var(--animate-time) var(--easing-ease-out) .3s both}.title-with-image.title-with-image--ticker-enabled{--title-with-image-additional-z-index: 6;--title-with-image-content-z-index: 5;--title-with-image-ticker-edge-size: 80px}.title-with-image.title-with-image--ticker-enabled .title-with-image__content{padding:0}.title-with-image.title-with-image--ticker-enabled .title-with-image__content .title-with-image__text{max-width:100%}.title-with-image.title-with-image--ticker-enabled .title-with-image__ticker{position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000000 var(--title-with-image-ticker-edge-size),#000000 calc(100% - var(--title-with-image-ticker-edge-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000000 var(--title-with-image-ticker-edge-size),#000000 calc(100% - var(--title-with-image-ticker-edge-size)),transparent 100%)}.title-with-image .title-with-image__wrapper{position:relative;display:flex;min-height:var(--title-with-image-min-height-mobile);overflow:hidden;border-radius:var(--global-border-radius)}.title-with-image .title-with-image__inner{position:relative;display:flex;align-items:center;width:100%}.title-with-image .title-with-image__inner:before{content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:var(--overlay);pointer-events:none}.title-with-image .title-with-image__background,.title-with-image .title-with-image__background-picture,.title-with-image .title-with-image__background-image{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.title-with-image .title-with-image__background{z-index:1}.title-with-image .title-with-image__background-picture{display:block}.title-with-image .title-with-image__background-image{object-fit:cover;object-position:var(--bg-mobile-pos)}.title-with-image.title-with-image--background-blur .title-with-image__background-image{filter:blur(50px)}.title-with-image .title-with-image__additional{position:absolute;top:0;left:0;z-index:var(--title-with-image-additional-z-index);display:flex;justify-content:center;align-items:flex-end;width:100%;height:100%;pointer-events:none}.title-with-image .title-with-image__additional-picture{position:relative;display:block;width:100%;padding-top:67.755%}.title-with-image .title-with-image__additional-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--additional-image-object-fit);object-position:var(--additional-img-mobile-pos)}.title-with-image .title-with-image__content{position:relative;z-index:var(--title-with-image-content-z-index);display:flex;justify-content:center;width:100%;padding:24px 16px}.title-with-image:not(.title-with-image--ticker-enabled) .title-with-image__breadcrumbs{display:flex;margin-top:84px;padding:0 16px;z-index:5}.title-with-image.title-with-image--ticker-enabled .title-with-image__breadcrumbs{position:absolute;padding:0;top:84px;inset-inline-start:16px;z-index:5}.title-with-image .title-with-image__text{width:100%;max-width:680px;text-align:var(--text-align-mobile)}.title-with-image .title-with-image__heading,.title-with-image .title-with-image__body,.title-with-image .title-with-image__body *{color:var(--text-color)}.title-with-image .title-with-image__body{margin-top:12px}.title-with-image .title-with-image__ticker{width:100%;overflow:hidden;color:var(--text-color);font-size:var(--ticker-font-size-mobile);line-height:1.2;font-weight:700}.title-with-image .title-with-image__ticker.title-with-image__ticker--offset-top{margin-top:104px}.title-with-image .title-with-image__ticker-track{display:inline-flex;align-items:center;will-change:transform;opacity:0;transition-property:opacity;transition-duration:var(--timing-base)}.title-with-image .title-with-image__ticker:not(.is-loading) .title-with-image__ticker-track{opacity:1;animation-name:title-with-image-ticker-animate;animation-duration:var(--ticker-speed-mobile);animation-timing-function:linear;animation-delay:var(--timing-base);animation-iteration-count:infinite;animation-direction:var(--ticker-direction)}.title-with-image .title-with-image__ticker-item{display:flex;align-items:center;flex-shrink:0;padding-inline-end:24px;white-space:nowrap}.title-with-image .title-with-image__ticker-item,.title-with-image .title-with-image__ticker-item *{color:inherit}.title-with-image .title-with-image__ticker:focus-within .title-with-image__ticker-track{animation-play-state:paused!important}@media(max-width:991.98px){.title-with-image .title-with-image__inner.title-with-image__inner--aspect-mobile{aspect-ratio:var(--media-aspect-ratio-mobile)}.title-with-image .title-with-image__inner:not(:has(.title-with-image__additional)){justify-content:center;padding:15px 0}.title-with-image .title-with-image__inner:not(:has(.title-with-image__additional)) .title-with-image__breadcrumbs{margin:0}.title-with-image .title-with-image__inner:not(:has(.title-with-image__additional)) .title-with-image__breadcrumbs+.title-with-image__content{padding-top:24px}.title-with-image .title-with-image__inner:not(:has(.title-with-image__additional)) .title-with-image__content{padding-bottom:0;padding-top:0}.title-with-image:not(.title-with-image--ticker-enabled) .title-with-image__inner{flex-direction:column;align-items:stretch}.title-with-image:not(.title-with-image--ticker-enabled) .title-with-image__content{order:1}.title-with-image:not(.title-with-image--ticker-enabled) .title-with-image__additional{position:relative;top:auto;left:auto;order:2;height:auto}.title-with-image:not(.title-with-image--ticker-enabled) .title-with-image__additional-picture{width:100%}}@media(min-width:992px){.title-with-image .title-with-image__wrapper{min-height:calc(var(--title-with-image-min-height-desktop) * .8)}.title-with-image .title-with-image__inner.title-with-image__inner--aspect-desktop{aspect-ratio:var(--media-aspect-ratio-desktop)}.title-with-image .title-with-image__background-image{object-position:var(--bg-desktop-pos)}.title-with-image .title-with-image__additional-image{object-position:var(--additional-img-desktop-pos)}.title-with-image .title-with-image__additional{justify-content:var(--additional-image-position-desktop);padding:0 80px}.title-with-image .title-with-image__additional-picture{width:min(54%,800px);padding-top:35.0966%}.title-with-image .title-with-image__body{margin-top:24px}.title-with-image .title-with-image__content{justify-content:var(--text-block-position-desktop);padding:66px 80px 48px}.title-with-image .title-with-image__breadcrumbs{position:absolute;top:30px;inset-inline-start:32px}.title-with-image:not(.title-with-image--ticker-enabled) .title-with-image__breadcrumbs{margin-top:74px;inset-inline-start:16px}.title-with-image.title-with-image--ticker-enabled .title-with-image__breadcrumbs{top:104px;inset-inline-start:32px}.title-with-image .title-with-image__text{text-align:var(--text-align-desktop)}.title-with-image .title-with-image__ticker{font-size:var(--ticker-font-size-desktop)}.title-with-image .title-with-image__ticker.title-with-image__ticker--offset-top{margin-top:0}.title-with-image .title-with-image__ticker:not(.is-loading) .title-with-image__ticker-track{animation-duration:var(--ticker-speed-desktop)}.title-with-image.title-with-image--ticker-enabled{--title-with-image-ticker-edge-size: 320px}.title-with-image .title-with-image__ticker-item{padding-inline-end:48px}}@media(min-width:992px){.title-with-image .title-with-image__wrapper{min-height:var(--title-with-image-min-height-desktop)}}body.rtl .title-with-image{--animate-end: 50%}@keyframes title-with-image-reveal{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes title-with-image-ticker-animate{0%{transform:translate(0)}to{transform:translate(var(--animate-end, -50%))}}#MainContent:has(.title-with-image__breadcrumbs)>.breadcrumb{display:none}@keyframes title-with-image-heading-up{0%{transform:translateY(110%)}to{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/title-with-image.build.css.map */
