#col-cat-pill .shop-arrow-one{padding:11px;border-radius:100%;transition:all .2s cubic-bezier(.4,0,.2,1)}#col-cat-pill span.shop-arrow svg{height:16px;width:16px}.tw-one-cat-main{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 3.5rem}.tw-one-cat-main a{text-decoration:none}.tw-one-cat{display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:1px 4px 7px #0003;padding:.7rem 1.5rem;border-radius:7px}.tw-one-cat img{width:65px;height:65px;object-fit:contain}.tw-one-cat-col-title{font-size:24px}.tw-one-cat-col-details{display:flex;align-items:center;gap:1rem}.tw-one-cat:hover .shop-arrow-animation{left:50%}.tw-one-cat:hover .shop-arrow-one,.tw-one-cat:hover .shop-arrow-atom{transform:translate(100%)}span.shop-arrow.shop-arrow-animation{position:absolute;top:50%;transform:translate(-50%,-50%);left:-10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.arrow-animation{display:flex;position:relative}.arrow-animation-one{border-radius:100%;overflow:hidden}.arrow-animation-atom{background:#000;border-radius:100%;overflow:hidden}.shop-arrow{display:flex;transition:rotate .1s linear}.shop-arrow-atom svg path{fill:#fff!important}.shop-arrow-atom-animation svg path{fill:#fff!important}.shop-arrow-atom,.shop-arrow-one{padding:4px;border-radius:100%;transition:all .2s cubic-bezier(.4,0,.2,1)}@media(max-width:1280px){.tw-one-cat-col-title{font-size:20px}.tw-one-cat img{height:40px;width:40px}}@media(max-width:768px){.tw-one-cat-main{grid-template-columns:1fr;gap:1rem}#col-cat-pill .shop-arrow-one{padding:6px}}
/*# sourceMappingURL=/cdn/shop/t/162/assets/tw-one-category.css.map */
