.hero-pagination-button{text-transform:uppercase;color:#9e9e9e;cursor:pointer;width:var(--button-width);background-color:#0000;border-style:none;padding:12px 16px}.hero-pagination-button:hover{color:#fff}.hero-nav{fill:#fff;cursor:pointer;background-color:#0000;border-style:none;align-items:center;height:100%;padding:16px;display:flex;position:absolute;top:0}.hero-nav:hover{fill:#d7d8d2}.hero-nav svg{width:40px;height:40px}.hero-nav-prev{left:0}.hero-nav-next{right:0}.hero-display{--hero-display-margin:20%;place-items:center;height:100%;position:relative}.hero-pagination-item{scroll-snap-align:center;display:block}.hero-pagination-list{--button-width:192px;box-sizing:border-box;scroll-snap-type:inline mandatory;width:100%;padding-inline-start:0;padding-inline:calc(50% - (var(--button-width)/2));scrollbar-width:none;grid-column:7/12;justify-content:flex-start;align-items:flex-end;margin-block:0;list-style-type:none;display:flex;position:absolute;inset:0 0 auto;overflow-x:auto}.hero-mask{-webkit-mask-image:linear-gradient(to right,transparent,black var(--hero-display-margin),black calc(100% - var(--hero-display-margin)),transparent);mask-image:linear-gradient(to right,transparent,black var(--hero-display-margin),black calc(100% - var(--hero-display-margin)),transparent)}.hero-scene{height:100%}