.fbn-root{--fbn-bg:#2563eb;--fbn-color:#fff;--fbn-hover-bg:#1d4ed8;--fbn-hover-color:#fff;--fbn-radius:8px;--fbn-font-size:16px;--fbn-font-weight:600;--fbn-py:12px;--fbn-px:22px;--fbn-border-width:2px;--fbn-border-style:solid;--fbn-border-color:var(--fbn-bg);--fbn-hover-border:var(--fbn-hover-bg);display:inline-flex;flex-direction:column;vertical-align:middle;box-sizing:border-box;max-width:100%;margin-block:8px;gap:6px;min-width:0}
.fbn-root .fbn-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--fbn-icon-gap,var(--fbn-base-icon-gap,8px));box-sizing:border-box;appearance:none;cursor:pointer;min-height:var(--fbn-min-height,var(--fbn-base-min-height,44px));padding:var(--fbn-py) var(--fbn-px);border:var(--fbn-border-width) var(--fbn-border-style) var(--fbn-border-color);border-radius:var(--fbn-radius);background:var(--fbn-bg);color:var(--fbn-color);font-family:inherit;font-size:var(--fbn-font-size);font-weight:var(--fbn-font-weight);line-height:1.35;text-decoration:none;text-align:center;white-space:normal;transition:background-color .15s,color .15s;box-shadow:none;max-width:100%}
.fbn-root .fbn-button:hover,.fbn-root .fbn-button:focus-visible{background:var(--fbn-hover-bg);border-color:var(--fbn-hover-border);color:var(--fbn-hover-color);text-decoration:none}
.fbn-root .fbn-button:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.fbn-root .fbn-button:disabled{cursor:wait;opacity:.65}
.fbn-preset-outline .fbn-button{background:transparent;color:var(--fbn-bg)}
.fbn-preset-pill .fbn-button{border-radius:999px}
.fbn-root[data-fbn-width=full],.fbn-full-width{display:flex;width:100%}
.fbn-root[data-fbn-width=percent]{width:var(--fbn-width-percent,var(--fbn-base-width-percent,50%))}
.fbn-root[data-fbn-width=fixed]{width:var(--fbn-width-fixed,var(--fbn-base-width-fixed,220px))}
.fbn-root[data-fbn-width=match]{width:var(--fbn-match-width,auto)}
.fbn-root:not([data-fbn-width=auto])>.fbn-button{width:100%}
.fbn-root .fbn-status{font-size:13px;line-height:1.5;max-width:36ch;color:inherit;text-align:start}
.fbn-status:empty{display:none}
.fbn-status[data-error="1"]{color:#b91c1c}
.fbn-icon{display:inline-flex;flex:0 0 auto;width:var(--fbn-icon-size,var(--fbn-base-icon-size,18px));height:var(--fbn-icon-size,var(--fbn-base-icon-size,18px))}
.fbn-icon svg{display:block;width:100%;height:100%}
.fbn-root[data-fbn-match-size=yes][data-fbn-width=match] .fbn-label{white-space:nowrap;overflow-wrap:normal}
.fbn-purchase-form{width:100%}
.fbn-purchase-form form.cart{flex-wrap:wrap}
.fbn-purchase-form.fbn-hide-native-add .single_add_to_cart_button{display:none}
.fbn-purchase-form .variations select{max-width:100%}
.fbn-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--fbn-layout-gap,10px);width:100%;min-width:0;box-sizing:border-box;margin-block:8px}
.fbn-actions>.fbn-root{margin:0;flex-shrink:0}
.fbn-actions>.fbn-native-action{float:none;margin:0;flex:0 0 auto;max-width:100%}
.fbn-actions[data-fbn-align=center]{justify-content:center;align-items:center}
.fbn-actions[data-fbn-align=end]{justify-content:flex-end;align-items:flex-end}
.fbn-actions[data-fbn-position=under]{flex-direction:column}
.fbn-actions[data-fbn-position=beside]{flex-wrap:nowrap}
.fbn-actions[data-fbn-position=beside]>.fbn-root{flex-shrink:1;max-width:calc(100% - var(--fbn-reference-width,0px) - var(--fbn-layout-gap,10px))}
.fbn-actions[data-fbn-position=beside]>.fbn-root[data-fbn-width=full],.fbn-actions[data-fbn-position=beside]>.fbn-placement-item[data-fbn-width=full]{width:auto;flex:1 1 0}
.fbn-layout-host{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
.fbn-layout-host>.fbn-actions{flex:1 1 0}
.fbn-placement-item{margin:0;max-width:100%;min-width:0;flex-shrink:1}
.fbn-actions>.fbn-placement-item .fbn-root{margin:0;width:100%}
.fbn-actions[data-fbn-native-hidden="1"]>.fbn-root{max-width:100%}
@media(max-width:767px){.fbn-actions[data-fbn-stack=yes]{flex-direction:column;flex-wrap:wrap;align-items:stretch}.fbn-actions[data-fbn-stack=yes]>.fbn-root,.fbn-actions[data-fbn-stack=yes]>.fbn-placement-item{max-width:100%}.fbn-actions[data-fbn-stack=yes]>.fbn-root[data-fbn-width=full],.fbn-actions[data-fbn-stack=yes]>.fbn-placement-item[data-fbn-width=full]{width:100%;flex:none}}
@media(prefers-reduced-motion:reduce){.fbn-root .fbn-button{transition:none}}
