.bfm-size-banner{--cta-gap: .75rem;--control-max: 22rem;--control-width: clamp(12rem, calc(50% - var(--cta-gap) / 2), var(--control-max));--banner-fixed-h: 320px;--edge-comp: 1.25rem;background:#f9e6f0;color:#000;font-family:var(--font-body-family, sans-serif);padding:0;width:100%;margin-inline:auto;box-sizing:border-box;overflow:hidden;border-radius:.75rem}.bfm-size-banner .bfm-grid{display:grid;grid-template-columns:1fr;align-items:stretch;gap:0;width:100%;height:auto}@media (min-width: 48rem){.bfm-size-banner{--control-desktop: 16rem;--control-width: var(--control-desktop);width:calc((var(--control-desktop) * 8) + (var(--cta-gap) * 2) + (var(--edge-comp) * 2));max-width:calc(100% - 20px);height:var(--banner-fixed-h)!important;min-height:var(--banner-fixed-h)!important;--btn-width-scale: 1.5;padding-right:10px}.bfm-size-banner .bfm-grid{grid-template-columns:1fr 1fr 1fr;height:100%!important;align-items:stretch!important}}.bfm-size-banner .bfm-image{width:100%;height:100%;padding:0;margin:0}.bfm-size-banner .bfm-img-el{display:block;width:100%;height:auto;object-fit:cover;object-position:50% 40%;border-radius:.75rem;aspect-ratio:3 / 2}@media (min-width: 48rem){.bfm-size-banner .bfm-img-el{height:100%!important;width:100%!important;aspect-ratio:auto!important;border-radius:0!important}}.bfm-size-banner .bfm-image--portrait .bfm-img-el{aspect-ratio:3 / 4;object-position:50% 50%}.bfm-size-banner .bfm-copy{display:grid;gap:1rem;justify-items:start;padding-block:10px;height:auto}@media (min-width: 48rem){.bfm-size-banner .bfm-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding-block:0;height:100%!important}}.bfm-size-banner .bfm-heading,.bfm-size-banner .bfm-text,.bfm-size-banner .bfm-select,.bfm-size-banner .bfm-btn,.bfm-size-banner .bfm-size-link{font-family:var(--font-body-family, sans-serif)}.bfm-size-banner .bfm-heading{font-weight:700;line-height:1.15;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.6rem)}.bfm-size-banner .bfm-text{max-width:40rem;line-height:1.6;font-size:clamp(1.3125rem,1.2125rem + .4vw,1.5625rem)}.bfm-size-banner .bfm-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:10px;height:auto}@media (min-width: 48rem){.bfm-size-banner .bfm-controls{padding-block:0;height:100%!important}}.bfm-size-banner .bfm-row{display:grid;gap:1rem;width:100%;justify-items:center}.bfm-size-banner .bfm-select{width:var(--control-width);max-width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1.5px solid #e64e99;background:#f9e6f0;color:#e64e99;font-size:clamp(1rem,.9rem + .4vw,1.25rem);line-height:1.6;text-align:center;text-align-last:center;-moz-text-align-last:center;-ms-text-align-last:center;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#e64e99 50%),linear-gradient(135deg,#e64e99 50%,transparent 50%),linear-gradient(to right,transparent,transparent);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px),calc(100% - 2.25rem) .5rem;background-size:6px 6px,6px 6px,1px 75%;background-repeat:no-repeat}@media (min-width: 48rem){.bfm-size-banner .bfm-select{width:calc(var(--control-width) * var(--btn-width-scale, 1))}}.bfm-size-banner .bfm-select:focus{outline:2px solid #e64e99;outline-offset:2px;box-shadow:0 0 0 3px #e64e9940}.bfm-size-banner .bfm-select option{color:#000;text-align:center}.bfm-size-banner .bfm-cta{width:calc((var(--control-width) * var(--btn-width-scale, 1) * 2) + var(--cta-gap));display:flex;gap:var(--cta-gap);justify-content:center;align-items:stretch;flex-wrap:nowrap;margin:0}.bfm-size-banner .bfm-btn{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--control-width) * var(--btn-width-scale, 1));text-align:center;font-size:clamp(1rem,.9rem + .4vw,1.25rem);line-height:1.6;padding:.8rem 1.2rem;border-radius:999px;text-decoration:none;background:#e64e99;color:#f9e6f0;border:1px solid #e64e99;transition:transform .12s ease,opacity .12s ease,background .12s ease,color .12s ease}.bfm-size-banner .bfm-btn:hover{transform:translateY(-.05rem)}.bfm-size-banner .bfm-btn:focus-visible{outline:2px solid #e64e99;outline-offset:2px}.bfm-size-banner .bfm-error,.bfm-size-banner .bfm-size-link{width:calc((var(--control-width) * var(--btn-width-scale, 1) * 2) + var(--cta-gap));text-align:center;margin:.25rem 0 0}.bfm-size-banner .bfm-size-link{font-size:calc(.95rem + 4px);color:#e64e99;text-decoration:underline;line-height:1.4;display:block}.bfm-size-banner .bfm-error{color:#ff3131;font-style:italic;font-size:.95rem;display:none}.bfm-size-banner[data-has-selection="0"] .bfm-btn{pointer-events:auto;opacity:1;filter:none}.bfm-size-banner[data-has-selection="1"] .bfm-btn[aria-disabled=true]{pointer-events:none;opacity:.6;filter:grayscale(1);cursor:not-allowed}@media (max-width: 48rem){.bfm-size-banner .bfm-image{display:none}.bfm-size-banner .bfm-copy{justify-items:center;text-align:center}.bfm-size-banner .bfm-heading,.bfm-size-banner .bfm-text{text-align:center;justify-self:center}.bfm-size-banner{--control-width: clamp(9rem, calc(50% - var(--cta-gap) / 2), var(--control-max));padding-left:10px;padding-right:10px}.bfm-size-banner .bfm-cta{margin:0 auto}}@media (min-width: 48rem) and (max-width: 64rem){.bfm-size-banner .bfm-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"image copy" "image controls";gap:0;row-gap:0;height:100%;align-items:start;align-content:center}.bfm-size-banner .bfm-image{grid-area:image}.bfm-size-banner .bfm-copy{grid-area:copy;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding-block:0;margin:0;height:auto}.bfm-size-banner .bfm-copy>*{margin-top:0;margin-bottom:0}.bfm-size-banner .bfm-copy .bfm-heading{margin-bottom:.5rem}.bfm-size-banner .bfm-controls{grid-area:controls;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:0;margin:0;height:auto}.bfm-size-banner{--btn-width-scale: 1.25}.bfm-size-banner .bfm-btn,.bfm-size-banner .bfm-select{width:calc(var(--control-width) * var(--btn-width-scale))}.bfm-size-banner .bfm-cta,.bfm-size-banner .bfm-error,.bfm-size-banner .bfm-size-link{width:calc((var(--control-width) * var(--btn-width-scale) * 2) + var(--cta-gap));max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/size-banner.css.map */