.flow-collection-menu{margin:30px 0 0}.flow-collection-menu-container{overflow:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.flow-collection-menu-items{display:flex;position:relative}.flow-collection-menu-items .flickity-nav{width:32px;height:32px;top:calc(50% - 8px);transform:translateY(-50%);display:flex;opacity:1;gap:10px;margin-top:0}.flow-collection-menu-items[data-menu-count="1"] .flickity-nav,.flow-collection-menu-items[data-menu-count="2"] .flickity-nav,.flow-collection-menu-items[data-menu-count="3"] .flickity-nav{display:none}.flow-collection-menu-items .flickity-prev{left:-6px}.flow-collection-menu-items .flickity-next{right:-6px}.flow-collection-menu-items .flickity-viewport{overflow:visible}.flow-collection-menu-items.flickity-enabled{display:block}.flow-collection-menu-items a{flex:0 0 35%;width:35%;margin-right:10px;display:flex;flex-direction:column;gap:12px}.flow-collection-menu-item-media-grid{display:grid;grid-template-areas:"here";text-align:left;text-decoration:none;transition:all .3s ease;border-radius:6px;overflow:hidden}.flow-collection-menu-item-front{grid-area:here;z-index:2;color:#383838;font-weight:700;background:#fff;display:flex;flex-direction:column;gap:12px}.flow-collection-menu-item-back{grid-area:here;z-index:1;color:var(--color-accent)}.flow-collection-menu-item-back>div:only-child{height:100%}.flow-collection-menu-item-back .flow-collection-menu-item-media img{width:100%;height:100%;object-fit:cover;object-position:center}.flow-collection-menu-item-back .flow-collection-menu-item-media-image{padding:0}.flow-collection-menu-item-only{display:flex;flex-direction:column;text-align:center;transition:all .3s ease}.flow-collection-menu-item-only .flow-collection-menu-item-media,.flow-collection-menu-item-only .flow-collection-menu-item-icon{background:transparent;padding:0 0 8px}.flow-collection-menu-item-only .flow-collection-menu-item-icon img{width:40px;height:40px}.flow-collection-menu-item-only .flow-collection-menu-item-title{min-height:initial;padding:0;font-size:12px;line-height:1.2}.flow-collection-menu-item-media{background:#f4f5f5}.flow-collection-menu-item-media-image{padding:0;display:flex;align-items:center;justify-content:center}.flow-collection-menu-item-media-video{padding:0}.flow-collection-menu-item-media img{object-fit:contain;object-position:center;display:block;margin:0 auto}.flow-collection-menu-item-media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.flow-collection-menu-item-icon{background:#f4f5f5}.flow-collection-menu-item-icon-image{padding:0;display:flex;align-items:center;justify-content:center}.flow-collection-menu-item-icon-video{padding:0}.flow-collection-menu-item-icon img{width:48px;height:48px;object-fit:contain;object-position:center;display:block;margin:0 auto}.flow-collection-menu-item-icon video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.flow-collection-menu-item-title{flex:1;display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.2}.flow-collection-menu-item-title strong{font-weight:700;font-size:14px}.flow-collection-menu-items a:hover .flow-collection-menu-item-front{z-index:1}.flow-collection-menu-items a:hover .flow-collection-menu-item-back{z-index:2}@media only screen and (max-width:450px){.flow-collection-menu-items a:hover .flow-collection-menu-item-back{z-index:0}}@media only screen and (min-width:768px){.flow-collection-menu{margin:40px 0 0}.flow-collection-menu-items[data-menu-count="4"] .flickity-nav,.flow-collection-menu-items[data-menu-count="5"] .flickity-nav{display:none}.flow-collection-menu-items .flickity-nav{opacity:0}.flow-collection-menu-items .flickity-nav:hover{opacity:1}.flow-collection-menu-items .flickity-prev{left:-22px}.flow-collection-menu-items .flickity-next{right:-22px}.flow-collection-menu-items a{flex:0 0 18%;width:18%;max-width:280px}.flow-collection-menu-item-media-image,.flow-collection-menu-item-icon-image{padding:0}.flow-collection-menu-item-icon img{width:80px;height:80px}.flow-collection-menu-item-title{font-size:14px}}.flow-collection-content-v2{margin:30px 0 0}.flow-collection-content-v2 h1{margin:0;font-size:24px;font-weight:700;line-height:1.2}.flow-collection-content-v2-content{margin:10px 0 0;color:#6a7282;font-size:14px;font-weight:500;line-height:1.2}@media only screen and (min-width:768px){.flow-collection-content-v2{margin:40px 0 0}.flow-collection-content-v2-content{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/265/assets/flow-collection.css.map */
