@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.background{align-items:center;display:flex;justify-content:center;position:relative;position:absolute}.background,.background img{height:100%;left:0;top:0;width:100%}.background img{background-color:var(--agri-white);object-fit:contain;object-fit:cover;position:relative}.background.macro-category img{filter:brightness(50%)}.default{align-items:center;display:flex;justify-content:center}.default,.default img{height:100%;position:relative;width:100%}.default img{background-color:var(--agri-white);left:0;object-fit:contain;top:0}@keyframes appearing{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes left{0%{left:0}}.menu-container-point{bottom:0;height:100%;max-width:540px;opacity:1;position:relative;top:0;visibility:visible;width:100vw;z-index:1002}.menu-container-point .sub-menu-container{background-color:var(--agri-white);height:100%;max-width:inherit;overflow:auto;position:fixed;scrollbar-width:thin;top:0;transform:translate(-100%);transition:all .3s ease-in-out;width:inherit;width:100%;z-index:2}.menu-container-point .sub-menu-container.open{transform:translateX(0)}.menu-container-point .sub-menu-container.open~.menu-backdrop{animation-name:appearing;opacity:1;visibility:visible}.menu-container-point .sub-menu-container .title-container{gap:var(--no-spacing);height:46px;position:sticky;top:0;z-index:9}.menu-container-point .sub-menu-container .title-container .text{font-size:var(--fontsize-l)}.menu-container-point .menu-views-container{display:flex;gap:var(--spacing-s);height:calc(100% - 46px);max-width:inherit;position:relative;transition:all .3s ease-in-out}.menu-container-point .menu-views-container.change{transform:translateX(calc(-100% + var(--spacing-s)*-1))}.menu-container-point .menu-backdrop{animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:ease;background-color:rgba(0,0,0,.8);height:100vh;left:0;opacity:0;position:fixed;top:0;visibility:hidden;width:100vw;z-index:1}