.banner-calc-section{overflow:hidden}.banner-calc__heading{text-align:center;margin-bottom:.5rem}.banner-calc__subheading{text-align:center;max-width:560px;margin:0 auto 2.5rem;color:rgba(var(--color-foreground),.75)}.banner-calc{max-width:640px;margin:0 auto;background:rgb(var(--color-background));border:.5px solid rgba(var(--color-foreground),.1);border-radius:12px;padding:2rem}.banner-calc__toggle{display:flex;gap:4px;background:rgba(var(--color-foreground),.06);padding:4px;border-radius:8px;margin-bottom:1.75rem}.banner-calc__toggle-btn{flex:1;padding:10px 8px;border:none;border-radius:6px;background:transparent;font-size:1.3rem;font-weight:500;cursor:pointer;color:rgba(var(--color-foreground),.65);transition:background .15s ease,color .15s ease;font-family:inherit}.banner-calc__toggle-btn.is-active{background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1px 3px #00000014}.banner-calc__input-row{margin-bottom:1.75rem}.banner-calc__input-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.banner-calc__label{font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.banner-calc__readout{font-size:1.5rem;font-weight:600}.banner-calc__slider{width:100%;height:4px;border-radius:2px;background:rgba(var(--color-foreground),.15);appearance:none;-webkit-appearance:none;cursor:pointer}.banner-calc__slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:rgb(var(--color-button));border:2px solid rgb(var(--color-background));box-shadow:0 0 0 1px rgba(var(--color-foreground),.2);cursor:pointer}.banner-calc__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:rgb(var(--color-button));border:2px solid rgb(var(--color-background));box-shadow:0 0 0 1px rgba(var(--color-foreground),.2);cursor:pointer}.banner-calc__tape{position:relative;height:90px;margin-bottom:1.75rem}.banner-calc__tape-svg{width:100%;height:90px;display:block;overflow:visible}.banner-calc__tape-track{fill:rgba(var(--color-foreground),.06)}.banner-calc__tape-svg text{fill:rgba(var(--color-foreground),.5)}.banner-calc__tape-svg line[data-tick]{stroke:rgba(var(--color-foreground),.35)}.banner-calc__results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem}.banner-calc__result-card{background:rgba(var(--color-foreground),.05);border-radius:8px;padding:1rem}.banner-calc__result-card--accent{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.banner-calc__result-label{font-size:1.2rem;margin:0 0 4px;opacity:.75}.banner-calc__result-value{font-size:2.2rem;font-weight:600;margin:0}.banner-calc__result-sub{font-size:1.2rem;margin:4px 0 0;opacity:.75}.banner-calc__meta{border-top:.5px solid rgba(var(--color-foreground),.1);padding-top:1rem}.banner-calc__meta-row{display:flex;justify-content:space-between;font-size:1.3rem;padding:4px 0;gap:12px}.banner-calc__meta-row span:first-child{color:rgba(var(--color-foreground),.65)}.banner-calc__meta-value{font-weight:600;text-align:right}.banner-calc__cta{margin-top:1.75rem;text-align:center}.banner-calc__footnote{max-width:640px;margin:1.5rem auto 0;text-align:center;font-size:1.2rem;color:rgba(var(--color-foreground),.55)}@media screen and (max-width:749px){.banner-calc{padding:1.25rem}.banner-calc__toggle-btn{font-size:1.1rem;padding:8px 6px}.banner-calc__result-value{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-banner-size-calculator.css.map */