:root{--gutter: 10px}.app{padding:var(--gutter) 0;display:grid;grid-gap:var(--gutter) 0;grid-template-columns:var(--gutter) 1fr var(--gutter);align-content:start}.app::-webkit-scrollbar{display:none}@media only screen and (max-width:991px){.app{width:106%;margin-left:-13px}}.app>*{grid-column:2 / -2}.app>.full{grid-column:1 / -1}.hs{display:grid;grid-gap:calc(var(--gutter) / 2);grid-template-columns:10px repeat(6,calc(50% - var(--gutter) * 2)) 10px;grid-template-rows:minmax(150px,1fr);overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x proximity;padding-bottom:calc(.75 * var(--gutter));margin-bottom:calc(-.5 * var(--gutter))}.hs:before,.hs:after{content:""}.hide-scroll{margin-bottom:calc(-.1 * var(--gutter))}.hide-scrollbar::-webkit-scrollbar{display:none}ul{list-style:none;padding:0}.app{overflow-y:scroll}.hs>li:last-child{margin-right:20px}.menu-item{padding:0 40px;margin:5px 10px;cursor:pointer;border:none}.shop-page-modal>.ant-modal-container{border-radius:20px;overflow:hidden}.ribbon-top-right{top:-10px;right:-10px}.ribbon-top-right:before,.ribbon-top-right:after{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right:before{top:0;left:0}.ribbon-top-right:after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon{z-index:2;background-color:#2bb4fb;color:#fff;font-weight:600;position:absolute;top:0;right:0;padding:0 2em;text-align:center;transform:translateY(-100%) rotate(90deg) translate(70.71067811865476%) rotate(-45deg);transform-origin:bottom right;box-shadow:0 5px 10px #0000001a}.ribbon span{font-size:.7rem}