:root{--drv-callout-media-max-w: 80rem;--drv-callout-img-max-h: 37.5rem;--drv-callout-img-max-h-m: 33.75rem;--drv-callout-icon: 1.3125rem;--drv-callout-icon-bar: .6875rem;--drv-callout-icon-inset: calc(var(--drv-space-10) + var(--drv-callout-icon) / 2);--drv-callout-pill-max-w: 16.5rem;--drv-callout-tip-w: 18.75rem;--drv-callout-mobile-max-w: 90vw}.drv-callout{display:flex;flex-direction:column;align-items:center;gap:var(--drv-space-24);margin-block:var(--drv-st, 0rem) var(--drv-sb, 0rem);padding:var(--drv-pt, 0rem) var(--drv-pr, 0rem) var(--drv-pb, 0rem) var(--drv-pl, 0rem);background:var(--drv-callout-bg, var(--drv-beige))}.drv-callout__media{position:relative;width:fit-content;max-width:min(100%,var(--drv-callout-media-max-w))}.drv-callout__media picture{display:block}.drv-callout__img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--drv-callout-img-max-h);border-radius:var(--drv-radius-card)}.drv-callout__heading{position:absolute;top:50%;left:50%;z-index:1;width:max-content;max-width:calc(100vw - var(--drv-space-40));margin:0;transform:translate(-50%,-50%);font-size:var(--drv-fs-36);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-38);letter-spacing:var(--drv-ls-n1);text-align:center;color:var(--drv-white);pointer-events:none}.drv-callout__spot{position:absolute;top:var(--drv-callout-y);left:var(--drv-callout-x);z-index:2;display:flex;flex-direction:column;gap:var(--drv-space-12);box-sizing:border-box;width:max-content;max-width:var(--drv-callout-pill-max-w);padding:var(--drv-space-10) var(--drv-space-10) var(--drv-space-10) var(--drv-space-16);border-radius:var(--drv-radius-button);background:var(--drv-white);color:var(--drv-ink);transform:translate(calc(-100% + var(--drv-callout-icon-inset)),-50%)}.drv-callout__spot--icon-left{padding:var(--drv-space-10) var(--drv-space-16) var(--drv-space-10) var(--drv-space-10);transform:translate(calc(-1 * var(--drv-callout-icon-inset)),-50%)}.drv-callout__spot:has([aria-expanded=true]){width:var(--drv-callout-tip-w);max-width:var(--drv-callout-tip-w);border-radius:var(--drv-radius-card)}.drv-callout__pill{display:flex;align-items:center;justify-content:space-between;gap:var(--drv-space-12);width:100%;padding:0;border:0;background:none;font-family:inherit;font-size:var(--drv-text-paragraph-size);font-weight:var(--drv-fw-medium);line-height:var(--drv-text-paragraph-lh);text-align:left;text-transform:uppercase;color:inherit;cursor:pointer}.drv-callout__spot--icon-right .drv-callout__pill{flex-direction:row-reverse}.drv-callout__spot--icon-left .drv-callout__pill{justify-content:flex-start}.drv-callout__pill:focus-visible{outline:var(--drv-border-2) solid var(--drv-ink);outline-offset:var(--drv-space-4)}.drv-callout__icon{position:relative;flex:0 0 var(--drv-callout-icon);width:var(--drv-callout-icon);height:var(--drv-callout-icon);border-radius:var(--drv-radius-round);background:var(--drv-beige)}.drv-callout__icon:before,.drv-callout__icon:after{content:"";position:absolute;top:50%;left:50%;width:var(--drv-callout-icon-bar);height:var(--drv-border-1);background:var(--drv-orange);transform:translate(-50%,-50%);transition:transform var(--drv-duration-fast) var(--drv-ease)}.drv-callout__icon:after{transform:translate(-50%,-50%) rotate(90deg)}.drv-callout__pill[aria-expanded=true] .drv-callout__icon:after{transform:translate(-50%,-50%) rotate(0)}.drv-callout__tip{font-size:var(--drv-text-paragraph-size);line-height:var(--drv-text-paragraph-lh);color:var(--drv-brand-black)}.drv-callout__tip p{margin:0}.drv-callout__tip p+p{margin-top:var(--drv-space-8)}@media(prefers-reduced-motion:reduce){.drv-callout__icon:before,.drv-callout__icon:after{transition:none}}@media screen and (max-width:749px){.drv-callout{margin-block:var(--drv-st-m, 0rem) var(--drv-sb-m, 0rem);padding:var(--drv-pt-m, 0rem) var(--drv-pr-m, 0rem) var(--drv-pb-m, 0rem) var(--drv-pl-m, 0rem)}.drv-callout__img{max-height:var(--drv-callout-img-max-h-m);border-radius:var(--drv-radius-card-mobile)}.drv-callout__heading{font-size:var(--drv-fs-30);line-height:var(--drv-lh-34);letter-spacing:0}.drv-callout__spot,.drv-callout__spot--icon-left{top:var(--drv-callout-y-m);left:var(--drv-callout-x-m);max-width:min(var(--drv-callout-pill-max-w),var(--drv-callout-mobile-max-w));transform:translate(-50%,-50%)}.drv-callout__spot:has([aria-expanded=true]){left:50%;width:min(var(--drv-callout-tip-w),var(--drv-callout-mobile-max-w));max-width:min(var(--drv-callout-tip-w),var(--drv-callout-mobile-max-w))}}
/*# sourceMappingURL=/cdn/shop/t/432/assets/drv-formula-callouts.css.map */