@coopdigital/styles 1.13.1 → 1.13.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- @import "https://cdn.fonts.net/t/1.css?apiType=css&projectid=d984f56e-f9bd-4c14-bb29-2558d7ff893e";:root{--color-brand-blue:#00a1cc;--color-blue-900:#002c3d;--color-blue-800:#00394e;--color-blue-700:#005878;--color-blue-500:#00729a;--color-blue-100:#ecf2fb;--color-blue:var(--color-blue-500);--color-text-link:var(--color-blue-500);--color-text-link-hover:var(--color-blue-800);--color-text-link-active:var(--color-blue-900);--color-text-link-visited:var(--color-blue-900);--color-teal-500:#0f8482;--color-teal:var(--color-teal-500);--color-purple-500:#8d44d8;--color-purple:var(--color-purple-500);--color-focus:var(--color-purple-500);--color-red-100:#fcf1f1;--color-red-500:#d12430;--color-red:var(--color-red-500);--color-green-100:#dcedc8;--color-green-500:#5b7f2e;--color-green:var(--color-green-500);--color-yellow-100:var(--color-tint-yellow);--color-yellow-500:var(--color-light-yellow);--color-yellow-900:var(--color-dark-yellow);--color-yellow:var(--color-light-yellow);--color-offer:var(--color-red-500);--color-error:var(--color-red-500);--color-error-light:var(--color-red-100);--color-alert:var(--color-yellow-500);--color-alert-light:var(--color-yellow-100);--color-success:var(--color-green-500);--color-success-light:var(--color-green-100);--color-white:#fff;--color-black:#000;--color-grey-warm-100:#f5f5f0;--color-grey-warm-500:#e5e3da;--color-grey-warm-900:#3a352f;--color-grey-warm:var(--color-grey-warm-500);--color-grey-cool-100:#f2f4f7;--color-grey-cool-500:#dde9ed;--color-grey-cool-900:#1f262c;--color-grey-cool:var(--color-grey-cool-500);--color-grey-900:#282828;--color-grey-800:#595959;--color-grey-700:#6e6e6e;--color-grey-600:#c4c4c4;--color-grey-500:#d8d8d8;--color-grey-400:#e6e6e6;--color-grey-300:#efefef;--color-grey-200:#f3f3f3;--color-grey-100:#fafafa;--color-grey:var(--color-grey-500);--color-text-default:var(--color-grey-900);--color-text-alt:var(--color-grey-800);--color-text-black:var(--color-black);--color-text-white:var(--color-white);--color-text-dark-blue:var(--color-dark-blue);--color-tint-purple:#fef2ff;--color-tint-pink:#ffeaf2;--color-tint-green:#f9fbdd;--color-tint-orange:#ffede0;--color-tint-red:#ffe8e9;--color-tint-yellow:#fff4d5;--color-tint-lilac:#f2f2ff;--color-tint-blue:#e6f6fa;--color-tint-grey:var(--color-grey-200);--color-tint-brown:var(--color-grey-warm-100);--color-light-purple:#f8beff;--color-light-pink:#ff94bf;--color-light-green:#e1ec54;--color-light-orange:#ffa465;--color-light-red:#ff8c90;--color-light-yellow:#ffc82b;--color-light-lilac:#bfbffd;--color-light-blue:#bfe7f2;--color-dark-purple:#c164c9;--color-dark-pink:#f85792;--color-dark-green:#819c00;--color-dark-orange:#e85a00;--color-dark-red:#f14f57;--color-dark-yellow:#b78f1f;--color-dark-lilac:#6762f9;--color-dark-blue:#003057;--ui-shadow:0 2px 4px 0 #00000026;--ui-shadow-hover:0 2px 4px 0 #00000040;--ui-transition-hover:.1s ease-out;--ui-transition-hover-property:background-color, color;--ui-border-radius-sm:4px;--ui-border-radius-md:6px;--ui-border-radius-lg:8px;--ui-border-radius-xl:12px;--ui-border-radius-2xl:16px;--ui-border-radius-3xl:24px;--ui-border-radius-full:calc(infinity * 1px);--ui-text-underline-offset:3px;--spacing-64:4rem;--spacing-60:3.75rem;--spacing-58:3.625rem;--spacing-56:3.5rem;--spacing-54:3.375rem;--spacing-52:3.25rem;--spacing-48:3rem;--spacing-40:2.5rem;--spacing-32:2rem;--spacing-24:1.5rem;--spacing-20:1.25rem;--spacing-18:1.125rem;--spacing-16:1rem;--spacing-14:.875rem;--spacing-12:.75rem;--spacing-10:.625rem;--spacing-8:.5rem;--spacing-6:.375rem;--spacing-4:.25rem;--spacing-2:.125rem;--font-family:"Avenir Next", "Avenir-Next", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-headline:"Co-opHeadline", "Impact Fallback", sans-serif;--font-family-mono:ui-monospace, monospace;--font-weight-default:normal;--font-weight-medium:500;--font-weight-demibold:600;--text-size-10:.625rem;--text-size-11:.6875rem;--text-size-12:.75rem;--text-size-13:.8125rem;--text-size-14:.875rem;--text-size-16:1rem;--text-size-18:1.125rem;--text-size-20:1.25rem;--text-size-22:1.375rem;--text-size-24:1.5rem;--text-size-26:1.625rem;--text-size-28:1.75rem;--text-size-30:1.875rem;--text-size-32:2rem;--text-size-36:2.25rem;--text-size-40:2.5rem;--text-size-46:2.875rem;--text-size-48:3rem;--text-size-56:3.5rem;--text-size-60:3.75rem;--text-size-64:4rem;--text-size-72:4.5rem;--text-size-82:5.125rem;--text-size-96:6rem;--text-size-default:var(--text-size-18);--type-line-height-default:1.5;--type-line-height-tight:1.25;--type-line-height-headline:1.05;--type-line-height-loose:1.75}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{font-family:var(--font-family);-webkit-text-size-adjust:100%;-webkit-text-size-adjust:none;text-size-adjust:none;tab-size:4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:1rem;line-height:1.5}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:600}code,kbd,samp,pre{font-family:var(--font-family--mono);font-size:1em}small{font-size:75%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}span svg,p svg,a svg{display:inline-block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;color:inherit;letter-spacing:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;color:inherit;letter-spacing:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:600}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden~=until-found])){display:none!important}body{min-height:100vh;font-family:var(--font-family);font-size:var(--text-size-default);line-height:var(--type-line-height-default);color:var(--color-text-default);border:0;margin:0;padding:0}body,figure{margin-block-end:0}input,button,textarea,select{font-family:inherit;font-size:inherit}button,input{outline-color:var(--color-focus);line-height:1.1}a,button,u{text-underline-offset:var(--ui-text-underline-offset)}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}img[data-crop],picture[data-crop]{object-fit:cover}img[data-crop=square],picture[data-crop=square]{aspect-ratio:1}img[data-crop=wide],picture[data-crop=wide]{aspect-ratio:16/9}svg.coop-icon{overflow:visible}svg.coop-icon:not([width]){width:1em;height:1em}:target{scroll-margin-block:5ex}.sr-only:not(:focus,:active){white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}ul,ol,dl,p{margin:0}ul,ol{margin-left:var(--spacing-32);padding:0}dd{margin-bottom:var(--spacing-16);margin-left:var(--spacing-12)}dt{margin-bottom:var(--spacing-4);font-weight:600}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important}}@font-face{font-family:Avenir-Next;font-weight:400;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextRegular_normal_normal.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextRegular_normal_normal.woff)format("woff")}@font-face{font-family:Avenir-Next;font-weight:500;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextMedium_normal_normal.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextMedium_normal_normal.woff)format("woff")}@font-face{font-family:Avenir-Next;font-weight:600;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextDemi_normal_normal.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextDemi_normal_normal.woff)format("woff")}@font-face{font-family:Co-opHeadline;font-weight:700;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/Co-opHeadline/Co-opHeadline-Bold.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/Co-opHeadline/Co-opHeadline-Bold.woff)format("woff")}@font-face{font-family:Impact Fallback;ascent-override:97%;descent-override:normal;line-gap-override:0%;size-adjust:94%;src:local(Impact)}a:active,a:focus-visible,.coop-link:active,.coop-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;transition:none}a:where(:not([class*=bg])),.coop-link{color:var(--color-text-link);text-decoration:underline}a:where(:not([class*=bg])):hover,.coop-link:hover{color:var(--color-text-link-hover)}button.coop-link{cursor:pointer;text-align:inherit;appearance:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:inline}.coop-lead-p{font-size:var(--text-size-22)}@media (width>=48em){.coop-lead-p{font-size:var(--text-size-26)}}blockquote{margin-bottom:1rem;margin-left:1rem;padding-left:1rem}blockquote:after,blockquote:before{content:"";background:var(--color-tint-grey);width:3rem;height:6px;margin:1rem 0;display:block}blockquote p{margin-bottom:1rem;font-style:normal;font-weight:400}@media (width>=48em){blockquote{margin-bottom:2rem}}code,kbd,samp{font-family:monospace;font-size:80%}code,samp{border-radius:var(--ui-border-radius-sm);white-space:nowrap;background-color:var(--color-tint-grey);margin:0 2px;padding:3px 5px;line-height:1}kbd{border:1px solid var(--color-grey-500);white-space:nowrap;background-color:var(--color-tint-grey);border-radius:.25rem;margin:0 1px;padding:2px 4px;font-weight:500;line-height:1;display:inline-block;box-shadow:0 1px 1px #0003}[class*=bg-dark],.bg-brand-blue,.bg-black,.bg-blue,.bg-blue-900,.bg-blue-700,.bg-blue-500,.bg-teal,.bg-teal-500,.bg-grey-900,.bg-grey-800,.bg-grey-700,.bg-grey-warm-900,.bg-grey-cool-900,.bg-green,.bg-green-500,.bg-success,.bg-red,.bg-red-500,.bg-error,.bg-offer,.bg-button-primary,.bg-button-primary2,.bg-purple,.bg-purple-500,.bg-footer{color:var(--color-white)}[class*=bg-light],[class*=bg-tint],.bg-blue-100,.bg-red-100,.bg-error-light,.bg-green-100,.bg-success-light,.bg-yellow,.bg-yellow-500,.bg-yellow-100,.bg-alert,.bg-alert-light,.bg-grey-600,.bg-grey-500,.bg-grey-400,.bg-grey-300,.bg-grey-200,.bg-grey-100,.bg-grey-cool-100,.bg-grey-cool-500,.bg-grey-warm-100,.bg-grey-warm-500,.bg-white,.bg-primary,.bg-secondary,.bg-membership,.bg-footer-light,.bg-neutral-warm,.bg-none{color:var(--color-text-default)}.coop-prose{--coop-prose-base:1;max-width:var(--coop-prose-max-width,54rem)}.coop-prose[data-spacing=sm]{--coop-prose-base:.75}.coop-prose[data-spacing=lg]{--coop-prose-base:1.5}.coop-prose[data-full]{max-width:none}.coop-prose ul{list-style:outside}.coop-prose ol{list-style:decimal}.coop-prose li:where(:not(:last-child)){margin-bottom:var(--spacing-4)}.coop-prose :where(p,ol,ul,dl):not(:where(:last-child)){margin-bottom:calc(var(--spacing-16) * var(--coop-prose-base))}.coop-prose :where(p,ol,ul,dl,table)+:where(h1,h2,h3,h4,h5,h6){margin-top:calc(var(--spacing-32) * var(--coop-prose-base))}.coop-prose :where(img,figure,picture,blockquote){margin-top:calc(1.25rem * var(--coop-prose-base));margin-bottom:calc(1.25rem * var(--coop-prose-base))}.coop-prose :where(table){margin-top:calc(1.25rem * var(--coop-prose-base));margin-bottom:calc(1.75rem * var(--coop-prose-base))}.coop-prose :where(img):has(+figcaption){margin-bottom:calc(.5rem * var(--coop-prose-base))}@media (width>=48em){.coop-prose[data-size=lg] :where(:not(.coop-lead-p,h1,h2,h3,h4,h5,h6,table,caption,figure,figcaption,code,samp)){font-size:var(--text-size-20)}}table{border-spacing:0;border-collapse:separate;width:100%;padding:0}table caption{text-align:left}table td,table th{padding:var(--spacing-12) 0;text-align:left;vertical-align:top}table td{border-bottom:1px solid var(--color-grey-400)}table th{border-bottom:2px solid var(--color-grey-600);font-weight:600}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:600}h1{font-size:var(--text-size-30);line-height:var(--type-line-height-tight);text-wrap:balance}h1.coop-mega{font-size:var(--text-size-48)}@media (width>=48em){h1.coop-mega{font-size:var(--text-size-56)}h1{font-size:var(--text-size-46)}}h2{font-size:var(--text-size-26);line-height:var(--type-line-height-tight)}@media (width>=48em){h2{font-size:var(--text-size-32)}}h3{font-size:var(--text-size-22);line-height:var(--type-line-height-default)}@media (width>=48em){h3{font-size:var(--text-size-26)}}h4,h5,h6{font-size:var(--text-size-18);line-height:var(--type-line-height-default)}@media (width>=48em){h4,h5,h6{font-size:var(--text-size-22)}}h1:where(.coop-headline-mega){font-family:var(--font-family-headline);font-size:var(--text-size-48);line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}@media (width>=37.5em){h1:where(.coop-headline-mega){font-size:var(--text-size-64)}}@media (width>=48em){h1:where(.coop-headline-mega){font-size:var(--text-size-82)}}h1:where(.coop-headline-mega-clamp){font-family:var(--font-family-headline);font-size:clamp(var(--text-size-48), 10vw, var(--text-size-82));line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}h1:where(.coop-headline){font-family:var(--font-family-headline);font-size:var(--text-size-40);line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}@media (width>=37.5em){h1:where(.coop-headline){font-size:var(--text-size-48)}}@media (width>=48em){h1:where(.coop-headline){font-size:var(--text-size-64)}}h1:where(.coop-headline-clamp){font-family:var(--font-family-headline);font-size:clamp(var(--text-size-40), 10vw, var(--text-size-64));line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}[class*=headline].uppercase{line-height:1}:where(h1,h2){margin-bottom:calc(var(--spacing-12) * var(--coop-prose-base,1))}@media (width>=48em){:where(h1,h2){margin-bottom:calc(var(--spacing-16) * var(--coop-prose-base,1))}}:where(h3,h4,h5,h6){margin-bottom:calc(var(--spacing-8) * var(--coop-prose-base,1))}@media (width>=48em){:where(h3,h4,h5,h6){margin-bottom:calc(var(--spacing-12) * var(--coop-prose-base,1))}}hr{height:0;margin:var(--spacing-16) 0;border-color:var(--color-grey-600);color:var(--color-grey-600);border-style:solid;border-width:0 0 1px;display:block}@media (width>=48em){hr{margin:var(--spacing-32) 0}}.grayscale{filter:grayscale()}.coop-wrap{width:calc(100% - 2rem);max-width:var(--coop-wrap-max-width,79rem);margin-left:auto;margin-right:auto}@media (width>=48em){.coop-wrap{width:calc(100% - 3rem)}}@media (width>=82em){.coop-wrap{width:calc(100% - 4rem)}}.padding-responsive{padding:1rem}@media (width>=48em){.padding-responsive{padding:2rem}}.coop-section{width:100%}.coop-logo{aspect-ratio:19/20;width:38px;height:40px;fill:var(--color-brand-blue)}.coop-logo[fill]{fill:revert-layer}.coop-logo[width],.coop-logo[height]{width:revert-layer;height:revert-layer}.coop-skip-nav{--offscreen-position:-9999px;z-index:999;position:absolute;top:0;left:0}.coop-skip-nav ul{margin:0;list-style:none}.coop-skip-nav a{top:0;left:var(--offscreen-position);padding:var(--spacing-16);border-bottom-right-radius:var(--ui-border-radius-sm);border-bottom-left-radius:var(--ui-border-radius-sm);font-size:var(--text-size-18);color:var(--color-black);white-space:nowrap;background:var(--color-yellow-500);position:absolute}.coop-skip-nav a:hover{color:var(--color-black)}.coop-skip-nav a:focus,.coop-skip-nav a:active,.coop-skip-nav a[data-visible=true]{left:var(--spacing-16)}.coop-skip-nav a:focus:not(:focus-visible){left:var(--offscreen-position)}@media (width>=48em){.coop-skip-nav a{font-size:var(--text-size-20)}}.coop-loading-spinner{animation:1.25s linear infinite spin}.coop-form{gap:var(--spacing-32);flex-direction:column;scroll-margin-top:6.25rem;display:flex}.coop-form :where(h1,h2,h3,h4,h5,h6){margin-bottom:0}.coop-field{--form-font-size:var(--text-size-18);--form-field-border:var(--color-grey-700);--form-field-size:var(--spacing-32);--form-field-gap:var(--spacing-8);--form-field-hint-offset:-2px;--form-field-padding-x:0px;--form-field-padding-y:0px;gap:var(--form-field-gap);flex-direction:column;display:flex;position:relative}:is(input,select,textarea){scroll-margin-top:6.25rem}.coop-field:has(input:checked){--form-field-border:var(--color-text-black)}@media (width>=48em){.coop-field:has(:is(input,select,textarea):not([data-size])),.coop-fieldset:not([data-size]) .coop-field{--form-field-size:var(--spacing-40);--form-font-size:var(--text-size-20);--form-field-hint-offset:-4px}}.coop-field:has(:is(input,select,textarea)[data-size=sm]),.coop-fieldset[data-size=sm] .coop-field{--form-field-size:var(--spacing-24);--form-font-size:var(--text-size-16);--form-field-hint-offset:0px}.coop-field:has(:is(input,select,textarea)[data-size=md]),.coop-fieldset[data-size=md] .coop-field{--form-field-size:var(--spacing-32);--form-font-size:var(--text-size-18);--form-field-hint-offset:-2px}.coop-field:has(:is(input,select,textarea)[data-size=lg]),.coop-fieldset[data-size=lg] .coop-field{--form-field-size:var(--spacing-40);--form-font-size:var(--text-size-20);--form-field-hint-offset:-4px}.coop-field-error{color:var(--color-error);display:block}.coop-field-hint{color:var(--color-text-alt);display:block}.coop-field-hint,.coop-field-error{margin-top:-8px}.coop-field-label{width:fit-content;font-weight:var(--font-weight-medium);color:var(--color-text);align-items:center;padding:0;display:flex}.coop-field-label>span{gap:var(--spacing-8);justify-content:space-between;align-items:center;display:flex}.coop-field.coop-field-inline{gap:var(--spacing-6) var(--spacing-12);grid-template-columns:auto 1fr;align-items:center;display:grid}.coop-field.coop-field-inline>:not(input){grid-column:2}.coop-field.coop-field-inline input{grid-column:1;margin-top:0}.coop-field.coop-field-inline .coop-field-label,.coop-field.coop-field-inline .coop-field-label+.coop-field-hint,.coop-field.coop-field-inline .coop-field-label+.coop-field-error{margin-bottom:0}.coop-fieldset-fields[data-boxed=true] .coop-field,.coop-field[data-boxed=true]{--form-field-border:var(--color-grey-700);--form-field-border-width:2px;--form-field-padding-x:var(--spacing-16);--form-field-padding-y:var(--spacing-16);padding:var(--form-field-padding-y) var(--form-field-padding-x);border-radius:var(--ui-border-radius-sm);box-shadow:inset 0 0 0 var(--form-field-border-width) var(--form-field-border);transition:box-shadow .1s ease-out}.coop-fieldset-fields[data-boxed=true] .coop-field:has(input:checked),.coop-fieldset-fields[data-boxed=true] .coop-field:not(:has(:disabled)):hover,.coop-field[data-boxed=true]:has(input:checked),.coop-field[data-boxed=true]:not(:has(:disabled)):hover{--form-field-border:var(--color-text-black);--form-field-border-width:4px}.coop-fieldset-fields[data-boxed=true] .coop-field .coop-field-label,.coop-fieldset-fields[data-boxed=true] .coop-field .coop-field-label>span,.coop-field[data-boxed=true] .coop-field-label,.coop-field[data-boxed=true] .coop-field-label>span{width:100%}.coop-fieldset-fields[data-boxed=true] .coop-field.coop-field-inline label>span:after,.coop-field.coop-field-inline[data-boxed=true] label>span:after{content:"";width:calc(100% + 2rem);height:calc(100% + 2rem);position:absolute;top:-1rem;left:-1rem}.coop-fieldset{--form-field-gap:var(--spacing-8);gap:var(--form-field-gap);border:0;flex-direction:column;width:100%;margin:0;padding:0;display:flex}.coop-fieldset-fields{gap:var(--spacing-8) var(--spacing-32);flex-direction:column;display:flex}@media (width>=37.5em){.coop-fieldset-fields[data-orientation=horizontal]{flex-flow:wrap}}.coop-field:not(.coop-fieldset[data-error=true] .coop-field,.coop-field[data-hide-error=true])[data-error=true],.coop-fieldset:not([data-hide-error=true])[data-error=true]{--form-field-padding-x:var(--spacing-16);padding-left:var(--spacing-16);border-left:4px solid var(--color-error)}.coop-field:not(.coop-fieldset[data-error=true] .coop-field,.coop-field[data-hide-error=true]):has(:user-invalid){--form-field-padding-x:var(--spacing-16);padding-left:var(--spacing-16);border-left:4px solid var(--color-error)}.coop-field:not(.coop-field-inline)[data-error=true],.coop-fieldset[data-error=true] .coop-field:not(.coop-field-inline){--form-field-border:var(--color-error)}.coop-field:not(.coop-field-inline):has(:user-invalid){--form-field-border:var(--color-error)}.coop-field:has(:is(input,select,textarea):disabled),.coop-fieldset:disabled,.coop-fieldset:disabled .coop-field,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled){--form-field-border:var(--color-grey-500);--form-field-border-width:2px}.coop-field:has(:is(input,select,textarea):disabled) input,.coop-field:has(:is(input,select,textarea):disabled) select,.coop-field:has(:is(input,select,textarea):disabled) textarea,.coop-field:has(:is(input,select,textarea):disabled) label,.coop-field:has(:is(input,select,textarea):disabled) legend,.coop-field:has(:is(input,select,textarea):disabled) input+div:has(label),.coop-fieldset:disabled input,.coop-fieldset:disabled select,.coop-fieldset:disabled textarea,.coop-fieldset:disabled label,.coop-fieldset:disabled legend,.coop-fieldset:disabled input+div:has(label),.coop-fieldset:disabled .coop-field input,.coop-fieldset:disabled .coop-field select,.coop-fieldset:disabled .coop-field textarea,.coop-fieldset:disabled .coop-field label,.coop-fieldset:disabled .coop-field legend,.coop-fieldset:disabled .coop-field input+div:has(label),.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) input,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) select,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) textarea,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) label,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) legend,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) input+div:has(label){cursor:not-allowed}.coop-field:has(:is(input,select,textarea):disabled) .coop-field-label,.coop-field:has(:is(input,select,textarea):disabled) .coop-field-error,.coop-field:has(:is(input,select,textarea):disabled) .coop-field-hint,.coop-fieldset:disabled .coop-field-label,.coop-fieldset:disabled .coop-field-error,.coop-fieldset:disabled .coop-field-hint,.coop-fieldset:disabled .coop-field .coop-field-label,.coop-fieldset:disabled .coop-field .coop-field-error,.coop-fieldset:disabled .coop-field .coop-field-hint,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) .coop-field-label,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) .coop-field-error,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) .coop-field-hint{color:var(--color-grey-600)}.coop-validation-summary{padding:var(--spacing-16);border-left:4px solid var(--color-error);background-color:var(--color-error-light)}.coop-validation-summary:focus{outline:2px solid var(--color-focus);outline-offset:3px}.coop-validation-summary--heading{margin-bottom:var(--spacing-8)}.coop-validation-summary--errors{padding-top:var(--spacing-12);color:var(--color-error)}.coop-validation-summary--errors ul{list-style-type:disc}.coop-validation-summary--errors a:not([class*=bg]){color:var(--color-error)}.bg-tint-grey{--bg-color:var(--color-tint-grey);background-color:var(--color-tint-grey)}.bg-offer,.bg-red{--bg-color:var(--color-offer);background-color:var(--color-offer)}.bg-teal{--bg-color:var(--color-teal);background-color:var(--color-teal)}.bg-transparent{--bg-color:transparent;background-color:#0000}.bg-white{--bg-color:white;background-color:#fff}.border-grey{--border-color:var(--color-grey-500);border-color:var(--color-grey-500)}.border-teal{--border-color:var(--color-teal);border-color:var(--color-teal)}
1
+ @import "https://cdn.fonts.net/t/1.css?apiType=css&projectid=d984f56e-f9bd-4c14-bb29-2558d7ff893e";:root{--color-brand-blue:#00a1cc;--color-blue-900:#002c3d;--color-blue-800:#00394e;--color-blue-700:#005878;--color-blue-500:#00729a;--color-blue-100:#ecf2fb;--color-blue:var(--color-blue-500);--color-text-link:var(--color-blue-500);--color-text-link-hover:var(--color-blue-800);--color-text-link-active:var(--color-blue-900);--color-text-link-visited:var(--color-blue-900);--color-teal-500:#0f8482;--color-teal:var(--color-teal-500);--color-purple-500:#8d44d8;--color-purple:var(--color-purple-500);--color-focus:var(--color-purple-500);--color-red-100:#fcf1f1;--color-red-500:#d12430;--color-red:var(--color-red-500);--color-green-100:#dcedc8;--color-green-500:#5b7f2e;--color-green:var(--color-green-500);--color-yellow-100:var(--color-tint-yellow);--color-yellow-500:var(--color-light-yellow);--color-yellow-900:var(--color-dark-yellow);--color-yellow:var(--color-light-yellow);--color-offer:var(--color-red-500);--color-error:var(--color-red-500);--color-error-light:var(--color-red-100);--color-alert:var(--color-yellow-500);--color-alert-light:var(--color-yellow-100);--color-success:var(--color-green-500);--color-success-light:var(--color-green-100);--color-white:#fff;--color-black:#000;--color-grey-warm-100:#f5f5f0;--color-grey-warm-500:#e5e3da;--color-grey-warm-900:#3a352f;--color-grey-warm:var(--color-grey-warm-500);--color-grey-cool-100:#f2f4f7;--color-grey-cool-500:#dde9ed;--color-grey-cool-900:#1f262c;--color-grey-cool:var(--color-grey-cool-500);--color-grey-900:#282828;--color-grey-800:#595959;--color-grey-700:#6e6e6e;--color-grey-600:#c4c4c4;--color-grey-500:#d8d8d8;--color-grey-400:#e6e6e6;--color-grey-300:#efefef;--color-grey-200:#f3f3f3;--color-grey-100:#fafafa;--color-grey:var(--color-grey-500);--color-text-default:var(--color-grey-900);--color-text-alt:var(--color-grey-800);--color-text-black:var(--color-black);--color-text-white:var(--color-white);--color-text-dark-blue:var(--color-dark-blue);--color-tint-purple:#fef2ff;--color-tint-pink:#ffeaf2;--color-tint-green:#f9fbdd;--color-tint-orange:#ffede0;--color-tint-red:#ffe8e9;--color-tint-yellow:#fff4d5;--color-tint-lilac:#f2f2ff;--color-tint-blue:#e6f6fa;--color-tint-grey:var(--color-grey-200);--color-tint-brown:var(--color-grey-warm-100);--color-light-purple:#f8beff;--color-light-pink:#ff94bf;--color-light-green:#e1ec54;--color-light-orange:#ffa465;--color-light-red:#ff8c90;--color-light-yellow:#ffc82b;--color-light-lilac:#bfbffd;--color-light-blue:#bfe7f2;--color-dark-purple:#c164c9;--color-dark-pink:#f85792;--color-dark-green:#819c00;--color-dark-orange:#e85a00;--color-dark-red:#f14f57;--color-dark-yellow:#b78f1f;--color-dark-lilac:#6762f9;--color-dark-blue:#003057;--ui-shadow:0 2px 4px 0 #00000026;--ui-shadow-hover:0 2px 4px 0 #00000040;--ui-transition-hover:.1s ease-out;--ui-transition-hover-property:background-color, color;--ui-border-radius-sm:4px;--ui-border-radius-md:6px;--ui-border-radius-lg:8px;--ui-border-radius-xl:12px;--ui-border-radius-2xl:16px;--ui-border-radius-3xl:24px;--ui-border-radius-full:calc(infinity * 1px);--ui-text-underline-offset:3px;--spacing-64:4rem;--spacing-60:3.75rem;--spacing-58:3.625rem;--spacing-56:3.5rem;--spacing-54:3.375rem;--spacing-52:3.25rem;--spacing-48:3rem;--spacing-40:2.5rem;--spacing-32:2rem;--spacing-24:1.5rem;--spacing-20:1.25rem;--spacing-18:1.125rem;--spacing-16:1rem;--spacing-14:.875rem;--spacing-12:.75rem;--spacing-10:.625rem;--spacing-8:.5rem;--spacing-6:.375rem;--spacing-4:.25rem;--spacing-2:.125rem;--font-family:"Avenir Next", "Avenir-Next", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-headline:"Co-opHeadline", "Impact Fallback", sans-serif;--font-family-mono:ui-monospace, monospace;--font-weight-default:normal;--font-weight-medium:500;--font-weight-demibold:600;--text-size-10:.625rem;--text-size-11:.6875rem;--text-size-12:.75rem;--text-size-13:.8125rem;--text-size-14:.875rem;--text-size-16:1rem;--text-size-18:1.125rem;--text-size-20:1.25rem;--text-size-22:1.375rem;--text-size-24:1.5rem;--text-size-26:1.625rem;--text-size-28:1.75rem;--text-size-30:1.875rem;--text-size-32:2rem;--text-size-36:2.25rem;--text-size-40:2.5rem;--text-size-46:2.875rem;--text-size-48:3rem;--text-size-56:3.5rem;--text-size-60:3.75rem;--text-size-64:4rem;--text-size-72:4.5rem;--text-size-82:5.125rem;--text-size-96:6rem;--text-size-default:var(--text-size-18);--type-line-height-default:1.5;--type-line-height-tight:1.25;--type-line-height-headline:1.05;--type-line-height-loose:1.75}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{font-family:var(--font-family);-webkit-text-size-adjust:100%;-webkit-text-size-adjust:none;text-size-adjust:none;tab-size:4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:1rem;line-height:1.5}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:600}code,kbd,samp,pre{font-family:var(--font-family--mono);font-size:1em}small{font-size:75%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}span svg,p svg,a svg{display:inline-block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;color:inherit;letter-spacing:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;color:inherit;letter-spacing:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:600}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden~=until-found])){display:none!important}body{min-height:100vh;font-family:var(--font-family);font-size:var(--text-size-default);line-height:var(--type-line-height-default);color:var(--color-text-default);border:0;margin:0;padding:0}body,figure{margin-block-end:0}input,button,textarea,select{font-family:inherit;font-size:inherit}button,input{outline-color:var(--color-focus);line-height:1.1}a,button,u{text-underline-offset:var(--ui-text-underline-offset)}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}img[data-crop],picture[data-crop]{object-fit:cover}img[data-crop=square],picture[data-crop=square]{aspect-ratio:1}img[data-crop=wide],picture[data-crop=wide]{aspect-ratio:16/9}svg.coop-icon{overflow:visible}svg.coop-icon:not([width]){width:1em;height:1em}:target{scroll-margin-block:5ex}.sr-only:not(:focus,:active){white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}ul,ol,dl,p{margin:0}ul,ol{margin-left:var(--spacing-32);padding:0}dd{margin-bottom:var(--spacing-16);margin-left:var(--spacing-12)}dt{margin-bottom:var(--spacing-4);font-weight:600}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important}}@font-face{font-family:Avenir-Next;font-weight:400;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextRegular_normal_normal.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextRegular_normal_normal.woff)format("woff")}@font-face{font-family:Avenir-Next;font-weight:500;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextMedium_normal_normal.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextMedium_normal_normal.woff)format("woff")}@font-face{font-family:Avenir-Next;font-weight:600;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextDemi_normal_normal.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextDemi_normal_normal.woff)format("woff")}@font-face{font-family:Co-opHeadline;font-weight:700;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/Co-opHeadline/Co-opHeadline-Bold.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/Co-opHeadline/Co-opHeadline-Bold.woff)format("woff")}@font-face{font-family:Impact Fallback;ascent-override:97%;descent-override:normal;line-gap-override:0%;size-adjust:94%;src:local(Impact)}a:active,a:focus-visible,.coop-link:active,.coop-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;transition:none}a:where(:not([class*=bg])),.coop-link{color:var(--color-text-link);text-decoration:underline}a:where(:not([class*=bg])):hover,.coop-link:hover{color:var(--color-text-link-hover)}button.coop-link{cursor:pointer;text-align:inherit;appearance:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:inline}[class*=bg-dark],.bg-brand-blue,.bg-black,.bg-blue,.bg-blue-900,.bg-blue-700,.bg-blue-500,.bg-teal,.bg-teal-500,.bg-grey-900,.bg-grey-800,.bg-grey-700,.bg-grey-warm-900,.bg-grey-cool-900,.bg-green,.bg-green-500,.bg-success,.bg-red,.bg-red-500,.bg-error,.bg-offer,.bg-button-primary,.bg-purple,.bg-purple-500,.bg-footer{color:var(--color-white)}[class*=bg-light],[class*=bg-tint],.bg-blue-100,.bg-red-100,.bg-error-light,.bg-green-100,.bg-success-light,.bg-yellow,.bg-yellow-500,.bg-yellow-100,.bg-alert,.bg-alert-light,.bg-grey-600,.bg-grey-500,.bg-grey-400,.bg-grey-300,.bg-grey-200,.bg-grey-100,.bg-grey-cool-100,.bg-grey-cool-500,.bg-grey-warm-100,.bg-grey-warm-500,.bg-white,.bg-primary,.bg-secondary,.bg-membership,.bg-footer-light,.bg-neutral-warm,.bg-none{color:var(--color-text-default)}.coop-lead-p{font-size:var(--text-size-22)}@media (width>=48em){.coop-lead-p{font-size:var(--text-size-26)}}blockquote{margin-bottom:1rem;margin-left:1rem;padding-left:1rem}blockquote:after,blockquote:before{content:"";background:var(--color-tint-grey);width:3rem;height:6px;margin:1rem 0;display:block}blockquote p{margin-bottom:1rem;font-style:normal;font-weight:400}@media (width>=48em){blockquote{margin-bottom:2rem}}code,kbd,samp{font-family:monospace;font-size:80%}code,samp{border-radius:var(--ui-border-radius-sm);white-space:nowrap;background-color:var(--color-tint-grey);margin:0 2px;padding:3px 5px;line-height:1}kbd{border:1px solid var(--color-grey-500);white-space:nowrap;background-color:var(--color-tint-grey);border-radius:.25rem;margin:0 1px;padding:2px 4px;font-weight:500;line-height:1;display:inline-block;box-shadow:0 1px 1px #0003}.coop-prose{--coop-prose-base:1;max-width:var(--coop-prose-max-width,54rem)}.coop-prose[data-spacing=sm]{--coop-prose-base:.75}.coop-prose[data-spacing=lg]{--coop-prose-base:1.5}.coop-prose[data-full]{max-width:none}.coop-prose ul{list-style:outside}.coop-prose ol{list-style:decimal}.coop-prose li:where(:not(:last-child)){margin-bottom:var(--spacing-4)}.coop-prose :where(p,ol,ul,dl):not(:where(:last-child)){margin-bottom:calc(var(--spacing-16) * var(--coop-prose-base))}.coop-prose :where(p,ol,ul,dl,table)+:where(h1,h2,h3,h4,h5,h6){margin-top:calc(var(--spacing-32) * var(--coop-prose-base))}.coop-prose :where(img,figure,picture,blockquote){margin-top:calc(1.25rem * var(--coop-prose-base));margin-bottom:calc(1.25rem * var(--coop-prose-base))}.coop-prose :where(table){margin-top:calc(1.25rem * var(--coop-prose-base));margin-bottom:calc(1.75rem * var(--coop-prose-base))}.coop-prose :where(img):has(+figcaption){margin-bottom:calc(.5rem * var(--coop-prose-base))}@media (width>=48em){.coop-prose[data-size=lg] :where(:not(.coop-lead-p,h1,h2,h3,h4,h5,h6,table,caption,figure,figcaption,code,samp)){font-size:var(--text-size-20)}}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:600}h1{font-size:var(--text-size-30);line-height:var(--type-line-height-tight);text-wrap:balance}h1.coop-mega{font-size:var(--text-size-48)}@media (width>=48em){h1.coop-mega{font-size:var(--text-size-56)}h1{font-size:var(--text-size-46)}}h2{font-size:var(--text-size-26);line-height:var(--type-line-height-tight)}@media (width>=48em){h2{font-size:var(--text-size-32)}}h3{font-size:var(--text-size-22);line-height:var(--type-line-height-default)}@media (width>=48em){h3{font-size:var(--text-size-26)}}h4,h5,h6{font-size:var(--text-size-18);line-height:var(--type-line-height-default)}@media (width>=48em){h4,h5,h6{font-size:var(--text-size-22)}}h1:where(.coop-headline-mega){font-family:var(--font-family-headline);font-size:var(--text-size-48);line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}@media (width>=37.5em){h1:where(.coop-headline-mega){font-size:var(--text-size-64)}}@media (width>=48em){h1:where(.coop-headline-mega){font-size:var(--text-size-82)}}h1:where(.coop-headline-mega-clamp){font-family:var(--font-family-headline);font-size:clamp(var(--text-size-48), 10vw, var(--text-size-82));line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}h1:where(.coop-headline){font-family:var(--font-family-headline);font-size:var(--text-size-40);line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}@media (width>=37.5em){h1:where(.coop-headline){font-size:var(--text-size-48)}}@media (width>=48em){h1:where(.coop-headline){font-size:var(--text-size-64)}}h1:where(.coop-headline-clamp){font-family:var(--font-family-headline);font-size:clamp(var(--text-size-40), 10vw, var(--text-size-64));line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}[class*=headline].uppercase{line-height:1}:where(h1,h2){margin-bottom:calc(var(--spacing-12) * var(--coop-prose-base,1))}@media (width>=48em){:where(h1,h2){margin-bottom:calc(var(--spacing-16) * var(--coop-prose-base,1))}}:where(h3,h4,h5,h6){margin-bottom:calc(var(--spacing-8) * var(--coop-prose-base,1))}@media (width>=48em){:where(h3,h4,h5,h6){margin-bottom:calc(var(--spacing-12) * var(--coop-prose-base,1))}}hr{height:0;margin:var(--spacing-16) 0;border-color:var(--color-grey-600);color:var(--color-grey-600);border-style:solid;border-width:0 0 1px;display:block}@media (width>=48em){hr{margin:var(--spacing-32) 0}}table{border-spacing:0;border-collapse:separate;width:100%;padding:0}table caption{text-align:left}table td,table th{padding:var(--spacing-12) 0;text-align:left;vertical-align:top}table td{border-bottom:1px solid var(--color-grey-400)}table th{border-bottom:2px solid var(--color-grey-600);font-weight:600}.coop-wrap{width:calc(100% - 2rem);max-width:var(--coop-wrap-max-width,79rem);margin-left:auto;margin-right:auto}@media (width>=48em){.coop-wrap{width:calc(100% - 3rem)}}@media (width>=82em){.coop-wrap{width:calc(100% - 4rem)}}.padding-responsive{padding:1rem}@media (width>=48em){.padding-responsive{padding:2rem}}.coop-section{width:100%}.coop-logo{aspect-ratio:19/20;width:38px;height:40px;fill:var(--color-brand-blue)}.coop-logo[fill]{fill:revert-layer}.coop-logo[width],.coop-logo[height]{width:revert-layer;height:revert-layer}.coop-skip-nav{--offscreen-position:-9999px;z-index:999;position:absolute;top:0;left:0}.coop-skip-nav ul{margin:0;list-style:none}.coop-skip-nav a{top:0;left:var(--offscreen-position);padding:var(--spacing-16);border-bottom-right-radius:var(--ui-border-radius-sm);border-bottom-left-radius:var(--ui-border-radius-sm);font-size:var(--text-size-18);color:var(--color-black);white-space:nowrap;background:var(--color-yellow-500);position:absolute}.coop-skip-nav a:hover{color:var(--color-black)}.coop-skip-nav a:focus,.coop-skip-nav a:active,.coop-skip-nav a[data-visible=true]{left:var(--spacing-16)}.coop-skip-nav a:focus:not(:focus-visible){left:var(--offscreen-position)}@media (width>=48em){.coop-skip-nav a{font-size:var(--text-size-20)}}.coop-loading-spinner{animation:1.25s linear infinite spin}.coop-form{gap:var(--spacing-32);flex-direction:column;scroll-margin-top:6.25rem;display:flex}.coop-form :where(h1,h2,h3,h4,h5,h6){margin-bottom:0}.coop-field{--form-font-size:var(--text-size-18);--form-field-border:var(--color-grey-700);--form-field-size:var(--spacing-32);--form-field-gap:var(--spacing-8);--form-field-hint-offset:-2px;--form-field-padding-x:0px;--form-field-padding-y:0px;gap:var(--form-field-gap);flex-direction:column;display:flex;position:relative}:is(input,select,textarea){scroll-margin-top:6.25rem}.coop-field:has(input:checked){--form-field-border:var(--color-text-black)}@media (width>=48em){.coop-field:has(:is(input,select,textarea):not([data-size])),.coop-fieldset:not([data-size]) .coop-field{--form-field-size:var(--spacing-40);--form-font-size:var(--text-size-20);--form-field-hint-offset:-4px}}.coop-field:has(:is(input,select,textarea)[data-size=sm]),.coop-fieldset[data-size=sm] .coop-field{--form-field-size:var(--spacing-24);--form-font-size:var(--text-size-16);--form-field-hint-offset:0px}.coop-field:has(:is(input,select,textarea)[data-size=md]),.coop-fieldset[data-size=md] .coop-field{--form-field-size:var(--spacing-32);--form-font-size:var(--text-size-18);--form-field-hint-offset:-2px}.coop-field:has(:is(input,select,textarea)[data-size=lg]),.coop-fieldset[data-size=lg] .coop-field{--form-field-size:var(--spacing-40);--form-font-size:var(--text-size-20);--form-field-hint-offset:-4px}.coop-field-error{color:var(--color-error);display:block}.coop-field-hint{color:var(--color-text-alt);display:block}.coop-field-hint,.coop-field-error{margin-top:-8px}.coop-field-label{width:fit-content;font-weight:var(--font-weight-medium);color:var(--color-text);align-items:center;padding:0;display:flex}.coop-field-label>span{gap:var(--spacing-8);justify-content:space-between;align-items:center;display:flex}.coop-field.coop-field-inline{gap:var(--spacing-6) var(--spacing-12);grid-template-columns:auto 1fr;align-items:center;display:grid}.coop-field.coop-field-inline>:not(input){grid-column:2}.coop-field.coop-field-inline input{grid-column:1;margin-top:0}.coop-field.coop-field-inline .coop-field-label,.coop-field.coop-field-inline .coop-field-label+.coop-field-hint,.coop-field.coop-field-inline .coop-field-label+.coop-field-error{margin-bottom:0}.coop-fieldset-fields[data-boxed=true] .coop-field,.coop-field[data-boxed=true]{--form-field-border:var(--color-grey-700);--form-field-border-width:2px;--form-field-padding-x:var(--spacing-16);--form-field-padding-y:var(--spacing-16);padding:var(--form-field-padding-y) var(--form-field-padding-x);border-radius:var(--ui-border-radius-sm);box-shadow:inset 0 0 0 var(--form-field-border-width) var(--form-field-border);transition:box-shadow .1s ease-out}.coop-fieldset-fields[data-boxed=true] .coop-field:has(input:checked),.coop-fieldset-fields[data-boxed=true] .coop-field:not(:has(:disabled)):hover,.coop-field[data-boxed=true]:has(input:checked),.coop-field[data-boxed=true]:not(:has(:disabled)):hover{--form-field-border:var(--color-text-black);--form-field-border-width:4px}.coop-fieldset-fields[data-boxed=true] .coop-field .coop-field-label,.coop-fieldset-fields[data-boxed=true] .coop-field .coop-field-label>span,.coop-field[data-boxed=true] .coop-field-label,.coop-field[data-boxed=true] .coop-field-label>span{width:100%}.coop-fieldset-fields[data-boxed=true] .coop-field.coop-field-inline label>span:after,.coop-field.coop-field-inline[data-boxed=true] label>span:after{content:"";width:calc(100% + 2rem);height:calc(100% + 2rem);position:absolute;top:-1rem;left:-1rem}.coop-fieldset{--form-field-gap:var(--spacing-8);gap:var(--form-field-gap);border:0;flex-direction:column;width:100%;margin:0;padding:0;display:flex}.coop-fieldset-fields{gap:var(--spacing-8) var(--spacing-32);flex-direction:column;display:flex}@media (width>=37.5em){.coop-fieldset-fields[data-orientation=horizontal]{flex-flow:wrap}}.coop-field:not(.coop-fieldset[data-error=true] .coop-field,.coop-field[data-hide-error=true])[data-error=true],.coop-fieldset:not([data-hide-error=true])[data-error=true]{--form-field-padding-x:var(--spacing-16);padding-left:var(--spacing-16);border-left:4px solid var(--color-error)}.coop-field:not(.coop-fieldset[data-error=true] .coop-field,.coop-field[data-hide-error=true]):has(:user-invalid){--form-field-padding-x:var(--spacing-16);padding-left:var(--spacing-16);border-left:4px solid var(--color-error)}.coop-field:not(.coop-field-inline)[data-error=true],.coop-fieldset[data-error=true] .coop-field:not(.coop-field-inline){--form-field-border:var(--color-error)}.coop-field:not(.coop-field-inline):has(:user-invalid){--form-field-border:var(--color-error)}.coop-field:has(:is(input,select,textarea):disabled),.coop-fieldset:disabled,.coop-fieldset:disabled .coop-field,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled){--form-field-border:var(--color-grey-500);--form-field-border-width:2px}.coop-field:has(:is(input,select,textarea):disabled) input,.coop-field:has(:is(input,select,textarea):disabled) select,.coop-field:has(:is(input,select,textarea):disabled) textarea,.coop-field:has(:is(input,select,textarea):disabled) label,.coop-field:has(:is(input,select,textarea):disabled) legend,.coop-field:has(:is(input,select,textarea):disabled) input+div:has(label),.coop-fieldset:disabled input,.coop-fieldset:disabled select,.coop-fieldset:disabled textarea,.coop-fieldset:disabled label,.coop-fieldset:disabled legend,.coop-fieldset:disabled input+div:has(label),.coop-fieldset:disabled .coop-field input,.coop-fieldset:disabled .coop-field select,.coop-fieldset:disabled .coop-field textarea,.coop-fieldset:disabled .coop-field label,.coop-fieldset:disabled .coop-field legend,.coop-fieldset:disabled .coop-field input+div:has(label),.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) input,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) select,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) textarea,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) label,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) legend,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) input+div:has(label){cursor:not-allowed}.coop-field:has(:is(input,select,textarea):disabled) .coop-field-label,.coop-field:has(:is(input,select,textarea):disabled) .coop-field-error,.coop-field:has(:is(input,select,textarea):disabled) .coop-field-hint,.coop-fieldset:disabled .coop-field-label,.coop-fieldset:disabled .coop-field-error,.coop-fieldset:disabled .coop-field-hint,.coop-fieldset:disabled .coop-field .coop-field-label,.coop-fieldset:disabled .coop-field .coop-field-error,.coop-fieldset:disabled .coop-field .coop-field-hint,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) .coop-field-label,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) .coop-field-error,.coop-fieldset-fields[data-boxed] .coop-field:has(:is(input,select,textarea):disabled) .coop-field-hint{color:var(--color-grey-600)}.coop-validation-summary{padding:var(--spacing-16);border-left:4px solid var(--color-error);background-color:var(--color-error-light)}.coop-validation-summary:focus{outline:2px solid var(--color-focus);outline-offset:3px}.coop-validation-summary--heading{margin-bottom:var(--spacing-8)}.coop-validation-summary--errors{padding-top:var(--spacing-12);color:var(--color-error)}.coop-validation-summary--errors ul{list-style-type:disc}.coop-validation-summary--errors a:not([class*=bg]){color:var(--color-error)}.bg-tint-grey{--bg-color:var(--color-tint-grey);background-color:var(--color-tint-grey)}.bg-offer,.bg-red{--bg-color:var(--color-offer);background-color:var(--color-offer)}.bg-teal{--bg-color:var(--color-teal);background-color:var(--color-teal)}.bg-transparent{--bg-color:transparent;background-color:#0000}.bg-white{--bg-color:white;background-color:#fff}.border-grey{--border-color:var(--color-grey-500);border-color:var(--color-grey-500)}.border-teal{--border-color:var(--color-teal);border-color:var(--color-teal)}
@@ -0,0 +1 @@
1
+ .coop-loading-spinner{animation:1.25s linear infinite spin}
@@ -0,0 +1 @@
1
+ .coop-logo{aspect-ratio:19/20;width:38px;height:40px;fill:var(--color-brand-blue)}.coop-logo[fill]{fill:revert-layer}.coop-logo[width],.coop-logo[height]{width:revert-layer;height:revert-layer}
@@ -0,0 +1 @@
1
+ .coop-skip-nav{--offscreen-position:-9999px;z-index:999;position:absolute;top:0;left:0}.coop-skip-nav ul{margin:0;list-style:none}.coop-skip-nav a{top:0;left:var(--offscreen-position);padding:var(--spacing-16);border-bottom-right-radius:var(--ui-border-radius-sm);border-bottom-left-radius:var(--ui-border-radius-sm);font-size:var(--text-size-18);color:var(--color-black);white-space:nowrap;background:var(--color-yellow-500);position:absolute}.coop-skip-nav a:hover{color:var(--color-black)}.coop-skip-nav a:focus,.coop-skip-nav a:active,.coop-skip-nav a[data-visible=true]{left:var(--spacing-16)}.coop-skip-nav a:focus:not(:focus-visible){left:var(--offscreen-position)}@media (width>=48em){.coop-skip-nav a{font-size:var(--text-size-20)}}
@@ -0,0 +1 @@
1
+ .coop-wrap{width:calc(100% - 2rem);max-width:var(--coop-wrap-max-width,79rem);margin-left:auto;margin-right:auto}@media (width>=48em){.coop-wrap{width:calc(100% - 3rem)}}@media (width>=82em){.coop-wrap{width:calc(100% - 4rem)}}.padding-responsive{padding:1rem}@media (width>=48em){.padding-responsive{padding:2rem}}.coop-section{width:100%}
@@ -0,0 +1 @@
1
+ [class*=bg-dark],.bg-brand-blue,.bg-black,.bg-blue,.bg-blue-900,.bg-blue-700,.bg-blue-500,.bg-teal,.bg-teal-500,.bg-grey-900,.bg-grey-800,.bg-grey-700,.bg-grey-warm-900,.bg-grey-cool-900,.bg-green,.bg-green-500,.bg-success,.bg-red,.bg-red-500,.bg-error,.bg-offer,.bg-button-primary,.bg-purple,.bg-purple-500,.bg-footer{color:var(--color-white)}[class*=bg-light],[class*=bg-tint],.bg-blue-100,.bg-red-100,.bg-error-light,.bg-green-100,.bg-success-light,.bg-yellow,.bg-yellow-500,.bg-yellow-100,.bg-alert,.bg-alert-light,.bg-grey-600,.bg-grey-500,.bg-grey-400,.bg-grey-300,.bg-grey-200,.bg-grey-100,.bg-grey-cool-100,.bg-grey-cool-500,.bg-grey-warm-100,.bg-grey-warm-500,.bg-white,.bg-primary,.bg-secondary,.bg-membership,.bg-footer-light,.bg-neutral-warm,.bg-none{color:var(--color-text-default)}
@@ -1 +1 @@
1
- hr{height:0;margin:var(--spacing-16) 0;border-color:var(--color-grey-600);color:var(--color-grey-600);border-style:solid;border-width:0 0 1px;display:block}@media (width>=48em){hr{margin:var(--spacing-32) 0}}.grayscale{filter:grayscale()}
1
+ hr{height:0;margin:var(--spacing-16) 0;border-color:var(--color-grey-600);color:var(--color-grey-600);border-style:solid;border-width:0 0 1px;display:block}@media (width>=48em){hr{margin:var(--spacing-32) 0}}
@@ -0,0 +1 @@
1
+ table{border-spacing:0;border-collapse:separate;width:100%;padding:0}table caption{text-align:left}table td,table th{padding:var(--spacing-12) 0;text-align:left;vertical-align:top}table td{border-bottom:1px solid var(--color-grey-400)}table th{border-bottom:2px solid var(--color-grey-600);font-weight:600}
@@ -1 +1 @@
1
- .coop-lead-p{font-size:var(--text-size-22)}@media (width>=48em){.coop-lead-p{font-size:var(--text-size-26)}}blockquote{margin-bottom:1rem;margin-left:1rem;padding-left:1rem}blockquote:after,blockquote:before{content:"";background:var(--color-tint-grey);width:3rem;height:6px;margin:1rem 0;display:block}blockquote p{margin-bottom:1rem;font-style:normal;font-weight:400}@media (width>=48em){blockquote{margin-bottom:2rem}}code,kbd,samp{font-family:monospace;font-size:80%}code,samp{border-radius:var(--ui-border-radius-sm);white-space:nowrap;background-color:var(--color-tint-grey);margin:0 2px;padding:3px 5px;line-height:1}kbd{border:1px solid var(--color-grey-500);white-space:nowrap;background-color:var(--color-tint-grey);border-radius:.25rem;margin:0 1px;padding:2px 4px;font-weight:500;line-height:1;display:inline-block;box-shadow:0 1px 1px #0003}[class*=bg-dark],.bg-brand-blue,.bg-black,.bg-blue,.bg-blue-900,.bg-blue-700,.bg-blue-500,.bg-teal,.bg-teal-500,.bg-grey-900,.bg-grey-800,.bg-grey-700,.bg-grey-warm-900,.bg-grey-cool-900,.bg-green,.bg-green-500,.bg-success,.bg-red,.bg-red-500,.bg-error,.bg-offer,.bg-button-primary,.bg-button-primary2,.bg-purple,.bg-purple-500,.bg-footer{color:var(--color-white)}[class*=bg-light],[class*=bg-tint],.bg-blue-100,.bg-red-100,.bg-error-light,.bg-green-100,.bg-success-light,.bg-yellow,.bg-yellow-500,.bg-yellow-100,.bg-alert,.bg-alert-light,.bg-grey-600,.bg-grey-500,.bg-grey-400,.bg-grey-300,.bg-grey-200,.bg-grey-100,.bg-grey-cool-100,.bg-grey-cool-500,.bg-grey-warm-100,.bg-grey-warm-500,.bg-white,.bg-primary,.bg-secondary,.bg-membership,.bg-footer-light,.bg-neutral-warm,.bg-none{color:var(--color-text-default)}.coop-prose{--coop-prose-base:1;max-width:var(--coop-prose-max-width,54rem)}.coop-prose[data-spacing=sm]{--coop-prose-base:.75}.coop-prose[data-spacing=lg]{--coop-prose-base:1.5}.coop-prose[data-full]{max-width:none}.coop-prose ul{list-style:outside}.coop-prose ol{list-style:decimal}.coop-prose li:where(:not(:last-child)){margin-bottom:var(--spacing-4)}.coop-prose :where(p,ol,ul,dl):not(:where(:last-child)){margin-bottom:calc(var(--spacing-16) * var(--coop-prose-base))}.coop-prose :where(p,ol,ul,dl,table)+:where(h1,h2,h3,h4,h5,h6){margin-top:calc(var(--spacing-32) * var(--coop-prose-base))}.coop-prose :where(img,figure,picture,blockquote){margin-top:calc(1.25rem * var(--coop-prose-base));margin-bottom:calc(1.25rem * var(--coop-prose-base))}.coop-prose :where(table){margin-top:calc(1.25rem * var(--coop-prose-base));margin-bottom:calc(1.75rem * var(--coop-prose-base))}.coop-prose :where(img):has(+figcaption){margin-bottom:calc(.5rem * var(--coop-prose-base))}@media (width>=48em){.coop-prose[data-size=lg] :where(:not(.coop-lead-p,h1,h2,h3,h4,h5,h6,table,caption,figure,figcaption,code,samp)){font-size:var(--text-size-20)}}table{border-spacing:0;border-collapse:separate;width:100%;padding:0}table caption{text-align:left}table td,table th{padding:var(--spacing-12) 0;text-align:left;vertical-align:top}table td{border-bottom:1px solid var(--color-grey-400)}table th{border-bottom:2px solid var(--color-grey-600);font-weight:600}
1
+ .coop-lead-p{font-size:var(--text-size-22)}@media (width>=48em){.coop-lead-p{font-size:var(--text-size-26)}}blockquote{margin-bottom:1rem;margin-left:1rem;padding-left:1rem}blockquote:after,blockquote:before{content:"";background:var(--color-tint-grey);width:3rem;height:6px;margin:1rem 0;display:block}blockquote p{margin-bottom:1rem;font-style:normal;font-weight:400}@media (width>=48em){blockquote{margin-bottom:2rem}}code,kbd,samp{font-family:monospace;font-size:80%}code,samp{border-radius:var(--ui-border-radius-sm);white-space:nowrap;background-color:var(--color-tint-grey);margin:0 2px;padding:3px 5px;line-height:1}kbd{border:1px solid var(--color-grey-500);white-space:nowrap;background-color:var(--color-tint-grey);border-radius:.25rem;margin:0 1px;padding:2px 4px;font-weight:500;line-height:1;display:inline-block;box-shadow:0 1px 1px #0003}.coop-prose{--coop-prose-base:1;max-width:var(--coop-prose-max-width,54rem)}.coop-prose[data-spacing=sm]{--coop-prose-base:.75}.coop-prose[data-spacing=lg]{--coop-prose-base:1.5}.coop-prose[data-full]{max-width:none}.coop-prose ul{list-style:outside}.coop-prose ol{list-style:decimal}.coop-prose li:where(:not(:last-child)){margin-bottom:var(--spacing-4)}.coop-prose :where(p,ol,ul,dl):not(:where(:last-child)){margin-bottom:calc(var(--spacing-16) * var(--coop-prose-base))}.coop-prose :where(p,ol,ul,dl,table)+:where(h1,h2,h3,h4,h5,h6){margin-top:calc(var(--spacing-32) * var(--coop-prose-base))}.coop-prose :where(img,figure,picture,blockquote){margin-top:calc(1.25rem * var(--coop-prose-base));margin-bottom:calc(1.25rem * var(--coop-prose-base))}.coop-prose :where(table){margin-top:calc(1.25rem * var(--coop-prose-base));margin-bottom:calc(1.75rem * var(--coop-prose-base))}.coop-prose :where(img):has(+figcaption){margin-bottom:calc(.5rem * var(--coop-prose-base))}@media (width>=48em){.coop-prose[data-size=lg] :where(:not(.coop-lead-p,h1,h2,h3,h4,h5,h6,table,caption,figure,figcaption,code,samp)){font-size:var(--text-size-20)}}
@@ -1 +1 @@
1
- @import "https://cdn.fonts.net/t/1.css?apiType=css&projectid=d984f56e-f9bd-4c14-bb29-2558d7ff893e";@font-face{font-family:Avenir-Next;font-weight:400;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextRegular_normal_normal.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextRegular_normal_normal.woff)format("woff")}@font-face{font-family:Avenir-Next;font-weight:500;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextMedium_normal_normal.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextMedium_normal_normal.woff)format("woff")}@font-face{font-family:Avenir-Next;font-weight:600;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextDemi_normal_normal.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextDemi_normal_normal.woff)format("woff")}@font-face{font-family:Co-opHeadline;font-weight:700;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/Co-opHeadline/Co-opHeadline-Bold.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/Co-opHeadline/Co-opHeadline-Bold.woff)format("woff")}@font-face{font-family:Impact Fallback;ascent-override:97%;descent-override:normal;line-gap-override:0%;size-adjust:94%;src:local(Impact)}a:active,a:focus-visible,.coop-link:active,.coop-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;transition:none}a:where(:not([class*=bg])),.coop-link{color:var(--color-text-link);text-decoration:underline}a:where(:not([class*=bg])):hover,.coop-link:hover{color:var(--color-text-link-hover)}button.coop-link{cursor:pointer;text-align:inherit;appearance:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:inline}.coop-lead-p{font-size:var(--text-size-22)}@media (width>=48em){.coop-lead-p{font-size:var(--text-size-26)}}blockquote{margin-bottom:1rem;margin-left:1rem;padding-left:1rem}blockquote:after,blockquote:before{content:"";background:var(--color-tint-grey);width:3rem;height:6px;margin:1rem 0;display:block}blockquote p{margin-bottom:1rem;font-style:normal;font-weight:400}@media (width>=48em){blockquote{margin-bottom:2rem}}code,kbd,samp{font-family:monospace;font-size:80%}code,samp{border-radius:var(--ui-border-radius-sm);white-space:nowrap;background-color:var(--color-tint-grey);margin:0 2px;padding:3px 5px;line-height:1}kbd{border:1px solid var(--color-grey-500);white-space:nowrap;background-color:var(--color-tint-grey);border-radius:.25rem;margin:0 1px;padding:2px 4px;font-weight:500;line-height:1;display:inline-block;box-shadow:0 1px 1px #0003}[class*=bg-dark],.bg-brand-blue,.bg-black,.bg-blue,.bg-blue-900,.bg-blue-700,.bg-blue-500,.bg-teal,.bg-teal-500,.bg-grey-900,.bg-grey-800,.bg-grey-700,.bg-grey-warm-900,.bg-grey-cool-900,.bg-green,.bg-green-500,.bg-success,.bg-red,.bg-red-500,.bg-error,.bg-offer,.bg-button-primary,.bg-button-primary2,.bg-purple,.bg-purple-500,.bg-footer{color:var(--color-white)}[class*=bg-light],[class*=bg-tint],.bg-blue-100,.bg-red-100,.bg-error-light,.bg-green-100,.bg-success-light,.bg-yellow,.bg-yellow-500,.bg-yellow-100,.bg-alert,.bg-alert-light,.bg-grey-600,.bg-grey-500,.bg-grey-400,.bg-grey-300,.bg-grey-200,.bg-grey-100,.bg-grey-cool-100,.bg-grey-cool-500,.bg-grey-warm-100,.bg-grey-warm-500,.bg-white,.bg-primary,.bg-secondary,.bg-membership,.bg-footer-light,.bg-neutral-warm,.bg-none{color:var(--color-text-default)}.coop-prose{--coop-prose-base:1;max-width:var(--coop-prose-max-width,54rem)}.coop-prose[data-spacing=sm]{--coop-prose-base:.75}.coop-prose[data-spacing=lg]{--coop-prose-base:1.5}.coop-prose[data-full]{max-width:none}.coop-prose ul{list-style:outside}.coop-prose ol{list-style:decimal}.coop-prose li:where(:not(:last-child)){margin-bottom:var(--spacing-4)}.coop-prose :where(p,ol,ul,dl):not(:where(:last-child)){margin-bottom:calc(var(--spacing-16) * var(--coop-prose-base))}.coop-prose :where(p,ol,ul,dl,table)+:where(h1,h2,h3,h4,h5,h6){margin-top:calc(var(--spacing-32) * var(--coop-prose-base))}.coop-prose :where(img,figure,picture,blockquote){margin-top:calc(1.25rem * var(--coop-prose-base));margin-bottom:calc(1.25rem * var(--coop-prose-base))}.coop-prose :where(table){margin-top:calc(1.25rem * var(--coop-prose-base));margin-bottom:calc(1.75rem * var(--coop-prose-base))}.coop-prose :where(img):has(+figcaption){margin-bottom:calc(.5rem * var(--coop-prose-base))}@media (width>=48em){.coop-prose[data-size=lg] :where(:not(.coop-lead-p,h1,h2,h3,h4,h5,h6,table,caption,figure,figcaption,code,samp)){font-size:var(--text-size-20)}}table{border-spacing:0;border-collapse:separate;width:100%;padding:0}table caption{text-align:left}table td,table th{padding:var(--spacing-12) 0;text-align:left;vertical-align:top}table td{border-bottom:1px solid var(--color-grey-400)}table th{border-bottom:2px solid var(--color-grey-600);font-weight:600}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:600}h1{font-size:var(--text-size-30);line-height:var(--type-line-height-tight);text-wrap:balance}h1.coop-mega{font-size:var(--text-size-48)}@media (width>=48em){h1.coop-mega{font-size:var(--text-size-56)}h1{font-size:var(--text-size-46)}}h2{font-size:var(--text-size-26);line-height:var(--type-line-height-tight)}@media (width>=48em){h2{font-size:var(--text-size-32)}}h3{font-size:var(--text-size-22);line-height:var(--type-line-height-default)}@media (width>=48em){h3{font-size:var(--text-size-26)}}h4,h5,h6{font-size:var(--text-size-18);line-height:var(--type-line-height-default)}@media (width>=48em){h4,h5,h6{font-size:var(--text-size-22)}}h1:where(.coop-headline-mega){font-family:var(--font-family-headline);font-size:var(--text-size-48);line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}@media (width>=37.5em){h1:where(.coop-headline-mega){font-size:var(--text-size-64)}}@media (width>=48em){h1:where(.coop-headline-mega){font-size:var(--text-size-82)}}h1:where(.coop-headline-mega-clamp){font-family:var(--font-family-headline);font-size:clamp(var(--text-size-48), 10vw, var(--text-size-82));line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}h1:where(.coop-headline){font-family:var(--font-family-headline);font-size:var(--text-size-40);line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}@media (width>=37.5em){h1:where(.coop-headline){font-size:var(--text-size-48)}}@media (width>=48em){h1:where(.coop-headline){font-size:var(--text-size-64)}}h1:where(.coop-headline-clamp){font-family:var(--font-family-headline);font-size:clamp(var(--text-size-40), 10vw, var(--text-size-64));line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}[class*=headline].uppercase{line-height:1}:where(h1,h2){margin-bottom:calc(var(--spacing-12) * var(--coop-prose-base,1))}@media (width>=48em){:where(h1,h2){margin-bottom:calc(var(--spacing-16) * var(--coop-prose-base,1))}}:where(h3,h4,h5,h6){margin-bottom:calc(var(--spacing-8) * var(--coop-prose-base,1))}@media (width>=48em){:where(h3,h4,h5,h6){margin-bottom:calc(var(--spacing-12) * var(--coop-prose-base,1))}}hr{height:0;margin:var(--spacing-16) 0;border-color:var(--color-grey-600);color:var(--color-grey-600);border-style:solid;border-width:0 0 1px;display:block}@media (width>=48em){hr{margin:var(--spacing-32) 0}}.grayscale{filter:grayscale()}
1
+ @import "https://cdn.fonts.net/t/1.css?apiType=css&projectid=d984f56e-f9bd-4c14-bb29-2558d7ff893e";@font-face{font-family:Avenir-Next;font-weight:400;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextRegular_normal_normal.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextRegular_normal_normal.woff)format("woff")}@font-face{font-family:Avenir-Next;font-weight:500;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextMedium_normal_normal.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextMedium_normal_normal.woff)format("woff")}@font-face{font-family:Avenir-Next;font-weight:600;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextDemi_normal_normal.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextDemi_normal_normal.woff)format("woff")}@font-face{font-family:Co-opHeadline;font-weight:700;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/Co-opHeadline/Co-opHeadline-Bold.woff2)format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/Co-opHeadline/Co-opHeadline-Bold.woff)format("woff")}@font-face{font-family:Impact Fallback;ascent-override:97%;descent-override:normal;line-gap-override:0%;size-adjust:94%;src:local(Impact)}a:active,a:focus-visible,.coop-link:active,.coop-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;transition:none}a:where(:not([class*=bg])),.coop-link{color:var(--color-text-link);text-decoration:underline}a:where(:not([class*=bg])):hover,.coop-link:hover{color:var(--color-text-link-hover)}button.coop-link{cursor:pointer;text-align:inherit;appearance:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:inline}[class*=bg-dark],.bg-brand-blue,.bg-black,.bg-blue,.bg-blue-900,.bg-blue-700,.bg-blue-500,.bg-teal,.bg-teal-500,.bg-grey-900,.bg-grey-800,.bg-grey-700,.bg-grey-warm-900,.bg-grey-cool-900,.bg-green,.bg-green-500,.bg-success,.bg-red,.bg-red-500,.bg-error,.bg-offer,.bg-button-primary,.bg-purple,.bg-purple-500,.bg-footer{color:var(--color-white)}[class*=bg-light],[class*=bg-tint],.bg-blue-100,.bg-red-100,.bg-error-light,.bg-green-100,.bg-success-light,.bg-yellow,.bg-yellow-500,.bg-yellow-100,.bg-alert,.bg-alert-light,.bg-grey-600,.bg-grey-500,.bg-grey-400,.bg-grey-300,.bg-grey-200,.bg-grey-100,.bg-grey-cool-100,.bg-grey-cool-500,.bg-grey-warm-100,.bg-grey-warm-500,.bg-white,.bg-primary,.bg-secondary,.bg-membership,.bg-footer-light,.bg-neutral-warm,.bg-none{color:var(--color-text-default)}.coop-lead-p{font-size:var(--text-size-22)}@media (width>=48em){.coop-lead-p{font-size:var(--text-size-26)}}blockquote{margin-bottom:1rem;margin-left:1rem;padding-left:1rem}blockquote:after,blockquote:before{content:"";background:var(--color-tint-grey);width:3rem;height:6px;margin:1rem 0;display:block}blockquote p{margin-bottom:1rem;font-style:normal;font-weight:400}@media (width>=48em){blockquote{margin-bottom:2rem}}code,kbd,samp{font-family:monospace;font-size:80%}code,samp{border-radius:var(--ui-border-radius-sm);white-space:nowrap;background-color:var(--color-tint-grey);margin:0 2px;padding:3px 5px;line-height:1}kbd{border:1px solid var(--color-grey-500);white-space:nowrap;background-color:var(--color-tint-grey);border-radius:.25rem;margin:0 1px;padding:2px 4px;font-weight:500;line-height:1;display:inline-block;box-shadow:0 1px 1px #0003}.coop-prose{--coop-prose-base:1;max-width:var(--coop-prose-max-width,54rem)}.coop-prose[data-spacing=sm]{--coop-prose-base:.75}.coop-prose[data-spacing=lg]{--coop-prose-base:1.5}.coop-prose[data-full]{max-width:none}.coop-prose ul{list-style:outside}.coop-prose ol{list-style:decimal}.coop-prose li:where(:not(:last-child)){margin-bottom:var(--spacing-4)}.coop-prose :where(p,ol,ul,dl):not(:where(:last-child)){margin-bottom:calc(var(--spacing-16) * var(--coop-prose-base))}.coop-prose :where(p,ol,ul,dl,table)+:where(h1,h2,h3,h4,h5,h6){margin-top:calc(var(--spacing-32) * var(--coop-prose-base))}.coop-prose :where(img,figure,picture,blockquote){margin-top:calc(1.25rem * var(--coop-prose-base));margin-bottom:calc(1.25rem * var(--coop-prose-base))}.coop-prose :where(table){margin-top:calc(1.25rem * var(--coop-prose-base));margin-bottom:calc(1.75rem * var(--coop-prose-base))}.coop-prose :where(img):has(+figcaption){margin-bottom:calc(.5rem * var(--coop-prose-base))}@media (width>=48em){.coop-prose[data-size=lg] :where(:not(.coop-lead-p,h1,h2,h3,h4,h5,h6,table,caption,figure,figcaption,code,samp)){font-size:var(--text-size-20)}}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:600}h1{font-size:var(--text-size-30);line-height:var(--type-line-height-tight);text-wrap:balance}h1.coop-mega{font-size:var(--text-size-48)}@media (width>=48em){h1.coop-mega{font-size:var(--text-size-56)}h1{font-size:var(--text-size-46)}}h2{font-size:var(--text-size-26);line-height:var(--type-line-height-tight)}@media (width>=48em){h2{font-size:var(--text-size-32)}}h3{font-size:var(--text-size-22);line-height:var(--type-line-height-default)}@media (width>=48em){h3{font-size:var(--text-size-26)}}h4,h5,h6{font-size:var(--text-size-18);line-height:var(--type-line-height-default)}@media (width>=48em){h4,h5,h6{font-size:var(--text-size-22)}}h1:where(.coop-headline-mega){font-family:var(--font-family-headline);font-size:var(--text-size-48);line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}@media (width>=37.5em){h1:where(.coop-headline-mega){font-size:var(--text-size-64)}}@media (width>=48em){h1:where(.coop-headline-mega){font-size:var(--text-size-82)}}h1:where(.coop-headline-mega-clamp){font-family:var(--font-family-headline);font-size:clamp(var(--text-size-48), 10vw, var(--text-size-82));line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}h1:where(.coop-headline){font-family:var(--font-family-headline);font-size:var(--text-size-40);line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}@media (width>=37.5em){h1:where(.coop-headline){font-size:var(--text-size-48)}}@media (width>=48em){h1:where(.coop-headline){font-size:var(--text-size-64)}}h1:where(.coop-headline-clamp){font-family:var(--font-family-headline);font-size:clamp(var(--text-size-40), 10vw, var(--text-size-64));line-height:var(--type-line-height-headline);color:var(--color-brand-blue)}[class*=headline].uppercase{line-height:1}:where(h1,h2){margin-bottom:calc(var(--spacing-12) * var(--coop-prose-base,1))}@media (width>=48em){:where(h1,h2){margin-bottom:calc(var(--spacing-16) * var(--coop-prose-base,1))}}:where(h3,h4,h5,h6){margin-bottom:calc(var(--spacing-8) * var(--coop-prose-base,1))}@media (width>=48em){:where(h3,h4,h5,h6){margin-bottom:calc(var(--spacing-12) * var(--coop-prose-base,1))}}hr{height:0;margin:var(--spacing-16) 0;border-color:var(--color-grey-600);color:var(--color-grey-600);border-style:solid;border-width:0 0 1px;display:block}@media (width>=48em){hr{margin:var(--spacing-32) 0}}table{border-spacing:0;border-collapse:separate;width:100%;padding:0}table caption{text-align:left}table td,table th{padding:var(--spacing-12) 0;text-align:left;vertical-align:top}table td{border-bottom:1px solid var(--color-grey-400)}table th{border-bottom:2px solid var(--color-grey-600);font-weight:600}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@coopdigital/styles",
3
3
  "type": "module",
4
- "version": "1.13.1",
4
+ "version": "1.13.2",
5
5
  "private": false,
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -41,5 +41,5 @@
41
41
  "lightningcss": "^1.33.0",
42
42
  "sass": "^1.102.0"
43
43
  },
