.dayla-mood-grid{overflow:hidden;background:transparent}.dayla-mood-grid--dark{color:var(--dayla-white);background:var(--dayla-black)}.dayla-mood-grid__inner{width:100%}.dayla-mood-grid__header{display:grid;gap:12px;padding-inline:18px;margin-bottom:14px}.dayla-mood-grid__heading{max-width:62rem;margin:0;color:var(--dayla-black);font-size:clamp(26px,6vw,40px);font-weight:850;line-height:1}.dayla-mood-grid--dark .dayla-mood-grid__heading{color:var(--dayla-white)}.dayla-mood-grid__button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:36px;padding:8px 14px;color:var(--dayla-black);background:var(--dayla-white);border:1px solid var(--dayla-black);border-radius:var(--dayla-radius-pill);box-shadow:2px 2px 0 var(--dayla-accent-primary);font-size:1.1rem;font-weight:850;line-height:1;text-decoration:none;text-transform:uppercase;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.dayla-mood-grid__button--desktop{display:none}.dayla-mood-grid__button--mobile{width:min(100% - 36px,360px);min-height:44px;margin:12px auto 0;background:var(--dayla-accent-primary);box-shadow:3px 3px 0 var(--dayla-black);font-size:1.2rem}.dayla-mood-grid__button:hover,.dayla-mood-grid__button:focus-visible{background:var(--dayla-accent-primary);box-shadow:3px 3px 0 var(--dayla-accent-secondary);outline:none;transform:translate(-1px,-1px)}.dayla-mood-grid__carousel{position:relative;width:100%}.dayla-mood-grid__cards{display:grid;grid-auto-columns:minmax(270px,82vw);grid-auto-flow:column;gap:14px;width:100%;padding:4px 18px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:18px;scroll-snap-type:x mandatory;scrollbar-width:none}.dayla-mood-grid__cards::-webkit-scrollbar{display:none}.dayla-mood-grid__card{--dayla-mood-grid-accent: var(--dayla-yellow);min-width:0;scroll-snap-align:start}.dayla-mood-grid__card--accent-yellow{--dayla-mood-grid-accent: var(--dayla-yellow)}.dayla-mood-grid__card--accent-pink{--dayla-mood-grid-accent: var(--dayla-pink)}.dayla-mood-grid__card--accent-blue{--dayla-mood-grid-accent: var(--dayla-blue)}.dayla-mood-grid__card--accent-green{--dayla-mood-grid-accent: var(--dayla-green)}.dayla-mood-grid__card-link{display:block;height:100%;color:var(--dayla-black);text-decoration:none}.dayla-mood-grid--dark .dayla-mood-grid__card-link{color:var(--dayla-white)}.dayla-mood-grid__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--dayla-soft-gray);border:1.5px solid var(--dayla-black);border-radius:22px;box-shadow:4px 4px #1111111f;transition:box-shadow .17s ease,transform .17s ease}.dayla-mood-grid__card-link:hover .dayla-mood-grid__media,.dayla-mood-grid__card-link:focus-visible .dayla-mood-grid__media{box-shadow:7px 7px 0 var(--dayla-mood-grid-accent);transform:translate(-2px,-2px)}.dayla-mood-grid__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.dayla-mood-grid__card-link:hover .dayla-mood-grid__image,.dayla-mood-grid__card-link:focus-visible .dayla-mood-grid__image{transform:scale(1.035)}.dayla-mood-grid__fallback{position:relative;width:100%;height:100%;background:linear-gradient(135deg,var(--dayla-soft-gray) 0 58%,var(--dayla-white) 58% 100%)}.dayla-mood-grid__fallback-shape{position:absolute;display:block;border:2px solid var(--dayla-black);background:var(--dayla-mood-grid-accent)}.dayla-mood-grid__fallback-shape--one{top:18%;left:14%;width:42%;aspect-ratio:1;border-radius:var(--dayla-radius-pill)}.dayla-mood-grid__fallback-shape--two{right:14%;bottom:16%;width:34%;aspect-ratio:1 / 1.25;background:var(--dayla-white);border-radius:var(--dayla-radius-md)}.dayla-mood-grid__fallback-shape--three{top:54%;left:18%;width:18%;aspect-ratio:1;background:var(--dayla-black);border-radius:var(--dayla-radius-sm)}.dayla-mood-grid__accent-label{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:7px 10px;overflow-wrap:anywhere;color:var(--dayla-black);background:var(--dayla-mood-grid-accent);border:2px solid var(--dayla-black);border-radius:var(--dayla-radius-pill);box-shadow:3px 3px 0 var(--dayla-black);font-size:.82rem;font-weight:900;line-height:1;text-transform:uppercase;transform:rotate(-2deg)}.dayla-mood-grid__body{padding:14px 2px 0}.dayla-mood-grid__title{margin:0;color:currentColor;font-size:1.7rem;font-weight:900;letter-spacing:0;line-height:1.08}.dayla-mood-grid__text{display:-webkit-box;overflow:hidden;margin:7px 0 0;color:var(--dayla-muted);font-size:1.2rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dayla-mood-grid--dark .dayla-mood-grid__text{color:#ffffffb8}.dayla-mood-grid__arrow{position:absolute;top:36%;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--dayla-black);background:var(--dayla-accent-primary);border:2px solid var(--dayla-black);border-radius:var(--dayla-radius-pill);box-shadow:4px 4px 0 var(--dayla-black);cursor:pointer;font-size:2.2rem;font-weight:900;line-height:1;transition:box-shadow .16s ease,transform .16s ease}.dayla-mood-grid__arrow--previous{left:12px}.dayla-mood-grid__arrow--next{right:12px}.dayla-mood-grid__arrow:hover,.dayla-mood-grid__arrow:focus-visible{box-shadow:1px 1px 0 var(--dayla-black);outline:none;transform:translate(3px,3px)}.dayla-mood-grid__arrow:disabled{opacity:0;pointer-events:none;transform:scale(.92)}@media screen and (min-width:750px){.dayla-mood-grid__header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding-inline:32px;margin-bottom:20px}.dayla-mood-grid__button--desktop{display:inline-flex;justify-self:end}.dayla-mood-grid__button--mobile{display:none}.dayla-mood-grid__cards{grid-auto-columns:minmax(300px,28vw);gap:18px;padding-inline:32px;scroll-padding-inline:32px}.dayla-mood-grid__arrow{top:38%;width:48px;height:48px;font-size:2.5rem}.dayla-mood-grid__arrow--previous{left:18px}.dayla-mood-grid__arrow--next{right:18px}}@media screen and (min-width:1200px){.dayla-mood-grid__header{padding-inline:48px}.dayla-mood-grid__cards{grid-auto-columns:minmax(330px,23.5vw);gap:20px;padding-inline:48px;scroll-padding-inline:48px}.dayla-mood-grid__arrow--previous{left:30px}.dayla-mood-grid__arrow--next{right:30px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-dayla-mood-grid.css.map */