.Home_heroSectionContainer__u3U87,.Home_midSectionContainer__sC0gB{display:flex;flex-direction:column;align-items:center;gap:80px;width:100%}.Home_midSectionContainer__sC0gB{margin-top:45px}.Home_midSectionContainer__sC0gB .Home_categoryCardWrapper__kX2c_{position:relative;width:clamp(8rem,30vw,15rem);aspect-ratio:240/360;height:auto;margin:5px}.Home_midSectionContainer__sC0gB .Home_categoryCardWrapper__kX2c_:before{content:"";position:absolute;top:21.4px;right:19px;width:calc(100% - 2.2rem);height:calc(100% - 2.6rem);box-shadow:0 0 19px 5px rgba(0,0,0,.75);background-color:transparent}.Home_midSectionContainer__sC0gB .Home_categoryCardWrapper__kX2c_ .Home_categoryCard__p2VD8{clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);display:flex;flex-direction:column;align-items:center;width:100%;height:100%;background-color:var(--background-primary);transition:background-color .3s ease;font-weight:600}.Home_midSectionContainer__sC0gB .Home_categoryCardWrapper__kX2c_ .Home_categoryCard__p2VD8 span{display:flex;align-items:center;max-width:10rem;height:100%;text-align:center;align-self:center;font-size:clamp(1rem,3.3vw,1.6rem);line-height:50px;color:var(--text-secondary)}.Home_midSectionContainer__sC0gB .Home_categoryCardWrapper__kX2c_ .Home_categoryCard__p2VD8 .Home_imageContainer__IJew5{width:100%;height:100%;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.Home_midSectionContainer__sC0gB .Home_categoryCardWrapper__kX2c_ .Home_categoryCard__p2VD8 img{max-width:15rem;width:100%;height:auto}@media(width <= 31.25rem){.Home_midSectionContainer__sC0gB .Home_categoryCardWrapper__kX2c_ .Home_categoryCard__p2VD8,.Home_midSectionContainer__sC0gB .Home_categoryCardWrapper__kX2c_ .Home_categoryCard__p2VD8 .Home_imageContainer__IJew5{width:100%;height:100%;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}}.swiperContainer{position:relative;align-self:center;width:100%;height:100%;padding:0 20px;box-sizing:border-box}.swiperContainer .swiperSpinnerContainer{display:flex;position:absolute;top:0;right:0;background-color:#fff;width:100%;height:100%;z-index:1000;justify-content:center;align-items:center}.swiperContainer .swiperSpinnerContainer .spinner{width:2rem;height:2rem;border-radius:50%;box-sizing:border-box;border-top:2px solid var(--placeholder-color);border-left:2px solid var(--placeholder-color);border-right:2px solid rgba(255,255,0,0);animation:loader .7s linear infinite}.swiperContainer .swiperSpinnerContainer{width:100.1%;height:100.1%;background-color:var(--border-color);z-index:5}.swiperContainer .swiperSpinnerContainer .spinner{border-top:2px solid var(--origin-blue);border-left:2px solid var(--origin-blue)}.swiperContainer .noImages{background-color:var(--placeholder-color);width:100vw;height:auto;aspect-ratio:2.74/1}.swiperContainer .mainSwiper{width:100%;height:100%;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)}.swiperContainer .mainSwiper img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.swiperContainer button{width:100%;height:100%;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px);cursor:pointer;position:absolute;z-index:2;width:4.375rem;height:4.375rem;background-color:rgba(var(--border-color),.7);text-align:center;font-size:1.5625rem;top:50%;transform:translateY(-50%);color:var(--text-primary);transition:all .15s ease}.swiperContainer button:hover{background-color:rgba(var(--border-color),.6)}.swiperContainer button:first-of-type{left:30px}.swiperContainer button:last-of-type{right:30px}@media(width <= 90.625rem){.swiperContainer{width:100%}}@media(width <= 56.25rem){.swiperContainer .noImages{background-color:var(--placeholder-color);width:100vw;height:auto;aspect-ratio:1.84/1}.swiperContainer button{width:100%;height:100%;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);width:4.075rem;height:4.075rem;font-size:1.3625rem}.swiperContainer button:first-of-type{left:30px}.swiperContainer button:last-of-type{right:30px}}@media(width <= 37.5rem){.swiperContainer{padding:0 10px}.swiperContainer .mainSwiper{width:100%;height:100%;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px)}.swiperContainer .swiperSpinnerContainer .spinner{width:1.6rem;height:1.6rem}.swiperContainer button{width:100%;height:100%;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);font-size:1.1625rem;width:2.775rem;height:2.775rem}.swiperContainer button:first-of-type{left:15px}.swiperContainer button:last-of-type{right:15px}}@media(width <= 25rem){.swiperContainer button{width:100%;height:100%;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);font-size:.8625rem;width:2.475rem;height:2.475rem}}