.sbk-job{--sbk-ease: cubic-bezier(.2,.8,.2,1)}.sbk-job__grid{display:grid;gap:var(--sbk-s16);grid-template-columns:minmax(0,1fr)}.sbk-job__compare{position:relative;display:block;user-select:none;-webkit-user-select:none}.sbk-job__frame{display:block;aspect-ratio:4 / 3;touch-action:pan-y;cursor:ew-resize;border-radius:calc(var(--sbk-card-radius) * 1.5)}.sbk-job__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}div.sbk-job__before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.sbk-job__handle{position:absolute;top:0;bottom:0;left:var(--pos);z-index:2;width:.4rem;transform:translate(-50%);background:rgb(var(--color-button));pointer-events:none}.sbk-job__knob{position:absolute;top:50%;left:50%;width:5.6rem;height:5.6rem;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));transition:transform .35s var(--sbk-ease)}.sbk-job__compare.is-dragging .sbk-job__knob,.sbk-job__frame:hover .sbk-job__knob{transform:translate(-50%,-50%) scale(1.1)}.sbk-job__compare:has(.sbk-job__range:focus-visible) .sbk-job__knob{outline:3px solid rgb(var(--color-foreground));outline-offset:4px}.sbk-job__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none;-webkit-appearance:none;appearance:none}.sbk-job__label{position:absolute;top:1.4rem;z-index:2;pointer-events:none;padding:var(--sbk-s5) var(--sbk-s11);border-radius:999px;font:var(--font-button-weight) 1.4rem/1.2 var(--font-button-family);letter-spacing:.1em;text-transform:uppercase;transition:opacity .25s ease}.sbk-job__label--before{left:1.4rem;background:rgb(var(--sbk-fill, var(--color-foreground)));color:rgb(var(--color-background));opacity:clamp(0,calc((var(--pos-n) - .14) * 8),1)}.sbk-job__label--after{right:1.4rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));opacity:clamp(0,calc((.86 - var(--pos-n)) * 8),1)}.sbk-job__hint{position:absolute;left:50%;bottom:1.4rem;z-index:2;transform:translate(-50%);pointer-events:none;white-space:nowrap;padding:var(--sbk-s6) var(--sbk-s12);border-radius:999px;background:rgba(var(--color-background),.9);color:rgb(var(--color-foreground));font:var(--font-button-weight) 1.3rem/1.2 var(--font-button-family);letter-spacing:.1em;text-transform:uppercase;transition:opacity .4s ease}.sbk-job__compare.is-dragging .sbk-job__hint,.sbk-job__compare.was-swept .sbk-job__hint{opacity:0}.sbk-job__stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sbk-s12)}.sbk-job__stat{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--sbk-s6);min-height:0;padding:var(--sbk-s24) var(--sbk-s16) var(--sbk-s16);border-radius:var(--sbk-card-radius);background:rgb(var(--color-background));transition:box-shadow .3s ease,transform .4s var(--sbk-ease)}.sbk-job__stat:before{content:"";position:absolute;left:0;right:0;top:0;height:.5rem;background:rgb(var(--color-button));transform:scaleX(0);transform-origin:left;transition:transform .8s var(--sbk-ease) calc(var(--i, 0) * 80ms + .25s)}.sbk-job__stat.is-in:before,.sbk-job__stat:not([data-sbk-reveal]):before{transform:none}body:not(.sbk-anim) .sbk-job__stat:before{transform:none}.sbk-job__stat-value{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(3.2rem,9vw,6rem);line-height:.95;text-transform:uppercase;white-space:nowrap}.sbk-job__stat-label{font-size:1.4rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.75)}.sbk-job__bottom{display:grid;gap:var(--sbk-s32);margin-top:var(--sbk-s40);grid-template-columns:minmax(0,1fr);align-items:center}.sbk-job__quote{position:relative;margin:0;padding:0 0 0 var(--sbk-s22)}.sbk-job__quote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.5rem;border-radius:99px;background:rgb(var(--color-button))}.sbk-job__quote p{margin:0}.sbk-job__quote cite{display:block;margin-top:var(--sbk-s8);font-style:normal;font-size:1.55rem;color:var(--sbk-muted)}.sbk-job__receipt{position:relative;overflow:hidden;border-radius:var(--sbk-card-radius);background:rgb(var(--color-background))}.sbk-job__receipt-title{margin:0;padding:var(--sbk-s18) var(--sbk-s20) var(--sbk-s4);font:var(--font-button-weight) 1.4rem/1.2 var(--font-button-family);letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-button))}.sbk-job__rows{list-style:none;margin:0;padding:0 var(--sbk-s20)}.sbk-job__row{display:flex;align-items:center;gap:var(--sbk-s14);padding:var(--sbk-s14) 0;border-bottom:1px dashed rgba(var(--color-foreground),.2)}.sbk-job__row-icon{flex:0 0 4rem;height:4rem;display:grid;place-items:center;border-radius:50%;background:rgba(var(--color-button),.1);color:rgb(var(--color-button))}.sbk-job__row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.sbk-job__row-label{font-weight:600;font-size:1.65rem}.sbk-job__row-note{font-size:1.5rem;color:var(--sbk-muted)}.sbk-job__row-value{font:var(--font-heading-weight) 2.2rem/1 var(--font-heading-family);text-transform:uppercase;white-space:nowrap}.sbk-job__total{display:flex;align-items:center;justify-content:space-between;gap:var(--sbk-s12);padding:var(--sbk-s16) var(--sbk-s20) var(--sbk-s18);font:var(--font-button-weight) 1.5rem/1.2 var(--font-button-family);text-transform:uppercase;letter-spacing:.08em}.sbk-job__total-value{font:var(--font-heading-weight) 3.2rem/1 var(--font-heading-family);color:rgb(var(--color-button))}.sbk-anim .sbk-job__receipt[data-sbk-reveal] .sbk-job__row{opacity:0;transform:translate(1.2rem);transition:opacity .5s ease,transform .6s var(--sbk-ease);transition-delay:calc(var(--i, 0) * 90ms + .3s)}.sbk-anim .sbk-job__receipt.is-in .sbk-job__row{opacity:1;transform:none}@media(hover:hover){.sbk-job__stat:hover{transform:translateY(-.4rem)}}@media screen and (min-width:750px){.sbk-job__stat{padding:var(--sbk-s24)}}@media screen and (min-width:990px){.sbk-job__grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--sbk-s24);align-items:stretch}.sbk-job__grid--solo{grid-template-columns:minmax(0,1fr)}.sbk-job__grid--solo .sbk-job__stats{grid-template-columns:repeat(4,minmax(0,1fr))}.sbk-job__compare,.sbk-job__frame{height:100%}.sbk-job__frame{aspect-ratio:auto;min-height:48rem}.sbk-job__stat{min-height:0}.sbk-job__bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sbk-s64);margin-top:var(--sbk-s64)}.sbk-job__bottom--solo{grid-template-columns:minmax(0,1fr)}.sbk-job__quote{padding-left:var(--sbk-s32)}}@media(prefers-reduced-motion:reduce){.sbk-job__stat:before{transform:none;transition:none}.sbk-job__knob,.sbk-job__stat{transition:none}}.sbk-job__frame{aspect-ratio:16 / 10}.sbk-job__stat{padding:var(--sbk-s14)}.sbk-job__stat-value{font-size:clamp(2.8rem,7vw,4.4rem)}.sbk-job__bottom{margin-top:var(--sbk-s24);gap:var(--sbk-s20)}.sbk-job__row{padding:var(--sbk-s10) 0}@media screen and (min-width:990px){.sbk-job__frame{min-height:36rem}.sbk-job__stat{padding:var(--sbk-s18)}.sbk-job__bottom{margin-top:var(--sbk-s32);gap:var(--sbk-s40)}}.sbk-job__stat:before{height:1px;background:rgba(var(--color-foreground),.2)}.sbk-job__stat{justify-content:center}.sbk-job__handle{background:#fff;width:2px}.sbk-job__knob{background:#fff;color:#0b1424;width:4.4rem;height:4.4rem}.sbk-job__row-icon{background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}@media screen and (min-width:990px){.sbk-job__frame{aspect-ratio:16 / 9;min-height:30rem}}.sbk-job__label,.sbk-job__hint,.sbk-job__stat-label,.sbk-job__receipt-title,.sbk-job__total{text-transform:none;letter-spacing:0;font-family:var(--font-body-family);font-weight:500}.sbk-job__label--after{background:#fff;color:#0e0f12}.sbk-job__hint{font-size:1.35rem;color:var(--sbk-muted)}.sbk-job__frame{border-radius:var(--sbk-card-radius);overflow:hidden}.sbk-job__stat{background:var(--sbk-surface);border:0;padding:var(--sbk-s20);gap:var(--sbk-s8);justify-content:flex-end}.sbk-job__stat:before{display:none}.sbk-job__stat-label{font-size:1.45rem;color:var(--sbk-muted)}@media(hover:hover){.sbk-job__stat:hover{transform:none}}.sbk-job__quote{padding-left:0}.sbk-job__quote:before{display:none}.sbk-job__quote p{font:var(--font-heading-weight) clamp(2.4rem,2.6vw,3.4rem)/1.1 var(--font-heading-family);text-transform:uppercase}.sbk-job__receipt{background:var(--sbk-surface);border:0}.sbk-job__receipt-title{color:var(--sbk-muted);font-size:1.4rem;padding:var(--sbk-s18) var(--sbk-s20) .2rem}.sbk-job__row{border-bottom:1px solid var(--sbk-border)}.sbk-job__row-value{font-size:2rem}.sbk-job__total{font-size:1.5rem}.sbk-job__total-value{color:rgb(var(--color-foreground));font-size:2.8rem}@media screen and (min-width:990px){.sbk-job__bottom{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--sbk-s40);align-items:center}.sbk-job__receipt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.sbk-job__receipt-title{grid-column:1 / -1}.sbk-job__rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:0 var(--sbk-s24)}.sbk-job__row{border-bottom:0;align-items:flex-start;flex-wrap:wrap;gap:var(--sbk-s8) var(--sbk-s12);padding:var(--sbk-s12) 0 var(--sbk-s18)}.sbk-job__row-text{flex:1 1 10rem}.sbk-job__row-value{flex:0 0 100%;order:3}.sbk-job__total{flex-direction:column;align-items:flex-start;justify-content:center;border-left:1px solid var(--sbk-border);margin:var(--sbk-s12) 0 var(--sbk-s18);padding:0 var(--sbk-s24)}}.sbk-job__quote{border:0}@media screen and (min-width:990px){.sbk-job__row{display:grid;grid-template-columns:4rem minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;gap:var(--sbk-s4) var(--sbk-s12);height:100%}.sbk-job__row-icon{grid-row:1 / span 2}.sbk-job__row-text{grid-column:2}.sbk-job__row-value{grid-column:2;grid-row:3;order:0;margin-top:var(--sbk-s8)}}@media screen and (max-width:749px){.sbk-job .sbk-head,.sbk-job .sbk-heading,.sbk-job .sbk-sub{text-align:center!important;margin-inline:auto}.sbk-job .sbk-heading>*{text-align:center}}@media screen and (max-width:749px){.sbk-job__quote{padding:0;text-align:center}.sbk-job__quote:before{display:none}.sbk-job__bottom,.sbk-job__breakdown{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/sbk-job-stats.css.map */