.bopiko-moods{background:rgb(var(--color-background));scroll-margin-top:11rem}.bopiko-moods__inner{padding-top:var(--bopiko-moods-padding-top);padding-bottom:var(--bopiko-moods-padding-bottom)}.bopiko-moods__intro{max-width:72rem;margin:0 auto 3.6rem;text-align:center}.bopiko-moods__heading{margin:0;color:var(--bopiko-charcoal);font-size:clamp(3.6rem,4.5vw,5.6rem);line-height:1.05}.bopiko-moods__supporting-text{margin:1.4rem 0 0;color:#332c2ac2;font-size:clamp(1.6rem,1.5vw,1.9rem)}.bopiko-moods__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem}.bopiko-moods__grid--count-1{grid-template-columns:minmax(0,1fr);max-width:76rem;margin-inline:auto}.bopiko-moods__grid--count-2,.bopiko-moods__grid--count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.bopiko-moods__card{--mood-tint: var(--bopiko-lavender-soft);--mood-ink: var(--bopiko-lavender);position:relative;display:block;min-width:0;min-height:29rem;overflow:hidden;border:.1rem solid var(--bopiko-border);border-radius:var(--bopiko-radius-xl);background:linear-gradient(145deg,#fff 0%,var(--mood-tint) 100%);box-shadow:var(--bopiko-shadow-sm);color:var(--bopiko-charcoal);text-decoration:none}.bopiko-moods__card--peach{--mood-tint: var(--bopiko-peach);--mood-ink: #9b5b41}.bopiko-moods__card--blush{--mood-tint: var(--bopiko-blush);--mood-ink: #985769}.bopiko-moods__card--yellow{--mood-tint: var(--bopiko-yellow);--mood-ink: #85652d}.bopiko-moods__card--sage{--mood-tint: var(--bopiko-sage);--mood-ink: #4c7652}.bopiko-moods__card--linked{transition:transform .18s var(--bopiko-ease),box-shadow .18s ease}@media(hover:hover){.bopiko-moods__card--linked:hover{transform:translateY(-.3rem);box-shadow:var(--bopiko-shadow-md)}}.bopiko-moods__card--linked:focus-visible{outline:.3rem solid var(--bopiko-focus);outline-offset:.4rem}.bopiko-moods__card-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width:min(72%,34rem);min-height:29rem;padding:clamp(2.4rem,3vw,3.6rem)}.bopiko-moods__eyebrow{margin-bottom:1.2rem;color:var(--mood-ink);font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.bopiko-moods__card-title{margin:0;color:var(--bopiko-charcoal);font-size:clamp(2.6rem,2.8vw,3.6rem);line-height:1.08}.bopiko-moods__card-description{margin:1.4rem 0 0;color:#332c2ad1;font-size:1.6rem;line-height:1.45}.bopiko-moods__arrow{display:grid;place-items:center;width:4.4rem;height:4.4rem;margin-top:auto;border:.1rem solid currentColor;border-radius:50%;color:var(--mood-ink);font-size:2.2rem;line-height:1}.bopiko-moods__visual{position:absolute;right:1.8rem;bottom:1.8rem;display:grid;place-items:center;width:37%;aspect-ratio:1;pointer-events:none}.bopiko-moods__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:45% 55% 52% 48%/49% 42% 58% 51%;box-shadow:0 .5rem 1.8rem #332c2a17}.bopiko-moods__shape{position:absolute;display:block;border-radius:50%}.bopiko-moods__shape--back{top:6%;right:0;bottom:0;left:6%;background:var(--mood-tint);transform:rotate(-17deg) scale(1.25)}.bopiko-moods__shape--front{top:24%;right:18%;bottom:7%;left:10%;border:.2rem solid color-mix(in srgb,var(--mood-ink) 35%,transparent);border-radius:45% 55% 57% 43%/50% 44% 56% 50%;background:#ffffff61;transform:rotate(20deg)}.bopiko-moods__spark{position:relative;color:var(--mood-ink);font-size:clamp(4rem,5vw,7rem);line-height:1;opacity:.55}.bopiko-moods__editor-note{margin:0;padding:3rem;border:.1rem dashed var(--bopiko-border);border-radius:var(--bopiko-radius-md);text-align:center}@media screen and (max-width:989px){.bopiko-moods__grid,.bopiko-moods__grid--count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.bopiko-moods__grid--count-1{grid-template-columns:minmax(0,1fr)}.bopiko-moods__grid:not(.bopiko-moods__grid--count-1)>:last-child:nth-child(odd){grid-column:1 / -1}}@media screen and (max-width:749px){.bopiko-moods__inner{padding-top:min(var(--bopiko-moods-padding-top),5.6rem);padding-bottom:min(var(--bopiko-moods-padding-bottom),5.6rem)}.bopiko-moods__intro{margin-bottom:2.6rem}.bopiko-moods__grid,.bopiko-moods__grid--count-1,.bopiko-moods__grid--count-2,.bopiko-moods__grid--count-4{grid-template-columns:minmax(0,1fr);gap:1.4rem}.bopiko-moods__grid:not(.bopiko-moods__grid--count-1)>:last-child:nth-child(odd){grid-column:auto}.bopiko-moods__card,.bopiko-moods__card-copy{min-height:21rem}.bopiko-moods__card-copy{width:72%;padding:2.2rem}.bopiko-moods__card-title{font-size:clamp(2.4rem,7vw,3rem)}.bopiko-moods__card-description{margin-top:.8rem;font-size:1.4rem}.bopiko-moods__visual{right:1.2rem;bottom:1.2rem;width:32%}}@media screen and (max-width:359px){.bopiko-moods__card-copy{width:74%;padding:1.8rem}.bopiko-moods__visual{right:.8rem;bottom:.8rem;width:29%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-bopiko-moods.css.map */