.link-bar{--gap: .8rem;--gap-d: 2.3rem;--card-m: 104px;--card-d: 128px;--card-xl: 152px;--radius: 8px;--bg-skel: #f5f5f5;--toggle-size: 2.5rem;--toggle-border: #dfdfdf;--toggle-fill: #dedede;--toggle-ease: cubic-bezier(.215,.61,.355,1);--t-fast: .3s;--txt: #000}.link-bar--with-images .link-bar__link-item{flex-shrink:0}.link-bar__link-title{text-transform:lowercase}.link-bar__link-title:first-letter{text-transform:uppercase}.link-bar__link.link--animated-with-image{display:flex;flex-direction:column;align-items:center;gap:var(--gap);text-align:center;text-decoration:none}.link-card{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:var(--radius);background:var(--bg-skel)}.link-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--t-fast) ease}.link-card__image:hover{transform:scale(1.05)}@media (min-width:1000px){.link-bar__linklist{display:flex;flex-wrap:nowrap;gap:var(--gap-d);transition:all var(--t-fast) ease;min-width:100%;overflow:hidden;align-items:flex-start}.link-bar__link-item{flex:0 0 auto;width:var(--card-d);margin-right:0}.link-bar__toggle-grid{position:relative;display:none;align-items:center;justify-content:center;min-width:var(--toggle-size);height:var(--toggle-size);margin-left:1rem;cursor:pointer;font-size:1.2rem;border:1px solid var(--toggle-border);color:var(--txt);background:transparent;transition:color var(--t-fast) var(--toggle-ease),opacity var(--t-fast) ease,transform var(--t-fast) ease;overflow:hidden;transform-origin:top center;z-index:1}.link-bar__toggle-grid.show{display:inline-flex;opacity:1;transform:scale(1)}.link-bar__toggle-grid:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:var(--toggle-fill);transform:translateY(110%);transition:transform var(--t-fast) var(--toggle-ease);z-index:-1}.link-bar__toggle-grid:hover:before{transform:translateY(0)}.link-bar__toggle-grid:hover{color:#fff}.link-bar__toggle-grid .icon-plus{display:inline}.link-bar__toggle-grid .icon-minus,.link-bar--grid .link-bar__toggle-grid .icon-plus{display:none}.link-bar--grid .link-bar__toggle-grid .icon-minus{display:inline}.link-bar--grid .link-bar__linklist{flex-wrap:wrap;justify-content:flex-start}.link-bar--grid .link-bar__link-item{margin-bottom:1rem}.link-bar__image{width:var(--card-d);height:var(--card-d)}}@media (min-width:1440px){.link-bar__link-item{width:var(--card-xl)}.link-bar__image{width:var(--card-xl);height:var(--card-xl)}.link-bar[data-items-count="7"] .link-bar__toggle-grid{display:none!important}}@media (min-width:1600px){.link-bar[data-items-count="8"] .link-bar__toggle-grid{display:none!important}}.link-bar[data-items-count="1"] .link-bar__toggle-grid,.link-bar[data-items-count="2"] .link-bar__toggle-grid,.link-bar[data-items-count="3"] .link-bar__toggle-grid,.link-bar[data-items-count="4"] .link-bar__toggle-grid,.link-bar[data-items-count="5"] .link-bar__toggle-grid,.link-bar[data-items-count="6"] .link-bar__toggle-grid{display:none!important}.link-bar__wrapper{position:relative}.link-bar__wrapper:after{content:attr(data-debug);position:absolute;top:-20px;right:0;font-size:12px;color:#666;background:#f0f0f0;padding:2px 6px;border-radius:3px;display:none}.link-bar.debug .link-bar__wrapper:after{display:block}@media (max-width:999px){.link-bar__link-item{width:var(--card-m);margin-right:.8rem}.link-card{width:var(--card-m);padding-top:var(--card-m);background:transparent;border-radius:0}.link-card__image{border-radius:0}}.collection-desc{max-height:60px;overflow:hidden;transition:max-height var(--t-fast) cubic-bezier(.4,0,.2,1);position:relative}.collection-desc.expanded{max-height:999px}.collection-desc-toggle{display:inline-block;margin-top:6px;background:none;color:var(--txt);border:0;font:inherit;cursor:pointer;padding:0;font-weight:800;text-decoration:underline;text-underline-offset:2px}.collection-desc:not(.expanded):after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:28px;background:linear-gradient(to bottom,transparent,#fff 90%);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/53/assets/component-link-bar.css.map */
