.callout-block{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#016d59;--color-text-main: #ffffff;--color-accent-main: #ffffff;--color-foreground-accent-main: #016d59}.callout-block--light{background:#cce2de;--color-text-main: #016d59;--color-accent-main: #016d59;--color-foreground-accent-main: #cce2de}.callout-block__pattern{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none;color:var(--color-text-main)}.callout-block__swirls{position:absolute;top:50%;left:50%;width:135%;height:145%;transform:translate(-50%,-50%);display:block}.callout-block__content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:6.5rem;padding-bottom:7rem;text-align:center}.callout-block__content p{margin-bottom:0}.callout-block__caption{margin:0;color:var(--color-text-main, #ffffff);font-family:var(--font-stack-body);font-size:clamp(1.125rem,1rem + .4vw,1.26875rem);line-height:1.645rem;font-weight:var(--font-weight-body, 400)}.callout-block__heading{margin:0;max-width:59.625rem;color:var(--color-text-main, #ffffff);font-family:var(--font-stack-headings);font-size:clamp(1.75rem,1.35rem + 1.5vw,2.5rem);font-weight:var(--font-weight-headings, 500);line-height:1.25;letter-spacing:-.014em}.callout-block__buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.75rem;padding-top:.84375rem}.callout-block__buttons .button{display:inline-flex;align-items:center;justify-content:center;min-height:3.0625rem;padding:.89rem 2.875rem .93rem;border-radius:var(--border-radius-buttons, 30px);font-family:var(--font-stack-body);font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.5625;border:1px solid var(--color-accent-main, #ffffff)}@media screen and (max-width:1023px){.callout-block{--callout-band: 9rem;--callout-swirl-scale: .68}.callout-block__pattern{-webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--callout-band) - 3rem),transparent calc(var(--callout-band) - 1.25rem),transparent calc(100% - var(--callout-band) + 1.25rem),#000 calc(100% - var(--callout-band) + 3rem));mask-image:linear-gradient(to bottom,#000 calc(var(--callout-band) - 3rem),transparent calc(var(--callout-band) - 1.25rem),transparent calc(100% - var(--callout-band) + 1.25rem),#000 calc(100% - var(--callout-band) + 3rem))}.callout-block__swirls{width:calc(2083.96px * var(--callout-swirl-scale));height:calc(1334.05px * var(--callout-swirl-scale));transform:translate(-50%,-47.7%)}.callout-block__content{padding-top:var(--callout-band);padding-bottom:var(--callout-band)}}@media screen and (max-width:767px){.callout-block{--callout-band: 7.5rem;--callout-swirl-scale: .62}.callout-block__content{padding-top:4.5rem;padding-bottom:5rem;padding-left:var(--gutter-container, 1.25rem);padding-right:var(--gutter-container, 1.25rem);gap:1.5rem}.callout-block__buttons{flex-direction:column;align-items:stretch;width:100%;max-width:18rem;gap:.875rem}.callout-block__buttons .button{width:100%;min-height:auto;padding:.75rem 1.5rem;text-align:center;justify-content:center}}@media screen and (min-width:1024px){.callout-block__swirls{top:52%;width:120.6%;height:165.3%}.callout-block__content{gap:3.09375rem;padding-top:13rem;padding-bottom:13.125rem}.callout-block__buttons{padding-top:.84375rem}}html body .shopify-section.mount-callout-block .callout-block,html body .callout-block{color:var(--color-text-main)}html body .shopify-section.mount-callout-block .callout-block .callout-block__caption,html body .callout-block .callout-block__caption{font-family:var(--font-stack-body);font-weight:var(--font-weight-body, 400);font-size:1.27rem;line-height:1.3;color:var(--color-accent-main, var(--color-text-main));letter-spacing:0;text-align:center;padding:0}html body .shopify-section.mount-callout-block .callout-block .callout-block__heading,html body .callout-block .callout-block__heading{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings, 500);font-size:clamp(1.75rem,1.9vw + 1.1rem,2.5rem);line-height:1.25;letter-spacing:-.014em;color:var(--color-text-main);max-width:59.625rem;margin:0 auto;padding:0;text-align:center}html body .shopify-section.mount-callout-block .callout-block .callout-block__subtext,html body .callout-block .callout-block__subtext{font-family:var(--font-stack-body);font-weight:var(--font-weight-body, 400);font-size:1rem;line-height:1.46;color:var(--color-text-main);max-width:48rem;margin:.5rem auto 0;text-align:center}html body .shopify-section.mount-callout-block .callout-block .callout-block__buttons,html body .callout-block .callout-block__buttons{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:0;padding:0}html body .shopify-section.mount-callout-block .callout-block .callout-block__buttons .button,html body .callout-block .callout-block__buttons a.button{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings, 500);font-size:1.125rem;line-height:1;letter-spacing:0;padding:.875rem 2.5rem;margin:0;border-radius:var(--border-radius-buttons, 30px);border:var(--border-width-buttons, 1px) solid var(--color-text-main);background-color:transparent;color:var(--color-text-main);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;cursor:pointer}html body .shopify-section.mount-callout-block .callout-block .callout-block__buttons .button:hover,html body .callout-block .callout-block__buttons a.button:hover{background-color:var(--color-text-main);color:var(--color-foreground-accent-main, var(--color-background-main, #ffffff));border-color:var(--color-text-main)}html body .callout-block__pattern svg{display:block;width:120vw;height:auto;opacity:.9}@media(max-width:768px){html body .callout-block__pattern svg{opacity:0}}@media(max-width:1200px){html body .callout-block__pattern svg{width:150vw}}@media screen and (max-width:767px){html body .shopify-section.mount-callout-block .callout-block,html body .callout-block{padding:3.5rem 1.25rem}html body .callout-block .callout-block__content{gap:1.5rem;padding-top:1rem;padding-bottom:1rem}html body .callout-block .callout-block__caption{font-size:1.1rem;line-height:1.3;margin-bottom:.5rem}html body .callout-block .callout-block__heading{font-size:clamp(1.5rem,5.5vw,2.25rem);line-height:1.25;letter-spacing:-.01em}html body .callout-block .callout-block__buttons{flex-direction:column;width:100%;max-width:18rem;gap:.75rem;margin-inline:auto;margin-top:1.25rem;padding:0}html body .callout-block .callout-block__buttons .button,html body .callout-block .callout-block__buttons a.button{width:100%;font-size:1.0625rem;padding:.75rem 1.5rem;min-height:48px;text-align:center;justify-content:center;border-radius:var(--border-radius-buttons, 30px)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-callout-block.css.map */
