#shop-by-persona .one-sbp-main{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}#shop-by-persona .one-sbp-card img{width:100%;display:flex;aspect-ratio:1;object-fit:cover;object-position:center;transition:all .6s cubic-bezier(.4,0,.2,1)}#shop-by-persona .one-sbp-card:hover img{scale:1.1}#shop-by-persona .one-sbp-card{border-radius:7px;overflow:hidden;position:relative;box-shadow:1px 4px 7px #0003}#shop-by-persona .one-sbp-overlay{position:absolute;top:0;height:100%;width:100%;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:start}#shop-by-persona .one-sbp-overlay span{color:#fff;font-size:21px}#shop-by-persona .one-sbp-card:hover .shop-arrow-animation{left:50%}#shop-by-persona .one-sbp-card:hover .shop-arrow-one,#shop-by-persona .one-sbp-card:hover .shop-arrow-atom{transform:translate(100%)}#shop-by-persona 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)}#shop-by-persona .arrow-animation{display:flex;position:relative}#shop-by-persona .arrow-animation-one{background:#fff;border-radius:100%;overflow:hidden;padding:4px}#shop-by-persona .arrow-animation-atom{background:#000;border-radius:100%;overflow:hidden}#shop-by-persona .shop-arrow{display:flex;transition:rotate .1s linear}#shop-by-persona .shop-arrow-atom svg path{fill:#fff!important}#shop-by-persona .shop-arrow-atom-animation svg path{fill:#fff!important}#shop-by-persona .shop-arrow-atom,#shop-by-persona .shop-arrow-one{padding:4px;border-radius:100%;transition:all .2s cubic-bezier(.4,0,.2,1)}#shop-by-persona .shop-arrow svg{height:20px!important;width:20px!important}@media screen and (max-width:768px){#shop-by-persona .one-sbp-main{grid-template-columns:1fr 1fr;gap:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/162/assets/tw-shopbypersona.css.map */