.playful-image-text{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);width:min(100%,82rem);min-width:0;margin-inline:auto;color:var(--color-ink)}.playful-image-text__visual{--playful-clearance: clamp(1rem, 2vw, 1.5rem);position:relative;min-width:0;padding:var(--playful-clearance)}.playful-image-text__mask{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-card-media)}.playful-image-text__mask--circle{border-radius:50%}.playful-image-text__mask--star{clip-path:polygon(50% 0%,61.8% 33.8%,97.6% 34.5%,69.1% 57.9%,79.4% 90.5%,50% 70%,20.6% 90.5%,30.9% 57.9%,2.4% 34.5%,38.2% 33.8%)}.playful-image-text__mask--rounded{border-radius:clamp(1rem,2vw,2rem)}.playful-image-text__mask--rounded.playful-image-text__ratio--adapt{aspect-ratio:var(--playful-natural-ratio, 1)}.playful-image-text__mask--rounded.playful-image-text__ratio--portrait{aspect-ratio:4 / 5}.playful-image-text__mask--rounded.playful-image-text__ratio--landscape{aspect-ratio:4 / 3}.playful-image-text__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.playful-image-text__placeholder{color:var(--color-ink);opacity:.35}.playful-image-text__badges{position:absolute;inset:calc(var(--playful-clearance) + .75rem);pointer-events:none}.playful-image-text__badge{position:absolute;top:var(--badge-y);left:var(--badge-x);max-width:44%;transform:translate(var(--badge-shift-x),var(--badge-shift-y))}.playful-image-text__badge-label{display:grid;place-items:center;min-width:0;padding:.7em 1.3em;border-radius:var(--style-border-radius-pill);background:var(--badge-background);color:var(--badge-color);text-align:center;transform:rotate(var(--badge-angle))}.playful-image-text__badge-label>span{display:-webkit-box;max-width:100%;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.playful-image-text__badge-label--circle{width:clamp(4.5rem,10vw,6rem);max-width:100%;aspect-ratio:1;padding:.6rem;border-radius:50%}.playful-image-text__badge-label--circle>span{-webkit-line-clamp:2}.playful-image-text--animated .playful-image-text__badge-float{animation-name:playful-badge-float,playful-badge-drift,playful-badge-sway;animation-duration:4s,5.6s,6.8s;animation-timing-function:cubic-bezier(.37,0,.63,1);animation-iteration-count:infinite;animation-delay:var(--badge-delay, 0s)}.playful-image-text--animated .playful-image-text__badge:nth-child(2n) .playful-image-text__badge-float{animation-duration:4.6s,6.4s,7.6s}.playful-image-text__content{display:grid;align-content:center;justify-items:start;gap:clamp(1.25rem,2.5vw,2rem);min-width:0;overflow-wrap:anywhere}.playful-image-text__eyebrow{margin:0;color:var(--color-muted)}.playful-image-text__heading{margin:0;text-wrap:pretty}.playful-image-text__body{color:var(--color-muted)}.playful-image-text__body>:first-child{margin-top:0}.playful-image-text__body>:last-child{margin-bottom:0}.playful-image-text__body a{color:var(--color-ink)}@keyframes playful-badge-float{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}@keyframes playful-badge-drift{0%,to{translate:-2px 0}50%{translate:2px 0}}@keyframes playful-badge-sway{0%,to{rotate:-1.25deg}50%{rotate:1.25deg}}@media(min-width:990px){.playful-image-text{grid-template-columns:repeat(2,minmax(0,1fr))}.playful-image-text--image-right .playful-image-text__visual{order:2}.playful-image-text--image-right .playful-image-text__content{order:1}}@media(prefers-reduced-motion:reduce){.playful-image-text--animated .playful-image-text__badge-float{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-playful-image-text.css.map */