@property --flechas-ini{syntax:"<length>";inherits:false;initial-value:0}@property --flechas-fin{syntax:"<length>";inherits:false;initial-value:0}.flechas{--flechas-size:40px;--flechas-y:50%;--flechas-x-ini:0px;--flechas-x-fin:0px;--flechas-fundido:64px;position:relative}@media (hover:hover) and (pointer:fine){.flechas>:not(.flechas__btn){-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--flechas-ini), #000 calc(100% - var(--flechas-fin)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--flechas-ini), #000 calc(100% - var(--flechas-fin)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--flechas-ini), #000 calc(100% - var(--flechas-fin)), transparent);transition:--flechas-ini var(--dur-base) var(--ease-out), --flechas-fin var(--dur-base) var(--ease-out)}.flechas[data-prev]>:not(.flechas__btn){--flechas-ini:var(--flechas-fundido);scroll-padding-inline-start:calc(var(--flechas-x-ini) + var(--flechas-size) + 8px)}.flechas[data-next]>:not(.flechas__btn){--flechas-fin:var(--flechas-fundido);scroll-padding-inline-end:calc(var(--flechas-x-fin) + var(--flechas-size) + 8px)}.flechas__btn{top:var(--flechas-y);z-index:3;width:var(--flechas-size);height:var(--flechas-size);margin-top:calc(var(--flechas-size) / -2);border:1px solid var(--black);transition:border-color var(--dur-base) var(--ease-out);background:#000;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 8px 20px -10px #00000080}:root[data-theme=dark] .flechas__btn{border-color:var(--border)}.flechas__btn img{width:calc(var(--flechas-size) * .7);height:calc(var(--flechas-size) * .7);transition:translate var(--dur-base) var(--ease-spring)}.flechas__btn--prev{left:var(--flechas-x-ini)}.flechas__btn--next{right:var(--flechas-x-fin)}.flechas__btn--next img{rotate:180deg}.flechas__btn--prev:hover img{translate:-3px}.flechas__btn--next:hover img{translate:3px}.flechas:has(>.top10){--flechas-y:calc(23px + 228px / 2);--flechas-x-ini:8px;--flechas-x-fin:8px}.flechas:has(>.chip-scroller){--flechas-size:36px;--flechas-x-ini:4px;--flechas-x-fin:4px;--flechas-fundido:56px}}@media (hover:hover) and (pointer:fine) and (min-width:1280px){.flechas:has(>.top10){--flechas-size:60px;--flechas-y:-20px;--flechas-x-fin:calc((min(100cqw, 1050px) - 100cqw) / 2);--flechas-x-ini:auto;--flechas-fundido:96px}.flechas:has(>.top10) .flechas__btn--prev{right:calc(var(--flechas-x-fin) + var(--flechas-size) + 12px)}.flechas[data-prev]>.top10:not(.flechas__btn){scroll-padding-inline-start:var(--flechas-fundido)}.flechas[data-next]>.top10:not(.flechas__btn){scroll-padding-inline-end:calc(21px + var(--flechas-fundido))}.flechas:has(>.chip-scroller){--flechas-size:40px;--flechas-x-ini:0px;--flechas-x-fin:0px;--flechas-fundido:64px}.flechas:has(>.home-chips) .flechas__btn{transition:border-color var(--dur-base) var(--ease-out), scale var(--dur-base) var(--ease-out), visibility var(--dur-base)}.home-content:has(.home-filters-panel) .flechas:has(>.home-chips) .flechas__btn{visibility:hidden;scale:0}}
