lystia-home-types{display:block}.home-types__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-type{position:relative;display:block;aspect-ratio:1 / 1;border-radius:var(--r-photo);overflow:hidden;background:var(--plate)}.home-type img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-3) var(--ease-out)}.home-type__row{position:absolute;left:8px;bottom:8px;right:8px;display:flex;align-items:center;gap:8px}.home-type__pill,.home-type__go{background:var(--white);color:var(--ink);transition:background-color var(--dur-1)}.home-type__pill{display:inline-flex;align-items:center;height:44px;padding:0 16px;border-radius:var(--r-pill);font-size:var(--t-nav);font-weight:500;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.home-type__go{display:none;width:44px;height:44px;border-radius:50%;place-items:center;flex:none}.home-type:active .home-type__pill,.home-type:active .home-type__go{background:var(--lime)}.home-types__ctrl{display:none;align-items:center;gap:8px;order:3}.home-circle{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;background:var(--white);color:var(--ink);transition:background-color var(--dur-1),border-color var(--dur-1),opacity var(--dur-1)}.home-circle:disabled{opacity:.4}.home-types__bar{position:relative;width:160px;height:2px;background:var(--line);margin-right:8px;border-radius:1px;overflow:hidden}.home-types__thumb{position:absolute;left:0;top:0;height:100%;width:30%;background:var(--ink);will-change:transform}@media(hover:hover){.home-circle:not(:disabled):hover{background:var(--ink);color:var(--white);border-color:var(--ink)}}@media(min-width:1024px){.home-types__ctrl{display:flex}.home-head--types .home-head__text{flex:1}.home-types__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.home-types__track::-webkit-scrollbar{display:none}.home-type{flex:0 0 calc((100% - 36px) / 4.2);scroll-snap-align:start;aspect-ratio:1 / 1}.home-type__row{left:12px;bottom:12px}.home-type__pill{height:48px;padding:0 20px;font-size:16px}.home-type__go{display:grid;width:48px;height:48px}}@media(hover:hover){.home-type:hover .home-type__pill,.home-type:hover .home-type__go{background:var(--lime)}.home-type:hover img{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.home-type img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-home-types.css.map */