.labels-types{padding-top:var(--lp-section-space, 24px);padding-bottom:var(--lp-section-space, 24px)}.labels-types__head{position:relative;display:flex;justify-content:center;align-items:center;padding:0 var(--lp-gutter) 16px}.labels-types__title{font-family:var(--lp-display);font-weight:400;font-size:24px;line-height:1.15;text-align:center}.labels-types__nav{position:absolute;right:var(--lp-gutter);top:50%;transform:translateY(calc(-50% - 8px));display:flex;gap:8px}.labels-types__nav[hidden]{display:none}.labels-section .labels-types__arrow{--types-icon: calc(var(--types-arrow, 36px) * .22);position:relative;width:var(--types-arrow, 36px);height:var(--types-arrow, 36px);border:1px solid var(--lp-line);border-radius:50%;background:var(--lp-white);padding:0;transition:border-color .2s,opacity .2s}.labels-types__arrow:before{content:"";position:absolute;left:50%;top:50%;width:var(--types-icon);height:var(--types-icon);margin:calc(var(--types-icon) / -2) 0 0 calc(var(--types-icon) / -4);border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.labels-types__arrow--next:before{margin-left:calc(var(--types-icon) * -.75);transform:rotate(-135deg)}.labels-section .labels-types__arrow:hover{border-color:var(--lp-black)}.labels-section .labels-types__arrow:disabled{opacity:.35;cursor:default;border-color:var(--lp-line)}.labels-types__rail{--types-gap: 4px;--types-cols: 2.3;display:flex;gap:var(--types-gap);margin:0;padding:0 var(--lp-gutter);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--lp-gutter);scrollbar-width:none;overscroll-behavior-x:contain}.labels-types__rail::-webkit-scrollbar{display:none}.labels-types__item{flex:none;width:calc((100% - (var(--types-cols) - 1) * var(--types-gap)) / var(--types-cols));scroll-snap-align:start}.labels-tile{display:block}.labels-tile__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--lp-soft)}.labels-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;opacity:0;transform:scale(1.06);transition:opacity 1.2s ease,transform 7s cubic-bezier(.2,.6,.2,1)}.labels-tile__img.is-on{opacity:1;transform:scale(1)}.labels-section .labels-tile__label{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;gap:8px;padding:64px 12px 14px;color:#fff;pointer-events:none;background:linear-gradient(0deg,#000000d1,#0000)}.labels-tile__name{font-family:var(--font-body--family);font-weight:400;font-size:16px;line-height:1.15;letter-spacing:-.01em;text-transform:capitalize;border-bottom:1px solid transparent;padding-bottom:1px;transition:border-color .2s}.labels-tile:hover .labels-tile__name,.labels-tile:focus-visible .labels-tile__name{border-bottom-color:currentColor}.labels-tile:focus-visible{outline:2px solid var(--lp-black);outline-offset:2px}.labels-tile.is-active .labels-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px var(--lp-black);z-index:2}.labels-tile.is-active .labels-tile__name{border-bottom-color:currentColor}.labels-tile__clear{display:none;position:relative;flex:none;width:10px;height:10px}.labels-tile.is-active .labels-tile__clear{display:block}.labels-tile__clear:before,.labels-tile__clear:after{content:"";position:absolute;left:0;top:50%;width:10px;height:1.5px;margin-top:-.75px;background:currentColor;transform:rotate(45deg)}.labels-tile__clear:after{transform:rotate(-45deg)}@media(min-width:750px){.labels-types__rail{--types-cols: 3.3}.labels-section .labels-tile__label{padding:80px 16px 16px}.labels-tile__name{font-size:18px}}@media(min-width:990px){.labels-types__head{padding-bottom:20px}.labels-types__rail{--types-cols: 5;--types-gap: 6px}}@media(min-width:1400px){.labels-types__rail{--types-cols: 6}}@media(prefers-reduced-motion:reduce){.labels-tile__img{transform:none;transition:opacity .2s linear}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/labels-plp-types.css.map */