.section--collection-image-nav{--nav-icon-size: 80px;--nav-card-size: 14rem}.collection-image-nav{display:flex;flex-wrap:nowrap;align-items:flex-end;overflow-x:auto;gap:2rem;padding-block:.5rem;scrollbar-width:thin;scrollbar-color:rgba(84,49,29,.4) rgba(84,49,29,.08);-webkit-overflow-scrolling:touch}.collection-image-nav--center{justify-content:center}.collection-image-nav--left{justify-content:flex-start}.collection-image-nav::-webkit-scrollbar{height:5px}.collection-image-nav::-webkit-scrollbar-track{background:#54311d14;border-radius:999px}.collection-image-nav::-webkit-scrollbar-thumb{background:#54311d59;border-radius:999px}.collection-image-nav::-webkit-scrollbar-thumb:hover{background:#54311d80}.collection-image-nav__item{flex:0 0 auto;box-sizing:border-box;width:var(--nav-card-size);height:var(--nav-card-size);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;text-decoration:none;color:inherit;background:#fff;border-radius:1.2rem;padding:1.6rem 1.4rem;box-shadow:0 .4rem 1.4rem #54311d14;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease}.collection-image-nav__item:hover{transform:translateY(-2px);box-shadow:0 .8rem 2rem #54311d24;opacity:1}.collection-image-nav__item[aria-disabled=true]{pointer-events:none;opacity:.5}.collection-image-nav__media{display:block}.collection-image-nav__image{display:block;width:100%;max-width:var(--nav-icon-size, 80px);height:auto;margin:auto;padding-bottom:8px}.collection-image-nav__label{color:inherit;white-space:nowrap;font-size:1.3rem}@media screen and (min-width:768px){.collection-image-nav{column-gap:2rem}.collection-image-nav__label{font-size:1.6rem}}@media screen and (max-width:767px){.section--collection-image-nav{--nav-card-size: 10rem;--nav-icon-size-mobile: calc(var(--nav-icon-size, 80px) * .72)}.section--collection-image-nav.page-width{padding-inline:0}.collection-image-nav{column-gap:2.4rem;justify-content:flex-start;padding-inline:1.5rem}.collection-image-nav__item{padding:.9rem .6rem}.collection-image-nav__image{max-width:var(--nav-icon-size-mobile);padding-bottom:6px}.collection-image-nav__label{font-size:1.35rem;line-height:1.1}}
/*# sourceMappingURL=/cdn/shop/t/203/assets/section-collection-image-nav.css.map */