.c-news-common-dotted-banner{position:relative;display:grid;grid-template-columns:1fr;gap:var(--xl-spacing);padding-block:var(--2xl-spacing);padding-inline:var(--md-gutter);overflow:visible;background-color:var(--c-dotted-banner-bg, var(--color-water));background-image:radial-gradient(50% 60% at 50% 66%,rgb(255 255 255 / 50%) 0%,transparent 72%),radial-gradient(30% 90% at 50% 40%,rgb(255 255 255 / 60%) 0%,transparent 70%),radial-gradient(120% 140% at 50% 44%,transparent 40%,rgb(108 142 172 / 26%) 100%);--c-dot-grid-color: color-mix(in srgb, var(--color-primary) 12%, transparent);--c-dot-grid-gap: 1.5rem}.c-news-common-dotted-banner__media{position:relative;z-index:1}.c-news-common-dotted-banner__frame{padding:var(--sm-spacing);background:var(--color-white);box-shadow:0 1.5rem 3rem color-mix(in srgb,var(--color-shadow) 22%,transparent)}.c-news-common-dotted-banner__image{display:block;inline-size:100%;aspect-ratio:1;object-fit:cover}.c-news-common-dotted-banner__content{position:relative;z-index:1}.c-news-common-dotted-banner__title{margin:0 0 var(--md-spacing);font-family:var(--font-heading);font-weight:var(--bold-font-weight);font-size:clamp(var(--2xl-font-size),4vw,var(--3xl-font-size));line-height:1.1;color:var(--c-dotted-banner-title-fg, var(--color-primary))}.c-news-common-dotted-banner__body{font-family:var(--font-body);font-size:var(--md-font-size);line-height:1.7;color:var(--c-dotted-banner-body-fg, color-mix(in srgb, var(--color-primary) 80%, transparent))}.c-news-common-dotted-banner__body p{margin:0}.c-news-common-dotted-banner__body p+p{margin-block-start:var(--md-spacing)}.c-news-common-dotted-banner[data-revealed=true] .c-news-common-dotted-banner__media{animation:u-animation-pop-in 1.2s ease-in-out forwards}.c-news-common-dotted-banner[data-revealed=true] .c-news-common-dotted-banner__title{animation:u-animation-fade-in 1.2s ease-in-out .25s forwards}.c-news-common-dotted-banner[data-revealed=true] .c-news-common-dotted-banner__body{animation:u-animation-slide-up 1.2s ease-in-out .45s forwards}.c-news-common-dotted-banner__cta{margin-block-start:var(--sm-spacing)}.c-news-common-dotted-banner[data-revealed=true] .c-news-common-dotted-banner__cta{animation:u-animation-slide-up 1.2s ease-in-out .6s forwards}html:not([data-js]) .c-news-common-dotted-banner__media,html:not([data-js]) .c-news-common-dotted-banner__title,html:not([data-js]) .c-news-common-dotted-banner__body,html:not([data-js]) .c-news-common-dotted-banner__cta{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.c-news-common-dotted-banner[data-revealed=true] .c-news-common-dotted-banner__media,.c-news-common-dotted-banner[data-revealed=true] .c-news-common-dotted-banner__title,.c-news-common-dotted-banner[data-revealed=true] .c-news-common-dotted-banner__body,.c-news-common-dotted-banner[data-revealed=true] .c-news-common-dotted-banner__cta{animation:none;opacity:1;transform:none}}@media(min-width:900px){.c-news-common-dotted-banner{grid-template-columns:1fr 1fr;align-items:center;gap:var(--4xl-spacing);padding-block:var(--xl-spacing)}.c-news-common-dotted-banner__media{order:2;align-self:stretch}.c-news-common-dotted-banner[data-image-side=left] .c-news-common-dotted-banner__media{order:0}.c-news-common-dotted-banner__frame{position:absolute;inset-inline:0;inset-block-start:50%;transform:translateY(-50%)}}@media(min-width:1600px){.c-news-common-dotted-banner{padding-inline:var(--xl-gutter)}.c-news-common-dotted-banner__frame{inset-inline-start:50%;inset-inline-end:auto;inline-size:min(100%,26rem);transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-news-common-dotted-banner.css.map */