section.u4m-category-slider{margin:85rem 0}@media screen and (max-width:768px){section.u4m-category-slider{display:none;visibility:hidden}}section.u4m-category-slider .container{margin:0 auto;max-width:1232px}section.u4m-category-slider .container.wrapper{align-items:center;display:flex;flex-direction:row}section.u4m-category-slider .slider{overflow:hidden;position:relative;width:100%}section.u4m-category-slider .slider-inner{display:flex;flex-direction:row;flex-wrap:nowrap;gap:17px;padding:10px 0;position:relative;right:0;transition:right .5s}section.u4m-category-slider .slider-item{backdrop-filter:blur(80px);background:rgba(151,86,255,.07);border-radius:10px;display:block;flex-basis:180px;flex-shrink:0;max-width:180px;transition:.1s ease-in-out}section.u4m-category-slider .slider-item:hover{background:linear-gradient(#fff,#fff) 50% 50%/calc(100% - 10px) calc(100% - 10px) no-repeat,linear-gradient(145deg,#53ff83,#9756ff);cursor:pointer;transform:translateY(-10px);transition:transform .1s ease-in-out}@media (max-width:768px){section.u4m-category-slider .slider-item{flex-basis:50%}}@media (max-width:567px){section.u4m-category-slider .slider-item{flex-basis:100%}}section.u4m-category-slider .box{align-items:center;border-radius:10px;color:#000;display:flex;flex-direction:column;flex-shrink:0;gap:10px;height:186px;padding:38px 24px}section.u4m-category-slider .box .icon span{background:#31d57c;fill:#fff;border-radius:50%;display:flex;height:52px;justify-content:center;overflow:hidden;padding:25%;width:52px}section.u4m-category-slider .box p{color:#303735;font-size:18px;font-style:normal;font-weight:700;line-height:130%;margin-top:0;text-align:center}section.u4m-category-slider .control,section.u4m-category-slider .control-container{display:flex}section.u4m-category-slider .control-container{flex-basis:20%;flex-direction:column}section.u4m-category-slider .control-container .browse-by-title{color:#303735;font-size:20px;font-style:normal;font-weight:700;line-height:120%;padding-bottom:30px}section.u4m-category-slider .control{flex-direction:row;gap:20px}section.u4m-category-slider #next,section.u4m-category-slider #prev{background-color:#fff;border:0;border-radius:50rem;font-size:20px;height:32px;outline:none;width:32px}section.u4m-category-slider #next:hover,section.u4m-category-slider #prev:hover{background-color:#7c31f4}section.u4m-category-slider #next i,section.u4m-category-slider #prev i{color:#303735}section.u4m-category-slider #next:hover i,section.u4m-category-slider #prev:hover i{color:#fff}section.u4m-category-slider button:hover{cursor:pointer}section.u4m-category-slider #prev span,section.u4m-category-slider#next span{background-color:hsla(0,0%,100%,.2);border-radius:100px;color:#fff;padding:2px 10px 3px}section.u4m-category-slider #next span{padding-bottom:5px;padding-left:12px}section.u4m-category-slider #prev span{padding-bottom:5px;padding-right:12px}.background{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 1s;width:100%;z-index:-1}.background.loaded{opacity:1}.invisible .background{opacity:0}