.mood-edits{position:relative;padding:var(--section-pt, 20px) 0 var(--section-pb, 34px);background:var(--color-background, var(--color-ground));color:var(--color-foreground, var(--color-ink));overflow-x:clip}.mood-tile{position:relative;display:block;flex:none;width:228px;aspect-ratio:4 / 5;border-radius:var(--radius-card);overflow:hidden;background:var(--color-img-bg);color:#fff}.mood-tile__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-slow) var(--ease-out)}.mood-tile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#6660,#0006)}.mood-tile__content{position:absolute;bottom:0;inset-inline:0;padding:16px;display:flex;flex-direction:column;background:radial-gradient(130% 150% at 30% 118%,#08080ae6,#08080ab8 45%,#08080a4d 74%,#08080a00);text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 14px rgba(0,0,0,.6);transition:transform var(--dur-base) var(--ease-out)}.mood-tile__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding-block:.12em;margin-block:-.12em;font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.15;overflow-wrap:break-word;text-wrap:balance}.mood-tile__scope{font-size:12px;line-height:18px;color:#fffffff0;margin-top:4px}@media(hover:hover)and (pointer:fine){.mood-tile:hover .mood-tile__img{transform:scale(1.05)}.mood-tile:hover .mood-tile__content{transform:translateY(-4px)}}@media(min-width:768px){.mood-rail{display:grid;grid-template-columns:repeat(var(--tiles, 4),minmax(0,1fr));gap:var(--rail-gap);overflow:visible;padding-inline:var(--gutter)}.mood-tile{width:100%}.mood-tile__content{padding:20px}.mood-tile__name{font-size:24px}.mood-tile__scope{font-size:13px}}.mood-edits__rail{position:relative}.mood-nav{display:none}@media(min-width:768px){.mood-rail--scroll{display:flex;grid-template-columns:none;gap:var(--rail-gap);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;padding-inline:var(--gutter)}.mood-rail--scroll::-webkit-scrollbar{display:none}.mood-rail--scroll>.mood-tile{flex:0 0 calc((100% - var(--gutter) * 2 - var(--rail-gap) * 3.4) / 4.4);width:auto;scroll-snap-align:start}.mood-edits__rail--scroll .mood-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(26,26,26,.08);border-radius:var(--radius-pill);background:#fffffff0;color:var(--color-ink);cursor:pointer;box-shadow:0 2px 10px #00000024}.mood-nav--prev{inset-inline-start:calc(var(--gutter) - 20px)}.mood-nav--next{inset-inline-end:calc(var(--gutter) - 20px)}.mood-nav[disabled]{opacity:0;pointer-events:none}html.motion-ok .mood-nav{transition:opacity .16s var(--ease-out)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-collection-tiles.css.map */