.sh-kinetic--bf{background:linear-gradient(180deg,#1f1f22,#0f0f11);color:#f5f5f7;border-bottom-color:transparent}.sh-kinetic--bf .sh-outline{color:transparent;-webkit-text-stroke:1px rgba(245,245,247,.62)}.sh-kinetic--bf .sh-kinetic-track i{color:#f4b393}.sh-kinetic--bf .bf-band-naam{display:inline-flex;align-items:center;gap:.45em}.sh-kinetic--bf .bf-band-naam b{width:.34em;height:.34em;border-radius:50%;background:#f4b393;flex:none}html.sh-bf-vol .sh .sh-route-dock.is-visible{opacity:0;visibility:hidden;pointer-events:none;translate:-50% 12px!important;transition:opacity .38s cubic-bezier(.33,0,.67,1),translate .45s cubic-bezier(.33,0,.67,1),visibility 0s linear .45s!important}.bf4{--ink: #f5f5f7;--ink2: rgba(245, 245, 247, .7);--ink3: rgba(245, 245, 247, .48);--perzik: #f4b393;--oranje: #e88a5d;--kop-h: var(--header-height, 60px);--gat: clamp(10px, 2.4svh, 26px);position:relative;padding-top:clamp(24px,3.6vw,56px)}.bf4 *{box-sizing:border-box}.bf4-kaart{position:relative;isolation:isolate;overflow:clip;width:var(--wrap-b, min(1440px, 90%));margin-inline:auto;height:calc(100svh - var(--kop-h) - 2 * var(--gat));min-height:560px;max-height:880px;border-radius:14px;background:radial-gradient(120% 90% at 66% 34%,#161517,#0d0d0e 55%,#08080a);color:var(--ink);container-type:size}.bf4-kaart>*{--rand: clamp(24px, 4.2cqw, 64px)}.bf4.is-film .bf4-film{position:relative;height:calc(100svh - var(--kop-h) - 2 * var(--gat) + var(--bf4-reis, 100vh))}.bf4.is-film .bf4-kaart{position:sticky;top:calc(var(--kop-h) + var(--gat))}.bf4--een.is-film .bf4-film{--bf4-reis: 55vh}.bf4-kleur{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(40% 58% at 66% 48%,rgba(var(--rgb),.24),rgba(var(--rgb),.07) 52%,transparent 78%)}.bf4-kleur+.bf4-kleur{opacity:0}.bf4-woorden{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.bf4-woord{position:absolute;white-space:nowrap;font:700 min(18cqw,32cqh)/.8 Manrope,system-ui,-apple-system,sans-serif;letter-spacing:-.065em;color:#f5f5f7;background:linear-gradient(180deg,#fff,#ececf0 42%,#9a9aa0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bf4-woord--a{left:38cqw;top:20cqh}.bf4-woord--b{left:36cqw;top:calc(20cqh + .8em)}.bf4-laag{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;perspective:1100px}.bf4-laag--ver{z-index:2}.bf4-laag--mid{z-index:4}.bf4-laag--dicht{z-index:5}.bf4-blad{position:absolute;left:0;top:0;width:calc(var(--b) * var(--bm, 1) * 1cqmax);height:auto;max-width:none;transform:translate3d(calc(var(--x) * 1cqw),calc(var(--y) * 1cqh),0) rotate(calc(var(--r) * 1deg));backface-visibility:visible}.bf4-laag--ver .bf4-blad{filter:brightness(.72) saturate(.92)}.bf4-laag--mid .bf4-blad{filter:brightness(.94)}.bf4-laag--dicht .bf4-blad{filter:brightness(.5);opacity:.94}.bf4.is-film .bf4-blad{will-change:transform}.bf4-toneel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.bf4-deal{position:absolute;top:0;right:0;bottom:0;left:0}.bf4-spot{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(30% 44% at 67% 32%,rgba(255,240,230,.15),rgba(255,240,230,.04) 52%,transparent 76%)}.bf4-fiets{position:absolute;left:38cqw;right:2cqw;top:15cqh;height:68cqh;display:block;container-type:size;transform-origin:50% 96%;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.bf4-fiets.is-uit{pointer-events:none}.bf4-plek{position:absolute;top:0;right:0;bottom:0;left:0;--S: min(calc(.95 * 100cqh / var(--fh)), calc(.98 * 100cqw / var(--fw)))}.bf4-img,.bf4-spiegel{position:absolute;width:var(--S);height:var(--S);max-width:none;left:calc(50cqw - var(--S) * (var(--fx) + var(--fw) / 2))}.bf4-img{top:calc(96cqh - var(--S) * (var(--fy) + var(--fh)));transition:translate .7s cubic-bezier(.33,0,.67,1)}.bf4-spiegel{top:calc(96cqh - var(--S) * (1 - var(--fy) - var(--fh)));transform:scaleY(-1);opacity:.14;-webkit-mask-image:linear-gradient(to bottom,transparent calc((var(--fy) + var(--fh) - .2) * 100%),#000 calc((var(--fy) + var(--fh)) * 100%));mask-image:linear-gradient(to bottom,transparent calc((var(--fy) + var(--fh) - .2) * 100%),#000 calc((var(--fy) + var(--fh)) * 100%))}.bf4-img--foto{top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%;object-fit:contain;border-radius:10px}@media(hover:hover){.bf4-fiets:hover .bf4-img{translate:0 -1.8cqh}}.bf4-kop{position:absolute;z-index:6;left:var(--rand);top:clamp(24px,6.5cqh,56px);width:34cqw}.bf4-oog{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:600 var(--t-label, 11px)/1.5 Manrope,system-ui,-apple-system,sans-serif;letter-spacing:.18em;color:var(--ink2)}.bf4-oog>span{width:25px;height:2px;background:var(--oranje);flex:none}.sh .bf4-titel{margin:0;color:var(--ink);text-wrap:balance}.sh .bf4-titel>span,.sh .bf4-titel>em{display:block}.sh .bf4-titel em{font-style:normal;color:var(--oranje)}.bf4-valt{display:inline-block;white-space:nowrap}.bf4-valt>span{display:inline-block;transform-origin:50% 100%}.bf4-rail{position:absolute;z-index:6;top:clamp(24px,6.5cqh,56px);right:var(--rand);display:flex;gap:8px}.bf4-chip{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 7px 0 15px;border-radius:10px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1f;color:var(--ink2);font:500 var(--t-klein, 13px)/1 Manrope,system-ui,-apple-system,sans-serif;letter-spacing:.01em;text-decoration:none;transition:background .4s cubic-bezier(.33,0,.67,1),color .4s cubic-bezier(.33,0,.67,1),box-shadow .4s cubic-bezier(.33,0,.67,1)}.bf4-chip-prijs{color:var(--perzik);font-weight:400;font-variant-numeric:tabular-nums}.bf4-chip i{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#ffffff14;color:var(--ink);transition:background .4s cubic-bezier(.33,0,.67,1),color .4s cubic-bezier(.33,0,.67,1)}.bf4-chip.is-actief{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff4d;color:var(--ink)}.bf4-chip.is-actief i{background:var(--oranje);color:#1d1d1f}.bf4-chip:hover{background:#ffffff21;color:var(--ink)}.bf4-chip:focus-visible{outline:2px solid var(--oranje);outline-offset:3px}.bf4-infos{position:absolute;z-index:6;left:var(--rand);bottom:clamp(22px,6cqh,52px);width:36cqw;display:grid}.bf4-info{grid-area:1 / 1;display:grid;gap:16px;justify-items:start;align-content:end;color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent}.bf4-info.is-uit{pointer-events:none}.bf4-info:focus-visible{outline:2px solid var(--oranje);outline-offset:8px;border-radius:10px}.bf4-regel{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font:400 var(--t-mini, 10px)/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}.bf4-tag{display:inline-flex;align-items:center;gap:9px;height:30px;padding:0 12px 0 11px;border-radius:6px;background:linear-gradient(180deg,#252528,#141416);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff17;color:#f5f5f7d1;letter-spacing:.16em}.bf4-tag i{position:relative;width:6px;height:6px;border-radius:50%;background:var(--oranje);flex:none}.bf4-tag b{margin-left:3px;font:700 15px/1 Manrope,system-ui,-apple-system,sans-serif;letter-spacing:-.02em;text-transform:none;color:var(--perzik);font-variant-numeric:tabular-nums}.bf4-tag b small{font-size:11px;font-weight:500;letter-spacing:0;opacity:.8}.bf4-cijfers{display:flex;align-items:flex-start;font:300 clamp(64px,6.2cqw + 10px,112px)/1 Manrope,system-ui,-apple-system,sans-serif;letter-spacing:-.06em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.bf4-eur{margin:.12em .1em 0 0;font-size:.38em;letter-spacing:0}.bf4-getal{position:relative;display:grid}.bf4-oud,.bf4-nieuw{grid-area:1 / 1;display:block}.bf4-nieuw{height:1.04em;overflow:hidden}.bf4-c{display:inline-block;transform-origin:50% 0}.bf4-oud,.bf4-streep{pointer-events:none}.bf4-streep{position:absolute;left:-3%;right:-3%;top:54%;height:.042em;border-radius:1px;background:var(--oranje);transform-origin:0 50%;opacity:0}.bf4-was{margin:.2em 0 0 .3em;font:400 var(--t-tekst, 16px)/1 Manrope,system-ui,-apple-system,sans-serif;letter-spacing:0;color:#f5f5f780;text-decoration:line-through;text-decoration-color:var(--oranje);text-decoration-thickness:1.5px}.bf4-knop{position:relative;z-index:1;display:inline-flex;align-items:center;gap:14px;min-height:50px;padding:0 18px 0 22px;border-radius:var(--staal-r-knop, 10px);background:var(--oranje);color:#1d1d1f;font:600 var(--t-knop, 14px)/1 Manrope,system-ui,-apple-system,sans-serif;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff61,0 12px 28px -14px #e88a5db3;transition:background .4s cubic-bezier(.33,0,.67,1)}.bf4-knop svg{flex:none;transition:transform .45s cubic-bezier(.33,0,.67,1)}@media(hover:hover){.bf4-info:hover .bf4-knop{background:#f09a70}.bf4-info:hover .bf4-knop svg{transform:translate(3px)}}.bf4-zeker{position:absolute;z-index:6;right:var(--rand);bottom:clamp(22px,6cqh,52px);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 18px;margin:0;font-size:var(--t-klein, 13px);line-height:1.45;color:var(--ink3)}.bf4-zeker span{display:inline-flex;align-items:center;gap:8px}.bf4-zeker span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--oranje)}.bf4.is-film .bf4-info:not(.is-gevallen) .bf4-nieuw .bf4-c{transform:translate3d(0,-105%,0)}.bf4.is-film .bf4-info:not(.is-gevallen) .bf4-was{opacity:0}.bf4-info.is-gevallen .bf4-streep{animation:bf4-streep 1s cubic-bezier(.33,0,.67,1) both}.bf4-info.is-gevallen .bf4-oud .bf4-c{animation:bf4-dwarrel 1.1s cubic-bezier(.33,0,.67,1) calc(.28s + var(--j, 0) * .05s) both}.bf4-info.is-gevallen .bf4-nieuw .bf4-c{animation:bf4-erin .6s cubic-bezier(.33,0,.67,1) calc(.66s + var(--j, 0) * 55ms) both}.bf4-info.is-gevallen .bf4-was{animation:bf4-op .5s cubic-bezier(.33,0,.67,1) 1.1s both}.bf4-oud .bf4-c{--z1: -12%;--q1: -14deg;--z2: 10%;--q2: 9deg;--z3: -7%;--q3: -24deg}.bf4-oud .bf4-c:nth-child(2n){--z1: 13%;--q1: 16deg;--z2: -9%;--q2: -11deg;--z3: 9%;--q3: 28deg}@keyframes bf4-streep{0%{transform:scaleX(0);opacity:1}28%,60%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}@keyframes bf4-dwarrel{0%{transform:none;opacity:1}32%{transform:translate3d(var(--z1),26%,0) rotate(var(--q1));opacity:1}64%{transform:translate3d(var(--z2),70%,0) rotate(var(--q2));opacity:.45}to{transform:translate3d(var(--z3),118%,0) rotate(var(--q3));opacity:0}}@keyframes bf4-erin{0%{transform:translate3d(0,-105%,0)}to{transform:none}}@keyframes bf4-op{0%{opacity:0;transform:translate3d(0,40%,0)}to{opacity:1;transform:none}}.bf4:not(.is-film) :is(.bf4-oud,.bf4-streep){display:none}.bf4:not(.is-film) :is(.bf4-deal+.bf4-deal,.bf4-info+.bf4-info){display:none}.bf4.is-film .bf4-deal+.bf4-deal :is(.bf4-fiets,.bf4-spot),.bf4.is-film .bf4-info+.bf4-info{opacity:0}.bf4.is-film :is(.bf4-fiets,.bf4-woord,.bf4-info){will-change:transform,opacity}@media screen and (max-width:820px){.bf4-kaart{min-height:540px}.bf4.is-film .bf4-film{--bf4-reis: 90svh}.bf4--een.is-film .bf4-film{--bf4-reis: 50svh}.bf4-kaart>*{--rand: 20px}.bf4-kop{top:clamp(20px,3.4svh,32px);right:var(--rand);width:auto}.bf4-oog{margin-bottom:10px}.bf4-rail,.bf4-zeker{display:none}.bf4-woord{font-size:28cqw}.bf4-woord--a{left:3cqw;top:27cqh}.bf4-woord--b{left:5cqw;top:calc(27cqh + .8em)}.bf4-fiets{left:2cqw;right:2cqw;top:25cqh;height:41cqh}.bf4-infos{right:var(--rand);bottom:20px;width:auto}.bf4-info{gap:12px;justify-items:stretch}.bf4-regel{justify-content:space-between}.bf4-cijfers{font-size:clamp(54px,16cqw,84px)}.bf4-was{font-size:var(--t-klein, 13px)}.bf4-knop{justify-content:space-between}.bf4-kleur{background:radial-gradient(76% 34% at 50% 47%,rgba(var(--rgb),.24),rgba(var(--rgb),.07) 52%,transparent 78%)}.bf4-spot{background:radial-gradient(62% 26% at 50% 36%,rgba(255,240,230,.15),rgba(255,240,230,.04) 52%,transparent 76%)}.bf4-laag--ver .bf4-blad,.bf4-laag--mid .bf4-blad{--bm: 1.45}.bf4-laag--dicht .bf4-blad{--bm: 1.1}.bf4-laag--ver .bf4-blad:nth-child(n+4),.bf4-laag--mid .bf4-blad:nth-child(n+5),.bf4-laag--dicht .bf4-blad:nth-child(n+3){display:none}.bf4:not(.is-film) .bf4-rail{display:flex;top:auto;bottom:20px;left:var(--rand);right:var(--rand)}.bf4:not(.is-film) .bf4-chip{flex:1;min-width:0;justify-content:space-between;gap:6px;padding:0 6px 0 11px;white-space:nowrap;font-size:12px}.bf4:not(.is-film) .bf4-infos{bottom:76px}}@media(prefers-reduced-motion:reduce){.bf4-chip,.bf4-chip i,.bf4-knop,.bf4-knop svg,.bf4-img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/staal-bf-podium.css.map */