.section--skate-builder{margin:1rem auto!important}.skate-builder{--sb-gap: 1rem;--sb-radius: 10px;--sb-border-color: rgba(0, 0, 0, .08);--sb-border: 1px solid var(--sb-border-color);--sb-surface: #ffffff;--sb-surface-alt: #f5f4f1;--sb-accent: #d21a66;--sb-accent-hover: #b3135a;--sb-text: #1a1a1a;--sb-muted: #1a1a1a;--sb-positive: #1a7f37;--sb-negative: #b42318;--sb-topbar-height: 64px;color:var(--sb-text);background:var(--sb-surface);display:flex;flex-direction:column}.skate-builder__topbar{position:sticky;top:var(--sb-sticky-offset, 0px);z-index:20;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:.75rem 1.25rem;background:var(--sb-surface);border-bottom:1px solid var(--sb-border-color);min-height:var(--sb-topbar-height)}.skate-builder__step-nav{display:flex;align-items:center;justify-content:center;gap:.25rem;overflow-x:auto;scrollbar-width:none}.skate-builder__step-nav::-webkit-scrollbar{display:none}.skate-builder__step-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;font:inherit;font-size:1.5rem;color:var(--sb-text);white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.skate-builder__step-btn:hover:not([data-locked=true]){color:var(--sb-text);background:var(--sb-surface-alt)}.skate-builder__step-btn[data-active=true],.skate-builder__step-btn[data-active=true] .skate-builder__step-name{background:var(--sb-text);color:#fff}.skate-builder__step-btn[data-active=true] .skate-builder__step-num{background:#fff3;color:#fff}.skate-builder__step-btn[data-complete=true]:not([data-active=true]){color:var(--sb-text)}.skate-builder__step-btn[data-complete=true]:not([data-active=true]) .skate-builder__step-num{background:var(--sb-accent);color:#fff}.skate-builder__step-btn[data-locked=true]{cursor:not-allowed}.skate-builder__step-num{width:22px;height:22px;border-radius:999px;background:var(--sb-surface-alt);color:var(--sb-text);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.skate-builder__step-name{font-weight:600;letter-spacing:.02em}.skate-builder__topbar-right{display:flex;align-items:center;gap:.875rem}.skate-builder__total-pill{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.skate-builder__total-label{font-size:1.4rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sb-muted)}.skate-builder__total-amount{font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums}.skate-builder__cta{padding:.75rem 1.25rem;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.5rem;background:var(--sb-accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .15s,opacity .15s,background .15s}.skate-builder__cta:hover:not(:disabled){transform:translateY(-1px);background:var(--sb-accent-hover)}.skate-builder__cta:disabled{opacity:.35;cursor:not-allowed}.skate-builder__mobile-filter{display:none;align-items:center;gap:.5rem;margin:.5rem .75rem 0;padding:.5rem .75rem;background:var(--sb-surface);border:var(--sb-border);border-radius:8px;font:inherit;font-size:1.5rem;font-weight:600;cursor:pointer;width:fit-content}.skate-builder__layout{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;gap:0;flex:1;min-height:0}@media(max-width:1100px){.skate-builder__layout{grid-template-columns:minmax(0,1fr) 300px}.skate-builder__filters{position:fixed;top:0;right:30%;bottom:0;left:0;z-index:40;transform:translate(-100%);transition:transform .25s ease;box-shadow:0 0 40px #0003}.skate-builder__filters[data-open=true]{transform:translate(0)}.skate-builder__mobile-filter{display:inline-flex}.skate-builder__filters-close{display:inline-flex!important}}@media(max-width:768px){.skate-builder__layout{grid-template-columns:1fr;flex:initial}.skate-builder__main{padding-bottom:5rem}.skate-builder__summary{position:fixed;inset:auto 0 0 0;z-index:35;max-height:50vh;transform:translateY(calc(100% - 60px));transition:transform .25s ease;border-top:1px solid var(--sb-border-color);border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #0000001f}.skate-builder__summary[data-open=true]{transform:translateY(0)}.skate-builder__summary:before{content:"";display:block;width:36px;height:4px;background:#00000026;border-radius:2px;margin:.5rem auto}.skate-builder__step-name{display:none}.skate-builder__step-btn{padding:.375rem .5rem}.skate-builder__topbar{padding:.5rem .75rem}.skate-builder__filters{top:0;right:20%;bottom:0;left:0}}.skate-builder__filters{background:var(--sb-surface);border-right:1px solid var(--sb-border-color);padding:1.25rem 1rem;overflow-y:auto}@media(min-width:1101px){.skate-builder__filters{max-height:calc(100vh - var(--sb-sticky-offset, 0px) - var(--sb-topbar-height));position:sticky;top:calc(var(--sb-sticky-offset, 0px) + var(--sb-topbar-height));align-self:start}}.skate-builder__filters-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.5rem}.skate-builder__filters-title{margin:0;font-size:1.6rem;text-transform:uppercase;letter-spacing:.04em}.skate-builder__filters-clear{background:transparent;border:none;text-decoration:underline;font:inherit;font-size:1.5rem;color:var(--sb-muted);cursor:pointer;padding:0}.skate-builder__filters-close{display:none;background:transparent;border:none;cursor:pointer;padding:.25rem;color:var(--sb-text)}.skate-builder__filter-group{border-top:1px solid var(--sb-border-color);padding-top:.875rem;margin-top:.875rem}.skate-builder__filter-heading{margin:0 0 .625rem;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.skate-builder__filter-list{display:flex;flex-direction:column;gap:.375rem}.skate-builder__filter-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1.5rem;color:var(--sb-text)}.skate-builder__filter-item input{accent-color:var(--sb-accent)}.skate-builder__filter-empty{font-size:1.5rem;color:var(--sb-muted);margin:0}.skate-builder__main{padding:1.25rem;min-width:0;background:var(--sb-surface)}.skate-builder-step{display:none}.skate-builder-step[data-active=true]{display:block}.skate-builder-step__heading{margin:0 0 .25rem;font-size:2.4rem;line-height:1.15;text-transform:uppercase;letter-spacing:.02em}.skate-builder-step__sub{margin:0 0 1rem;color:var(--sb-muted);font-size:1.5rem;line-height:1.4}.skate-builder-step__empty{padding:3rem 1rem;text-align:center;color:var(--sb-muted);font-size:1.6rem;border:1px dashed var(--sb-border-color);border-radius:12px;background:var(--sb-surface-alt)}.skate-builder-step__grid{display:grid;gap:1px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));background:var(--sb-border-color);border:1px solid var(--sb-border-color)}@media(max-width:768px){.skate-builder-step__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skate-builder__main{padding:.5rem .75rem 7rem}.skate-builder-step__heading{font-size:1.8rem;margin-top:0}.skate-builder-step__sub{margin-bottom:.75rem}}.skate-builder-card{position:relative;display:flex;flex-direction:column;background:var(--sb-surface);cursor:pointer;text-align:left;padding:1rem;font:inherit;color:inherit;border:none;transition:background .15s}.skate-builder-card:hover{background:var(--sb-surface-alt)}.skate-builder-card[data-selected=true]{background:var(--sb-surface);box-shadow:inset 0 0 0 2px var(--sb-accent);z-index:1}.skate-builder-card__check{position:absolute;top:.75rem;left:.75rem;width:24px;height:24px;border-radius:50%;background:var(--sb-accent);color:#fff;display:none;align-items:center;justify-content:center;z-index:2}.skate-builder-card[data-selected=true] .skate-builder-card__check{display:inline-flex}.skate-builder-card[data-default=true] .skate-builder-card__price{color:var(--sb-accent);font-weight:600}.skate-builder-card[data-none=true] .skate-builder-card__media{background:var(--sb-surface-alt);color:var(--sb-muted)}.skate-builder-card[data-none=true] .skate-builder-card__price[data-sign=negative]{color:var(--sb-positive)}.skate-builder-card__media{position:relative;aspect-ratio:1 / 1;background:#fff;overflow:visible;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.skate-builder-card__media img{width:100%;height:100%;object-fit:contain}.skate-builder-card__info{position:absolute;top:.5rem;right:.5rem;width:26px;height:26px;padding:0;border-radius:999px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);color:var(--sb-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 1px 4px #00000014;transition:transform .15s ease,background .15s ease}.skate-builder-card__info:hover{background:#fff;transform:scale(1.05)}.skate-builder-card__desc{position:fixed;top:0;left:0;width:min(360px,calc(100vw - 2rem));padding:.75rem .875rem;background:var(--sb-text);color:#fff;border-radius:8px;font-size:1.5rem;font-weight:500;line-height:1.45;box-shadow:0 8px 24px #0000002e;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:1000;white-space:normal;visibility:hidden}.skate-builder-card__desc[data-open=true]{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.skate-builder-card__vendor{font-size:1.4rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sb-text);font-weight:700;margin-bottom:.25rem}.skate-builder-card__title{margin:0 0 .5rem;font-size:1.6rem;font-weight:500;line-height:1.3;color:var(--sb-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.skate-builder-card__price{margin-top:auto;font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.skate-builder-card__delta{margin-top:auto;font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.skate-builder-card__delta[data-sign=positive]{color:var(--sb-negative)}.skate-builder-card__delta[data-sign=negative]{color:var(--sb-positive)}.skate-builder-card__delta[data-sign=zero]{color:var(--sb-muted)}.skate-builder-step__variant{display:block;padding:.875rem 1rem;background:var(--sb-surface);border:1px solid var(--sb-border-color);border-radius:12px;box-shadow:0 4px 16px #0000000a;max-height:33vh;overflow-y:auto}.skate-builder-step__variant[hidden]{display:none}.skate-builder-step__variant-label{font-size:1.5rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sb-accent);font-weight:700;margin-bottom:.625rem;display:block}.skate-builder-step__variant-options{display:flex;flex-wrap:wrap;gap:.5rem}.skate-builder-step__variant-option{border:1.5px solid rgba(0,0,0,.12);background:var(--sb-surface);border-radius:6px;padding:.5rem .875rem;font-size:1.5rem;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.skate-builder-step__variant-option:hover:not(:disabled){border-color:var(--sb-text)}.skate-builder-step__variant-option[data-selected=true]{border-color:var(--sb-accent);background:#d21a6614;color:var(--sb-accent)}.skate-builder-step__variant-option:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}@media(max-width:768px){.skate-builder-step__variant{padding:.625rem .75rem;max-height:none;overflow:visible}.skate-builder-step__variant-label{margin-bottom:.5rem}.skate-builder-step__variant-options{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.skate-builder-step__variant-option{flex:none;white-space:nowrap}}.skate-builder__step-footer{display:flex;flex-direction:column;gap:.75rem}.skate-builder__step-footer-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem}.skate-builder__step-msg-row{margin-top:.5rem;text-align:left;min-height:1.25rem}.skate-builder__step-msg{display:inline-block;font-size:1.5rem;font-weight:600;color:#8a1a1a;visibility:hidden;opacity:0;transition:opacity .15s ease}.skate-builder__step-msg[data-visible=true]{visibility:visible;opacity:1}.skate-builder__step-footer--top{position:sticky;top:calc(var(--sb-sticky-offset, 0px) + var(--sb-topbar-height));z-index:15;margin-top:0;margin-bottom:1rem;padding:.75rem 0;background:var(--sb-surface)}.skate-builder__step-prev,.skate-builder__step-next{background:transparent;border:1px solid var(--sb-border-color);padding:.625rem 1rem;font:inherit;font-weight:600;border-radius:8px;cursor:pointer;color:var(--sb-text);transition:background .15s,border-color .15s}.skate-builder__step-prev:hover,.skate-builder__step-next:hover{background:var(--sb-surface-alt);border-color:var(--sb-text)}.skate-builder__step-prev:disabled,.skate-builder__step-next:disabled{opacity:.3;cursor:not-allowed}.skate-builder__step-next{background:var(--sb-accent);color:#fff;border-color:var(--sb-accent)}.skate-builder__step-next:hover:not(:disabled){background:var(--sb-accent-hover);border-color:var(--sb-accent-hover)}.skate-builder__summary{background:var(--sb-surface);border-left:1px solid var(--sb-border-color);padding:1.25rem;overflow-y:auto}@media(min-width:769px){.skate-builder__summary{position:sticky;top:calc(var(--sb-sticky-offset, 0px) + var(--sb-topbar-height));align-self:start;max-height:calc(100vh - var(--sb-sticky-offset, 0px) - var(--sb-topbar-height))}}.skate-builder__summary-title{margin:0 0 1rem;font-size:1.6rem;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;background:none;border:none;color:inherit;font:inherit;text-align:left}.skate-builder__summary-caret{display:none;flex:none;transition:transform .2s ease}@media(max-width:768px){.skate-builder__summary-title{margin-bottom:.75rem;cursor:pointer}.skate-builder__summary-caret{display:block}.skate-builder__summary[data-open=true] .skate-builder__summary-caret{transform:rotate(180deg)}}.skate-builder__summary-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.75rem}.skate-builder__summary-item{position:relative;display:grid;grid-template-columns:56px 1fr auto;gap:.75rem;align-items:center;padding-bottom:.75rem;border-bottom:1px dashed var(--sb-border-color)}.skate-builder__summary-item:last-child{border-bottom:none;padding-bottom:0}.skate-builder__summary-thumb{width:56px;height:56px;background:var(--sb-surface-alt);border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.skate-builder__summary-thumb img{width:100%;height:100%;object-fit:contain}.skate-builder__summary-placeholder{font-size:1.3rem;text-transform:uppercase;color:var(--sb-muted);text-align:center;line-height:1.1;padding:0 4px;font-weight:600;letter-spacing:.04em}.skate-builder__summary-meta{display:flex;flex-direction:column;gap:.0625rem;min-width:0}.skate-builder__summary-label{font-size:1.3rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sb-muted);font-weight:700}.skate-builder__summary-name{font-size:1.5rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}.skate-builder__summary-size{font-size:1.5rem;color:var(--sb-muted)}.skate-builder__summary-price{font-size:1.5rem;color:var(--sb-muted);font-variant-numeric:tabular-nums}.skate-builder__summary-price[data-delta=positive]{color:var(--sb-negative);font-weight:600}.skate-builder__summary-price[data-delta=negative]{color:var(--sb-positive);font-weight:600}.skate-builder__summary-remove{background:transparent;border:none;color:var(--sb-muted);cursor:pointer;padding:.25rem;border-radius:4px}.skate-builder__summary-remove:hover{background:var(--sb-surface-alt);color:var(--sb-text)}.skate-builder__min-note{margin:.75rem 0 0;padding:.6rem .75rem;border-radius:8px;background:var(--sb-surface-alt);font-size:1.3rem;line-height:1.4}.skate-builder__disclaimer{margin:0;font-size:1.4rem;color:var(--sb-muted);line-height:1.5;padding-top:.75rem;border-top:1px solid var(--sb-border-color)}.skate-builder__toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%,1rem);z-index:60;background:var(--sb-text);color:#fff;padding:.75rem 1.25rem;border-radius:999px;font-size:1.5rem;font-weight:600;box-shadow:0 8px 24px #0003;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;max-width:calc(100vw - 2rem);text-align:center}.skate-builder__toast[data-visible=true]{opacity:1;transform:translate(-50%)}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map */