.fabric-callout{--fc-bg: #ffffff;--fc-text: #083c3d;--fc-eyebrow: #69877e;--fc-accent: #69877e;--fc-dot-color: #69877e;--fc-dot-size: 14px;--fc-line-color: #69877e;--fc-label-bg: #ffffff;--fc-label-border: #69877e;--fc-link-color: #69877e;background-color:var(--fc-bg);padding:var(--fc-padding-top, 60px) var(--fc-padding-side, 40px) var(--fc-padding-bottom, 60px)}.fabric-callout__inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto}.fabric-callout__image-wrap{position:relative;width:100%;border-radius:12px;overflow:visible}.fabric-callout__image-wrap img{width:100%;height:auto;display:block;border-radius:12px;object-fit:cover}.fabric-callout__dot{position:absolute;transform:translate(-50%,-50%);z-index:2;cursor:default}.fabric-callout__dot-circle{width:var(--fc-dot-size);height:var(--fc-dot-size);background-color:var(--fc-dot-color);border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 2px var(--fc-dot-color);position:relative;z-index:2}.fabric-callout__dot-line{position:absolute;top:50%;height:1px;border-top:1.5px dashed var(--fc-line-color);transform:translateY(-50%);z-index:1}.fabric-callout__dot--right .fabric-callout__dot-line{left:calc(var(--fc-dot-size) - 2px);width:40px}.fabric-callout__dot--left .fabric-callout__dot-line{right:calc(var(--fc-dot-size) - 2px);width:40px}.fabric-callout__label{position:absolute;background:var(--fc-label-bg);border:1.5px solid var(--fc-label-border);border-radius:30px;padding:5px 13px;white-space:nowrap;font-family:var(--font-heading-family, "Montserrat", sans-serif);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fc-text);top:50%;transform:translateY(-50%);z-index:3;box-shadow:0 2px 8px #083c3d1a}.fabric-callout__dot--right .fabric-callout__label{left:calc(var(--fc-dot-size) + 40px + 4px)}.fabric-callout__dot--left .fabric-callout__label{right:calc(var(--fc-dot-size) + 40px + 4px)}.fabric-callout__copy{display:flex;flex-direction:column;gap:32px}.fabric-callout__eyebrow{display:block;font-family:var(--font-heading-family, "Montserrat", sans-serif);font-size:var(--fc-eyebrow-size, 11px);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fc-eyebrow);margin-bottom:-16px}.fabric-callout__heading{font-family:var(--font-heading-family, "Montserrat", sans-serif);font-size:var(--fc-heading-size, 28px);font-weight:700;color:var(--fc-text);line-height:1.2;margin:0}.fabric-callout__features{display:flex;flex-direction:column;gap:24px}.fabric-callout__feature{display:flex;flex-direction:column;gap:6px;padding-left:16px;border-left:3px solid var(--fc-accent)}.fabric-callout__feature-title{font-family:var(--font-heading-family, "Montserrat", sans-serif);font-size:var(--fc-feature-title-size, 15px);font-weight:700;color:var(--fc-text);margin:0;text-transform:none;letter-spacing:0}.fabric-callout__feature-desc{font-family:var(--font-body-family, "Montserrat", sans-serif);font-size:var(--fc-feature-desc-size, 14px);color:var(--fc-text);line-height:1.6;margin:0;opacity:.85}.fabric-callout__link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-heading-family, "Montserrat", sans-serif);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--fc-link-color);text-decoration:none;border-bottom:1.5px solid var(--fc-link-color);padding-bottom:2px;transition:opacity .2s ease;width:fit-content}.fabric-callout__link:hover{opacity:.7}.fabric-callout__link svg{width:14px;height:14px;flex-shrink:0}@media(max-width:749px){.fabric-callout{padding:var(--fc-padding-top-mobile, 40px) 20px var(--fc-padding-bottom-mobile, 40px)}.fabric-callout__inner{grid-template-columns:1fr;gap:0;display:flex;flex-direction:column}.fabric-callout__copy{display:contents}.fabric-callout__eyebrow{order:1;margin-bottom:0;padding-bottom:8px}.fabric-callout__heading{order:2;padding-bottom:20px;font-size:calc(var(--fc-heading-size, 28px) * .78)}.fabric-callout__image-wrap{order:3;margin-bottom:24px}.fabric-callout__features{order:4;padding-top:4px}.fabric-callout__link{order:5;margin-top:8px}.fabric-callout__dot{display:none}.fabric-callout__feature{padding-left:12px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/fabric-callout.css.map */