@font-face{font-family:Inter;src:url(ff-r6-media-8985569177e2.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}ff-r6-board-compare{display:block;--ff-r6-compare-bg:#202020;--ff-r6-compare-text:#fff;--ff-r6-compare-muted:rgba(255,255,255,.72);--ff-r6-compare-action:#fff;--ff-r6-compare-action-text:#202020;--ff-r6-compare-grid:4;background:var(--ff-r6-compare-bg);color:var(--ff-r6-compare-text);padding:var(--ff-r6-compare-top,64px) clamp(20px,4vw,48px) var(--ff-r6-compare-bottom,72px);font-family:Inter,Arial,sans-serif;font-size:var(--ff-r6-compare-body,14px);line-height:1.5;scroll-margin-top:24px}ff-r6-board-compare.ff-r6-compare--light{--ff-r6-compare-bg:#F1EADA;--ff-r6-compare-text:#202020;--ff-r6-compare-muted:#5C554A;--ff-r6-compare-action:#202020;--ff-r6-compare-action-text:#fff}ff-r6-board-compare *,ff-r6-board-compare *:before,ff-r6-board-compare *:after{box-sizing:border-box}ff-r6-board-compare [hidden]{display:none!important}.ff-compare__inner{max-width:var(--ff-r6-compare-width,1200px);margin:auto}.ff-compare__intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:48px;margin-bottom:32px}.ff-compare__eyebrow{margin:0 0 12px!important;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffbc00}.ff-r6-compare--light .ff-compare__eyebrow{color:#5c554a}.ff-compare__intro h2{font:900 var(--ff-r6-compare-heading,48px)/1.02 Inter,Arial,sans-serif;letter-spacing:-.05em;margin:0;max-width:700px}.ff-compare__intro>div>p:not(.ff-compare__eyebrow){max-width:460px;margin:0 0 12px;color:var(--ff-r6-compare-muted);font-size:16px;line-height:1.5}.ff-compare__jump{font-size:13px;font-weight:700;color:var(--ff-r6-compare-text);text-underline-offset:5px}.ff-compare__filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}ff-r6-board-compare button{font:700 12px/1.2 Inter,Arial,sans-serif;border:0!important;border-radius:999px!important;min-height:44px;padding:12px 22px;background:var(--ff-r6-compare-action);color:var(--ff-r6-compare-action-text);cursor:pointer;box-shadow:none!important;transition:background-color .18s cubic-bezier(.2,.7,.2,1),color .18s cubic-bezier(.2,.7,.2,1);white-space:normal}ff-r6-board-compare button:hover{transform:none;filter:brightness(.94)}ff-r6-board-compare button[aria-pressed=true]{background:#ffbc00;color:#202020}ff-r6-board-compare button[aria-disabled=true]{opacity:.56;cursor:default}ff-r6-board-compare button:focus-visible,ff-r6-board-compare a:focus-visible,.ff-compare__scroll:focus-visible{outline:3px solid #405DE6;outline-offset:4px}.ff-compare__grid{display:grid;grid-template-columns:repeat(var(--ff-r6-compare-grid,4),minmax(0,1fr));gap:36px 22px}.ff-compare__card{display:flex;flex-direction:column;min-width:0;gap:0;background:transparent;border:0;box-shadow:none;margin:0;padding:0;position:relative}.ff-compare__image{height:var(--ff-r6-compare-image,210px);display:flex;align-items:center;justify-content:center;background:#fffcf7;border-radius:16px;position:relative;overflow:hidden;text-decoration:none;color:#202020}.ff-compare__image img{display:block;width:100%;height:100%;object-fit:contain;padding:18px;transform:none;filter:none;box-shadow:none}.ff-compare__tag{position:absolute;top:12px;left:12px;border-radius:999px;padding:5px 10px;background:#ffbc00;color:#202020;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.ff-compare__card-copy{padding:16px 0 18px;display:flex;flex-direction:column;gap:7px;flex:1}.ff-compare__card h3{font:900 22px/1.08 Inter,Arial,sans-serif;letter-spacing:-.03em;margin:0}.ff-compare__card h3 a{color:inherit;text-decoration:none}.ff-compare__card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.ff-compare__card p{margin:0}.ff-compare__sport{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ff-r6-compare-muted)}.ff-compare__best{font-weight:700;font-size:13px;line-height:1.45}.ff-compare__blurb{color:var(--ff-r6-compare-muted);font-size:var(--ff-r6-compare-body,14px);line-height:1.5}.ff-compare__toggle{width:100%;margin-top:auto;min-height:48px!important}.ff-compare__more{text-align:center;margin:28px 0 0}.ff-compare__status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ff-compare__table-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:64px 0 20px;scroll-margin-top:30px}.ff-compare__table-intro h3{font:900 36px/1.08 Inter,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 10px}.ff-compare__table-intro .ff-compare__count{color:var(--ff-r6-compare-muted);margin:0;font-size:13px}.ff-compare__table-intro button{flex-shrink:0}.ff-compare__scroll-help{display:none;font-size:12px;color:var(--ff-r6-compare-muted);margin:0 0 12px}.ff-compare__scroll{overflow:auto;overscroll-behavior-inline:contain;border-radius:16px;background:#fff;color:#202020;scrollbar-color:#FFBC00 #F1EADA;scrollbar-width:thin}.ff-compare__table{min-width:640px}.ff-compare__row{display:grid;grid-template-columns:180px repeat(var(--ff-r6-compare-columns),minmax(0,1fr));align-items:stretch}.ff-compare__row:nth-child(2n){background:#f1eada}.ff-compare__row:nth-child(odd){background:#fff}.ff-compare__cell{padding:17px 18px;font-size:14px;line-height:1.45;min-width:0;overflow-wrap:anywhere;display:flex;align-items:center;gap:12px}.ff-compare__label{font-weight:700;align-items:center;position:sticky;left:0;z-index:1;background:inherit}.ff-compare__row:nth-child(2n)>.ff-compare__label{background:#f1eada}.ff-compare__row:nth-child(odd)>.ff-compare__label{background:#fff}.ff-compare__row:first-child>.ff-compare__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ff-compare__product{min-height:116px;display:flex;align-items:center;gap:12px;position:relative;flex-wrap:wrap}.ff-compare__product img{display:block;width:54px;height:72px;object-fit:contain;border-radius:16px;background:#fffcf7;flex-shrink:0;transform:none}.ff-compare__product a{font-size:20px;font-weight:900;line-height:1.1;letter-spacing:-.03em;color:#202020;text-decoration:none;display:flex;align-items:center;gap:12px}.ff-compare__product a:hover{text-decoration:underline;text-underline-offset:4px}.ff-compare__product button.ff-compare__remove{min-height:44px;padding:8px 12px;background:#f1eada;color:#202020;font-size:11px;font-weight:700;margin-left:auto}.ff-compare__footnote{font-size:12px;line-height:1.5;color:var(--ff-r6-compare-muted);margin:20px 0 0;max-width:780px}.ff-compare.is-pending .ff-compare__filters,.ff-compare.is-pending .ff-compare__toggle,.ff-compare.is-pending .ff-compare__more,.ff-compare.is-pending .ff-compare__table-intro,.ff-compare.is-pending .ff-compare__scroll,.ff-compare.is-pending .ff-compare__scroll-help,.ff-compare.is-pending .ff-compare__jump{display:none}.ff-compare__nojs{padding-top:20px;color:var(--ff-r6-compare-muted)}@media(max-width:1000px){.ff-compare__row{grid-template-columns:150px repeat(var(--ff-r6-compare-columns),minmax(0,1fr))}.ff-compare__cell{padding:14px}.ff-compare__product a{font-size:18px;gap:8px}.ff-compare__product img{width:40px;height:60px}.ff-compare__intro{gap:24px}}@media(max-width:900px){.ff-compare__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-compare__intro h2{font-size:min(var(--ff-r6-compare-heading,48px),42px)}.ff-compare__intro{grid-template-columns:1fr;gap:20px}}@media(max-width:700px){.ff-compare__scroll-help{display:block}.ff-compare__row{grid-template-columns:144px repeat(var(--ff-r6-compare-columns),minmax(0,1fr))}.ff-compare__table{min-width:calc(144px + max(1,var(--ff-r6-compare-columns))*196px)}.ff-compare__cell{font-size:13px;padding:14px}.ff-compare__table-intro h3{font-size:30px}.ff-compare__product{min-height:116px;align-content:center}.ff-compare__product a{font-size:19px}.ff-compare__scroll{scroll-snap-type:x proximity}}@media(max-width:560px){ff-r6-board-compare{padding-top:var(--ff-r6-compare-mobile,44px);padding-bottom:var(--ff-r6-compare-mobile,44px)}.ff-compare__intro h2{font-size:clamp(28px,8vw,40px)}.ff-compare__intro>div>p:not(.ff-compare__eyebrow){font-size:14px}.ff-compare__grid{grid-template-columns:1fr;gap:32px}.ff-compare__image{height:240px}.ff-compare__image img{padding:16px 32px}.ff-compare__card-copy{padding:16px 0}.ff-compare__filters{gap:7px}.ff-compare__filters button{padding:10px 16px;min-height:44px}.ff-compare__table-intro{margin-top:48px;align-items:center;gap:12px}.ff-compare__table-intro .ff-compare__eyebrow{margin-bottom:8px!important}.ff-compare__table-intro button{padding:12px 20px}.ff-compare__product button.ff-compare__remove{min-height:44px}.ff-compare__footnote{margin-top:18px}}@media(prefers-reduced-motion:reduce){ff-r6-board-compare button{transition:none!important}ff-r6-board-compare *{scroll-behavior:auto!important}}.ff-compare__anchor{display:block;position:relative;top:-24px;scroll-margin-top:24px}.ff-compare__secondary-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:-10px 0 28px}.ff-compare__secondary-filters>div{display:flex;flex-wrap:wrap;gap:6px}.ff-compare__secondary-filters button{padding:9px 14px;min-height:44px;font-size:11px}.ff-compare__secondary-filters label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;min-height:44px;cursor:pointer}.ff-compare__secondary-filters input{width:18px;height:18px;accent-color:#FFBC00}.ff-compare__commerce{display:flex;justify-content:space-between;gap:12px;margin-top:6px!important;font-size:13px;font-weight:700}.ff-compare__commerce>span:last-child{font-size:11px;font-weight:400;color:var(--ff-r6-compare-muted)}.ff-compare.is-pending .ff-compare__secondary-filters{display:none}@media(max-width:700px){.ff-compare__table{min-width:max(640px,calc(144px + max(1,var(--ff-r6-compare-columns))*196px))}}.ff-compare__image img{position:absolute;max-width:none;width:calc(100% * var(--ff-image-scale,1));height:calc(100% * var(--ff-image-scale,1));left:calc((100% - 100% * var(--ff-image-scale,1))/2);top:calc((100% - 100% * var(--ff-image-scale,1))/2 + var(--ff-image-offset,0%))}.ff-compare__card[data-ff-board=seaskate-album] .ff-compare__image img{padding:0}@media(max-width:700px){.ff-compare__row{grid-template-columns:144px repeat(var(--ff-r6-compare-columns),196px)}.ff-compare__scroll{scroll-snap-type:x mandatory;scroll-padding-left:144px}.ff-compare__cell:not(.ff-compare__label){scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/ff-r6-board-compare.css.map */