.f-ico{display:block;flex:0 0 auto}.f-btn--fill,.f-btn--outline,.f-btn--ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:.88em 1.6em;border:0;border-radius:var(--r-pill);font-family:var(--f-season);font-size:var(--t-md);font-weight:500;letter-spacing:var(--tr-body);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) ease,scale var(--dur-fast) ease,background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.f-btn--fill:active,.f-btn--outline:active,.f-btn--ghost:active{scale:var(--press)}.f-btn--fill:focus-visible,.f-btn--outline:focus-visible,.f-btn--ghost:focus-visible{outline:2px solid var(--c-ink);outline-offset:3px}.f-btn--fill .f-ico,.f-btn--outline .f-ico,.f-btn--ghost .f-ico{margin-top:-1px;transition:scale var(--dur) var(--ease)}@media(hover:hover){.f-btn--fill:hover .f-ico,.f-btn--outline:hover .f-ico,.f-btn--ghost:hover .f-ico{scale:1.12}}.f-btn--fill{--f-fill: var(--c-orange);background:var(--f-fill);color:var(--c-white);box-shadow:none}.f-btn--fill.is-orange{--f-fill: var(--c-orange)}.f-btn--fill.is-cobalt{--f-fill: var(--c-cobalt)}.f-btn--fill.is-purple{--f-fill: var(--c-purple)}.f-btn--fill.is-green{--f-fill: var(--c-green)}.f-btn--fill.is-pink{--f-fill: var(--c-pink)}.f-btn--fill.is-ink{--f-fill: var(--c-ink)}.f-btn--fill.is-wa{--f-fill: var(--c-wa)}.f-btn--fill.is-white{--f-fill: var(--c-white);color:var(--c-ink)}.f-btn--orange{--f-fill: var(--c-orange)}.f-btn--cobalt{--f-fill: var(--c-cobalt)}.f-btn--orange,.f-btn--cobalt{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:.88em 1.6em;border-radius:var(--r-pill);background:var(--f-fill);color:var(--c-white);font-family:var(--f-season);font-size:var(--t-md);font-weight:500;letter-spacing:var(--tr-body);text-decoration:none;-webkit-tap-highlight-color:transparent}.f-btn--outline,.f-btn--ghost{background:transparent;color:var(--c-ink);box-shadow:inset 0 0 0 1.5px var(--c-ink-20)}@media(hover:hover){.f-btn--outline:hover,.f-btn--ghost:hover{background:var(--c-ink);color:var(--c-white);box-shadow:inset 0 0 0 1.5px var(--c-ink)}}@media(hover:none){.f-btn--outline,.f-btn--ghost{box-shadow:inset 0 0 0 1.5px var(--c-ink)}.f-btn--outline:active,.f-btn--ghost:active{background:var(--c-ink);color:var(--c-white)}}.f-social{display:inline-flex;align-items:center;gap:var(--s-2)}.f-social--labels{flex-wrap:wrap}.f-social--stacked{margin-top:var(--s-4)}.f-social .f-social__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);width:var(--tap);height:var(--tap);padding:0;flex:0 0 auto;border:0;border-radius:50%;background:transparent;color:var(--c-ink);box-shadow:inset 0 0 0 1.5px var(--c-ink-20);font-family:var(--f-season);font-size:var(--t-sm);font-weight:500;letter-spacing:var(--tr-body);line-height:1;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translateY(0);transition:transform var(--dur-fast) ease,scale var(--dur-fast) ease,background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.f-social--labels .f-social__btn{width:auto;border-radius:var(--r-pill);padding:0 1.05em 0 .95em}.f-social__label{white-space:nowrap}@media(hover:hover){.f-social .f-social__btn:hover{transform:translateY(var(--lift));background:var(--c-ink);color:var(--c-white);box-shadow:inset 0 0 0 1.5px var(--c-ink)}}@media(hover:none){.f-social .f-social__btn{box-shadow:inset 0 0 0 1.5px var(--c-ink)}.f-social .f-social__btn:active{background:var(--c-ink);color:var(--c-white)}}.f-social .f-social__btn:active{scale:var(--press)}.f-social .f-social__btn:focus-visible{outline:2px solid var(--c-ink);outline-offset:3px}.f-social--inv .f-social__btn{color:var(--c-white);background:var(--c-white-08);box-shadow:var(--e-hairline-inv)}@media(hover:hover){.f-social--inv .f-social__btn:hover{background:var(--c-white);color:var(--c-ink);box-shadow:none}}@media(hover:none){.f-social--inv .f-social__btn{background:var(--c-white-08);box-shadow:var(--e-hairline-inv-strong)}.f-social--inv .f-social__btn:active{background:var(--c-white);color:var(--c-ink)}}.f-marquee--pause:hover .f-marquee__track,.f-marquee--pause:focus-within .f-marquee__track{animation-play-state:running}.f-marquee--pause.is-held .f-marquee__track,.f-marquee--pause.is-held:hover .f-marquee__track,.f-marquee--pause.is-held:focus-within .f-marquee__track{animation-play-state:paused}.f-marquee:not(.is-running) .f-marquee__track,.f-marquee--pause:not(.is-running):hover .f-marquee__track{animation-play-state:paused}.f-marquee.is-running .f-marquee__track{will-change:transform}@media(max-width:749px){.f-btn--fill,.f-btn--outline,.f-btn--ghost{font-size:var(--t-sm);padding:.85em 1.35em}.f-btn--fill.is-wide,.f-btn--outline.is-wide,.f-btn--ghost.is-wide{width:100%}}@media(prefers-reduced-motion:reduce){.f-btn--fill,.f-btn--outline,.f-btn--ghost,.f-social .f-social__btn,.f-btn--fill .f-ico,.f-btn--outline .f-ico,.f-btn--ghost .f-ico{transition-duration:.001ms!important}.f-btn--fill:active,.f-btn--outline:active,.f-btn--ghost:active,.f-social .f-social__btn:active{scale:1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/floof-ui.css.map */