npm - @itcenteratunihelsinki/huds-lib - Versions diffs - 0.8.78 → 0.8.80 - Mend

@itcenteratunihelsinki/huds-lib 0.8.78 → 0.8.80

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.

Files changed (446) hide show

package/dist/collection/components/hy-image/image.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .hy-image {
   width: 100%;
 }

package/dist/collection/components/hy-ingress/ingress.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-introduction/hy-introduction.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-key-figure/hy-key-figure.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-key-figure-group/hy-key-figure-group.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-key-highlight/hy-key-highlight.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .hy-key-highlight {
   display: block;
   margin-bottom: 20px;

package/dist/collection/components/hy-key-highlight-group/hy-key-highlight-group.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-large-process-flow/hy-large-process-flow.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-large-process-flow-phase/hy-large-process-flow-phase.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-link/link.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-link-box/link-box.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   height: 100%;
 }

package/dist/collection/components/hy-link-box-list/link-box-list.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-link-list/hy-link-list.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-list-item/hy-list-item.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-logo-grid/hy-logo-grid.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .hy-logo-grid {
   padding: 78px 0 92px;
 }

package/dist/collection/components/hy-main/hy-main.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .hy-main {
   display: -webkit-box;
   display: -ms-flexbox;

package/dist/collection/components/hy-main-content-wrapper/hy-main-content-wrapper.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-navigation/menu-language/menu-language.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .menu-language {
   position: relative;
   -webkit-box-align: center;

package/dist/collection/components/hy-navigation/menu-language-item/menu-language-item.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .menu-language__link {
   font-size: 1rem;
   line-height: 24px;

package/dist/collection/components/hy-opening-hours/hy-opening-hours.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-pagination/hy-pager/hy-pager.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-pagination/hy-pager-item/hy-pager-item.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-paragraph-text/paragraph-text-content.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 /*
 * Common styles for text plus mobile & tablet & small desktop
 * in Content Pages and Field of science pages.

package/dist/collection/components/hy-paragraph-text/paragraph-text-landing.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .hy-paragraph-text.landing_page h3,
 .hy-paragraph-text.main_front_page h3 {
   font-size: 1.375rem;

package/dist/collection/components/hy-paragraph-text/paragraph-text.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 /*
 * Common styles for text plus mobile & tablet & small desktop
 * in Content Pages and Field of science pages.

package/dist/collection/components/hy-person-card/hy-person-card.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-person-profile/person-profile-listing/person-profile-listing.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .hy-person-profile-listing {
   font-family: var(--main-font-family);
   padding: 0;

package/dist/collection/components/hy-person-profile/person-profile.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .hy-profile-page__back-button {
   font-size: 1rem;
   line-height: 20px;

package/dist/collection/components/hy-process/process.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-process-flow-box/process-flow-box.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-prominent-image/hy-prominent-image.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-quote/hy-quote.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-search-field/hy-search-field.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-section-container/section-container.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-shortcuts/hy-shortcuts.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-site-header/site-header.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-site-header/site-logo/site-logo.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   --site-logo-color: var(--brand-main-nearly-black);
 }

package/dist/collection/components/hy-site-header/site-search/site-search.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .button--search {
   font-size: 0.75rem;
   line-height: 24px;

package/dist/collection/components/hy-table-container/hy-table-container.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .hy-table-container {
   font-size: 0.875rem;
   line-height: 18px;

package/dist/collection/components/hy-tabs/hy-tabs.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-tabs-item/hy-tabs-item.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-tag/hy-tag.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-tiny-text/tiny-text.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-twitter-feed/hy-twitter-feed.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .hy-twitter-feed {
   margin: 40px 0;
 }

package/dist/collection/components/hy-two-columns/hy-two-columns.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-user-login-form/hy-user-login-form.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/collection/components/hy-video/hy-video.css CHANGED Viewed

@@ -2,6 +2,10 @@
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }

package/dist/esm/hy-accordion-container_2.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-4b4a0ee0.js';
 import { A as AccordionVariants } from './utils-1e7f5184.js';
-const accordionContainerCss = ":host{display:block}.hy-accordion-container{width:100%}";
+const accordionContainerCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-accordion-container{width:100%}";
 const HyAccordionContainerStyle0 = accordionContainerCss;
 const AccordionContainer = class {
@@ -25,7 +25,7 @@ const AccordionContainer = class {
 };
 AccordionContainer.style = HyAccordionContainerStyle0;
-const accordionItemCss = ":host{display:block}.hy-accordion__item{margin-bottom:12px}.hy-accordion__item__is-open{border:1px solid var(--grayscale-dark)}.hy-accordion__item__is-open .hy-accordion--heading{margin:0 auto}.hy-accordion__item__is-open .hy-accordion--heading .hy-accordion--heading__icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-accordion__item.mini{margin-bottom:1rem;margin-top:1rem}.hy-accordion__item__is-open.mini{margin-bottom:0;margin-top:0}.hy-accordion__item__is-open.mini .hy-accordion__item--container{border-bottom:1px solid var(--grayscale-medium-dark);border-top:1px solid var(--grayscale-medium-dark);padding-top:16px;padding-bottom:32px;margin-top:-1px;-webkit-transition:padding 0.5s ease-in-out;transition:padding 0.5s ease-in-out}@media (min-width: 30rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:28px;padding-bottom:30px}}@media (min-width: 60rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:32px;padding-bottom:40px}}.hy-accordion__item.hy-accordion__item__is-open.mini{background-color:var(--grayscale-white);border:none;-webkit-box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05);box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05)}.hy-accordion--heading{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.69px;line-height:28px;margin:0 auto;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;width:100%}.hy-accordion--heading .hy-accordion__link{text-decoration:none}.hy-accordion--heading .hy-accordion__link:hover{text-decoration:none}.hy-accordion--heading .hy-accordion__button{font-size:1.125rem;line-height:22px;font-weight:700;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-background-box);border:none;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.45px;padding:13px 20px 13px 16px;-webkit-transition:all 0.35s ease-in;transition:all 0.35s ease-in;width:100%}.hy-accordion--heading .hy-accordion__button:hover{cursor:pointer}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion__button{padding:1rem 2rem 1rem 1.25rem}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion__button{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading .hy-accordion__button span{text-align:left}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]{background:none;position:relative}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]:after{background-color:var(--grayscale-medium-dark);bottom:0;content:\"\";height:1px;left:16px;position:absolute;right:20px}.hy-accordion--heading .hy-accordion__button *{pointer-events:none}.hy-accordion--heading .hy-accordion--heading__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;margin-right:8px;z-index:0}.hy-accordion--heading .hy-accordion--heading__icon svg{fill:var(--brand-main)}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion--heading__icon svg{height:18px;width:18px}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading.mini .hy-accordion__button{font-size:1.125rem;line-height:22px;background-color:var(--grayscale-white);color:var(--link-blue);letter-spacing:-0.56px;padding:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding:0}}.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{color:var(--grayscale-black);margin-bottom:20px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:28px}}@media (min-width: 60rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:32px}}.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:10px}}.hy-accordion--heading.mini .hy-accordion--heading__icon svg{fill:var(--brand-main-light);height:14px;width:14px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon svg{height:16px;width:16px}}.hy-accordion__content{display:block;height:0;padding:0;overflow:hidden;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.hy-accordion__content--inner-wrapper{display:block;padding:16px 12px}@media (min-width: 30rem){.hy-accordion__content--inner-wrapper{padding:15px 16px}}@media (min-width: 60rem){.hy-accordion__content--inner-wrapper{padding:16px}}@media (min-width: 75.0625rem){.hy-accordion__content--inner-wrapper--large{padding:24px 20px}}@media (min-width: 1601px){.hy-accordion__content--inner-wrapper{padding:24px 20px}}.hy-accordion__content--inner-wrapper--mini{padding:0}.hy-accordion__content--inner-wrapper--mini .course-heading h4{padding-top:0 !important}";
+const accordionItemCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-accordion__item{margin-bottom:12px}.hy-accordion__item__is-open{border:1px solid var(--grayscale-dark)}.hy-accordion__item__is-open .hy-accordion--heading{margin:0 auto}.hy-accordion__item__is-open .hy-accordion--heading .hy-accordion--heading__icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-accordion__item.mini{margin-bottom:1rem;margin-top:1rem}.hy-accordion__item__is-open.mini{margin-bottom:0;margin-top:0}.hy-accordion__item__is-open.mini .hy-accordion__item--container{border-bottom:1px solid var(--grayscale-medium-dark);border-top:1px solid var(--grayscale-medium-dark);padding-top:16px;padding-bottom:32px;margin-top:-1px;-webkit-transition:padding 0.5s ease-in-out;transition:padding 0.5s ease-in-out}@media (min-width: 30rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:28px;padding-bottom:30px}}@media (min-width: 60rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:32px;padding-bottom:40px}}.hy-accordion__item.hy-accordion__item__is-open.mini{background-color:var(--grayscale-white);border:none;-webkit-box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05);box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05)}.hy-accordion--heading{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.69px;line-height:28px;margin:0 auto;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;width:100%}.hy-accordion--heading .hy-accordion__link{text-decoration:none}.hy-accordion--heading .hy-accordion__link:hover{text-decoration:none}.hy-accordion--heading .hy-accordion__button{font-size:1.125rem;line-height:22px;font-weight:700;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-background-box);border:none;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.45px;padding:13px 20px 13px 16px;-webkit-transition:all 0.35s ease-in;transition:all 0.35s ease-in;width:100%}.hy-accordion--heading .hy-accordion__button:hover{cursor:pointer}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion__button{padding:1rem 2rem 1rem 1.25rem}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion__button{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading .hy-accordion__button span{text-align:left}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]{background:none;position:relative}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]:after{background-color:var(--grayscale-medium-dark);bottom:0;content:\"\";height:1px;left:16px;position:absolute;right:20px}.hy-accordion--heading .hy-accordion__button *{pointer-events:none}.hy-accordion--heading .hy-accordion--heading__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;margin-right:8px;z-index:0}.hy-accordion--heading .hy-accordion--heading__icon svg{fill:var(--brand-main)}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion--heading__icon svg{height:18px;width:18px}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading.mini .hy-accordion__button{font-size:1.125rem;line-height:22px;background-color:var(--grayscale-white);color:var(--link-blue);letter-spacing:-0.56px;padding:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding:0}}.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{color:var(--grayscale-black);margin-bottom:20px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:28px}}@media (min-width: 60rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:32px}}.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:10px}}.hy-accordion--heading.mini .hy-accordion--heading__icon svg{fill:var(--brand-main-light);height:14px;width:14px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon svg{height:16px;width:16px}}.hy-accordion__content{display:block;height:0;padding:0;overflow:hidden;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.hy-accordion__content--inner-wrapper{display:block;padding:16px 12px}@media (min-width: 30rem){.hy-accordion__content--inner-wrapper{padding:15px 16px}}@media (min-width: 60rem){.hy-accordion__content--inner-wrapper{padding:16px}}@media (min-width: 75.0625rem){.hy-accordion__content--inner-wrapper--large{padding:24px 20px}}@media (min-width: 1601px){.hy-accordion__content--inner-wrapper{padding:24px 20px}}.hy-accordion__content--inner-wrapper--mini{padding:0}.hy-accordion__content--inner-wrapper--mini .course-heading h4{padding-top:0 !important}";
 const HyAccordionItemStyle0 = accordionItemCss;
 let keys = {