.mood-tiles__title{margin-bottom:clamp(28px,3cqi,44px);font-size:clamp(40px,4.8cqi,76px)}.mood-tiles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(150px,19cqi),1fr));gap:clamp(10px,1.4cqi,20px)}.mood-tile{position:relative;display:block;width:100%;aspect-ratio:3 / 4;border-radius:22px;overflow:hidden;background:var(--c-tile);color:var(--c-ink);text-align:start;--hover: var(--c-brand)}.mood-tile:hover{color:var(--c-ink)}.mood-tile--butter{--hover: var(--c-butter)}.mood-tile--mint{--hover: var(--c-mint)}.mood-tile--lilac{--hover: var(--c-lilac)}.mood-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos, 50% 50%);transform:scale(1);transition:transform 1.2s var(--ease-soft)}.mood-tile__label{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;background:var(--c-bg);transform:translateY(0);transition:background .4s ease,transform .5s var(--ease-out)}.mood-tile__sub{font-size:11px;line-height:normal;letter-spacing:.06em;text-transform:uppercase}.mood-tile__name{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--f-display);font-weight:700;font-size:clamp(17px,1.5cqi,22px);line-height:1.1;letter-spacing:-.02em}.mood-tile__arrow{display:flex;flex:none;transform:translate(0);transition:transform .45s var(--ease-out)}[dir=rtl] .mood-tile__arrow .icon{transform:scaleX(-1)}@media(hover:hover){.mood-tile:hover .mood-tile__img{transform:scale(1.07)}.mood-tile:hover .mood-tile__label{background:var(--hover);transform:translateY(-4px)}.mood-tile:hover .mood-tile__arrow{transform:translate(6px)}[dir=rtl] .mood-tile:hover .mood-tile__arrow{transform:translate(-6px)}}.mood-tile:focus-visible .mood-tile__img{transform:scale(1.07)}.mood-tile:focus-visible .mood-tile__label{background:var(--hover);transform:translateY(-4px)}.mood-tile:focus-visible .mood-tile__arrow{transform:translate(6px)}.mood-tile__placeholder{background:var(--c-tile);fill:#0000001f}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-mood-tiles.css.map */