.colored-section{background-color:rgba(var(--color-purple));padding-block:var(--spacing-10)}.section-mood-lists{height:100dvh;max-height:120rem;min-height:70rem;overflow:hidden;position:relative}.mood-lists__nav{margin-block-end:var(--spacing-5)}.mood-lists__nav ul{align-items:center;display:flex}.mood-lists__nav li+li:before{content:"/";padding-inline:.5ch}.mood-lists__nav li{align-items:center;display:flex}.mood-lists__media{transition:opacity var(--duration-short) var(--ease-default)}.mood-lists__panel a.background+.mood-lists__media{opacity:0}.mood-lists__panel a.active+.mood-lists__media{opacity:1;z-index:10}.mood-lists__panel a{z-index:11;position:relative}.mood-lists__media .media{height:100%}.mood-lists__media img{object-fit:contain}@media (prefers-reduced-motion: no-preference){.mood-lists__panel.visible li a,.mood-lists__media{animation-duration:var(--duration-medium);animation-name:fadeInAndSlideUp;animation-timing-function:var(--ease-default);animation-fill-mode:backwards;animation-delay:calc(var(--duration-short) * var(--animation-index, 1))}.mood-lists__media{animation-name:fadeInAndScaleUp;transform-origin:0}}@media screen and (max-width: 989px){.mood-lists__media{inline-size:40%;inset-inline-start:calc(50% + var(--inline-offset, 0%));margin-block-start:50%;position:absolute;transform:translate(-50%)}.mood-lists__panel{margin-block-end:150%}.mood-lists__panel li:nth-child(1){--inline-offset: -5%}.mood-lists__panel li:nth-child(2){--inline-offset: 5%}.mood-lists__panel li:nth-child(3){--inline-offset: -15%}.mood-lists__panel li:nth-child(4){--inline-offset: 15%}.mood-lists__panel li:nth-child(5){--inline-offset: -10%}.mood-lists__panel li:nth-child(6){--inline-offset: 10%}}@media screen and (min-width: 990px){.mood-lists__media{inline-size:25%;inset-inline-start:calc(50% + var(--inline-offset, 0%));max-block-size:max(1200px,100vh);position:absolute;transform:translate(-50%,-35%)}.mood-lists__panel li:nth-child(1){--inline-offset: -5%}.mood-lists__panel li:nth-child(2){--inline-offset: 5%}.mood-lists__panel li:nth-child(3){--inline-offset: -15%}.mood-lists__panel li:nth-child(4){--inline-offset: 15%}.mood-lists__panel li:nth-child(5){--inline-offset: -10%}.mood-lists__panel li:nth-child(6){--inline-offset: 10%}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-mood-lists.css.map */