.tl-top-collections{padding-top:var(--tl-tc-pt, 80px);padding-bottom:var(--tl-tc-pb, 80px);background:#fff;font-family:var(--tl-font-body, "Geist", sans-serif);color:var(--tl-text-1, #191919)}.tl-top-collections .container{max-width:1440px}.tl-top-collections__header{margin-bottom:0}.tl-top-collections__intro{max-width:720px}.tl-top-collections__title{margin:0 0 16px;font-family:var(--tl-font-heading, "Geist", sans-serif);font-size:64px;font-weight:var(--tl-weight-bold, 700);line-height:68px;letter-spacing:0;color:var(--tl-grey-9, #191919)}.tl-top-collections__desc{margin:0;max-width:680px;font-size:20px;font-weight:var(--tl-weight-regular, 400);line-height:1.5;letter-spacing:0;color:var(--tl-grey-4, #828282)}.tl-top-collections__divider{position:relative;display:block;width:100%;height:6px;margin:28px 0 32px}.tl-top-collections__divider-track{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tl-grey-2, #b9b9b9)}.tl-top-collections__divider-accent{position:absolute;right:0;bottom:1px;width:12%;min-width:72px;max-width:160px;height:3px;background:var(--tl-grey-2, #b9b9b9);clip-path:polygon(5px 0,100% 0,100% 100%,0 100%)}.tl-top-collections__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--tl-tc-gap, 16px);margin:0;padding:0;list-style:none}.tl-top-collections__layout{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--tl-tc-gap, 16px)}.tl-top-collections__featured,.tl-top-collections__viewport,.tl-top-collections__track{display:contents;margin:0;padding:0;list-style:none}.tl-top-collections__dots{display:none}.tl-top-collections__item--large{grid-column:span 3}.tl-top-collections__item--small{grid-column:span 2}.tl-top-collections__card{position:relative;display:block;height:100%;min-height:280px;overflow:hidden;border-radius:6px;color:#fff;text-decoration:none;background:var(--tl-grey-1, #d8d8d8)}.tl-top-collections__item--large .tl-top-collections__card,.tl-top-collections__item--small .tl-top-collections__card{min-height:0;aspect-ratio:1 / 1}.tl-top-collections__card--static{cursor:default}.tl-top-collections__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.tl-top-collections__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}.tl-top-collections__img--placeholder{opacity:.45}.tl-top-collections__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 0% 45%,#00000059 72%,#0009);pointer-events:none;transition:background .35s ease}.tl-top-collections__content{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:20px 22px;transform:translateY(0);transition:transform .35s ease}.tl-top-collections__text{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:calc(100% - 48px)}.tl-top-collections__card-title{display:block;font-family:var(--tl-font-heading, "Geist", sans-serif);font-size:24px;font-weight:var(--tl-weight-bold, 700);line-height:1.2;letter-spacing:0;color:#fff}.tl-top-collections__card-subtitle{display:block;max-height:0;margin:0;overflow:hidden;opacity:0;font-size:14px;font-weight:var(--tl-weight-regular, 400);line-height:1.45;color:#ffffffe6;transform:translateY(10px);transition:max-height .35s ease,opacity .3s ease,transform .35s ease}.tl-top-collections__arrow{flex:0 0 auto;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#fff;border:1.5px solid transparent;border-radius:50%;transition:transform .3s ease,width .3s ease,height .3s ease,border-color .3s ease}.tl-top-collections__arrow svg,.tl-top-collections__arrow .iconfont{display:block;width:20px;height:20px;font-size:20px;line-height:1;color:inherit;transition:width .3s ease,height .3s ease,font-size .3s ease}.tl-top-collections__card:hover .tl-top-collections__img,.tl-top-collections__card:focus-visible .tl-top-collections__img{transform:scale(1.04)}.tl-top-collections__card:hover .tl-top-collections__content,.tl-top-collections__card:focus-visible .tl-top-collections__content{transform:translateY(-10px)}.tl-top-collections__card--expand:hover .tl-top-collections__content,.tl-top-collections__card--expand:focus-visible .tl-top-collections__content{align-items:center;transform:translateY(-14px)}.tl-top-collections__card--expand:hover .tl-top-collections__card-subtitle,.tl-top-collections__card--expand:focus-visible .tl-top-collections__card-subtitle{max-height:5.5em;opacity:1;transform:translateY(0)}.tl-top-collections__card:hover .tl-top-collections__arrow,.tl-top-collections__card:focus-visible .tl-top-collections__arrow{transform:translate(5px)}.tl-top-collections__card--expand:hover .tl-top-collections__arrow,.tl-top-collections__card--expand:focus-visible .tl-top-collections__arrow{width:36px;height:36px;border-color:#fffffff2;transform:translate(5px)}.tl-top-collections__card--expand:hover .tl-top-collections__arrow svg,.tl-top-collections__card--expand:focus-visible .tl-top-collections__arrow svg{width:16px;height:16px}.tl-top-collections__card--expand:hover .tl-top-collections__overlay,.tl-top-collections__card--expand:focus-visible .tl-top-collections__overlay{background:linear-gradient(180deg,#0000 0% 30%,#00000073 65%,#000000b3)}.tl-top-collections__card:focus-visible{outline:2px solid var(--tl-primary, #e40000);outline-offset:2px}.tl-top-collections__empty{margin:0;padding:24px;text-align:center;color:var(--tl-text-3, #828282);font-size:14px}@media screen and (max-width:1024px){.tl-top-collections__title{font-size:48px;line-height:52px}.tl-top-collections__card-title{font-size:20px}}@media screen and (max-width:749px){.tl-top-collections{padding-top:var(--tl-tc-pt-mb, 40px);padding-bottom:var(--tl-tc-pb-mb, 40px)}.tl-top-collections__title{font-size:32px;line-height:36px;margin-bottom:12px}.tl-top-collections__desc{font-size:14px}.tl-top-collections__divider{margin:20px 0 24px}.tl-top-collections__divider-track{height:1px}.tl-top-collections__layout{display:flex;flex-direction:column;gap:12px}.tl-top-collections__featured{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.tl-top-collections__item--large,.tl-top-collections__item--small{grid-column:auto}.tl-top-collections__item--large .tl-top-collections__card{min-height:0;aspect-ratio:1 / 1}.tl-top-collections__viewport{display:block;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}.tl-top-collections__viewport::-webkit-scrollbar{display:none}.tl-top-collections__track{display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px;width:max-content;min-height:1px;margin:0;padding:0;list-style:none}.tl-top-collections__track .tl-top-collections__item--small{flex:0 0 var(--tl-tc-card-width, 59%);width:var(--tl-tc-card-width, 59%);min-width:var(--tl-tc-card-width, 59%);max-width:var(--tl-tc-card-width, 59%);scroll-snap-align:none}.tl-top-collections__track .tl-top-collections__item--small:nth-child(odd){scroll-snap-align:start;scroll-snap-stop:always}.tl-top-collections__item--small .tl-top-collections__card{min-height:0;aspect-ratio:1 / 1}.tl-top-collections__dots{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px}.tl-top-collections__dot{display:block;box-sizing:border-box;width:10px;height:4px;border-radius:0;background:#dadada;clip-path:polygon(2px 0,100% 0,100% 50%,calc(100% - 2px) 100%,0 100%,0 50%);transition:width .25s ease,background .25s ease}.tl-top-collections__dot.is-active{width:14px;background:#7f7f7f}.tl-top-collections__overlay{background:linear-gradient(180deg,#0000 0% 35%,#00000047 62%,#0000009e)}.tl-top-collections__content{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:end;column-gap:8px;row-gap:4px;padding:14px 14px 12px;transform:none}.tl-top-collections__text{display:contents}.tl-top-collections__card-title{grid-column:1 / -1;grid-row:1;margin:0;text-align:left;font-size:18px;font-weight:var(--tl-weight-bold, 700);line-height:1.2;color:#fff}.tl-top-collections__card-subtitle{grid-column:1;grid-row:2;display:-webkit-box;max-height:none;margin:0;overflow:hidden;opacity:1;transform:none;text-align:left;font-size:12px;font-weight:var(--tl-weight-regular, 400);line-height:1.35;color:#fff;-webkit-box-orient:vertical;-webkit-line-clamp:3;pointer-events:auto}.tl-top-collections__arrow{grid-column:2;grid-row:2;align-self:end;width:16px;height:16px;margin-bottom:1px;border-color:transparent;color:#fff}.tl-top-collections__arrow svg{width:16px;height:16px}.tl-top-collections__card:not(.tl-top-collections__card--expand) .tl-top-collections__card-title{grid-column:1}.tl-top-collections__card:not(.tl-top-collections__card--expand) .tl-top-collections__arrow{grid-row:1}.tl-top-collections__item--large .tl-top-collections__card-title{font-size:18px}.tl-top-collections__item--large .tl-top-collections__card-subtitle{font-size:12px}.tl-top-collections__item--small .tl-top-collections__content{padding:12px 12px 10px}.tl-top-collections__item--small .tl-top-collections__card-title{font-size:15px;line-height:1.2}.tl-top-collections__item--small .tl-top-collections__card-subtitle{font-size:11px;line-height:1.35}.tl-top-collections__card--expand .tl-top-collections__arrow{width:16px;height:16px;border-color:transparent}.tl-top-collections__card--expand .tl-top-collections__arrow svg{width:16px;height:16px}.tl-top-collections__card:hover .tl-top-collections__content,.tl-top-collections__card:focus-visible .tl-top-collections__content,.tl-top-collections__card--expand:hover .tl-top-collections__content,.tl-top-collections__card--expand:focus-visible .tl-top-collections__content{align-items:end;transform:none}.tl-top-collections__card--expand:hover .tl-top-collections__card-subtitle,.tl-top-collections__card--expand:focus-visible .tl-top-collections__card-subtitle{max-height:none;opacity:1;transform:none}.tl-top-collections__card:hover .tl-top-collections__arrow,.tl-top-collections__card:focus-visible .tl-top-collections__arrow,.tl-top-collections__card--expand:hover .tl-top-collections__arrow,.tl-top-collections__card--expand:focus-visible .tl-top-collections__arrow{width:16px;height:16px;border-color:transparent;transform:translate(3px)}.tl-top-collections__card--expand:hover .tl-top-collections__arrow svg,.tl-top-collections__card--expand:focus-visible .tl-top-collections__arrow svg{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/component-top-collections.css.map */