.srf-mem{background:var(--srfm-bg, #f1f1f1);color:var(--srfm-text, #141414);-webkit-font-smoothing:antialiased}.srf-mem *,.srf-mem *:before,.srf-mem *:after,.srf-mem-modal *,.srf-mem-modal *:before,.srf-mem-modal *:after{box-sizing:border-box}.srf-mem__inner{max-width:var(--srfm-max, 900px);margin:0 auto;padding:var(--srfm-pt, 0px) var(--srfm-px, 32px) var(--srfm-pb, 40px)}.srf-mem .eyebrow,.srf-mem-modal .eyebrow{display:block;font-size:var(--srfm-eyebrow-size, 11px);letter-spacing:.3em;text-transform:uppercase;color:var(--srfm-muted, #8a857c)}.srf-mem .terms{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--srfm-col-gap, 32px);padding-top:var(--srfm-terms-pt, 32px);border-top:1px solid var(--srfm-border, #e0ddd7)}.srf-mem .terms--no-border{border-top:0}.srf-mem .statement .eyebrow{margin-bottom:var(--srfm-statement-gap, 18px)}.srf-mem .statement p{margin:0;font-size:var(--srfm-statement-size, 24px);line-height:1.4;font-weight:400;color:var(--srfm-text, #141414);max-width:var(--srfm-statement-width, 330px)}.srf-mem .fine{margin:0;display:flex;flex-direction:column;height:100%}.srf-mem .fine>div:last-child{flex:1;margin-bottom:0}.srf-mem .fine>div{display:grid;grid-template-columns:var(--srfm-label-col, 112px) minmax(0,1fr);gap:16px;padding-bottom:var(--srfm-row-py, 14px);margin-bottom:var(--srfm-row-py, 14px);border-bottom:1px solid var(--srfm-border, #e0ddd7)}.srf-mem .fine dt{font-size:var(--srfm-label-size, 10px);letter-spacing:.3em;text-transform:uppercase;color:var(--srfm-muted, #8a857c);padding-top:3px}.srf-mem .fine dd{margin:0;font-size:var(--srfm-small-size, 13px);line-height:1.6;color:var(--srfm-body, #3c3a36)}.srf-mem .more{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:var(--srfm-more-gap, 22px) 24px;padding-top:var(--srfm-more-pt, 22px)}.srf-mem .items{display:flex;flex-wrap:wrap;gap:var(--srfm-chip-gap, 8px)}.srf-mem .items span{display:inline-block;background:var(--srfm-chip-bg, #ffffff);color:var(--srfm-chip-text, #141414);border-radius:999px;font-size:var(--srfm-chip-size, 11px);letter-spacing:.2em;text-transform:uppercase;padding:var(--srfm-chip-py, 10px) var(--srfm-chip-px, 18px)}.srf-mem .more .pill{flex-basis:auto}.srf-mem .more__break{flex-basis:100%;height:0;margin-top:calc(var(--srfm-more-gap, 20px) * -1)}.srf-mem .pill,.srf-mem-modal .pill{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;margin:0;cursor:pointer;font-size:var(--srfm-btn-size, 11px);line-height:1;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;background:transparent;color:var(--srfm-text, #141414);border:1px solid var(--srfm-btn-border, #141414);border-radius:999px;padding:var(--srfm-btn-py, 14px) var(--srfm-btn-px, 20px);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.srf-mem .pill:hover{background:var(--srfm-btn-hover-bg, #141414);color:var(--srfm-btn-hover-text, #ffffff)}.srf-mem-modal .pill.ghost{border-color:var(--srfm-ghost-border, #d9d6d0);padding:12px 18px}.srf-mem-modal .pill.ghost:hover{border-color:var(--srfm-text, #141414)}.srf-mem .pill:focus-visible,.srf-mem-modal .pill:focus-visible,.srf-mem-modal .upg:focus-visible{outline:2px solid var(--srfm-link, #3E88B4);outline-offset:2px}.srf-mem-modal{width:min(var(--srfm-modal-max, 1000px),calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);margin:auto;padding:0;border:0;border-radius:var(--srfm-modal-radius, 24px);background:var(--srfm-modal-bg, #f1f1f1);color:var(--srfm-text, #141414);overflow:auto;overscroll-behavior:contain;-webkit-font-smoothing:antialiased}.srf-mem-modal::backdrop{background:var(--srfm-scrim, rgba(20, 20, 20, .45))}.srf-mem-modal[open]{animation:srfm-in .22s ease-out}@keyframes srfm-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.srf-mem-modal .modal{padding:var(--srfm-modal-pad, 34px)}.srf-mem-modal .inc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:var(--srfm-head-mb, 24px)}.srf-mem-modal .inc-head .eyebrow{margin-bottom:8px}.srf-mem-modal .inc-head h3{margin:0;font-size:var(--srfm-modal-title-size, 28px);line-height:1.15;font-weight:500;color:var(--srfm-text, #141414)}.srf-mem-modal .tiles{display:grid;grid-template-columns:repeat(var(--srfm-cols, 3),minmax(0,1fr));gap:var(--srfm-tile-gap, 14px)}.srf-mem-modal .tile{display:flex;flex-direction:column;align-items:flex-start;background:var(--srfm-tile-bg, #ffffff);border:1px solid transparent;border-radius:var(--srfm-tile-radius, 18px);padding:var(--srfm-tile-pad, 20px)}.srf-mem-modal .tile .top{margin-bottom:14px}.srf-mem-modal .tag{display:inline-block;background:var(--srfm-tag-bg, #f1f1f1);color:var(--srfm-tag-text, #3c3a36);border-radius:999px;padding:6px 12px;font-size:var(--srfm-tag-size, 10px);font-weight:700;line-height:1.5;letter-spacing:.22em;text-transform:uppercase}.srf-mem-modal .tile h3{margin:0 0 12px;font-size:var(--srfm-tile-title-size, 16px);line-height:1.3;font-weight:600;color:var(--srfm-text, #141414)}.srf-mem-modal .tile p{margin:0 0 12px;font-size:var(--srfm-small-size, 13px);line-height:1.7;color:var(--srfm-body, #3c3a36)}.srf-mem-modal .tile p:last-of-type{margin-bottom:0}.srf-mem-modal .tile.locked{background:transparent;border:1px dashed var(--srfm-locked-border, #dcd9d3)}.srf-mem-modal .tile.locked .tag{background:transparent;color:var(--srfm-locked-tag, #6b675f)}.srf-mem-modal .tile.locked h3{color:var(--srfm-locked-title, #7b776f);font-weight:500}.srf-mem-modal .tile.locked p{color:var(--srfm-locked-text, #9a968f)}.srf-mem-modal .upg{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;margin-top:14px;cursor:pointer;font-size:var(--srfm-link-size, 12px);font-weight:600;color:var(--srfm-link, #3E88B4);text-decoration:underline;text-underline-offset:3px}.srf-mem-modal .upg:hover{color:var(--srfm-link-hover, #23628C)}.srf-mem-modal .inc-foot{margin-top:var(--srfm-foot-mt, 22px)}.srf-mem-modal .fine-row{display:grid;grid-template-columns:var(--srfm-label-col, 112px) minmax(0,1fr);gap:16px;padding:var(--srfm-row-py, 12px) 0;border-top:1px solid var(--srfm-border, #e0ddd7)}.srf-mem-modal .fine-row:last-child{border-bottom:1px solid var(--srfm-border, #e0ddd7)}.srf-mem-modal .fine-row span:first-child{font-size:var(--srfm-label-size, 10px);letter-spacing:.3em;text-transform:uppercase;color:var(--srfm-muted, #8a857c);padding-top:3px}.srf-mem-modal .fine-row span:last-child{font-size:var(--srfm-small-size, 13px);line-height:1.6;color:var(--srfm-body, #3c3a36)}html.srf-mem-lock{overflow:hidden}@media(max-width:989px){.srf-mem-modal .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.srf-mem .terms{grid-template-columns:1fr}.srf-mem .more{flex-direction:column}.srf-mem-modal .tiles{grid-template-columns:1fr}.srf-mem-modal .inc-head{align-items:flex-start}.srf-mem .fine>div,.srf-mem-modal .fine-row{grid-template-columns:1fr;gap:6px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/surferelle-membership.css.map */