:root{--ts-shop-by-bg: #000000;--ts-shop-by-text-primary: #ffffff;--ts-shop-by-text-secondary: rgba(255, 255, 255, .8);--ts-shop-by-overlay: rgba(0, 0, 0, .4);--ts-shop-by-overlay-hover: rgba(0, 0, 0, .6);--ts-shop-by-border-radius: 0;--ts-shop-by-spacing-xs: .5rem;--ts-shop-by-spacing-sm: 1rem;--ts-shop-by-spacing-md: 1.5rem;--ts-shop-by-spacing-lg: 2rem;--ts-shop-by-spacing-xl: 3rem;--ts-shop-by-spacing-2xl: 4rem;--ts-shop-by-transition: all .3s cubic-bezier(.4, 0, .2, 1);--ts-shop-by-card-height: 280px;--ts-shop-by-card-height-mobile: 220px}.ts-shop-by{background:var(--ts-shop-by-bg);color:var(--ts-shop-by-text-primary);padding:3rem 0;position:relative}@media(min-width:768px){.ts-shop-by{padding:5rem 0}}.ts-shop-by__container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(min-width:640px){.ts-shop-by__container{padding:0 2.5rem}}@media(min-width:1024px){.ts-shop-by__container{padding:0 4rem}}.ts-shop-by__header{text-align:center;padding:2rem 0 3rem}.ts-shop-by__layered-title{margin:0}.ts-shop-by__layout{display:flex;flex-direction:column;gap:2rem}@media(min-width:640px){.ts-shop-by__layout{gap:2.5rem}}@media(min-width:768px){.ts-shop-by__layout{gap:3rem}}@media(min-width:1024px){.ts-shop-by__layout{gap:3.75rem}}.ts-shop-by__row{width:100%}.ts-shop-by__grid--two-cols{display:grid;grid-template-columns:1fr;gap:1.5rem}.ts-shop-by__grid--one-col{display:grid;grid-template-columns:1fr}@media(min-width:640px){.ts-shop-by__grid--two-cols{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(min-width:768px){.ts-shop-by__grid--two-cols{gap:2.5rem}}@media(min-width:1024px){.ts-shop-by__grid--two-cols{gap:3rem}}.ts-shop-by__card{position:relative;border-radius:var(--ts-shop-by-border-radius);overflow:hidden;cursor:pointer;transition:all .7s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.1)}.ts-shop-by__card--half{aspect-ratio:4/3}.ts-shop-by__card--full{aspect-ratio:16/7}@media(min-width:640px){.ts-shop-by__card--half{aspect-ratio:16/9}.ts-shop-by__card--full{aspect-ratio:18/7}}@media(min-width:768px){.ts-shop-by__card--half{aspect-ratio:2/1}}.ts-shop-by__card:hover{transform:scale(1.02);box-shadow:none}.ts-shop-by__card-inner{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-start}.ts-shop-by__card-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.ts-shop-by__card-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:var(--ts-shop-by-transition)}.ts-shop-by__card:hover .ts-shop-by__card-image{transform:scale(1.05)}.ts-shop-by__card-placeholder{width:100%;height:100%;position:relative}.ts-shop-by__card-placeholder-bg{width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.ts-shop-by__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#00000080;transition:background-color .5s ease}.ts-shop-by__card:hover .ts-shop-by__card-overlay{background:#0000004d}.ts-shop-by__card-content{position:relative;z-index:10;padding:1.25rem;width:100%}@media(min-width:640px){.ts-shop-by__card-content{padding:1.75rem}}@media(min-width:768px){.ts-shop-by__card-content{padding:2.25rem}}@media(min-width:1024px){.ts-shop-by__card-content{padding:2.5rem}}.ts-shop-by__card-title{font-size:1.125rem;font-weight:600;line-height:1.2;margin:0 0 var(--ts-shop-by-spacing-sm) 0;color:var(--ts-shop-by-text-primary);text-shadow:0 2px 4px rgba(0,0,0,.5);font-family:var(--font-noto-serif-jp);letter-spacing:-.025em}@media(min-width:640px){.ts-shop-by__card-title{font-size:1.25rem}}@media(min-width:768px){.ts-shop-by__card-title{font-size:1.5rem}}@media(min-width:1024px){.ts-shop-by__card-title{font-size:1.875rem}}@media(min-width:1280px){.ts-shop-by__card-title{font-size:3.75rem}}.ts-shop-by__card-explore{display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;margin-top:var(--ts-shop-by-spacing-sm)}.ts-shop-by__card:hover .ts-shop-by__card-explore{opacity:1;transform:translateY(0)}.ts-shop-by__card-explore-text{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media(min-width:640px){.ts-shop-by__card-explore-text{font-size:.875rem}}.ts-shop-by__card-explore-line{height:1px;background:#ffffffe6;width:1rem;transition:width .5s ease}@media(min-width:640px){.ts-shop-by__card-explore-line{width:1.25rem}}@media(min-width:768px){.ts-shop-by__card-explore-line{width:1.5rem}}.ts-shop-by__card:hover .ts-shop-by__card-explore-line{width:1.5rem}@media(min-width:640px){.ts-shop-by__card:hover .ts-shop-by__card-explore-line{width:2rem}}@media(min-width:768px){.ts-shop-by__card:hover .ts-shop-by__card-explore-line{width:2.5rem}}.ts-shop-by__card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;text-decoration:none;color:transparent}.ts-shop-by__card-link:focus{outline:2px solid var(--ts-shop-by-text-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ts-shop-by__card,.ts-shop-by__card-image,.ts-shop-by__card-overlay,.ts-shop-by__card-explore,.ts-shop-by__card-explore-line{transition:none}.ts-shop-by__card:hover,.ts-shop-by__card:hover .ts-shop-by__card-image{transform:none}.ts-shop-by__card:hover .ts-shop-by__card-explore-line{width:inherit}}@media(prefers-contrast:high){.ts-shop-by__card-overlay{background:#000c}.ts-shop-by__card:hover .ts-shop-by__card-overlay{background:#000000e6}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/ts-shop-by.css.map */