.srf-band{background:var(--srfb-bg, #f1f1f1);-webkit-font-smoothing:antialiased}.srf-band *,.srf-band *:before,.srf-band *:after{box-sizing:border-box}.srf-band .statusline{max-width:var(--srfb-max, 1400px);margin:0 auto;padding:var(--srfb-py, 22px) var(--srfb-px, 32px);display:flex;align-items:center;justify-content:var(--srfb-justify, center);flex-wrap:wrap;gap:var(--srfb-row-gap, 12px) var(--srfb-gap, 24px)}.srf-band .eyebrow{font-size:var(--srfb-eyebrow-size, 10px);letter-spacing:.3em;text-transform:uppercase;color:var(--srfb-eyebrow, #3E88B4);white-space:nowrap;margin-right:var(--srfb-eyebrow-mr, 0px)}.srf-band .t{font-size:var(--srfb-text-size, 14px);line-height:1.5;color:var(--srfb-text, #3c3a36)}.srf-band .t b{font-weight:700;color:var(--srfb-bold, #141414)}.srf-band .acts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--srfb-btn-gap, 10px)}.srf-band .pill{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;margin:0;cursor:pointer;font-family:inherit;font-size:var(--srfb-btn-size, 10px);font-weight:700;line-height:1;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;white-space:nowrap;padding:var(--srfb-btn-py, 12px) var(--srfb-btn-px, 18px);border-radius:var(--srfb-btn-radius, 999px);background:var(--srfb-outline-bg, #ffffff);color:var(--srfb-outline-text, #141414);border:1px solid var(--srfb-outline-border, #e5e2dc);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.srf-band .pill:hover{background:var(--srfb-outline-bg-hover, #faf9f7);border-color:var(--srfb-outline-text, #141414);color:var(--srfb-outline-text, #141414)}.srf-band .pill.solid{background:var(--srfb-solid-bg, #2a2a2a);color:var(--srfb-solid-text, #ffffff);border-color:var(--srfb-solid-bg, #2a2a2a)}.srf-band .pill.solid:hover{background:var(--srfb-solid-bg-hover, #000000);border-color:var(--srfb-solid-bg-hover, #000000);color:var(--srfb-solid-text, #ffffff)}.srf-band .pill:focus-visible{outline:2px solid var(--srfb-eyebrow, #3E88B4);outline-offset:2px}@media(max-width:749px){.srf-band .statusline{flex-direction:column;align-items:center;justify-content:center}.srf-band .t{text-align:center}.srf-band .acts{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/surferelle-status-band.css.map */