/*
Includes code from digital-go-jp/design-system-example-components-html (v20261021, commit caa50d7), unmodified.

MIT License

Copyright (c) 2025 デジタル庁

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/

/*
Includes values from @digital-go-jp/design-tokens.

MIT License

Copyright (c) 2023 デジタル庁

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
/* 生成物。_css/build.mjs で作る。手で編集しないこと。 */
@layer dads, adjust, ext, theme;@layer dads{:root{--color-primitive-blue-50: #e8f1fe;--color-primitive-blue-100: #d9e6ff;--color-primitive-blue-200: #c5d7fb;--color-primitive-blue-300: #9db7f9;--color-primitive-blue-400: #7096f8;--color-primitive-blue-500: #4979f5;--color-primitive-blue-600: #3460fb;--color-primitive-blue-700: #264af4;--color-primitive-blue-800: #0031d8;--color-primitive-blue-900: #0017c1;--color-primitive-blue-1000: #00118f;--color-primitive-blue-1100: #000071;--color-primitive-blue-1200: #000060;--color-primitive-green-100: #c2e5d1;--color-primitive-yellow-100: #fff0b3;--color-primitive-yellow-300: #ffd43d;--color-primitive-orange-800: #c74700;--color-primitive-orange-900: #ac3e00;--color-primitive-red-100: #ffdada;--color-primitive-magenta-900: #8b008b;--color-neutral-white: #ffffff;--color-neutral-black: #000000;--color-neutral-solid-gray-50: #f2f2f2;--color-neutral-solid-gray-100: #e6e6e6;--color-neutral-solid-gray-200: #cccccc;--color-neutral-solid-gray-300: #b3b3b3;--color-neutral-solid-gray-420: #949494;--color-neutral-solid-gray-500: #7f7f7f;--color-neutral-solid-gray-536: #767676;--color-neutral-solid-gray-600: #666666;--color-neutral-solid-gray-800: #333333;--color-neutral-solid-gray-900: #1a1a1a;--color-neutral-opacity-gray-100: rgba(0, 0, 0, 0.1);--color-neutral-opacity-gray-500: rgba(0, 0, 0, 0.5);--font-family-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "Noto Sans Mono", monospace;--elevation-2: 0 2px 12px 2px rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.3);--color-key-50: var(--color-primitive-blue-50);--color-key-100: var(--color-primitive-blue-100);--color-key-200: var(--color-primitive-blue-200);--color-key-300: var(--color-primitive-blue-300);--color-key-400: var(--color-primitive-blue-400);--color-key-500: var(--color-primitive-blue-500);--color-key-600: var(--color-primitive-blue-600);--color-key-700: var(--color-primitive-blue-700);--color-key-800: var(--color-primitive-blue-800);--color-key-900: var(--color-primitive-blue-900);--color-key-1000: var(--color-primitive-blue-1000);--color-key-1100: var(--color-primitive-blue-1100);--color-key-1200: var(--color-primitive-blue-1200)}
html{scrollbar-gutter: stable;font-family: var(--font-family-sans)}
html:has(:modal){overflow: clip;scrollbar-gutter: auto}
body:has(:modal){overflow: auto;scrollbar-gutter: stable}
:where(a):any-link{color: var(--color-primitive-blue-1000);text-decoration: underline;text-decoration-thickness: calc(1 / 16 * 1rem);text-underline-offset: calc(3 / 16 * 1rem)}
:where(a):visited{color: var(--color-primitive-magenta-900)}
@media (hover: hover){:where(a):hover{color: var(--color-primitive-blue-900);text-decoration-thickness: calc(3 / 16 * 1rem)}
}
:where(a):active{color: var(--color-primitive-orange-800);text-decoration-thickness: calc(1 / 16 * 1rem)}
:focus-visible{outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);outline-offset: calc(2 / 16 * 1rem);border-radius: calc(4 / 16 * 1rem);box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300)}
.dads-u-visually-hidden{clip: rect(0 0 0 0) !important;clip-path: inset(50%) !important;height: 1px !important;overflow: hidden !important;position: absolute !important;white-space: nowrap !important;width: 1px !important}
}
@layer dads{.dads-accordion{--_icon-size: calc(20 / 16 * 1rem);border-bottom: 1px solid var(--color-neutral-solid-gray-420)}
@media (min-width: 48rem){.dads-accordion{--_icon-size: calc(32 / 16 * 1rem)}
}
.dads-accordion__summary{position: relative;display: block;padding: calc(8 / 16 * 1rem) calc(8 / 16 * 1rem) calc(8 / 16 * 1rem) calc(var(--_icon-size) + 0.75rem);color: var(--color-neutral-solid-gray-800);font-weight: normal;font-size: calc(16 / 16 * 1rem);line-height: 1.7;font-family: var(--font-family-sans);letter-spacing: 0.02em;cursor: default}
.dads-accordion__summary::marker{content: ""}
.dads-accordion__summary::-webkit-details-marker{display: none}
@media (min-width: 48rem){.dads-accordion__summary{padding: calc(16 / 16 * 1rem) calc(16 / 16 * 1rem) calc(16 / 16 * 1rem) calc(var(--_icon-size) + calc(20 / 16 * 1rem));font-size: calc(18 / 16 * 1rem);line-height: 1.6}
}
@media (hover: hover){.dads-accordion__summary:hover:not(:focus-visible){background-color: var(--color-neutral-solid-gray-50)}
}
.dads-accordion__summary:focus-visible{outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);outline-offset: calc(2 / 16 * 1rem);border-radius: calc(4 / 16 * 1rem);background-color: var(--color-primitive-yellow-300);box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300)}
.dads-accordion__icon{position: absolute;top: calc(8 / 16 * 1rem);left: calc(2 / 16 * 1rem);margin-top: calc((1lh - var(--_icon-size)) / 2);display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;width: var(--_icon-size);height: var(--_icon-size);border-radius: 50%;border: 1px solid currentcolor;background-color: var(--color-neutral-white);color: var(--color-key-1000)}
@media (min-width: 48rem){.dads-accordion__icon{top: calc(14 / 16 * 1rem);left: calc(6 / 16 * 1rem)}
}
.dads-accordion[open] .dads-accordion__icon{transform: rotate(180deg)}
@media (hover: hover){.dads-accordion__summary:hover .dads-accordion__icon{outline: calc(2 / 16 * 1rem) solid currentcolor}
}
.dads-accordion__icon-svg{margin-top: calc(2 / 16 * 1rem);width: calc(16 / 16 * 1rem);height: calc(16 / 16 * 1rem);pointer-events: none}
@media (min-width: 48rem){.dads-accordion__icon-svg{width: auto;height: auto}
}
.dads-accordion__summary :is(h1, h2, h3, h4, h5, h6){margin: 0;font: inherit}
.dads-accordion__content{padding: calc(16 / 16 * 1rem) calc(8 / 16 * 1rem) calc(16 / 16 * 1rem) calc(var(--_icon-size) + 0.75rem)}
@media (min-width: 48rem){.dads-accordion__content{padding: calc(24 / 16 * 1rem) calc(16 / 16 * 1rem) calc(24 / 16 * 1rem) calc(var(--_icon-size) + 1.25rem)}
}
}
@layer dads{.dads-blockquote{margin: 0 calc(40 / 16 * 1rem);border-left: 8px solid var(--color-neutral-solid-gray-536);padding-top: calc(8 / 16 * 1rem);padding-right: calc(16 / 16 * 1rem);padding-bottom: calc(8 / 16 * 1rem);padding-left: calc(24 / 16 * 1rem)}
.dads-blockquote > *:first-child{margin-top: 0 !important}
.dads-blockquote > *:last-child{margin-bottom: 0 !important}
}
@layer dads{.dads-button{--button-color: var(--color-key-900);--button-hover-color: var(--color-key-1000);--button-active-color: var(--color-key-1200);--button-outline-hover-bg-color: var(--color-key-200);--button-outline-active-bg-color: var(--color-key-300);display: flex;align-items: center;justify-content: center;column-gap: calc(4 / 16 * 1rem);box-sizing: border-box;width: fit-content;max-width: 100%;font-weight: bold;font-size: calc(16 / 16 * 1rem);line-height: 1;font-family: var(--font-family-sans);letter-spacing: 0.02em;text-decoration: none;text-underline-offset: calc(3 / 16 * 1rem)}
.dads-button:disabled,.dads-button[aria-disabled="true"]{cursor: default}
.dads-button[data-type="solid-fill"]{border: 4px double transparent;background-color: var(--button-color);color: var(--color-neutral-white)}
@media (hover: hover){.dads-button[data-type="solid-fill"]:hover{background-color: var(--button-hover-color);text-decoration: underline;text-decoration-thickness: calc(1 / 16 * 1rem)}
}
.dads-button[data-type="solid-fill"]:active{background-color: var(--button-active-color);text-decoration: underline}
.dads-button[data-type="solid-fill"]:focus-visible{outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);outline-offset: calc(2 / 16 * 1rem);box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300)}
.dads-button[data-type="solid-fill"]:disabled,.dads-button[data-type="solid-fill"][aria-disabled="true"]{background-color: var(--color-neutral-solid-gray-300);color: var(--color-neutral-solid-gray-50);text-decoration: none}
@media (forced-colors: active){.dads-button[data-type="solid-fill"]:disabled,.dads-button[data-type="solid-fill"][aria-disabled="true"]{border-color: GrayText;color: GrayText}
}
.dads-button[data-type="outline"]{border: 1px solid currentcolor;background-color: var(--color-neutral-white);color: var(--button-color)}
@media (hover: hover){.dads-button[data-type="outline"]:hover{background-color: var(--button-outline-hover-bg-color);color: var(--button-hover-color);text-decoration: underline;text-decoration-thickness: calc(1 / 16 * 1rem)}
}
.dads-button[data-type="outline"]:active{background-color: var(--button-outline-active-bg-color);color: var(--button-active-color);text-decoration: underline}
.dads-button[data-type="outline"]:focus-visible{outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);outline-offset: calc(2 / 16 * 1rem);box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300)}
.dads-button[data-type="outline"]:disabled,.dads-button[data-type="outline"][aria-disabled="true"]{background-color: var(--color-neutral-white);color: var(--color-neutral-solid-gray-300);text-decoration: none}
@media (forced-colors: active){.dads-button[data-type="outline"]:disabled,.dads-button[data-type="outline"][aria-disabled="true"]{border-color: GrayText;color: GrayText}
}
.dads-button[data-type="text"]{border: 0;background-color: transparent;color: var(--button-color);text-decoration: underline;text-decoration-thickness: calc(1 / 16 * 1rem)}
@media (hover: hover){.dads-button[data-type="text"]:hover{background-color: var(--color-key-50);color: var(--button-hover-color);text-decoration-thickness: calc(3 / 16 * 1rem)}
}
.dads-button[data-type="text"]:active{background-color: var(--color-key-100);color: var(--button-active-color)}
.dads-button[data-type="text"]:focus-visible{outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);outline-offset: calc(2 / 16 * 1rem);background-color: var(--color-primitive-yellow-300);box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300)}
.dads-button[data-type="text"]:disabled,.dads-button[data-type="text"][aria-disabled="true"]{background-color: transparent;color: var(--color-neutral-solid-gray-300);text-decoration-thickness: revert}
@media (forced-colors: active){.dads-button[data-type="text"]:disabled,.dads-button[data-type="text"][aria-disabled="true"]{color: GrayText}
}
.dads-button[data-size="lg"]{min-width: calc(136 / 16 * 1rem);min-height: calc(56 / 16 * 1rem);border-radius: calc(8 / 16 * 1rem);padding: calc(12 / 16 * 1rem) calc(16 / 16 * 1rem)}
.dads-button[data-size="md"]{min-width: calc(96 / 16 * 1rem);min-height: calc(48 / 16 * 1rem);border-radius: calc(8 / 16 * 1rem);padding: calc(8 / 16 * 1rem) calc(16 / 16 * 1rem)}
.dads-button[data-size="sm"]{position: relative;min-width: calc(80 / 16 * 1rem);min-height: calc(36 / 16 * 1rem);border-radius: calc(6 / 16 * 1rem);padding: calc(2 / 16 * 1rem) calc(12 / 16 * 1rem)}
.dads-button[data-size="sm"]::after{content: "";position: absolute;inset: 0;margin: auto;height: calc(44 / 16 * 1rem)}
.dads-button[data-size="xs"]{position: relative;min-width: calc(72 / 16 * 1rem);min-height: calc(28 / 16 * 1rem);border-radius: calc(4 / 16 * 1rem);padding: calc(2 / 16 * 1rem) calc(8 / 16 * 1rem);font-size: calc(14 / 16 * 1rem)}
.dads-button[data-size="xs"]::after{content: "";position: absolute;inset: 0;margin: auto;height: calc(44 / 16 * 1rem)}
.dads-button__icon{flex-shrink: 0}
}
@layer dads{.dads-drawer{margin: unset;max-width: 100%;max-height: unset;box-sizing: border-box;width: calc(288 / 16 * 1rem);height: 100vh;height: 100dvh;box-shadow: var(--elevation-2);background-color: var(--color-neutral-white);border: 0;padding: 0;color: var(--color-neutral-solid-gray-800);font-weight: normal;font-size: calc(16 / 16 * 1rem);line-height: 1.7;font-family: var(--font-family-sans);letter-spacing: 0.02em}
.dads-drawer[data-placement="right"]{left: auto;border-left: 1px solid transparent}
.dads-drawer[data-placement="left"]{right: auto;border-right: 1px solid transparent}
.dads-drawer[open]{display: grid;grid-template: "header" auto "body" 1fr / 1fr}
.dads-drawer::backdrop{background-color: var(--color-neutral-opacity-gray-100)}
@media (forced-colors: active){.dads-drawer::backdrop{background-color: #000b}
}
.dads-drawer__header{display: flex;grid-area: header;padding: calc(20 / 16 * 1rem) calc(16 / 16 * 1rem)}
.dads-drawer[data-placement="right"] .dads-drawer__header{justify-content: end}
.dads-drawer[data-placement="left"] .dads-drawer__header{justify-content: start}
.dads-drawer__body{grid-area: body;overflow: auto;overscroll-behavior: contain;scrollbar-gutter: stable}
}
@layer dads{.dads-button[data-dragover="true"]{background-color: var(--button-outline-active-bg-color);color: var(--button-active-color);text-decoration: underline}
}
@layer dads{.dads-hamburger-menu-button{display: flex;align-items: center;column-gap: calc(4 / 16 * 1rem);width: fit-content;border: 0;border-radius: calc(6 / 16 * 1rem);background: transparent;padding: calc(4 / 16 * 1rem) calc(12 / 16 * 1rem) calc(6 / 16 * 1rem) calc(12 / 16 * 1rem);color: var(--color-neutral-solid-gray-800);font-weight: normal;font-size: calc(16 / 16 * 1rem);line-height: 1;font-family: var(--font-family-sans);letter-spacing: 0.02em;touch-action: manipulation}
@media (hover: hover){.dads-hamburger-menu-button:hover{background-color: var(--color-neutral-solid-gray-50);text-decoration: underline;text-underline-offset: calc(3 / 16 * 1rem)}
}
.dads-hamburger-menu-button:focus-visible{outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);outline-offset: calc(2 / 16 * 1rem);background-color: var(--color-primitive-yellow-300);box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300)}
.dads-hamburger-menu-button__icon{margin-top: calc(2 / 16 * 1rem);width: calc(24 / 16 * 1rem);height: calc(24 / 16 * 1rem);flex-shrink: 0;color: var(--color-neutral-black)}
@media (forced-colors: active){.dads-hamburger-menu-button__icon{color: currentcolor}
}
}
@layer dads{.dads-hamburger-menu-icon-button{display: block;width: fit-content;border: 0;border-radius: calc(4 / 16 * 1rem);background: transparent;padding: 0;color: var(--color-neutral-black);touch-action: manipulation}
@media (hover: hover){.dads-hamburger-menu-icon-button:hover{outline: 1px solid;background-color: var(--color-neutral-solid-gray-50)}
}
.dads-hamburger-menu-icon-button:focus-visible{outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);outline-offset: calc(2 / 16 * 1rem);background-color: var(--color-primitive-yellow-300);box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300)}
.dads-hamburger-menu-icon-button__icon{display: block;width: calc(44 / 16 * 1rem);height: calc(44 / 16 * 1rem)}
}
@layer dads{.dads-horizontal-menu{margin: 0;display: flex;align-items: stretch;border-bottom: 1px solid var(--color-neutral-solid-gray-420);padding: 0;color: var(--color-neutral-solid-gray-900);list-style-type: none;font-weight: bold;font-size: calc(16 / 16 * 1rem);line-height: 1.3;font-family: var(--font-family-sans);letter-spacing: 0}
.dads-horizontal-menu__item{display: flex;align-items: stretch;position: relative}
.dads-horizontal-menu__item-inner,.dads-horizontal-menu__item-inner:any-link{position: relative;display: flex;align-items: center;gap: calc(4 / 16 * 1rem);box-sizing: border-box;min-height: calc(64 / 16 * 1rem);border: 0;background-color: transparent;padding: calc(16 / 16 * 1rem) calc(20 / 16 * 1rem);color: inherit;font: inherit;text-decoration: none;cursor: pointer}
@media (hover: hover){.dads-horizontal-menu__item-inner:hover{background-color: var(--color-neutral-solid-gray-50)}
.dads-horizontal-menu__item-inner:hover::after{position: absolute;right: 0;bottom: 0;left: 0;border-bottom: 2px solid var(--color-neutral-black);content: ""}
}
.dads-horizontal-menu__item-inner[aria-current]{background-color: var(--color-neutral-white);color: var(--color-key-1000)}
.dads-horizontal-menu__item-inner[aria-current]::after{position: absolute;right: 0;bottom: 0;left: 0;border-bottom: 4px solid var(--color-key-900);content: ""}
@media (hover: hover){.dads-horizontal-menu__item-inner[aria-current]:hover{color: var(--color-key-900);text-decoration: underline;text-decoration-thickness: calc(1 / 16 * 1rem);text-underline-offset: calc(3 / 16 * 1rem)}
}
.dads-horizontal-menu__item-inner:focus-visible{outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);outline-offset: calc(2 / 16 * 1rem);border-radius: calc(4 / 16 * 1rem);background-color: var(--color-primitive-yellow-300);box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300)}
.dads-horizontal-menu__item-inner[aria-current]:focus-visible{background-color: var(--color-neutral-white)}
}
@layer dads{.dads-list{margin-top: 0;margin-bottom: 0;padding-left: calc(32 / 16 * 1rem);list-style-type: revert}
.dads-list > li{--_spacing: 0;padding-top: var(--_spacing);padding-bottom: var(--_spacing)}
.dads-list[data-spacing="4"] > li{--_spacing: calc(4 / 16 * 1rem)}
.dads-list[data-spacing="8"] > li{--_spacing: calc(8 / 16 * 1rem)}
.dads-list[data-spacing="12"] > li{--_spacing: calc(12 / 16 * 1rem)}
.dads-list[data-marker="number"]{padding-left: 0;list-style-type: none}
.dads-list[data-marker="number"] > li{padding-left: calc(32 / 16 * 1rem)}
.dads-list[data-marker="number"] > li > a:only-child{margin-left: calc(-32 / 16 * 1rem);padding-left: calc(32 / 16 * 1rem)}
.dads-list[data-marker="number"] > li > span:first-child,.dads-list[data-marker="number"] > li > a:only-child > span:first-child{margin-left: calc(-32 / 16 * 1rem);display: inline-block;min-width: calc(32 / 16 * 1rem);white-space: nowrap}
.dads-list[data-marker="number"] > li > a:only-child > span:first-child{text-decoration: inherit}
.dads-list .dads-list{margin-top: var(--_spacing);margin-bottom: calc(-1 * var(--_spacing))}
}
@layer dads{.dads-menu-list{position: relative;z-index: 0;margin: 0;list-style-type: none;padding-left: 0;color: var(--color-neutral-solid-gray-800);font-weight: normal;font-size: calc(16 / 16 * 1rem);line-height: 1.3;font-family: var(--font-family-sans);letter-spacing: 0}
.dads-menu-list__item,.dads-menu-list__item:any-link{display: flex;align-items: center;column-gap: calc(8 / 16 * 1rem);box-sizing: border-box;width: -webkit-fill-available;width: -moz-available;width: stretch;border: 0;background-color: transparent;padding-right: calc(16 / 16 * 1rem);padding-left: calc(16 / 16 * 1rem);color: inherit;text-align: left;font: inherit;letter-spacing: inherit;text-decoration: none;text-decoration-thickness: calc(1 / 16 * 1rem)}
.dads-menu-list__item[data-size="regular"]{min-height: calc(44 / 16 * 1rem);padding-top: calc(10 / 16 * 1rem);padding-bottom: calc(10 / 16 * 1rem);line-height: 1.3}
.dads-menu-list__item[data-size="small"]{min-height: calc(36 / 16 * 1rem);padding-top: calc(6 / 16 * 1rem);padding-bottom: calc(6 / 16 * 1rem);line-height: 1.2}
.dads-menu-list__item[data-type="standard"]{margin-left: calc(1rem * var(--menu-list-indentation, 0))}
.dads-menu-list__item[data-type="standard"][data-size="regular"]{border-radius: calc(8 / 16 * 1rem)}
.dads-menu-list__item[data-type="standard"][data-size="small"]{border-radius: calc(4 / 16 * 1rem)}
.dads-menu-list__item[data-type="box"]{border-radius: 0}
.dads-menu-list__item[data-type="box"]{padding-left: calc(16 / 16 * 1rem + 1rem * var(--menu-list-indentation, 0))}
.dads-menu-list__item[data-current]{background-color: var(--color-key-100);color: var(--color-key-1000);font-weight: bold}
.dads-menu-list__item:has(+ * [data-current]){background-color: var(--color-key-50);color: var(--color-key-1000)}
@media (hover: hover){.dads-menu-list__item:hover{background-color: var(--color-neutral-solid-gray-50);text-decoration: underline;text-underline-offset: calc(3 / 16 * 1rem)}
.dads-menu-list__item[data-current]:hover,.dads-menu-list__item:has(+ * [data-current]):hover{background-color: var(--color-key-50);color: var(--color-key-900)}
}
.dads-menu-list__item:focus-visible{position: relative;z-index: 1;background-color: var(--color-primitive-yellow-300)}
.dads-menu-list__item[data-type="standard"]:focus-visible{outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);outline-offset: calc(2 / 16 * 1rem);box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300)}
.dads-menu-list__item[data-type="box"]:focus-visible{outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);outline-offset: calc(-4 / 16 * 1rem);box-shadow: inset 0 0 0 calc(6 / 16 * 1rem) var(--color-primitive-yellow-300)}
.dads-menu-list__item[data-current]:focus-visible{background-color: var(--color-key-100)}
.dads-menu-list__item:has(+ * [data-current]):focus-visible{background-color: var(--color-key-50)}
}
@layer dads{dads-progress-indicator:not([active]){display: none}
dads-progress-indicator:not([active]) *{animation: none !important}
@keyframes dads-spinner-rotate{0%{transform: rotate(0deg)}
100%{transform: rotate(360deg)}
}
@keyframes dads-spinner-group-rotate{0%{transform: rotate(0deg)}
30%{transform: rotate(135deg)}
100%{transform: rotate(180deg)}
}
@keyframes dads-spinner-bar-rotate{0%{transform: rotate(0deg)}
4%{transform: rotate(0deg)}
30%{transform: rotate(360deg);animation-timing-function: cubic-bezier(0.5, 0.4, 0.3, 0.9)}
100%{transform: rotate(540deg)}
}
@keyframes dads-spinner-bar-dash{0%{stroke-dasharray: 8 92;stroke-dashoffset: 4}
30%{stroke-dasharray: 80 20;stroke-dashoffset: 40}
100%{stroke-dasharray: 8 92;stroke-dashoffset: 4}
}
@keyframes dads-linear-rotate{0%{stroke-dashoffset: 100}
100%{stroke-dashoffset: -100}
}
}
@layer dads{.dads-table{--_border-color: var(--color-neutral-solid-gray-420);--_padding: calc(20 / 16 * 1rem) calc(16 / 16 * 1rem);margin: 0;box-sizing: border-box;display: flex;flex-direction: column;align-items: flex-start;row-gap: calc(16 / 16 * 1rem);color: var(--color-neutral-solid-gray-800);font-weight: normal;font-size: calc(16 / 16 * 1rem);line-height: 1.7;font-family: var(--font-family-sans);letter-spacing: 0.02em}
.dads-table[data-size="dense"]{--_padding: calc(12 / 16 * 1rem) calc(16 / 16 * 1rem);line-height: 1.3}
.dads-table__table{border-collapse: collapse}
.dads-table__table :is(td, th){padding: var(--_padding);text-align: left;vertical-align: baseline}
.dads-table__table th{font-weight: bold}
.dads-table__col-header{--_border-color: var(--color-neutral-solid-gray-500);background-color: var(--color-neutral-solid-gray-100);color: var(--color-neutral-solid-gray-900)}
.dads-table[data-row-stripe]{--_border-color: var(--color-neutral-solid-gray-500)}
.dads-table[data-row-stripe] tr:nth-child(even){background-color: var(--color-neutral-solid-gray-50)}
.dads-table[data-row-hover-highlight]{--_border-color: var(--color-neutral-solid-gray-500)}
@media (hover: hover){.dads-table[data-row-hover-highlight] tr:hover{background-color: var(--color-key-50)}
}
.dads-table[data-selectable]{--_border-color: var(--color-neutral-solid-gray-500)}
.dads-table[data-selectable] tr:has(:checked) :where(td, th){background: linear-gradient(#fff, #fff) top / 100% 1px no-repeat, linear-gradient(90deg, #fff, #fff) left / var(--_gap-x, 0) 100% no-repeat, var(--color-key-100);background-origin: padding-box}
.dads-table [data-border=""] :is(td, th):first-child,.dads-table [data-border~="left"] :is(td, th):first-child,.dads-table [data-cell-border=""] :is(td, th),.dads-table [data-cell-border~="left"] :is(td, th),.dads-table [data-cell-border~="right"] :is(td, th) + :is(td, th),.dads-table [data-border=""]:is(td, th),.dads-table [data-border~="left"]:is(td, th),.dads-table [data-border=""] + :is(td, th),.dads-table [data-border~="right"] + :is(td, th){--_gap-x: 1px}
.dads-table [data-width="full"]{width: 100%}
.dads-table [data-layout="fixed"]{table-layout: fixed}
.dads-table [data-cell-border=""] :where(td, th){border: 1px solid var(--_border-color)}
.dads-table [data-cell-border~="top"] :where(td, th){border-top: 1px solid var(--_border-color)}
.dads-table [data-cell-border~="right"] :where(td, th){border-right: 1px solid var(--_border-color)}
.dads-table [data-cell-border~="bottom"] :where(td, th){border-bottom: 1px solid var(--_border-color)}
.dads-table [data-cell-border~="left"] :where(td, th){border-left: 1px solid var(--_border-color)}
:last-of-type > .dads-table__col-header{border-bottom: 1px solid var(--color-neutral-black)}
.dads-table [data-border=""]{border: 1px solid var(--_border-color)}
.dads-table [data-border~="top"]{border-top: 1px solid var(--_border-color)}
.dads-table [data-border~="right"]{border-right: 1px solid var(--_border-color)}
.dads-table [data-border~="bottom"]{border-bottom: 1px solid var(--_border-color)}
.dads-table [data-border~="left"]{border-left: 1px solid var(--_border-color)}
.dads-table [data-border="hidden"]{border-style: hidden}
.dads-table [data-border~="top-hidden"]{border-top-style: hidden}
.dads-table [data-border~="right-hidden"]{border-right-style: hidden}
.dads-table [data-border~="bottom-hidden"]{border-bottom-style: hidden}
.dads-table [data-border~="left-hidden"]{border-left-style: hidden}
.dads-table [data-bg="white"]{background-color: var(--color-neutral-white)}
.dads-table [data-bg="solid-gray-50"]{--_border-color: var(--color-neutral-solid-gray-500);background-color: var(--color-neutral-solid-gray-50)}
.dads-table [data-bg="solid-gray-100"]{--_border-color: var(--color-neutral-solid-gray-500);background-color: var(--color-neutral-solid-gray-100)}
.dads-table [data-bg="transparent"]{background-color: transparent}
}
@layer adjust{html{font-size: calc(var(--sw-ui-scale) * 100%)}
.dads-button{border-radius: var(--sw-radius-control)}
.dads-drawer{box-shadow: var(--sw-elevation-overlay)}
.dads-drawer[data-placement="left"]{border-right-color: var(--color-neutral-black)}
.dads-drawer[data-placement="right"]{border-left-color: var(--color-neutral-black)}
.dads-drawer{background-color: var(--sw-color-surface-2)}
@media not (forced-colors: active){.dads-drawer::backdrop{background-color: var(--sw-color-overlay)}
}
.dads-hamburger-menu-icon-button{padding: calc(2 / 16 * 1rem)}
.dads-menu-list__item[data-size="regular"]{min-height: calc(48 / 16 * 1rem);padding-top: calc(12 / 16 * 1rem);padding-bottom: calc(12 / 16 * 1rem)}
:where(a):not(.dads-button, .dads-card-example-2__learn-more, .dads-emergency-banner__button, .dads-horizontal-menu__item-inner, .dads-menu-list__item, .dads-tab__tab, .dads-step-navigation__header, .dads-card-example-5__link, .dads-resource-list__body, .dads-page-navigation__arrow-button):any-link{color: var(--sw-color-link)}
:where(a):not(.dads-button, .dads-card-example-2__learn-more, .dads-emergency-banner__button, .dads-horizontal-menu__item-inner, .dads-menu-list__item, .dads-tab__tab, .dads-step-navigation__header, .dads-card-example-5__link, .dads-resource-list__body, .dads-page-navigation__arrow-button):visited{color: var(--sw-color-link-visited)}
@media (hover: hover){:where(a):not(.dads-button, .dads-card-example-2__learn-more, .dads-emergency-banner__button, .dads-horizontal-menu__item-inner, .dads-menu-list__item, .dads-tab__tab, .dads-step-navigation__header, .dads-card-example-5__link, .dads-resource-list__body, .dads-page-navigation__arrow-button):hover{color: var(--sw-color-link-hover)}
}
:where(a):not(.dads-button, .dads-card-example-2__learn-more, .dads-emergency-banner__button, .dads-horizontal-menu__item-inner, .dads-menu-list__item, .dads-tab__tab, .dads-step-navigation__header, .dads-card-example-5__link, .dads-resource-list__body, .dads-page-navigation__arrow-button):active{color: var(--sw-color-link-active)}
}
@layer ext{:root{--sw-ui-scale: 1;--sw-radius-control: calc(8 / 16 * 1rem);--sw-radius-chip: calc(6 / 16 * 1rem);--sw-radius-card: calc(12 / 16 * 1rem);--sw-color-link: var(--color-key-700);--sw-color-link-hover: var(--color-key-600);--sw-color-link-active: var(--color-primitive-orange-900);--sw-color-link-visited: var(--color-primitive-magenta-900);--sw-color-statusbar-highlight: var(--color-key-100);--sw-color-statusbar-success: var(--color-primitive-green-100);--sw-color-statusbar-warning: var(--color-primitive-yellow-100);--sw-color-statusbar-error: var(--color-primitive-red-100);--sw-color-inverse-background: var(--color-neutral-solid-gray-900);--sw-color-inverse-text: var(--color-neutral-white);--sw-bg-light-0: #ffffff;--sw-bg-light-1: #f2f2f2;--sw-bg-light-2: #f2f2f2;--sw-bg-dark-1: #212121;--sw-bg-dark-2: #2a2a2a;--sw-color-surface: var(--sw-bg-light-1);--sw-color-surface-2: var(--sw-bg-light-2);--sw-color-overlay: var(--color-neutral-opacity-gray-500);--sw-color-background: var(--sw-bg-light-0);--sw-color-text: var(--color-neutral-black);--sw-color-text-secondary: var(--color-neutral-solid-gray-600);--sw-color-border: var(--color-neutral-solid-gray-500);--sw-color-divider: var(--color-neutral-solid-gray-200);--sw-color-accent-fill: var(--color-key-900);--sw-color-scrollbar-track: var(--color-neutral-solid-gray-100);--sw-color-scrollbar-thumb: var(--color-neutral-solid-gray-536);--sw-color-code-background: var(--color-neutral-solid-gray-50);--sw-elevation-overlay: 0 4px 16px 3px rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.3);--sw-duration-normal: 200ms}
}
@layer ext{.sw-article-meta{display: flex;flex-wrap: wrap;gap: calc(8 / 16 * 1rem) calc(16 / 16 * 1rem);margin: 0;color: var(--color-neutral-solid-gray-800);font-size: calc(14 / 16 * 1rem);line-height: 1.5;font-family: var(--font-family-sans)}
}
@layer ext{.sw-code-block{overflow: hidden;border: 1px solid var(--color-neutral-solid-gray-300);border-radius: var(--sw-radius-card);background-color: var(--sw-color-code-background);color: var(--color-neutral-solid-gray-900);font-family: var(--font-family-sans)}
.sw-code-block__header{display: flex;align-items: center;justify-content: space-between;column-gap: calc(8 / 16 * 1rem);border-bottom: 1px solid var(--color-neutral-solid-gray-300);padding: calc(4 / 16 * 1rem) calc(4 / 16 * 1rem) calc(4 / 16 * 1rem) calc(16 / 16 * 1rem);font-weight: bold;font-size: calc(14 / 16 * 1rem)}
.sw-code-block__code{margin: 0;overflow-x: auto;padding: calc(16 / 16 * 1rem);font-size: calc(14 / 16 * 1rem);line-height: 1.6;font-family: var(--font-family-mono);tab-size: 2}
}
@layer ext{.sw-empty-state{display: grid;justify-items: center;row-gap: calc(12 / 16 * 1rem);border: 2px dashed var(--color-neutral-solid-gray-420);border-radius: var(--sw-radius-card);padding: calc(32 / 16 * 1rem) calc(16 / 16 * 1rem);color: var(--color-neutral-solid-gray-800);text-align: center;font-size: calc(16 / 16 * 1rem);line-height: 1.7;font-family: var(--font-family-sans)}
.sw-empty-state__title{margin: 0;font-weight: bold}
.sw-empty-state__body{margin: 0}
}
@layer ext{.sw-code{font-size: calc(15 / 16 * 1rem);font-family: var(--font-family-mono)}
.sw-code{border: 1px solid var(--color-neutral-solid-gray-300);border-radius: calc(4 / 16 * 1rem);background-color: var(--sw-color-code-background);padding: 0 0.3em}
}
@layer ext{.sw-radio-group{--_height: calc(36 / 16 * 1rem);display: flex;flex-wrap: wrap;align-items: center;gap: calc(4 / 16 * 1rem) calc(8 / 16 * 1rem);font-family: var(--font-family-sans)}
.sw-radio-group[data-size="md"]{--_height: calc(48 / 16 * 1rem)}
.sw-radio-group__legend{min-width: 5em;color: var(--color-neutral-solid-gray-600);font-size: calc(16 / 16 * 1rem);line-height: 1.3}
.sw-radio-group__options{flex: 1 1 calc(224 / 16 * 1rem);display: inline-grid;grid-auto-flow: column;grid-auto-columns: 1fr;border: calc(1 / 16 * 1rem) solid var(--color-neutral-solid-gray-500);border-radius: var(--sw-radius-control);background-color: var(--color-neutral-white)}
@media (min-width: 48rem){.sw-radio-group__options{flex: 0 1 auto;grid-auto-columns: auto}
}
.sw-radio-group__option{position: relative;display: grid}
.sw-radio-group__option ~ .sw-radio-group__option{border-inline-start: calc(1 / 16 * 1rem) solid var(--color-neutral-solid-gray-500)}
.sw-radio-group__input{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer}
.sw-radio-group__input:disabled{cursor: default}
.sw-radio-group__label{display: grid;place-items: center;box-sizing: border-box;min-height: var(--_height);padding: calc(4 / 16 * 1rem) calc(8 / 16 * 1rem);color: var(--color-neutral-black);font-size: calc(16 / 16 * 1rem);line-height: 1.3;text-align: center}
@media (min-width: 48rem){.sw-radio-group__label{padding-inline: calc(16 / 16 * 1rem)}
}
.sw-radio-group__option:first-child .sw-radio-group__label{border-start-start-radius: calc(var(--sw-radius-control) - 1 / 16 * 1rem);border-end-start-radius: calc(var(--sw-radius-control) - 1 / 16 * 1rem)}
.sw-radio-group__option:last-child .sw-radio-group__label{border-start-end-radius: calc(var(--sw-radius-control) - 1 / 16 * 1rem);border-end-end-radius: calc(var(--sw-radius-control) - 1 / 16 * 1rem)}
@media (hover: hover){.sw-radio-group__input:not(:checked, :disabled):hover + .sw-radio-group__label{background-color: var(--color-key-200);color: var(--color-key-1000);text-decoration: underline;text-underline-offset: calc(3 / 16 * 1rem)}
}
.sw-radio-group__input:not(:checked, :disabled):active + .sw-radio-group__label{background-color: var(--color-key-300);color: var(--color-key-1200);text-decoration: underline;text-underline-offset: calc(3 / 16 * 1rem)}
.sw-radio-group__input:checked + .sw-radio-group__label{background-color: var(--color-key-900);color: var(--color-neutral-white)}
.sw-radio-group__input:disabled + .sw-radio-group__label{color: var(--color-neutral-solid-gray-300)}
.sw-radio-group__input:checked:disabled + .sw-radio-group__label{background-color: var(--color-neutral-solid-gray-300);color: var(--color-neutral-solid-gray-50)}
.sw-radio-group__option:has(.sw-radio-group__input:focus-visible){z-index: 1}
.sw-radio-group__input:focus-visible + .sw-radio-group__label{outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);outline-offset: calc(2 / 16 * 1rem);box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300)}
@media (forced-colors: active){.sw-radio-group__input:checked + .sw-radio-group__label{forced-color-adjust: none;background-color: Highlight;color: HighlightText}
.sw-radio-group__input:disabled + .sw-radio-group__label{color: GrayText}
.sw-radio-group__input:checked:disabled + .sw-radio-group__label{background-color: GrayText;color: Canvas}
}
}
@layer ext{.sw-search-box{--_height: calc(56 / 16 * 1rem);--_pad-y: calc(12 / 16 * 1rem);container: sw-search-box / inline-size;display: grid;grid-template-areas: "fields submit" "detail detail";grid-template-columns: minmax(0, 1fr) auto;column-gap: calc(16 / 16 * 1rem);color: var(--color-neutral-solid-gray-900);font-weight: normal;font-size: calc(16 / 16 * 1rem);line-height: 1;font-family: var(--font-family-sans);letter-spacing: 0.02em}
.sw-search-box[data-size="md"]{--_height: calc(48 / 16 * 1rem);--_pad-y: calc(11 / 16 * 1rem)}
.sw-search-box[data-size="sm"]{--_height: calc(36 / 16 * 1rem);--_pad-y: calc(7 / 16 * 1rem)}
.sw-search-box__fields{container: sw-search-box-fields / inline-size;grid-area: fields;position: relative;z-index: 0;display: flex;flex-wrap: wrap}
.sw-search-box__input{position: relative;display: flex;flex: 1 0 calc(192 / 16 * 1rem);min-width: 0}
.sw-search-box__input-icon{position: absolute;top: 0;bottom: 0;left: calc(16 / 16 * 1rem);z-index: 2;margin: auto 0;width: calc(24 / 16 * 1rem);height: calc(24 / 16 * 1rem);color: var(--color-neutral-solid-gray-600);pointer-events: none}
.sw-search-box__input-control{flex-grow: 1;box-sizing: border-box;width: 100%;min-width: 0;min-height: var(--_height);margin: 0;border: calc(1 / 16 * 1rem) solid var(--color-neutral-solid-gray-600);border-radius: var(--sw-radius-control);background-color: var(--color-neutral-white);padding: var(--_pad-y) calc(16 / 16 * 1rem) var(--_pad-y) calc(48 / 16 * 1rem);color: inherit;font: inherit}
.sw-search-box__input-control::-webkit-search-cancel-button{display: none}
.sw-search-box__input-control::placeholder{color: var(--color-neutral-solid-gray-600)}
@media (hover: hover){.sw-search-box__input-control:hover{position: relative;z-index: 1;border-color: var(--color-neutral-black)}
}
.sw-search-box__input-control:focus-visible{position: relative;z-index: 1;outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);outline-offset: calc(2 / 16 * 1rem);box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300)}
@container sw-search-box-fields (width < 24rem){.sw-search-box__input{flex: 1 1 100%;max-width: none}
}
.sw-search-box__submit{grid-area: submit;align-self: end}
@container sw-search-box (width < 20rem){.sw-search-box__fields{grid-column: 1 / -1}
.sw-search-box__submit{grid-row: 2;grid-column: 1 / -1;justify-self: end;margin-top: calc(16 / 16 * 1rem)}
}
@media (forced-colors: active){.sw-search-box__input-icon{color: CanvasText}
}
}
@layer ext{@keyframes sw-skeleton-shine{from{background-position: 100% 0}
to{background-position: -100% 0}
}
}
@layer ext{@keyframes sw-statusbar-info{from{background-color: var(--sw-color-statusbar-highlight)}
}
@keyframes sw-statusbar-success{from{background-color: var(--sw-color-statusbar-success)}
}
@keyframes sw-statusbar-warning{from{background-color: var(--sw-color-statusbar-warning)}
}
@keyframes sw-statusbar-error{from{background-color: var(--sw-color-statusbar-error)}
}
}
@layer ext{.sw-tag-list{display: flex;flex-wrap: wrap;gap: calc(8 / 16 * 1rem);list-style: none;margin: 0;padding: 0}
.sw-tag{display: inline-flex;align-items: center;min-height: calc(32 / 16 * 1rem);border: 1px solid var(--color-key-900);border-radius: var(--sw-radius-chip);background-color: var(--color-neutral-white);padding: 0 calc(12 / 16 * 1rem);color: var(--color-key-900);font-size: calc(16 / 16 * 1rem);font-family: var(--font-family-sans);text-decoration: none}
@media (hover: hover){.sw-tag:hover{background-color: var(--color-key-200);color: var(--color-key-1000);text-decoration: underline;text-underline-offset: calc(3 / 16 * 1rem)}
}
}
@layer ext{.sw-snackbar-region{position: fixed;left: 50%;bottom: calc(16 / 16 * 1rem);z-index: 20;display: grid;width: min(calc(560 / 16 * 1rem), calc(100vw - 32 / 16 * 1rem));transform: translateX(-50%);pointer-events: none}
.sw-snackbar{display: flex;flex-wrap: wrap;align-items: center;column-gap: calc(8 / 16 * 1rem);min-height: calc(48 / 16 * 1rem);border: 1px solid var(--color-neutral-solid-gray-536);border-radius: var(--sw-radius-control);background-color: var(--sw-color-inverse-background);box-shadow: var(--sw-elevation-overlay);padding: calc(4 / 16 * 1rem) calc(4 / 16 * 1rem) calc(4 / 16 * 1rem) calc(16 / 16 * 1rem);color: var(--sw-color-inverse-text);font-size: calc(16 / 16 * 1rem);line-height: 1.5;font-family: var(--font-family-sans);pointer-events: auto}
.sw-snackbar-region > .sw-snackbar{grid-area: 1 / 1;align-self: end;animation: sw-snackbar-in var(--sw-duration-normal) ease-out}
.sw-snackbar-region > .sw-snackbar[data-closing]{animation: sw-snackbar-out var(--sw-duration-normal) ease-out forwards}
.sw-snackbar__icon{flex: none}
.sw-snackbar__message{flex: 1 1 12em}
.sw-snackbar__close{min-height: calc(44 / 16 * 1rem);border: 0;border-radius: var(--sw-radius-control);background: transparent;color: inherit;font: inherit;cursor: pointer}
.sw-snackbar__close{display: inline-grid;place-items: center;width: calc(44 / 16 * 1rem)}
@media (hover: hover){.sw-snackbar__close:hover{background-color: color-mix(in srgb, currentcolor 16%, transparent);text-decoration-thickness: calc(3 / 16 * 1rem)}
}
@keyframes sw-snackbar-in{from{opacity: 0;transform: translateY(calc(8 / 16 * 1rem))}
}
@keyframes sw-snackbar-out{to{opacity: 0;transform: translateY(calc(8 / 16 * 1rem))}
}
@media (prefers-reduced-motion: reduce){.sw-snackbar-region > .sw-snackbar,.sw-snackbar-region > .sw-snackbar[data-closing]{animation: none}
}
}
@layer ext{.sw-toast-region{position: fixed;top: calc(16 / 16 * 1rem);right: calc(16 / 16 * 1rem);z-index: 20;display: grid;row-gap: calc(12 / 16 * 1rem);width: min(calc(400 / 16 * 1rem), calc(100vw - 32 / 16 * 1rem));pointer-events: none}
@keyframes sw-toast-in{from{opacity: 0;transform: translateY(calc(-8 / 16 * 1rem))}
}
@keyframes sw-toast-out{to{opacity: 0;transform: translateY(calc(-8 / 16 * 1rem))}
}
}
@layer theme{:root{--color-key-50: #EDEDED;--color-key-100: #E3E3E3;--color-key-200: #CDCDCD;--color-key-300: #B8B8B8;--color-key-400: #A0A0A0;--color-key-500: #878787;--color-key-600: #6B6B6B;--color-key-700: #555555;--color-key-800: #474747;--color-key-900: #3F3F3F;--color-key-1000: #303030;--color-key-1100: #242424;--color-key-1200: #171717;--color-primitive-blue-50: var(--color-key-50);--color-primitive-blue-100: var(--color-key-100);--color-primitive-blue-200: var(--color-key-200);--color-primitive-blue-300: var(--color-key-300);--color-primitive-blue-400: var(--color-key-400);--color-primitive-blue-500: var(--color-key-500);--color-primitive-blue-600: var(--color-key-600);--color-primitive-blue-700: var(--color-key-700);--color-primitive-blue-800: var(--color-key-800);--color-primitive-blue-900: var(--color-key-900);--color-primitive-blue-1000: var(--color-key-1000);--color-primitive-blue-1100: var(--color-key-1100);--color-primitive-blue-1200: var(--color-key-1200);--elevation-2: none;--sw-color-link: #1A5FB4;--sw-color-link-visited: #8B008B;--sw-color-link-hover: #3A75C4;--sw-color-link-active: #AC3E00;--sw-color-statusbar-highlight: #E3E3E3;--sw-color-statusbar-success: #C2E5D1;--sw-color-statusbar-warning: #FFF0B3;--sw-color-statusbar-error: #FFDADA;--sw-color-inverse-background: #1A1A1A;--sw-color-inverse-text: #FFFFFF;--sw-color-code-background: #F2F2F2;--sw-ui-scale: 1;--sw-radius-control: calc(8 / 16 * 1rem);--sw-radius-chip: calc(6 / 16 * 1rem);--sw-radius-card: calc(12 / 16 * 1rem);--sw-bg-dark-1: #212121;--sw-bg-dark-2: #2A2A2A}
}
@media (prefers-color-scheme: dark){@layer theme{:root:not([data-theme="light"]){color-scheme: dark;--color-neutral-white: #181818;--color-neutral-black: #FFFFFF;--color-neutral-solid-gray-50: #2A2A2A;--color-neutral-solid-gray-100: #333333;--color-neutral-solid-gray-200: #4D4D4D;--color-neutral-solid-gray-300: #4D4D4D;--color-neutral-solid-gray-420: #666666;--color-neutral-solid-gray-500: #767676;--color-neutral-solid-gray-536: #7F7F7F;--color-neutral-solid-gray-600: #B3B3B3;--color-neutral-solid-gray-800: #FFFFFF;--color-neutral-solid-gray-900: #FFFFFF;--color-key-50: #242424;--color-key-100: #303030;--color-key-200: #3F3F3F;--color-key-300: #474747;--color-key-400: #555555;--color-key-500: #6B6B6B;--color-key-600: #878787;--color-key-700: #A0A0A0;--color-key-800: #A0A0A0;--color-key-900: #B8B8B8;--color-key-1000: #CDCDCD;--color-key-1100: #E3E3E3;--color-key-1200: #E3E3E3;--color-primitive-green-100: #08351F;--color-primitive-red-100: #850000;--color-primitive-orange-800: #FF8D44;--color-primitive-orange-900: #FFA66D;--color-primitive-magenta-900: #FF8EFF;--sw-color-link: #85B4F0;--sw-color-link-hover: #A9CBF5;--sw-color-link-active: #FFA66D;--sw-color-link-visited: #FF8EFF;--sw-color-statusbar-highlight: #303030;--sw-color-statusbar-success: #08351F;--sw-color-statusbar-warning: #604B00;--sw-color-statusbar-error: #850000;--sw-color-inverse-background: #F2F2F2;--sw-color-inverse-text: #000000;--sw-color-surface: var(--sw-bg-dark-1);--sw-color-surface-2: var(--sw-bg-dark-2);--sw-color-overlay: rgba(0, 0, 0, 0.7);--sw-color-background: #181818;--sw-color-text: #FFFFFF;--sw-color-text-secondary: #B3B3B3;--sw-color-border: #767676;--sw-color-divider: #4D4D4D;--sw-color-accent-fill: #6B6B6B;--sw-color-scrollbar-track: #333333;--sw-color-scrollbar-thumb: #999999;--sw-color-code-background: var(--sw-bg-dark-1)}
@media not (forced-colors: active){:root:not([data-theme="light"]) .dads-button[data-type="solid-fill"],:root:not([data-theme="light"]) .sw-radio-group__input:checked + .sw-radio-group__label{--color-neutral-white: #FFFFFF;--color-neutral-solid-gray-50: #B3B3B3;--color-key-900: #6B6B6B;--color-key-1000: #555555;--color-key-1200: #474747;--color-primitive-blue-900: #6B6B6B;--color-primitive-blue-1000: #555555;--color-primitive-blue-1200: #474747;--color-neutral-solid-gray-536: #767676;--color-neutral-solid-gray-800: #767676;--color-neutral-solid-gray-900: #666666}
:root:not([data-theme="light"]) svg:has([fill="Canvas"]){color-scheme: light}
:root:not([data-theme="light"]) .dads-button[data-type="text"]:is(:focus-visible, .is-focus),:root:not([data-theme="light"]) .dads-menu-list__item:is(:focus-visible, .is-focus),:root:not([data-theme="light"]) .dads-accordion__summary:is(:focus-visible, .is-focus),:root:not([data-theme="light"]) .dads-hamburger-menu-button:is(:focus-visible, .is-focus),:root:not([data-theme="light"]) .dads-horizontal-menu__item-inner:is(:focus-visible, .is-focus),:root:not([data-theme="light"]) .dads-hamburger-menu-icon-button:is(:focus-visible, .is-focus){--color-neutral-white: #FFFFFF;--color-neutral-black: #000000;--color-neutral-solid-gray-50: #F2F2F2;--color-neutral-solid-gray-100: #E6E6E6;--color-neutral-solid-gray-200: #CCCCCC;--color-neutral-solid-gray-300: #B3B3B3;--color-neutral-solid-gray-420: #949494;--color-neutral-solid-gray-500: #7F7F7F;--color-neutral-solid-gray-536: #767676;--color-neutral-solid-gray-600: #666666;--color-neutral-solid-gray-800: #333333;--color-neutral-solid-gray-900: #1A1A1A;--color-key-50: #EDEDED;--color-key-100: #E3E3E3;--color-key-200: #CDCDCD;--color-key-300: #B8B8B8;--color-key-400: #A0A0A0;--color-key-500: #878787;--color-key-600: #6B6B6B;--color-key-700: #555555;--color-key-800: #474747;--color-key-900: #3F3F3F;--color-key-1000: #303030;--color-key-1100: #242424;--color-key-1200: #171717;--color-primitive-green-100: #C2E5D1;--color-primitive-red-100: #FFDADA;--color-primitive-orange-800: #C74700;--color-primitive-orange-900: #AC3E00;--color-primitive-magenta-900: #8B008B;--sw-color-link: #1A5FB4;--sw-color-link-hover: #3A75C4;--sw-color-link-active: #AC3E00;--sw-color-link-visited: #8B008B;--sw-color-statusbar-highlight: #E3E3E3;--sw-color-statusbar-success: #C2E5D1;--sw-color-statusbar-warning: #FFF0B3;--sw-color-statusbar-error: #FFDADA;--sw-color-inverse-background: #1A1A1A;--sw-color-inverse-text: #FFFFFF;--sw-color-surface: var(--sw-bg-light-1);--sw-color-surface-2: var(--sw-bg-light-2);--sw-color-overlay: var(--color-neutral-opacity-gray-500);--sw-color-background: var(--sw-bg-light-0);--sw-color-text: var(--color-neutral-black);--sw-color-text-secondary: var(--color-neutral-solid-gray-600);--sw-color-border: var(--color-neutral-solid-gray-500);--sw-color-divider: var(--color-neutral-solid-gray-200);--sw-color-accent-fill: var(--color-key-900);--sw-color-scrollbar-track: var(--color-neutral-solid-gray-100);--sw-color-scrollbar-thumb: var(--color-neutral-solid-gray-536);--sw-color-code-background: #F2F2F2;--color-primitive-blue-50: #EDEDED;--color-primitive-blue-100: #E3E3E3;--color-primitive-blue-200: #CDCDCD;--color-primitive-blue-300: #B8B8B8;--color-primitive-blue-400: #A0A0A0;--color-primitive-blue-500: #878787;--color-primitive-blue-600: #6B6B6B;--color-primitive-blue-700: #555555;--color-primitive-blue-800: #474747;--color-primitive-blue-900: #3F3F3F;--color-primitive-blue-1000: #303030;--color-primitive-blue-1100: #242424;--color-primitive-blue-1200: #171717;color: #000000;outline-color: #FFFFFF}
}
}
}
@layer theme{:root[data-theme="dark"]{color-scheme: dark;--color-neutral-white: #181818;--color-neutral-black: #FFFFFF;--color-neutral-solid-gray-50: #2A2A2A;--color-neutral-solid-gray-100: #333333;--color-neutral-solid-gray-200: #4D4D4D;--color-neutral-solid-gray-300: #4D4D4D;--color-neutral-solid-gray-420: #666666;--color-neutral-solid-gray-500: #767676;--color-neutral-solid-gray-536: #7F7F7F;--color-neutral-solid-gray-600: #B3B3B3;--color-neutral-solid-gray-800: #FFFFFF;--color-neutral-solid-gray-900: #FFFFFF;--color-key-50: #242424;--color-key-100: #303030;--color-key-200: #3F3F3F;--color-key-300: #474747;--color-key-400: #555555;--color-key-500: #6B6B6B;--color-key-600: #878787;--color-key-700: #A0A0A0;--color-key-800: #A0A0A0;--color-key-900: #B8B8B8;--color-key-1000: #CDCDCD;--color-key-1100: #E3E3E3;--color-key-1200: #E3E3E3;--color-primitive-green-100: #08351F;--color-primitive-red-100: #850000;--color-primitive-orange-800: #FF8D44;--color-primitive-orange-900: #FFA66D;--color-primitive-magenta-900: #FF8EFF;--sw-color-link: #85B4F0;--sw-color-link-hover: #A9CBF5;--sw-color-link-active: #FFA66D;--sw-color-link-visited: #FF8EFF;--sw-color-statusbar-highlight: #303030;--sw-color-statusbar-success: #08351F;--sw-color-statusbar-warning: #604B00;--sw-color-statusbar-error: #850000;--sw-color-inverse-background: #F2F2F2;--sw-color-inverse-text: #000000;--sw-color-surface: var(--sw-bg-dark-1);--sw-color-surface-2: var(--sw-bg-dark-2);--sw-color-overlay: rgba(0, 0, 0, 0.7);--sw-color-background: #181818;--sw-color-text: #FFFFFF;--sw-color-text-secondary: #B3B3B3;--sw-color-border: #767676;--sw-color-divider: #4D4D4D;--sw-color-accent-fill: #6B6B6B;--sw-color-scrollbar-track: #333333;--sw-color-scrollbar-thumb: #999999;--sw-color-code-background: var(--sw-bg-dark-1)}
@media not (forced-colors: active){:root[data-theme="dark"] .dads-button[data-type="solid-fill"],:root[data-theme="dark"] .sw-radio-group__input:checked + .sw-radio-group__label{--color-neutral-white: #FFFFFF;--color-neutral-solid-gray-50: #B3B3B3;--color-key-900: #6B6B6B;--color-key-1000: #555555;--color-key-1200: #474747;--color-primitive-blue-900: #6B6B6B;--color-primitive-blue-1000: #555555;--color-primitive-blue-1200: #474747;--color-neutral-solid-gray-536: #767676;--color-neutral-solid-gray-800: #767676;--color-neutral-solid-gray-900: #666666}
:root[data-theme="dark"] svg:has([fill="Canvas"]){color-scheme: light}
:root[data-theme="dark"] .dads-button[data-type="text"]:is(:focus-visible, .is-focus),:root[data-theme="dark"] .dads-menu-list__item:is(:focus-visible, .is-focus),:root[data-theme="dark"] .dads-accordion__summary:is(:focus-visible, .is-focus),:root[data-theme="dark"] .dads-hamburger-menu-button:is(:focus-visible, .is-focus),:root[data-theme="dark"] .dads-horizontal-menu__item-inner:is(:focus-visible, .is-focus),:root[data-theme="dark"] .dads-hamburger-menu-icon-button:is(:focus-visible, .is-focus){--color-neutral-white: #FFFFFF;--color-neutral-black: #000000;--color-neutral-solid-gray-50: #F2F2F2;--color-neutral-solid-gray-100: #E6E6E6;--color-neutral-solid-gray-200: #CCCCCC;--color-neutral-solid-gray-300: #B3B3B3;--color-neutral-solid-gray-420: #949494;--color-neutral-solid-gray-500: #7F7F7F;--color-neutral-solid-gray-536: #767676;--color-neutral-solid-gray-600: #666666;--color-neutral-solid-gray-800: #333333;--color-neutral-solid-gray-900: #1A1A1A;--color-key-50: #EDEDED;--color-key-100: #E3E3E3;--color-key-200: #CDCDCD;--color-key-300: #B8B8B8;--color-key-400: #A0A0A0;--color-key-500: #878787;--color-key-600: #6B6B6B;--color-key-700: #555555;--color-key-800: #474747;--color-key-900: #3F3F3F;--color-key-1000: #303030;--color-key-1100: #242424;--color-key-1200: #171717;--color-primitive-green-100: #C2E5D1;--color-primitive-red-100: #FFDADA;--color-primitive-orange-800: #C74700;--color-primitive-orange-900: #AC3E00;--color-primitive-magenta-900: #8B008B;--sw-color-link: #1A5FB4;--sw-color-link-hover: #3A75C4;--sw-color-link-active: #AC3E00;--sw-color-link-visited: #8B008B;--sw-color-statusbar-highlight: #E3E3E3;--sw-color-statusbar-success: #C2E5D1;--sw-color-statusbar-warning: #FFF0B3;--sw-color-statusbar-error: #FFDADA;--sw-color-inverse-background: #1A1A1A;--sw-color-inverse-text: #FFFFFF;--sw-color-surface: var(--sw-bg-light-1);--sw-color-surface-2: var(--sw-bg-light-2);--sw-color-overlay: var(--color-neutral-opacity-gray-500);--sw-color-background: var(--sw-bg-light-0);--sw-color-text: var(--color-neutral-black);--sw-color-text-secondary: var(--color-neutral-solid-gray-600);--sw-color-border: var(--color-neutral-solid-gray-500);--sw-color-divider: var(--color-neutral-solid-gray-200);--sw-color-accent-fill: var(--color-key-900);--sw-color-scrollbar-track: var(--color-neutral-solid-gray-100);--sw-color-scrollbar-thumb: var(--color-neutral-solid-gray-536);--sw-color-code-background: #F2F2F2;--color-primitive-blue-50: #EDEDED;--color-primitive-blue-100: #E3E3E3;--color-primitive-blue-200: #CDCDCD;--color-primitive-blue-300: #B8B8B8;--color-primitive-blue-400: #A0A0A0;--color-primitive-blue-500: #878787;--color-primitive-blue-600: #6B6B6B;--color-primitive-blue-700: #555555;--color-primitive-blue-800: #474747;--color-primitive-blue-900: #3F3F3F;--color-primitive-blue-1000: #303030;--color-primitive-blue-1100: #242424;--color-primitive-blue-1200: #171717;color: #000000;outline-color: #FFFFFF}
}
}
@layer theme{:root[data-theme="light"]{color-scheme: light}
}