/* icone */ .icon-button { display: flex; background-position: center; background-repeat: no-repeat; background-size: contain; flex-shrink: 0; max-width: initial; cursor: pointer; background-color: transparent; } .icon-button__grid { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.28571 1.42857V4.28571H1.42857V1.42857H4.28571ZM5.71429 18.5714V15.7143C5.71429 15.3354 5.56378 14.972 5.29587 14.7041C5.02796 14.4362 4.66459 14.2857 4.28571 14.2857H1.42857C1.04969 14.2857 0.686328 14.4362 0.418419 14.7041C0.15051 14.972 0 15.3354 0 15.7143V18.5714C0 18.9503 0.15051 19.3137 0.418419 19.5816C0.686328 19.8495 1.04969 20 1.42857 20H4.28571C4.66459 20 5.02796 19.8495 5.29587 19.5816C5.56378 19.3137 5.71429 18.9503 5.71429 18.5714ZM5.71429 11.4286V8.57143C5.71429 8.19255 5.56378 7.82919 5.29587 7.56128C5.02796 7.29337 4.66459 7.14286 4.28571 7.14286H1.42857C1.04969 7.14286 0.686328 7.29337 0.418419 7.56128C0.15051 7.82919 0 8.19255 0 8.57143V11.4286C0 11.8075 0.15051 12.1708 0.418419 12.4387C0.686328 12.7066 1.04969 12.8571 1.42857 12.8571H4.28571C4.66459 12.8571 5.02796 12.7066 5.29587 12.4387C5.56378 12.1708 5.71429 11.8075 5.71429 11.4286ZM5.71429 4.28571V1.42857C5.71429 1.04969 5.56378 0.686328 5.29587 0.418419C5.02796 0.15051 4.66459 0 4.28571 0H1.42857C1.04969 0 0.686328 0.15051 0.418419 0.418419C0.15051 0.686328 0 1.04969 0 1.42857V4.28571C0 4.66459 0.15051 5.02796 0.418419 5.29587C0.686328 5.56378 1.04969 5.71429 1.42857 5.71429H4.28571C4.66459 5.71429 5.02796 5.56378 5.29587 5.29587C5.56378 5.02796 5.71429 4.66459 5.71429 4.28571ZM12.8571 18.5714V15.7143C12.8571 15.3354 12.7066 14.972 12.4387 14.7041C12.1708 14.4362 11.8075 14.2857 11.4286 14.2857H8.57143C8.19255 14.2857 7.82919 14.4362 7.56128 14.7041C7.29337 14.972 7.14286 15.3354 7.14286 15.7143V18.5714C7.14286 18.9503 7.29337 19.3137 7.56128 19.5816C7.82919 19.8495 8.19255 20 8.57143 20H11.4286C11.8075 20 12.1708 19.8495 12.4387 19.5816C12.7066 19.3137 12.8571 18.9503 12.8571 18.5714ZM12.8571 11.4286V8.57143C12.8571 8.19255 12.7066 7.82919 12.4387 7.56128C12.1708 7.29337 11.8075 7.14286 11.4286 7.14286H8.57143C8.19255 7.14286 7.82919 7.29337 7.56128 7.56128C7.29337 7.82919 7.14286 8.19255 7.14286 8.57143V11.4286C7.14286 11.8075 7.29337 12.1708 7.56128 12.4387C7.82919 12.7066 8.19255 12.8571 8.57143 12.8571H11.4286C11.8075 12.8571 12.1708 12.7066 12.4387 12.4387C12.7066 12.1708 12.8571 11.8075 12.8571 11.4286ZM12.8571 4.28571V1.42857C12.8571 1.04969 12.7066 0.686328 12.4387 0.418419C12.1708 0.15051 11.8075 0 11.4286 0H8.57143C8.19255 0 7.82919 0.15051 7.56128 0.418419C7.29337 0.686328 7.14286 1.04969 7.14286 1.42857V4.28571C7.14286 4.66459 7.29337 5.02796 7.56128 5.29587C7.82919 5.56378 8.19255 5.71429 8.57143 5.71429H11.4286C11.8075 5.71429 12.1708 5.56378 12.4387 5.29587C12.7066 5.02796 12.8571 4.66459 12.8571 4.28571ZM11.4286 1.42857V4.28571H8.57143V1.42857H11.4286ZM18.5714 1.42857V4.28571H15.7143V1.42857H18.5714ZM4.28571 8.57143V11.4286H1.42857V8.57143H4.28571ZM11.4286 8.57143V11.4286H8.57143V8.57143H11.4286ZM18.5714 8.57143H15.7143V11.4286H18.5714V8.57143ZM4.28571 15.7143V18.5714H1.42857V15.7143H4.28571ZM11.4286 15.7143V18.5714H8.57143V15.7143H11.4286ZM18.5714 15.7143V18.5714H15.7143V15.7143H18.5714ZM15.7143 0C15.3354 0 14.972 0.15051 14.7041 0.418419C14.4362 0.686328 14.2857 1.04969 14.2857 1.42857V4.28571C14.2857 4.66459 14.4362 5.02796 14.7041 5.29587C14.972 5.56378 15.3354 5.71429 15.7143 5.71429H18.5714C18.9503 5.71429 19.3137 5.56378 19.5816 5.29587C19.8495 5.02796 20 4.66459 20 4.28571V1.42857C20 1.04969 19.8495 0.686328 19.5816 0.418419C19.3137 0.15051 18.9503 0 18.5714 0H15.7143ZM14.2857 8.57143C14.2857 8.19255 14.4362 7.82919 14.7041 7.56128C14.972 7.29337 15.3354 7.14286 15.7143 7.14286H18.5714C18.9503 7.14286 19.3137 7.29337 19.5816 7.56128C19.8495 7.82919 20 8.19255 20 8.57143V11.4286C20 11.8075 19.8495 12.1708 19.5816 12.4387C19.3137 12.7066 18.9503 12.8571 18.5714 12.8571H15.7143C15.3354 12.8571 14.972 12.7066 14.7041 12.4387C14.4362 12.1708 14.2857 11.8075 14.2857 11.4286V8.57143ZM15.7143 14.2857C15.3354 14.2857 14.972 14.4362 14.7041 14.7041C14.4362 14.972 14.2857 15.3354 14.2857 15.7143V18.5714C14.2857 18.9503 14.4362 19.3137 14.7041 19.5816C14.972 19.8495 15.3354 20 15.7143 20H18.5714C18.9503 20 19.3137 19.8495 19.5816 19.5816C19.8495 19.3137 20 18.9503 20 18.5714V15.7143C20 15.3354 19.8495 14.972 19.5816 14.7041C19.3137 14.4362 18.9503 14.2857 18.5714 14.2857H15.7143Z' fill='%233A3A3A'/%3E%3C/svg%3E%0A"); } .icon-button__list { background-image: url("data:image/svg+xml,%3Csvg width='23' height='16' viewBox='0 0 23 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.57143 14.4C6.57143 14.1878 6.65797 13.9843 6.81202 13.8343C6.96607 13.6843 7.175 13.6 7.39286 13.6H22.1786C22.3964 13.6 22.6054 13.6843 22.7594 13.8343C22.9135 13.9843 23 14.1878 23 14.4C23 14.6122 22.9135 14.8157 22.7594 14.9657C22.6054 15.1157 22.3964 15.2 22.1786 15.2H7.39286C7.175 15.2 6.96607 15.1157 6.81202 14.9657C6.65797 14.8157 6.57143 14.6122 6.57143 14.4ZM6.57143 8C6.57143 7.78783 6.65797 7.58434 6.81202 7.43431C6.96607 7.28429 7.175 7.2 7.39286 7.2H22.1786C22.3964 7.2 22.6054 7.28429 22.7594 7.43431C22.9135 7.58434 23 7.78783 23 8C23 8.21217 22.9135 8.41566 22.7594 8.56569C22.6054 8.71571 22.3964 8.8 22.1786 8.8H7.39286C7.175 8.8 6.96607 8.71571 6.81202 8.56569C6.65797 8.41566 6.57143 8.21217 6.57143 8ZM6.57143 1.6C6.57143 1.38783 6.65797 1.18434 6.81202 1.03431C6.96607 0.884286 7.175 0.8 7.39286 0.8H22.1786C22.3964 0.8 22.6054 0.884286 22.7594 1.03431C22.9135 1.18434 23 1.38783 23 1.6C23 1.81217 22.9135 2.01566 22.7594 2.16569C22.6054 2.31571 22.3964 2.4 22.1786 2.4H7.39286C7.175 2.4 6.96607 2.31571 6.81202 2.16569C6.65797 2.01566 6.57143 1.81217 6.57143 1.6ZM1.64286 3.2C2.07857 3.2 2.49644 3.03143 2.80453 2.73137C3.11263 2.43131 3.28571 2.02435 3.28571 1.6C3.28571 1.17565 3.11263 0.768687 2.80453 0.468629C2.49644 0.168571 2.07857 0 1.64286 0C1.20714 0 0.789277 0.168571 0.481182 0.468629C0.173086 0.768687 0 1.17565 0 1.6C0 2.02435 0.173086 2.43131 0.481182 2.73137C0.789277 3.03143 1.20714 3.2 1.64286 3.2ZM1.64286 9.6C2.07857 9.6 2.49644 9.43143 2.80453 9.13137C3.11263 8.83131 3.28571 8.42435 3.28571 8C3.28571 7.57565 3.11263 7.16869 2.80453 6.86863C2.49644 6.56857 2.07857 6.4 1.64286 6.4C1.20714 6.4 0.789277 6.56857 0.481182 6.86863C0.173086 7.16869 0 7.57565 0 8C0 8.42435 0.173086 8.83131 0.481182 9.13137C0.789277 9.43143 1.20714 9.6 1.64286 9.6ZM1.64286 16C2.07857 16 2.49644 15.8314 2.80453 15.5314C3.11263 15.2313 3.28571 14.8243 3.28571 14.4C3.28571 13.9757 3.11263 13.5687 2.80453 13.2686C2.49644 12.9686 2.07857 12.8 1.64286 12.8C1.20714 12.8 0.789277 12.9686 0.481182 13.2686C0.173086 13.5687 0 13.9757 0 14.4C0 14.8243 0.173086 15.2313 0.481182 15.5314C0.789277 15.8314 1.20714 16 1.64286 16Z' fill='%233A3A3A'/%3E%3C/svg%3E"); } /* cotainer */ .toggle-product-view { display: flex; gap: 10px; } /* button remove style */ .button-toggle-view { width: 20px; height: 20px; border: none; padding: 0; opacity: 0.3; } .button-toggle-view.active { opacity: 1; } /*# sourceMappingURL=frontproductlist.css.map*/