.article-fuel{--article-fuel-sale-strong: #c42a1f;--article-fuel-accent: #111;--article-fuel-button-radius: 6px;--article-fuel-button-height: 40px;display:block;padding:calc(var(--content-sp-5) - 1px);border:1px solid var(--content-border-default);border-radius:var(--content-r-md);overflow:clip}.article-fuel__kicker{margin:0 0 var(--content-sp-3);font-family:var(--content-font-label);font-weight:400;font-size:13px;line-height:1.2;letter-spacing:.52px;text-transform:uppercase;color:var(--article-fuel-sale-strong)}.article-fuel__body{display:flex;flex-direction:column;gap:var(--content-sp-4)}.article-fuel__image-wrapper{padding-bottom:100%;position:relative}.article-fuel__image{display:block;inline-size:100%;border-radius:var(--content-r-md);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.article-fuel__image--placeholder{background-color:var(--content-neutral-200)}.article-fuel__details,.article-fuel__intro{display:flex;flex-direction:column;gap:var(--content-sp-3)}.article-fuel__title{margin:0;font-family:var(--content-font-display);font-weight:700;font-size:24px;line-height:1.04;text-transform:uppercase;color:var(--text-primary)}.article-fuel__title-link{color:inherit;text-decoration:none}.article-fuel__title-link:hover{text-decoration:underline}.article-fuel__title-link:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.article-fuel__note{margin:0;font-family:var(--content-font-body);font-weight:400;font-size:12px;line-height:1.5;color:var(--content-text-muted)}.article-fuel__form{display:flex;flex-direction:column;gap:var(--content-sp-3);margin:0}.article-fuel__modes{display:flex;align-items:center;min-inline-size:0;margin:0;padding:2px;border:1px solid var(--content-border-default);border-radius:var(--content-r-full);background-color:var(--content-neutral-0)}.article-fuel__mode-input{position:absolute;opacity:0;pointer-events:none}.article-fuel__mode{display:flex;gap:5px;align-items:center;justify-content:center;padding-block:9px;padding-inline:14px;border-radius:var(--content-r-full);font-family:var(--content-font-label);font-weight:400;font-size:12px;line-height:1.5;white-space:nowrap;color:var(--content-text-muted);cursor:pointer}.article-fuel__mode--one-time{flex:1 0 0;min-inline-size:0}.article-fuel__mode-input:checked+.article-fuel__mode{background-color:var(--article-fuel-accent);color:var(--content-text-inverse)}.article-fuel__mode-input:focus-visible+.article-fuel__mode{outline:2px solid var(--text-primary);outline-offset:2px}.article-fuel__mode-saving{color:var(--content-saving-on-light)}.article-fuel__mode-input:checked+.article-fuel__mode .article-fuel__mode-saving{color:var(--content-volt)}.article-fuel__frequency{display:flex;flex-direction:column;gap:var(--content-sp-2)}.article-fuel__frequency[hidden]{display:none}.article-fuel__frequency-label{font-family:var(--content-font-label);font-weight:400;font-size:12px;line-height:1.5;color:var(--content-text-muted)}.article-fuel__select-control{display:block;position:relative}.article-fuel__select[hidden]{display:none}.article-fuel__select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;inline-size:100%;padding-block:9px;padding-inline:13px;border:1px solid var(--content-border-default);border-radius:var(--content-r-full);font-family:var(--content-font-body);font-weight:500;font-size:14px;line-height:1.55;color:var(--text-primary);background-color:var(--content-neutral-0);cursor:pointer;transition:border-color .2s ease-in-out}.article-fuel__select-trigger:hover{border-color:var(--content-border-strong)}.article-fuel__select-trigger:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.article-fuel__select-trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-fuel__select-icon{display:flex;flex-shrink:0;inline-size:16px;block-size:16px;color:var(--text-primary);pointer-events:none;transition:transform .2s ease-in-out}.article-fuel__select-icon svg{inline-size:100%;block-size:100%}.article-fuel__select-trigger[aria-expanded=true] .article-fuel__select-icon{transform:rotate(180deg)}.article-fuel__select-list{position:fixed;inset:auto;margin:0;max-block-size:240px;padding:4px;overflow-y:auto;list-style:none;border:1px solid var(--content-border-default);border-radius:var(--content-r-md);background-color:var(--content-neutral-0)}.article-fuel__select-option{padding-block:8px;padding-inline:9px;border-radius:var(--content-r-sm);font-family:var(--content-font-body);font-weight:500;font-size:14px;line-height:1.55;color:var(--text-primary);cursor:pointer}.article-fuel__select-option:hover,.article-fuel__select-option:focus-visible{background-color:var(--content-neutral-200)}.article-fuel__select-option[aria-selected=true]{font-weight:700}.article-fuel__submit{display:flex;align-items:center;justify-content:center;gap:.25em;inline-size:100%;block-size:var(--article-fuel-button-height);padding-block:0;padding-inline:var(--content-sp-5);border:0;border-radius:var(--article-fuel-button-radius);font-family:var(--content-font-label);font-weight:400;font-size:13px;line-height:1.55;text-transform:uppercase;color:var(--content-text-inverse);background-color:var(--content-bg-inverse);cursor:pointer;--hover-sweep-bg: var(--bpn-bg-brand);--hover-sweep-text: var(--bpn-text-inverse)}.article-fuel__submit:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.article-fuel__submit:disabled{background-color:var(--content-border-strong);cursor:not-allowed}.article-fuel__shipping{margin:0;font-family:var(--content-font-body);font-weight:400;font-size:12px;line-height:1.5;text-align:center;color:var(--content-text-muted)}@media screen and (prefers-reduced-motion:reduce){.article-fuel__select-trigger,.article-fuel__select-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/784/assets/component-article-fuel.css.map */