.scroll-horizontal{position:relative}.scroll-horizontal__content{overflow:hidden}.scroll-horizontal__scroll{display:flex;transition:transform .75s ease}@media only screen and (max-width:1199px){.scroll-horizontal__scroll{overflow-x:scroll;padding-bottom:.5rem;scroll-snap-type:x mandatory}.scroll-horizontal__scroll>*{scroll-snap-align:start}}.scroll-horizontal--no-transition .scroll-horizontal__scroll{transition:none}.scroll-horizontal__btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffbf;border:1px solid grey;border-radius:50%;box-shadow:1px 1px 4px #00000040;cursor:pointer;padding:1rem;position:absolute;top:50%;transition:visibility .2s,opacity .2s,transform .2s ease-out;z-index:1}.scroll-horizontal__btn:hover .scroll-horizontal__btn-icon{opacity:.8}.scroll-horizontal__btn-icon{display:block;font-size:0;opacity:.5;transition:opacity .1s}.scroll-horizontal__btn-icon .icon{height:1.5rem;width:1.5rem}.scroll-horizontal__btn--left{left:-1rem;transform:translate(1rem,-50%)}.scroll-horizontal__btn--right{right:-1rem;transform:translate(-1rem,-50%)}.scroll-horizontal__btn:active{transform:translateY(-45%)!important}@media only screen and (max-width:1199px){.scroll-horizontal__btn{display:none}}.scroll-horizontal--compact .scroll-horizontal__btn{padding:.75rem}.scroll-horizontal--compact .scroll-horizontal__btn-icon .icon{height:1.125rem;width:1.125rem}.scroll-horizontal--compact .scroll-horizontal__btn--left,.scroll-horizontal--compact .scroll-horizontal__btn--right{transform:translateY(-50%)}.scroll-horizontal--compact .scroll-horizontal__scroll{display:inline-flex}@media only screen and (max-width:1199px){.scroll-horizontal--compact .scroll-horizontal__scroll{display:flex;transform:none!important}}.scroll-container:hover .scroll-horizontal__btn{opacity:1;transform:translateY(-50%);visibility:visible}