@property --mood-c{syntax: "<color>"; inherits: true; initial-value: #214d6c;}@property --mood-soft{syntax: "<color>"; inherits: true; initial-value: #f2ede3;}.mood-hero{position:relative;background:var(--mood-soft);transition:background .4s ease}.mood-hero:before{content:"";display:block;width:40px;height:3px;background:var(--mood-c);border-radius:2px;transition:background .4s ease}.mood-hero__script{font-family:var(--script);color:var(--mood-c);line-height:1;transition:color .4s ease}.fn-moodnav{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.fn-moodnav a{font-family:var(--sans);font-weight:500;font-size:13.5px;white-space:nowrap;padding:9px 17px;border-radius:999px;border:1px solid var(--line);color:var(--navy);background:var(--white);transition:all .2s}.fn-moodnav a:hover{background:var(--mood-c, var(--blue));border-color:var(--mood-c, var(--blue));color:var(--white)}.fn-moodnav a.is-active{background:var(--mood-c, var(--navy));color:var(--white);border-color:var(--mood-c, var(--navy))}.fn-moods{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:6px}.fn-mood{border-radius:16px;padding:20px 20px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;color:#fff;box-shadow:var(--shadow-soft);min-height:150px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.fn-mood:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.fn-mood .n{font-family:var(--sans);font-weight:600;font-size:23px;line-height:1.12}.fn-mood .d{font-size:12.5px;opacity:.93;margin-top:8px}.fn-mood .go{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}@media(max-width:900px){.fn-moods{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.fn-moods{grid-template-columns:1fr}}.fn-moods.fn-moods--slider{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:16px;padding:8px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding-left:2px}.fn-moods.fn-moods--slider::-webkit-scrollbar{display:none}.fn-moods.fn-moods--slider .fn-mood{flex:0 0 clamp(216px,21vw,250px);scroll-snap-align:start}@media(max-width:900px){.fn-moods.fn-moods--slider{grid-template-columns:none}.fn-moods.fn-moods--slider .fn-mood{flex-basis:208px}}@media(max-width:560px){.fn-moods.fn-moods--slider{grid-template-columns:none}.fn-moods.fn-moods--slider .fn-mood{flex-basis:80%}}.fn-row__mood{display:block;margin-bottom:3px;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mood-c, var(--blue))}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-mood.css.map */