﻿.tl-hz-category-scroll { position:relative; min-width:0; }
:is(.tl-hz-home) :is(.tl-hz-media-grid,.tl-hz-link-grid,.tl-hz-entity-grid,.tl-hz-products) {
 display:grid!important; grid-template-columns:none!important; grid-auto-flow:column;
 grid-auto-columns:calc((100% - (var(--hz-desktop-columns,7) - 1)*var(--hz-desktop-gap,20px))/var(--hz-desktop-columns,7));
 overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scroll-snap-type:x proximity;
 scrollbar-width:none; padding-block:4px 8px;
}
:is(.tl-hz-home) :is(.tl-hz-media-grid,.tl-hz-link-grid,.tl-hz-entity-grid,.tl-hz-products)::-webkit-scrollbar {display:none;}
:is(.tl-hz-home) :is(.tl-hz-media-grid,.tl-hz-link-grid,.tl-hz-entity-grid,.tl-hz-products) > * { scroll-snap-align:start; min-width:0; }
.tl-hz-category-arrow {
 position:absolute; top:calc(50% - 22px); z-index:3; width:40px; height:44px;
 display:grid; place-items:center; padding:0; border:1px solid var(--line,#d7e1ea);
 border-radius:14px; color:var(--hz-ink,#173f69); background:color-mix(in srgb,var(--tl-color-surface,#fff) 65%,transparent);
 backdrop-filter:blur(8px); cursor:pointer; box-shadow:0 2px 12px #00000012;
}
.tl-hz-category-arrow.is-left {left:2px;} .tl-hz-category-arrow.is-right {right:2px;}
.tl-hz-category-arrow svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;}
.tl-hz-category-arrow:disabled {opacity:0;pointer-events:none;}
.tl-hz-category-arrow:focus-visible {outline:2px solid var(--primary,#173f69);outline-offset:2px;}
@media(max-width:840px) {
 :is(.tl-hz-home) :is(.tl-hz-media-grid,.tl-hz-link-grid,.tl-hz-entity-grid,.tl-hz-products) {
 grid-auto-columns:calc((100% - (var(--hz-mobile-columns,3) - 1)*var(--hz-mobile-gap,10px))/var(--hz-mobile-columns,3));
 }
 .tl-hz-category-arrow {width:32px;height:38px;}
}
/* TL_HOME_ARROWS_ONLY_V3_START */
.tl-hz-home .tl-hz-category-scroll > .tl-hz-category-arrow {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: var(--hz-ink, var(--tl-color-text, #173f69)) !important;
}
.tl-hz-home .tl-hz-category-scroll > .tl-hz-category-arrow svg {
    filter: drop-shadow(0 0 2px var(--tl-color-bg, #fff));
}
/* TL_HOME_ARROWS_ONLY_V3_END */
