.popular-ranking{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px;padding:36px 0;isolation:isolate;overflow:hidden}.popular-ranking__container{position:relative;width:100%;max-width:1920px;padding:0 70px;margin:0 auto}@media screen and (max-width:990px){.popular-ranking__container{padding:0 60px}}@media screen and (max-width:749px){.popular-ranking__container{padding:0 50px}}.popular-ranking__slides-wrapper{width:100%;overflow:hidden}.popular-ranking__slides{display:flex;gap:30px;align-items:stretch;transition:transform .5s cubic-bezier(.25,.1,.25,1)}@media screen and (max-width:749px){.popular-ranking__slides{gap:8px;padding-left:12%;padding-right:12%}}.popular-ranking__slide{flex-shrink:0;width:300px;display:flex;align-items:stretch;padding:10px}@media screen and (max-width:749px){.popular-ranking__slide{flex:0 0 100%;width:auto;padding:10px 0;display:grid;align-items:stretch;justify-items:center}}.popular-ranking .mizar-card{width:100%;height:100%;min-height:434px}@media screen and (max-width:749px){.popular-ranking .mizar-card{width:min(100%,280px);min-height:0}}.popular-ranking .mizar-card__image-wrapper{aspect-ratio:1 / 1}.popular-ranking__nav-button{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:22px;background:#fffffff2;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;cursor:pointer;z-index:10;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.popular-ranking__nav-button:hover:not(:disabled){transform:translateY(-50%) scale(1.05);box-shadow:0 6px 10px -1px #00000026,0 4px 6px -2px #0000001a}.popular-ranking__nav-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.popular-ranking__nav-button:disabled{opacity:.4;cursor:not-allowed}.popular-ranking__nav-button--prev{left:15px}.popular-ranking__nav-button--next{right:15px}@media screen and (max-width:749px){.popular-ranking__nav-button{width:40px;height:40px;border-radius:20px}.popular-ranking__nav-button--prev{left:8px}.popular-ranking__nav-button--next{right:8px}}.popular-ranking__nav-button svg{width:24px;height:24px;color:#2563eb}@media screen and (max-width:749px){.popular-ranking__nav-button svg{width:20px;height:20px}}.popular-ranking__view-all{display:flex;justify-content:center;margin-top:10px}.popular-ranking__view-all .button{min-width:200px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-popular-ranking.css.map */