.v-crail{--crail-gap: 0px;--crail-radius: 0;display:block;grid-column:1 / -1;width:100%;padding:0 0 var(--sp-6, 24px);background:var(--paper, #fff)}.v-col>.v-crail{grid-column:1 / -1}.tz-screen__body>.v-crail{margin-left:calc(-1 * var(--sp-4, 1rem));margin-right:calc(-1 * var(--sp-4, 1rem));width:auto}.v-crail__heading{margin:0 var(--page-margin, 20px) var(--sp-4, 16px);font-size:20px;font-weight:500;color:var(--ink, #111)}.v-crail__rail{position:relative}.v-crail__track{display:flex;gap:var(--crail-gap);padding:0 var(--crail-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.v-crail__track::-webkit-scrollbar{display:none}.v-crail__track:focus-visible{outline:2px solid var(--ink, #000);outline-offset:-2px}.v-crail__card{flex:0 0 calc((100% - var(--crail-gap) * 2.25) / 2.25);max-width:calc((100% - var(--crail-gap) * 2.25) / 2.25);position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--crail-radius);background:#1a1a1a;color:#fff;text-decoration:none;line-height:0;-webkit-tap-highlight-color:transparent}.v-crail__card,.v-crail__card:hover,.v-crail__card:focus{opacity:1}.v-crail__card picture{display:block;width:100%;height:100%}.v-crail__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s cubic-bezier(.22,1,.36,1)}.v-crail__shade{position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(to top,#000000c7,#0000006b 38%,#0000);pointer-events:none}.v-crail__title{position:absolute;left:12px;right:12px;bottom:12px;font-family:var(--font-body),sans-serif;font-size:14px;font-weight:500;line-height:1.25;letter-spacing:-.03em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.v-crail__arrow{position:absolute;top:calc(50% - 20px);width:40px;height:40px;display:none;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--paper, #fff);color:var(--ink, #111);cursor:pointer;transition:opacity .2s ease-out}.v-crail__arrow--prev{left:12px}.v-crail__arrow--next{right:12px}.v-crail__arrow[data-off]{opacity:0;pointer-events:none}.v-crail--bento .v-crail__track,.v-crail--home .v-crail__track{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:var(--crail-gap);padding:0 var(--crail-gap);overflow:visible}.v-crail--bento .v-crail__card,.v-crail--home .v-crail__card{flex:none;max-width:none;width:100%;aspect-ratio:1 / 1}.v-crail--bento .v-crail__card--all,.v-crail--home .v-crail__card--all{grid-column:1 / -1;grid-row:auto;aspect-ratio:2 / 1}.v-crail--bento .v-crail__card--tall,.v-crail--home .v-crail__card--tall{grid-row:span 2;aspect-ratio:1 / 2;align-self:stretch}.v-crail--bento .v-crail__card--tall:nth-child(2n of.v-crail__card--tall),.v-crail--home .v-crail__card--tall:nth-child(2n of.v-crail__card--tall){grid-column:2}.v-crail--bento .v-crail__arrow,.v-crail--home .v-crail__arrow{display:none}.v-crail--bento .v-crail__title{font-size:16px}@media(min-width:769px){.v-crail__card{flex:0 0 calc((100% - var(--crail-gap) * 4.5) / 4.5);max-width:calc((100% - var(--crail-gap) * 4.5) / 4.5)}.v-crail__title{font-size:16px;left:14px;right:14px;bottom:14px}.v-crail__arrow{display:flex}.v-crail--home .v-crail__track{display:flex;gap:var(--crail-gap);padding:0 var(--crail-gap);overflow-x:auto;overflow-y:hidden}.v-crail--home .v-crail__card,.v-crail--home .v-crail__card--all,.v-crail--home .v-crail__card--tall{grid-column:auto;grid-row:auto;flex:0 0 calc((100% - var(--crail-gap) * 4.5) / 4.5);max-width:calc((100% - var(--crail-gap) * 4.5) / 4.5);aspect-ratio:3 / 4;align-self:auto}.v-crail--home .v-crail__arrow{display:flex}.v-crail--home .v-crail__card--all{order:99}@media(hover:hover)and (pointer:fine)and (min-width:769px){.v-crail__card:hover .v-crail__img{transform:scale(1.03)}}}@media(prefers-reduced-motion:reduce){.v-crail__img{transition:none}.v-crail__card:hover .v-crail__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/category-rail.css.map */