.subcollection-nav-wrapper{margin-bottom:2.5rem;padding-top:1rem;position:relative}@media screen and (min-width:750px){.subcollection-nav-wrapper{margin-bottom:3.5rem;padding-top:1.5rem}}.subcollection-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px 15px;padding:0;margin:0}.subcollection-item{list-style:none;text-align:center;flex:0 0 auto;width:90px}@media screen and (min-width:750px){.subcollection-item{width:110px}.subcollection-nav{gap:30px 20px}}.subcollection-link{display:block;text-decoration:none;color:rgb(var(--color-foreground));transition:color .2s ease,transform .2s ease}.subcollection-link:hover{color:var(--feelori-brand-color);transform:translateY(-3px)}.subcollection-image-wrapper{display:block;width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;margin-bottom:.8rem;background-color:rgba(var(--color-foreground),.05);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));transition:box-shadow .2s ease}.subcollection-link:hover .subcollection-image-wrapper{box-shadow:calc(var(--media-shadow-horizontal-offset) * 1.5) calc(var(--media-shadow-vertical-offset) * 1.5) calc(var(--media-shadow-blur-radius) * 1.5) rgba(var(--color-shadow),calc(var(--media-shadow-opacity) * 1.5))}.subcollection-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.subcollection-image-placeholder{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.subcollection-image-placeholder .placeholder-svg{width:50%;height:50%;fill:rgba(var(--color-foreground),.5)}.subcollection-title{display:block;font-size:12px;line-height:1.3;font-weight:500;color:inherit}@media screen and (min-width:750px){.subcollection-title{font-size:13px}}@media screen and (max-width:749px){.subcollection-nav-wrapper{overflow:hidden;position:relative;padding-left:10px;padding-right:10px}.subcollection-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:15px;margin-bottom:-15px;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none}.subcollection-nav::-webkit-scrollbar{display:none;height:5px}.subcollection-item{flex:0 0 auto;width:80px;margin-right:10px}.subcollection-item:last-child{margin-right:0}.subcollection-nav-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:15px;width:40px;background:linear-gradient(to left,rgb(var(--color-background)),rgba(var(--color-background),0));pointer-events:none;z-index:2}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-subcollection-nav.css.map */