44
- "gitHead": "773b6e1ec18be0a33b2dd40a336f7a6bee54a259"
44
+ "gitHead": "63e8cb1427d5e504b3390bb1c1028a30c76c9053"
45
45
  }
@@ -0,0 +1,3 @@
1
+ .coop-loading-spinner {
2
+ animation: spin 1.25s linear infinite;
3
+ }
@@ -0,0 +1,16 @@
1
+ .coop-logo {
2
+ aspect-ratio: 19/20;
3
+ width: 38px;
4
+ height: 40px;
5
+ fill: var(--color-brand-blue);
6
+ }
7
+
8
+ .coop-logo[fill] {
9
+ fill: revert-layer;
10
+ }
11
+
12
+ .coop-logo[width],
13
+ .coop-logo[height] {
14
+ width: revert-layer;
15
+ height: revert-layer;
16
+ }
@@ -0,0 +1,52 @@
1
+ @use "../breakpoints" as *;
2
+
3
+ .coop-skip-nav {
4
+ --offscreen-position: -9999px;
5
+
6
+ position: absolute;
7
+ z-index: 999;
8
+ top: 0;
9
+ left: 0;
10
+
11
+ ul {
12
+ margin: 0;
13
+ list-style: none;
14
+ }
15
+
16
+ a {
17
+ position: absolute;
18
+ top: 0;
19
+ left: var(--offscreen-position);
20
+
21
+ padding: var(--spacing-16);
22
+ border-bottom-right-radius: var(--ui-border-radius-sm);
23
+ border-bottom-left-radius: var(--ui-border-radius-sm);
24
+
25
+ font-size: var(--text-size-18);
26
+ color: var(--color-black);
27
+ white-space: nowrap;
28
+
29
+ background: var(--color-yellow-500);
30
+
31
+ &:hover {
32
+ color: var(--color-black);
33
+ }
34
+
35
+ &:focus,
36
+ &:active {
37
+ left: var(--spacing-16);
38
+ }
39
+
40
+ &[data-visible="true"] {
41
+ left: var(--spacing-16);
42
+ }
43
+
44
+ &:focus:not(:focus-visible) {
45
+ left: var(--offscreen-position);
46
+ }
47
+
48
+ @media (min-width: $mq-md) {
49
+ font-size: var(--text-size-20);
50
+ }
51
+ }
52
+ }
@@ -0,0 +1,28 @@
1
+ @use "../breakpoints" as *;
2
+
3
+ $coop-wrap-default-width: 79rem;
4
+
5
+ .coop-wrap {
6
+ width: calc(100% - 2rem);
7
+ max-width: var(--coop-wrap-max-width, $coop-wrap-default-width);
8
+ margin-right: auto;
9
+ margin-left: auto;
10
+
11
+ @media (min-width: $mq-md) {
12
+ width: calc(100% - 3rem);
13
+ }
14
+ @media (min-width: $mq-xl) {
15
+ width: calc(100% - 4rem);
16
+ }
17
+ }
18
+
19
+ .padding-responsive {
20
+ padding: 1rem;
21
+ @media (min-width: $mq-md) {
22
+ padding: 2rem;
23
+ }
24
+ }
25
+
26
+ .coop-section {
27
+ width: 100%;
28
+ }
package/src/layout.scss CHANGED
@@ -1,106 +1,4 @@
1
- @use "breakpoints" as *;
2
-
3
- $coop-wrap-default-width: 79rem;
4
-
5
- .coop-wrap {
6
- width: calc(100% - 2rem);
7
- max-width: var(--coop-wrap-max-width, $coop-wrap-default-width);
8
- margin-right: auto;
9
- margin-left: auto;
10
-
11
- @media (min-width: $mq-md) {
12
- width: calc(100% - 3rem);
13
- }
14
- @media (min-width: $mq-xl) {
15
- width: calc(100% - 4rem);
16
- }
17
- }
18
-
19
- .padding-responsive {
20
- padding: 1rem;
21
- @media (min-width: $mq-md) {
22
- padding: 2rem;
23
- }
24
- }
25
-
26
- .coop-section {
27
- width: 100%;
28
- }
29
-
30
- /* LOGO STYLES */
31
-
32
- .coop-logo {
33
- aspect-ratio: 19/20;
34
- width: 38px;
35
- height: 40px;
36
- fill: var(--color-brand-blue);
37
- }
38
-
39
- .coop-logo[fill] {
40
- fill: revert-layer;
41
- }
42
-
43
- .coop-logo[width],
44
- .coop-logo[height] {
45
- width: revert-layer;
46
- height: revert-layer;
47
- }
48
-
49
- /* SKIP NAV STYLES */
50
-
51
- .coop-skip-nav {
52
- --offscreen-position: -9999px;
53
-
54
- position: absolute;
55
- z-index: 999;
56
- top: 0;
57
- left: 0;
58
-
59
- ul {
60
- margin: 0;
61
- list-style: none;
62
- }
63
-
64
- a {
65
- position: absolute;
66
- top: 0;
67
- left: var(--offscreen-position);
68
-
69
- padding: var(--spacing-16);
70
- border-bottom-right-radius: var(--ui-border-radius-sm);
71
- border-bottom-left-radius: var(--ui-border-radius-sm);
72
-
73
- font-size: var(--text-size-18);
74
- color: var(--color-black);
75
- white-space: nowrap;
76
-
77
- background: var(--color-yellow-500);
78
-
79
- &:hover {
80
- color: var(--color-black);
81
- }
82
-
83
- &:focus,
84
- &:active {
85
- left: var(--spacing-16);
86
- }
87
-
88
- &[data-visible="true"] {
89
- left: var(--spacing-16);
90
- }
91
-
92
- &:focus:not(:focus-visible) {
93
- left: var(--offscreen-position);
94
- }
95
-
96
- @media (min-width: $mq-md) {
97
- font-size: var(--text-size-20);
98
- }
99
- }
100
- }
101
-
102
- /* LOADING SPINNER */
103
-
104
- .coop-loading-spinner {
105
- animation: spin 1.25s linear infinite;
106
- }
1
+ @use "./layout/wrappers";
2
+ @use "./layout/logo";
3
+ @use "./layout/skip-nav";
4
+ @use "./layout/loading";
@@ -0,0 +1,63 @@
1
+ /* Background aware colors */
2
+ [class*="bg-dark"],
3
+ .bg-brand-blue,
4
+ .bg-black,
5
+ .bg-blue,
6
+ .bg-blue-900,
7
+ .bg-blue-700,
8
+ .bg-blue-500,
9
+ .bg-teal,
10
+ .bg-teal-500,
11
+ .bg-grey-900,
12
+ .bg-grey-800,
13
+ .bg-grey-700,
14
+ .bg-grey-warm-900,
15
+ .bg-grey-cool-900,
16
+ .bg-green,
17
+ .bg-green-500,
18
+ .bg-success,
19
+ .bg-red,
20
+ .bg-red-500,
21
+ .bg-error,
22
+ .bg-offer,
23
+ // shortcuts
24
+ .bg-button-primary,
25
+ .bg-purple,
26
+ .bg-purple-500,
27
+ .bg-footer {
28
+ color: var(--color-white);
29
+ }
30
+
31
+ [class*="bg-light"],
32
+ [class*="bg-tint"],
33
+ .bg-blue-100,
34
+ // notifications
35
+ .bg-red-100,
36
+ .bg-error-light,
37
+ .bg-green-100,
38
+ .bg-success-light,
39
+ .bg-yellow,
40
+ .bg-yellow-500,
41
+ .bg-yellow-100,
42
+ .bg-alert,
43
+ .bg-alert-light,
44
+ // neutrals
45
+ .bg-grey-600,
46
+ .bg-grey-500,
47
+ .bg-grey-400,
48
+ .bg-grey-300,
49
+ .bg-grey-200,
50
+ .bg-grey-100,
51
+ .bg-grey-cool-100,
52
+ .bg-grey-cool-500,
53
+ .bg-grey-warm-100,
54
+ .bg-grey-warm-500,
55
+ .bg-white,
56
+ .bg-primary, // white
57
+ .bg-secondary,
58
+ .bg-membership,
59
+ .bg-footer-light,
60
+ .bg-neutral-warm,
61
+ .bg-none {
62
+ color: var(--color-text-default);
63
+ }
@@ -15,7 +15,3 @@ hr {
15
15
  margin: var(--spacing-32) 0;
16
16
  }
