@swisspost/design-system-components-angular 10.0.1 → 10.1.0

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 (2) hide show
  1. package/package.json +2 -2
  2. package/post-components.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@swisspost/design-system-components-angular",
3
- "version": "10.0.1",
3
+ "version": "10.1.0",
4
4
  "description": "Swiss Post Design System - Angular Wrapper Components",
5
5
  "author": "Swiss Post <design-system@post.ch>",
6
6
  "license": "Apache-2.0",
@@ -29,7 +29,7 @@
29
29
  },
30
30
  "sideEffects": false,
31
31
  "dependencies": {
32
- "@swisspost/design-system-components": "10.0.1",
32
+ "@swisspost/design-system-components": "10.1.0",
33
33
  "tslib": "2.8.1"
34
34
  },
35
35
  "peerDependencies": {
package/post-components.css CHANGED
@@ -3,4 +3,4 @@
3
3
  (var(--post-device-spacing-padding-23)* 2) +
4
4
  var(--post-device-sizing-interactive-icon-size6) +
5
5
  (var(--post-device-border-width-default) * 2)
6
- )}post-number-input input[type=number]{appearance:textfield}post-number-input input[type=number]::-webkit-inner-spin-button,post-number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root{--post-side-navigation-width:296px}@media screen and (min-width: 1024px){.main-container{margin-inline-start:var(--post-side-navigation-width)}}@media screen and (max-width: 599.98px){post-side-navigation:not([data-hydrated]){display:none !important}}post-side-navigation{--post-side-navigation-item-enabled-fg:#050400;--post-side-navigation-item-enabled-stroke-inactive:#b4b3af;--post-side-navigation-item-enabled-stroke-active:#050400;--post-side-navigation-item-selected-fg:#ffffff;--post-side-navigation-item-selected-bg:#050400;--post-side-navigation-item-selected-stroke:#ffffff;--post-side-navigation-item-hovered-fg:#ffffff;--post-side-navigation-item-hovered-bg:#504f4b;--post-side-navigation-heading-fg:#696864;--post-side-navigation-padding-block-end:16px;--post-side-navigation-height:100vh;--post-side-navigation-padding-block-start:28px;--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-heading-padding-block-end:4px;--post-side-navigation-heading-padding-inline:16px;--post-side-navigation-heading-font-size:14px;--post-side-navigation-item-padding-inline:16px;--post-side-navigation-item-height:40px;--post-side-navigation-item-gap:12px;--post-side-navigation-item-interval:16px;--post-side-navigation-icon-size:16px;--post-side-navigation-item-font-size:14px;--post-side-navigation-item-line-height:1.5;--post-side-navigation-item-divider-padding-block:9px}@media screen and (min-width: 600px){post-side-navigation{--post-side-navigation-padding-block-start:34px;--post-side-navigation-item-font-size:16px;--post-side-navigation-heading-padding-block-start:12px;--post-side-navigation-heading-font-size:16px;--post-side-navigation-item-divider-padding-block:7.5px;--post-side-navigation-item-gap:16px;--post-side-navigation-icon-size:20px}}@media screen and (min-width: 1024px){post-side-navigation{position:fixed;top:var(--post-header-height);width:var(--post-side-navigation-width);--post-side-navigation-padding-block-start:16px;--post-side-navigation-item-font-size:20px;--post-side-navigation-height:calc(100vh - var(--post-header-height));--post-side-navigation-heading-padding-block-start:20px;--post-side-navigation-item-height:48px}}post-side-navigation[size=small]{--post-side-navigation-heading-padding-inline:12px;--post-side-navigation-item-padding-inline:12px;--post-side-navigation-item-height:40px;--post-side-navigation-item-gap:8px;--post-side-navigation-item-interval:12px;--post-side-navigation-icon-size:16px}@media screen and (min-width: 600px){post-side-navigation[size=small]{--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-item-font-size:14px;--post-side-navigation-heading-font-size:14px}}@media screen and (min-width: 1024px){post-side-navigation[size=small]{--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-item-font-size:16px;--post-side-navigation-heading-font-size:14px}}post-side-navigation nav{width:100%;padding-block:var(--post-side-navigation-padding-block-start) var(--post-side-navigation-padding-block-end);height:var(--post-side-navigation-height);overflow-y:auto}post-side-navigation nav ul{list-style:none;margin:0;padding-inline-start:0}post-side-navigation .post-side-navigation-heading{margin:0;padding:var(--post-side-navigation-heading-padding-block-start) var(--post-side-navigation-heading-padding-inline) var(--post-side-navigation-heading-padding-block-end);font-size:var(--post-side-navigation-heading-font-size);font-weight:700;line-height:1.5;color:var(--post-side-navigation-heading-fg)}post-side-navigation>ul>li>.post-side-navigation-item{font-weight:700}post-side-navigation .post-side-navigation-item[aria-current=page],post-side-navigation .post-side-navigation-item a[aria-current=page]{background-color:var(--post-side-navigation-item-selected-bg);color:var(--post-side-navigation-item-selected-fg);border-color:var(--post-side-navigation-item-selected-stroke)}post-side-navigation ul{--_indent-level:0}post-side-navigation ul ul{--_indent-level:1}post-side-navigation ul ul ul{--_indent-level:2}post-side-navigation ul ul ul ul{--_indent-level:3}post-side-navigation ul ul .post-side-navigation-item:not(:has(a):has(button)),post-side-navigation ul ul .post-side-navigation-item:has(a):has(button) a{padding-inline-start:calc(var(--post-side-navigation-item-padding-inline) + var(--_indent-level)*var(--post-side-navigation-item-interval))}post-side-navigation ul>li:has(post-icon:not([name=chevrondown])) ul .post-side-navigation-item:not(:has(a):has(button)),post-side-navigation ul>li:has(post-icon:not([name=chevrondown])) ul .post-side-navigation-item:has(a):has(button) a{padding-inline-start:calc(var(--post-side-navigation-item-padding-inline) + var(--post-side-navigation-icon-size) + var(--post-side-navigation-item-gap) + var(--_indent-level)*var(--post-side-navigation-item-interval))}post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>:where(a,span):not(:has(>post-icon:first-child))::before,post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>div:not(:has(>a>post-icon:first-child))::before{content:"";flex:none;inline-size:var(--post-side-navigation-icon-size)}@media screen and (max-width: 1023.98px){post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>:where(a,span):not(:has(>post-icon:first-child))::before,post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>div:not(:has(>a>post-icon:first-child))::before{inline-size:1rem}}post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>post-collapsible-trigger>button:not(:has(>post-icon:first-child))::before{content:"";flex:none;inline-size:var(--post-side-navigation-icon-size)}@media screen and (max-width: 1023.98px){post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>post-collapsible-trigger>button:not(:has(>post-icon:first-child))::before{inline-size:1rem}}.post-side-navigation-item{display:flex;align-items:center;gap:var(--post-side-navigation-item-gap);width:100%;min-width:0;margin:0;padding-inline:var(--post-side-navigation-item-padding-inline);min-height:var(--post-side-navigation-item-height);font-size:var(--post-side-navigation-item-font-size);line-height:var(--post-side-navigation-item-line-height);box-sizing:border-box;border:0;border-block-end:1px solid var(--post-side-navigation-item-enabled-stroke-active);border-radius:0;background-color:rgba(0,0,0,0);color:var(--post-side-navigation-item-enabled-fg);text-align:start;text-decoration:none;appearance:none}.post-side-navigation-item:has(a):has(button){padding-inline-start:0;padding-inline-end:0;gap:0;align-items:stretch}.post-side-navigation-item:has(a):has(button) a{flex:1 1 auto;text-decoration:none;display:flex;align-items:center;min-height:var(--post-side-navigation-item-height);gap:var(--post-side-navigation-item-gap);border-radius:0;padding-inline-end:var(--post-side-navigation-item-padding-inline)}.post-side-navigation-item:has(a):has(button) button{padding-inline:var(--post-side-navigation-item-padding-inline);display:flex;align-items:center;border:0;background:rgba(0,0,0,0);cursor:pointer;position:relative;margin-left:1px}.post-side-navigation-item:has(a):has(button) button::before{content:"";position:absolute;top:var(--post-side-navigation-item-divider-padding-block);height:calc(100% - var(--post-side-navigation-item-divider-padding-block)*2);width:1px;background:var(--post-side-navigation-item-enabled-stroke-inactive);left:-1px}.post-side-navigation-item:where(a,button),.post-side-navigation-item:has(a):has(button) a,.post-side-navigation-item:has(a):has(button) button{cursor:pointer;position:relative;color:var(--post-side-navigation-item-enabled-fg);transition:background-color 250ms,color 250ms}.post-side-navigation-item:where(a,button)::after,.post-side-navigation-item:has(a):has(button) a::after,.post-side-navigation-item:has(a):has(button) button::after{--_offset:3px;content:"";position:absolute;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:4px;width:calc(100% - var(--_offset)*2);height:calc(100% - var(--_offset)*2);top:var(--_offset);left:var(--_offset)}.post-side-navigation-item:where(a,button):hover,.post-side-navigation-item:has(a):has(button) a:hover,.post-side-navigation-item:has(a):has(button) button:hover{background-color:var(--post-side-navigation-item-hovered-bg);color:var(--post-side-navigation-item-hovered-fg)}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item post-icon{flex:none;width:var(--post-side-navigation-icon-size);height:var(--post-side-navigation-icon-size);color:inherit}.post-side-navigation-item post-icon[name=chevrondown]{transition:transform .2s ease;margin-inline-start:auto}.post-side-navigation-item[aria-expanded=true] post-icon[name=chevrondown],.post-side-navigation-item [aria-expanded=true] post-icon[name=chevrondown]{transform:rotate(180deg)}nav>ul>li>.post-side-navigation-item,nav>ul>li>post-collapsible-trigger>.post-side-navigation-item{font-weight:700}nav>ul>li .post-side-navigation-item:has(+ul),nav>ul>li li:has(+li) .post-side-navigation-item,nav>ul>li .post-side-navigation-item[aria-expanded=true]{border-color:var(--post-side-navigation-item-enabled-stroke-inactive)}nav>ul>li:first-child .post-side-navigation-item{border-block-start:1px solid var(--post-side-navigation-item-enabled-stroke-active)}
6
+ )}post-number-input input[type=number]{appearance:textfield}post-number-input input[type=number]::-webkit-inner-spin-button,post-number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root{--post-side-navigation-width:296px}@media screen and (min-width: 1024px){.main-container{margin-inline-start:var(--post-side-navigation-width)}}post-side-navigation{--post-side-navigation-item-enabled-fg:#050400;--post-side-navigation-item-enabled-stroke-inactive:#b4b3af;--post-side-navigation-item-enabled-stroke-active:#050400;--post-side-navigation-item-selected-fg:#ffffff;--post-side-navigation-item-selected-bg:#050400;--post-side-navigation-item-selected-stroke:#ffffff;--post-side-navigation-item-hovered-fg:#ffffff;--post-side-navigation-item-hovered-bg:#504f4b;--post-side-navigation-heading-fg:#696864;--post-side-navigation-padding-block-end:16px;--post-side-navigation-height:100vh;--post-side-navigation-padding-block-start:28px;--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-heading-padding-block-end:4px;--post-side-navigation-heading-padding-inline:16px;--post-side-navigation-heading-font-size:14px;--post-side-navigation-item-padding-inline:16px;--post-side-navigation-item-height:40px;--post-side-navigation-item-gap:12px;--post-side-navigation-item-interval:16px;--post-side-navigation-icon-size:16px;--post-side-navigation-item-font-size:14px;--post-side-navigation-item-line-height:1.5;--post-side-navigation-item-divider-padding-block:9px}@media screen and (min-width: 600px){post-side-navigation{--post-side-navigation-padding-block-start:34px;--post-side-navigation-item-font-size:16px;--post-side-navigation-heading-padding-block-start:12px;--post-side-navigation-heading-font-size:16px;--post-side-navigation-item-divider-padding-block:7.5px;--post-side-navigation-item-gap:16px;--post-side-navigation-icon-size:20px}}@media screen and (min-width: 1024px){post-side-navigation{position:fixed;top:var(--post-header-height);width:var(--post-side-navigation-width);--post-side-navigation-padding-block-start:16px;--post-side-navigation-item-font-size:20px;--post-side-navigation-height:calc(100vh - var(--post-header-height));--post-side-navigation-heading-padding-block-start:20px;--post-side-navigation-item-height:48px}}post-side-navigation[size=small]{--post-side-navigation-heading-padding-inline:12px;--post-side-navigation-item-padding-inline:12px;--post-side-navigation-item-height:40px;--post-side-navigation-item-gap:8px;--post-side-navigation-item-interval:12px;--post-side-navigation-icon-size:16px}@media screen and (min-width: 600px){post-side-navigation[size=small]{--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-item-font-size:14px;--post-side-navigation-heading-font-size:14px}}@media screen and (min-width: 1024px){post-side-navigation[size=small]{--post-side-navigation-heading-padding-block-start:15px;--post-side-navigation-item-font-size:16px;--post-side-navigation-heading-font-size:14px}}post-side-navigation nav{width:100%;padding-block:var(--post-side-navigation-padding-block-start) var(--post-side-navigation-padding-block-end);height:var(--post-side-navigation-height);overflow-y:auto}post-side-navigation nav ul{list-style:none;margin:0;padding-inline-start:0}post-side-navigation .post-side-navigation-heading{margin:0;padding:var(--post-side-navigation-heading-padding-block-start) var(--post-side-navigation-heading-padding-inline) var(--post-side-navigation-heading-padding-block-end);font-size:var(--post-side-navigation-heading-font-size);font-weight:700;line-height:1.5;color:var(--post-side-navigation-heading-fg)}post-side-navigation>ul>li>.post-side-navigation-item{font-weight:700}post-side-navigation .post-side-navigation-item[aria-current=page],post-side-navigation .post-side-navigation-item a[aria-current=page]{background-color:var(--post-side-navigation-item-selected-bg);color:var(--post-side-navigation-item-selected-fg);border-color:var(--post-side-navigation-item-selected-stroke)}post-side-navigation ul{--_indent-level:0}post-side-navigation ul ul{--_indent-level:1}post-side-navigation ul ul ul{--_indent-level:2}post-side-navigation ul ul ul ul{--_indent-level:3}post-side-navigation ul ul .post-side-navigation-item:not(:has(a):has(button)),post-side-navigation ul ul .post-side-navigation-item:has(a):has(button) a{padding-inline-start:calc(var(--post-side-navigation-item-padding-inline) + var(--_indent-level)*var(--post-side-navigation-item-interval))}post-side-navigation ul>li:has(post-icon:not([name=chevrondown])) ul .post-side-navigation-item:not(:has(a):has(button)),post-side-navigation ul>li:has(post-icon:not([name=chevrondown])) ul .post-side-navigation-item:has(a):has(button) a{padding-inline-start:calc(var(--post-side-navigation-item-padding-inline) + var(--post-side-navigation-icon-size) + var(--post-side-navigation-item-gap) + var(--_indent-level)*var(--post-side-navigation-item-interval))}post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>:where(a,span):not(:has(>post-icon:first-child))::before,post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>div:not(:has(>a>post-icon:first-child))::before{content:"";flex:none;inline-size:var(--post-side-navigation-icon-size)}@media screen and (max-width: 1023.98px){post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>:where(a,span):not(:has(>post-icon:first-child))::before,post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>div:not(:has(>a>post-icon:first-child))::before{inline-size:1rem}}post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>post-collapsible-trigger>button:not(:has(>post-icon:first-child))::before{content:"";flex:none;inline-size:var(--post-side-navigation-icon-size)}@media screen and (max-width: 1023.98px){post-side-navigation :where(nav)>ul:has(>li>:where(a,span,post-collapsible-trigger>button,div>a)>post-icon:first-child)>li>post-collapsible-trigger>button:not(:has(>post-icon:first-child))::before{inline-size:1rem}}.post-side-navigation-item{display:flex;align-items:center;gap:var(--post-side-navigation-item-gap);width:100%;min-width:0;margin:0;padding-inline:var(--post-side-navigation-item-padding-inline);min-height:var(--post-side-navigation-item-height);font-size:var(--post-side-navigation-item-font-size);line-height:var(--post-side-navigation-item-line-height);box-sizing:border-box;border:0;border-block-end:1px solid var(--post-side-navigation-item-enabled-stroke-active);border-radius:0;background-color:rgba(0,0,0,0);color:var(--post-side-navigation-item-enabled-fg);text-align:start;text-decoration:none;appearance:none}.post-side-navigation-item:has(a):has(button){padding-inline-start:0;padding-inline-end:0;gap:0;align-items:stretch}.post-side-navigation-item:has(a):has(button) a{flex:1 1 auto;text-decoration:none;display:flex;align-items:center;min-height:var(--post-side-navigation-item-height);gap:var(--post-side-navigation-item-gap);border-radius:0;padding-inline-end:var(--post-side-navigation-item-padding-inline)}.post-side-navigation-item:has(a):has(button) button{padding-inline:var(--post-side-navigation-item-padding-inline);display:flex;align-items:center;border:0;background:rgba(0,0,0,0);cursor:pointer;position:relative;margin-left:1px}.post-side-navigation-item:has(a):has(button) button::before{content:"";position:absolute;top:var(--post-side-navigation-item-divider-padding-block);height:calc(100% - var(--post-side-navigation-item-divider-padding-block)*2);width:1px;background:var(--post-side-navigation-item-enabled-stroke-inactive);left:-1px}.post-side-navigation-item:where(a,button),.post-side-navigation-item:has(a):has(button) a,.post-side-navigation-item:has(a):has(button) button{cursor:pointer;position:relative;color:var(--post-side-navigation-item-enabled-fg);transition:background-color 250ms,color 250ms}.post-side-navigation-item:where(a,button)::after,.post-side-navigation-item:has(a):has(button) a::after,.post-side-navigation-item:has(a):has(button) button::after{--_offset:3px;content:"";position:absolute;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:4px;width:calc(100% - var(--_offset)*2);height:calc(100% - var(--_offset)*2);top:var(--_offset);left:var(--_offset)}.post-side-navigation-item:where(a,button):hover,.post-side-navigation-item:has(a):has(button) a:hover,.post-side-navigation-item:has(a):has(button) button:hover{background-color:var(--post-side-navigation-item-hovered-bg);color:var(--post-side-navigation-item-hovered-fg)}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:where(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:where(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) a:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-side-navigation-item-enabled-stroke-active)}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus)[aria-current=page]::after{border-color:var(--post-side-navigation-item-selected-stroke)}}.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}@supports not selector(:has(:focus-visible)){.post-side-navigation-item:has(a):has(button) button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}.post-side-navigation-item post-icon{flex:none;width:var(--post-side-navigation-icon-size);height:var(--post-side-navigation-icon-size);color:inherit}.post-side-navigation-item post-icon[name=chevrondown]{transition:transform .2s ease;margin-inline-start:auto}.post-side-navigation-item[aria-expanded=true] post-icon[name=chevrondown],.post-side-navigation-item [aria-expanded=true] post-icon[name=chevrondown]{transform:rotate(180deg)}nav>ul>li>.post-side-navigation-item,nav>ul>li>post-collapsible-trigger>.post-side-navigation-item{font-weight:700}nav>ul>li .post-side-navigation-item:has(+ul),nav>ul>li li:has(+li) .post-side-navigation-item,nav>ul>li .post-side-navigation-item[aria-expanded=true]{border-color:var(--post-side-navigation-item-enabled-stroke-inactive)}nav>ul>li:first-child .post-side-navigation-item{border-block-start:1px solid var(--post-side-navigation-item-enabled-stroke-active)}