.fsb{display:block;padding:3.2rem 0 6rem}.fsb__intro{text-align:center;max-width:64rem;margin:0 auto 3.2rem}.fsb__title{margin:0 0 1.2rem}.fsb__title-img{width:min(34rem,70vw);height:auto}.fsb__lead{font-size:1.6rem;color:rgba(var(--color-foreground),.8)}.fsb__layout{display:grid;gap:3.2rem}.fsb__panel{align-self:start;padding:2rem;border-radius:var(--fs-radius);background:rgb(var(--color-background));box-shadow:0 .4rem 2.4rem #0000001a}.fsb__stage{display:grid;gap:1.2rem;padding:2rem 1.6rem 1.6rem;border-radius:calc(var(--fs-radius) - .4rem);background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.9),transparent 60%),linear-gradient(160deg,rgb(var(--fs-concrete)),#d6d5d1)}.fsb__part{position:relative}.fsb__part img{display:block;transition:opacity .18s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.fsb__part.is-swapping img{opacity:0;transform:translateY(-.8rem) scale(.97)}.fsb__part.is-landing img{animation:fsbLand .45s cubic-bezier(.2,.8,.2,1)}.fsb__part--deck.is-swapping img{transform:translate(-50%,calc(-50% - .8rem)) rotate(-90deg) scale(.97)}.fsb__part--deck.is-landing img{animation:none}.fsb__tag{position:absolute;top:0;left:0;z-index:1;padding:.3rem .8rem .1rem;border-radius:.4rem;background:rgba(var(--fs-ink),.85);color:#fff;font-family:var(--fs-display);font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase}.fsb__deck{position:relative;container-type:inline-size;aspect-ratio:2640 / 958;margin-top:1.6rem;filter:drop-shadow(0 1.4rem 1.2rem rgba(0,0,0,.22));animation:fsbFloat 5s ease-in-out infinite}.fsb__deck img{position:absolute;top:50%;left:50%;width:calc(100cqw * 958 / 2640);height:100cqw;object-fit:contain;transform:translate(-50%,-50%) rotate(-90deg)}.fsb__row{display:grid;grid-template-columns:1.3fr 1fr;gap:1.2rem;align-items:end}.fsb__part--trucks img,.fsb__part--wheels img{width:100%;height:auto;aspect-ratio:1.15;object-fit:contain;filter:drop-shadow(0 .8rem .8rem rgba(0,0,0,.18))}.fsb__part--trucks,.fsb__part--wheels{padding-top:2.4rem}@keyframes fsbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-.6rem)}}@keyframes fsbLand{0%{transform:translateY(-1.2rem)}60%{transform:translateY(.2rem)}to{transform:none}}.fsb__lines{margin:2rem 0 0;display:grid;gap:.6rem;font-size:1.5rem}.fsb__lines>div{display:grid;grid-template-columns:7rem 1fr;gap:1rem}.fsb__lines dt{color:rgba(var(--color-foreground),.6)}.fsb__lines dd{margin:0;display:flex;justify-content:space-between;gap:1rem}.fsb__total{display:flex;justify-content:space-between;align-items:baseline;margin:1.6rem 0;padding-top:1.6rem;border-top:1px solid rgba(var(--color-foreground),.15);font-family:var(--fs-display);font-size:2.4rem}.fsb__total strong{font-size:3.6rem}.fsb__add{width:100%;position:relative}.fsb__spinner{display:none;width:2rem;height:2rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:fsbSpin .7s linear infinite}.fsb__add.loading .fsb__add-label{visibility:hidden}.fsb__add.loading .fsb__spinner{display:block;position:absolute}@keyframes fsbSpin{to{transform:rotate(360deg)}}.fsb__error{margin:1.2rem 0 0;padding:1rem 1.2rem;border-radius:.6rem;background:#c81e1e14;color:#aa1414;font-size:1.4rem}.fsb__age{margin:1.6rem 0 0}.fsb__steps{display:grid;gap:4rem}.fsb__step{border:0;margin:0;padding:0;min-width:0}.fsb__legend{display:flex;align-items:center;gap:1.2rem;padding:0;font-family:var(--fs-display);font-size:3.4rem;line-height:1}.fsb__num{display:inline-grid;place-items:center;width:4rem;height:4rem;padding-top:.3rem;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:2.4rem}.fsb__specs{margin:.8rem 0 1.6rem;font-size:1.5rem;color:rgba(var(--color-foreground),.8)}.fsb__specs p{margin:0}.fsb__note{font-weight:700;color:rgb(var(--color-foreground))}.fsb__options{display:grid;gap:1.2rem}.fsb__options--deck{grid-template-columns:repeat(5,minmax(0,1fr))}.fsb__options--trucks{grid-template-columns:repeat(3,minmax(0,1fr))}.fsb__options--wheels{grid-template-columns:repeat(5,minmax(0,1fr))}.fsb__option{position:relative;display:flex;flex-direction:column;border:2px solid rgba(var(--color-foreground),.1);border-radius:1.2rem;background:rgb(var(--color-background));cursor:pointer;overflow:hidden;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.fsb__option:hover{border-color:rgba(var(--color-foreground),.35);transform:translateY(-2px)}.fsb__option:has(.fsb__input:checked){border-color:rgb(var(--color-foreground));box-shadow:0 .6rem 1.6rem #0000001f}.fsb__option:has(.fsb__input:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.fsb__option.is-soldout{cursor:not-allowed;opacity:.45}.fsb__option.is-soldout:hover{transform:none}.fsb__input{position:absolute;opacity:0;width:1px;height:1px}.fsb__thumb{display:grid;place-items:center;padding:1rem;background:rgba(var(--fs-concrete),.55)}.fsb__thumb img{width:100%;height:100%;object-fit:contain}.fsb__options--deck .fsb__thumb{aspect-ratio:1 / 2}.fsb__options--trucks .fsb__thumb,.fsb__options--wheels .fsb__thumb{aspect-ratio:1}.fsb__meta{display:flex;flex-direction:column;gap:.2rem;padding:.8rem 1rem 1rem;font-size:1.3rem;line-height:1.25}.fsb__name{font-weight:600;overflow-wrap:anywhere}.fsb__price{color:rgba(var(--color-foreground),.7)}.fsb__option:has(.fsb__input:checked) .fsb__meta:after{content:"\2713  Vald";font-weight:700;font-size:1.2rem}.fsb__bar{position:fixed;inset:auto 0 0;z-index:3;display:flex;align-items:center;gap:1.6rem;padding:1.2rem 1.6rem calc(1.2rem + env(safe-area-inset-bottom));background:rgba(var(--color-background),.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -.4rem 2rem #0000001f;transform:translateY(110%);transition:transform .3s ease}.fsb__bar.is-visible{transform:none}.fsb__bar-total{display:grid;font-family:var(--fs-display);line-height:1}.fsb__bar-total span{font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.fsb__bar-total strong{font-size:2.8rem}.fsb__bar .fsb__add{flex:1;min-height:4.8rem}@media screen and (max-width:749px){.fsb__options--deck{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:38%;overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem .2rem 1rem;margin-inline:-.2rem}.fsb__options--deck .fsb__option{scroll-snap-align:start}.fsb__options--wheels{grid-template-columns:repeat(3,minmax(0,1fr))}.fsb__panel{padding:1.4rem}.fsb__legend{font-size:2.8rem}}@media screen and (min-width:990px){.fsb__layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:4.8rem}.fsb__panel{position:sticky;top:2.4rem}.fsb__bar{display:none}}@media(prefers-reduced-motion:reduce){.fsb__deck,.fsb__part.is-landing img{animation:none}.fsb__part img{transition:opacity .18s ease}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/fs-builder.css.map */