.showcase-collection-grid{display:grid;column-gap:18px;row-gap:18px;grid-auto-rows:auto;grid-auto-flow:dense}.component-showcase-collection .collection-wrap{padding-bottom:36px}.component-showcase-collection .collection-wrap .one_column_mob{grid-template-columns:repeat(1,1fr)}.component-showcase-collection .collection-wrap .two_column_mob{grid-template-columns:repeat(2,1fr)}.component-showcase-collection .collections-navigation{padding:24px 0 24px 18px;overflow:scroll}.component-showcase-collection .collections-navigation ul{display:flex;gap:15px;list-style:none;padding-left:unset}.component-showcase-collection .collections-navigation ul li:last-of-type{padding-right:20px}.fade-in{animation:fade-in .5s ease-in forwards}.fade-out{animation:fade-out .5s ease-out forwards}.component-showcase-collection .collections-navigation ul li a{text-decoration:none;display:flex;align-items:center}.component-showcase-collection .collections-navigation ul li a img{width:47px;border-radius:50%;border:1px solid #F99FC9}.component-showcase-collection .collections-navigation ul li a span{white-space:nowrap;text-decoration:none;line-height:20px;font-weight:300;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;line-height:14px;letter-spacing:.01em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#0a2540;border:1px solid #E4E4E4;border-radius:999px}.component-showcase-collection .collections-navigation ul li .section-link.active span{background-color:#23d7d6;border:1px solid #23d7d6;color:#fff}.component-showcase-collection .collections-navigation{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.component-showcase-collection .collections-navigation::-webkit-scrollbar{display:none}.component-showcase-collection .section-title{font-family:Inter,sans-serif;font-size:32px;font-weight:700;line-height:32px;letter-spacing:.01em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#0a2540;margin:72px 0 0}.view-all-btn{padding:14px 20px;background-color:#001834;border-radius:4px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:14px;letter-spacing:.015em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff;text-decoration:none;justify-self:center;grid-column:1 / -1;margin-top:18px}.view-all-btn span{position:relative}.collections-navigation-container{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.collections-navigation-container svg{z-index:11;flex:auto;width:50px}.component-showcase-collection .collections-navigation{flex:auto;position:relative;overflow-x:auto;white-space:nowrap}.component-showcase-collection .collections-navigation-container:after{content:"";position:absolute;top:0;right:0;height:100%;width:70px;background:linear-gradient(to left,#fff,#fff0);pointer-events:none;z-index:10}@media screen and (min-width: 993px){.collections-navigation-container svg{display:none}.component-showcase-collection .collections-navigation ul{gap:15px;justify-content:center;margin:unset}.component-showcase-collection .section-title{margin:120px 0 4px}.component-showcase-collection .collections-navigation{padding:36px 0 40px 36px}.component-showcase-collection .collection-wrap{padding:0 7.5vw 36px}.component-showcase-collection .collection-wrap .showcase-collection-grid{column-gap:30px;row-gap:30px;max-width:1800px;margin:auto}.component-showcase-collection .collection-wrap .three_column_desk{grid-template-columns:repeat(3,minmax(0,1fr))}.component-showcase-collection .collection-wrap .four_column_desk{grid-template-columns:repeat(4,minmax(200px,1fr))}.component-showcase-collection .collection-wrap .five_column_desk{grid-template-columns:repeat(5,minmax(180px,1fr))}.view-all-btn{margin-top:unset}.component-showcase-collection .collections-navigation ul{flex-wrap:wrap}}@media (min-width: 993px) and (max-width: 1300px){.component-showcase-collection .collection-wrap .four_column_desk{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.component-showcase-collection .collection-wrap .five_column_desk{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media screen and (min-width: 1600px){.component-showcase-collection .collection-wrap .showcase-collection-grid{grid-template-columns:repeat(5,minmax(180px,1fr))}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/component-showcase-collection.css.map */