.moodie{position:relative;background-color:var(--bg);}.moodie__items{position:relative;margin:0 auto;@media (max-width:768px){scroll-snap-type:x mandatory;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;display:flex;gap:35px;padding:45px var(--gutter) var(--gutter) var(--gutter);}@media (min-width:769px){display:grid;gap:5rem;height:fit-content;padding:45px var(--gutter) 0 var(--gutter);box-sizing:border-box;max-width:var(--max-width);}}.moodie__item{background-color:var(--bg);@media (max-width:768px){scroll-snap-align:center;width:calc(100vw - (2 * var(--gutter)));flex-grow:0;flex-shrink:0;}@media (min-width:769px){display:grid;grid-template-columns:1fr 1fr;grid-row:1;grid-column:1;z-index:-1;transition:z-index .2s step-end;}}.moodie__item--active{z-index:1;}.moodie__item__title{font:var(--huge);margin:0;}.moodie__item__media img{display:block;border-radius:20px;}.moodie__nav{display:flex;align-items:center;z-index:8;@media (max-width:768px){justify-content:center;padding:0 0 var(--gutter) 0;}@media (min-width:769px){position:absolute;}}.moodie__arrow{display:none;font-size:20px;font-weight:500;background:transparent;border:none;color:var(--pen);cursor:pointer;}.moodie__dots{display:flex;gap:15px;margin:0 0 0 -1px;}.moodie__dot{width:18px;height:18px;border:1px solid var(--pen);border-radius:100%;box-sizing:border-box;cursor:pointer;transition:all .5s ease-in-out;}@media (min-width:769px){.moodie__item__title,.moodie__item__body,.moodie__item__link,.moodie__item__media{position:relative;}.moodie__item--active.moodie__item--animation-enabled .moodie__item__title::before,.moodie__item--active.moodie__item--animation-enabled .moodie__item__body::before,.moodie__item--active.moodie__item--animation-enabled .moodie__item__link::before,.moodie__item--active.moodie__item--animation-enabled .moodie__item__media::before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background-color:var(--bg);height:0;z-index:5;transition:all 1s ease-in-out;animation:moodie__trans 10s forwards;}@keyframes moodie__trans{0%{height:0;}5%{height:100%;}10%{height:0;}100%{height:0;}}.moodie__item__content{padding:var(--gutter);}.moodie__item__media{margin:0 0 -9rem auto;}.moodie__arrow{transform:rotate(90deg);}.moodie__nav{display:flex;align-items:center;margin:0 auto;padding:0 var(--gutter);max-width:var(--max-width);left:50%;bottom:calc(var(--gutter) / 2);transform:translate(-50%,-50%);gap:15px;width:100%;box-sizing:border-box;}}@media (max-width:1439px){.moodie__item__content{margin:0;padding-left:0;}}@media (min-width:1440px){.moodie__nav{padding:0 calc(var(--gutter) * 2 + 2px);}}@media (min-width:769px) and (max-width:1024px){.moodie__nav{bottom:10px;}}@media (max-width:768px){.moodie__item__content{order:2;margin-bottom:18px;}.moodie__item__media{order:1;}.moodie__dots{justify-content:center;}}