.thero{position:relative;display:block;width:100%;overflow:hidden;background-color:var(--hero-placeholder, #dcdcdc)}.thero__track{display:flex;flex-wrap:nowrap;margin:0;padding:0;list-style:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.thero__track::-webkit-scrollbar{display:none}.thero__slide{position:relative;flex:0 0 100%;width:100%;max-width:100%;margin:0;padding:0;scroll-snap-align:start;scroll-snap-stop:always}.thero__slide:focus,.thero__slide:focus-visible{outline:none}.thero__link,.thero__picture{display:block;width:100%;height:100%}.thero--fit-natural .thero__slide,.thero--fit-natural .thero__link,.thero--fit-natural .thero__picture,.thero--fit-natural .thero__image,.thero--fit-natural .thero__placeholder{height:auto;aspect-ratio:var(--hero-ratio, 2.5)}.thero--fit-cover .thero__slide,.thero--fit-cover .thero__link,.thero--fit-cover .thero__picture,.thero--fit-cover .thero__image,.thero--fit-cover .thero__placeholder,.thero--fit-contain .thero__slide,.thero--fit-contain .thero__link,.thero--fit-contain .thero__picture,.thero--fit-contain .thero__image,.thero--fit-contain .thero__placeholder{height:var(--hero-height, 540px)}.thero__image{display:block;width:100%;object-fit:cover;object-position:center var(--hero-position, center)}.thero--fit-contain .thero__image{object-fit:contain;object-position:center}.thero__placeholder{display:block;width:100%;background-color:var(--hero-placeholder, #dcdcdc)}.thero__controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.thero__controls--single{display:none}.thero__arrow,.thero__dot{pointer-events:auto}.thero .thero__arrow{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:var(--hero-arrow-size, 48px);height:var(--hero-arrow-size, 48px);margin:0;padding:0;border:0;border:1px solid var(--rail-arrow-border, #c2a366);border-radius:50%;background-color:var(--rail-arrow-bg, var(--hero-arrow-bg, rgba(255, 255, 255, .85)));color:var(--rail-arrow, var(--hero-arrow, #2b1d14));box-shadow:0 4px 14px -8px var(--rail-arrow-shade, rgba(0, 0, 0, .14));-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);cursor:pointer;transform:translateY(-50%);transition:background-color .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1)}.thero .thero__arrow--prev{left:var(--hero-arrow-side, 24px)}.thero .thero__arrow--next{right:var(--hero-arrow-side, 24px)}@media(hover:hover){.thero .thero__arrow:not([disabled]):hover{background-color:var(--rail-arrow-hover-bg, #785038);border-color:var(--rail-arrow-hover-bg, #785038);color:var(--rail-arrow-hover, #fffbf2);box-shadow:0 6px 18px -8px var(--rail-arrow-shade, rgba(0, 0, 0, .22))}}.thero__arrow .rail-nav__icon{width:52%;height:52%}@media screen and (max-width:749px){.thero--no-arrows-mobile .thero__arrow{display:none}}.thero .thero__dots{position:absolute;left:50%;bottom:var(--hero-control-inset, 24px);display:flex;align-items:center;gap:.2rem;margin:0;padding:.2rem .8rem;border-radius:999px;background-color:#0000002e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translate(-50%)}.thero__dot{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;background:none;cursor:pointer}.thero__dot:before{content:"";position:absolute;top:50%;left:-.1rem;right:-.1rem;height:4.4rem;transform:translateY(-50%)}.thero__dot .dot{display:block;width:.8rem;height:.8rem;border-radius:50%;background-color:var(--hero-dot, #ffffff);opacity:.55;transition:opacity .2s ease,width .25s ease}.thero__dot.slider-counter__link--active .dot,.thero__dot[aria-current=true] .dot{width:2.2rem;border-radius:999px;background-color:var(--hero-dot-active, #ffffff);opacity:1}.thero__dot.slider-counter__link--active,.thero__dot[aria-current=true]{width:3rem}.thero__arrow:focus-visible,.thero__dot:focus-visible{outline:2px solid var(--hero-dot-active, #ffffff);outline-offset:2px}.thero .thero__arrow .rail-nav__icon{transform:none}.thero .thero__arrow:not([disabled]):hover{color:var(--rail-arrow-hover, var(--hero-arrow, #2b1d14))}@media(prefers-reduced-motion:reduce){.thero__track{scroll-behavior:auto}.thero .thero__arrow,.thero__dot .dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hero-tyohaar.css.map */