17
17
  }
18
-
19
- .grayscale {
20
- filter: grayscale(100%);
21
- }
@@ -0,0 +1,26 @@
1
+ table {
2
+ border-spacing: 0;
3
+ border-collapse: separate;
4
+ width: 100%;
5
+ padding: 0;
6
+
7
+ caption {
8
+ text-align: left;
9
+ }
10
+
11
+ td,
12
+ th {
13
+ padding: var(--spacing-12) 0;
14
+ text-align: left;
15
+ vertical-align: top;
16
+ }
17
+
18
+ td {
19
+ border-bottom: 1px solid var(--color-grey-400);
20
+ }
21
+
22
+ th {
23
+ border-bottom: 2px solid var(--color-grey-600);
24
+ font-weight: 600;
25
+ }
26
+ }
@@ -75,71 +75,6 @@ kbd {
75
75
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
76
76
  }
77
77
 
78
- /* Background aware colors */
79
- [class*="bg-dark"],
80
- .bg-brand-blue,
81
- .bg-black,
82
- .bg-blue,
83
- .bg-blue-900,
84
- .bg-blue-700,
85
- .bg-blue-500,
86
- .bg-teal,
87
- .bg-teal-500,
88
- .bg-grey-900,
89
- .bg-grey-800,
90
- .bg-grey-700,
91
- .bg-grey-warm-900,
92
- .bg-grey-cool-900,
93
- .bg-green,
94
- .bg-green-500,
95
- .bg-success,
96
- .bg-red,
97
- .bg-red-500,
98
- .bg-error,
99
- .bg-offer,
100
- // shortcuts
101
- .bg-button-primary,
102
- .bg-button-primary2,
103
- .bg-purple,
104
- .bg-purple-500,
105
- .bg-footer {
106
- color: var(--color-white);
107
- }
108
-
109
- [class*="bg-light"],
110
- [class*="bg-tint"],
111
- .bg-blue-100,
112
- // notifications
113
- .bg-red-100,
114
- .bg-error-light,
115
- .bg-green-100,
116
- .bg-success-light,
117
- .bg-yellow,
118
- .bg-yellow-500,
119
- .bg-yellow-100,
120
- .bg-alert,
121
- .bg-alert-light,
122
- // neutrals
123
- .bg-grey-600,
124
- .bg-grey-500,
125
- .bg-grey-400,
126
- .bg-grey-300,
127
- .bg-grey-200,
128
- .bg-grey-100,
129
- .bg-grey-cool-100,
130
- .bg-grey-cool-500,
131
- .bg-grey-warm-100,
132
- .bg-grey-warm-500,
133
- .bg-white,
134
- .bg-primary, // white
135
- .bg-secondary,
136
- .bg-membership,
137
- .bg-footer-light,
138
- .bg-neutral-warm,
139
- .bg-none {
140
- color: var(--color-text-default);
141
- }
142
-
143
78
  .coop-prose {
144
79
  --coop-prose-base: 1;
145
80
 
@@ -200,30 +135,3 @@ kbd {
200
135
  }
201
136
  }
202
137
  }
203
-
204
- table {
205
- border-spacing: 0;
206
- border-collapse: separate;
207
- width: 100%;
208
- padding: 0;
209
-
210
- caption {
211
- text-align: left;
212
- }
213
-
214
- td,
215
- th {
216
- padding: var(--spacing-12) 0;
217
- text-align: left;
218
- vertical-align: top;
219
- }
220
-
221
- td {
222
- border-bottom: 1px solid var(--color-grey-400);
223
- }
224
-
225
- th {
226
- border-bottom: 2px solid var(--color-grey-600);
227
- font-weight: 600;
228
- }
229
- }
@@ -1,5 +1,7 @@
1
1
  @use "./typography/fonts";
2
2
  @use "./typography/links";
3
+ @use "./typography/bg-aware";
3
4
  @use "./typography/text";
4
5
  @use "./typography/headings";
5
6
  @use "./typography/misc";
7
+ @use "./typography/table";