@nd-storybook/storybook 0.3.4 → 0.3.6

package/dist/style.css

@@ -0,0 +1,3 @@
+:root{--font-family-gulliver:"Gulliver Web",Georgia,serif;--font-family-fira-sans:"Fira Sans",Arial,sans-serif;--font-family-montserrat:"Montserrat","Helvetica Neue",Arial,sans-serif;--font-family-abril-fatface:"Abril Fatface","Playfair Display",Georgia,serif;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-regular:400;--font-weight-light:300;--font-size-12:12px;--font-size-14:14px;--font-size-15:15px;--font-size-16:16px;--font-size-17:17px;--font-size-18:18px;--font-size-20:20px;--font-size-22:22px;--font-size-24:24px;--font-size-26:26px;--font-size-28:28px;--font-size-30:30px;--font-size-32:32px;--font-size-36:36px;--font-size-40:40px;--font-size-48:48px;--font-size-88:88px;--font-size-96:96px;--letter-spacing-0:0px;--letter-spacing-s:1.6px;--letter-spacing-m:2.4px;--letter-spacing-l:4px;--color-border-default:#000;--color-border-brand:#0096cb;--color-border-accent-gray:#bdbdbd;--color-border-accent-gray-subtle:#eceae9;--color-border-disabled:#bdbdbd;--color-border-warning:#e9425b;--color-blue-400:#02b4f2;--color-blue-500:#0096cb;--color-blue-900:#09254a;--color-blue-500-10:#02a1d91a;--color-pink-200:#fef3f2;--color-pink-400:#f2e1df;--color-pink-600:#ec596f;--color-pink-700:#e9425b;--color-pink-800:#be123c;--color-brown-500:#a27675;--color-brown-800:#6a4847;--color-brown-900:#3a1a1c;--color-neutral-100:#f8f8f8;--color-neutral-200:#f2f2f2;--color-neutral-300:#eceae9;--color-neutral-400:#bdbdbd;--color-neutral-500:#999;--color-neutral-600:#727272;--color-neutral-700:#484544;--color-neutral-800:#222;--color-neutral-900:#121212;--color-neutral-black:#000;--color-neutral-black-10:#0000001a;--color-neutral-white:#fff;--color-neutral-white-30:#ffffff4d;--color-text-default:#000;--color-text-subtle:#727272;--color-text-brand:#0096cb;--color-text-brand-subtle:#02b4f2;--color-text-accent-brown:#6a4847;--color-text-accent-brown-subtle:#a27675;--color-text-accent-pink:#e9425b;--color-text-disabled:#727272;--color-text-inverse:#fff;--color-text-warning:#e9425b;--color-text-warning-inverse:#000;--color-background-default:#fff;--color-background-dark:#000;--color-background-dark-subtle:#222;--color-background-brand:#0096cb;--color-background-brand-subtle:#02b4f2;--color-background-brand-subtlest:#02a1d91a;--color-background-accent-gray:#f2f2f2;--color-background-accent-gray-subtle:#f8f8f8;--color-background-accent-brown:#6a4847;--color-background-accent-pink:#e9425b;--color-background-accent-pink-subtle:#ec596f;--color-background-accent-pink-subtlest:#f2e1df;--color-background-disabled:#727272;--color-icons-default:#000;--color-icons-gray:#727272;--color-icons-brand:#0096cb;--color-icons-warning:#e9425b;--color-icons-inverse:#fff;--color-shadow-default:#0000001a;--color-dnk-brand:#be123c;--color-dnk-background:#fef3f2;--color-form-background-input-field-default:#fff;--color-form-background-checkbox-default:#fff;--color-form-border-input-field-default:#bdbdbd;--color-form-border-checkbox-default:#bdbdbd;--color-button-background-primary-default:#0096cb;--color-button-background-dark-default:#000;--color-button-background-secondary-default:#fff;--color-button-background-pill-default:#fff;--color-button-border-secondary-default:#0096cb;--color-button-border-pill-default:#eceae9;--color-button-icon-primary-default:#fff;--color-button-icon-secondary-default:#0096cb;--color-button-icon-pill-default:#727272;--color-button-text-primary-default:#fff;--color-button-text-dark-default:#fff;--color-button-text-secondary-default:#0096cb;--color-button-text-ghost-default:#0096cb;--color-button-text-pill-default:#727272;--color-link-text-default-default:#000;--color-link-text-brown-default:#6a4847;--color-form-background-input-field-hover:#f8f8f8;--color-form-background-checkbox-hover:#f2f2f2;--color-form-border-input-field-hover:#0096cb;--color-form-border-checkbox-hover:#bdbdbd;--color-button-background-primary-hover:#02b4f2;--color-button-background-dark-hover:#222;--color-button-background-secondary-hover:#02a1d91a;--color-button-background-pill-hover:#f8f8f8;--color-button-border-secondary-hover:#0096cb;--color-button-border-pill-hover:#eceae9;--color-button-icon-primary-hover:#fff;--color-button-icon-secondary-hover:#0096cb;--color-button-icon-pill-hover:#727272;--color-button-text-primary-hover:#fff;--color-button-text-dark-hover:#fff;--color-button-text-secondary-hover:#0096cb;--color-button-text-ghost-hover:#02b4f2;--color-button-text-pill-hover:#727272;--color-link-text-default-hover:#000;--color-link-text-brown-hover:#a27675;--color-form-background-input-field-active:#fff;--color-form-background-checkbox-active:#0096cb;--color-form-border-input-field-active:#0096cb;--color-form-border-checkbox-active:#0096cb;--color-button-background-primary-active:#02b4f2;--color-button-background-dark-active:#222;--color-button-background-secondary-active:#02a1d91a;--color-button-background-pill-active:#f8f8f8;--color-button-border-secondary-active:#0096cb;--color-button-border-pill-active:#bdbdbd;--color-button-icon-primary-active:#fff;--color-button-icon-secondary-active:#0096cb;--color-button-icon-pill-active:#727272;--color-button-text-primary-active:#fff;--color-button-text-dark-active:#fff;--color-button-text-secondary-active:#0096cb;--color-button-text-ghost-active:#02b4f2;--color-button-text-pill-active:#727272;--color-link-text-default-active:#000;--color-link-text-brown-active:#a27675;--color-form-background-input-field-disabled:#f2f2f2;--color-form-background-checkbox-disabled:#f2f2f2;--color-form-border-input-field-disabled:#bdbdbd;--color-form-border-checkbox-disabled:#eceae9;--color-button-background-primary-disabled:#727272;--color-button-background-dark-disabled:#000;--color-button-background-secondary-disabled:#fff;--color-button-background-pill-disabled:#fff;--color-button-border-secondary-disabled:#bdbdbd;--color-button-border-pill-disabled:#eceae9;--color-button-icon-primary-disabled:#fff;--color-button-icon-secondary-disabled:#0096cb;--color-button-icon-pill-disabled:#727272;--color-button-text-primary-disabled:#fff;--color-button-text-dark-disabled:#727272;--color-button-text-secondary-disabled:#727272;--color-button-text-ghost-disabled:#727272;--color-button-text-pill-disabled:#727272;--color-link-text-default-disabled:#727272;--color-link-text-brown-disabled:#727272;--box-shadow-s:0px 1px 8px 0px #0000001a;--box-shadow-m:0px 10px 20px 0px #0000001a,0px 1px 2px 0px #0000001a;--box-shadow-l:0px -10px 20px 0px #0000001a,0px 1px 2px 0px #0000001a;--spacing-0:0px;--spacing-xxs:4px;--spacing-xs:8px;--spacing-s:16px;--spacing-m:24px;--spacing-l:40px;--spacing-xl:64px;--spacing-xxl:128px;--border-radius-0:0px;--border-radius-xl:80px;--border-radius-pill:80px;--border-width-0:0px;--border-width-s:1px;--font-size-heading-xs:14px;--font-size-heading-s:18px;--font-size-heading-m:20px;--font-size-heading-l:40px;--font-size-heading-xl:48px;--font-size-body-xs:12px;--font-size-body-s:16px;--font-size-body-m:18px;--font-size-body-l:20px;--font-size-body-xl:22px;--font-size-body-xxl:28px;--font-size-body-drop-cap:96px;--font-size-meta:14px}@media (prefers-color-scheme:dark){:root{--color-text-default:#fff;--color-text-subtle:#bdbdbd;--color-text-brand:#0096cb;--color-text-brand-subtle:#02b4f2;--color-text-accent-brown:#a27675;--color-text-accent-brown-subtle:#a27675;--color-text-accent-pink:#e9425b;--color-text-disabled:#bdbdbd;--color-text-inverse:#fff;--color-text-warning:#e9425b;--color-text-warning-inverse:#fff;--color-background-default:#121212;--color-background-dark:#222;--color-background-dark-subtle:#727272;--color-background-brand:#0096cb;--color-background-brand-subtle:#02b4f2;--color-background-brand-subtlest:#02a1d91a;--color-background-accent-gray:#484544;--color-background-accent-gray-subtle:#222;--color-background-accent-brown:#a27675;--color-background-accent-pink:#e9425b;--color-background-accent-pink-subtle:#ec596f;--color-background-accent-pink-subtlest:#f2e1df;--color-background-disabled:#222;--color-border-default:#fff;--color-border-brand:#0096cb;--color-border-accent-gray:#999;--color-border-accent-gray-subtle:#727272;--color-border-disabled:#999;--color-border-warning:#e9425b;--color-icons-default:#fff;--color-icons-gray:#bdbdbd;--color-icons-brand:#0096cb;--color-icons-warning:#e9425b;--color-icons-inverse:#fff;--color-shadow-default:#ffffff4d;--color-dnk-brand:#be123c;--color-dnk-background:#fef3f2}}@media (max-width:767px){:root{--font-size-heading-xs:14px;--font-size-heading-s:16px;--font-size-heading-m:18px;--font-size-heading-l:26px;--font-size-heading-xl:28px;--font-size-body-xs:12px;--font-size-body-s:14px;--font-size-body-m:16px;--font-size-body-l:18px;--font-size-body-xl:20px;--font-size-body-xxl:24px;--font-size-body-drop-cap:88px;--font-size-meta:14px}}@media (min-width:768px) and (max-width:1023px){:root{--font-size-heading-xs:14px;--font-size-heading-s:18px;--font-size-heading-m:20px;--font-size-heading-l:36px;--font-size-heading-xl:40px;--font-size-body-xs:12px;--font-size-body-s:16px;--font-size-body-m:18px;--font-size-body-l:20px;--font-size-body-xl:22px;--font-size-body-xxl:28px;--font-size-body-drop-cap:96px;--font-size-meta:14px}}.text-article-heading{font-weight:var(--font-weight-bold)}.text-article-heading,.text-article-heading-light{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-xl);letter-spacing:var(--letter-spacing-0);line-height:130%;text-transform:none;text-decoration:none}.text-article-heading-light{font-weight:var(--font-weight-regular)}.text-article-heading-alternate{font-family:var(--font-family-montserrat);font-size:var(--font-size-heading-xl);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-0);line-height:130%;text-transform:none;text-decoration:none}.text-article-heading-2{font-weight:var(--font-weight-bold)}.text-article-heading-2,.text-article-heading-2-light{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-m);letter-spacing:var(--letter-spacing-0);line-height:130%;text-transform:none;text-decoration:none}.text-article-heading-2-light{font-weight:var(--font-weight-regular)}.text-article-heading-2-alternate{font-family:var(--font-family-montserrat);font-size:var(--font-size-heading-m);font-weight:var(--font-weight-bold);line-height:130%}.text-article-body,.text-article-heading-2-alternate{letter-spacing:var(--letter-spacing-0);text-transform:none;text-decoration:none}.text-article-body{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-m);font-weight:var(--font-weight-regular);line-height:160%}.text-article-type{font-size:var(--font-size-body-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-s);text-transform:small-caps}.text-article-intro,.text-article-type{font-family:var(--font-family-fira-sans);line-height:160%;text-decoration:none}.text-article-intro{font-size:var(--font-size-body-l);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-0);text-transform:none}.text-article-city{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-xl);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-m);line-height:160%;text-transform:small-caps;text-decoration:none}.text-article-quote{font-family:var(--font-family-gulliver);font-size:var(--font-size-body-xxl);line-height:130%}.text-article-question,.text-article-quote{font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-0);text-transform:none;text-decoration:none}.text-article-question{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-m);line-height:160%}.text-article-drop-cap{font-family:var(--font-family-abril-fatface);font-weight:var(--font-weight-bold)}.text-article-drop-cap,.text-article-drop-cap-alternate{font-size:var(--font-size-body-drop-cap);letter-spacing:var(--letter-spacing-0);line-height:160%;text-transform:none;text-decoration:none}.text-article-drop-cap-alternate{font-family:var(--font-family-montserrat);font-weight:var(--font-weight-light)}.text-body-light{font-weight:var(--font-weight-light)}.text-body,.text-body-light{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-m);letter-spacing:var(--letter-spacing-0);line-height:160%;text-transform:none;text-decoration:none}.text-body{font-weight:var(--font-weight-regular)}.text-body-bold{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-m);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-0);line-height:160%;text-transform:none;text-decoration:none}.text-body-uppercase{font-weight:var(--font-weight-regular)}.text-body-uppercase,.text-body-uppercase-bold{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-xl);letter-spacing:var(--letter-spacing-s);line-height:normal;text-transform:small-caps;text-decoration:none}.text-body-uppercase-bold{font-weight:var(--font-weight-bold)}.text-body-uppercase-bold-small{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-m);letter-spacing:var(--letter-spacing-s);line-height:normal;text-transform:small-caps}.text-body-uppercase-bold-small,.text-heading-2{font-weight:var(--font-weight-bold);text-decoration:none}.text-heading-2{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-m);letter-spacing:var(--letter-spacing-0);line-height:130%;text-transform:none}.text-heading-3{font-family:var(--font-family-fira-sans);font-size:var(--font-size-heading-s)}.text-heading-3,.text-heading-page{font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-0);line-height:130%;text-transform:none;text-decoration:none}.text-heading-page,.text-heading-subheading{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-l)}.text-heading-subheading{font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-0);line-height:130%;text-transform:none;text-decoration:none}.text-heading-uppercase{font-family:var(--font-family-fira-sans);font-size:var(--font-size-heading-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-l);line-height:130%;text-transform:small-caps;text-decoration:none}.text-meta-light{font-weight:var(--font-weight-light)}.text-meta,.text-meta-light{font-family:var(--font-family-fira-sans);font-size:var(--font-size-meta);letter-spacing:var(--letter-spacing-0);line-height:140%;text-transform:none;text-decoration:none}.text-meta{font-weight:var(--font-weight-regular)}.text-meta-bold{font-family:var(--font-family-fira-sans);font-size:var(--font-size-meta);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-0);line-height:140%;text-transform:none;text-decoration:none}.text-heading{font-weight:var(--font-weight-bold)}.text-heading,.text-heading-light{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-xl);letter-spacing:var(--letter-spacing-0);line-height:130%;text-transform:none;text-decoration:none}.text-heading-light{font-weight:var(--font-weight-regular)}.text-heading-alternate{font-family:var(--font-family-montserrat);font-size:var(--font-size-heading-xl);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-0);line-height:130%;text-transform:none;text-decoration:none}.text-heading-2-light{font-family:var(--font-family-gulliver);font-weight:var(--font-weight-regular)}.text-heading-2-alternate,.text-heading-2-light{font-size:var(--font-size-heading-m);letter-spacing:var(--letter-spacing-0);line-height:130%;text-transform:none;text-decoration:none}.text-heading-2-alternate{font-family:var(--font-family-montserrat);font-weight:var(--font-weight-bold)}.text-quote{font-family:var(--font-family-gulliver);font-size:var(--font-size-body-xxl);font-weight:var(--font-weight-bold);line-height:130%}.text-intro,.text-quote{letter-spacing:var(--letter-spacing-0);text-transform:none;text-decoration:none}.text-intro{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-l);font-weight:var(--font-weight-light);line-height:160%}.accordion-item{border:var(--border-width-s) solid var(--color-border-accent-gray);background:var(--color-background-default);width:100%;display:block;transition:border-color .2s ease}.accordion-item--open{border-color:var(--color-border-brand)}.accordion-item__button{padding:var(--spacing-xs) var(--spacing-s);width:100%;border:0;background:transparent;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left;outline:none}.accordion-item__button:focus-visible{outline:none}.accordion-item:has(.accordion-item__button:focus-visible):not(.accordion-item--open){border-color:var(--color-border-brand)}.accordion-item__button:hover .accordion-item__question{text-decoration:underline;text-underline-offset:25%}.accordion-item__question{flex:1;display:block;font-family:var(--body-bold-fontFamily);font-size:var(--body-bold-fontSize);font-weight:var(--body-bold-fontWeight);line-height:var(--body-bold-lineHeight);color:var(--color-text-default)}.accordion-item__question--large{font-family:var(--heading-2-fontFamily);font-size:var(--heading-2-fontSize);font-weight:var(--heading-2-fontWeight);line-height:var(--heading-2-lineHeight)}.accordion-item__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.accordion-item--open .accordion-item__icon{transform:rotate(180deg)}.accordion-item__answer{max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:max-height .3s ease,opacity .3s ease,transform .3s ease,padding .3s ease;padding:0 var(--spacing-s);width:100%;display:block}.accordion-item__answer--open{max-height:500px;opacity:1;transform:translateY(0);padding:var(--spacing-xs) var(--spacing-s) var(--spacing-xs)}.accordion-item__content{margin-top:var(--spacing-xs);margin-bottom:0;display:block;font-family:var(--body-light-fontFamily);font-size:var(--body-light-fontSize);font-weight:var(--body-light-fontWeight);line-height:var(--body-light-lineHeight);color:var(--color-text-default)}.accordion{display:flex;flex-direction:column;width:100%;max-width:799px}.accordion__title{margin-bottom:var(--spacing-m);font-family:var(--heading-2-fontFamily);font-size:var(--heading-2-fontSize);font-weight:var(--heading-2-fontWeight);line-height:var(--heading-2-lineHeight);color:var(--color-text-default)}.accordion__items{display:flex;flex-direction:column}.accordion__item-wrapper{margin:0}.accordion__item-wrapper+.accordion__item-wrapper{margin-top:var(--spacing-s)}.faq{max-width:799px}.faq,.faq .accordion{width:100%}.navigation-cards{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-m);gap:var(--spacing-m)}@media (min-width:768px){.navigation-cards{grid-template-columns:repeat(3,1fr)}}.navigation-card{flex-direction:row;align-items:center;gap:var(--spacing-m);padding-left:var(--spacing-l);padding-right:var(--spacing-l);padding-top:29px;padding-bottom:29px;border-width:var(--border-width-s);border-style:solid;border-color:var(--color-border-accent-gray-subtle);background-color:var(--color-background-default);transition:border-color .2s ease-in-out;text-decoration:none;display:flex}.navigation-card:hover{border-color:var(--color-border-brand)}.navigation-card__icon{flex-shrink:0;width:16px;height:16px;color:var(--color-icons-default)}.navigation-card__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;flex:1;gap:var(--spacing-xs)}.navigation-card__title{font-family:var(--mijn-nd-heading-fontFamily);font-size:var(--mijn-nd-heading-fontSize);font-weight:var(--mijn-nd-heading-fontWeight);line-height:var(--mijn-nd-heading-lineHeight);letter-spacing:var(--mijn-nd-heading-letterSpacing);text-decoration:none;color:var(--color-text-default);margin:0}.navigation-card:hover .navigation-card__title{text-decoration:underline;text-underline-offset:25%}.navigation-card__description{font-family:var(--mijn-nd-description-fontFamily);font-size:var(--mijn-nd-description-fontSize);font-weight:var(--mijn-nd-description-fontWeight);line-height:var(--mijn-nd-description-lineHeight);letter-spacing:var(--mijn-nd-description-letterSpacing);text-decoration:none;color:var(--color-text-default);margin:0}.menu-item{position:relative;padding:0;background:transparent;border:none;text-decoration:none;min-width:-moz-fit-content;min-width:fit-content}.menu-item span{color:var(--color-text-default);display:block;white-space:nowrap}.menu-item__underline{height:var(--border-width-s);width:100%;margin-top:var(--spacing-xxs);transition:background-color .2s ease-in-out}.menu-item[data-state=default] .menu-item__underline,.menu-item__underline{background-color:transparent}.menu-item:hover .menu-item__underline,.menu-item[data-state=hover] .menu-item__underline{background-color:var(--color-border-accent-gray)}.menu-item.active .menu-item__underline,.menu-item[data-state=active] .menu-item__underline{background-color:var(--color-border-brand)}.menu-item:focus{outline:2px solid var(--color-border-brand);outline-offset:4px}.menu-item:focus:not(:focus-visible){outline:none}.menu-items{display:flex;align-items:flex-start}.menu-items.horizontal{flex-direction:row;gap:var(--spacing-l)}.menu-items.vertical{flex-direction:column;gap:var(--spacing-xs)}.menu-items.vertical .menu-item{width:100%;text-align:left}.menu-items.vertical .menu-item span{text-align:left}@media (max-width:768px){.menu-items.horizontal{gap:var(--spacing-m)}}.dataframe{border:var(--border-width-s) solid var(--color-border-accent-gray);padding:var(--spacing-s);margin-bottom:var(--spacing-m);display:flex;flex-direction:column;background-color:var(--color-background-default);max-width:799px;width:100%;box-sizing:border-box}@media only screen and (min-width:799px){.dataframe{padding:var(--spacing-m)}}.dataframe__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-s);align-self:stretch;margin-bottom:var(--spacing-s);flex-wrap:wrap}.dataframe--collapsible .dataframe__header{cursor:pointer}.dataframe--collapsible .dataframe__header:hover .dataframe__title{text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:var(--border-width-s)}.dataframe__title{margin:var(--spacing-0);color:var(--color-text-default);font-family:var(--mijn-nd-heading-fontFamily);font-size:var(--mijn-nd-heading-fontSize);font-weight:var(--mijn-nd-heading-fontWeight);letter-spacing:var(--mijn-nd-heading-letterSpacing);line-height:var(--mijn-nd-heading-lineHeight)}.dataframe__header-actions{display:flex;gap:var(--spacing-m);align-items:center}.dataframe__edit-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);background-color:var(--color-button-background-pill-default);border:var(--border-width-s) solid var(--color-button-border-pill-default);border-radius:var(--border-radius-pill);color:var(--color-button-text-pill-default);font-family:var(--meta-regular-fontFamily);font-size:var(--meta-regular-fontSize);font-weight:var(--meta-regular-fontWeight);letter-spacing:var(--meta-regular-letterSpacing);cursor:pointer;transition:all .2s ease}.dataframe__edit-button:hover{background-color:var(--color-button-background-pill-hover);border-color:var(--color-button-border-pill-hover);color:var(--color-button-text-pill-hover)}.dataframe__edit-button svg{width:var(--spacing-s);height:var(--spacing-s);stroke:currentColor}.dataframe__toggle-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;cursor:pointer;color:var(--color-icons-gray)}.dataframe__toggle-button svg{width:var(--spacing-m);height:var(--spacing-m)}.dataframe__edit-actions{display:flex;gap:var(--spacing-m);align-items:center}.dataframe__cancel-button{background-color:transparent;border:none;color:var(--color-link-text-default-default);font-family:var(--meta-bold-fontFamily);font-size:var(--meta-bold-fontSize);font-weight:var(--meta-bold-fontWeight);letter-spacing:var(--meta-bold-letterSpacing);cursor:pointer;padding:var(--spacing-0)}.dataframe__cancel-button:hover{color:var(--color-link-text-default-hover);text-decoration:underline}.dataframe__save-button{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);background-color:var(--color-button-background-primary-default);border:var(--border-width-s) solid var(--color-button-background-primary-default);color:var(--color-button-text-primary-default);font-family:var(--meta-bold-fontFamily);font-size:var(--meta-bold-fontSize);font-weight:var(--meta-bold-fontWeight);letter-spacing:var(--meta-bold-letterSpacing);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.dataframe__save-button:hover:not(:disabled){background-color:var(--color-button-background-primary-hover);border-color:var(--color-button-background-primary-hover);color:var(--color-button-text-primary-hover)}.dataframe__save-button:disabled{background-color:var(--color-button-background-primary-disabled);border-color:var(--color-button-background-primary-disabled);color:var(--color-button-text-primary-disabled);cursor:not-allowed;opacity:.6}.dataframe__save-button svg{width:var(--spacing-s);height:var(--spacing-s);fill:currentColor}.dataframe__content{display:flex;flex-direction:column;gap:var(--spacing-s);width:100%}.dataframe-item{display:flex;flex-direction:column;gap:var(--spacing-xxs)}@media only screen and (min-width:799px){.dataframe-item{flex-direction:row;align-items:flex-start;gap:var(--spacing-m)}}.dataframe-item__label{font-family:var(--mijn-nd-description-fontFamily);font-size:var(--mijn-nd-description-fontSize);font-weight:var(--mijn-nd-description-fontWeight);letter-spacing:var(--mijn-nd-description-letterSpacing);line-height:var(--mijn-nd-description-lineHeight);color:var(--color-text-default)}@media only screen and (min-width:799px){.dataframe-item__label{width:35%;min-width:10rem;flex-shrink:0}}.dataframe-item__value{font-family:var(--body-regular-fontFamily);font-size:var(--body-regular-fontSize);font-weight:var(--body-regular-fontWeight);letter-spacing:var(--body-regular-letterSpacing);line-height:var(--body-regular-lineHeight);color:var(--color-text-default);word-break:break-word}@media only screen and (min-width:799px){.dataframe-item__value{flex:1;min-width:0}}.dataframe-item__value--multiline{white-space:pre-line}.dataframe__edit-content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--spacing-s);width:100%}.dataframe__input-row{display:contents}.dataframe__input-container{display:flex;flex-direction:column;gap:var(--spacing-xs);grid-column:span 12}@media only screen and (min-width:799px){.dataframe__input-container[style*="flex: 1"]{grid-column:span 12}.dataframe__input-container[style*="flex: 0 0 50%"]{grid-column:span 6}.dataframe__input-container[style*="flex: 0 0 33.333%"]{grid-column:span 4}}.dataframe__input-label{font-family:var(--mijn-nd-description-fontFamily);font-size:var(--mijn-nd-description-fontSize);font-weight:var(--mijn-nd-description-fontWeight);letter-spacing:var(--mijn-nd-description-letterSpacing);line-height:var(--mijn-nd-description-lineHeight);color:var(--color-text-default)}.dataframe__input{font-family:var(--body-regular-fontFamily);font-size:var(--body-regular-fontSize);font-weight:var(--body-regular-fontWeight);border:var(--border-width-s) solid var(--color-form-border-input-field-default);border-radius:var(--border-radius-0);padding:var(--spacing-xs) var(--spacing-s);background-color:var(--color-form-background-input-field-default);color:var(--color-text-default);line-height:var(--body-regular-lineHeight);min-height:42px;width:100%;transition:background-color .2s ease,border-color .2s ease}.dataframe__input:hover{cursor:text;background-color:var(--color-form-background-input-field-hover);border-color:var(--color-form-border-input-field-hover)}.dataframe__input:focus{outline:none;border-color:var(--color-form-border-input-field-active);background-color:var(--color-form-background-input-field-active)}.dataframe__input:disabled{background-color:var(--color-form-background-input-field-disabled);border-color:var(--color-form-border-input-field-disabled);color:var(--color-text-disabled);cursor:not-allowed}.dataframe-item__skeleton-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-s);row-gap:var(--spacing-xs)}.dataframe-item__skeleton{display:block;background-color:var(--color-background-accent-gray);width:12rem;height:22px;position:relative;overflow:hidden}.dataframe-item__skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,var(--color-neutral-white-30) 0,hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,var(--color-neutral-white-30));animation:shimmer 20s linear infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.dataframe-item__skeleton--sm{width:4rem}.dataframe-item__skeleton--md{width:8rem}.dataframe-item__skeleton--lg{width:15rem}.dataframe__actions{display:flex;gap:var(--spacing-s);margin-top:var(--spacing-s);flex-direction:column}@media only screen and (min-width:799px){.dataframe__actions{flex-direction:row;margin-top:var(--spacing-m)}}.dataframe__action-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);background-color:var(--color-button-background-pill-default);border:var(--border-width-s) solid var(--color-button-border-pill-default);border-radius:var(--border-radius-pill);color:var(--color-button-text-pill-default);font-family:var(--meta-regular-fontFamily);font-size:var(--meta-regular-fontSize);font-weight:var(--meta-regular-fontWeight);letter-spacing:var(--meta-regular-letterSpacing);cursor:pointer;transition:all .2s ease}.dataframe__action-button:hover{background-color:var(--color-button-background-pill-hover);border-color:var(--color-button-border-pill-hover);color:var(--color-button-text-pill-hover)}.dataframe__action-button svg{width:var(--spacing-s);height:var(--spacing-s);stroke:currentColor}.dataframes{display:flex;flex-direction:column;gap:var(--spacing-m);max-width:799px;width:100%}.dataframe .alert{margin-bottom:var(--spacing-m);width:100%}@media (prefers-color-scheme:dark){.dataframe{background-color:var(--color-background-default)}.dataframe,.dataframe__input{border-color:var(--color-border-accent-gray)}.dataframe__input{background-color:var(--color-background-dark);color:var(--color-text-inverse)}.dataframe-item__skeleton{background-color:var(--color-background-accent-gray)}}.alert{padding:var(--spacing-s) var(--spacing-m);display:flex;width:100%;gap:var(--spacing-xs);font-family:var(--body-light-fontFamily);font-size:var(--body-light-fontSize);font-weight:var(--body-light-fontWeight);color:var(--color-text-default);border-radius:var(--border-radius-0);box-sizing:border-box;min-height:48px;align-items:flex-start}.alert--dark{background:var(--color-neutral-100)}.alert--danger{background:var(--color-background-accent-pink-subtlest);border:1px solid var(--color-text-warning)}.alert--info{background:var(--color-background-default);border:1px solid var(--color-neutral-400)}.alert--success{background:var(--color-background-brand-subtlest)}.alert--warning{background:var(--color-background-default);border:2px solid var(--color-text-warning)}.alert svg{flex-shrink:0;margin-top:2px}.alert__icon--dark{color:var(--color-blue-400)}.alert__icon--danger{color:var(--color-text-warning)}.alert__icon--info{color:var(--color-blue-400)}.alert__icon--success{color:var(--color-text-brand)}.alert__icon--warning{color:var(--color-icons-warning)}.alert span{flex:1;line-height:1.5}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
+
+/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.nd-form-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.nd-form-group{font-family:var(--font-family-fira-sans)}.nd-form-group .label{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){.nd-form-group .label{--tw-text-opacity:1;color:rgb(240 240 240/var(--tw-text-opacity,1))}}.nd-form-group .help{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){.nd-form-group .help{--tw-text-opacity:1;color:rgb(176 176 176/var(--tw-text-opacity,1))}}.nd-form-group .error{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(233 66 91/var(--tw-text-opacity,1))}.nd-form-input{width:100%;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){.nd-form-input{--tw-border-opacity:1;border-color:rgb(68 68 68/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(42 42 42/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(240 240 240/var(--tw-text-opacity,1))}.nd-form-input:focus{--tw-border-opacity:1;border-color:rgb(102 102 102/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsla(0,0%,100%,.1)}}.modal-overlay{position:fixed;inset:var(--spacing-0);background-color:rgb(107 114 128/var(--tw-bg-opacity,1));--tw-bg-opacity:0.75;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-dialog{display:inline-block;width:100%;max-width:28rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow-y:auto;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));vertical-align:middle;font-family:var(--font-family-fira-sans);--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);text-align:left}.modal-dialog-xl{width:100%;max-width:36rem}.modal-dialog-scrollable{max-height:calc(100vh - 3rem)}.modal-header{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1.5rem 1rem}@media (min-width:640px){.modal-header{flex-wrap:nowrap;padding-left:1.5rem;padding-right:1.5rem}}.modal-dialog h2{font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.modal-body{padding:1rem}@media (min-width:640px){.modal-body{padding:1.5rem}}.modal-footer{display:flex;flex-direction:row;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1.25rem 1rem}@media (min-width:640px){.modal-footer{padding:1.5rem}}.modal-simplified .modal-header{border-bottom-width:var(--border-width-0)}.modal-simplified .modal-body{padding-top:.5rem;padding-bottom:.5rem}.modal-simplified .modal-footer{border-top-width:var(--border-width-0)}.modal-close-button{position:absolute;top:1.75rem;right:1.75rem}@media (max-width:767px){.modal-dialog:not(.modal-compact){width:100%!important;max-width:100%!important;margin:0!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.modal-dialog:not(.modal-compact) .modal-container{border-radius:0!important;width:100%!important;height:100%!important;max-height:100vh!important;display:flex!important;flex-direction:column!important}.modal-dialog:not(.modal-compact) .modal-body{flex:1!important;overflow-y:auto!important}.modal-dialog.modal-compact{width:calc(100% - 2rem)!important;max-width:calc(100% - 2rem)!important;margin:0 1rem!important}}.description-list-container{margin-bottom:1rem;display:flex;width:100%;flex-direction:column;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.25rem;font-family:var(--font-family-fira-sans);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.description-list-header{margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between}.description-list-title{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-m);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-0);line-height:130%;text-transform:none;text-decoration:none}.description-list-actions{display:flex;gap:.5rem}.description-list{display:grid;width:100%;grid-template-columns:repeat(1,minmax(0,1fr));row-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}@media (min-width:768px){.description-list{width:50%;grid-template-columns:repeat(3,minmax(0,1fr))}}.description-list-item{display:contents}.description-list-term{font-size:1.125rem;line-height:1.75rem;font-weight:var(--font-weight-light);--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}@media (min-width:768px){.description-list-term{grid-column:span 1/span 1}}.description-list-description{font-size:1.125rem;line-height:1.75rem;line-height:1.375;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));margin:var(--spacing-0)}@media (min-width:768px){.description-list-description{grid-column:span 2/span 2}}.description-list-footer{margin-top:1.25rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding-top:1rem;padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:400;line-height:1.375;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.portal-nav{display:flex;flex-direction:row;gap:2.5rem;font-family:var(--font-family-gulliver);font-size:1.25rem;line-height:1.75rem}.portal-nav a{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));text-decoration-line:none}.portal-nav a:hover{text-decoration-line:underline}@media (prefers-color-scheme:dark){.portal-nav a{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.portal-nav a .\!icon,.portal-nav a .icon{display:none}.portal-nav a.is-active{font-weight:var(--font-weight-bold);color:var(--color-blue-400);text-decoration-line:underline;text-decoration-thickness:.05rem;text-underline-offset:.3rem}.portal-nav-mobile{flex-direction:column;gap:var(--spacing-0)}.portal-nav-mobile li{display:flex;width:100%;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}@media (prefers-color-scheme:dark){.portal-nav-mobile li{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}}.portal-nav-mobile li a{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between;padding-top:1.25rem;padding-bottom:1.25rem}.portal-nav-mobile li:first-child a{padding-top:var(--spacing-0)}.portal-nav-mobile li a .\!icon,.portal-nav-mobile li a .icon{display:flex}.portal-nav-mobile-header{display:flex;flex-direction:row;align-items:center;gap:.5rem}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:var(--spacing-0)}.bottom-xs{bottom:var(--spacing-xs)}.left-0{left:var(--spacing-0)}.left-xs{left:var(--spacing-xs)}.right-0{right:var(--spacing-0)}.top-0{top:var(--spacing-0)}.z-10{z-index:10}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-\[7\.5rem\]{height:7.5rem}.h-\[8\.5rem\]{height:8.5rem}.h-auto{height:auto}.h-l{height:var(--spacing-l)}.h-m{height:var(--spacing-m)}.h-s{height:var(--spacing-s)}.h-xl{height:var(--spacing-xl)}.h-xxl{height:var(--spacing-xxl)}.max-h-0{max-height:var(--spacing-0)}.max-h-\[500px\]{max-height:500px}.w-5{width:1.25rem}.w-\[13\.25rem\]{width:13.25rem}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-l{width:var(--spacing-l)}.w-m{width:var(--spacing-m)}.w-s{width:var(--spacing-s)}.w-xl{width:var(--spacing-xl)}.w-xxl{width:var(--spacing-xxl)}.max-w-2xl{max-width:42rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-2\.5{--tw-translate-y:-0.625rem}.-translate-y-2\.5,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:var(--spacing-0)}.translate-y-4{--tw-translate-y:1rem}.rotate-180,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-x-xs{-moz-column-gap:var(--spacing-xs);column-gap:var(--spacing-xs)}.gap-x-xxs{-moz-column-gap:var(--spacing-xxs);column-gap:var(--spacing-xxs)}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.scroll-smooth{scroll-behavior:smooth}.rounded-md{border-radius:.375rem}.rounded-pill{border-radius:var(--border-radius-pill)}.border{border-width:1px}.border-0{border-width:var(--border-width-0)}.border-\[length\:var\(--border-width-s\)\],.border-s{border-width:var(--border-width-s)}.border-b{border-bottom-width:1px}.border-s{border-inline-start-width:1px}.border-t{border-top-width:1px}.border-border-accent-gray{border-color:var(--color-border-accent-gray)}.border-border-accent-gray-subtle{border-color:var(--color-border-accent-gray-subtle)}.border-border-brand{border-color:var(--color-border-brand)}.border-border-default{border-color:var(--color-border-default)}.border-border-disabled{border-color:var(--color-border-disabled)}.border-border-warning{border-color:var(--color-border-warning)}.border-neutral-200{border-color:var(--color-neutral-200)}.bg-background-accent-gray{background-color:var(--color-background-accent-gray)}.bg-background-accent-pink-subtlest{background-color:var(--color-background-accent-pink-subtlest)}.bg-background-brand{background-color:var(--color-background-brand)}.bg-background-dark{background-color:var(--color-background-dark)}.bg-background-default{background-color:var(--color-background-default)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-neutral-black{background-color:var(--color-neutral-black)}.bg-transparent{background-color:transparent}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-background-default{--tw-gradient-from:var(--color-background-default) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-4{padding:1rem}.p-\[0\.125rem\]{padding:.125rem}.py-\[29px\]{padding-top:29px;padding-bottom:29px}.pl-16{padding-left:4rem}.text-body-drop-cap{font-size:var(--font-size-body-drop-cap)}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-meta{font-size:var(--font-size-meta)}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:var(--font-weight-bold)}.font-light{font-weight:var(--font-weight-light)}.font-semibold{font-weight:var(--font-weight-semibold)}.text-blue-500{color:var(--color-blue-500)}.text-brown-800{color:var(--color-brown-800)}.text-dnk-brand{color:var(--color-dnk-brand)}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-icons-brand{color:var(--color-icons-brand)}.text-icons-default{color:var(--color-icons-default)}.text-icons-gray{color:var(--color-icons-gray)}.text-icons-inverse{color:var(--color-icons-inverse)}.text-icons-warning{color:var(--color-icons-warning)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-black{color:var(--color-neutral-black)}.text-neutral-white{color:var(--color-neutral-white)}.text-pink-600{color:var(--color-pink-600)}.text-text-brand{color:var(--color-text-brand)}.text-text-default{color:var(--color-text-default)}.text-text-inverse{color:var(--color-text-inverse)}.text-text-subtle{color:var(--color-text-subtle)}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.\!decoration-text-brand{text-decoration-color:var(--color-text-brand)!important}.decoration-\[0\.1rem\]{text-decoration-thickness:.1rem}.underline-offset-\[0\.3rem\]{text-underline-offset:.3rem}.opacity-0{opacity:0}.opacity-100{opacity:1}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-\[border-color\]{transition-property:border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[max-height\2c opacity\2c transform\2c padding\]{transition-property:max-height,opacity,transform,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.border-form-border-input-field{border-color:var(--color-form-border-input-field-default)}.border-button-border-pill{border-color:var(--color-button-border-pill-default)}.text-button-text-primary{color:var(--color-button-text-primary-default)}.text-button-text-pill{color:var(--color-button-text-pill-default)}.text-link-text-default{color:var(--color-link-text-default-default)}.py-0{padding-bottom:var(--spacing-0)}.pt-0,.py-0{padding-top:var(--spacing-0)}.m-0{margin:var(--spacing-0)}.gap-0{gap:var(--spacing-0)}.gap-xxs{gap:var(--spacing-xxs)}.\!p-xs{padding:var(--spacing-xs)!important}.p-xs{padding:var(--spacing-xs)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.py-xs{padding-bottom:var(--spacing-xs)}.pt-xs,.py-xs{padding-top:var(--spacing-xs)}.pb-xs{padding-bottom:var(--spacing-xs)}.mt-xs{margin-top:var(--spacing-xs)}.gap-xs{gap:var(--spacing-xs)}.p-s{padding:var(--spacing-s)}.px-s{padding-left:var(--spacing-s);padding-right:var(--spacing-s)}.py-s{padding-top:var(--spacing-s);padding-bottom:var(--spacing-s)}.m-s{margin:var(--spacing-s)}.mt-s{margin-top:var(--spacing-s)}.mb-s{margin-bottom:var(--spacing-s)}.gap-s{gap:var(--spacing-s)}.p-m{padding:var(--spacing-m)}.mt-m{margin-top:var(--spacing-m)}.mb-m{margin-bottom:var(--spacing-m)}.gap-m{gap:var(--spacing-m)}.p-l{padding:var(--spacing-l)}.px-l{padding-left:var(--spacing-l);padding-right:var(--spacing-l)}.mt-l{margin-top:var(--spacing-l)}.gap-l{gap:var(--spacing-l)}.p-xl{padding:var(--spacing-xl)}.text-article-heading{font-weight:var(--font-weight-bold)}.text-article-heading,.text-article-heading-light{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-xl);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-article-heading-light{font-weight:var(--font-weight-regular)}.text-article-heading-alternate{font-family:var(--font-family-montserrat);font-size:var(--font-size-heading-xl);font-weight:var(--font-weight-light);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-article-heading-2{font-weight:var(--font-weight-bold)}.text-article-heading-2,.text-article-heading-2-light{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-m);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-article-heading-2-light{font-weight:var(--font-weight-regular)}.text-article-heading-2-alternate{font-family:var(--font-family-montserrat);font-size:var(--font-size-heading-m);font-weight:var(--font-weight-bold);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-article-body{font-size:var(--font-size-body-m);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-0)}.text-article-body,.text-article-type{font-family:var(--font-family-fira-sans);line-height:160%;text-decoration:none}.text-article-type{font-size:var(--font-size-body-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-s);font-variant:all-small-caps}.text-article-intro{font-size:var(--font-size-body-l);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-0)}.text-article-city,.text-article-intro{font-family:var(--font-family-fira-sans);line-height:160%;text-decoration:none}.text-article-city{font-size:var(--font-size-body-xl);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-m);font-variant:all-small-caps}.text-article-quote{font-family:var(--font-family-gulliver);font-size:var(--font-size-body-xxl);font-weight:var(--font-weight-bold);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-article-question{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-m)}.text-article-drop-cap,.text-article-question{font-weight:var(--font-weight-bold);line-height:160%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-article-drop-cap{font-family:var(--font-family-abril-fatface);font-size:var(--font-size-body-drop-cap)}.text-article-drop-cap-alternate{font-family:var(--font-family-montserrat);font-size:var(--font-size-body-drop-cap)}.text-article-drop-cap-alternate,.text-body-light{font-weight:var(--font-weight-light);line-height:160%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-body-light{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-m)}.text-body-regular{font-weight:var(--font-weight-regular)}.text-body-bold,.text-body-regular{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-m);line-height:160%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-body-bold{font-weight:var(--font-weight-bold)}.text-body-uppercase{font-weight:var(--font-weight-regular)}.text-body-uppercase,.text-body-uppercase-bold{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-xl);line-height:normal;letter-spacing:var(--letter-spacing-s);text-decoration:none;font-variant:all-small-caps}.text-body-uppercase-bold{font-weight:var(--font-weight-bold)}.text-body-uppercase-bold-small{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-l);font-weight:var(--font-weight-bold);line-height:normal;letter-spacing:var(--letter-spacing-s);text-decoration:none;font-variant:all-small-caps}.text-body-gulliver-semibold{font-size:var(--font-size-body-s);font-weight:var(--font-weight-semibold);letter-spacing:0}.text-body-gulliver-semibold,.text-heading-2{font-family:var(--font-family-gulliver);line-height:130%;text-decoration:none}.text-heading-2{font-size:var(--font-size-heading-m);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-0)}.text-heading-3{font-family:var(--font-family-fira-sans);font-size:var(--font-size-heading-s)}.text-heading-3,.text-heading-page{font-weight:var(--font-weight-bold);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-heading-page,.text-heading-subheading{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-l)}.text-heading-subheading{font-weight:var(--font-weight-regular);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-heading-uppercase{font-family:var(--font-family-fira-sans);font-size:var(--font-size-heading-xs);font-weight:var(--font-weight-bold);line-height:130%;letter-spacing:var(--letter-spacing-l);text-decoration:none;font-variant:all-small-caps}.text-meta-light{font-weight:var(--font-weight-light)}.text-meta-light,.text-meta-regular{font-family:var(--font-family-fira-sans);font-size:var(--font-size-meta);line-height:140%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-meta-regular{font-weight:var(--font-weight-regular)}.text-meta-bold{font-size:var(--font-size-meta);letter-spacing:var(--letter-spacing-0)}.text-meta-bold,.text-meta-uppercase{font-family:var(--font-family-fira-sans);font-weight:var(--font-weight-bold);line-height:140%;text-decoration:none}.text-meta-uppercase{font-size:var(--font-size-body-xs);letter-spacing:1px;text-transform:uppercase}.text-menu-menu-primary{font-family:var(--font-family-fira-sans);font-size:var(--font-size-22);font-weight:var(--font-weight-regular);line-height:140%;letter-spacing:var(--letter-spacing-0);text-decoration:none;font-variant:all-small-caps}.text-menu-menu-tab-item{font-weight:var(--font-weight-regular);text-decoration:none}.text-menu-menu-tab-item,.text-menu-menu-tab-item-active{font-family:var(--font-family-gulliver);font-size:var(--font-size-body-l);line-height:130%;letter-spacing:0}.text-menu-menu-tab-item-active{font-weight:var(--font-weight-bold);text-decoration:underline}.text-left{text-align:left}.text-center{text-align:center}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.hover\:bg-background-accent-gray-subtle:hover{background-color:var(--color-background-accent-gray-subtle)}.hover\:bg-background-brand-subtle:hover{background-color:var(--color-background-brand-subtle)}.hover\:bg-background-brand-subtlest:hover{background-color:var(--color-background-brand-subtlest)}.hover\:bg-background-dark-subtle:hover{background-color:var(--color-background-dark-subtle)}.hover\:text-text-brand-subtle:hover{color:var(--color-text-brand-subtle)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-\[0\.1rem\]:hover{text-decoration-thickness:.1rem}.hover\:underline-offset-\[0\.3rem\]:hover{text-underline-offset:.3rem}.hover\:underline-offset-\[25\%\]:hover{text-underline-offset:25%}.focus-visible\:border-border-brand:focus-visible{border-color:var(--color-border-brand)}.active\:bg-background-accent-gray-subtle:active{background-color:var(--color-background-accent-gray-subtle)}.disabled\:border-border-disabled:disabled{border-color:var(--color-border-disabled)}.disabled\:bg-background-disabled:disabled{background-color:var(--color-background-disabled)}.disabled\:text-text-disabled:disabled{color:var(--color-text-disabled)}.disabled\:hover\:bg-background-default:hover:disabled{background-color:var(--color-background-default)}.group:hover .group-hover\:rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:translate-y-0{--tw-translate-y:var(--spacing-0)}.sm\:scale-100,.sm\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}}@media (min-width:1280px){.xl\:block{display:block}.xl\:hidden{display:none}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nd-storybook/storybook",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -10,6 +10,7 @@
       "import": "./dist/index.es.js",
       "require": "./dist/index.cjs.js"
     },
+    "./style.css": "./dist/style.css",
     "./tailwind.config.js": "./tailwind.config.js",
     "./dist/tailwind.config.js": "./dist/tailwind.config.js",
     "./tailwind.tokens.js": "./tailwind.tokens.js",
@@ -27,7 +28,8 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build && node scripts/build-types.js && mkdir -p dist/css && cp -r src/assets/css/* dist/css/ && node scripts/copy-tailwind-files.js && echo '✓ CSS files copied to dist/css/'",
+    "build": "tsc && vite build && node scripts/build-types.js && npm run build-css && node scripts/copy-tailwind-files.js",
+    "build-css": "tailwindcss -i ./src/assets/css/tailwind.css -o ./dist/style.css --minify",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",

package/dist/css/components/modal.css

@@ -1,133 +0,0 @@
-@layer components {
-    /* Modal Overlay */
-    .modal-overlay {
-        @apply fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity duration-300 ease-in-out;
-    }
-
-    /* Modal Panel */
-    .modal-panel {
-        @apply inline-block align-bottom bg-white p-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all duration-300 ease-in-out w-full max-w-sm;
-    }
-
-    /* Modal Dialog */
-    .modal-dialog {
-        @apply inline-block w-full max-w-md overflow-y-auto text-left align-middle transition-all duration-300 ease-in-out transform bg-white shadow-xl rounded-lg font-fira-sans;
-    }
-
-    .modal-dialog-md {
-        @apply w-full max-w-md;
-    }
-
-    .modal-dialog-xl {
-        @apply w-full max-w-xl;
-    }
-
-    .modal-dialog-scrollable {
-        max-height: calc(100vh - 3rem);
-    }
-
-    /* Modal Header */
-    .modal-header {
-        @apply flex flex-col justify-between flex-wrap px-4 py-6 border-b border-gray-200;
-    }
-
-    @screen sm {
-        .modal-header {
-            @apply flex-nowrap px-6;
-        }
-    }
-
-    .modal-dialog h2 {
-        @apply text-lg font-medium text-gray-900;
-    }
-
-    /* Modal Body */
-    .modal-body {
-        @apply p-4;
-    }
-
-    @screen sm {
-        .modal-body {
-            @apply p-6;
-        }
-    }
-
-    /* Modal Footer */
-    .modal-footer {
-        @apply flex-row px-4 py-5 border-t border-gray-200 flex;
-    }
-
-    @screen sm {
-        .modal-footer {
-            @apply p-6;
-        }
-    }
-
-    /* Simplified Modal */
-    .modal-simplified .modal-header {
-        @apply border-b-0;
-    }
-
-    .modal-simplified .modal-body {
-        @apply pt-2 pb-2;
-    }
-
-    .modal-simplified .modal-footer {
-        @apply border-t-0;
-    }
-
-    /* Slideover Modal */
-    .modal-slideover {
-        @apply pointer-events-auto w-screen max-w-md;
-    }
-
-    .modal-slideover-xl {
-        @apply max-w-2xl;
-    }
-
-    .modal-slideover-container {
-        @apply flex h-full flex-col overflow-y-hidden bg-white shadow-xl;
-    }
-
-    /* Close button */
-    .modal-close-button {
-        @apply absolute top-7 right-7;
-    }
-
-    /* Slideover Body */
-    .modal-slideover-body {
-        @apply relative flex-grow;
-    }
-
-    /* Mobile Modal Styles */
-    @media (max-width: 767px) {
-        .modal-dialog:not(.modal-compact) {
-            width: 100% !important;
-            max-width: 100% !important;
-            margin: 0 !important;
-            height: 100vh !important;
-            max-height: 100vh !important;
-            border-radius: 0 !important;
-        }
-
-        .modal-dialog:not(.modal-compact) .modal-container {
-            border-radius: 0 !important;
-            width: 100% !important;
-            height: 100% !important;
-            max-height: 100vh !important;
-            display: flex !important;
-            flex-direction: column !important;
-        }
-
-        .modal-dialog:not(.modal-compact) .modal-body {
-            flex: 1 !important;
-            overflow-y: auto !important;
-        }
-
-        .modal-dialog.modal-compact {
-            width: calc(100% - 2rem) !important;
-            max-width: calc(100% - 2rem) !important;
-            margin: 0 1rem !important;
-        }
-    }
-}

package/dist/css/components/portal/accordion.css

@@ -1,39 +0,0 @@
-/* Accordion.css - COMPLETE */
-.accordion {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    max-width: 799px;
-}
-
-.accordion__title {
-    margin-bottom: var(--spacing-m);
-    font-family: var(--heading-2-fontFamily);
-    font-size: var(--heading-2-fontSize);
-    font-weight: var(--heading-2-fontWeight);
-    line-height: var(--heading-2-lineHeight);
-    color: var(--color-text-default);
-}
-
-.accordion__items {
-    display: flex;
-    flex-direction: column;
-}
-
-.accordion__item-wrapper {
-    margin: 0;
-}
-
-.accordion__item-wrapper + .accordion__item-wrapper {
-    margin-top: var(--spacing-s);
-}
-
-/* FAQ-specific styling */
-.faq {
-    width: 100%;
-    max-width: 799px;
-}
-
-.faq .accordion {
-    width: 100%;
-}

package/dist/css/components/portal/accordionItem.css

@@ -1,102 +0,0 @@
-/* AccordionItem.css - COMPLETE */
-.accordion-item {
-    border: var(--border-width-s) solid var(--color-border-accent-gray);
-    background: var(--color-background-default);
-    width: 100%;
-    display: block;
-    transition: border-color 0.2s ease;
-}
-
-.accordion-item--open {
-    border-color: var(--color-border-brand);
-}
-
-.accordion-item__button {
-    padding: var(--spacing-xs) var(--spacing-s);
-    width: 100%;
-    border: 0;
-    background: transparent;
-    cursor: pointer;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    text-align: left;
-    outline: none;
-}
-
-.accordion-item__button:focus-visible {
-    outline: none;
-}
-
-.accordion-item:has(.accordion-item__button:focus-visible):not(.accordion-item--open) {
-    border-color: var(--color-border-brand);
-}
-
-.accordion-item__button:hover .accordion-item__question {
-    text-decoration: underline;
-    text-underline-offset: 25%;
-}
-
-.accordion-item__question {
-    flex: 1;
-    display: block;
-    font-family: var(--body-bold-fontFamily);
-    font-size: var(--body-bold-fontSize);
-    font-weight: var(--body-bold-fontWeight);
-    line-height: var(--body-bold-lineHeight);
-    color: var(--color-text-default);
-}
-
-/* Large variant */
-.accordion-item__question--large {
-    font-family: var(--heading-2-fontFamily);
-    font-size: var(--heading-2-fontSize);
-    font-weight: var(--heading-2-fontWeight);
-    line-height: var(--heading-2-lineHeight);
-}
-
-.accordion-item__icon {
-    width: 20px;
-    height: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    transition: transform 0.2s ease;
-}
-
-.accordion-item--open .accordion-item__icon {
-    transform: rotate(180deg);
-}
-
-.accordion-item__answer {
-    max-height: 0;
-    overflow: hidden;
-    opacity: 0;
-    transform: translateY(-10px);
-    transition: max-height 0.3s ease,
-    opacity 0.3s ease,
-    transform 0.3s ease,
-    padding 0.3s ease;
-    padding: 0 var(--spacing-s);
-    width: 100%;
-    display: block;
-}
-
-.accordion-item__answer--open {
-    max-height: 500px;
-    opacity: 1;
-    transform: translateY(0);
-    padding: var(--spacing-xs) var(--spacing-s) var(--spacing-xs);
-}
-
-.accordion-item__content {
-    margin-top: var(--spacing-xs);
-    margin-bottom: 0;
-    display: block;
-    font-family: var(--body-light-fontFamily);
-    font-size: var(--body-light-fontSize);
-    font-weight: var(--body-light-fontWeight);
-    line-height: var(--body-light-lineHeight);
-    color: var(--color-text-default);
-}

package/dist/css/components/portal/alert.css

@@ -1,71 +0,0 @@
-/* Alert.css - COMPLETE */
-.alert {
-    padding: var(--spacing-s) var(--spacing-m);
-    display: flex;
-    width: 100%;
-    gap: var(--spacing-xs);
-    font-family: var(--body-light-fontFamily);
-    font-size: var(--body-light-fontSize);
-    font-weight: var(--body-light-fontWeight);
-    color: var(--color-text-default);
-    border-radius: var(--border-radius-0);
-    box-sizing: border-box;
-    min-height: 48px;
-    align-items: flex-start;
-}
-
-.alert--dark {
-    background: var(--color-neutral-100);
-}
-
-.alert--danger {
-    background: var(--color-background-accent-pink-subtlest);
-    border: 1px solid var(--color-text-warning);
-}
-
-.alert--info {
-    background: var(--color-background-default);
-    border: 1px solid var(--color-neutral-400);
-}
-
-.alert--success {
-    background: var(--color-background-brand-subtlest);
-}
-
-.alert--warning {
-    background: var(--color-background-default);
-    border: 2px solid var(--color-text-warning);
-}
-
-/* Icon adjustments */
-.alert svg {
-    flex-shrink: 0;
-    margin-top: 2px;
-}
-
-/* Icon colors */
-.alert__icon--dark {
-    color: var(--color-blue-400);
-}
-
-.alert__icon--danger {
-    color: var(--color-text-warning);
-}
-
-.alert__icon--info {
-    color: var(--color-blue-400);
-}
-
-.alert__icon--success {
-    color: var(--color-text-brand);
-}
-
-.alert__icon--warning {
-    color: var(--color-icons-warning);
-}
-
-/* Alert text content */
-.alert span {
-    flex: 1;
-    line-height: 1.5;
-}