.category{border:1px solid #d5d5d5;border-radius:.25rem;display:block;padding:2rem .5rem 1.5rem;text-decoration:none;transition:box-shadow .2s}@media only screen and (max-width:1024px){.category{padding:.75rem .5rem}}@media only screen and (max-width:425px){.category{padding:.75rem 0}}@media(hover:hover){.category:hover{box-shadow:0 5px 30px -20px #404040cc}.category:hover .category__title{color:#ff4800}}.category__image-container{height:140px;margin-bottom:2rem;text-align:center;width:100%}@media only screen and (max-width:1024px){.category__image-container{margin:0 auto .75rem;width:140px}}.category__image{max-height:140px;max-width:140px}.category__title{color:#3e445b;font-size:1rem;font-weight:700;margin:0;text-align:center;transition:color .1s}.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}